/* Shared storefront header and decorative smoke; no script or image edits. */
body{overflow-x:clip}
.site-chrome{position:sticky;top:0;z-index:50;background:#faf1e2;box-shadow:0 1px 0 #d9c9aa}
.site-chrome .site-header{position:relative;background:#faf1e2}
.site-chrome .wordmark{position:relative}
.brand-vapour{position:absolute;left:46%;top:23%;width:100vw;height:100vh;max-width:none;overflow:visible;transform:translateX(-50%);pointer-events:none;z-index:2}
.brand-vapour path{stroke-width:2.5;stroke-dasharray:none;filter:blur(.6px);animation:brand-smoke-wave 12s ease-in-out infinite alternate}
.brand-vapour path:nth-child(2){stroke-width:9;filter:blur(3px);animation-duration:16s;animation-delay:-9s}
.brand-vapour path:nth-child(3){stroke-width:1.5;animation-duration:10s;animation-delay:-6s}
/* Morph the complete trail, including the curl above the mono; no moving dashes. */
@keyframes brand-smoke-wave{
 from{d:path("M500 0 C482 -25 534 -40 505 -60 C480 -80 478 -10 540 30 C670 105 905 150 780 290 C660 425 120 290 235 490 C350 690 875 555 770 755 C665 955 245 810 360 1060")}
 to{d:path("M500 0 C521 -25 471 -40 495 -60 C522 -80 525 -10 460 30 C330 105 110 150 235 290 C355 425 880 290 765 490 C650 690 125 555 230 755 C335 955 755 810 640 1060")}
}
html{scroll-padding-top:190px}
#main{scroll-margin-top:190px}
.skip:focus{z-index:100}
.brand-smoke-toggle{position:fixed;right:143px;bottom:19px;z-index:81;width:16px;height:16px;margin:0;accent-color:#695038}
.brand-smoke-label{position:fixed;right:12px;bottom:10px;z-index:80;padding:6px 12px 6px 34px;border:1px solid #b5a17e;border-radius:3px;background:#fff8ed;color:#59442e;font-size:12px;cursor:pointer;box-shadow:0 1px 4px #59442e15}
.brand-smoke-toggle:focus-visible + .brand-smoke-label{outline:2px solid #624933;outline-offset:3px}
body:has(#pause-brand-smoke:checked) .site-chrome .brand-vapour path{animation-play-state:paused}
@media(max-width:800px){html{scroll-padding-top:205px}#main{scroll-margin-top:205px}.brand-vapour{width:160vw}.brand-vapour path:nth-child(2){stroke-width:5;opacity:.65}.brand-vapour path{stroke-width:2}.brand-smoke-label{font-size:11px}.brand-smoke-toggle{right:133px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.brand-vapour,.brand-smoke-toggle,.brand-smoke-label{display:none}.brand-vapour path{animation:none}}
@media print{.site-chrome{position:static}.brand-vapour,.brand-smoke-toggle,.brand-smoke-label{display:none}}
/* Bound the decorative layer to the viewport so it never widens the page. */
.brand-vapour{position:fixed;inset:0;left:0;top:0;width:100vw;height:100vh;transform:none;overflow:hidden}
.brand-vapour > g{transform:translate(0,85px)}
@media(max-width:800px){.brand-vapour{width:100vw}.brand-vapour > g{transform:translate(-270px,70px)}}

/* Prominent, illustrated navigation without changing the locked brand artwork. */
.site-header nav{gap:12px}.site-header nav a,.site-header .account-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;min-height:52px;border:1px solid #cdb58e;border-radius:10px;background:#fff9ef;color:#543426;font-size:18px;font-weight:600;line-height:1.2;box-shadow:0 2px 5px #59442e0d}
.site-header nav a:hover,.site-header .account-link:hover{background:#ead9b6;border-color:#997943;text-decoration:none}.nav-icon{width:25px;height:25px;flex-shrink:0;color:#987032}.site-header{gap:16px}.header-music{order:4;border:1px solid #cdb58e;border-radius:20px;background:#fff9ef;color:#543426;padding:8px 10px;min-height:44px;font-size:12px;cursor:pointer;white-space:nowrap}
@media(max-width:1100px){.site-chrome .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding-top:10px;padding-bottom:10px}.site-header .wordmark{grid-column:1;grid-row:1;order:0}.site-header .account-link{order:1;grid-row:1;padding:10px;font-size:15px;flex-direction:column;gap:4px}.site-header nav{grid-column:1/-1;grid-row:2;order:3;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.site-header nav a{font-size:16px;padding:10px 6px;gap:6px}.site-header .header-music{grid-column:1/-1;grid-row:3;justify-self:end;min-height:32px;padding:5px 12px}.site-header .wordmark img{max-width:100%}.nav-icon{width:22px;height:22px}}
@media(max-width:440px){.site-header nav a{font-size:14px;flex-direction:column;gap:4px}.site-header .account-link{font-size:14px}.site-header .wordmark img{width:150px}html{scroll-padding-top:235px}#main{scroll-margin-top:235px}}