:root{--accent:224,179,79;--accent-end:224,179,79;--header:96px;--paper:#f8f7f3;--ink:#222325;--muted:#666560;color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);scroll-behavior:auto}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid currentColor;outline-offset:6px}.skip-link{position:fixed;top:10px;left:10px;z-index:100;padding:14px 20px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.masthead{height:var(--header);display:flex;justify-content:space-between;align-items:center;padding:0 5%;gap:32px;background:#fff;position:sticky;top:0;z-index:40;border-bottom:1px solid #e9e7e1}.logo-link{display:flex;align-items:center;width:360px;max-width:43%;height:100%}.logo-link img{display:block;width:100%;height:92px;object-fit:contain}.header-right{display:flex;gap:34px;align-items:center}.brand-picker{display:flex;flex-direction:column;gap:5px}.brand-picker>span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#77746e}.brand-picker select{font-size:12px;max-width:245px;font-weight:500;letter-spacing:.025em;padding:4px 20px 4px 0;border:0;background:transparent;color:#292620;cursor:pointer}.header-right button{font-size:11px;border:0;background:transparent;color:#625f59;border-bottom:1px solid #cac6bd;padding:10px 0;min-height:44px}
.story{height:450svh;position:relative;background:#111315}.stage{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:500px;overflow:hidden;background:#111315;color:#f7f6f0}.scene{position:absolute;inset:0;z-index:0}.scene canvas{display:block;width:100%;height:100%;touch-action:pan-y}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,19,21,.28),transparent 60%);z-index:1}.chapter-copy{position:absolute;top:20%;left:7%;width:39%;z-index:5;pointer-events:none}.chapter-copy a{pointer-events:auto}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:14px;margin:0 0 27px;color:#c3beb2}.eyebrow::before{content:"";height:1px;width:24px;flex:none;background:#faf7e9;box-shadow:0 0 5px rgba(var(--accent),.7)}h1{font-family:"Arial Rounded MT Bold",Arial,Helvetica,sans-serif;font-size:clamp(34px,4.05vw,65px);font-weight:700;line-height:1.07;letter-spacing:-.025em;margin:0 0 25px;color:#faf9f4;text-shadow:-1px 0 3px rgba(var(--accent),.22),1px 0 3px rgba(var(--accent-end),.22),0 0 15px rgba(var(--accent),.08)}.description{max-width:330px;min-height:60px;margin:0 0 26px;font-size:14px;line-height:1.8;color:#b8b8b4}.text-link{font-size:12px;display:inline-flex;gap:37px;align-items:center;min-height:44px;padding:10px 0;border-bottom:1px solid rgba(var(--accent),.55)}.text-link span{font-size:19px;text-shadow:0 0 6px rgba(var(--accent),.4)}.scene-label{position:absolute;top:9%;right:6%;display:flex;align-items:center;gap:12px;z-index:3;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#96978f;pointer-events:none}.label-rule{height:1px;width:20px;background:rgba(var(--accent),.7)}
.recompose{position:absolute;right:9%;bottom:20%;display:flex;align-items:center;gap:14px;min-height:44px;border:1px solid #454644;border-radius:0;background:rgba(19,21,23,.8);color:#e9e7df;padding:12px 19px;font-size:11px;z-index:10;backdrop-filter:blur(6px)}.recompose:hover{border-color:rgba(var(--accent),.6)}.button-dot{width:4px;height:4px;background:rgb(var(--accent));border-radius:50%;box-shadow:0 0 6px rgba(var(--accent),.4)}.stage-bottom{position:absolute;left:7%;right:6%;bottom:30px;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #363733;padding-top:19px}.chapters{display:flex;gap:30px}.chapters button{border:0;background:transparent;color:#878a86;padding:8px 0;font-size:10px;letter-spacing:.02em;min-height:44px}.chapters button span{display:inline-block;margin-right:9px;font-size:9px;color:#62645f}.chapters button[aria-current=step]{color:#f4f1e7}.chapters button[aria-current=step] span{color:rgb(var(--accent));text-shadow:0 0 5px rgba(var(--accent),.3)}.scroll-note{font-size:9px;letter-spacing:.08em;color:#93968f;white-space:nowrap}.scroll-note span{padding-left:18px;font-size:15px}.progress-track{position:absolute;bottom:0;height:1px;background:#30312e;width:100%;z-index:9}#progress{height:100%;width:0;background:linear-gradient(90deg,rgb(var(--accent)),rgb(var(--accent-end)));box-shadow:0 0 7px rgba(var(--accent),.35)}.load-status{position:absolute;right:19%;top:48%;font-size:11px;color:#999;z-index:6;max-width:200px;line-height:1.8}.fallback-orb{position:absolute;right:18%;top:27%;width:210px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 24%,#f3eee0,#4e5255 33%,#161719 58%,#6f746e 81%,#18191b);box-shadow:0 0 50px rgba(var(--accent),.09)}.has-webgl .fallback-orb{display:none}
.closing{padding:88px 7% 0;background:var(--paper)}.closing>.eyebrow{color:#7c776b}.closing>.eyebrow::before{background:rgb(var(--accent));box-shadow:none}.closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:55px}.closing h2{font-size:clamp(26px,3vw,41px);font-weight:500;letter-spacing:-.04em;line-height:1.16;margin:0;text-shadow:0 0 8px rgba(var(--accent),.06)}.closing-grid p{font-size:14px;color:#77726a;line-height:1.9;max-width:360px;margin:0}.family-links{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;border-top:1px solid #ddd9cf;padding:25px 0 50px}.family-links button{display:flex;flex-direction:column;gap:12px;text-align:left;padding:12px 0;border:0;background:transparent;font-size:13px;line-height:1.5;color:#272727}.family-links button span{font-size:10px;color:#868178}footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid #ddd9cf;padding:25px 0 28px;font-size:10px;color:#827d73;letter-spacing:.03em}footer a{padding:8px 0}
@media(max-width:900px){.header-right{gap:19px}.masthead{padding:0 4%}.chapters{gap:17px}.scroll-note{display:none}.stage-bottom{right:7%}h1{font-size:clamp(28px,4vw,43px)}.chapter-copy{width:41%;left:6%}.description{font-size:13px}.closing-grid{gap:30px}.recompose{right:7%}}
@media(max-width:620px){:root{--header:126px}.masthead{flex-direction:column;gap:0;padding:0 6% 12px;align-items:stretch}.logo-link{height:66px;width:100%;max-width:none;justify-content:center}.logo-link img{height:76px;width:300px;max-width:100%}.header-right{justify-content:space-between;gap:12px}.brand-picker>span{font-size:8px}.brand-picker select{font-size:10px;max-width:210px}.header-right button{font-size:10px}.stage{min-height:550px}.story{height:450svh}.chapter-copy{top:6%;left:7%;width:86%;pointer-events:none}.chapter-copy h1{font-size:clamp(28px,8vw,37px);margin-bottom:16px;max-width:90%}.eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:18px}.description{font-size:12px;line-height:1.65;max-width:275px;min-height:40px;margin-bottom:8px}.text-link{font-size:10px;min-height:36px;padding:6px 0;gap:30px}.scene-label{display:none}.recompose{bottom:15%;right:7%;font-size:10px;padding:9px 13px}.stage-bottom{bottom:18px;padding-top:10px;left:7%;right:7%}.chapters{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.chapters button{text-align:left;font-size:8px;line-height:1.6}.chapters button span{display:block;font-size:9px}.load-status{top:58%;right:21%}.fallback-orb{top:45%;width:150px;right:25%}.closing{padding:50px 7% 0}.closing-grid{grid-template-columns:1fr;gap:23px;margin-bottom:36px}.closing-grid p{font-size:13px}.family-links{grid-template-columns:repeat(2,1fr);gap:8px 25px;padding-bottom:25px}.family-links button{font-size:12px}.family-links button span{font-size:9px}}
@media(max-height:700px) and (min-width:621px){:root{--header:78px}.logo-link img{height:75px}.stage{min-height:440px}.chapter-copy{top:12%}h1{font-size:43px}.description{margin-bottom:12px}.scene-label{top:6%}.recompose{bottom:23%}.stage-bottom{bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media(forced-colors:active){h1{text-shadow:none}.scene{opacity:.2}.eyebrow::before{background:CanvasText}.chapter-copy{background:Canvas;padding:15px}.chapters button[aria-current=step]{text-decoration:underline}}

[hidden]{display:none!important}
.scene-label{display:none}
.stage{min-height:0}
.chapters button{color:#b4b7af}.chapters button span{color:#a1a69d}.scroll-note{color:#b2b6ad}
@media(max-width:620px) and (max-height:740px){:root{--header:110px}.masthead{padding-bottom:8px}.logo-link{height:52px}.logo-link img{height:62px}.chapter-copy{top:5%}.chapter-copy h1{font-size:25px;margin-bottom:11px}.eyebrow{margin-bottom:13px}.description{font-size:11px;line-height:1.5;max-width:260px;margin-bottom:4px;min-height:33px}.recompose{bottom:17%;padding:7px 11px;font-size:9px}.stage-bottom{bottom:12px;padding-top:5px}}
#start,#after-story{scroll-margin-top:var(--header)}