/* Shared approved branding. Every content route loads this file last. */
@font-face{font-family:AlleyStencil;src:url('fonts/black-ops-one.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:AlleyLinks;src:url('fonts/barlow-condensed-600.ttf') format('truetype');font-weight:600;font-display:swap}
.alley-site-header{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:1240px;padding:25px 24px 0;border:0;border-image:none;position:relative;z-index:2}
.alley-wordmark{position:relative;isolation:isolate;border:2px solid #51422e;border-radius:3px;box-shadow:0 9px 24px #000b,inset 0 0 0 3px #191914;background:#111310}
.alley-wordmark:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#05070640,#05070660),url('images/alley-layout-splash.webp');background-size:100% 100%,219.43% 975.24%;background-position:center,50.24% 3.26%;opacity:.85}
.alley-wordmark{display:block;width:min(840px,88%);padding:10px 24px 12px;text-align:center;line-height:1.03;transform:rotate(-.25deg)}
.alley-wordmark:after{content:'';position:absolute;inset:8px;pointer-events:none;background:radial-gradient(circle at 0 0,#b19965 0 2px,#131612 3px 4px,transparent 5px),radial-gradient(circle at 100% 0,#a58b5f 0 2px,#131612 3px 4px,transparent 5px),radial-gradient(circle at 0 100%,#a58b5f 0 2px,#131612 3px 4px,transparent 5px),radial-gradient(circle at 100% 100%,#a58b5f 0 2px,#131612 3px 4px,transparent 5px)}
.alley-wordmark span{display:inline-block;font:400 clamp(38px,7.2vw,100px)/1.06 AlleyStencil,Impact,sans-serif;letter-spacing:-.025em;background:linear-gradient(180deg,#f4d844 0%,#dcdf56 44%,#63ad3d 100%);background-clip:text;-webkit-background-clip:text;color:transparent;mask-image:url('images/type-wear.svg');-webkit-mask-image:url('images/type-wear.svg');mask-size:360px 120px;-webkit-mask-size:360px 120px}
.alley-site-header nav{display:flex;flex-wrap:nowrap;justify-content:center;width:100%;max-width:1190px;gap:0;padding:7px 0;border:0;border-image:none;background:#10110ee8;box-shadow:0 4px 12px #0008;overflow-x:auto;scrollbar-width:thin}
.alley-site-header nav a:nth-child(n){font:600 18px/1.05 AlleyLinks,'Arial Narrow',sans-serif;flex:1 0 auto;min-width:72px;min-height:52px;padding:3px 17px;border:0;border-right:1px solid #a48c60;border-image:none;text-transform:uppercase;letter-spacing:1.1px;gap:4px;white-space:nowrap;color:var(--alley-cream)}
.alley-site-header nav a:last-child{border-right:0}
.alley-site-header nav a:hover{color:#e4ee94;background:#29281ac4}
.alley-site-header nav a.free-stuff-nav{min-width:170px;max-width:none}
.alley-site-header nav .free-stuff-title{font:600 21px/1 AlleyLinks,sans-serif;color:#e9db74;letter-spacing:1.2px}
.alley-site-header nav .free-stuff-subtitle{font:600 13px/1.1 AlleyLinks,sans-serif;text-transform:none;letter-spacing:.2px;color:#d4c9ab}
.alley-site-header nav a[href="2a.html"]{min-width:184px}
.alley-site-header nav a[href="about.html"]{min-width:142px}
.brand-type{font-family:AlleyStencil,Impact,sans-serif;font-weight:400;font-synthesis:none;letter-spacing:-.025em}
.alley-site-header nav .brand-type{font-size:.87em}

.alley-site-header nav a[aria-current="page"]{color:#ecdf8d;background:#29281a}
.alley-site-header nav a[href$="#connect"]{flex-direction:column}
.brand-type{font-family:AlleyStencil,Impact,sans-serif!important;font-weight:400;font-synthesis:none;letter-spacing:-.025em}
.alley-layout{padding-bottom:0}
.branded-page header{margin:0 auto 32px}
.branded-page h1,.branded-page h2,.branded-page h3,.branded-page .button,.branded-page .small-link{font-family:AlleyLinks,'Arial Narrow',sans-serif}
.branded-page .bio-heading h1{font-family:AlleyLinks,'Arial Narrow',sans-serif}
.branded-page .bio-heading h1 .brand-type{font-size:.88em}
.artwork-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font:600 17px/1.2 AlleyLinks,'Arial Narrow',sans-serif;letter-spacing:.8px;color:#e0d7a4;text-decoration:underline;text-underline-offset:4px}
.alley-footer{gap:12px 24px}
@media(max-width:1100px){.alley-site-header nav{justify-content:flex-start}}
@media(max-width:800px){.alley-site-header{padding:18px 12px 0;gap:14px}.alley-wordmark{width:100%;padding:13px}.alley-wordmark span{font-size:clamp(38px,10.5vw,76px)}}
@media(max-width:450px){.alley-site-header nav a:nth-child(n){font-size:17px;min-height:56px;padding:3px 16px}}
@media(prefers-reduced-motion:reduce){.alley-site-header .free-stuff-title{animation:none}}

/* Photographic banner, preserved PNG; crop only transparent outer padding in layout. */
.alley-layout .rasta-title.photo-banner{position:relative;aspect-ratio:4.2;width:calc(100% - 28px);max-width:900px;height:auto;padding:0;border:0;background:none;box-shadow:none;overflow:hidden;filter:drop-shadow(0 7px 6px #0009)}
.alley-layout .rasta-title.photo-banner:after{content:none}
.photo-banner img{display:block;width:100%;height:auto;position:absolute;top:50%;left:0;transform:translateY(-50%)}

.branded-page{--alley-cream:#efe4c7;--alley-acid:#d5ec6b}

/* Exact selected art is an image viewport, never a substitute typeface. */
.reference-wordmark{display:block;overflow:hidden;width:100%;height:auto;aspect-ratio:var(--reference-ratio);flex:none}
.reference-notporn{--reference-ratio:357 / 80}
.reference-bob{--reference-ratio:730 / 160}
.alley-wordmark:has(.reference-wordmark){padding:8px 14px 10px;width:min(640px,88%)}
.alley-wordmark>.reference-notporn{width:100%;height:auto;max-height:none;mask:none;-webkit-mask:none}
.entry-scene .entry-brand:has(.reference-wordmark){width:min(580px,88%);padding:8px 14px}
.alley-layout .rasta-title.selected-bob-title{display:block;aspect-ratio:730 / 160;width:calc(100% - 28px);max-width:850px;margin:25px auto 0;padding:0;border:0;background:none;box-shadow:0 7px 18px #000a;overflow:hidden;filter:none;transform:none}
.alley-layout .rasta-title.selected-bob-title:after{content:none}
.selected-bob-title .reference-bob{width:100%;height:100%}
.music-board #beats-heading{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.music-board #beats-heading>span{font:600 21px/1.1 AlleyLinks,'Arial Narrow',sans-serif;white-space:nowrap}
.music-board #beats-heading>.reference-bob{width:min(350px,100%);max-width:100%;height:auto}
.bio-heading .bio-wordmark{display:inline-block;vertical-align:middle;width:min(720px,calc(100% - 50px));height:auto;margin-top:12px}
.bio-question{display:inline-block;vertical-align:middle;font-family:AlleyLinks,sans-serif;font-size:.8em}
.footer-brand{display:block;width:180px;max-width:100%;flex:none}
.footer-brand .reference-notporn{width:100%;height:auto}
.alley-site-header nav .nav-bob-label,.alley-layout .alley-site-header nav .nav-bob-label{display:block;white-space:nowrap;line-height:1.1;font:600 18px/1.1 AlleyLinks,'Arial Narrow',sans-serif;letter-spacing:.5px}
.art-preview .reference-wordmark{width:100%;height:auto;max-height:100%}
.art-source{display:flex;align-items:center;min-height:44px;margin-top:8px;text-decoration:underline;color:#ced6a4;font:600 16px/1.2 AlleyLinks,sans-serif}
.art-download[type="button"]{background:none;cursor:pointer}.art-download:disabled{opacity:.6;cursor:wait}
#art-export-status{font:600 18px/1.4 AlleyLinks,sans-serif;color:#d9e0b1;text-align:center}
@media(max-width:450px){.alley-wordmark:has(.reference-wordmark){width:100%;padding:7px 10px}.music-board #beats-heading>.reference-bob{width:100%}.music-board #beats-heading{gap:9px}.entry-scene .entry-brand:has(.reference-wordmark){width:90%;padding:8px 10px}}

/* Music purchase callout intentionally precedes the music section heading. */
.music-board .human-music-link{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:100px;margin:0 0 24px;padding:16px 12px;border:2px solid #0b100b;background:linear-gradient(180deg,#ffe358 0%,#bada52 58%,#75b844 100%);box-shadow:0 0 0 1px #8c9154,0 5px 12px #0009;color:#090d08;text-align:center;text-transform:uppercase;text-decoration:none;transform:rotate(-.5deg)}
.music-board .human-music-link>span{font:600 clamp(22px,2.1vw,30px)/1.05 AlleyLinks,'Arial Narrow',sans-serif;letter-spacing:1px}
.music-board .human-music-link>strong{font:600 clamp(27px,2.7vw,38px)/1.05 AlleyLinks,'Arial Narrow',sans-serif;letter-spacing:.5px}
.music-board .human-music-link:hover{color:#050805;background:linear-gradient(180deg,#fff082,#d3f779 60%,#8bcd55)}
.music-board .human-music-link:focus-visible{outline:3px solid #f5f5d0;outline-offset:5px}
@media(max-width:450px){.music-board .human-music-link{padding:14px 10px;min-height:110px}.music-board .human-music-link>strong{font-size:29px}.music-board .human-music-link>span{font-size:23px}}