@font-face{font-family:Geist;src:url('media/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--red:#ed2545;--paper:#f1eee7;--bg:#101110;--scroll:0;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:6px}button{border:0;background:none}.skip{position:fixed;top:-90px;left:20px;padding:16px;background:white;color:black;z-index:100}.skip:focus{top:15px}.nav{height:88px;position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:560;letter-spacing:-1.2px}.brand-dot{font-size:10px;align-self:flex-start;margin-top:4px;letter-spacing:0}.mark{display:grid;grid-template-columns:repeat(3,5px);gap:2px;transform:rotate(-2deg);margin-right:2px}.mark i{width:5px;height:5px;background:#aaa}.mark i:nth-child(3){background:var(--red)}.mark i:nth-child(n+7){background:#494b48}.nav-note,.nav-cta,.eyebrow,.stage-caption,.stage-bottom,.world-label,.scroll-cue,.expanded-caption,.footer{font-size:10px;font-weight:450;letter-spacing:1.4px}.nav-note{color:#a5a6a0}.nav-cta{letter-spacing:0;font-size:13px;display:flex;align-items:center;gap:30px}.nav-cta span{color:var(--red);font-size:22px}.journey{height:182vh;min-height:1100px}.hero{height:100svh;min-height:760px;position:sticky;top:0;overflow:hidden}.ambient{position:absolute;width:70vw;height:70vw;right:-20vw;top:-20vw;background:radial-gradient(ellipse,#ad75420e,transparent 68%);pointer-events:none}.hero-copy{position:absolute;top:21%;left:7%;z-index:4;opacity:calc(1 - var(--scroll)*2.5);transform:translateY(calc(var(--scroll)*-100px));pointer-events:auto}.hero-copy.is-away{pointer-events:none}.eyebrow{font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:10px;margin:0 0 30px;color:#b6b6af}.red-square{width:5px;height:5px;background:var(--red);display:inline-block;flex-shrink:0}h1{font-size:clamp(72px,7.3vw,126px);line-height:.92;letter-spacing:-.065em;margin:0;font-weight:480}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.067em}h1 .red-period{font-size:15px;margin-left:14px;vertical-align:12px;color:var(--red)}.lede{font-size:15px;line-height:1.65;color:#a6a8a2;margin:28px 0 24px;letter-spacing:-.15px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;background:var(--paper);color:#171916;padding:17px 21px;font-size:13px;font-weight:550;transition:background .2s,transform .2s}.primary:hover{background:#fff;transform:translateY(-2px)}.primary span{font-size:20px;line-height:1}.price{font-size:11px;margin:18px 0 7px;display:flex;gap:15px;align-items:center}.price strong{font-size:14px;font-weight:550}.price span{color:#9d9f97}.fine{font-size:9px;color:#8c8f87;line-height:1.6;margin:0}.stage-wrap{position:absolute;z-index:3;left:calc(53% - var(--scroll)*45%);top:calc(21% - var(--scroll)*6%);width:calc(42% + var(--scroll)*42%);height:calc(61% + var(--scroll)*13%);perspective:1200px}.stage-caption{height:28px;display:flex;gap:7px;align-items:flex-start;font-size:8px;color:#95998f;letter-spacing:1.2px}.stage-caption>span:first-child{margin-right:auto}.live-dot{width:4px;height:4px;margin-top:3px;background:#b3a488;border-radius:50%}.stage{height:calc(100% - 58px);position:relative;overflow:hidden;background:#141510;isolation:isolate;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);box-shadow:0 30px 80px #0004;transition:transform 1.8s var(--ease),background 1s;outline:1px solid #ffffff0c}.stage-wrap:hover .stage{transform:perspective(1200px) rotateY(-1deg)}.stage:after{content:'';position:absolute;inset:0;border:1px solid #ffffff15;pointer-events:none;z-index:8}.art{position:absolute;height:140%;aspect-ratio:1/2;top:-20%;left:21%;background-image:url('media/univers-v2.webp');background-size:300% 100%;background-position:0% 50%;transform:translateX(0) scale(1.12);transform-origin:50% 55%;transition:transform 2.6s var(--ease),left 2.6s var(--ease),opacity .35s;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);filter:saturate(.88)}.browser-chrome{height:25px;background:#252620;color:#acafa6;display:flex;justify-content:space-between;align-items:center;padding:0 13px;font-size:7px;position:relative;z-index:2;transform:translateY(-110%);transition:transform 1s var(--ease)}.browser-chrome>span:first-child{font-size:6px;letter-spacing:3px}.site-nav{position:absolute;left:6%;right:6%;top:12%;display:flex;align-items:center;justify-content:space-between;opacity:0;transform:translateY(-10px);transition:opacity 1s,transform 1s var(--ease);z-index:2}.site-nav [data-field="site-brand"]{font-size:19px;letter-spacing:2px;font-family:Georgia,serif}.small-brand{display:block;font:5px Geist,sans-serif;letter-spacing:2px;margin-top:5px}.site-nav [data-field="site-menu"]{font-size:6px;letter-spacing:.2px;display:flex;gap:16px}.site-copy{position:absolute;left:7%;top:44%;z-index:2;opacity:0;transform:translateY(24px);transition:opacity 1.3s .25s,transform 1.3s .25s var(--ease);max-width:85%;text-shadow:0 2px 15px #0008}.site-kicker{font-size:5px;letter-spacing:1.5px;margin:0 0 13px}.site-copy h2{font:clamp(25px,2.8vw,48px)/1.03 Georgia,serif;letter-spacing:-1.3px;margin:0 0 12px}.site-copy h2 em{font-weight:400;color:#c5b692}.site-copy>p:not(.site-kicker){font-size:7px;color:#c7c5b9}.site-button{display:inline-flex;gap:20px;border-bottom:1px solid #bdb5a670;padding:8px 0;font-size:6px;margin-top:9px}.site-button>span{font-size:9px}.site-footer{position:absolute;bottom:6%;left:7%;right:7%;display:flex;justify-content:space-between;font-size:5px;letter-spacing:1.2px;opacity:0;transition:opacity 1s .5s;z-index:2}.orbit-label{position:absolute;left:8%;bottom:13%;display:flex;flex-direction:column;gap:8px;transition:opacity .5s,transform .5s}.orbit-label span{font-size:6px;letter-spacing:2px;color:#bcbaa9}.orbit-label b{font:italic 19px Georgia,serif;font-weight:400}.orbit-label i{position:absolute;width:80px;height:1px;background:#aaa5;transform:rotate(-35deg);left:70px;bottom:55px}.scan{position:absolute;top:-1px;left:0;width:100%;height:1px;background:#dfb16a;box-shadow:0 0 20px #e9be83;opacity:0;z-index:7}.stage-bottom{height:30px;display:flex;align-items:center;gap:16px;font-size:7px;letter-spacing:1px;color:#999b93}.stage-bottom>span{margin-right:auto}.stage-bottom button{font-size:9px;letter-spacing:0;padding:6px 0;color:#b9bbb2}.stage-bottom button span{font-size:13px;margin-right:3px}#motion{font-size:13px;width:18px}.built .art{left:42%;transform:translateX(0) scale(.82)}.built .browser-chrome{transform:translateY(0)}.built .site-nav,.built .site-copy{opacity:1;transform:translateY(0)}.built .site-footer{opacity:1}.built .orbit-label{opacity:0;transform:translateY(10px)}.built .stage{transform:perspective(1200px) rotateY(0deg) rotateX(0deg)}.worlds{position:absolute;left:7%;bottom:5.8%;display:flex;align-items:center;gap:30px;z-index:5;opacity:calc(1 - var(--scroll)*2);transform:translateY(calc(var(--scroll)*30px))}.world-label{color:#84877e;font-size:8px;margin-right:10px}.world{font-size:12px;color:#8b8d85;border-top:1px solid #ffffff20;padding:15px 0 0;min-width:115px;text-align:left;display:flex;gap:12px;transition:color .25s,border-color .25s}.world span{font-size:8px;margin-top:3px;color:#73776b}.world i{font-style:normal;margin-left:auto;opacity:0}.world.active{color:var(--paper);border-color:var(--red)}.world.active span{color:var(--red)}.world.active i{opacity:1}.world:hover{color:white}.scroll-cue{position:absolute;right:5%;bottom:6%;display:flex;align-items:center;gap:24px;font-size:8px;color:#93978b;opacity:calc(1 - var(--scroll)*3)}.down{font-size:25px;color:var(--paper)}.expanded-caption{position:absolute;left:8%;right:8%;bottom:7%;display:flex;justify-content:space-between;opacity:clamp(0,calc(var(--scroll)*3 - 2),1);pointer-events:none;color:#9b9e92;font-size:9px}.expanded-caption a{color:var(--paper);pointer-events:auto;font-size:13px;letter-spacing:0}.expanded-caption a span{margin-left:20px}.next{padding:130px 8% 145px;display:grid;grid-template-columns:1.15fr 1fr;gap:10%;background:#eae7de;color:#24251f}.next .eyebrow{color:#6e7165;margin-bottom:30px}.next h2{font-size:clamp(42px,5.3vw,76px);letter-spacing:-3.2px;line-height:1.04;font-weight:450;margin:0}.next h2 em{font-family:Georgia,serif;font-weight:400}.next-copy{padding-top:43px}.next-copy>p{font-size:17px;line-height:1.6;letter-spacing:-.3px;margin:0 0 23px}.next-copy .muted{color:#777b6d;font-size:13px}.next .primary{background:#24251f;color:#f2f0e9;font-size:12px;margin-top:15px}.next .fine{font-size:10px;letter-spacing:0;margin-top:15px;color:#777b6d}.footer{padding:30px 5%;display:flex;justify-content:space-between;color:#8c9083;font-size:8px;letter-spacing:1px}.footer>span:first-child{font-size:13px;letter-spacing:-.3px;color:var(--paper)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.stage[data-world="architecture"] .art{background-position:50% 50%;filter:saturate(.7)}.stage[data-world="architecture"] .stage{background:#191a17}.stage[data-world="architecture"] .site-copy h2{font-family:Geist,Arial,sans-serif;font-weight:350;letter-spacing:-1.8px}.stage[data-world="architecture"] .site-copy h2 em{font-style:normal;color:#d4d4c8}.stage[data-world="architecture"] [data-field="site-brand"]{font-family:Geist;letter-spacing:5px;font-weight:300}.stage[data-world="commerce"] .art{background-position:100% 50%;filter:saturate(.85)}.stage[data-world="commerce"] .stage{background:#161412}.stage[data-world="commerce"] .site-copy h2{font-family:Geist,Arial,sans-serif;font-weight:850;font-style:normal;text-transform:uppercase;font-size:clamp(30px,3.3vw,56px);letter-spacing:-2px;line-height:.9}.stage[data-world="commerce"] .site-copy h2 em{color:#f09053}.stage[data-world="commerce"] [data-field="site-brand"]{font-family:Geist;font-weight:850;font-style:normal;letter-spacing:-1px}.stage[data-world="commerce"] .site-button{border-color:#ef8e4b;color:#ef8e4b}body.switching .stage{opacity:.35;transition:opacity .2s}body.paused *,body.paused *:before,body.paused *:after{animation-play-state:paused!important}
@media(min-width:1600px){.hero-copy{top:23%}.stage-wrap{top:calc(22% - var(--scroll)*7%)}.lede{font-size:18px}.fine{font-size:11px}.world{font-size:14px}}
@media(max-height:800px) and (min-width:901px){.hero{min-height:700px}.hero-copy{top:19%}.eyebrow{margin-bottom:23px}h1{font-size:7.1vw;max-width:600px}.lede{margin:21px 0 20px}.worlds{bottom:5%}.stage-wrap{top:calc(23% - var(--scroll)*8%)}}
@media(max-width:1100px) and (min-width:901px){.nav-note{display:none}.world-label{display:none}.worlds{gap:24px}.stage-caption{font-size:6px}.stage-bottom{font-size:5px}.stage-copy{max-width:90%}.hero-copy{left:5%}.worlds{left:5%}}
@media(max-width:900px){.nav{height:73px;padding:0 6%}.nav-note{display:none}.brand{font-size:23px}.nav-cta{font-size:10px;gap:12px}.nav-cta span{font-size:18px}.journey{height:auto;min-height:0}.hero{height:auto;min-height:0;position:relative;display:flex;flex-direction:column;padding:120px 6% 30px;overflow:hidden}.hero-copy{position:relative;top:auto;left:auto;opacity:1;transform:none}.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:27px}h1{font-size:clamp(68px,12.5vw,102px);line-height:.92;letter-spacing:-5px}h1 .red-period{font-size:10px;vertical-align:10px;margin-left:10px}.lede{font-size:13px;margin:25px 0 22px}.primary{font-size:12px;padding:16px 19px;gap:42px}.price{margin-top:16px;font-size:10px}.price strong{font-size:13px}.fine{font-size:8px}.stage-wrap{position:relative;left:auto;top:auto;width:100%;height:auto;margin-top:35px;perspective:none;order:3}.stage{height:auto;aspect-ratio:1.24;transform:none}.stage-caption{font-size:7px;height:25px}.stage-bottom{font-size:6px;gap:10px;height:33px}.stage-bottom button{font-size:9px}.art{height:150%;top:-25%;left:20%}.built .art{left:44%;transform:scale(.82)}.site-copy h2{font-size:clamp(28px,5.8vw,43px)}.stage[data-world="commerce"] .site-copy h2{font-size:clamp(32px,6.5vw,48px)}.site-nav [data-field="site-brand"]{font-size:17px}.site-nav [data-field="site-menu"]{font-size:5px}.site-kicker{font-size:5px}.site-copy{top:43%}.site-copy>p:not(.site-kicker){font-size:6px}.worlds{position:relative;left:auto;bottom:auto;opacity:1;transform:none;order:2;margin-top:36px;gap:18px;display:grid;grid-template-columns:repeat(3,1fr)}.world-label{display:none}.world{min-width:0;font-size:11px;gap:8px;padding-top:13px}.world i{font-size:10px}.scroll-cue{position:relative;right:auto;bottom:auto;opacity:1;order:4;justify-content:space-between;margin-top:27px;padding-top:20px;border-top:1px solid #ffffff15;font-size:7px}.expanded-caption{display:none}.next{padding:68px 7%;display:block}.next h2{font-size:46px;letter-spacing:-2px}.next-copy{padding-top:35px}.next-copy>p{font-size:15px}.next-copy .muted{font-size:12px}.next .primary{font-size:11px;gap:25px}.footer{padding:25px 6%;gap:24px;flex-wrap:wrap;font-size:7px}.footer>span:nth-child(2){display:none}.desktop{display:none}.site-footer{font-size:4px}.orbit-label b{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.journey{height:auto;min-height:0}.hero{position:relative}.hero-copy,.worlds,.scroll-cue{opacity:1;transform:none}}