:root{--accent:#71f1b6;--green:var(--accent);--shine:#d9fff2;--logo-hue:0deg}
:root[data-theme="amethyst"]{--accent:#d7a5ff;--shine:#ffe5ff;--logo-hue:100deg}
:root[data-theme="ruby"]{--accent:#ff98ab;--shine:#fff0c9;--logo-hue:165deg}
:root[data-theme="ice"]{--accent:#90d9ff;--shine:#e3ffff;--logo-hue:24deg}
.sub-header{padding:22px clamp(14px,2.2vw,42px) 0}
.sub-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.sub-brand img{display:block;width:clamp(190px,30vw,440px);height:auto;filter:hue-rotate(var(--logo-hue))}
#cursor-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1000}
.sub-brand:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

@media(max-width:720px){.sub-brand img{width:clamp(130px,43vw,195px)}}

.sub-header-top > a:not(.sub-brand){font-size:1.125rem;font-weight:650;white-space:nowrap}