/* Shared surroundings and restrained panels across every public content page. */
.branded-page{--alley-cream:#efe4c7;--alley-acid:#d5ec6b;--fg:#c7d6af;--muted:#aebd98;position:relative;isolation:isolate;min-height:100vh;margin:0;background:#080e0c;color:var(--alley-cream)}
.branded-page:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#04080730,#04080760),url('images/alley-environment-pixel-v1.png') center/cover no-repeat;image-rendering:pixelated}
.branded-page main{width:calc(100% - 48px);max-width:1180px;margin:32px auto;background:#0b120ef5;border:1px solid #46563b;box-shadow:0 14px 38px #0009}
.branded-page .catalog-heading,.branded-page .bio-heading,.branded-page .twoa-page>h1,.branded-page .twoa-intro{text-align:center}
.branded-page .store-music,.branded-page .twoa-channel{margin-left:auto;margin-right:auto}
.branded-page .stencil-section{background:transparent}
.branded-page .button{border-width:1px;min-height:44px}
.branded-page .store-music,.branded-page .twoa-channel,.branded-page .stencil-preview{border-width:1px}
.branded-page .bio-heading{border-width:0 0 1px;border-color:#46563b}
.branded-page .bio-signoff,.branded-page .cut-guide{border-width:1px 0;border-color:#46563b}
.branded-page .bio-interlude,.branded-page .biographer-note{border-width:0 0 0 1px;border-color:#6f8151}
body .alley-footer.alley-footer{box-sizing:border-box;width:calc(100% - 48px);max-width:1180px;margin:0 auto;padding:24px 16px;border:0;border-image:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-family:AlleyLinks,'Arial Narrow',sans-serif;background:#080e0cdb}
body .alley-footer.alley-footer>span{margin:0;color:#abb28f;font:600 16px/1.3 AlleyLinks,'Arial Narrow',sans-serif}
body .alley-footer.alley-footer .footer-brand{width:145px}
.terms-copy{max-width:800px;margin:auto;padding:36px clamp(20px,5vw,60px);font:22px/1.5 var(--terminal)}
.terms-copy h1{font:600 clamp(28px,4vw,48px)/1.1 AlleyLinks,sans-serif;white-space:normal;letter-spacing:.5px;text-align:center}
.terms-copy h2{font:600 25px/1.2 AlleyLinks,sans-serif;letter-spacing:.5px;color:#dae69e;margin-top:32px}
.terms-return{padding-top:24px;border-top:1px solid #46563b;color:#d5dfb7}
/* Identical entrance scene on direct links as well as the home page. */
body .entry-scene{display:none;position:fixed;inset:0;z-index:9997;overflow:hidden;pointer-events:none;background:#080e0c url('images/alley-environment-pixel-v1.png') center/cover no-repeat;image-rendering:pixelated}
body.age-locked .entry-scene{display:block}
body.age-locked #site-content{visibility:hidden;filter:none}
body .entry-scene .entry-brand.entry-brand{position:absolute;top:24px;left:50%;transform:translateX(-50%) rotate(-.25deg);box-sizing:border-box;width:min(480px,85%);padding:8px 14px;z-index:1}
/* Desktop density closer to the former 75% browser view; no CSS zoom or scaling. */
@media(min-width:1000px){
 body.alley-layout{font-size:18px}
 body.branded-page{font-size:21px}
 body .alley-site-header.alley-site-header{max-width:1180px;padding:18px 24px 0;gap:12px;margin:0 auto 24px}
 body.alley-layout .alley-site-header{margin-bottom:0}
 body .alley-site-header.alley-site-header .alley-wordmark{width:min(480px,88%);padding:6px 12px 8px}
 body .alley-site-header.alley-site-header nav{padding:5px 0;max-width:1130px}
 body .alley-site-header.alley-site-header nav a:nth-child(n){font-size:16px;min-height:44px;min-width:60px;padding:3px 12px;letter-spacing:.6px}
 body .alley-site-header.alley-site-header nav a[href="about.html"]{min-width:126px}
 body .alley-site-header.alley-site-header nav .nav-bob-label{font-size:16px}
 body .alley-site-header.alley-site-header nav a[href="2a.html"]{min-width:164px}
 body .alley-site-header.alley-site-header nav a.free-stuff-nav{min-width:156px}
 body .alley-site-header.alley-site-header nav .free-stuff-title{font-size:19px}
 body .alley-site-header.alley-site-header nav .free-stuff-subtitle{font-size:12px}
 body.alley-layout .bob-portrait-banner{max-width:675px;height:300px;margin-top:18px}
 body.alley-layout .bob-lettering-layer{max-width:585px}
 body.alley-layout .curb-layout{max-width:1180px;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(52px,6vw,85px);padding:78px 32px 28px}
 body.alley-layout .alley-tv{max-width:460px;margin:auto}
 body.alley-layout .alley-cabinet{grid-template-columns:minmax(0,1fr) 64px;gap:0 11px;padding:17px 14px 8px;border-width:3px}
 body.alley-layout .alley-cabinet .alley-glass{border-width:7px}
 body.alley-layout .alley-volume-control{width:64px}
 body.alley-layout .alley-antennas{width:160px}
 body.alley-layout .alley-cabinet .alley-name strong{font-size:23px}
 body.alley-layout .alley-cabinet .alley-name span{font-size:14px}
 body.alley-layout .alley-cabinet .alley-bezel>.noshiba-brand:last-child{width:115px}
 body.alley-layout .music-board{padding:24px}
 body.alley-layout .music-board .human-music-link{min-height:80px;padding:16px 12px;margin-bottom:20px}
 body.alley-layout .music-board .human-music-link>span{font-size:18px}
 body.alley-layout .music-board .human-music-link>strong{font-size:26px}
 body.alley-layout .music-board .music-wordmark{max-width:330px}
 body.alley-layout .music-board #beats-heading{margin-bottom:16px}
 body.alley-layout .music-board .album-grid{gap:12px}
 body.alley-layout .music-board .album-title{font-size:17px;padding-top:9px;min-height:44px}
 body.alley-layout .music-board .discography-link{min-height:48px;font-size:19px;padding:11px 9px;margin-top:14px}
 body.alley-layout .music-board .free-poster-link{font-size:16px}
 body.alley-layout .music-board .music-services{margin-top:16px;padding-top:15px}
 body.alley-layout .music-board .music-services a{font-size:16px}
 body.alley-layout .lower-alley{max-width:1180px;padding:0 24px}
 body.alley-layout .about-plaque,body.alley-layout .lower-alley>.section{padding:30px 28px;margin:24px 0}
 body.alley-layout .about-plaque .intro{font-size:22px}
 body.alley-layout .lower-alley h2{font-size:48px}
 body.branded-page .catalog-heading h1,body.branded-page .bio-heading h1,body.branded-page .twoa-page h1{font-size:76px}
 body.branded-page .catalog-heading{padding:38px 5% 28px}
 body.branded-page .section{padding:42px 5%}
 body.branded-page .bio-page,body.branded-page .twoa-page{padding:38px 5% 60px}
 body.branded-page .bio-copy{font-size:23px;line-height:1.5}
 body.branded-page .bio-copy .bio-lead{font-size:27px}
}
@media(max-width:650px){.branded-page main{width:calc(100% - 32px);margin:24px auto}body .alley-footer.alley-footer{width:calc(100% - 32px);justify-content:center;text-align:center;padding:22px 12px}.branded-page .giveaway-box{border-width:1px;padding:20px 14px}.branded-page .giveaway-rules{border-width:1px;padding:16px 10px}}
@media(max-height:430px) and (min-width:650px){body .entry-scene .entry-brand.entry-brand{left:23%;top:35%;width:34%}body.age-locked .age-gate.age-gate{margin:auto 5% auto auto}}
@media print{body .entry-scene{display:none!important}body.age-locked #site-content{visibility:visible;filter:none}.branded-page:before{display:none}}