@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Inter:wght@300;400;500&family=Cormorant+Garamond:ital,wght@1,400;1,500&display=swap";:root{--paper:#e7e6dd;--ink:#26231d;--ink-dim:#6c685c;--line:#cfcabd;--red:#d83a2f;--blue:#1f63b3;--yellow:#e0ac08;--green:#3f9440;--display:"Space Grotesk", system-ui, sans-serif;--sans:"Inter", system-ui, sans-serif;--serif:"Cormorant Garamond", Georgia, serif}*{box-sizing:border-box}html,body,#root{background:var(--paper);width:100%;height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}.app{position:fixed;inset:0}canvas{touch-action:none;display:block}.intro{z-index:30;text-align:center;background:radial-gradient(120% 120% at 50% 40%,#f4f1e8 0%,#e3e1d6 70%);place-items:center;transition:opacity 1.1s,visibility 1.1s;display:grid;position:absolute;inset:0}.intro--gone{opacity:0;visibility:hidden;pointer-events:none}.intro__inner{max-width:600px;padding:2rem;animation:1.2s both rise}.intro__bars{justify-content:center;gap:6px;margin-bottom:1.6rem;display:flex}.intro__bars span{border-radius:1px;width:26px;height:8px}.intro__eyebrow{letter-spacing:.34em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 1.2rem;font-size:.72rem}.intro__title{font-family:var(--display);letter-spacing:.04em;color:var(--ink);margin:0;font-size:clamp(2.8rem,9vw,5.4rem);font-weight:600;line-height:.95}.intro__tagline{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin:1rem 0 1.6rem;font-size:clamp(.8rem,2.4vw,1rem);font-weight:400}.intro__statement{font-family:var(--serif);color:#463f33;max-width:480px;margin:0 auto 2.4rem;font-size:clamp(1.1rem,2.6vw,1.4rem);font-style:italic;line-height:1.6}.intro__btn{font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#fff;background:var(--ink);border:1px solid var(--ink);cursor:pointer;border-radius:999px;padding:.95rem 2.6rem;font-size:.78rem;transition:all .4s}.intro__btn:hover{background:var(--red);border-color:var(--red);letter-spacing:.3em}.intro__hint{letter-spacing:.2em;text-transform:uppercase;color:#9a9486;margin-top:1.8rem;font-size:.68rem}.hud{z-index:20;pointer-events:none;align-items:center;gap:1rem;padding:1.1rem 1.6rem;animation:1.4s .3s both fade;display:flex;position:absolute;left:0;right:0}.hud--top{background:linear-gradient(#e7e6ddd9,#0000);justify-content:space-between;top:0}.hud--bottom{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);background:linear-gradient(#0000,#e7e6ddcc);justify-content:center;gap:.9rem;font-size:.64rem;bottom:0}.hud--bottom .dot{background:var(--line);border-radius:50%;width:3px;height:3px}.hud__brand{font-family:var(--display);letter-spacing:.18em;cursor:pointer;pointer-events:auto;color:var(--ink);font-size:1.1rem;font-weight:600}.hud__nav{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.navbtn{--accent:var(--red);font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border-radius:999px;padding:.5rem .95rem;font-size:.68rem;transition:all .3s}.navbtn:hover{border-color:var(--accent);color:var(--accent)}.navbtn.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.navbtn--vr{border-color:var(--blue);color:var(--blue)}.navbtn--vr:hover{background:var(--blue);color:#fff}.panel{z-index:25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-left:1px solid var(--line);pointer-events:none;background:linear-gradient(270deg,#f8f7f0f7,#f4f2eae6);width:min(400px,88vw);transition:transform .6s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;right:0;transform:translate(102%)}.panel--open{pointer-events:auto;transform:translate(0)}.panel__inner{height:100%;padding:4.5rem 2.2rem 2.2rem;overflow-y:auto}.panel__close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;font-size:1.3rem;transition:color .3s;position:absolute;top:1.4rem;left:1.6rem}.panel__close:hover{color:var(--ink)}.panel__lane{letter-spacing:.24em;text-transform:uppercase;font-size:.66rem;font-weight:500}.panel__title{font-family:var(--display);color:var(--ink);margin:.5rem 0 .9rem;font-size:1.9rem;font-weight:600;line-height:1.05}.panel__meta{color:var(--ink-dim);margin:0 0 1.4rem;font-size:.8rem;line-height:1.6}.panel__poem{font-family:var(--serif);color:#3a342a;white-space:pre-wrap;border-left:2px solid var(--red);margin:0 0 1.4rem;padding-left:1rem;font-size:1.25rem;font-style:italic;line-height:1.5}.panel__story{color:#4a463b;margin:0 0 2rem;font-size:.92rem;line-height:1.8}.panel__foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:1.3rem;display:flex}.panel__price{font-family:var(--display);color:var(--ink);font-size:1.2rem;font-weight:500}.panel__inquire{letter-spacing:.18em;text-transform:uppercase;color:#fff;background:var(--ink);border:1px solid var(--ink);cursor:pointer;border-radius:999px;padding:.6rem 1.3rem;font-size:.68rem;transition:all .3s}.panel__inquire:hover{background:var(--red);border-color:var(--red)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.intro__inner,.hud{animation:none}}