:root{--black:#090b10;--bone:#f0eee7;--muted:rgba(240,238,231,.66);--gold:#c9a45d;--scene:0;--progress:16.66;--mx:0;--my:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--bone);font-family:"Segoe UI","Yu Gothic UI","Yu Gothic",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
.preloader{position:fixed;inset:0;z-index:50;display:grid;place-content:center;gap:18px;background:#050608;transition:opacity .9s cubic-bezier(.7,0,.2,1),visibility .9s}.preloader span{display:block;width:160px;height:1px;background:rgba(232,230,223,.14);overflow:hidden}.preloader span:after{content:"";display:block;width:60%;height:100%;background:var(--gold);animation:load 1.15s cubic-bezier(.7,0,.2,1) infinite}.preloader p{margin:0;font-size:9px;letter-spacing:.32em;text-align:center;color:var(--muted)}.loaded .preloader{opacity:0;visibility:hidden}@keyframes load{from{transform:translateX(-120%)}to{transform:translateX(280%)}}
.stage{position:fixed;inset:0;z-index:0;overflow:hidden;background:#050608;pointer-events:none}.world{position:absolute;inset:0;background-color:#050608;background-position:center,calc(100% + 18px) 60%;background-size:100% 100%,min(1450px,88vw) auto;background-repeat:no-repeat,no-repeat;opacity:0;filter:saturate(.58) brightness(.62) contrast(1.08);transform:scale(.98) translate(calc(var(--mx)*-5px),calc(var(--my)*-3px));transition:opacity 1.35s cubic-bezier(.65,0,.2,1),transform 1.8s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.world.active{opacity:.68;transform:scale(1.02) translate(calc(var(--mx)*-2px),calc(var(--my)*-1px));animation:forwardDrift 9s ease-in-out infinite alternate}.world-0{background-image:linear-gradient(90deg,#050608 0%,rgba(5,6,8,.94) 27%,rgba(5,6,8,.46) 62%,rgba(5,6,8,.22)),url('/world-02-ai-office.png')}.world-1{background-image:linear-gradient(90deg,#050608 0%,rgba(5,6,8,.92) 34%,rgba(5,6,8,.42) 65%,rgba(5,6,8,.24)),url('/world-03-job-sign.png')}.world-2{background-image:linear-gradient(90deg,#050608 0%,rgba(5,6,8,.9) 32%,rgba(5,6,8,.34) 66%,rgba(5,6,8,.18)),url('/world-02-ai-office.png')}.world-3{background-image:linear-gradient(90deg,#050608 0%,rgba(5,6,8,.88) 31%,rgba(5,6,8,.3) 65%,rgba(5,6,8,.16)),url('/world-03-job-sign.png')}.world-4{background-image:linear-gradient(90deg,#050608 0%,rgba(5,6,8,.9) 34%,rgba(5,6,8,.32) 68%,rgba(5,6,8,.15)),url('/world-04-sales-sign.png')}.world-5{background-image:linear-gradient(90deg,#050608 0%,rgba(5,6,8,.86) 38%,rgba(5,6,8,.28) 70%,rgba(5,6,8,.12)),url('/world-04-sales-sign.png');filter:saturate(.38) brightness(.72) contrast(1.08)}@keyframes forwardDrift{from{transform:scale(1.01) translate(calc(var(--mx)*-2px),calc(var(--my)*-1px))}to{transform:scale(1.045) translate(calc(var(--mx)*-2px - 5px),calc(var(--my)*-1px + 2px))}}.dimension-drive{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:.78;mix-blend-mode:screen}.stage:after{content:"";position:absolute;z-index:3;inset:0;background:radial-gradient(circle at 67% 46%,transparent 0 14%,rgba(5,6,8,.1) 32%,rgba(5,6,8,.35) 72%),linear-gradient(180deg,rgba(5,6,8,.28),transparent 28%,transparent 68%,rgba(5,6,8,.62));box-shadow:inset 0 0 190px rgba(0,0,0,.52)}
.grain{position:absolute;inset:-50%;z-index:4;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}.scan{position:absolute;z-index:5;left:-30%;top:0;width:22%;height:100%;opacity:.14;background:linear-gradient(90deg,transparent,rgba(232,230,223,.35),transparent);transform:skewX(-12deg);animation:scan 8s ease-in-out infinite}@keyframes scan{0%,58%{left:-30%;opacity:0}65%{opacity:.15}88%{left:120%;opacity:.06}100%{left:120%;opacity:0}}
.horizon{position:absolute;z-index:3;left:0;right:0;bottom:17%;height:1px;background:linear-gradient(90deg,transparent,rgba(232,230,223,.5),var(--gold),transparent);opacity:0;transform:scaleX(.2);transition:opacity 1s,transform 1.4s}body[data-scene="5"] .horizon{opacity:.7;transform:scaleX(1)}.phase-shear{position:absolute;inset:0;z-index:7;opacity:0;mix-blend-mode:screen;background:repeating-linear-gradient(180deg,transparent 0 8vh,rgba(232,230,223,.22) 8vh calc(8vh + 1px),transparent calc(8vh + 1px) 15vh);transform:translateX(-12%)}.is-shearing .phase-shear{animation:shear .95s cubic-bezier(.2,.8,.2,1)}@keyframes shear{0%{opacity:0;transform:translateX(-14%)}24%{opacity:.75;transform:translateX(8%)}46%{opacity:.18;transform:translateX(-3%)}100%{opacity:0;transform:translateX(0)}}
.site-header{position:fixed;z-index:20;left:clamp(22px,3.2vw,58px);right:clamp(22px,3.2vw,58px);top:clamp(22px,3.2vw,48px);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;pointer-events:auto}.brand strong{font-size:22px;line-height:1;letter-spacing:-.06em;font-weight:600}.brand span{padding-left:10px;border-left:1px solid rgba(232,230,223,.28);font-size:7px;line-height:1.35;letter-spacing:.16em;color:var(--muted)}.chapter{display:flex;align-items:center;gap:12px;margin:0;font-size:9px;letter-spacing:.22em;color:var(--muted)}.chapter i{display:block;width:38px;height:1px;background:rgba(232,230,223,.28);position:relative}.chapter i:after{content:"";position:absolute;left:0;top:0;width:calc(var(--progress)*1%);height:1px;background:var(--gold);transition:width .8s}
.rail{position:fixed;z-index:20;right:clamp(22px,3.2vw,58px);top:50%;transform:translateY(-50%);display:grid;gap:16px;text-align:right}.rail a{display:flex;justify-content:flex-end;align-items:center;gap:11px;color:rgba(232,230,223,.26);transition:color .45s}.rail span{font-size:8px;letter-spacing:.15em}.rail em{width:0;overflow:hidden;white-space:nowrap;font-size:8px;font-style:normal;letter-spacing:.18em;transition:width .55s,opacity .55s;opacity:0}.rail a:after{content:"";width:13px;height:1px;background:currentColor;transition:width .45s,background .45s}.rail a.active{color:var(--bone)}.rail a.active em{width:82px;opacity:.75}.rail a.active:after{width:32px;background:var(--gold)}
main{position:relative;z-index:10}.scene{position:relative;min-height:100svh;padding:clamp(92px,10vh,130px) clamp(52px,10vw,170px);display:flex;align-items:center}.copy{width:min(660px,55vw);opacity:.12;filter:blur(8px);transform:translateY(52px);transition:opacity .9s,filter 1s,transform 1.1s cubic-bezier(.2,.8,.2,1)}.scene.in-view .copy{opacity:1;filter:blur(0);transform:translateY(0)}.eyebrow{margin:0 0 26px;font-size:9px;font-weight:500;letter-spacing:.28em;color:var(--gold)}h1,h2{margin:0;font-weight:300;letter-spacing:-.055em;line-height:1.16;text-wrap:balance}h1{font-size:clamp(46px,6.1vw,94px)}h2{font-size:clamp(40px,5vw,76px)}.lead{margin:28px 0 0;font-size:clamp(12px,1.05vw,15px);font-weight:300;line-height:2;color:var(--muted);letter-spacing:.04em}.hero-copy{margin-top:7vh}.hero-copy:before{content:"";display:block;width:1px;height:54px;margin-bottom:28px;background:linear-gradient(var(--gold),transparent)}
.scroll-cue{position:absolute;left:clamp(22px,3.2vw,58px);bottom:40px;margin:0;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.22em;color:var(--muted)}.scroll-cue span{width:38px;height:1px;background:rgba(232,230,223,.25);overflow:hidden}.scroll-cue span:after{content:"";display:block;width:14px;height:1px;background:var(--gold);animation:cue 1.8s ease-in-out infinite}@keyframes cue{from{transform:translateX(-14px)}to{transform:translateX(38px)}}.values{display:flex;gap:24px;margin-top:40px;color:rgba(232,230,223,.36);font-size:8px;letter-spacing:.18em}
.service-copy h2{font-size:clamp(48px,7.4vw,112px);font-weight:300;letter-spacing:-.07em;line-height:.9}.service-line{margin:25px 0 0;font-size:clamp(17px,1.8vw,26px);font-weight:300;letter-spacing:.02em}.index-word{margin:34px 0 0;padding-top:16px;border-top:1px solid rgba(232,230,223,.18);max-width:360px;font-size:8px;letter-spacing:.2em;color:rgba(232,230,223,.33)}.sales-copy{margin-top:-4vh}.final-copy{align-self:flex-start;margin-top:9vh}.contact-link{display:inline-flex;align-items:center;gap:38px;margin-top:48px;padding:17px 0;border-bottom:1px solid rgba(232,230,223,.34);font-size:10px;letter-spacing:.2em;transition:gap .35s,border-color .35s}.contact-link:hover{gap:54px;border-color:var(--gold)}.contact-link span{font-size:17px;color:var(--gold)}
.company{position:absolute;left:clamp(52px,10vw,170px);bottom:7vh;width:min(540px,42vw);margin:0;border-top:1px solid rgba(232,230,223,.28)}.company div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:11px 0;border-bottom:1px solid rgba(232,230,223,.13)}.company dt{font-size:8px;letter-spacing:.18em;color:var(--gold)}.company dd{margin:0;font-size:10px;letter-spacing:.05em;color:rgba(232,230,223,.76)}
.sound{position:fixed;z-index:20;right:clamp(22px,3.2vw,58px);bottom:35px;border:0;background:none;padding:0;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.2em;cursor:pointer;color:var(--muted)}.sound span{width:5px;height:5px;border:1px solid var(--gold);border-radius:50%}.sound b{font:inherit}.sound[aria-pressed="true"] span{background:var(--gold);box-shadow:0 0 12px var(--gold)}.legal{position:fixed;z-index:20;left:clamp(22px,3.2vw,58px);bottom:34px;margin:0;font-size:7px;letter-spacing:.18em;color:rgba(232,230,223,.22)}
.webgl-drive .world{opacity:0!important;animation:none!important}.webgl-drive .dimension-drive{opacity:1;mix-blend-mode:normal}.webgl-drive .stage{background:#0b0e15}.webgl-drive .stage:after{background:linear-gradient(90deg,rgba(5,6,8,.06),transparent 36%),linear-gradient(180deg,rgba(5,6,8,.01),transparent 76%,rgba(5,6,8,.06));box-shadow:inset 0 0 72px rgba(0,0,0,.10)}.webgl-drive .scan{opacity:.035}.webgl-drive .grain{opacity:.010}.webgl-drive .copy{width:min(530px,46vw)}.webgl-drive h1{font-size:clamp(42px,5vw,76px)}.webgl-drive h2{font-size:clamp(38px,4.3vw,64px)}.webgl-drive .service-copy h2{font-size:clamp(45px,5.8vw,84px)}.webgl-drive .lead{font-size:clamp(11px,.9vw,13px);max-width:460px}.webgl-drive .service-line{font-size:clamp(15px,1.4vw,21px)}.webgl-drive .scene{padding-left:clamp(52px,8vw,130px)}.webgl-drive .hero-copy:before{height:36px}.no-webgl .world.active{opacity:.58}
.drive-sequence{--sequence-progress:0;position:absolute;z-index:9;left:50%;top:72%;width:min(270px,62vw);display:grid;grid-template-columns:28px 1fr;gap:0 12px;align-items:start;opacity:0;transform:translate(-50%,18px);transition:opacity .65s,transform .8s cubic-bezier(.2,.8,.2,1);color:rgba(232,230,223,.68)}html.webgl-drive body.loaded .drive-sequence{opacity:.74;transform:translate(-50%,0)}.drive-sequence.is-complete{opacity:0!important;transform:translate(-50%,-12px)!important}.drive-sequence>span{font-size:8px;letter-spacing:.18em;color:var(--gold);padding-top:2px}.drive-sequence p{margin:0;display:grid;gap:5px}.drive-sequence b,.drive-sequence em{font-size:8px;line-height:1;font-style:normal;font-weight:400;letter-spacing:.22em}.drive-sequence em{font-size:6px;color:rgba(232,230,223,.32);letter-spacing:.17em}.drive-sequence i{grid-column:1/-1;height:1px;margin-top:11px;overflow:hidden;background:rgba(185,151,82,.12)}.drive-sequence i s{display:block;width:calc(var(--sequence-progress)*100%);height:100%;background:linear-gradient(90deg,#75603a 0%,var(--gold) 58%,#d8b76d 100%);box-shadow:0 0 7px rgba(185,151,82,.28);transition:width .12s linear}.drive-sequence[data-phase="ignite"]{color:#ead8ad;text-shadow:0 0 10px rgba(185,151,82,.3)}.drive-sequence[data-phase="drive"]{color:var(--gold)}
.webgl-drive .copy{position:fixed;z-index:12;left:clamp(52px,8vw,130px);top:50%;margin:0!important;opacity:0!important;pointer-events:none;filter:blur(10px);transform:translateY(calc(-50% + 34px))!important;transition:opacity .7s,filter .9s,transform 1s cubic-bezier(.2,.8,.2,1)}.webgl-drive .scene.in-view .copy{opacity:1!important;filter:blur(0);transform:translateY(-50%)!important}.webgl-drive .final-copy{top:34%}.webgl-drive .company{position:fixed;z-index:12;opacity:0;pointer-events:none;transform:translateY(24px);transition:opacity .75s,transform .9s cubic-bezier(.2,.8,.2,1)}.webgl-drive .scene-5.in-view .company{opacity:1;transform:translateY(0)}
@media(max-width:800px){
html{scroll-snap-type:y proximity;scroll-padding-top:0}body{min-height:100%;touch-action:pan-y;-webkit-text-size-adjust:100%}.stage{height:100svh;height:100dvh}.world{inset:0;background-position:center,56% 86%;background-size:100% 100%,auto 61%;filter:saturate(.5) brightness(.62) contrast(1.08)}.world.active{opacity:.66}.dimension-drive{opacity:1;image-rendering:auto}.stage:after{background:linear-gradient(180deg,rgba(4,5,8,.58) 0%,rgba(4,5,8,.38) 31%,rgba(4,5,8,.08) 52%,rgba(5,6,8,.20) 100%);box-shadow:inset 0 0 44px rgba(0,0,0,.14)}
.site-header{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));align-items:center}.brand{gap:8px}.brand strong{font-size:20px}.brand span{font-size:6px;line-height:1.25}.chapter{display:flex;gap:7px;font-size:7px}.chapter i{width:25px}
.rail{left:50%;right:auto;top:auto;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;gap:0;padding:11px 14px;border:1px solid rgba(240,238,231,.13);border-radius:999px;background:rgba(7,8,12,.50);box-shadow:0 12px 38px rgba(0,0,0,.24);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.rail a{display:grid;place-items:center;width:38px;height:18px;gap:0}.rail span{font-size:7px}.rail em{display:none}.rail a:after{width:11px;margin-top:5px}.rail a.active:after{width:22px}
.scene{min-height:100svh;min-height:100dvh;padding:86px max(22px,env(safe-area-inset-right)) 94px max(22px,env(safe-area-inset-left));align-items:flex-start;scroll-snap-align:start;scroll-snap-stop:normal}.copy{width:100%;margin-top:7vh;color:#fff;text-shadow:0 2px 5px #050608,0 5px 24px rgba(0,0,0,.95)}.hero-copy{margin-top:5vh}.hero-copy:before{height:28px;margin-bottom:18px}.eyebrow{margin-bottom:15px;font-size:7px;font-weight:700;letter-spacing:.24em;text-shadow:0 2px 8px #000}h1{font-size:clamp(39px,12.2vw,55px);font-weight:400;line-height:1.11;letter-spacing:-.045em}h2{font-size:clamp(35px,10.6vw,49px);font-weight:400;line-height:1.12;letter-spacing:-.04em}.service-copy h2{font-size:clamp(45px,13.2vw,60px);font-weight:400;line-height:.96}.service-line{margin-top:17px;font-size:15px;font-weight:500}.lead{margin-top:16px;max-width:92%;font-size:11px;font-weight:500;line-height:1.75;letter-spacing:.03em;color:rgba(255,255,255,.90)}.values{flex-wrap:wrap;gap:9px 15px;margin-top:24px;color:rgba(255,255,255,.60);font-size:6px;font-weight:600}.index-word{margin-top:22px;padding-top:12px;font-size:6px;max-width:290px;color:rgba(255,255,255,.54)}.scroll-cue{left:max(22px,env(safe-area-inset-left));bottom:84px;font-size:6px}.scroll-cue span{width:28px}.contact-link{margin-top:27px;padding:13px 0;gap:24px;font-size:8px;font-weight:600}.contact-link span{font-size:15px}
.webgl-drive .copy{left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));top:15%;width:auto!important;margin:0!important;transform:translateY(22px)!important}.webgl-drive .scene.in-view .copy{transform:translateY(0)!important}.webgl-drive h1{font-size:clamp(39px,12.2vw,55px)}.webgl-drive h2{font-size:clamp(35px,10.6vw,49px)}.webgl-drive .service-copy h2{font-size:clamp(45px,13.2vw,60px)}.webgl-drive .lead{font-size:11px;max-width:92%}.webgl-drive .final-copy{top:11%}.webgl-drive .company{left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));bottom:86px;width:auto}
.webgl-drive .copy{visibility:hidden;filter:none!important;transition:opacity .55s,transform .7s cubic-bezier(.2,.8,.2,1)}.webgl-drive .scene.in-view .copy{visibility:visible}.grain,.scan{display:none}.phase-shear{opacity:0!important}
.company{left:22px;right:22px;bottom:86px;width:auto}.company div{grid-template-columns:86px 1fr;gap:10px;padding:7px 0}.company dt{font-size:6px}.company dd{font-size:8px;line-height:1.45}.drive-sequence{top:auto;bottom:118px;width:min(255px,72vw);grid-template-columns:22px 1fr}.drive-sequence b{font-size:7px}.drive-sequence em{font-size:5px}.sound{right:max(20px,env(safe-area-inset-right));bottom:auto;top:max(68px,calc(env(safe-area-inset-top) + 50px));font-size:6px}.legal{display:none}
}
@media(max-width:390px){.brand span{display:none}.site-header{top:max(16px,env(safe-area-inset-top))}.webgl-drive .copy{top:13%}.webgl-drive .final-copy{top:9%}.company div{padding:6px 0}.company dd{font-size:7.5px}.rail{padding-inline:10px}.rail a{width:36px}.drive-sequence{bottom:112px}}
@media(max-width:800px) and (max-height:700px){.webgl-drive .copy{top:12%}.hero-copy:before{display:none}.lead{margin-top:11px;line-height:1.6}.values,.index-word{margin-top:14px}.webgl-drive .final-copy{top:8%}.contact-link{margin-top:18px}.company{bottom:67px}.webgl-drive .company{bottom:67px}.company div{padding:4px 0}.rail{bottom:max(10px,env(safe-area-inset-bottom));padding-block:8px}.drive-sequence{bottom:84px}.sound{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.2s!important}.grain,.scan,.phase-shear{display:none}}