/* Shared finishing layer: page-specific compositions remain in their own files. */
:root{--font-ui:Roboto,Arial,sans-serif;--space-section:28px;--panel-radius:6px}
body,button,input,select{font-family:var(--font-ui)}
body[class] .shell{max-width:1240px;padding:0 40px}
body[class] .shell>header{min-height:144px;padding:24px 0;gap:24px;align-items:center}
body[class] header.interior .wordmark{font-size:52px;line-height:1;font-weight:900;letter-spacing:-.025em}
body[class] header.interior .brand-caption{font-size:9px;line-height:1.5;letter-spacing:.15em;margin-top:10px;max-width:none}
body[class] #nav{gap:24px;flex-wrap:nowrap}
body[class] #nav a{font-size:12px;line-height:1.5;font-weight:400;padding:12px 0;min-height:44px;white-space:nowrap}
body[class] #nav a:last-child{padding:11px 24px;min-width:120px;text-align:center;border-radius:3px}
body[class] #nav a.active:after{bottom:4px}
body[class] #nav a:last-child.active:after{left:24px;right:24px;bottom:5px}
body[class] .shell .button{font-size:12px;font-weight:400;line-height:1.3;letter-spacing:.025em;min-height:44px;padding:12px 20px;border-radius:3px;gap:16px}
body[class] .shell .button:disabled{cursor:not-allowed;opacity:.6}
body[class] .shell .text-link{font-size:12px;line-height:1.5;letter-spacing:.035em;padding-bottom:4px}
body[class] main .glass{border-radius:var(--panel-radius)}
body[class] main>.section{margin-top:var(--space-section)}
body[class] .shell>footer{margin:32px 0 0;padding:24px 0 30px;border-top:1px solid #ffffff38}
body[class] footer .socials{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;padding:0;border:0;font-size:10px;font-weight:400;letter-spacing:.025em}
body[class] footer .socials>a:not(.button){display:inline-flex;align-items:center;min-height:44px}
body[class] footer #slogan{margin-top:20px;font-size:11px;line-height:1.6;letter-spacing:.13em}
body[class] .support-row+*{scroll-margin-top:20px}
body[class] main [id]{scroll-margin-top:20px}
/* Retain compact player controls and balanced streaming rows. */
body[class] .center-controls .button{width:46px;height:46px;min-width:46px;border-radius:50%;padding:0;font-size:27px;letter-spacing:0}
body[class] .feature-copy .stream-links .button{font-size:11px;padding:10px 8px;gap:8px}
body[class] .contact-panel .contact-action .button{margin-top:0}
body[class] .home-identity+.dates{margin-top:0}
body[class] .shell .skip:not(:focus){clip-path:inset(50%)}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
:where(a,button,input,select):focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1100px) and (min-width:901px){body[class] header.interior .wordmark{font-size:44px}body[class] header.interior .brand-caption{font-size:8px;letter-spacing:.1em}body[class] #nav{gap:16px}body[class] #nav a{font-size:11px}body[class] #nav a:last-child{min-width:100px;padding:11px 18px}}
@media(max-width:900px){body[class] .shell{padding:0 24px}body[class] .shell>header{min-height:122px;flex-wrap:wrap;padding:24px 0;gap:18px}body[class] header.interior .wordmark{font-size:44px}body[class] header.interior .brand-caption{font-size:8px;letter-spacing:.12em}body[class] .menu{display:block;border:1px solid #666;border-radius:3px;background:transparent;font-size:11px;min-height:44px;min-width:60px;padding:10px}body[class] #nav{display:none;flex-basis:100%;width:100%;flex-wrap:wrap;gap:12px 24px;padding:16px 0 0;border-top:1px solid #ffffff25}body[class] #nav.open{display:flex}body[class] #nav [data-page=home]{display:block}body[class] #nav a{font-size:12px}body[class] #nav a:last-child{min-width:110px}body[class] #brand:has(img){width:210px;height:54px}body[class] #brand img{width:232px;left:-11px;top:-34px}}
@media(max-width:680px){:root{--space-section:24px}body[class] .shell{padding:0 16px}body[class] .shell>header{min-height:120px;padding:22px 4px;gap:14px}body[class] header.interior .wordmark{font-size:36px}body[class] header.interior .brand-caption{font-size:7px;letter-spacing:.08em;line-height:1.6;margin-top:8px;max-width:220px}body[class] #brand:has(img){width:190px;height:50px}body[class] #brand img{width:210px;left:-10px;top:-31px}body[class] .shell .button{font-size:11px;padding:12px 16px;gap:12px;min-height:44px}body[class] .shell .text-link{font-size:11px}body[class] .feature-copy .stream-links .button{font-size:9px;padding:10px 6px;gap:6px}body[class] .center-controls .button{width:44px;height:44px;min-width:44px;padding:0;font-size:25px}body[class] .shell>footer{margin-top:24px;padding:20px 0 26px}body[class] footer .socials{gap:8px 20px;font-size:9px}body[class] footer #slogan{font-size:9px;margin-top:16px}body[class] .related-products .button{font-size:9px;padding:10px 8px;gap:8px}body[class] .contact-action .button{font-size:10px;padding:12px 10px;gap:10px}body[class] .booking-action .button{font-size:10px;padding:12px 10px}}
@media(max-width:360px){body[class] header.interior .brand-caption{max-width:192px;font-size:6.5px}body[class] header.interior .wordmark{font-size:33px}body[class] .hero .stream-links{gap:8px}body[class] .hero .stream-links .button{font-size:9px;padding:11px 10px;gap:8px}body[class] .contact-intro h1{font-size:42px}}
/* Let product columns shrink to the phone viewport instead of their audio content. */
body[class] .product-layout>*{min-width:0}
body[class] .product-layout .music-wave{min-width:0;max-width:100%;overflow:hidden}
body[class] .thumbnail-row{grid-template-columns:repeat(3,minmax(0,1fr))}
body[class] .thumbnail-row>*{min-width:0}