@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,figure,dl,dd,ol,ul{margin:0}ol,ul{padding:0;list-style:none}button,input,textarea,select{font:inherit}img,picture,video,svg{max-width:100%;display:block}button{border:0}}@layer base{:root{color-scheme:dark;--color-bg-deep:#19191a;--color-surface:#24272b;--color-surface-soft:#202124;--color-accent:#54e7b1;--color-text-primary:#d8d8d8;--color-text-strong:#f3f3f1;--color-text-muted:#96999c;--color-line:#d8d8d826;--color-light-panel:#d8d8d8;--sidebar-width:252px;--page-pad:clamp(2rem, 5.3vw, 6.5rem);--font-sans:"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--section-title-size:clamp(3rem, 4vw, 4.5rem);--section-eyebrow-size:clamp(.75rem, .82vw, .875rem);--section-description-size:clamp(1rem, 1.08vw, 1.16rem);--section-heading-color:var(--color-text-strong);--section-description-color:#d8d8d8bd;--section-header-gap:clamp(2.75rem, 4vw, 3.75rem)}html{background:var(--color-bg-deep)}body{background:var(--color-bg-deep);min-width:320px;color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.55}body.dialog-open,body.menu-open,body.lightbox-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit}::selection{color:#111;background:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--color-accent);color:#111;padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.eyebrow{color:var(--color-text-muted);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;font-weight:600;line-height:1.3}h1,h2,h3{color:var(--color-text-strong);letter-spacing:-.045em;font-weight:450;line-height:.98}.section-pad{padding:clamp(5.5rem, 9vw, 10rem) var(--page-pad)}[data-reveal]{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}[data-reveal].revealed{opacity:1;transform:none}}@layer layout{.side-header{z-index:50;width:var(--sidebar-width);color:#d8d8d8;background:#151719;border-right:1px solid #ffffff14;flex-direction:column;padding:2.1rem 27px 1.8rem;display:flex;position:fixed;inset:0 auto 0 0}.site-main{margin-left:var(--sidebar-width);overflow:clip}.mobile-header{display:none}.brand-logo{align-items:center;width:100%;height:46px;display:flex;overflow:hidden}.brand-logo img{width:100%;height:auto}.side-nav{margin-top:95px;margin-bottom:auto}.side-nav ol{gap:.15rem;display:grid}.side-nav a{color:#8e9294;letter-spacing:.12em;text-transform:uppercase;padding:.58rem 0;font-size:.76rem;font-weight:600;transition:color .3s;display:block;position:relative}.side-nav .nav-label{display:block}.side-nav .nav-indicator{background:var(--color-accent);transform-origin:0;will-change:transform;width:100%;height:2px;margin-top:7px;transition:transform .72s cubic-bezier(.22,1,.36,1);display:block;transform:scaleX(0)}.side-nav a:hover,.side-nav a.is-active{color:#f0f0ee}.side-nav a.is-active .nav-indicator{transform:scaleX(1)}.side-footer{gap:1.25rem;display:grid}.side-footer p{color:#929698;letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;line-height:1.65}.side-footer p span{color:#858a8c}.social-links{--social-button-gap:1rem;align-items:center;gap:var(--social-button-gap);display:flex}.social-links a,.social-link--pending{color:#858a8c;justify-content:center;align-items:center;width:40px;height:40px;transition:color .22s,transform .22s;display:inline-flex}.social-links--sidebar{justify-content:flex-start}.social-links--sidebar a,.social-links--sidebar .social-link--pending{transform-origin:0;justify-content:flex-start;width:22px}.social-link--pending{cursor:help;opacity:1}.social-links a:hover,.social-links a:focus-visible,.social-link--pending:hover{color:#54e7b1;transform:scale(1.12)}.social-links svg{fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.social-links svg .fill-dot{fill:currentColor;stroke:none}.hero{isolation:isolate;min-height:100svh;padding:clamp(4.5rem, 8vh, 7rem) var(--page-pad);background:#161719;align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#0e0f10f5 0%,#0e0f10de 27%,#0e0f1066 51%,#0e0f100f 76%);position:absolute;inset:0}.hero-copy{z-index:2;color:#d8d8d8;width:min(52%,720px);padding-block:1rem;position:relative}.hero-mobile-identity{display:none}.hero-kicker{color:#aeb1b1;margin-bottom:clamp(1.7rem,3.5vh,3rem)}.hero h1{color:#f3f3f1;text-shadow:0 2px 24px #0003;font-size:clamp(3.4rem,5.5vw,7rem)}.hero h1>span{display:block}.hero-typing-line{color:#f3f3f1;min-height:2.08em}.hero-typing-accent{color:var(--color-accent)}.typing-cursor{background:var(--color-accent);width:2px;height:.77em;margin-left:.09em;animation:1.1s step-end infinite blink;display:inline-block}.typing-cursor[hidden]{display:none}.hero-statement{color:#c6c8c7;max-width:32rem;margin-top:1.5rem;font-size:clamp(1rem,1.15vw,1.18rem);line-height:1.58}.hero-services{color:#919596;letter-spacing:.08em;text-transform:uppercase;margin-top:.85rem;font-size:.75rem}@keyframes blink{50%{opacity:0}}.text-link{letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #d8d8d847;justify-content:space-between;align-items:center;width:min(15rem,100%);margin-top:clamp(2rem,4vh,3.5rem);padding-bottom:.65rem;font-size:.75rem;font-weight:600;transition:border-color .3s;display:flex}.text-link span{color:var(--color-accent);font-size:1rem;transition:transform .3s}.text-link:hover{border-color:var(--color-accent)}.text-link:hover span{transform:translate(3px,3px)}.hero-visual{z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hero-visual img{object-fit:cover;object-position:center center;background:#d8d8d8;width:100%;height:100%}.hero-visual figcaption{right:var(--page-pad);color:#ffffffbf;letter-spacing:.11em;text-transform:uppercase;gap:1.5rem;font-size:.65rem;display:flex;position:absolute;bottom:1.6rem}.scroll-cue{left:var(--page-pad);color:var(--color-text-muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.7rem;font-size:.6rem;display:flex;position:absolute;bottom:1.6rem}.scroll-cue span{background:var(--color-accent);width:26px;height:1px;display:block}.section-header{margin-bottom:var(--section-header-gap);text-align:left}.section-eyebrow{color:#54e7b1;font-size:var(--section-eyebrow-size);letter-spacing:.12em;text-transform:uppercase;font-weight:500;line-height:1.3}.section-title{color:var(--section-heading-color);font-size:var(--section-title-size);letter-spacing:-.045em;text-transform:uppercase;margin-top:.65rem;font-weight:400;line-height:.98}.section-description{max-width:72rem;color:var(--section-description-color);font-size:var(--section-description-size);margin-top:1rem;line-height:1.55}.portfolio-section{background:var(--color-surface)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.project-card__button{text-align:left;cursor:pointer;background:0 0;width:100%;padding:0;display:block}.project-card__media{aspect-ratio:4/5;background:var(--color-bg-deep);display:block;position:relative;overflow:hidden}.project-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .22s}.project-card__overlay{color:#f5f5f2;opacity:0;background:#000000a8;grid-template-rows:1fr auto;padding:clamp(1rem,1.5vw,1.75rem);transition:opacity .22s;display:grid;position:absolute;inset:0}.project-card__view{letter-spacing:.12em;text-transform:uppercase;place-self:center;align-items:center;gap:.65rem;font-size:clamp(.68rem,.72vw,.78rem);font-weight:600;transition:transform .22s;display:inline-flex;transform:translateY(5px)}.project-card__view svg{fill:none;width:18px;stroke:var(--color-accent);stroke-width:1.4px}.project-card__overlay-info{align-self:end;gap:.35rem;transition:transform .22s;display:grid;transform:translateY(5px)}.project-card__overlay-info strong{color:#f3f3f1;font-size:clamp(.85rem,.95vw,1rem);font-weight:500;line-height:1.2}.project-card__overlay-info small{color:#b0b4b5;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:31ch;font-size:clamp(.7rem,.74vw,.8rem);line-height:1.4;display:-webkit-box;overflow:hidden}.project-card__button:hover img,.project-card__button:focus-visible img{transform:scale(1.018)}.project-card__button:hover .project-card__overlay,.project-card__button:focus-visible .project-card__overlay{opacity:1}.project-card__button:hover .project-card__view,.project-card__button:hover .project-card__overlay-info,.project-card__button:focus-visible .project-card__view,.project-card__button:focus-visible .project-card__overlay-info{transform:none}.project-card__button:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent);outline:none}.project-card__placeholder{aspect-ratio:4/5;background:var(--color-bg-deep);position:relative;overflow:hidden}.project-card__placeholder:before,.project-card__placeholder:after{content:"";background:var(--color-line);width:150%;height:1px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(45deg)}.project-card__placeholder:after{transform:translate(-50%,-50%)rotate(-45deg)}.clients-section{--client-visible:5;padding:clamp(3.5rem, 4vw, 4.5rem) var(--page-pad);background:#24272b;overflow:hidden}.clients-section .section-eyebrow{color:#54e7b1;flex:none}.clients-heading{align-items:center;gap:clamp(1rem,1.8vw,2rem);display:flex}.clients-heading__line{background:#d8d8d824;width:100%;height:1px}.client-marquee{isolation:isolate;align-items:center;min-height:clamp(8.5rem,10vw,10.75rem);margin-top:clamp(1.5rem,2.1vw,2.25rem);display:flex;position:relative;overflow:hidden;container-type:inline-size}.client-marquee__track{will-change:transform;width:max-content;animation:36s linear infinite client-marquee;display:flex}.client-marquee__group{flex:none;align-items:center;display:flex}.client-slot{flex:0 0 calc(100cqw / var(--client-visible));justify-content:center;align-items:center;min-height:6.5rem;padding-inline:clamp(1rem,2vw,2.25rem);display:flex}.client-slot img{aspect-ratio:1;object-fit:contain;width:clamp(4.5rem,5.3vw,6rem);height:auto}.client-marquee:hover .client-marquee__track{animation-play-state:paused}.client-corner{z-index:2;pointer-events:none;width:26px;height:26px;position:absolute}.client-corner:before,.client-corner:after{content:"";background:#54e7b1;position:absolute}.client-corner--top{top:0;left:0}.client-corner--top:before{width:26px;height:1px;top:0;left:0}.client-corner--top:after{width:1px;height:26px;top:0;left:0}.client-corner--bottom{bottom:0;right:0}.client-corner--bottom:before{width:26px;height:1px;bottom:0;right:0}.client-corner--bottom:after{width:1px;height:26px;bottom:0;right:0}@keyframes client-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.about-section{padding:clamp(3.75rem, 5vw, 4.7rem) var(--page-pad) clamp(4.5rem, 6vw, 5.6rem);color:#d8d8d8;background:#24272b}.about-inner{width:100%}.about-main{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:clamp(3.75rem,4vw,5.625rem);display:grid}.about-image{width:min(100%,420px)}.about-portrait-frame{border:1px solid #d8d8d833;width:100%;position:relative;overflow:hidden}.about-image img{width:100%;height:auto}.portrait-corner{z-index:2;pointer-events:none;width:34px;height:34px;position:absolute}.portrait-corner:before,.portrait-corner:after{content:"";background:#54e7b1;position:absolute}.portrait-corner--top{top:10px;left:10px}.portrait-corner--top:before{width:34px;height:1px;top:0;left:0}.portrait-corner--top:after{width:1px;height:34px;top:0;left:0}.portrait-corner--bottom{bottom:10px;right:10px}.portrait-corner--bottom:before{width:34px;height:1px;bottom:0;right:0}.portrait-corner--bottom:after{width:1px;height:34px;bottom:0;right:0}.about-image figcaption{z-index:3;text-transform:uppercase;background:#19191a;gap:.15rem;min-width:12rem;padding:.8rem 1.35rem .85rem;display:grid;position:absolute;bottom:0;left:0}.about-image figcaption span:first-child{color:#f3f3f1;letter-spacing:.035em;font-size:.83rem}.about-image figcaption span:last-child{color:#54e7b1;letter-spacing:.08em;font-size:.72rem}.about-content{min-width:0}.about-intro{color:#aeb1b3;gap:1.2rem;max-width:760px;font-size:clamp(.96rem,1.05vw,1.06rem);line-height:1.68;display:grid}.about-intro p:first-child{color:#d8d8d8;font-size:clamp(1.12rem,1.3vw,1.28rem);line-height:1.5}.metrics{border-block:1px solid #d8d8d829;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(3rem,4vw,4.3rem);display:grid}.metrics>div{align-items:center;gap:clamp(1rem,1.6vw,1.5rem);min-width:0;padding:1.55rem 1.5rem 1.55rem 0;display:flex}.metrics>div+div{border-left:1px solid #d8d8d829;padding-left:clamp(1.5rem,3vw,3.2rem)}.metrics dt{color:#54e7b1;letter-spacing:-.045em;flex:none;font-size:clamp(2.9rem,3.6vw,3.65rem);font-weight:400;line-height:1}.metrics dd{color:#aeb1b3;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.68rem,.75vw,.8rem);line-height:1.45}.tools-block{margin-top:clamp(3.4rem,4.5vw,4.8rem)}.tools-heading{align-items:center;gap:1rem;display:flex}.tools-heading h3{flex:none}.tools-heading>span{background:#d8d8d829;width:100%;height:1px}.tools-block ul{grid-template-columns:repeat(7,minmax(0,1fr));margin-top:1.8rem;display:grid}.tools-block li{color:#d8d8d8;text-align:center;flex-direction:column;align-items:center;gap:1.25rem;min-width:0;padding:.15rem clamp(.65rem,1vw,1rem) .4rem;display:flex;position:relative}.tools-block li:not(:last-child):after{content:"";background:#d8d8d829;width:1px;position:absolute;top:.9rem;bottom:.9rem;right:0}.tools-block li img{aspect-ratio:1;object-fit:contain;width:clamp(82px,6.5vw,104px);height:auto}.tools-block li>span{font-size:clamp(.86rem,1vw,1rem);line-height:1.3}.services-section{background:#19191a}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.service-item{flex-direction:column;min-width:0;min-height:clamp(27rem,32vw,33rem);padding:0 clamp(1.4rem,2.2vw,2.8rem);transition:color .3s;display:flex;position:relative}.service-item:first-child{padding-left:0}.service-item:last-child{padding-right:0}.service-item:not(:last-child):after{content:"";background:#d8d8d833;width:1px;position:absolute;top:1.2rem;bottom:1.2rem;right:0}.service-accent{background:var(--color-accent);width:clamp(50px,4vw,64px);height:3px;transition:width .3s}.service-icon{color:#d8d8d8;fill:none;stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;width:clamp(76px,6vw,96px);height:clamp(76px,6vw,96px);margin-top:clamp(2rem,3vw,3rem)}.service-icon__accent{stroke:var(--color-accent)}.service-item h3{color:var(--color-text-primary);letter-spacing:-.025em;text-transform:uppercase;margin-top:clamp(1.8rem,2.6vw,2.8rem);font-size:clamp(1.45rem,1.75vw,2rem);font-weight:450;line-height:1.16;transition:color .3s}.service-item h3 span{display:block}.service-item>p{max-width:20rem;color:var(--color-text-muted);margin-top:1.25rem;font-size:clamp(.94rem,1.02vw,1.06rem);line-height:1.65}.service-arrow{color:var(--color-accent);margin-top:auto;font-size:1.65rem;line-height:1;transition:transform .3s}.service-item:hover h3{color:var(--color-text-strong)}.service-item:hover .service-accent{width:clamp(58px,4.6vw,72px)}.service-item:hover .service-arrow{transform:translate(5px)}.contact-section{color:#d8d8d8;background:#24272b;border-top:1px solid #d8d8d826;grid-template-columns:minmax(0,1.15fr) minmax(480px,.85fr);align-items:start;gap:clamp(4.375rem,5vw,6.25rem);padding-block:clamp(6rem,9vw,9rem);display:grid}.contact-lead{min-width:0}.contact-lead h2{color:#f3f3f1;text-align:left;text-transform:uppercase;margin-top:clamp(1.4rem,2vw,1.75rem);font-size:clamp(4.2rem,5.75vw,8.7rem)}#contact-typing{min-height:1.96em;display:block}.contact-lead h2 .contact-title-line{color:inherit;text-align:left;white-space:nowrap;margin:0;padding:0;display:block}#contact-typing .contact-title-line:first-child{transform:translate(-10px)}.contact-title-pair-gap{margin-left:.055em;display:inline-block}.contact-lead h2 .contact-title-dot{color:var(--color-accent)}.contact-typing-cursor{vertical-align:.04em}.contact-intro{color:#a4a8aa;max-width:39rem;margin-top:clamp(2rem,2.5vw,2.5rem);font-size:clamp(1rem,1.15vw,1.18rem);line-height:1.7}.contact-corner{z-index:2;pointer-events:none;opacity:.88;width:42px;height:42px;transition:opacity .3s;position:absolute}.contact-corner--top-left{border-top:1px solid #54e7b1;border-left:1px solid #54e7b1;top:-1px;left:-1px}.contact-corner--top-right{border-top:1px solid #54e7b1;border-right:1px solid #54e7b1;top:-1px;right:-1px}.contact-corner--bottom-left{border-bottom:1px solid #54e7b1;border-left:1px solid #54e7b1;bottom:-1px;left:-1px}.contact-corner--bottom-right{border-bottom:1px solid #54e7b1;border-right:1px solid #54e7b1;bottom:-1px;right:-1px}.whatsapp-cta{background:0 0;border:1px solid #d8d8d82e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:1.2rem;width:min(100%,39rem);min-height:7.5rem;margin-top:clamp(2rem,2.5vw,2.5rem);padding:1.25rem 1.55rem;transition:border-color .3s;display:grid;position:relative}.whatsapp-cta .contact-corner{width:28px;height:28px}.whatsapp-cta__icon{border:1px solid #d8d8d838;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.whatsapp-cta__icon svg{fill:none;stroke:#54e7b1;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:31px;height:31px}.whatsapp-cta__copy{gap:.3rem;min-width:0;display:grid}.whatsapp-cta small{color:#96999c;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.65rem,.68vw,.75rem);font-weight:500;line-height:1.45}.whatsapp-cta strong{color:#f3f3f1;font-size:clamp(1.15rem,1.35vw,1.4rem);font-weight:500;line-height:1.2}.whatsapp-cta__arrow{color:#54e7b1;font-size:1.8rem;line-height:1;transition:transform .3s}.whatsapp-cta:not(.is-pending){cursor:pointer}.whatsapp-cta:not(.is-pending):hover{border-color:#d8d8d84d}.whatsapp-cta:not(.is-pending):hover .contact-corner{opacity:1}.whatsapp-cta:not(.is-pending):hover .whatsapp-cta__arrow{transform:translate(5px)}.social-links--contact{justify-content:flex-start;align-items:flex-start;gap:var(--social-button-gap);flex-wrap:wrap;width:min(100%,39rem);margin-top:clamp(2rem,2.4vw,2.35rem);display:flex}.social-links--contact a,.social-links--contact .social-link--pending{color:#96999c;text-align:left;transform-origin:0;flex-direction:column;align-items:flex-start;gap:.55rem;width:auto;min-width:0;height:auto;min-height:4.5rem;padding:.35rem 0;font-size:clamp(.62rem,.64vw,.7rem);line-height:1.2;transition:color .22s,transform .22s}.social-links--contact svg{width:24px;height:24px}.social-links--contact a:hover,.social-links--contact a:focus-visible,.social-links--contact .social-link--pending:hover{color:#54e7b1;transform:scale(1.12)}.contact-form-wrap{border-left:1px solid #d8d8d824;min-width:0;padding-left:clamp(2rem,2.5vw,2.75rem)}.contact-form-frame{width:100%;padding:0 clamp(1.25rem,1.6vw,1.75rem) .5rem;position:relative}.contact-form{margin-top:2rem;display:grid}.form-field{gap:.55rem;display:grid;position:relative}.form-field label{color:#d8d8d8;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:600}.form-field input,.form-field textarea{color:#f3f3f1;caret-color:#54e7b1;width:100%;font:inherit;resize:vertical;background:#19191a;border:1px solid #d8d8d824;border-radius:0;outline:0;font-size:.95rem;transition:border-color .3s,outline-color .3s}.form-field input{height:56px;padding:0 1rem}.form-field textarea{min-height:168px;padding:1rem;line-height:1.55}.form-field input::placeholder,.form-field textarea::placeholder{color:#74787a;opacity:1}.form-field input:focus,.form-field textarea:focus{outline-offset:2px;border-color:#54e7b1;outline:1px solid #54e7b159}.form-field input[aria-invalid=true],.form-field textarea[aria-invalid=true]{border-color:#ff8e80}.field-error{color:#ff9d91;min-height:1em;margin-bottom:.9rem;font-size:.72rem}.form-honeypot{display:none}.contact-form button{color:#f3f3f1;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #54e7b1;border-radius:0;justify-content:space-between;align-items:center;width:100%;min-height:58px;margin-top:.2rem;padding:.9rem 1.15rem;font-size:.75rem;font-weight:600;transition:background-color .3s,border-color .3s;display:flex}.contact-form button span{color:#54e7b1;font-size:1.35rem;line-height:1;transition:transform .3s}.contact-form button:hover{background:#54e7b112;border-color:#6ff1c1}.contact-form button:hover span{transform:translate(5px)}.contact-form button:focus-visible{outline-offset:4px;outline:1px solid #54e7b1}.contact-form button:disabled{cursor:wait;opacity:.65}.contact-form button:disabled:hover{background:0 0;border-color:#54e7b1}.contact-form button:disabled:hover span{transform:none}.form-toast{z-index:90;border:1px solid var(--color-line);background:var(--color-bg-deep);width:min(23rem,100vw - 2rem);min-height:5.25rem;color:var(--color-text-primary);opacity:0;pointer-events:none;border-radius:0;grid-template-columns:2px minmax(0,1fr) 44px;align-items:center;gap:1rem;padding:.9rem .6rem .9rem 0;transition:opacity .2s,transform .2s;display:grid;position:fixed;bottom:clamp(1rem,2.5vw,2.5rem);right:clamp(1rem,2.5vw,2.5rem);transform:translateY(10px)}.form-toast[hidden]{display:none}.form-toast.is-visible{opacity:1;pointer-events:auto;transform:none}.form-toast__accent{background:var(--color-accent);align-self:stretch;width:2px}.form-toast[data-kind=error] .form-toast__accent{background:#ff8e80}.form-toast__copy{min-width:0}.form-toast__copy strong{color:var(--color-text-strong);letter-spacing:.04em;font-size:.82rem;line-height:1.35;display:block}.form-toast__copy p{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem;line-height:1.45}.form-toast__close{width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:0;place-items:center;padding:0;font-size:1.3rem;line-height:1;transition:color .2s,border-color .2s;display:grid}.form-toast__close:hover,.form-toast__close:focus-visible{border-color:var(--color-line);color:var(--color-accent)}.site-footer{padding:2rem var(--page-pad);color:#8e9294;letter-spacing:.08em;text-transform:uppercase;background:#151719;grid-template-columns:1fr 1fr auto;gap:2rem;font-size:.75rem;display:grid}.project-dialog{color:#e7e7e5;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.project-dialog::backdrop{backdrop-filter:blur(4px);background:#070809e6}.dialog-shell{background:#19191a;height:100%;position:relative}.dialog-header{z-index:5;backdrop-filter:blur(12px);background:#19191af5;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:54px;padding:0 clamp(1.2rem,2.3vw,2.5rem);display:flex;position:sticky;top:0}.dialog-header>div{align-items:center;gap:1.2rem;display:flex}.dialog-header span{color:#74797b;letter-spacing:.16em;font-size:.57rem}.dialog-header strong{font-size:.75rem;font-weight:500}.dialog-close{cursor:pointer;background:0 0;width:44px;height:44px;position:relative}.dialog-close span{background:#e7e7e5;width:25px;height:1px;position:absolute;top:50%;left:9px;transform:rotate(45deg)}.dialog-close span:last-child{transform:rotate(-45deg)}.dialog-scroll{height:calc(100dvh - 54px);overflow:auto}.project-dialog.lightbox-open .dialog-scroll{overflow:hidden}.project-intro{background:#19191a;grid-template-columns:minmax(0,1fr);align-items:start;min-height:clamp(8rem,11vw,10.5rem);padding:clamp(1.5rem,2.4vw,2.5rem);display:grid}.project-intro h2{color:#f0f0ed;margin-top:.55rem;font-size:clamp(2rem,3.4vw,3.5rem);line-height:.96}.project-intro__summary{max-width:34rem;margin-top:.9rem}.project-deck{color:#9a9d9f;max-width:34rem;font-size:clamp(.9rem,1.05vw,1.05rem);line-height:1.45}.intro-meta{color:#74797b;letter-spacing:.13em;text-transform:uppercase;flex-wrap:wrap;gap:1.25rem;margin-top:1rem;font-size:.58rem;display:flex}.project-media-stack{background:#19191a;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.project-media{background:#202124;min-width:0;margin:0}.project-media--full{grid-column:1/-1}.project-media__open{cursor:zoom-in;background:#171819;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-media img,.project-media video{background:#171819;width:100%;height:auto;display:block}.project-media__open:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.project-media__zoom{width:44px;height:44px;color:var(--color-accent);opacity:0;background:#0f1011ad;border:1px solid #ffffff47;border-radius:50%;place-items:center;transition:opacity .22s,transform .22s;display:grid;position:absolute;bottom:1rem;right:1rem;transform:translateY(4px)}.project-media__zoom svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:18px}.project-media__open:hover .project-media__zoom,.project-media__open:focus-visible .project-media__zoom{opacity:1;transform:none}.project-information{color:#292b2c;background:#d8d8d8;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,9vw,10rem);padding:clamp(5rem,10vw,11rem);display:grid}.project-information .eyebrow{color:#686c6d}.project-information h3{color:#19191a;margin-top:1.2rem;font-size:clamp(3.2rem,7vw,8rem)}.project-information>div>p:last-child{color:#4d5152;max-width:43rem;margin-top:2rem}.project-information dl{border-top:1px solid #19191a40;align-self:end}.project-information dl div{border-bottom:1px solid #19191a40;grid-template-columns:9rem 1fr;gap:1rem;padding:1rem 0;display:grid}.project-information dt{color:#686c6d;letter-spacing:.12em;text-transform:uppercase;font-size:.61rem;font-weight:600}.project-information dd{font-size:.73rem}.project-dialog-footer{color:#737779;letter-spacing:.12em;text-transform:uppercase;background:#151719;justify-content:space-between;padding:2rem clamp(1.2rem,3vw,3rem);font-size:.62rem;display:flex}.project-dialog-footer button{color:#e2e2df;cursor:pointer;text-transform:uppercase;background:0 0;min-height:44px;padding:0}.project-lightbox[hidden]{display:none!important}.project-lightbox{z-index:30;color:#f3f3f1;background:#0c0e0ff7;grid-template-rows:58px minmax(0,1fr) 74px;display:grid;position:fixed;inset:0}.lightbox-header{z-index:3;justify-content:space-between;align-items:center;padding:0 clamp(1rem,2.2vw,2.5rem);display:flex}.lightbox-header>span{color:#858a8c;letter-spacing:.12em;text-transform:uppercase;font-size:.67rem}.lightbox-header button{cursor:pointer;background:0 0;width:44px;height:44px;padding:0;position:relative}.lightbox-header button span{background:#f3f3f1;width:26px;height:1px;position:absolute;top:50%;left:9px;transform:rotate(45deg)}.lightbox-header button span:last-child{transform:rotate(-45deg)}.lightbox-stage{min-height:0;position:relative}.lightbox-viewport{touch-action:none;cursor:default;outline:none;position:absolute;inset:0 clamp(3.75rem,5vw,6rem);overflow:hidden}.lightbox-viewport.can-pan{cursor:grab}.lightbox-viewport.is-dragging{cursor:grabbing}.lightbox-image{user-select:none;will-change:transform;transform-origin:50%;max-width:none;max-height:none;position:absolute;top:50%;left:50%}.project-lightbox.is-loading .lightbox-image{opacity:0}.lightbox-loading{color:#858a8c;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-lightbox:not(.is-loading) .lightbox-loading{display:none}.lightbox-nav{z-index:2;color:#f3f3f1;cursor:pointer;background:#1e2021e0;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav span{font-size:1.65rem;font-weight:300;line-height:1;transform:translateY(-1px)}.lightbox-nav--previous{left:clamp(.75rem,1.8vw,2rem)}.lightbox-nav--next{right:clamp(.75rem,1.8vw,2rem)}.lightbox-toolbar{justify-content:center;align-items:center;gap:.45rem;padding:0 1rem;display:flex}.lightbox-toolbar button,.lightbox-toolbar output{color:#f3f3f1;text-transform:uppercase;background:#1e2021e0;border:1px solid #ffffff24;place-items:center;min-width:44px;height:44px;padding:0 .75rem;font-size:.72rem;display:grid}.lightbox-toolbar button{cursor:pointer}.lightbox-toolbar button:disabled{color:#5d6264;cursor:default}.lightbox-toolbar output{color:#aeb1b3;background:0 0;border-color:#0000;min-width:68px}.lightbox-header button:focus-visible,.lightbox-nav:focus-visible,.lightbox-toolbar button:focus-visible{outline:1px solid var(--color-accent);outline-offset:2px}}@layer components;@layer responsive{@media (width<=1320px){.contact-section{grid-template-columns:minmax(0,1fr);gap:5rem}.contact-lead,.whatsapp-cta,.social-links--contact{width:100%;max-width:46rem}.contact-form-wrap{border-left:0;padding-left:0}}@media (width<=1180px){:root{--sidebar-width:224px;--page-pad:clamp(1.6rem, 4.5vw, 4rem)}.side-header{padding-inline:27px}.project-grid{gap:5px}.tools-block ul{grid-template-columns:repeat(4,minmax(0,1fr))}.tools-block li:nth-child(4n):after{display:none}.tools-block li:nth-child(n+5){border-top:1px solid #d8d8d829;padding-top:1.7rem}}@media (width<=1024px){:root{--page-pad:clamp(1.5rem, 5vw, 3.5rem)}.side-header{display:none}.site-main{margin-left:0;padding-top:70px}.mobile-header{z-index:60;height:70px;padding:0 var(--page-pad);backdrop-filter:blur(12px);background:#151719f0;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.menu-open .mobile-header{background:var(--color-bg-deep);backdrop-filter:none}.mobile-brand{align-items:center;width:185px;height:32px;display:flex;overflow:hidden}.mobile-brand img{width:100%;height:auto}.menu-toggle{z-index:2;cursor:pointer;background:0 0;align-content:center;gap:5px;width:44px;height:44px;margin:-3px;padding:11px 7px;display:grid;position:relative}.menu-toggle>span:not(.sr-only){background:#d8d8d8;width:28px;height:1px;transition:transform .3s,opacity .3s}.menu-open .menu-toggle>span:first-child{transform:translateY(6px)rotate(45deg)}.menu-open .menu-toggle>span:nth-child(2){opacity:0}.menu-open .menu-toggle>span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu{padding:3rem var(--page-pad);background:var(--color-bg-deep);color:#d8d8d8;visibility:hidden;flex-direction:column;justify-content:space-between;transition:transform .42s cubic-bezier(.2,.7,.2,1),visibility .42s;display:flex;position:fixed;inset:70px 0 0;transform:translate(100%)}.menu-open .mobile-menu{visibility:visible;transform:none}.mobile-menu nav{display:grid}.mobile-menu nav a{color:#a7aaab;letter-spacing:-.04em;align-items:baseline;gap:1rem;padding:.65rem 0;font-size:clamp(2.2rem,7vw,4rem);line-height:1;display:flex}.mobile-menu nav a.is-active{color:#fff}.mobile-menu .nav-link{display:block}.mobile-menu .nav-indicator{background:var(--color-accent);transform-origin:0;width:min(100%,12rem);height:2px;margin-top:.4rem;transition:transform .72s cubic-bezier(.22,1,.36,1);display:block;transform:scaleX(0)}.mobile-menu .nav-link.is-active .nav-indicator{transform:scaleX(1)}.mobile-menu__footer{gap:1.5rem;display:grid}.about-section{scroll-margin-top:70px}.hero{min-height:calc(100svh - 70px)}.hero-copy{width:min(64%,650px)}.hero h1{font-size:clamp(3.7rem,8vw,6rem)}.scroll-cue{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.clients-section{--client-visible:4}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-item{padding-inline:clamp(1.5rem,4vw,3rem);min-height:28rem;padding-bottom:2.8rem}.service-item:nth-child(odd){padding-left:0}.service-item:nth-child(2n){padding-right:0}.service-item:not(:last-child):after{display:none}.service-item:nth-child(odd):after{display:block}.service-item:nth-child(n+3){border-top:1px solid var(--color-line);padding-top:3rem}}@media (width<=900px){.about-main{grid-template-columns:minmax(0,1fr);gap:2.6rem}.about-image{width:min(100%,420px)}.about-intro{max-width:760px}.metrics{margin-top:2.8rem}}@media (width<=760px){:root{--section-title-size:clamp(3rem, 14vw, 4rem);--section-description-size:1rem;--section-header-gap:2.75rem}.section-pad{padding-block:5.5rem}.hero{background:var(--color-bg-deep);flex-direction:column;align-items:stretch;gap:2.5rem;min-height:auto;padding-top:4.5rem;padding-bottom:3rem;display:flex}.hero:before{display:none}.hero-copy{width:100%;padding:0}.hero-kicker{margin-bottom:1.8rem}.hero h1{font-size:clamp(3rem,12.6vw,4.6rem)}.hero-typing-line{min-height:2.05em}.hero-statement{color:var(--color-text-primary);margin-top:1.4rem;font-size:1rem}.hero-services{color:var(--color-text-muted);line-height:1.6}.hero-copy,.hero-visual{min-width:0}.hero-visual{z-index:auto;width:100%;height:auto;position:relative;inset:auto;overflow:hidden}.hero-visual img{aspect-ratio:1400/1021;object-fit:contain;height:auto}.hero-visual figcaption{color:var(--color-text-muted);justify-content:space-between;padding-top:.7rem;position:static}.text-link{margin-top:2.5rem}.project-grid{grid-template-columns:1fr;gap:5px}.clients-section{--client-visible:2;padding-block:3.5rem}.clients-heading{align-items:flex-start;gap:.85rem}.clients-heading__line{margin-top:.45rem}.client-marquee{min-height:8rem;margin-top:2rem}.client-slot{min-height:5.5rem;padding-inline:.85rem}.client-slot img{width:clamp(4rem,17vw,5rem)}.about-section{padding:4rem var(--page-pad) 4.7rem}.about-main{gap:2.4rem}.about-image{width:min(100%,420px)}.portrait-corner{width:28px;height:28px}.portrait-corner--top:before,.portrait-corner--bottom:before{width:28px}.portrait-corner--top:after,.portrait-corner--bottom:after{height:28px}.about-image figcaption{min-width:10.5rem;padding:.7rem 1rem .75rem}.about-intro{gap:1rem;font-size:1rem;line-height:1.65}.about-intro p:first-child{font-size:1.1rem}.metrics{grid-template-columns:1fr;margin-top:2.6rem}.metrics>div{padding:1.3rem 0}.metrics>div+div{border-top:1px solid #d8d8d829;border-left:0;padding-left:0}.tools-block{margin-top:3.3rem}.tools-block ul{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.4rem}.tools-block li{gap:1rem;padding:1.4rem .75rem}.tools-block li:nth-child(4n):after{display:block}.tools-block li:nth-child(2n):after{display:none}.tools-block li:nth-child(n+3){border-top:1px solid #d8d8d829}.tools-block li img{width:clamp(80px,25vw,98px)}.services-grid{grid-template-columns:1fr}.service-item{border-bottom:1px solid var(--color-line);min-height:auto;padding:2.8rem 0}.service-item:first-child{padding-top:0}.service-item:last-child{border-bottom:0;padding-bottom:0}.service-item:nth-child(n+3){border-top:0}.service-item:nth-child(odd):after{display:none}.service-icon{width:80px;height:80px;margin-top:2rem}.service-item h3{margin-top:1.8rem;font-size:1.65rem}.service-item>p{max-width:32rem;font-size:1rem}.service-arrow{margin-top:2.5rem}.contact-section{gap:4rem;padding-block:5.5rem}.contact-lead h2{font-size:clamp(3.5rem,14.8vw,6.3rem)}.whatsapp-cta{min-height:7rem;padding:1.1rem 1.2rem}.whatsapp-cta__icon{width:56px;height:56px}.whatsapp-cta__icon svg{width:28px;height:28px}.contact-form-frame{padding-inline:1.1rem}.contact-form-frame .contact-corner{width:34px;height:34px}.site-footer{grid-template-columns:1fr auto}.site-footer p:nth-child(2){display:none}.dialog-header{height:52px}.dialog-scroll{height:calc(100dvh - 52px)}.project-intro{min-height:0;padding:1rem var(--page-pad);grid-template-columns:1fr;align-items:start}.project-intro h2{font-size:clamp(2rem,10vw,3.2rem)}.project-intro__summary{margin-top:.7rem}.project-intro .intro-meta{gap:.75rem;margin-top:.6rem}.project-media-stack{grid-template-columns:1fr}.lightbox-viewport{inset-inline:.75rem}.lightbox-nav{background:#1e2021c7;width:44px;height:44px}.lightbox-nav--previous{left:.45rem}.lightbox-nav--next{right:.45rem}.lightbox-toolbar{gap:.25rem;padding-inline:.5rem}.lightbox-toolbar button,.lightbox-toolbar output{min-width:42px;padding-inline:.55rem}.project-information{padding:5rem var(--page-pad);grid-template-columns:1fr}.project-information dl div{grid-template-columns:7rem 1fr}.dialog-header>div>span{display:none}}@media (width<=640px){.hero{min-height:0;padding:1.25rem var(--page-pad) 1rem;display:block}.hero-copy{width:auto;padding:0;position:static}.hero-copy>:not(.hero-title){display:none}.hero-copy .hero-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-mobile-identity{gap:.2rem;display:grid}.hero-mobile-identity strong{color:var(--color-text-strong);font-size:clamp(1.15rem,5vw,1.4rem);font-weight:500;line-height:1.2}.hero-mobile-identity span{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:500;line-height:1.4}.hero-visual,.scroll-cue{display:none}.portfolio-section{padding:.85rem var(--page-pad) 3.5rem}.portfolio-section .section-header{margin-bottom:.9rem}.portfolio-section .section-eyebrow,.portfolio-section .section-description{display:none}.portfolio-section .section-title{letter-spacing:.12em;margin-top:0;font-size:.82rem;font-weight:600;line-height:1.3}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.project-card{min-width:0}.project-card__overlay{display:none}.project-card__media img,.project-card__button:hover img,.project-card__button:focus-visible img{transform:none}}@media (width<=420px){.mobile-brand{width:160px}.hero h1{font-size:clamp(2.85rem,12.6vw,3.25rem)}.form-toast{left:50%;right:auto;transform:translate(-50%,10px)}.form-toast.is-visible{transform:translate(-50%)}.site-footer{flex-direction:column;gap:.7rem;display:flex}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.typing-cursor{animation:none!important;display:none!important}.client-marquee{overflow:auto hidden}.client-marquee__track{will-change:auto;animation:none!important;transform:none!important}.client-marquee__group[aria-hidden=true]{display:none}.form-toast{transform:none!important}}}
