:root{font-family:DM Sans,sans-serif;color:#f2f2dc;background:#102b29;font-synthesis:none;--soft:#cad1bd;--gold:#e3c58b;--line:#ecedcf30}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}button{background:none}a{color:inherit;text-decoration:none}#world,.scrim{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%}.scrim{pointer-events:none;background:linear-gradient(90deg,rgba(5,23,24,.54),transparent 66%),linear-gradient(0deg,rgba(4,20,20,.65),transparent 22%,transparent 80%,rgba(4,20,20,.34));transition:opacity 1s}header{position:fixed;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 4%;gap:24px}.brand{font-family:Italiana,Georgia,serif;font-size:34px;letter-spacing:-1.8px}.brand-dot{color:var(--gold)}.brand-design{font-size:25px;letter-spacing:-.8px}.header-center{font-size:10px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:10px;opacity:.8}.live-dot{width:5px;height:5px;background:#d5dbaa;border-radius:50%;box-shadow:0 0 12px #d5dbaa88}.text-button{font-size:11px;padding:8px 0;display:flex;align-items:center;gap:16px}.text-button span{opacity:.6}.hero{position:fixed;left:8%;top:25%;z-index:2;transition:opacity .6s,transform .9s;pointer-events:none}.hero>*{pointer-events:auto}.hero.departed{opacity:0;transform:translateY(-30px);pointer-events:none}.hero.departed>*{pointer-events:none}.eyebrow{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:2.7px;line-height:1.6;text-transform:uppercase;color:var(--gold)}.fine-line{width:30px;height:1px;background:var(--gold)}h1{font-family:Italiana,Georgia,serif;font-size:clamp(60px,7.8vw,116px);font-weight:400;line-height:1.02;letter-spacing:-3px;margin:26px 0 22px;text-shadow:0 5px 45px #052b2940}h1 em{font-weight:400;color:#e3d7b1;font-style:normal}p{font-size:13px;line-height:1.9;color:var(--soft);font-weight:400}.hero p{margin:0 0 32px}.begin-button{display:flex;gap:15px;align-items:center;font-size:11px;letter-spacing:.3px;padding:0}.arrow-circle{border:1px solid #e0ddbc70;border-radius:50%;display:grid;place-items:center;width:43px;height:43px;font-size:20px;transition:background .3s,transform .3s}.begin-button:hover .arrow-circle{background:#e0ddbc25;transform:translateY(4px)}.chapters{position:fixed;right:3.6%;top:38%;z-index:4;display:flex;flex-direction:column;gap:17px;align-items:flex-end}.chapter{display:flex;align-items:center;gap:12px;padding:3px 0;color:#e2e7d982;font-size:9px;letter-spacing:1px}.chapter-number{font-size:8px;opacity:.6;order:2}.chapter i{display:block;width:13px;height:1px;background:currentColor;order:1;transition:width .3s}.chapter-label{display:none}.chapter.active{color:var(--gold)}.chapter.active i{width:28px}.chapter:hover{color:#fff}.chapters:hover .chapter-label{display:block;order:0;font-size:9px}footer{position:fixed;z-index:4;bottom:30px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between}.location{display:flex;gap:14px;align-items:center}.location-mark{font-size:24px;color:var(--gold)}.location>span:last-child{display:flex;flex-direction:column;gap:5px}.location small{font-size:8px;letter-spacing:1.8px;color:var(--gold)}#environment{font-size:10px;color:var(--soft)}.scroll-hint{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:12px;opacity:.7}.mouse{border:1px solid #cbd4c4a0;width:15px;height:23px;border-radius:9px;display:flex;justify-content:center;padding-top:5px}.mouse i{width:1px;height:4px;background:var(--gold);animation:scroll 2s infinite}.footer-controls{display:flex;align-items:center;gap:20px}.control-divider{height:16px;width:1px;background:var(--line)}.sound-button{display:flex;align-items:center;gap:10px;font-size:10px}.sound-bars{display:flex;gap:3px;height:15px;align-items:center}.sound-bars i{height:4px;width:1px;background:var(--soft)}.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:8px}[aria-pressed=true] .sound-bars i{animation:sound 1s ease-in-out infinite alternate}[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:-.3s}[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:-.6s}.progress{position:fixed;bottom:0;height:2px;left:0;right:0;background:#ffffff0a;z-index:5}#progress-fill{width:0;height:100%;background:var(--gold)}#scroll-track{height:850vh;pointer-events:none}.chapter-copy{position:fixed;left:8%;top:29%;width:330px;z-index:2;opacity:0;transition:opacity .7s;pointer-events:none}.chapter-copy.visible{opacity:1}.chapter-copy h2{font-family:Italiana,Georgia,serif;font-size:58px;line-height:1.06;font-weight:400;letter-spacing:-1.4px;margin:22px 0}.chapter-copy p{max-width:260px}.encounter{position:fixed;bottom:18%;right:12%;z-index:4;display:flex;align-items:center;gap:14px;text-align:left}.encounter[hidden],.field-note[hidden]{display:none}.encounter-ring{width:35px;height:35px;display:grid;place-items:center;border:1px solid #f2f2dc66;border-radius:50%;font-size:19px;box-shadow:0 0 0 7px #eeeeca08;transition:background .3s}.encounter:hover .encounter-ring{background:#eec3}.encounter small{display:block;text-transform:uppercase;letter-spacing:1.8px;font-size:7px;opacity:.6;margin-bottom:5px}.encounter strong{font-weight:400;font-size:13px}.field-note{position:fixed;right:8%;top:23%;z-index:6;width:330px;background:#102b29e8;border:1px solid #ced6bb30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:38px 30px;box-shadow:0 25px 100px #0004}.field-note h2{font-family:Italiana,Georgia,serif;font-size:39px;line-height:1.1;font-weight:400;margin:25px 0 8px}#note-latin{font-size:10px;font-style:italic;opacity:.6}.field-note p{margin:25px 0;font-size:12px}.note-foot{font-size:9px;opacity:.55}.close{position:absolute;right:15px;top:12px;font-size:24px;font-weight:300;opacity:.6}.close:hover{opacity:1}.loading{position:fixed;inset:0;background:#102b29;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 1s,visibility 1s}.loading.done{opacity:0;visibility:hidden}.loading-brand{font-family:Italiana,Georgia,serif;font-size:45px;letter-spacing:-1px}.loading-line{margin-top:35px;width:140px;height:1px;background:#eff0cd25;overflow:hidden}.loading-line i{display:block;background:var(--gold);width:50%;height:100%;animation:load 1.4s infinite ease-in-out}.loading p{font-size:10px;letter-spacing:1px;opacity:.55;margin-top:20px}dialog{color:#f2f2dc;background:#14342f;border:1px solid #d3dcbb30;padding:55px;max-width:540px;width:90vw;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#001715aa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}dialog h2{font-family:Italiana,Georgia,serif;font-size:54px;font-weight:400;line-height:1.1;margin:25px 0}dialog p{font-size:12px}.about-credit{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;font-size:9px;line-height:1.9;color:var(--soft);opacity:.6}@keyframes scroll{to{transform:translateY(6px);opacity:0}}@keyframes sound{to{height:3px}}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(300%)}}@media(min-width:1600px){.hero{top:28%}}@media(max-width:700px){header{padding:25px 6%}.brand{font-size:29px}.brand-design{font-size:22px}.header-center{display:none}#about-button{font-size:9px;gap:8px}.hero{left:7%;top:27%}h1{font-size:66px;letter-spacing:-2px}.hero p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:2px}.chapters{right:6%;top:44%}.chapter{gap:8px}.chapter-copy{left:7%;top:25%;width:240px}.chapter-copy h2{font-size:46px}.chapter-copy p{font-size:12px;max-width:200px}footer{left:6%;right:6%;bottom:25px}.scroll-hint,#quality,.control-divider,.location-mark{display:none}.location small{font-size:7px}.encounter{right:9%;bottom:18%}.field-note{right:6%;left:6%;top:25%;width:auto;max-width:350px;margin:auto}dialog{padding:40px 28px}dialog h2{font-size:44px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.immersed header,.immersed main,.immersed .location,.immersed .scroll-hint,.immersed #quality,.immersed .control-divider,.immersed #sound,.immersed .progress{opacity:0;pointer-events:none}.immersed .scrim{opacity:0}.immersed #immerse{position:fixed;right:4%;bottom:28px;opacity:.65;pointer-events:auto}.immersed #immerse:hover{opacity:1}@media(max-width:700px){#immerse{font-size:9px}#immerse span{display:none}.footer-controls{gap:14px}}