:root{--night:#03060b;--gold:#c9a45c;--light:#f4ead4;--sea:#07131c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--light);font-family:Georgia,"Times New Roman",serif;cursor:none}button{font:inherit}.intro{height:100svh;min-height:680px;position:relative;overflow:hidden;background:linear-gradient(#020409 0 55%,#07131c 55% 100%)}#stars{position:absolute;inset:0;width:100%;height:100%}.moon{position:absolute;right:9vw;top:10vh;width:54px;aspect-ratio:1;border-radius:50%;background:#e9edf0;box-shadow:0 0 30px #e9edf088}.horizon{position:absolute;inset:0;pointer-events:none}.sun{position:absolute;width:min(16vw,150px);aspect-ratio:1;border-radius:50%;left:50%;top:55%;transform:translate(-50%,45%);background:#f5d990;box-shadow:0 0 70px #d9a34d88;animation:sunrise 7s cubic-bezier(.2,.7,.2,1) forwards}.reflection{position:absolute;left:50%;top:56%;width:20vw;height:38%;transform:translateX(-50%);background:linear-gradient(180deg,#f5d99088,transparent);clip-path:polygon(45% 0,55% 0,78% 100%,22% 100%);filter:blur(10px);opacity:0;animation:reveal 3s 4s forwards}.logo-stage{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:3;opacity:0;animation:reveal 2s 6s forwards;transition:opacity .8s,transform .8s,filter .8s}.logo-stage.depart{opacity:0!important;transform:scale(3.5);filter:blur(18px)}.logo-stage h1{font:500 clamp(2rem,5vw,4.8rem)/.9 Arial,sans-serif;letter-spacing:.18em;margin:1rem}.introline{letter-spacing:.12em;opacity:.78}.language{display:flex;justify-content:center;gap:.7rem}.language button,.work,#speak,.close,.enter-work{border:1px solid #c9a45c88;background:#03060b88;color:var(--light);padding:.75rem 1.1rem;cursor:none;letter-spacing:.1em}.spiral-mark{width:78px;height:48px;margin:auto;position:relative}.spiral-mark span{position:absolute;width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;left:8px}.spiral-mark span+span{left:25px}.world{min-height:100svh;padding:8vh 6vw;background:linear-gradient(#c9b27f 0,#efe0b6 28%,#6e9aab 29%,#173c4b 100%);display:grid;gap:3rem;align-content:center;overflow:hidden}.door-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,4rem);max-width:1250px;width:100%;margin:auto}.door{perspective:1200px;width:100%;aspect-ratio:.62;background:transparent;border:0;padding:0;cursor:none}.door-frame{position:relative;display:block;width:100%;height:100%;border:1px solid #c9a45c88;background:#05080a;box-shadow:0 24px 70px #0007}.door-depth{position:absolute;inset:3%;background:radial-gradient(circle at 50% 42%,#6c5a3638,transparent 30%),linear-gradient(#020304,#080b0d);box-shadow:inset 0 0 50px #000}.door-face{position:absolute;inset:0;display:grid;place-content:center;gap:1rem;border:1px solid #c9a45c;background:linear-gradient(135deg,#17130d,#080909);box-shadow:inset 0 0 0 8px #0008,0 20px 60px #0006;transform-origin:right center;transition:transform 1.1s cubic-bezier(.2,.7,.2,1),box-shadow 1.1s}.door.open .door-face{transform:rotateY(-78deg);box-shadow:inset 0 0 0 8px #0008,-24px 20px 60px #0008}.door small,.work small{letter-spacing:.25em;color:var(--gold)}.door strong,.work strong{font:500 clamp(1.1rem,2vw,1.8rem)/1.3 Arial,sans-serif;letter-spacing:.12em}.work{justify-self:center;display:grid;gap:.5rem;text-align:center;min-width:min(90vw,520px);transition:opacity .6s,filter .6s,text-shadow .6s}.creator{opacity:.16;filter:blur(.35px);background:#f4ead410;color:#fff;text-shadow:0 18px 22px #fff4;transform:perspective(500px) rotateX(4deg)}.creator:hover,.creator:focus-visible{opacity:.88;filter:none}.meaning{opacity:.28;background:linear-gradient(#07131c55,#07131caa);text-shadow:0 12px 10px #d9edf366;transform:perspective(500px) rotateX(-5deg);-webkit-box-reflect:below 4px linear-gradient(transparent,#ffffff12)}.meaning:hover,.meaning:focus-visible{opacity:.92}.work-hint{font-size:.86rem;opacity:0;min-height:1.2em;transition:opacity .25s}.door:hover .work-hint,.door:focus-visible .work-hint,.work:hover .work-hint,.work:focus-visible .work-hint{opacity:.82}#starCursor{position:fixed;z-index:100;pointer-events:none;font-size:24px;color:#fff;filter:drop-shadow(0 0 7px #fff);transform:translate(-50%,-50%);animation:twinkle 1.5s infinite alternate}dialog{max-width:700px;width:90%;border:1px solid #c9a45c88;background:#050607;color:var(--light);padding:3rem;box-shadow:0 20px 100px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font:400 clamp(2rem,5vw,4rem)/1 Georgia,serif}dialog p{line-height:1.7}.close{position:absolute;right:1rem;top:1rem}.enter-work{margin:1.2rem 0}.narration{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}#voiceState{opacity:.65;font-size:.85rem}@keyframes sunrise{to{transform:translate(-50%,-55%)}}@keyframes reveal{to{opacity:1}}@keyframes twinkle{to{opacity:.45;transform:translate(-50%,-50%) scale(.72) rotate(18deg)}}@media(max-width:800px){body{cursor:auto}#starCursor{display:none}.door-grid{grid-template-columns:1fr;max-width:380px}.world{padding-top:7rem}.creator{opacity:.35}.meaning{opacity:.45}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}