:root{--ink: #090c0a;--ink-warm: #10140f;--bone: #e9e2d0;--bone-dim: #9aa08c;--gold: #d9a441;--gold-pale: #e8d5a0;--verdigris: #2e5f4e;--serif: "Cormorant", "Times New Roman", serif;--sans: "Jost", "Avenir Next", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overscroll-behavior:none}body{background:var(--ink);color:var(--bone);font-family:var(--serif);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none}#stage{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 108%,#16201a 0%,transparent 55%),radial-gradient(90% 70% at 50% -10%,#0d1210 0%,transparent 60%),var(--ink)}#garden{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#crown{position:fixed;top:max(env(safe-area-inset-top),3.2vh);left:0;right:0;text-align:center;pointer-events:none;z-index:5;line-height:.92}#crown .echo,#title{font-family:var(--serif);font-style:italic;font-weight:300;letter-spacing:.04em;white-space:nowrap}#title{display:inline-block;font-size:clamp(2.7rem,9.5vw,5.4rem);color:var(--bone);text-shadow:0 0 26px rgba(217,164,65,.28),0 0 90px rgba(217,164,65,.12);pointer-events:auto;cursor:pointer;animation:breatheTitle 9s ease-in-out infinite;transition:opacity .4s}#title:active{opacity:.6}#crown .echo{color:var(--gold-pale);-webkit-user-select:none;user-select:none}#crown .e2{font-size:clamp(1.45rem,5.1vw,2.9rem);opacity:.16;filter:blur(.6px);transform:translateY(.28em);animation:breatheTitle 9s ease-in-out -3s infinite}#crown .e3{font-size:clamp(.78rem,2.75vw,1.55rem);opacity:.07;filter:blur(1.1px);transform:translateY(.5em);animation:breatheTitle 9s ease-in-out -6s infinite}@keyframes breatheTitle{0%,to{letter-spacing:.04em}50%{letter-spacing:.085em}}#pods{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.pod{position:absolute;top:0;left:0;pointer-events:auto;background:none;border:none;padding:.6rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.55rem;color:var(--bone);font-family:var(--sans);opacity:0;animation:podIn 3.5s ease forwards;will-change:transform}.pod .dot{width:9px;height:9px;border-radius:50%;background:#fff8e7;box-shadow:0 0 12px 4px #e8d5a0bf,0 0 44px 16px #d9a4414d;animation:podPulse 4.5s ease-in-out infinite}.pod .name{font-weight:300;font-size:.62rem;letter-spacing:.4em;text-transform:uppercase;opacity:.78;text-shadow:0 0 10px rgba(4,6,5,.9);white-space:nowrap}@keyframes podIn{to{opacity:1}}@keyframes podPulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}#whisper{position:fixed;bottom:max(env(safe-area-inset-bottom),3.4vh);left:0;right:0;text-align:center;z-index:5;pointer-events:none;font-family:var(--sans);font-weight:300;font-size:.68rem;letter-spacing:.42em;text-transform:uppercase;color:var(--bone-dim);opacity:0;transition:opacity 2.4s ease}#whisper.visible{opacity:.55}#veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:5vmin;background:radial-gradient(100% 100% at 50% 50%,#0609078c,#040605e0);opacity:0;transition:opacity .45s ease}#veil.open{opacity:1}#membrane{position:relative;width:min(88vw,27rem);max-height:82dvh;overflow:hidden;padding:clamp(2rem,7vmin,3.4rem) clamp(1.6rem,6vmin,2.8rem);background:radial-gradient(140% 120% at 30% 20%,rgba(46,95,78,.34),transparent 60%),radial-gradient(120% 140% at 75% 85%,rgba(217,164,65,.13),transparent 55%),#0d120feb;border-radius:53% 47% 44% 56%/49% 55% 45% 51%;box-shadow:0 0 0 1px #e8d5a017,0 0 60px #d9a4411a,0 30px 90px #0009;transform:scale(.2);opacity:0;transition:transform .55s cubic-bezier(.2,1.4,.3,1),opacity .35s ease,border-radius 1.2s ease;animation:membraneMorph 14s ease-in-out infinite alternate}#veil.open #membrane{transform:scale(1);opacity:1}@keyframes membraneMorph{0%{border-radius:53% 47% 44% 56%/49% 55% 45% 51%}33%{border-radius:46% 54% 57% 43%/55% 46% 54% 45%}66%{border-radius:55% 45% 48% 52%/44% 53% 47% 56%}to{border-radius:48% 52% 52% 48%/52% 44% 56% 48%}}#membraneEcho{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.5;pointer-events:none}#membraneBody{position:relative;text-align:center;z-index:1}#pieceKicker{font-family:var(--sans);font-weight:300;font-size:.6rem;letter-spacing:.5em;text-transform:uppercase;color:var(--gold);opacity:.75;margin-bottom:1rem}#pieceName{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.9rem,7vw,2.7rem);line-height:1.05;color:var(--bone);text-shadow:0 0 30px rgba(217,164,65,.25)}#pieceMedia{display:block;width:min(60vw,15rem);margin:1.3rem auto 0;border-radius:46% 54% 51% 49%/53% 47% 55% 45%;filter:sepia(.25) contrast(1.02) brightness(.94);box-shadow:0 0 0 1px #e8d5a024,0 16px 50px #00000080}#pieceDesc{font-family:var(--serif);font-weight:400;font-size:clamp(1.02rem,4vw,1.18rem);line-height:1.55;color:var(--bone-dim);margin-top:1.2rem;max-width:34ch;margin-inline:auto}#pieceLink[hidden],#pieceMedia[hidden]{display:none}#pieceLink{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.6rem;text-decoration:none;font-family:var(--sans);font-weight:300;font-size:.72rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold-pale)}#pieceLink .stem{display:block;width:2.4rem;height:1px;background:linear-gradient(90deg,transparent,var(--gold));transition:width .5s ease}#pieceLink:hover .stem{width:4rem}#pieceLink .word{border-bottom:1px solid transparent;transition:border-color .4s}#pieceLink:hover .word{border-color:#d9a44180}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;background:radial-gradient(130% 100% at 50% 45%,transparent 55%,rgba(2,4,3,.55) 100%)}#grain{position:fixed;top:-60px;right:-60px;bottom:-60px;left:-60px;z-index:31;pointer-events:none;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");animation:grainShift .9s steps(3) infinite}@keyframes grainShift{0%{transform:translate(0)}33%{transform:translate(-18px,12px)}66%{transform:translate(14px,-20px)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){#grain,#title,#crown .echo,#membrane{animation:none}}