@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',sans-serif;color:#eee9dd;background:#171915;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e9bb76;outline-offset:6px}button:disabled{cursor:default}a{color:inherit}#experience{height:100svh;min-height:650px;position:relative;overflow:hidden}#scene,.vignette{position:absolute;inset:0}#scene canvas{width:100%;height:100%;display:block;touch-action:pan-y}.vignette{pointer-events:none;background:linear-gradient(0deg,rgba(14,19,14,.96),rgba(14,19,14,.65) 18%,transparent 53%),linear-gradient(180deg,#111710cf,transparent 24%),linear-gradient(90deg,#14191045,transparent 38%,transparent 70%,#14191030)}header{position:absolute;top:28px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:inherit;text-decoration:none;display:flex;gap:13px;align-items:center;letter-spacing:.22em;font-size:17px}.brand small{display:block;font-size:10px;letter-spacing:.2em;margin-top:6px}.seal{display:grid;place-items:center;border:1px solid #aa9b79;width:44px;height:50px;border-radius:50%;font:32px Georgia;letter-spacing:0}.edition{font-size:11px;letter-spacing:.18em}.edition i{margin:0 12px;color:#c49e65}.header-actions{display:flex;align-items:center;gap:14px}.round{height:42px;width:42px;border-radius:50%;background:#24292370;border:1px solid #ffffff35;font-size:18px}#sound{border:1px solid #ffffff38;border-radius:24px;background:#1720178c;font-size:14px;padding:11px 15px;white-space:nowrap}#sound[aria-pressed=true]{border-color:#d7ad6d}.route-marker{position:absolute;top:126px;left:42px;display:flex;align-items:center;gap:18px;color:#ded4bb;font-size:10px;letter-spacing:.2em}.marker-line{height:1px;width:35px;background:#c8ad7f70}.travel{position:absolute;z-index:2;top:46%;transform:translateY(-50%);width:62px;height:72px;border:1px solid transparent;background:#18201935;border-radius:50%;font-size:34px;font-weight:400;transition:background .2s,border-color .2s,opacity .2s}.travel:hover:not(:disabled){background:#182019aa;border-color:#c8ad7f66}.travel:active:not(:disabled){background:#c8ad7f22}.travel span{display:block;transition:transform .2s}.next:hover span{transform:translateX(3px)}.previous:hover span{transform:translateX(-3px)}.travel:disabled{opacity:.22}.previous{left:25px}.next{right:25px}.story{position:absolute;left:7%;bottom:116px;width:min(470px,44%);transition:opacity .28s,transform .28s}.story.is-transitioning{opacity:0;transform:translateY(7px);pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.21em;font-weight:500;color:#c8ad7f;display:flex;align-items:center;gap:20px;margin:0 0 19px}.chapter-rule{display:inline-block;width:42px;height:1px;background:#bba77c66}.story h1{font-family:Italiana,Georgia,serif;font-weight:400;font-size:clamp(36px,4.1vw,62px);line-height:1.03;letter-spacing:-.02em;margin:0 0 17px;text-wrap:balance}.story>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:390px;color:#d0d1c5;margin:0}.producers{display:flex;gap:12px;flex-direction:column;margin-top:16px;font-size:14px;line-height:1.4}.producers[hidden]{display:none}.producers a{color:#e0c494;text-underline-offset:4px}.age-panel{position:absolute;right:7%;bottom:120px;width:215px;border-top:1px solid #c8ad7f40;padding-top:13px}.age-heading{display:flex;align-items:center;justify-content:space-between}.age-heading label{color:#c8ad7f;font-size:10px;letter-spacing:.18em}.age-heading button{border:none;background:none;font-size:16px;width:38px;height:30px}.age-value{margin:3px 0 15px;display:flex;align-items:baseline;gap:9px}.age-value output{font-size:37px;font-weight:400}.age-value span{font:21px Italiana,Georgia,serif}input[type=range]{width:100%;height:4px;accent-color:#d7bb88;cursor:ew-resize;margin:0}.ticks{display:flex;justify-content:space-between;font-size:10px;color:#a3ad99;margin-top:10px}#phase-text{font-size:12px;color:#a7b09d;line-height:1.6;margin:13px 0 0;min-height:38px}footer{position:absolute;left:7%;right:7%;bottom:27px;border-top:1px solid #ffffff20;padding-top:19px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>div{display:flex;align-items:center;gap:22px}#route-hint{font-size:12px;color:#b6bfae}#dots{display:flex;gap:8px}#dots i{height:2px;width:13px;background:#65705d}#dots i.active{background:#dfc69b}#orbit{border:none;background:none;color:#aebaa3;font-size:14px;padding:7px 0}#orbit span{font-size:12px;margin-left:6px}footer small{font-size:9px;letter-spacing:.08em;color:#89957d}#loading{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#e1d3b7;border:1px solid #b99c6955;background:#172017ec;padding:16px 24px}dialog{max-width:470px;max-height:85svh;overflow:auto;background:#20281f;color:#e7e5d8;border:1px solid #7c8769;padding:30px}dialog::backdrop{background:#080e08b0;backdrop-filter:blur(5px)}dialog h2{font:32px Italiana,Georgia}dialog p{line-height:1.7;font-size:16px}dialog small{font-size:12px;line-height:1.6;color:#aeb8a5}#close-help{float:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1100px){header{left:25px;right:25px}.edition{display:none}.route-marker{left:28px}.story{left:8%;width:48%}.age-panel{right:8%;width:185px}footer{left:8%;right:8%}footer small{max-width:130px;line-height:1.5}.travel{width:50px}.previous{left:8px}.next{right:8px}}
@media(max-width:650px){#experience{min-height:740px}header{top:18px;left:20px;right:20px;gap:10px}.brand{font-size:12px;gap:8px}.brand small{font-size:8px}.seal{width:31px;height:39px;font-size:25px}.header-actions{gap:8px}.round{width:36px;height:36px}#sound{font-size:11px;padding:10px 12px}.route-marker{top:92px;left:23px;font-size:9px;gap:10px}.route-marker>span:last-child{display:none}.travel{top:38%;width:46px;height:58px;font-size:28px;background:#17201775}.previous{left:8px}.next{right:8px}.story{left:24px;right:24px;width:auto;bottom:222px}.story h1{font-size:38px;margin-bottom:13px}.story>p:not(.eyebrow){font-size:14px;line-height:1.65;max-width:350px}.eyebrow{font-size:10px;margin-bottom:13px}.age-panel{left:24px;right:24px;width:auto;bottom:93px;padding-top:10px;display:grid;grid-template-columns:1fr 72px;align-items:center;gap:8px 14px}.age-heading{grid-column:1}.age-value{grid-column:2;grid-row:1;margin:0;justify-content:flex-end;gap:5px}.age-value output{font-size:25px}.age-value span{font-size:17px}.age-panel input{grid-column:1/-1}.ticks{grid-column:1/-1;margin-top:0}#phase-text{display:none}.producers{font-size:12px;gap:10px;margin-top:13px}footer{left:24px;right:24px;bottom:16px;padding-top:13px;gap:10px;align-items:flex-start}footer>div{flex-direction:column;align-items:flex-start;gap:9px}#route-hint{font-size:10px}#dots{gap:6px}#dots i{width:10px}#orbit{font-size:13px;padding:0}#orbit span{font-size:10px}footer small{display:none}.vignette{background:linear-gradient(0deg,#11180ef5,#121910b8 35%,transparent 69%),linear-gradient(180deg,#111710df,transparent 29%)}dialog{margin:16px;padding:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}