@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&display=swap";.header{z-index:50;background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0}.header__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:1rem 1.5rem;display:flex}.header__logo{align-items:center;display:flex}.header__logo-image{width:auto;height:48px;display:block}.header__actions{align-items:center;display:flex}.header__nav{gap:1.5rem;display:flex}.header__link{color:var(--text-muted);font-size:.9rem;transition:color .2s}.header__link:hover,.header__link--active{color:var(--accent)}.header__toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}.header__toggle span{background:var(--accent);width:22px;height:2px}@media (width<=768px){.header__toggle{margin-left:1rem;display:flex}.header__nav{background:var(--bg-alt);flex-direction:column;gap:1rem;padding:1rem 1.5rem;display:none;position:absolute;top:100%;left:0;right:0}.header__nav--open{display:flex}}.stroke-text{line-height:1;display:inline-flex;position:relative}.stroke-text__letter{white-space:pre;display:inline-block;position:relative}.stroke-text__layer{white-space:pre;display:inline-block}.stroke-text__layer--fill{position:absolute;inset:0}.fold-text{flex-wrap:wrap;line-height:1.3;display:inline-flex}.fold-text__unit{display:inline-block}.fold-text__inner{transform-style:preserve-3d;backface-visibility:hidden;white-space:pre;display:inline-block;position:relative}.fold-text__crease{pointer-events:none;position:absolute;inset:0}.hero{background:linear-gradient(160deg, var(--bg) 0%, var(--bg-alt-2) 100%);align-items:center;min-height:clamp(560px,100vh,820px);padding:8rem 1.5rem 2rem;display:flex;position:relative;overflow:hidden}@media (width>=768px){.hero{background-image:url(/assets/hero-banner-kVSJZTs-.png);background-position:100%;background-repeat:no-repeat;background-size:cover}}.hero__overlay{z-index:0;background:linear-gradient(90deg,#1a1a1af2 0%,#1a1a1a99 45%,#1a1a1a26 75%);position:absolute;inset:0}.hero__content{z-index:1;max-width:640px;position:relative}.hero__eyebrow{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem}.hero__name{margin-bottom:.75rem;font-size:clamp(2.5rem,6vw,4rem)}.hero__tagline{color:var(--accent);min-height:1.6em;margin-bottom:1.5rem;font-size:1.1rem}.hero__bio{color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.hero__actions{flex-wrap:wrap;gap:1rem;display:flex}.services{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem}.services__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.service-card{text-align:center;cursor:pointer;flex-direction:column;align-items:center;padding:1.5rem .5rem;transition:transform .2s;display:flex}.service-card--active{transform:translateY(-4px)}.service-card__icon{color:var(--accent);margin-bottom:.75rem;font-size:2.5rem}.service-card h3{opacity:0;max-height:0;margin-bottom:0;transition:max-height .3s,opacity .3s,margin-bottom .3s;overflow:hidden}.service-card p{color:var(--text-muted);opacity:0;max-height:0;margin-top:0;font-size:.9rem;line-height:1.5;transition:max-height .3s,opacity .3s,margin-top .3s;overflow:hidden}.service-card--active h3,.service-card:focus-visible h3{opacity:1;max-height:60px;margin-bottom:.5rem}.service-card--active p,.service-card:focus-visible p{opacity:1;max-height:200px;margin-top:.5rem}@media (hover:hover) and (pointer:fine){.service-card:hover{transform:translateY(-4px)}.service-card:hover h3{opacity:1;max-height:60px;margin-bottom:.5rem}.service-card:hover p{opacity:1;max-height:200px;margin-top:.5rem}}.project-carousel{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:1.25rem;position:relative;overflow:hidden}.project-carousel__image{width:100%;height:auto;display:block}.project-carousel__image--fitted{object-fit:contain;height:100%}.project-carousel__arrow{z-index:2;border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;background:#0a0a0a99;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:background .2s,color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.project-carousel__arrow:hover{background:var(--accent);color:#04211c}.project-carousel__arrow--prev{left:10px}.project-carousel__arrow--next{right:10px}.project-carousel__dots{z-index:1;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.project-carousel__dot{background:#eafffb66;border-radius:50%;width:6px;height:6px}.project-carousel__dot--active{background:var(--accent)}.case-study-modal__backdrop{z-index:200;background:#000c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.case-study-modal{background:var(--bg-alt-2);border:1px solid var(--border);border-radius:20px;width:100%;max-width:860px;max-height:85vh;padding:2.5rem;position:relative;overflow-y:auto}.case-study-modal__close{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1;position:absolute;top:1.25rem;right:1.5rem}.case-study-modal__close:hover{color:var(--accent)}.case-study-modal__title{margin:0 0 2rem;font-size:clamp(1.75rem,4vw,2.5rem)}.case-study-modal__list{flex-direction:column;gap:2rem;display:flex}.case-study-modal__item{flex-direction:column;gap:1rem;display:flex}.case-study-modal__image{border:1px solid var(--border);border-radius:12px;width:100%}.case-study-modal__text h4{color:var(--text);margin:0 0 .5rem;font-size:1.1rem}.case-study-modal__text p{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.5}@media (width>=640px){.case-study-modal__item{flex-direction:row;align-items:center;gap:1.5rem}.case-study-modal__image{width:60%}.case-study-modal__text{width:40%}}.project-image-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:1.25rem;position:relative;overflow:hidden}.project-image-card__image{aspect-ratio:16/9;object-fit:cover;background:var(--bg);width:100%;display:block}.project-image-card__image--gradient-0{background:linear-gradient(135deg,#0f2f2a,#2dd4bf 140%)}.project-image-card__image--gradient-1{background:linear-gradient(135deg,#0a0a0a,#14b8a6 160%)}.project-image-card__image--gradient-2{background:radial-gradient(circle at 30% 30%,#2dd4bf,#050505 75%)}.project-image-card__nav{z-index:2;border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;background:#0a0a0a99;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;transition:background .2s,color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.project-image-card__nav:hover,.project-image-card__nav:focus-visible{background:var(--accent);color:#04211c}.project-image-card__nav--prev{left:10px}.project-image-card__nav--next{right:10px}.project-image-card__play{z-index:2;border:1px solid var(--border);width:64px;height:64px;color:var(--text);cursor:pointer;background:#0a0a0a99;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:background .2s,color .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-image-card__play svg{margin-left:3px}.project-image-card__play:hover,.project-image-card__play:focus-visible{background:var(--accent);color:#04211c;transform:translate(-50%,-50%)scale(1.08)}.project-image-card__controls{z-index:2;background:linear-gradient(#0000,#000000bf);align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.project-image-card__progress{cursor:pointer;background:#ffffff40;border-radius:999px;flex:1;height:4px;overflow:hidden}.project-image-card__progress-fill{background:var(--accent);border-radius:inherit;height:100%;transition:width .1s linear}.project-image-card__time{color:#fff;font-variant-numeric:tabular-nums;flex:none;font-size:.7rem}.project-image-card__speed{color:#fff;cursor:pointer;background:#0a0a0a80;border:1px solid #ffffff59;border-radius:999px;flex:none;min-width:36px;padding:.15rem .45rem;font-size:.7rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.project-image-card__speed:hover,.project-image-card__speed:focus-visible{background:var(--accent);border-color:var(--accent);color:#04211c}.projects{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem .5rem}.projects__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.projects__heading .section-title{margin-bottom:0}.projects__note{max-width:none;color:var(--text-muted);margin:.75rem 0 2.5rem;font-size:.85rem;line-height:1.5}.projects__stack{position:relative}.projects__end-spacer{height:40vh}.project-sticky{padding-bottom:2rem;position:sticky}.project-card{background:linear-gradient(var(--bg-alt-2), var(--bg-alt-2)) padding-box, linear-gradient(115deg, var(--border) 0%, var(--border) 20%, var(--accent) 50%, var(--border) 60%, var(--border) 100%) border-box;background-position:0 0,100%;background-size:100% 100%,280% 280%;border:3px solid #0000;border-radius:25px;flex-direction:column;gap:1.5rem;padding:1.75rem;animation:15s linear infinite project-card-shine;display:flex;position:relative;box-shadow:0 20px 40px #0006}@keyframes project-card-shine{to{background-position:0 0,-180%}}@media (prefers-reduced-motion:reduce){.project-card{animation:none}}.project-card__info{min-width:0}.project-card__number{font-family:var(--font-heading);color:var(--text);margin-bottom:.5rem;font-size:1.75rem;font-weight:700;line-height:1;display:block}.project-card__title{text-transform:uppercase;letter-spacing:.02em;margin:0 0 .75rem;font-size:1.15rem}.project-card__description{color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.85rem;line-height:1.55;display:-webkit-box;overflow:hidden}.project-card__description--expanded{-webkit-line-clamp:unset;line-clamp:unset;display:block;overflow:visible}.project-card__toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin:0 0 1rem;padding:0;font-size:.8rem;font-weight:600;display:inline-block}.project-card__toggle:hover{text-decoration:underline}.project-card__stack{flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.project-card__stack li{color:var(--accent);border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.project-card__actions{align-items:center;gap:.75rem;display:flex}.project-card__code-link{border:1px solid var(--border);width:38px;height:38px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:border-color .2s,color .2s;display:flex}.project-card__code-link:hover{border-color:var(--accent);color:var(--accent)}.project-card__code-link--pending{color:var(--text-muted);opacity:.5;cursor:default}.project-card__visual{min-width:0}.project-image-trigger{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block}@media (width<=768px){.projects{padding-left:.75rem;padding-right:.75rem}}@media (width>=769px){.project-sticky{align-items:center;min-height:88vh;display:flex}.project-card{flex-direction:row;align-items:center;gap:2rem;width:100%;padding:2.5rem}.project-card__info{flex:30%}.project-card__visual{flex:70%}.project-card__number{font-size:2.25rem}.project-card__title{font-size:1.4rem}.project-card--grid{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1.75rem}.project-card--grid .project-card__info,.project-card--grid .project-card__visual{flex:initial}}.projects-grid{grid-template-columns:1fr;gap:2.5rem;display:grid}.projects-grid__empty{color:var(--text-muted);text-align:center;padding:3rem 0}@media (width>=900px){.projects-grid{grid-template-columns:1fr 1fr}}.logoloop{width:100%;position:relative;overflow:hidden}.logoloop__track{will-change:transform;width:max-content;display:flex}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content}.logoloop__list{align-items:center;gap:var(--logoloop-gap,32px);padding:0 var(--logoloop-gap,32px) 0 0;flex:none;margin:0;list-style:none;display:flex}.logoloop--vertical .logoloop__list{padding:0 0 var(--logoloop-gap,32px) 0;flex-direction:column}.logoloop__item{flex:none;justify-content:center;align-items:center;display:flex}.logoloop__item img{width:auto;height:var(--logoloop-logoHeight,28px);display:block}.logoloop__node{color:var(--text-muted);font-size:var(--logoloop-logoHeight,28px);align-items:center;transition:color .25s,transform .25s;display:inline-flex}.logoloop__link{display:inline-flex}.logoloop--scale-hover .logoloop__item:hover .logoloop__node,.logoloop--scale-hover .logoloop__item:hover img{transform:scale(1.15)}.logoloop--scale-hover .logoloop__item:hover .logoloop__node{color:var(--accent)}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:1;width:72px;position:absolute;top:0;bottom:0}.logoloop--fade:before{background:linear-gradient(to right, var(--logoloop-fadeColor,var(--bg)), transparent);left:0}.logoloop--fade:after{background:linear-gradient(to left, var(--logoloop-fadeColor,var(--bg)), transparent);right:0}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{width:auto;height:72px;left:0;right:0}.logoloop--vertical.logoloop--fade:before{background:linear-gradient(to bottom, var(--logoloop-fadeColor,var(--bg)), transparent);top:0;bottom:auto}.logoloop--vertical.logoloop--fade:after{background:linear-gradient(to top, var(--logoloop-fadeColor,var(--bg)), transparent);top:auto;bottom:0}*{scrollbar-width:none}.skills{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem 4rem}.skills__stats{gap:3rem;margin-bottom:3rem;display:flex}.skills__stat span{font-family:var(--font-heading);color:var(--accent);font-size:2.5rem;display:block}.skills__stat p{color:var(--text-muted);margin:.25rem 0 0;font-size:.85rem}.skills__group{margin-bottom:2rem}.skills__group h3{color:var(--text-muted);margin-bottom:1rem;font-size:1rem}.skills__badges{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.skills__badge{border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.85rem;display:inline-flex}.skills__badge svg{color:var(--accent)}.contact{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem 6rem}.contact__cta{max-width:46ch;margin-bottom:3rem}.contact__cta .section-title{margin-bottom:1rem}.contact__cta-text{color:var(--text-muted);margin:0 0 1.75rem;font-size:1rem;line-height:1.6}.contact__cta .btn{align-items:center;gap:.6rem;display:inline-flex}.contact__subheading{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin:0 0 1.25rem;font-size:.75rem}.contact__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.contact__card{border:1px solid var(--border);color:var(--text);border-radius:10px;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.5rem;transition:border-color .2s,transform .2s,color .2s;display:flex}.contact__card:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-4px)}.contact__card svg{font-size:1.75rem}.footer{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem 1.5rem;font-size:.85rem;display:flex}.footer__links{gap:1rem;display:flex}.footer__links a:hover{color:var(--accent)}.custom-cursor{background:var(--accent);pointer-events:none;z-index:999;mix-blend-mode:difference;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;transition:transform 80ms ease-out;position:fixed;top:0;left:0}@media (width<=768px){.custom-cursor{display:none}}.whatsapp-button{z-index:150;color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;transition:transform .2s,box-shadow .2s;animation:2.2s ease-in-out infinite whatsapp-breathe;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 10px 25px #00000059,0 0 18px 4px #25d366a6,0 0 36px 8px #25d36659}.whatsapp-button:before,.whatsapp-button:after{content:"";pointer-events:none;border:2px solid #25d366;border-radius:50%;animation:2.2s ease-out infinite whatsapp-ring;position:absolute;inset:0}.whatsapp-button:after{animation-delay:1.1s}.whatsapp-button:hover,.whatsapp-button:focus-visible{transform:translateY(-3px)scale(1.05);box-shadow:0 14px 30px #0006,0 0 22px 5px #25d366bf,0 0 42px 10px #25d36666}@keyframes whatsapp-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes whatsapp-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.whatsapp-button{animation:none}.whatsapp-button:before,.whatsapp-button:after{display:none}}@media (width<=768px){.whatsapp-button{width:50px;height:50px;font-size:1.5rem;bottom:1rem;right:1rem}}.projects-filter-bar{border:1px solid var(--border);background:var(--bg-alt);border-radius:20px;flex-direction:column;gap:.9rem;margin:0 0 2.5rem;padding:1.25rem 1.5rem;display:flex}.projects-filter-bar__divider{background:var(--border);border:none;height:1px;margin:0}.projects-filter-bar__group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.projects-filter-bar__group-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;font-size:.75rem}.projects-filter-bar__search{border:1px solid var(--border);background:var(--bg-alt-2);width:100%;color:var(--text-muted);border-radius:999px;align-items:center;gap:.6rem;padding:.65rem 1.1rem;transition:border-color .2s;display:flex}.projects-filter-bar__search:focus-within{border-color:var(--accent)}.projects-filter-bar__search svg{flex-shrink:0;font-size:.9rem}.projects-filter-bar__search input{min-width:0;color:var(--text);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.projects-filter-bar__search input::placeholder{color:var(--text-muted)}.projects-filter-bar__filters{flex-wrap:wrap;gap:.5rem;display:flex}.projects-filter-bar__chip{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem 1.1rem;font-size:.8rem;transition:border-color .2s,color .2s,background-color .2s}.projects-filter-bar__chip:hover{border-color:var(--accent);color:var(--text)}.projects-filter-bar__chip--active{border-color:var(--accent);color:var(--accent);background:#2dd4bf1a}.projects-page{padding-top:7rem}.projects-page__back{color:var(--text-muted);margin-bottom:1.5rem;font-size:.85rem;transition:color .2s;display:inline-block}.projects-page__back:hover{color:var(--accent)}:root{--bg:#202020;--bg-alt:#1a1a1a;--bg-alt-2:#363636;--accent:#2dd4bf;--accent-dark:#14b8a6;--text:#eafffb;--text-muted:#8a9a97;--border:#2dd4bf33;--header-bg:#202020bf;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--max-width:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);cursor:none;margin:0}@media (pointer:coarse),(width<=768px){body{cursor:auto}}h1,h2,h3{font-family:var(--font-heading);margin:0}a{color:inherit;text-decoration:none}.section-label{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem}.section-title{margin-bottom:2rem;font-size:clamp(1.75rem,4vw,2.5rem)}.btn{border-radius:6px;align-items:center;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}button.btn{cursor:pointer;background:0 0;font-family:inherit}.btn--primary{background:var(--accent);color:#04211c}.btn--primary:hover{background:var(--accent-dark)}.btn--outline{border:1px solid var(--accent);color:var(--accent)}.btn--outline:hover{background:#2dd4bf1a}.btn--ghost{color:var(--text-muted)}.btn--ghost:hover{color:var(--text)}