@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{color-scheme:dark;--bg:#0b1115;--ink:#f6eee3;--muted:#abb1b3;--orange:#ef9b57}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,a.button{cursor:pointer;font:inherit}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff16}.brand{font-weight:700;font-size:27px;letter-spacing:-1px}.brand span{font-size:12px;vertical-align:top;margin-left:4px}nav{display:flex;gap:32px;font-size:14px}.launch{font-size:14px;color:#d4af80}.hero{position:relative;min-height:740px;height:calc(100vh - 90px);max-height:1040px;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,12,.84),rgba(4,9,12,.3) 53%,transparent),linear-gradient(0deg,#0b1115,transparent 28%)}.hero-copy{position:absolute;left:7%;top:17%;max-width:780px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2.5px;color:var(--orange);font-weight:600;margin:0 0 24px}h1,h2{font-family:'Playfair Display',serif;font-weight:500;line-height:1.12;letter-spacing:-2px;margin:0}h1{font-size:clamp(48px,5.5vw,84px)}em{color:#eeb17d;font-weight:500}p{margin:24px 0;color:var(--muted)}.hero-copy>p:not(.eyebrow){color:#ddd8d1;font-size:18px}.button,button#save{display:inline-block;background:#edaf74;color:#171511;border:none;border-radius:5px;padding:15px 25px;font-weight:700;margin-top:14px}.button:hover,button#save:hover{background:#ffca97}.hero-foot{position:absolute;bottom:42px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#b4b6b6}.story{padding:110px 8%;display:grid;grid-template-columns:1.1fr 1fr;gap:10%;border-bottom:1px solid #ffffff16}h2{font-size:clamp(37px,4vw,58px)}.story-text p:first-child{margin-top:0}.quote{font-family:'Playfair Display',serif;color:#eec6a1;font-size:28px;line-height:1.5}.demo{padding:100px 8%}.demo-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.pill{border:1px solid #ba98633b;border-radius:30px;padding:8px 16px;color:#c8b38e;font-size:12px;letter-spacing:1px}.play{display:grid;grid-template-columns:1fr 1fr;background:#111d24;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.play>img{width:100%;height:100%;max-height:620px;object-fit:cover}.play-panel{padding:55px 45px}h3{font-family:'Playfair Display',serif;font-weight:500;font-size:32px;line-height:1.3;margin:0}.distance{display:flex;justify-content:space-between;gap:15px;margin-top:35px;font-size:14px}.distance strong{color:var(--orange);font-size:20px}.track{height:8px;border-radius:8px;background:#354048;margin:12px 0 20px;overflow:hidden}#bar{width:70%;height:100%;background:linear-gradient(90deg,#dd673e,#eac582);transition:width .6s}button#save{width:100%}.secondary{display:block;width:100%;background:none;color:#ccc;border:1px solid #ffffff26;border-radius:5px;padding:10px;margin-top:10px}.demo-note{font-size:13px;line-height:1.6;color:#9da8ae;margin-bottom:0}.mechanic{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.mechanic span{font-size:12px;color:#e3b188;letter-spacing:1.6px}.mechanic p{font-size:15px;margin-top:12px}.closing{text-align:center;padding:90px 20px 120px;background:radial-gradient(ellipse at bottom,#352316,transparent 70%)}.closing .pill{display:inline-block}footer{border-top:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 5%;font-size:13px}footer p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:2px solid #ffc895;outline-offset:5px}@media(max-width:760px){header{height:74px;padding:0 6%}nav{display:none}.launch{font-size:12px}.hero{min-height:740px;height:90vh}.hero>img{object-position:60% center}.shade{background:linear-gradient(0deg,#0b1115 2%,rgba(4,9,12,.25) 65%,rgba(4,9,12,.5))}.hero-copy{top:auto;bottom:100px;left:7%;right:7%}h1{font-size:49px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-foot{font-size:10px}.story{padding:70px 7%;grid-template-columns:1fr;gap:30px}.demo{padding:70px 7%}.demo-heading{align-items:flex-start;gap:12px}.demo-heading .pill{white-space:nowrap;font-size:10px;padding:6px 10px}.play{grid-template-columns:1fr}.play>img{height:340px;object-position:center 35%}.play-panel{padding:30px 25px}.mechanic{grid-template-columns:1fr;gap:8px}.closing{padding:50px 7% 80px}footer{flex-wrap:wrap}footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#bar{transition:none}}

.play>img{object-fit:contain;background:#100d0a}@media(max-width:760px){.play>img{height:auto;object-fit:contain}}
/* Keep the landing artwork unobstructed, with the introduction underneath. */
.hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;overflow:visible}
.hero>img{display:block;width:100%;height:auto;object-fit:contain}
.hero .shade{display:none}
.hero-copy{position:static;max-width:none;padding:54px 7% 40px;background:var(--bg)}
.hero-foot{position:static;padding:0 7% 35px;gap:20px;background:var(--bg)}
@media(max-width:760px){.hero{height:auto;min-height:0}.hero-copy{padding:35px 7% 30px}.hero-foot{padding-bottom:25px}}
.fire-scene{position:relative;overflow:hidden;isolation:isolate;line-height:0}.fire-scene>img{display:block;width:100%;height:auto}.fire-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 0% 60%,#ff700043,transparent 40%),radial-gradient(ellipse at 100% 65%,#ff650049,transparent 38%),linear-gradient(0deg,#ff8a001a,transparent 45%);mix-blend-mode:screen;animation:fire-flicker 2.7s ease-in-out infinite alternate}.embers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.motion-toggle{position:absolute;right:20px;bottom:20px;line-height:1.4;background:#101419db;border:1px solid #ffffff55;color:#fff;border-radius:6px;padding:9px 14px;font-size:14px;backdrop-filter:blur(8px)}.fire-scene.paused .fire-glow{animation-play-state:paused}@keyframes fire-flicker{0%{opacity:.35}12%{opacity:.75}22%{opacity:.45}40%{opacity:.9}55%{opacity:.55}70%{opacity:.8}85%{opacity:.4}100%{opacity:.7}}@media(prefers-reduced-motion:reduce){.fire-glow{animation:none;opacity:.4}}@media(max-width:760px){.motion-toggle{right:12px;bottom:12px;font-size:12px}}
.countdown{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:0 12px;margin-top:28px;font-variant-numeric:tabular-nums}.countdown #days{font-size:64px;color:#efb17d;line-height:1.2}.countdown #clock{grid-column:1/-1;font-size:30px;letter-spacing:3px}.countdown span{font-size:18px;color:#b9b5ae}button:disabled{cursor:default;opacity:.5}#total{font-size:14px;margin:12px 0}

.brand-heading{display:flex;flex-direction:column;line-height:1.2;gap:5px}.brand-heading .brand-name{font-size:27px;letter-spacing:-1px;margin:0;vertical-align:baseline}.brand-name sup{font-size:10px;margin-left:3px}.brand-heading .brand-tagline{font-size:12px;font-weight:500;letter-spacing:0;margin:0;color:#d4af80;vertical-align:baseline}@media(max-width:760px){.brand-heading .brand-name{font-size:24px}.brand-heading .brand-tagline{font-size:11px}}
