@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;1,500;1,600&display=swap');
:root{--bg:#171717;--ink:#f4f1eb;--quiet:#a8a6a1;--orange:#ef6831;--glow:#ffab7a;--line:rgba(255,255,255,.085);--mono:'DM Mono',monospace;--sans:Manrope,Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;z-index:20;inset:0;pointer-events:none;opacity:.1;background-image:radial-gradient(rgba(255,255,255,.55) .4px,transparent .7px);background-size:5px 5px;mix-blend-mode:soft-light}.progress{position:fixed;z-index:30;inset:0 0 auto;height:2px;background:#35302d}.progress span{display:block;width:0;height:100%;background:var(--orange)}header{position:fixed;z-index:25;top:0;left:0;width:100%;padding:27px 4.2vw;display:flex;justify-content:space-between;color:var(--ink);font:500 10px var(--mono);letter-spacing:.07em;text-transform:uppercase;mix-blend-mode:difference}.brand{color:inherit;text-decoration:none;font:700 12px var(--sans);letter-spacing:.1em}.brand i{font:500 13px var(--serif);letter-spacing:0}.canvas{position:relative;background-color:var(--bg);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:8.333% 8.333%}.intro{min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:0 8vw;overflow:hidden}.intro:before,.closing:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 38%,rgba(239,104,49,.14),transparent 28%);pointer-events:none}.intro-copy{z-index:2;max-width:710px}.eyebrow{margin:0 0 23px;color:var(--glow);font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(46px,6.25vw,105px);letter-spacing:-.075em;line-height:.93;margin-bottom:35px}h1 em,h2 em{font:500 1em var(--serif)}h1 em{color:var(--glow)}.intro-copy>p:last-child{max-width:520px;color:#d0cec8;font-size:clamp(16px,1.45vw,21px);line-height:1.5}.intro-visual{height:min(54vw,620px);aspect-ratio:1;z-index:2;justify-self:end;position:relative;overflow:hidden;border:1px solid var(--line);background:#101010}.intro-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.1);opacity:.88}.intro-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,transparent 48%,rgba(239,104,49,.2))}.intro-visual span{position:absolute;left:20px;bottom:18px;font:500 9px var(--mono);letter-spacing:.08em}.orb{border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffd1b7 0,#f3743c 15%,#6a2817 37%,#1e1512 66%,#111 100%);box-shadow:0 0 90px rgba(239,104,49,.35)}.intro-orb{position:absolute;z-index:3;width:clamp(150px,18vw,300px);aspect-ratio:1;top:13%;left:48%;animation:float 8s ease-in-out infinite}.intro-orb:before,.intro-orb:after{content:'';position:absolute;inset:-22%;border:1px solid rgba(239,104,49,.5);border-radius:45%;transform:rotate(50deg)}.intro-orb:after{inset:-35% 5%;transform:rotate(-34deg);border-color:rgba(255,255,255,.16)}.intro-orb i,.intro-orb b{position:absolute;width:9%;aspect-ratio:1;border-radius:50%;background:#ffd4c0;top:23%;left:28%;filter:blur(2px)}.intro-orb b{width:6%;top:62%;left:auto;right:23%}.intro-footer{position:absolute;inset:auto 8vw 34px;display:flex;justify-content:space-between;color:#aaa;font:10px var(--mono);letter-spacing:.07em}.pad{padding:12vw 8vw;min-height:100svh}.number{color:var(--orange);font:500 12px var(--mono);margin-bottom:52px}.premise{padding-left:25%;background-color:#ece9e2;color:#242424;display:grid;align-content:center}.premise .eyebrow,.build .eyebrow{color:#c94e1d}.premise h2,.build h2{font-size:clamp(42px,6vw,92px);letter-spacing:-.075em;line-height:.95;max-width:950px;margin-bottom:42px}.premise h2 em,.build h2 em{color:#c55022}.large{font-size:clamp(20px,2.15vw,31px);line-height:1.35;max-width:820px;margin-bottom:25px}.quiet{max-width:640px;color:#696864;font-size:17px;line-height:1.55}.system{height:420svh}.sticky{position:sticky;top:0;height:100svh;overflow:hidden}.meta{position:absolute;z-index:5;left:8vw;right:8vw;top:13.5%;display:flex;justify-content:space-between;color:#b4b0a8;font:10px var(--mono);letter-spacing:.08em}.copy{position:absolute;z-index:2;top:29%;left:8vw;width:min(42vw,580px);opacity:0;transform:translateY(38px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.75,.2,1)}.copy.active{opacity:1;transform:translateY(0)}.copy h2{font-size:clamp(41px,5.1vw,84px);line-height:.94;letter-spacing:-.075em;margin:0 0 26px}.copy h2 em{color:var(--glow)}.copy>p:last-child{max-width:410px;color:#b7b3ac;font-size:17px;line-height:1.48}.object{position:absolute;width:min(33vw,500px);aspect-ratio:1;right:12%;top:24%}.ring{position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .7s ease}.ring.b{inset:9%;border-color:rgba(239,104,49,.58);transform:rotate(55deg) scaleY(.4)}.ring.c{inset:19%;border-color:rgba(255,255,255,.16);transform:rotate(-30deg) scaleX(.5)}.core{position:absolute;inset:29%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 33% 31%,#ffd8c3 0,#ef6831 13%,#802c17 35%,#1d1714 70%,#0d0d0d 100%);box-shadow:0 0 80px rgba(239,104,49,.4);transition:all .7s cubic-bezier(.2,.75,.2,1)}.core span{font:500 clamp(20px,3vw,50px) var(--mono)}.card{position:absolute;padding:12px 14px;background:#24211f;border:1px solid rgba(255,255,255,.14);color:#e6e0d8;font:500 clamp(8px,.8vw,12px)/1.35 var(--mono);letter-spacing:.04em;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.top{top:6%;left:50%;transform:translateX(-50%)}.right{right:-4%;top:45%;transform:translateY(-50%)}.bottom{bottom:6%;left:50%;transform:translateX(-50%)}.left{left:-4%;top:45%;transform:translateY(-50%)}.node{position:absolute;width:8px;aspect-ratio:1;border-radius:50%;background:var(--orange);box-shadow:0 0 18px var(--orange);opacity:0;transition:opacity .4s ease,transform .5s ease}.n1{top:18%;left:22%}.n2{right:17%;top:70%}.n3{left:31%;bottom:11%}.system[data-step="1"] .ring.a{transform:rotate(20deg) scale(1.08)}.system[data-step="1"] .ring.b{transform:rotate(88deg) scaleY(.62)}.system[data-step="1"] .core{inset:24%}.system[data-step="1"] .top{transform:translate(-50%,-26px)}.system[data-step="1"] .right{transform:translate(26px,-50%)}.system[data-step="1"] .bottom{transform:translate(-50%,26px)}.system[data-step="1"] .left{transform:translate(-26px,-50%)}.system[data-step="2"] .core{inset:33%}.system[data-step="2"] .ring.a{transform:rotate(-36deg) scale(1.3);border-color:rgba(239,104,49,.46)}.system[data-step="2"] .ring.b{transform:rotate(30deg) scaleY(.85)}.system[data-step="2"] .node{opacity:1}.system[data-step="2"] .core span{opacity:0}.system[data-step="3"] .core{inset:20%;box-shadow:0 0 120px rgba(239,104,49,.65)}.system[data-step="3"] .ring.a{transform:rotate(70deg) scale(1.35);opacity:.65}.system[data-step="3"] .ring.b{transform:rotate(-55deg) scaleY(.92)}.system[data-step="3"] .ring.c{transform:rotate(40deg) scaleX(.88);opacity:1}.system[data-step="3"] .node{opacity:1;transform:scale(1.8)}.track{position:absolute;bottom:7%;left:8vw;display:flex;gap:8px}.track span{height:2px;width:54px;background:#48413c;transition:background .4s ease}.track .active{background:var(--orange)}.film{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center}.film h2{font-size:clamp(37px,4.5vw,70px);line-height:.98;letter-spacing:-.07em}.film h2 em{color:var(--glow)}.film-frame{border:1px solid var(--line);padding:12px;background:#1e1e1e}.film-frame video{display:block;width:100%;aspect-ratio:16/9;background:#0f0f0f}.film-frame span{display:block;margin:13px 4px 0;color:#a6a19a;font:9px var(--mono);letter-spacing:.08em}.build{background-color:#ece9e2;color:#242424}.build-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d6d2ca;margin-top:7vw}.build-grid article{min-height:255px;padding:24px;background:#ece9e2;display:flex;flex-direction:column;justify-content:space-between}.build-grid span{color:#c94e1d;font:10px var(--mono)}.build-grid b{font-size:22px;letter-spacing:-.05em}.build-grid p{color:#686763;font-size:14px;line-height:1.45;margin:0}.closing{min-height:100svh;display:grid;place-items:center;padding:12vw 8vw;overflow:hidden}.closing-copy{z-index:2;max-width:1030px}.closing h2{font-size:clamp(47px,6vw,98px);line-height:.96;letter-spacing:-.075em;margin-bottom:35px}.closing-copy>p:not(.eyebrow){color:#c4c0ba;max-width:620px;font-size:20px;line-height:1.5}.closing-copy span{display:inline-block;margin-top:30px;border-bottom:1px solid var(--orange);padding-bottom:12px;font:500 12px var(--mono);letter-spacing:.06em}.closing-orb{position:absolute;width:clamp(350px,45vw,700px);aspect-ratio:1;right:-12%;bottom:-25%;animation:float 10s ease-in-out infinite reverse}footer{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:20px;padding:27px 8vw;background:#101010;color:#928e87;font-size:11px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .8s cubic-bezier(.2,.75,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-16px) rotate(4deg)}}@media(max-width:760px){header{padding:21px 7vw}header>span{display:none}.intro{grid-template-columns:1fr;padding:115px 7vw 90px;align-content:center;gap:40px}.intro-visual{justify-self:start;width:76vw;height:auto}.intro-orb{left:auto;right:8%;top:8%;width:140px}.intro-footer{inset:auto 7vw 25px}.pad{padding:120px 7vw}.premise{padding-left:7vw}.system{height:400svh}.meta{left:7vw;right:7vw;top:12%}.copy{left:7vw;top:21%;width:83vw}.object{width:78vw;right:-10vw;top:auto;bottom:8%}.track{left:7vw;bottom:5%}.film{grid-template-columns:1fr;gap:45px}.build-grid{grid-template-columns:1fr 1fr}.build-grid article{min-height:180px}.closing{padding:130px 7vw}.closing-orb{width:600px;right:-80%;bottom:-11%}footer{grid-template-columns:1fr;padding:25px 7vw;gap:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}