:root{--shadow-grey: #292328;--vintage-grape: #413f54;--dusty-grape: #5f5aa2;--air-force-blue: #6b8a96;--mint-leaf: #77b989;--pale-slate: #c9cbd6}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--shadow-grey);color:var(--pale-slate);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:300;letter-spacing:.01em}#scene{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2.25rem 2.75rem;z-index:1}#overlay header{display:flex;align-items:baseline;justify-content:space-between;gap:2rem}#overlay h1{margin:0;font-size:1.05rem;font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:var(--pale-slate)}#overlay nav{position:relative;display:flex;align-items:baseline;gap:1.75rem}#overlay nav a{pointer-events:auto;color:var(--pale-slate);text-decoration:none;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;opacity:.72;transition:color .2s ease,opacity .2s ease}#overlay nav a:hover{color:var(--mint-leaf);opacity:1}#overlay nav .dropdown .menu{position:absolute;top:calc(100% + .65rem);right:0;z-index:2;margin:0;padding:.4rem 0;min-width:13rem;list-style:none;background:#1c1820c7;border:1px solid rgba(201,203,214,.14);border-radius:4px;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 14px 36px #00000061;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease}#overlay nav .dropdown:hover .menu,#overlay nav .dropdown:focus-within .menu,#overlay nav .dropdown.open .menu{opacity:1;pointer-events:auto;transform:none}#overlay nav .dropdown .menu:before{content:"";position:absolute;left:0;right:0;top:-.65rem;height:.65rem}#overlay nav .dropdown .menu li{margin:0}#overlay nav .dropdown .menu a{pointer-events:inherit;display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:.42rem 1rem;font-size:.74rem;letter-spacing:.04em;text-transform:none;opacity:.78}#overlay nav .dropdown .menu a:hover{opacity:1;color:var(--pale-slate);background:#c9cbd60f}#overlay nav .dropdown .menu a span{color:var(--mint-leaf);opacity:.7;font-size:.7rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}#overlay .stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}#overlay .glass{position:relative;width:min(34rem,80vw);aspect-ratio:1 / 1;border-radius:18px;background:linear-gradient(135deg,#c9cbd61a,#c9cbd60a 60%,#5f5aa20f);border:1px solid rgba(201,203,214,.18);backdrop-filter:blur(18px) saturate(var(--glass-sat, 160%)) hue-rotate(var(--glass-hue, 90deg));-webkit-backdrop-filter:blur(18px) saturate(var(--glass-sat, 160%)) hue-rotate(var(--glass-hue, 90deg));transition:box-shadow .2s ease;box-shadow:0 24px 60px #0000006b,0 1px #c9cbd624 inset,0 -1px #0000002e inset}#overlay .glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:url(#lens);backdrop-filter:url(#lens)}@media (max-width: 640px){#overlay{padding:1.25rem}#overlay header{gap:1rem}#overlay nav{gap:1.1rem}#overlay nav a{font-size:.74rem;letter-spacing:.14em}#overlay nav .dropdown .menu{min-width:11rem}#overlay nav .dropdown .menu a{padding:.5rem .85rem;font-size:.78rem}}