:root{--ink: #0a0a09;--bone: #e8e2d6;--ash: #7d7668;--line: #b9b1a2;--serif: "Instrument Serif", Georgia, serif;--serif-weight: 400;--serif-tracking: 0;--mono: "IBM Plex Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--ink);color:var(--bone);font-family:var(--mono);-webkit-font-smoothing:antialiased;overscroll-behavior:none;cursor:crosshair}.stage-root{position:fixed;inset:0}.plate{position:absolute;inset:0;width:100%;height:100%}.edge{stroke:var(--line);stroke-width:.7;opacity:.42}.form{stroke:var(--line);opacity:.32}.mass{fill:#060605}.glow{fill:var(--bone);opacity:.4}.hole{fill:#000;opacity:.5}.ring{stroke:var(--line);stroke-width:.6;opacity:.4}.dust,.ash{fill:var(--line)}.drip{fill:var(--line);opacity:.6}.bone{stroke:var(--bone);opacity:.9}.head{fill:none;stroke:var(--bone);stroke-width:1.1;opacity:.9}.words{position:fixed;inset:0;pointer-events:none}.stanza{position:absolute;top:50%;left:6vw;transform:translateY(-50%);max-width:min(var(--w, 30ch),44vw);padding:1.6rem 2rem;text-shadow:0 1px 14px rgba(0,0,0,.95),0 0 34px rgba(0,0,0,.8);background:radial-gradient(ellipse at center,#060605d1,#060605a8 45%,#06060500 78%);font-family:var(--serif);font-size:clamp(1.05rem,1.9vw,1.7rem);line-height:1.55;opacity:0;transition:opacity .42s ease;will-change:opacity,transform}.stanza.right{left:auto;right:6vw;text-align:right}.stanza span{display:block}.veil{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.6rem,4vh,3rem);background:var(--ink);text-align:center;transition:opacity .9s ease,filter .9s ease}.veil.out{opacity:0;filter:blur(12px);pointer-events:none}.hidden{display:none!important}.gate-eyebrow{font-size:.68rem;letter-spacing:.42em;text-transform:uppercase;color:var(--ash)}.gate-ask{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,7vw,5.4rem);line-height:1}.gate-ask em{font-style:italic;color:var(--ash)}.gate-choices{display:flex;gap:clamp(2rem,8vw,6rem)}.gate-btn{background:none;border:1px solid rgba(232,226,214,.32);color:var(--bone);font-family:var(--mono);font-size:.72rem;letter-spacing:.28em;padding:.85rem 1.9rem .85rem 2.1rem;cursor:crosshair;transition:background .3s,border-color .3s,letter-spacing .3s}.gate-btn:hover{background:#e8e2d60f;border-color:var(--bone);letter-spacing:.36em}.gate-reply{min-height:1.4em;font-family:var(--serif);font-style:italic;color:var(--ash);opacity:0;transition:opacity .5s}.gate-reply.show{opacity:1}.gate-lang{position:absolute;bottom:2.4rem;display:flex;gap:1.6rem;font-size:.6rem;letter-spacing:.26em;text-transform:uppercase}.gate-lang button{background:none;border:0;padding:0;cursor:crosshair;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ash);opacity:.45;transition:opacity .3s,color .3s}.gate-lang button:hover{opacity:1}.gate-lang button.on{color:var(--bone);opacity:1}#chrome{position:fixed;inset:0;z-index:10;pointer-events:none}.hud{position:absolute;display:flex;gap:.65rem;font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ash)}.tl{top:2rem;left:2.2rem;flex-direction:column;gap:.35rem}.tl .title{color:var(--bone);letter-spacing:.4em}.tl .sub{font-family:var(--serif);font-style:italic;letter-spacing:.05em;text-transform:none;font-size:.85rem}.tr{top:2rem;right:2.2rem;align-items:baseline}.tr .mark{color:var(--bone);letter-spacing:.3em}.bl{bottom:2rem;left:2.2rem;align-items:center;pointer-events:auto;background:none;border:0;cursor:crosshair;font-family:var(--mono);font-size:.6rem;letter-spacing:.26em;color:var(--ash)}.bl:hover{color:var(--bone)}.dot{width:5px;height:5px;border-radius:50%;background:var(--bone)}.sound.muted .dot{background:none;box-shadow:inset 0 0 0 1px var(--ash)}.br{bottom:2rem;right:2.2rem}.rail{position:relative;width:min(26vw,230px);height:1px;background:#e8e2d629}.rail i{position:absolute;inset:0 auto 0 0;width:0;background:var(--bone)}.rail b{position:absolute;top:-3px;left:calc(var(--at) * 100%);width:1px;height:7px;background:#e8e2d647}.hint{bottom:2.1rem;left:50%;transform:translate(-50%);font-size:.58rem;letter-spacing:.34em;animation:breathe 3.4s ease-in-out infinite;transition:opacity .7s}.hint.gone{opacity:0}@keyframes breathe{0%,to{opacity:.3}50%{opacity:.8}}@media(max-width:760px){.tl,.tr{top:1.2rem}.tl{left:1.2rem}.tr{right:1.2rem}.bl{left:1.2rem;bottom:1.2rem}.br{right:1.2rem;bottom:1.2rem}.stanza{left:6vw;max-width:min(var(--w, 30ch),82vw)}.stanza.right{right:6vw}}.play{bottom:2rem;left:50%;transform:translate(-50%);align-items:center;gap:.7rem;pointer-events:auto;background:none;border:0;cursor:crosshair;font-family:var(--mono);font-size:.6rem;letter-spacing:.3em;color:var(--ash);transition:color .3s}.play:hover{color:var(--bone)}.play .tri{width:0;height:0;border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}.play.on .tri{border:0;width:7px;height:9px;border-left:2.5px solid currentColor;border-right:2.5px solid currentColor}.hint{bottom:5rem}.piece{bottom:3.55rem;left:50%;transform:translate(-50%);white-space:nowrap;font-family:var(--serif);font-style:italic;text-transform:none;font-size:.78rem;letter-spacing:.04em;color:var(--ash);opacity:.55;transition:opacity 2.4s}.piece.off{opacity:0}body[data-font=cormorant]{--serif: "Cormorant Garamond", Georgia, serif;--serif-tracking: .012em}body[data-font=garamond]{--serif: "EB Garamond", Georgia, serif;--serif-tracking: .004em}body[data-font=bodoni]{--serif: "Bodoni Moda", Georgia, serif;--serif-tracking: .008em}.stanza{letter-spacing:var(--serif-tracking)}body[data-font=cormorant] .stanza{font-size:clamp(1.25rem,2.25vw,2.05rem);font-weight:300}body[data-font=garamond] .stanza{font-size:clamp(1.12rem,2vw,1.8rem)}body[data-font=bodoni] .stanza{font-size:clamp(1.05rem,1.85vw,1.65rem)}.interlude{position:fixed;inset:0;z-index:15;display:flex;align-items:center;justify-content:center;background:var(--ink);opacity:0;pointer-events:none;transition:opacity 1.6s ease}.interlude.on{opacity:1}.interlude span{font-family:var(--serif);font-size:clamp(1.1rem,2.2vw,1.9rem);letter-spacing:.62em;text-transform:uppercase;color:var(--ash);opacity:0;transform:scale(.985);transition:opacity 2.4s ease,transform 6s ease}.interlude.name span{opacity:.5;transform:scale(1)}#end{z-index:30;gap:clamp(2.4rem,7vh,5rem)}.fim{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,11vw,8rem);letter-spacing:.06em;color:var(--bone);opacity:.92}.links{display:flex;gap:clamp(1.8rem,6vw,4rem)}.links a{font-family:var(--mono);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ash);text-decoration:none;padding-bottom:.35rem;border-bottom:1px solid rgba(232,226,214,.18);transition:color .32s,border-color .32s,letter-spacing .32s}.links a:hover{color:var(--bone);border-color:var(--bone);letter-spacing:.38em}.rotate{display:none}@media(max-width:900px)and (orientation:portrait){body.in:not([data-portrait=ok]) .rotate{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;gap:1.4rem;align-items:center;justify-content:center;background:var(--ink);cursor:pointer}.rotate span{font-family:var(--mono);font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;color:var(--ash)}.rotate em{font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--ash);opacity:.5}}#intro{position:fixed;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;background:var(--ink);opacity:1;transition:opacity 1.2s ease;overflow:hidden}#intro.out{opacity:0}#intro:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 34%,var(--ink) 82%)}.title-lens{perspective:1500px;perspective-origin:50% 46%;will-change:filter;filter:blur(17px)}.title-lens.run{animation:title-focus 20s linear both}.title-space{display:grid;place-items:center;transform-style:preserve-3d;will-change:transform,opacity;opacity:0}.title-space.run{animation:title-approach 20s linear both}.title-layer{grid-area:1 / 1;margin:0;white-space:nowrap;font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,12vw,10rem);letter-spacing:.015em;color:var(--bone)}@keyframes title-approach{0%{transform:translate3d(-9%,8%,-3500px) rotate(-32deg) rotateY(-72deg) rotateX(28deg);opacity:0}8%{opacity:1}84%{opacity:1}to{transform:translate3d(16%,-13%,1010px) rotate(15deg) rotateY(34deg) rotateX(-20deg);opacity:0}}@keyframes title-focus{0%{filter:blur(18px)}46%{filter:blur(6px)}78%{filter:blur(3px)}to{filter:blur(10px)}}@media(prefers-reduced-motion:reduce){.title-space.run{animation:title-fade 4.2s ease forwards}.title-lens.run{animation:none;filter:blur(2px)}@keyframes title-fade{0%,to{opacity:0}20%,72%{opacity:1}}}@media(orientation:portrait){.stanza{top:68%;left:6vw;right:6vw;max-width:none;padding:1.1rem 1.2rem;font-size:clamp(1.35rem,4.3vw,2.7rem);line-height:1.5}.stanza.right{left:6vw;right:6vw}.fim{font-size:clamp(3.4rem,15vw,9rem)}.links a{font-size:.78rem}.interlude span{font-size:clamp(1.1rem,3.4vw,2rem)}}