html{scroll-behavior:smooth}body{overflow-x:clip}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;z-index:70;background:var(--accent);padding:12px;color:#111}.skip:focus{top:15px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(var(--read,0));transform-origin:left;z-index:60;pointer-events:none}.motion-switch{position:fixed;bottom:20px;right:24px;z-index:50;background:#111210d9;backdrop-filter:blur(12px);border:1px solid #ffffff35;color:var(--fg);border-radius:30px;padding:10px 15px;font:10px monospace;cursor:pointer}.motion-switch span{color:var(--accent);margin-left:9px}.pointer-halo{position:fixed;left:0;top:0;width:46px;height:46px;border:1px solid #ff673e70;border-radius:50%;z-index:55;pointer-events:none;opacity:0;transition:opacity .25s,width .2s,height .2s;background:#ff673e08}.pointer-halo.active{opacity:1}.pointer-halo.over{background:#ff673e20;border-color:var(--accent)}
.hero{min-height:100svh}.hero-inner{padding-top:170px}.mega{position:relative;width:max-content;max-width:100%;margin-bottom:52px;will-change:transform}.vazz-line{display:block}.hero-star{position:absolute;left:100%;bottom:.04em;font-size:.52em;line-height:1}.hero-bg{animation:none;will-change:transform;transform:translate3d(0,var(--hero-y,0px),0) scale(1.07)}.hero-split{opacity:.55}.hero-depth{will-change:transform}.depth-ring{animation:ringDrift 16s linear infinite;right:7vw;top:18vh}.depth-frame{animation:frameDrift 12s ease-in-out infinite}.depth-cube{transform-style:preserve-3d;animation:cubeSpin 18s linear infinite}.depth-orbit{animation:orbitDrift 10s ease-in-out infinite}.hero-eyebrow,.hero-bottom{animation:entry 1.1s .15s both}.mega{animation:entry 1.2s both}@keyframes entry{from{opacity:0;translate:0 35px;filter:blur(8px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes ringDrift{from{transform:rotateX(58deg) rotateY(15deg) rotateZ(0)}to{transform:rotateX(58deg) rotateY(15deg) rotateZ(360deg)}}@keyframes frameDrift{50%{transform:rotateY(20deg) rotateZ(-8deg) translate3d(-20px,-30px,100px)}}@keyframes cubeSpin{to{transform:rotateX(360deg) rotateY(360deg) rotateZ(90deg)}}
.motion-bridge{height:240svh;min-height:0;overflow:visible;perspective:none;background:#090b09;position:relative}.bridge-sticky{position:sticky;top:0;height:100svh;min-height:540px;overflow:hidden;perspective:1100px;background:radial-gradient(ellipse at 50% 55%,#28201b 0%,#12150f 45%,#090b09 80%)}.motion-stage{transform-style:preserve-3d;perspective:1100px;perspective-origin:50% 50%;will-change:transform}.bridge-label,.bridge-footer{position:absolute;left:5vw;right:5vw;z-index:8;font:9px monospace;letter-spacing:.1em;color:#b4b5aa;display:flex;justify-content:space-between;gap:24px;align-items:center;pointer-events:none}.bridge-label{top:35px}.bridge-footer{bottom:35px}.bridge-footer b{font-weight:normal;color:var(--accent)}.bridge-track{width:100px;height:1px;background:#ffffff25}.bridge-track i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--bridge-p,0));transform-origin:left}.motion-title{font-size:clamp(64px,11vw,174px);line-height:.8;letter-spacing:-.055em;pointer-events:none;will-change:transform,opacity;-webkit-text-stroke-width:1px}.motion-title .mv-accent{-webkit-text-stroke-width:1.4px}.motion-plane{width:70vw;height:62vh;border-color:#ffffff25;pointer-events:none;will-change:transform,opacity}.motion-plane.p2{width:55vw;height:48vh}.motion-plane.p3{width:90vw;height:80vh}.motion-scan,.motion-core{pointer-events:none}.bridge-shot{position:absolute;left:50%;top:50%;width:clamp(145px,20vw,320px);height:clamp(190px,28vw,430px);overflow:hidden;border:1px solid #ffffff3a;box-shadow:0 20px 80px #000a;will-change:transform,opacity;backface-visibility:hidden;pointer-events:none}.bridge-shot img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) contrast(1.04)}.shot-b{width:clamp(170px,26vw,410px);height:clamp(135px,19vw,300px)}.shot-c{width:clamp(160px,23vw,340px);height:clamp(180px,26vw,400px)}
.work-grid{gap:90px 48px}.work-card,.work-card.is-visible{opacity:1;transform:none;transition:none}.motion-ready .work-card{opacity:0;transition:opacity .8s ease;transform-style:preserve-3d;will-change:transform}.motion-ready .work-card.is-visible{opacity:1}.work-card:nth-child(even){padding-top:100px}.work-card:nth-child(7){width:70%}.work-image{aspect-ratio:1.24;border-radius:3px;transform-style:preserve-3d;box-shadow:0 30px 55px #0004}.work-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 25%,#ffffff16 45%,transparent 65%);transform:translateX(var(--shine,-110%));transition:opacity .3s;opacity:0}.work-card:hover .work-image:after{opacity:1}.work-image:before{inset:15px;border-color:#ffffff15}.work-card img{transform:scale(1.12) translateY(var(--image-y,0px));will-change:transform}.work-card:hover img{transform:scale(1.17) translateY(var(--image-y,0px))}.work-info{transform:translateZ(26px);padding-top:22px}.work-title{font-size:clamp(26px,3.3vw,46px)}.work-desc{max-width:430px}.section-title{will-change:transform;transform-origin:left}.service-row{opacity:1;transform:none;position:relative;transition:background .4s,padding .4s}.service-row:hover{background:#ff673e08;padding-left:18px}.service-name{transition:color .3s}.service-row:hover .service-name{color:var(--accent)}.motion-ready .service-row{opacity:0;translate:0 28px;transition:opacity .7s,translate .7s,background .4s,padding .4s}.motion-ready .service-row.is-visible{opacity:1;translate:0 0}.manifesto-grid{perspective:1300px}.portrait{transform-origin:center;will-change:transform}.manifesto-copy{perspective:900px}.manifesto-line{will-change:transform}.contact-title{perspective:1000px;transform-origin:left bottom;will-change:transform}.contact-title a{display:inline-block;transition:color .25s}.contact-title a:after{content:'';display:inline-block;width:.65em;height:.65em;margin-left:.18em;vertical-align:.04em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20 20 4M4 4h16v16' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20 20 4M4 4h16v16' fill='none' stroke='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .4s}.contact-title a:hover:after{transform:translate(12px,-12px)}.contact-link{transition:padding .3s,color .3s}.contact-link:hover{padding-left:12px;color:var(--accent)}.footer{padding-bottom:70px}
@media(max-width:900px){.hero-star{left:auto;right:-.7em}.work-grid{gap:55px 28px}.work-card:nth-child(even){padding-top:60px}.bridge-sticky{perspective:850px}.bridge-shot{width:25vw;height:36vw}.shot-b{width:32vw;height:24vw}.shot-c{width:28vw;height:34vw}}
@media(max-width:600px){.hero{min-height:92svh}.hero-inner{padding-top:145px}.mega{font-size:18vw;max-width:85%;margin-bottom:42px}.hero-star{right:-.7em;font-size:.42em;bottom:.04em}.hero-eyebrow{font-size:9px}.hero-copy{font-size:13px;max-width:300px;line-height:1.8}.site-header nav{font-size:10px;gap:13px;transform:none}.motion-bridge{height:190svh}.bridge-sticky{min-height:480px}.bridge-label,.bridge-footer{left:20px;right:20px;font-size:8px}.bridge-label{top:25px}.bridge-footer{bottom:28px}.bridge-footer>span:last-child{display:none}.bridge-label span{max-width:75px;text-align:right;line-height:1.6}.motion-title{font-size:20vw}.bridge-shot{width:37vw;height:54vw}.shot-b{width:48vw;height:34vw}.shot-c{width:38vw;height:50vw}.motion-plane{width:90vw;height:52vh}.motion-plane.p2{width:76vw;height:42vh}.motion-plane.p3{width:115vw;height:72vh}.work-card:nth-child(even){padding-top:0}.work-card,.work-card:nth-child(7){width:100%;margin-bottom:45px}.work-image{aspect-ratio:1.23}.work-info{min-height:0}.work-desc{padding-top:12px}.work-grid{perspective:900px}.motion-switch{bottom:12px;right:12px;font-size:9px;padding:8px 11px}.manifesto-copy{font-size:clamp(37px,11vw,52px)}.contact-title{font-size:11.6vw}.contact-link{overflow-wrap:anywhere}.pointer-halo{display:none}.section-title{font-size:11vw}}
.reduced-motion .motion-bridge{height:80svh}.reduced-motion .bridge-sticky{position:relative;height:80svh}.reduced-motion .work-card,.reduced-motion .service-row{opacity:1!important;transform:none!important;translate:none!important}.reduced-motion .pointer-halo{display:none}.reduced-motion *, .reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced-motion .mega,.reduced-motion .hero-depth,.reduced-motion .portrait,.reduced-motion .manifesto-line,.reduced-motion .section-title,.reduced-motion .contact-title{transform:none!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.work-card,.service-row{opacity:1!important;transform:none!important}.motion-bridge{height:80svh}.bridge-sticky{position:relative;height:80svh}.pointer-halo{display:none}}
.lens-host{position:absolute;inset:0;z-index:6;pointer-events:none}.lens-host canvas{display:block;width:100%;height:100%}.lens-ready .motion-core,.lens-ready .motion-scan{display:none}.lens-ready .motion-title{z-index:1}.lens-ready .bridge-shot{filter:blur(1px)}