*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#04050a;--fg:#f5f5f5;--muted:#9aa3c4}html,body{height:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}a{color:inherit}.gallery-stage{position:fixed;inset:0}.gallery-loader{background:var(--bg);color:var(--muted);letter-spacing:.25em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:fixed;inset:0}.overlay{pointer-events:none;z-index:2;flex-direction:column;justify-content:space-between;padding:clamp(1rem,4vw,2.25rem);display:flex;position:absolute;inset:0}.brand h1{letter-spacing:-.02em;text-shadow:0 0 24px #4a63ff73;font-size:clamp(1.5rem,5vw,2.25rem);font-weight:700}.brand p{color:var(--muted);letter-spacing:.05em;margin-top:.15rem;font-size:clamp(.7rem,2.5vw,.85rem)}.socials{pointer-events:auto;flex-wrap:wrap;gap:clamp(.9rem,4vw,1.6rem);display:flex}.socials a{width:2.4rem;height:2.4rem;color:var(--fg);background:#080a1299;border:1px solid #9aa3c459;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:border-color .2s,opacity .2s;display:flex}.socials a:hover{border-color:#9aa3c4b3}.music-controls{pointer-events:auto;align-items:center;gap:.5rem;display:flex;position:absolute;top:clamp(1rem,4vw,2.25rem);right:clamp(1rem,4vw,2.25rem)}.music-controls button{width:2.4rem;height:2.4rem;color:var(--fg);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#080a1299;border:1px solid #9aa3c459;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,border-color .2s;display:flex}.music-controls button:hover{border-color:#9aa3c4b3}.placard{z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#080a12b8;border:1px solid #9aa3c440;max-width:min(70vw,20rem);padding:.9rem 1.1rem;transition:opacity .35s,transform .35s;position:fixed;bottom:clamp(4.5rem,12vh,6.5rem);right:clamp(1rem,4vw,2.25rem);transform:translateY(8px)}.placard-visible{opacity:1;transform:translateY(0)}.placard h2{letter-spacing:.02em;font-size:1rem;font-weight:600}.placard p{color:var(--muted);margin-top:.2rem;font-size:.8rem}.placard .placard-detail{letter-spacing:.05em;font-size:.72rem}.intro-hint{z-index:4;pointer-events:none;letter-spacing:.35em;text-transform:uppercase;color:#bed2ffd9;flex-direction:column;align-items:center;gap:.6rem;font-size:.68rem;animation:2.4s ease-in-out infinite intro-pulse;display:flex;position:fixed;bottom:clamp(4.5rem,12vh,6.5rem);left:50%;transform:translate(-50%)}.intro-hint i{background:linear-gradient(#bed2ffe6,#0000);width:1px;height:2.2rem}@keyframes intro-pulse{0%,to{opacity:.35}50%{opacity:.95}}.hint{z-index:3;pointer-events:none;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.65;font-size:.68rem;animation:.8s both hint-fade;position:absolute;bottom:clamp(1rem,4vw,2.25rem);right:clamp(1rem,4vw,2.25rem)}@keyframes hint-fade{0%{opacity:0}to{opacity:.65}}@media (max-width:768px){.hint{bottom:4.5rem;left:clamp(1rem,4vw,2.25rem);right:auto}}