/* Brief logo arrival, always legible. No blur, text jitter or hidden letters. */
.site-header .brand{position:relative;}
.site-header .brand.aether-header-enter img{animation:aether-header-arrive-r22 480ms steps(4,end) both;}
.site-header .brand.aether-header-enter::after{
 content:'';position:absolute;left:4px;bottom:0;width:48px;height:2px;
 background:#da783d;box-shadow:0 2px 0 #8b4eaa;pointer-events:none;
 animation:aether-header-rail-r22 480ms steps(4,end) both;
}
@keyframes aether-header-arrive-r22{0%{opacity:.86;transform:translateY(2px)}50%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}
@keyframes aether-header-rail-r22{0%{clip-path:inset(0 100% 0 0);opacity:.8}75%{clip-path:inset(0 0 0 0);opacity:.8}100%{clip-path:inset(0 0 0 0);opacity:0}}
.site-footer .shell{flex-wrap:wrap;align-items:center;gap:24px;}
.site-footer .background-sound{flex:none;width:auto;max-width:100%;}
.site-footer .background-sound button{
 font-size:10px;min-height:48px;padding:0 12px;
 border:8px solid transparent;border-image:url('pixel-nav-frame-r22.svg') 8 / 8px / 0 stretch;
 border-radius:0;background:#542637;background-clip:padding-box;color:#f6dfc1;
 box-shadow:0 2px 0 #050507;
}
@media(max-width:600px){.site-footer .shell{align-items:center;text-align:center;}.site-footer .background-sound{align-items:center;}}
@media(prefers-reduced-motion:reduce){.site-header .brand.aether-header-enter img{animation:none;opacity:1;transform:none;}.site-header .brand.aether-header-enter::after{display:none;animation:none;}}
@media(forced-colors:active){.site-header .brand.aether-header-enter::after{display:none;}}