*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:var(--font-body);background:var(--neu-bg-dark);color:var(--color-text-secondary);padding:var(--pad-lg);padding-left:max(var(--pad-lg), env(safe-area-inset-left));padding-right:max(var(--pad-lg), env(safe-area-inset-right));padding-bottom:max(var(--pad-lg), env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;place-items:center;display:grid;overflow:hidden auto}h1,h2{font-family:var(--font-title);font-weight:var(--font-weight-semibold)}main{z-index:var(--z-raised);width:100%;max-width:var(--max-width-content);padding:clamp(var(--pad-md), 3vw, var(--pad-xl));box-shadow:none;background:0 0;border:none;border-radius:0;position:relative}.noise{opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width=\"160\" height=\"160\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 160 160\"%3E%3Cfilter id=\"n\" x=\"0\" y=\"0\" width=\"1\" height=\"1\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23n)\" opacity=\"0.05\"/%3E%3C/svg%3E");animation:8s ease-in-out infinite pulse;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes pulse{0%{opacity:.15}50%{opacity:.35}to{opacity:.15}}.header{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.header__brand-link{text-decoration:none}.header__tag{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:.3em;text-transform:uppercase;color:var(--color-purple-primary);margin:0}@media (max-width:47.9375rem){body{padding:var(--pad-sm);padding-left:max(var(--pad-sm), env(safe-area-inset-left));padding-right:max(var(--pad-sm), env(safe-area-inset-right));padding-bottom:max(var(--pad-sm), env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.noise{opacity:.25;animation:none}}:focus-visible{outline:2px solid var(--color-purple-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.nav-menu{--_btn-half:1.375rem;--_btn-size:calc(var(--_btn-half) * 2);--_main-right:max(0px, calc(max(var(--pad-lg), env(safe-area-inset-right)) - var(--_btn-half)));--_nav-offset:0px;top:clamp(var(--pad-md), 3vw, var(--pad-xl));right:calc(var(--_main-right) + var(--_nav-offset));z-index:var(--z-modal);width:var(--_btn-size);height:var(--_btn-size);background:var(--glass-surface-bg);border:var(--glass-surface-border);border-radius:var(--radius-full);box-shadow:var(--glass-surface-shadow);-webkit-backdrop-filter:var(--glass-surface-blur);backdrop-filter:var(--glass-surface-blur);transition:box-shadow var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);position:fixed;overflow:hidden}.nav-menu:not([data-state=expanded]):hover{background:var(--glass-surface-bg-hover);box-shadow:var(--glass-surface-shadow-hover);transform:translateY(-1px)}.nav-menu[data-state=expanded]{border-radius:var(--radius-xl);background:var(--glass-surface-bg-strong);width:max-content;height:auto}.nav-menu.is-animating{background:var(--glass-surface-bg-strong);width:var(--nav-menu-live-width)!important;height:var(--nav-menu-live-height)!important;border-radius:var(--nav-menu-live-radius)!important;transition:none!important;transform:none!important}.nav-menu.is-measuring{pointer-events:none;transition:none!important}.nav-menu__toggle{z-index:1;width:var(--_btn-size);height:var(--_btn-size);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-base);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;right:0}.nav-menu__toggle:focus-visible{outline:2px solid var(--color-purple-primary);outline-offset:-3px}.nav-menu__bar{background:var(--color-text-secondary);border-radius:1px;width:18px;height:2px;position:absolute}.nav-menu__bar:first-child{transform:rotate(0)}.nav-menu__bar:last-child{transform:rotate(90deg)}.nav-menu[data-state=expanded] .nav-menu__toggle{transform:rotate(135deg)}.nav-menu.is-animating .nav-menu__toggle{transform:rotate(var(--nav-menu-toggle-rotation,0deg));transition:none}.nav-menu__panel{gap:var(--space-xs);min-width:13rem;padding:var(--_btn-size) var(--pad-md) var(--pad-md);flex-direction:column;display:flex}.nav-menu:not([data-state=expanded]):not(.is-animating) .nav-menu__panel{visibility:hidden}.nav-menu.is-animating .nav-menu__panel{width:var(--nav-menu-panel-width,auto);visibility:visible;opacity:var(--nav-menu-panel-opacity,0);transform:translateY(var(--nav-menu-panel-y,0));pointer-events:none;position:absolute;top:0;left:0}.nav-menu__link{align-items:center;gap:var(--space-sm);padding:var(--pad-xs) var(--pad-sm);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);border-radius:var(--radius-xs);transition:background var(--transition-base), color var(--transition-base);text-decoration:none;display:flex}.nav-menu__link:hover{color:var(--color-text-primary);background:#ffffff0f}.nav-menu__link:focus-visible{outline:2px solid var(--color-purple-primary);outline-offset:2px}.nav-menu__dot{width:8px;height:8px;transition:background var(--transition-base);background:0 0;border-radius:50%;flex-shrink:0}.nav-menu__link.is-current .nav-menu__dot{background:var(--color-purple-primary);box-shadow:0 0 8px var(--glow-purple), 0 0 20px var(--glow-purple-md)}.nav-menu__link.is-current{color:var(--color-text-primary)}.nav-menu__link--studio{margin-top:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border:var(--border-width-base) solid transparent;border-radius:var(--radius-sm);color:var(--color-white);transition:background var(--transition-base), color var(--transition-base), opacity var(--transition-base)}.nav-menu__link--studio .nav-menu__arrow{font-size:var(--text-sm);margin-left:var(--space-2xs);vertical-align:middle}.nav-menu__link--studio:hover{color:var(--color-white);opacity:.85}.nav-menu__link--studio:focus-visible{color:var(--color-white);opacity:.85}.nav-menu__link--studio[data-time=night],.nav-menu__link--studio[data-time=night]:hover{background:var(--color-blue-primary)}.nav-menu__link--studio[data-time=day],.nav-menu__link--studio[data-time=day]:hover{background:var(--color-red-primary)}.nav-menu__link--studio.is-current[data-time=night] .nav-menu__dot{background:var(--color-blue-primary);box-shadow:0 0 8px var(--glow-blue), 0 0 20px var(--glow-blue-sm)}.nav-menu__link--studio.is-current[data-time=day] .nav-menu__dot{background:var(--color-red-primary);box-shadow:0 0 8px var(--glow-red), 0 0 20px var(--glow-red-sm)}@media (max-width:24rem){.nav-menu{--_btn-half:1.25rem}.nav-menu__bar{width:15px}.nav-menu__panel{min-width:11rem}.nav-menu__link{font-size:var(--text-xs);padding:var(--pad-2xs) var(--pad-xs)}}@media (prefers-reduced-motion:reduce){.nav-menu{transition:box-shadow var(--transition-fast), background var(--transition-fast)}.nav-menu:not([data-state=expanded]):hover{transform:none}.nav-menu__toggle{transition:none}}.site-footer{padding:var(--pad-xl) 0 var(--pad-md);justify-content:center;display:flex}.site-footer__links{align-items:center;gap:var(--gap-lg);display:flex}.site-footer__link{color:color-mix(in srgb, var(--color-muted) 60%, transparent);transition:color var(--transition-base), filter var(--transition-base);justify-content:center;align-items:center;text-decoration:none;display:flex}.site-footer__link:hover{color:var(--color-purple-primary);filter:drop-shadow(0 0 6px var(--glow-purple))}.site-footer__link:focus-visible{outline:2px solid var(--color-purple-primary);outline-offset:4px;border-radius:var(--radius-xs)}.site-footer__icon{fill:currentColor;width:1.375rem;height:1.375rem}svg.site-footer__icon{translate:0 1px}.site-footer__link .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:1.5rem;line-height:1}@media (prefers-reduced-motion:reduce){.site-footer__link{transition:none}}
