:root{font-family:Georgia,Times New Roman,serif;color:#e8dcc4;background:#101824;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;overflow:hidden}#experience{position:relative;width:100%;height:100svh;min-height:480px;overflow:hidden;background:radial-gradient(ellipse at 52% 45%,#233341 0,#141e2c 43%,#0b121e 85%)}#scene{position:absolute;inset:0;opacity:0;animation:reveal 2.6s ease-out forwards}canvas{display:block;width:100%;height:100%}.masthead{position:absolute;left:5.1%;top:7.5%;pointer-events:none;opacity:0;animation:titles 1.8s .5s ease-out forwards}.ornament{display:flex;align-items:center;gap:12px;width:95px;margin-bottom:20px;color:#b78b4a}.ornament i{height:1px;background:#b78b4a70;flex:1}.ornament span{font-size:14px}h1{font-size:clamp(25px,2.55vw,42px);font-weight:400;letter-spacing:.095em;line-height:1.25;margin:0;text-shadow:0 2px 22px #101824}header p{font-size:clamp(12px,1vw,15px);font-style:italic;color:#b8b3a6;letter-spacing:.035em;margin-top:16px}.chapter{position:absolute;right:5%;top:8.4%;display:flex;align-items:center;gap:14px;font:9px/1.5 Arial,sans-serif;letter-spacing:.24em;color:#b3aa97;opacity:0;animation:titles 1.8s .9s ease-out forwards}.chapter-number{border:1px solid #b78b4a55;width:29px;height:34px;display:grid;place-items:center;font:17px Georgia;color:#c4a46c}footer{position:absolute;left:0;right:0;bottom:4.5%;display:flex;align-items:center;flex-direction:column;pointer-events:none;opacity:0;animation:titles 1.8s 1s ease-out forwards}.footer-line{height:31px;width:1px;background:linear-gradient(transparent,#b78b4a80);margin-bottom:18px}footer p{font:10px/1.5 Arial,sans-serif;letter-spacing:.32em;margin:0;color:#c6bba6}.footer-diamond{color:#b78b4a90;font-size:15px;margin-top:15px}#fallback{position:absolute;left:25%;right:25%;top:47%;text-align:center;line-height:1.7;color:#e8dcc4}@keyframes reveal{0%{opacity:0}to{opacity:1}}@keyframes titles{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.masthead{left:7%;top:5%}h1{font-size:25px}.ornament{margin-bottom:12px}.chapter{right:6%;top:5.5%}.chapter>span:last-child{display:none}header p{font-size:12px;margin-top:10px}footer{bottom:5%}footer p{font-size:8px;letter-spacing:.2em}.footer-line{height:22px;margin-bottom:15px}}@media(prefers-reduced-motion:reduce){#scene,.masthead,.chapter,footer{animation:none;opacity:1}}[hidden]{display:none!important}#scene.is-ready{animation:none;opacity:1;transition:opacity .65s}#scene.fading{opacity:0!important}#object-actions{position:absolute;inset:0;pointer-events:none}.object-action{position:absolute;transform:translate(-50%);pointer-events:auto;border:0;border-bottom:1px solid #b78b4a66;padding:8px 5px;color:#e8dcc4;background:#101824ca;font:9px/1.6 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.object-action:hover,.object-action:focus-visible,.object-action[aria-pressed=true]{color:#ffdc9c;border-color:#ffdc9c;background:#182b32}.object-action:focus-visible,.sound-toggle:focus-visible,.ending button:focus-visible{outline:1px solid #ffd68a;outline-offset:5px}.object-action[disabled]{cursor:default}.chapter-number{min-width:29px;width:auto;padding:0 6px;white-space:nowrap}.sound-toggle{position:absolute;right:5%;bottom:5.3%;width:32px;height:32px;background:none;border:1px solid #b78b4a44;border-radius:50%;color:#c4a46c;cursor:pointer;padding:7px}.sound-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.sound-slash{display:none}.sound-toggle[aria-pressed=true] .sound-slash{display:initial}.sound-toggle[aria-pressed=true] .sound-wave{display:none}.context-hint{font-family:Georgia,serif!important;font-size:12px!important;letter-spacing:.035em!important;text-transform:none!important;font-style:italic;color:#bfb39c!important;min-height:18px;max-width:500px;text-align:center;margin:10px 25px 0!important;line-height:1.6!important}.context-hint:empty{min-height:0;margin-top:0!important}footer .footer-diamond{display:none}footer.finished{display:none}.ending{position:absolute;left:0;right:0;bottom:3.8%;text-align:center;animation:titles 2s ease-out both}.ending p{font:italic 23px/1.3 Georgia,serif;letter-spacing:.02em;margin:0 0 13px;color:#e8dcc4}.ending>span{display:block;font:9px Arial,sans-serif;letter-spacing:.3em;color:#c7b99c}.ending button{margin-top:15px;padding:7px 10px;border:0;border-bottom:1px solid #b78b4a80;background:none;font:9px Arial,sans-serif;letter-spacing:.2em;color:#d6bc8d;cursor:pointer}.ending button:hover{color:#ffe4a2;border-color:#ffe4a2}#experience[data-stage=GEAR] .masthead h1,#experience[data-stage=DIRECTION] .masthead h1,#experience[data-stage=CLOCK] .masthead h1{font-size:clamp(19px,1.8vw,29px)}#experience[data-stage=GEAR] header p,#experience[data-stage=DIRECTION] header p,#experience[data-stage=CLOCK] header p{font-size:12px}#experience[data-stage=GEAR] .ornament,#experience[data-stage=DIRECTION] .ornament,#experience[data-stage=CLOCK] .ornament{margin-bottom:12px}@media(max-width:700px){.object-action{font-size:8px;letter-spacing:.025em;padding:9px 3px}.context-hint{font-size:11px!important;max-width:290px}.sound-toggle{right:5%;bottom:2%}footer{bottom:6.5%}.ending p{font-size:20px}.ending{bottom:6%}.chapter-number{font-size:12px;padding:0 5px}.chapter{right:5%}}#scene:after{content:"";position:absolute;inset:0;background:linear-gradient(#101824b0,transparent 29%,transparent 72%,#101824d0);pointer-events:none;opacity:0;transition:opacity 1s}#experience[data-stage=GEAR] #scene:after,#experience[data-stage=DIRECTION] #scene:after,#experience[data-stage=CLOCK] #scene:after{opacity:1}.masthead{filter:drop-shadow(0 2px 8px #10182490)}