:root{--bg:#161914;--cream:#eeecdf;--muted:#93958a;--orange:#f28b44;--line:#ffffff20;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:var(--cream);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}body.intro-active{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:16px;z-index:50;background:var(--orange);color:#161914;padding:15px}.skip-link:focus{top:16px}.masthead{height:100px;margin:0 4.3%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:40px;position:relative;z-index:2}.wordmark{font-size:27px;font-weight:800;letter-spacing:-1px;display:grid;grid-template-columns:36px auto;column-gap:10px;line-height:1}.wordmark svg{width:30px;height:32px;grid-row:span 2;stroke:var(--orange);stroke-width:3;fill:none;align-self:center}.wordmark>span{font-size:8px;font-weight:400;letter-spacing:2.4px;margin-top:7px}.masthead nav{display:flex;gap:34px;margin-left:auto;font-size:12px;color:#c1c2b7}.masthead nav a:hover{color:var(--orange)}.masthead nav span{margin-left:10px}.header-play{border:1px solid #74776b;padding:14px 19px;font-size:12px}.header-play span{color:var(--orange);margin-left:25px}.hero{position:relative;min-height:720px;height:calc(100svh - 100px);max-height:1000px;overflow:hidden}.contours{position:absolute;inset:0;background:radial-gradient(ellipse at 76% 44%,#5e624025,transparent 48%);pointer-events:none}.contours:after{content:"";position:absolute;width:75%;height:110%;right:-15%;top:-14%;border-radius:48%;border:1px solid #a0a08309;box-shadow:0 0 0 35px #a0a08306,0 0 0 70px #a0a08306,0 0 0 105px #a0a08305,0 0 0 140px #a0a08304;transform:rotate(-24deg)}.hero-copy{position:relative;z-index:2;pointer-events:none;padding:70px 0 0 6%;width:56%}.hero-copy a{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:500;line-height:1.7}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--orange);margin-right:10px;box-shadow:0 0 12px #f28b4460}h1{font-weight:500;font-size:clamp(62px,6.6vw,110px);letter-spacing:-.065em;line-height:.99;margin:35px 0 26px}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--orange);letter-spacing:-.055em}h1 em{font-size:1.19em}.hero-description{color:#b1b3a6;line-height:1.75;font-size:15px;margin:0}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:29px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 24px;background:var(--orange);color:#211c13;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:#ffa866;transform:translateY(-2px)}.primary span{font-size:23px;font-weight:400}.action-note{font-size:10px;line-height:1.6;color:#818678}.machine-stage{position:absolute;top:0;bottom:76px;left:39%;right:0}.machine-number{position:absolute;right:11%;top:6%;font-size:260px;font-weight:800;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px #9c9e7d14;line-height:1;user-select:none}#machine-canvas{position:absolute;inset:0;z-index:1}#machine-canvas canvas{width:100%;height:100%;display:block}.machine-poster{position:absolute;left:10%;top:20%;width:80%;height:55%;object-fit:contain;mix-blend-mode:screen;filter:brightness(.7)}.stage-coordinate{position:absolute;right:7%;top:35px;font:8px/1.7 monospace;letter-spacing:1.5px;color:#737969}.stage-coordinate small{display:block;font-size:7px;color:#686e60}.model-caption{position:absolute;right:9%;bottom:112px;display:flex;align-items:flex-start;gap:12px;font-size:11px;z-index:2}.model-caption small{display:block;font-size:9px;margin-top:7px;color:#8b9383}.caption-line{width:48px;height:1px;background:#7d8863;margin-top:6px}.model-switch{position:absolute;right:9%;bottom:34px;display:flex;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;z-index:3}.model-switch button{border:0;background:transparent;padding:15px 16px;color:#7f8876;font:10px monospace}.model-switch span{font:11px Arial,sans-serif;margin-left:7px}.model-switch button[aria-pressed=true]{color:var(--cream)}.model-switch button[data-model][aria-pressed=true]{box-shadow:inset 0 -2px var(--orange)}.model-switch button[data-model][aria-pressed=true]:first-letter{color:var(--orange)}.model-status{position:absolute;bottom:86px;right:9%;font-size:9px;color:#a8ae9b;z-index:2}.hero-bottom{position:absolute;left:4.3%;right:4.3%;bottom:0;height:76px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:3}.scroll-cue{font-size:8px;letter-spacing:1.5px;color:#a4a997;display:flex;align-items:center;gap:16px}.scroll-cue>span{border:1px solid #5c6453;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:15px}.replay{border:0;background:transparent;color:#a4a997;font-size:10px;padding:10px}.replay>span{color:var(--orange);font-size:16px;margin-right:6px}.edition{font:8px monospace;letter-spacing:1.6px;color:#777f6f}.facts{display:grid;grid-template-columns:1fr 1fr 1fr .8fr;background:#e5e3d5;color:#23281f;padding:42px 6%;gap:24px}.facts>div{display:flex;gap:22px;align-items:center;border-right:1px solid #242d2020}.facts strong{font-size:54px;letter-spacing:-3px;font-weight:400;white-space:nowrap}.facts strong>span{font-size:20px;letter-spacing:0;margin-left:4px}.facts p{font-size:10px;line-height:1.8;color:#646b5c}.facts>a{font-size:13px;line-height:1.6;position:relative;align-self:center;padding-left:20px}.facts>a span{position:absolute;right:0;top:4px;font-size:24px;color:#9c542b}.progression{padding:82px 6% 90px;background:#1c2019}.section-top{display:flex;justify-content:space-between;align-items:center;color:#999f8d}.section-top>span{font:8px monospace;letter-spacing:1.3px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:25px 0 46px}.section-heading h2,.closing h2{font-size:clamp(40px,4vw,65px);font-weight:400;line-height:1.06;letter-spacing:-.05em;margin:0}.section-heading>p{max-width:280px;color:#a1a793;font-size:13px;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.steps article{border-top:1px solid #747e563d;padding-top:26px}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.step-top>span{font:12px monospace;color:#899475}.step-top svg{width:85px;height:55px;stroke:#df955c;fill:none;stroke-width:1.2}.steps h3{font-size:21px;letter-spacing:-.7px;font-weight:400;margin:0 0 16px}.steps p{font-size:12px;color:#a1a793;line-height:1.8;max-width:280px;min-height:65px}.step-foot{display:flex;justify-content:space-between;padding-top:20px;margin-top:24px;border-top:1px solid #ffffff10;font:8px monospace;letter-spacing:1px;color:#828e72}.step-foot b{font:11px Arial,sans-serif;color:#dfb48c}.closing{text-align:center;position:relative;overflow:hidden;padding:85px 30px;background:#d6d7c5;color:#283121}.closing>.eyebrow{color:#5c6650;position:relative;z-index:1}.closing h2{margin:28px 0 35px;position:relative;z-index:1}.closing h2 em{color:#976335}.closing .primary{position:relative;z-index:1;background:#283121;color:#f3eedc}.closing-lines{position:absolute;inset:-120px -20%;border:1px solid #59613e17;border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 0 35px #59613e0a,0 0 0 70px #59613e0a,0 0 0 105px #59613e0a;pointer-events:none}footer{padding:32px 6%;display:flex;gap:30px;align-items:center;font-size:10px;color:#9ba38b}.footer-brand{font-size:18px;font-weight:700;color:var(--cream);letter-spacing:-1px}footer>span{margin-right:auto}footer>a:hover{color:var(--orange)}#earth-intro{position:fixed;inset:0;z-index:100;isolation:isolate}.earth-fallback{position:absolute;inset:0;background:#4b3d2c url('./assets/intro/soil-color.png') center/600px;filter:brightness(.48)}#intro-canvas{position:absolute;inset:0}#intro-canvas canvas{display:block;width:100%;height:100%}.intro-brand{position:absolute;top:40px;left:4.3%;font-size:24px;font-weight:700;letter-spacing:-1px;color:#f3eddb;text-shadow:0 2px 20px #000}.intro-brand span{display:block;font-size:7px;letter-spacing:2px;font-weight:400;margin-top:8px}#skip-intro{position:absolute;right:4.3%;top:38px;padding:13px 16px;border:1px solid #eee6d04a;background:#151a14c9;font-size:11px;color:#eee6d0}#skip-intro span{margin-left:20px}.intro-bottom{position:absolute;bottom:42px;left:4.3%;right:4.3%;font:10px monospace;letter-spacing:1px;text-shadow:0 2px 12px #000;display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:15px;color:#f4ead6}.intro-bottom>div{height:1px;flex-basis:100%;background:#f8ead138}.intro-bottom i{display:block;width:0;height:1px;background:var(--orange)}#intro-percent{font-size:18px}.intro-active:not(.intro-revealing) .hero-copy{opacity:.2;transform:translateY(20px)}.hero-copy{transition:opacity 1.1s,transform 1.1s}@media(min-width:1600px){.hero-copy{padding-top:100px}}@media(max-width:1100px){.masthead nav{gap:18px}.hero-copy{padding-top:70px;width:61%}h1{font-size:72px}.action-note{display:none}.machine-stage{left:39%}.facts{grid-template-columns:repeat(3,1fr)}.facts>a{grid-column:1/-1;border-top:1px solid #242d2020;padding:18px 0 0}.facts>a br{display:none}.facts>div{display:block}.facts p{margin-bottom:0}.section-top>span{display:none}}@media(max-width:700px){.masthead{height:78px;margin:0 6%;gap:12px}.wordmark{font-size:23px;column-gap:5px;grid-template-columns:30px auto}.wordmark svg{width:23px}.wordmark>span{font-size:6px;letter-spacing:1.8px}.masthead nav{display:none}.header-play{margin-left:auto;font-size:10px;padding:12px}.header-play span{margin-left:10px}.hero{height:auto;min-height:1000px;padding-bottom:0;display:flex;flex-direction:column}.hero-copy{padding:42px 6% 0;width:100%;z-index:2}.eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:clamp(52px,12.5vw,84px);margin:26px 0 23px;line-height:1.02}.hero-description{font-size:13px;line-height:1.65}.hero-actions{margin-top:24px}.primary{padding:16px 20px;font-size:12px;gap:32px}.primary span{font-size:21px}.action-note{display:block;font-size:8px}.machine-stage{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;height:400px;margin-top:0}.machine-number{font-size:190px;top:2%;right:8%}.stage-coordinate{top:24px;font-size:6px;right:7%}.model-caption{bottom:85px;font-size:9px}.model-caption small{font-size:8px}.caption-line{width:25px}.model-switch{bottom:20px;right:6%}.model-switch button{padding:13px}.model-status{bottom:70px}.hero-bottom{position:relative;left:auto;right:auto;margin:0 6%;height:72px;flex-wrap:wrap;gap:5px}.scroll-cue{font-size:6px;letter-spacing:1px;gap:8px}.scroll-cue>span{width:24px;height:24px}.replay{font-size:8px;padding:8px 0}.edition{display:none}.facts{padding:28px 6%;gap:16px}.facts strong{font-size:37px;letter-spacing:-2px}.facts strong>span{font-size:13px}.facts p{font-size:8px}.facts>div{padding-right:6px}.facts>div:nth-child(3){border:0}.facts>a{font-size:11px}.progression{padding:50px 6%}.section-heading{display:block;margin:20px 0 32px}.section-heading h2,.closing h2{font-size:39px}.section-heading>p{max-width:320px;font-size:12px;margin-top:24px}.steps{grid-template-columns:1fr;gap:30px}.step-top{margin-bottom:8px}.steps h3{font-size:23px}.steps p{max-width:none;min-height:0}.step-foot{margin-top:18px;padding-top:15px}.closing{padding:60px 6%}.closing h2{font-size:37px}footer{flex-wrap:wrap;gap:22px;font-size:9px}footer>span{margin-right:0;flex-basis:60%}.intro-brand{top:28px;left:6%;font-size:22px}.intro-brand span{display:none}#skip-intro{top:24px;right:6%;font-size:9px;padding:11px}#skip-intro span{margin-left:8px}.intro-bottom{left:6%;right:6%;bottom:30px;font-size:8px}.intro-bottom>span:first-child{max-width:230px;line-height:1.6}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:700px){.hero{min-height:0}h1{font-size:clamp(40px,11vw,75px)}}
.intro-revealing .intro-brand{opacity:0;transition:opacity .3s}
