/* Ripple Music 2026 — starter visual system */
:root{
	--black:#090909;
	--charcoal:#151515;
	--panel:#111;
	--panel-2:#1a1816;
	--cream:#efe5cf;
	--muted:#a9a194;
	--orange:#f04427;
	--line:#5c5549;
	--max:1400px;
	--radius:2px;
	--shadow:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
	margin:0;
	background:
		radial-gradient(circle at 20% 0%,rgba(255,255,255,.035),transparent 24rem),
		linear-gradient(#090909,#0e0e0e);
	color:var(--cream);
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.55;
}
body:before{
	content:"";
	position:fixed;
	inset:0;
	pointer-events:none;
	opacity:.16;
	background-image:
		repeating-linear-gradient(15deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);
	mix-blend-mode:screen;
	z-index:999;
}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,.brand-text strong,.amp-nav strong,.button,.badge,.eyebrow{
	font-family:Impact,"Arial Narrow",Arial,sans-serif;
	letter-spacing:.045em;
	text-transform:uppercase;
}
h1{font-size:clamp(2.7rem,7vw,7rem);line-height:.9;margin:.2em 0}
h2{font-size:clamp(2rem,4vw,3.8rem);line-height:.95;margin:.2em 0}
.site-shell{
	max-width:1600px;
	margin:0 auto;
	border-left:1px solid #3d3932;
	border-right:1px solid #3d3932;
	background:#0a0a0a;
	box-shadow:0 0 50px #000;
	min-height:100vh;
}
.site-header{
	position:sticky;
	top:0;
	z-index:100;
	background:#0b0b0bf0;
	backdrop-filter:blur(10px);
	border-bottom:2px solid #50493d;
}
.site-header__inner{
	max-width:var(--max);
	margin:auto;
	padding:13px 24px;
	display:grid;
	grid-template-columns:minmax(180px,260px) 1fr minmax(180px,270px);
	align-items:center;
	gap:22px;
}
.custom-logo{max-height:74px;width:auto}
.brand-text{display:flex;gap:12px;align-items:center;text-decoration:none}
.brand-text strong{font-size:1.85rem;line-height:.73}
.brand-text span{font-family:Georgia,serif;font-style:italic;color:#d8cfbd;font-size:.85rem}
.primary-nav ul{display:flex;gap:22px;list-style:none;padding:0;margin:0;justify-content:center}
.primary-nav a{text-decoration:none;text-transform:uppercase;font-family:"Arial Narrow",Arial,sans-serif;font-weight:800;letter-spacing:.06em;font-size:.9rem}
.primary-nav .current-menu-item>a,.primary-nav a:hover{color:var(--orange)}
.search-form{display:flex;border:1px solid #565047;background:#111}
.search-form label{flex:1}
.search-field{width:100%;background:transparent;border:0;color:var(--cream);padding:.7rem .85rem;outline:none}
.search-submit{border:0;border-left:1px solid #565047;background:transparent;color:var(--cream);padding:0 .8rem;cursor:pointer}
.menu-toggle{display:none;background:none;border:0}
.menu-toggle span:not(.screen-reader-text){display:block;width:24px;height:2px;background:var(--cream);margin:5px}
.site-main{max-width:var(--max);margin:0 auto}
.home-hero{
	min-height:520px;
	display:grid;
	grid-template-columns:1fr 1.2fr;
	align-items:center;
	gap:30px;
	padding:45px 55px;
	background:
		linear-gradient(90deg,#080808 5%,rgba(19,4,1,.85) 45%,rgba(118,20,9,.35)),
		radial-gradient(circle at 85% 10%,#e34124 0,transparent 35%);
	border-bottom:2px solid #716858;
	position:relative;
	overflow:hidden;
}
.home-hero:after{
	content:"";
	position:absolute;inset:0;
	background:linear-gradient(110deg,transparent 40%,rgba(255,69,35,.08));
	pointer-events:none;
}
.home-hero__copy,.home-hero__art{position:relative;z-index:1}
.home-hero__art img{
	max-height:460px;
	margin-left:auto;
	box-shadow:0 20px 45px rgba(0,0,0,.7);
	border:1px solid #787067;
	transform:rotate(-1deg)
}
.badge{
	display:inline-block;
	background:var(--orange);
	color:#080808;
	padding:6px 12px;
	font-size:.8rem;
	letter-spacing:.12em;
}
.hero-artist{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(2.4rem,6vw,6rem);line-height:.9;margin:20px 0 0;text-transform:uppercase}
.hero-tagline{font-family:Georgia,serif;font-style:italic;font-size:1.25rem;color:#d9d0bf}
.hero-meta{letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
.button{
	display:inline-block;
	text-decoration:none;
	border:1px solid #6d6458;
	padding:.78rem 1.05rem;
	margin:.25rem .25rem .25rem 0;
	font-size:.85rem;
	background:#171717;
	color:var(--cream);
}
.button:hover,.button--primary{background:var(--orange);color:#090909;border-color:var(--orange)}
.button--disabled{opacity:.5}
.amp-nav{
	display:grid;
	grid-template-columns:repeat(6,1fr);
	background:linear-gradient(#111,#0b0b0b);
	border:12px solid #221f1b;
	border-top-color:#4c463b;
	border-bottom-color:#4c463b;
	box-shadow:inset 0 0 20px #000;
}
.amp-nav__item{
	text-align:center;
	text-decoration:none;
	padding:24px 10px;
	border-right:1px solid #514b40;
}
.amp-nav__item:last-child{border-right:0}
.amp-nav__item:hover{background:#17130f}
.amp-nav__icon{display:block;font-size:2.1rem;margin-bottom:8px}
.amp-nav__item strong{display:block;font-size:1rem}
.amp-nav__item small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}
.section-panel{border:1px solid #3d3932;background:#0b0b0b}
.home-split{
	display:grid;
	grid-template-columns:2.2fr 1fr;
	margin:0 18px;
}
.home-split>div{padding:28px}
.home-news{border-left:1px solid #585045}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}
.section-heading a{text-transform:uppercase;font-size:.75rem;text-decoration:none}
.release-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.release-mini{text-decoration:none;min-width:0}
.release-mini img{aspect-ratio:1/1;object-fit:cover;border:1px solid #49433a}
.release-mini strong,.release-mini span{display:block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.release-mini strong{margin-top:7px;text-transform:uppercase;font-size:.85rem}
.release-mini span{color:var(--muted);font-size:.77rem}
.news-row{display:grid;grid-template-columns:84px 1fr 20px;gap:12px;align-items:center;text-decoration:none;padding:12px 0;border-bottom:1px solid #454039}
.news-row img{width:84px;height:52px;object-fit:cover}
.news-row strong,.news-row small{display:block}
.news-row strong{text-transform:uppercase;font-size:.8rem}
.news-row small{color:var(--muted);font-size:.7rem;margin-top:4px}
.ripple-radio{
	margin:18px;
	padding:28px 34px;
	display:flex;
	align-items:center;
	gap:26px;
	background:
		linear-gradient(90deg,rgba(240,68,39,.12),transparent 40%),
		repeating-linear-gradient(90deg,#161514 0 2px,#111 2px 7px);
	border:1px solid #665e50;
	box-shadow:inset 0 0 20px #000;
}
.ripple-radio__icon{font-size:4rem;color:var(--orange)}
.ripple-radio h2{font-size:2rem}
.ripple-radio p{margin:.3rem 0}
.ripple-radio--compact{margin:0 0 20px;padding:22px;display:block}
.ripple-radio--compact .ripple-radio__icon{font-size:2.6rem}
.manifesto{
	margin:0 18px 18px;
	min-height:180px;
	display:grid;
	grid-template-columns:1fr 2fr 1fr;
	border:1px solid #5f584d;
	background:#171512;
}
.manifesto>div{padding:28px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:1.4rem}
.manifesto__photo{background:linear-gradient(90deg,#221f1b,#4b443a,#181613)}
.site-footer{border-top:10px solid #3b352c;background:#0a0a0a}
.site-footer__top{max-width:var(--max);margin:auto;padding:35px 40px;display:grid;grid-template-columns:1.2fr .9fr 1fr 1.4fr;gap:30px;align-items:start}
.footer-brand p{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}
.footer-nav ul{list-style:none;padding:0;margin:0;columns:2}
.footer-nav a,.footer-social a{text-decoration:none;text-transform:uppercase;font-size:.75rem;line-height:2}
.footer-social{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 12px}
.footer-mailing form{display:flex}
.footer-mailing input{min-width:0;flex:1;background:#111;border:1px solid #5a5348;color:var(--cream);padding:.8rem}
.footer-mailing button{background:var(--orange);border:0;padding:0 18px;font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase}
.site-footer__bottom{max-width:var(--max);margin:auto;border-top:1px solid #3d3932;padding:18px 40px;display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.site-footer__bottom strong{font-family:Georgia,serif;font-style:italic;font-size:1.15rem}
.archive-shell{padding:48px 26px 70px}
.archive-hero{padding:16px 0 35px;border-bottom:1px solid #4c463c;margin-bottom:30px}
.archive-hero h1{font-size:clamp(3rem,8vw,6.5rem)}
.archive-intro{max-width:850px;color:#d0c7b8}
.eyebrow{color:var(--orange);font-size:.75rem;letter-spacing:.14em;margin:0}
.catalog-tools{margin-bottom:22px}
.catalog-filter{
	width:min(520px,100%);
	background:#111;border:1px solid #5b554b;color:var(--cream);
	padding:14px 16px;font-size:1rem
}
.ripple-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px}
.ripple-card-grid--cols-2{grid-template-columns:repeat(2,1fr)}
.ripple-card-grid--cols-3{grid-template-columns:repeat(3,1fr)}
.ripple-card-grid--cols-4{grid-template-columns:repeat(4,1fr)}
.ripple-card-grid--cols-5{grid-template-columns:repeat(5,1fr)}
.ripple-card-grid--cols-6{grid-template-columns:repeat(6,1fr)}
.ripple-card{text-decoration:none;display:block;min-width:0}
.ripple-card img{width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid #484139;filter:saturate(.92)}
.ripple-card--release img{aspect-ratio:1/1}
.ripple-card--alumni img{filter:grayscale(.45) contrast(1.08)}
.ripple-card__title,.ripple-card__meta{display:block;text-align:center}
.ripple-card__title{text-transform:uppercase;font-weight:800;margin-top:8px}
.ripple-card__meta{color:var(--muted);font-size:.75rem;margin-top:7px}
.ripple-card:hover .ripple-card__title{color:var(--orange)}
.release-single{padding:42px 28px 70px}
.release-single__hero{display:grid;grid-template-columns:minmax(280px,560px) 1fr;gap:55px;align-items:center;padding:22px 0 50px}
.release-single__cover img{width:100%;box-shadow:0 20px 60px #000;border:1px solid #5e574d}
.release-single__intro h1{font-size:clamp(3rem,7vw,6.4rem)}
.release-date{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}
.release-actions{margin-top:25px}
.content-panel{background:#101010;border:1px solid #3f3a33;padding:32px}
.release-single__body{max-width:980px;margin:0 auto 22px}
.entry-content{font-size:1.05rem}
.entry-content a{color:#ff6a4e}
.entry-content img{height:auto}
.bandcamp-embed{margin-top:30px}
.band-single{padding:35px 26px 70px}
.band-single__hero{position:relative;min-height:360px;display:flex;align-items:flex-end;background:#111;border:1px solid #3e3932;margin-bottom:25px;overflow:hidden}
.band-single__image{position:absolute;inset:0}
.band-single__image img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.band-single__image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.9))}
.band-single__title{position:relative;z-index:2;padding:35px}
.content-with-sidebar{max-width:var(--max);margin:auto;padding:42px 26px 70px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}
.content-sidebar{min-width:0}
.news-list{display:grid;gap:22px}
.news-card{display:grid;grid-template-columns:260px 1fr;gap:24px;background:#111;border:1px solid #3e3932;padding:18px}
.news-card__image img{width:100%;height:150px;object-fit:cover}
.news-card h2{font-size:2rem}
.news-card h2 a{text-decoration:none}
.text-link{color:var(--orange);text-transform:uppercase;font-size:.75rem;font-weight:700}
.nav-links{display:flex;gap:8px;margin-top:25px}
.page-numbers{padding:.5rem .7rem;border:1px solid #514b41;text-decoration:none}
.page-numbers.current{background:var(--orange);color:#000}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.error-404{max-width:900px;margin:auto}
@media (max-width:1050px){
	.site-header__inner{grid-template-columns:1fr auto}
	.header-search{display:none}
	.menu-toggle{display:block}
	.primary-nav{grid-column:1/-1;display:none}
	.primary-nav.is-open{display:block}
	.primary-nav ul{flex-wrap:wrap;justify-content:flex-start}
	.home-hero{grid-template-columns:1fr 1fr;padding:35px}
	.amp-nav{grid-template-columns:repeat(3,1fr)}
	.home-split{grid-template-columns:1fr}
	.home-news{border-left:0;border-top:1px solid #585045}
	.release-strip{grid-template-columns:repeat(3,1fr)}
	.site-footer__top{grid-template-columns:repeat(2,1fr)}
	.content-with-sidebar{grid-template-columns:1fr}
}
@media (max-width:720px){
	h1{font-size:3.2rem}
	.site-header__inner{padding:10px 16px}
	.brand-text span{display:none}
	.home-hero{grid-template-columns:1fr;padding:30px 22px}
	.home-hero__art{order:-1}
	.home-hero__art img{max-height:none;margin:0;width:100%}
	.hero-artist{font-size:2.8rem}
	.amp-nav{grid-template-columns:repeat(2,1fr)}
	.home-split,.ripple-radio,.manifesto{margin-left:0;margin-right:0}
	.release-strip{grid-template-columns:repeat(2,1fr)}
	.home-split>div{padding:20px}
	.ripple-radio{align-items:flex-start;padding:22px}
	.manifesto{grid-template-columns:1fr}
	.manifesto__photo{min-height:120px}
	.site-footer__top{grid-template-columns:1fr;padding:28px 20px}
	.site-footer__bottom{padding:18px 20px;display:grid;gap:12px}
	.release-single__hero{grid-template-columns:1fr;gap:28px}
	.release-single__intro h1{font-size:3.4rem}
	.ripple-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
	.news-card{grid-template-columns:1fr}
	.news-card__image img{height:auto}
}

/* ==========================================================
   RIPPLE MUSIC 2026 v0.2 — ROAD CASE / AMP GRAPHICAL SKIN
   ========================================================== */
:root{--case-metal:#81796d;--case-dark:#25211c;--rust:#7b2a17;--hot:#f04427}
body{
 background:#050505 url('../images/tolex.png') repeat;
 background-size:256px 256px;
}
body:before{opacity:.10;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px)}
.site-shell{
 max-width:1580px;
 border-left:14px solid #191714;border-right:14px solid #191714;
 background:#080808 url('../images/tolex.png') repeat;
 background-size:256px;
 box-shadow:0 0 0 1px #5d554a,0 0 80px #000,inset 0 0 80px rgba(0,0,0,.75);
 position:relative;
}
.site-shell:before,.site-shell:after{
 content:"";position:fixed;top:0;width:22px;height:100vh;z-index:150;pointer-events:none;
 background:url('../images/brushed-metal.png') repeat-y center/100% auto;
 opacity:.62;box-shadow:inset 0 0 8px #000;
}
.site-shell:before{left:max(0px,calc((100vw - 1580px)/2))}.site-shell:after{right:max(0px,calc((100vw - 1580px)/2))}
.site-header{
 position:sticky;background:#080808f5 url('../images/tolex.png') repeat;background-size:220px;
 border-bottom:0;box-shadow:0 3px 0 #16130f,0 6px 0 #756d60,0 9px 0 #211d18;
}
.site-header__inner{padding:18px 38px;min-height:105px}
.custom-logo{max-height:78px;filter:sepia(.08) contrast(1.08)}
.primary-nav a{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:400;font-size:1rem;letter-spacing:.075em;text-shadow:0 2px 2px #000}
.primary-nav .current-menu-item>a,.primary-nav a:hover{color:var(--orange);border-bottom:3px solid var(--orange);padding-bottom:8px}
.search-form{background:#080808;border-color:#625a4e;box-shadow:inset 0 0 12px #000}

.home-hero{
 min-height:585px;margin-top:8px;padding:55px 72px;grid-template-columns:.95fr 1.25fr;
 background:
 linear-gradient(90deg,rgba(4,4,4,.98) 0%,rgba(12,7,5,.82) 37%,rgba(96,20,8,.42) 100%),
 radial-gradient(circle at 87% 20%,#ff4b26 0,rgba(151,35,13,.75) 19%,transparent 48%),
 url('../images/tolex.png');
 border-bottom:0;box-shadow:inset 0 0 90px #000;
}
.home-hero:before{content:"";position:absolute;inset:0;opacity:.24;background:repeating-linear-gradient(118deg,transparent 0 22px,rgba(255,255,255,.018) 22px 23px)}
.home-hero:after{background:linear-gradient(90deg,transparent 42%,rgba(240,68,39,.12)),radial-gradient(circle at 80% 50%,transparent 0 34%,rgba(0,0,0,.55) 72%)}
.home-hero__copy{padding-left:5px}
.home-hero__copy h1,.hero-artist{filter:drop-shadow(3px 4px 0 #000)}
.home-hero__copy h1{font-size:clamp(4rem,8vw,7.8rem);color:#f2e6cd;text-shadow:2px 2px 0 #1d1914}
.badge{box-shadow:4px 4px 0 #170704;padding:7px 14px}
.home-hero__art{min-height:490px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.home-hero__art img{position:relative;z-index:3;width:min(475px,68%);max-height:none;margin:0;transform:rotate(-1.5deg);border:2px solid #756d60;box-shadow:0 24px 55px #000,0 0 0 5px rgba(0,0,0,.22)}
.hero-vinyl{position:absolute;z-index:1;width:min(475px,65%);aspect-ratio:1;border-radius:50%;right:0;background:repeating-radial-gradient(circle,#050505 0 2px,#171717 3px 4px,#080808 5px 7px);box-shadow:0 25px 55px #000;transform:translateX(9%) rotate(7deg)}
.hero-vinyl:before{content:"";position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle,#e6d8bb 0 8%,#1a1815 9% 16%,#f04427 17% 60%,#25110b 61%);box-shadow:0 0 0 2px #090909}
.hero-vinyl:after{content:"";position:absolute;inset:4%;border-radius:50%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.16) 48%,transparent 55%);mix-blend-mode:screen}

.amp-nav{position:relative;margin:0 12px;border:14px solid transparent;border-image:url('../images/brushed-metal.png') 28 round;background:#090909 url('../images/tolex.png') repeat;background-size:220px;box-shadow:0 8px 18px #000,inset 0 0 22px #000}
.amp-nav:before,.amp-nav:after,.site-footer:before,.site-footer:after{content:"";position:absolute;width:48px;height:48px;z-index:5;border:2px solid #171411;border-radius:4px;background:radial-gradient(circle at 12px 12px,#222 0 3px,#aaa 4px 5px,#403a32 6px 8px,transparent 9px),radial-gradient(circle at 36px 36px,#222 0 3px,#aaa 4px 5px,#403a32 6px 8px,transparent 9px),url('../images/brushed-metal.png') center/cover;box-shadow:inset 0 0 9px #111,0 2px 5px #000}
.amp-nav:before{left:-14px;top:-14px}.amp-nav:after{right:-14px;top:-14px}
.amp-nav__item{padding:28px 10px 24px;border-right:1px solid #5b5348;box-shadow:inset -1px 0 #050505}
.amp-nav__item:hover{background:radial-gradient(circle at 50% 25%,rgba(240,68,39,.14),transparent 45%)}
.amp-nav__icon{font-size:2.5rem;color:#efe4cc;text-shadow:0 2px 3px #000}
.amp-nav__item strong{font-size:1.05rem}.amp-nav__item small{color:#b8ae9e}

.home-split{margin:18px 18px 0;border:0;position:relative;background:#080808 url('../images/tolex.png') repeat;background-size:240px;box-shadow:inset 0 0 35px #000,0 0 0 1px #5c554a}
.home-split:before{content:"";position:absolute;left:0;right:0;top:-9px;height:9px;background:url('../images/brushed-metal.png') center/auto 100%;box-shadow:0 1px 4px #000}
.section-heading h2{font-size:clamp(2.5rem,4vw,4.2rem);text-shadow:2px 3px 0 #000}
.release-mini img{border:1px solid #71685b;box-shadow:0 8px 14px #000;transition:.2s transform,.2s filter}
.release-mini:hover img{transform:translateY(-4px) rotate(-.5deg);filter:brightness(1.08)}
.news-row{border-bottom:1px solid #4b443b}.news-row:hover strong{color:var(--orange)}

.ripple-radio{position:relative;margin-top:28px;border:1px solid #756b5c;background:linear-gradient(90deg,rgba(181,38,17,.28),transparent 34%),repeating-linear-gradient(90deg,#151412 0 2px,#090909 2px 7px);box-shadow:inset 0 0 30px #000,0 6px 15px #000}
.ripple-radio:before{content:"";position:absolute;left:-1px;right:-1px;top:-7px;height:7px;background:url('../images/brushed-metal.png') center/auto 100%}
.ripple-radio__icon{width:64px;height:64px;border:5px solid var(--orange);border-radius:50%;font-size:0;box-shadow:0 0 0 4px #0a0a0a,0 0 0 5px #756c5e,inset 0 0 14px #000}

.manifesto{position:relative;min-height:230px;overflow:hidden;border:1px solid #665e51;background:#171411;box-shadow:0 8px 20px #000}
.manifesto:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111 0 22%,transparent 38% 62%,#111 78%),radial-gradient(ellipse at center,#51483d,transparent 58%),url('../images/tolex.png');opacity:.8}
.manifesto>div{position:relative;z-index:2}
.manifesto>div:first-child{background:url('../images/paper.png') center/88% 72% no-repeat;color:#111;transform:rotate(-2deg);font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;font-size:1.8rem;text-shadow:none}
.manifesto>div:last-child{font-size:1.6rem;text-shadow:2px 2px 0 #000;transform:rotate(-2deg)}
.manifesto__photo:after{content:"♬   ♫   ♬";font-size:4rem;letter-spacing:2rem;color:rgba(239,229,207,.16);transform:rotate(-8deg)}

.site-footer{position:relative;margin-top:12px;border-top:18px solid transparent;border-image:url('../images/brushed-metal.png') 20 round;background:#080808 url('../images/tolex.png') repeat;background-size:220px;box-shadow:inset 0 0 45px #000}
.site-footer:before{left:-2px;top:-18px}.site-footer:after{right:-2px;top:-18px}
.site-footer__top{padding:48px 48px 38px}.site-footer__bottom{position:relative;padding:28px 48px 42px;border-top:1px solid #554d42}
.site-footer__bottom:before{content:"";position:absolute;left:0;right:12%;bottom:16px;height:14px;border-radius:50%;border-top:7px solid #050505;box-shadow:0 -1px 0 #38332c;transform:rotate(-1deg)}
.site-footer__bottom strong{position:relative;z-index:2;background:url('../images/paper.png') center/cover;color:#17130f;padding:7px 18px;transform:rotate(-4deg);box-shadow:2px 4px 8px #000;font-size:1.3rem}
.footer-mailing button{color:#070707;font-weight:900}.footer-mailing input{box-shadow:inset 0 0 10px #000}

.archive-shell,.content-with-sidebar,.release-single,.band-single{background:linear-gradient(rgba(8,8,8,.92),rgba(8,8,8,.92)),url('../images/tolex.png') repeat;background-size:auto,240px}
.archive-hero{border-bottom:8px solid transparent;border-image:url('../images/brushed-metal.png') 18 round}
.content-panel,.news-card{background:#0a0a09 url('../images/tolex.png') repeat;background-size:220px;border-color:#5c5549;box-shadow:inset 0 0 25px #000}
.ripple-card img{box-shadow:0 8px 16px #000;border-color:#6a6256}

@media(max-width:1050px){.site-shell:before,.site-shell:after{display:none}.home-hero{padding:40px}.home-hero__art img{width:72%}.hero-vinyl{width:68%}}
@media(max-width:720px){.site-shell{border-left-width:5px;border-right-width:5px}.site-header__inner{min-height:auto}.home-hero{padding:28px 22px}.home-hero__art{min-height:340px}.home-hero__art img{width:78%}.hero-vinyl{width:70%;right:5%}.amp-nav{margin:0;border-width:8px}.manifesto>div:first-child{min-height:145px}.site-footer__bottom strong{justify-self:start}.site-footer__bottom:before{display:none}}

/* ==========================================================
   v0.3 — MOCKUP-FAITHFUL PASS + CACHE-BUSTED ASSETS
   ========================================================== */
:root{--mock-cream:#efe5ce;--mock-red:#f04427;--mock-metal:#776d5e}
.site-shell{max-width:1199px;border-left:16px solid #17130f;border-right:16px solid #17130f;box-shadow:0 0 0 1px #6e6252,0 0 70px #000}
.site-header{position:relative;top:auto;background:#090909 url('../images/tolex.png') repeat;background-size:220px;border-top:1px solid #4d4438;box-shadow:inset 0 0 28px #000,0 4px 0 #766b5b,0 7px 0 #17130f}
.site-header__inner{max-width:1160px;min-height:92px;padding:0 26px;grid-template-columns:285px 1fr 280px;gap:18px}
.mockup-brand{display:block;width:275px;height:82px;overflow:hidden}.mockup-brand img{width:100%;height:100%;object-fit:cover;object-position:left center}
.primary-nav ul{gap:28px}.primary-nav a{font-size:1rem;letter-spacing:.055em;color:#eee4d0}.primary-nav .current-menu-item>a,.primary-nav a:hover{color:var(--mock-red);border-bottom:3px solid var(--mock-red);padding-bottom:9px}
.header-tools{display:flex;align-items:center;gap:12px}.header-search{flex:1}.header-cart{text-decoration:none;white-space:nowrap;font-size:1rem;color:#e9dfcc}.header-cart span{font-size:.8rem;margin-left:3px}
.site-main{max-width:1160px}.home-hero{min-height:385px;margin-top:8px;padding:38px 72px;grid-template-columns:.95fr 1.25fr;background:radial-gradient(circle at 85% 12%,rgba(255,69,34,.9),rgba(118,22,8,.45) 28%,transparent 52%),linear-gradient(90deg,#070707 0%,#100805 43%,#4c1008 100%);box-shadow:inset 0 0 65px #000;border-left:1px solid #3b332a;border-right:1px solid #3b332a}
.home-hero__copy h1{font-size:clamp(4.2rem,8vw,7.3rem);max-width:470px;line-height:.8}.hero-artist{font-size:clamp(2.6rem,5vw,5rem)}.hero-tagline{font-family:"Arial Narrow",Arial,sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.13em;font-size:.95rem;max-width:430px}.button--primary{font-size:1rem;padding:.65rem 1.15rem;box-shadow:none}.home-hero__art{min-height:335px}.home-hero__art img{width:min(360px,70%);border:2px solid #807564}.hero-vinyl{width:min(350px,68%);right:1%;box-shadow:0 15px 40px #000}.hero-vinyl:before{background:radial-gradient(circle,#e8ddc8 0 7%,#111 8% 14%,#211b16 15% 36%,#ece1cc 37% 58%,#15100c 59%)}
.hero-arrow{position:absolute;z-index:8;top:48%;transform:translateY(-50%);border:0;background:transparent;color:#eee5d1;font-size:4rem;font-weight:200;line-height:1;cursor:pointer;text-shadow:0 2px 5px #000}.hero-arrow--prev{left:12px}.hero-arrow--next{right:12px}.hero-dots{position:absolute;right:34px;bottom:18px;z-index:8;display:flex;gap:11px}.hero-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#e8deca}.hero-dots i:first-child{background:var(--mock-red);border-radius:1px}
.amp-nav{margin:0;border-width:13px;grid-template-columns:repeat(6,1fr);box-shadow:0 7px 16px #000,inset 0 0 20px #000}.amp-nav__item{min-height:120px;padding:18px 8px 14px}.amp-nav__item strong{font-size:1.05rem}.amp-nav__item small{font-size:.61rem;letter-spacing:.09em}.amp-nav__icon{height:46px;margin:0 auto 7px;width:52px;position:relative;display:block;color:#eee4cf}
.amp-icon:before,.amp-icon:after{content:"";position:absolute;box-sizing:border-box}.amp-icon--amp:before{left:5px;top:10px;width:42px;height:29px;border:2px solid currentColor;border-radius:2px}.amp-icon--amp:after{left:10px;top:5px;width:32px;height:5px;border:2px solid currentColor;border-bottom:0}
.amp-icon--vinyl:before{left:8px;top:3px;width:38px;height:38px;border:2px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 10px #0a0a0a,inset 0 0 0 12px currentColor}.amp-icon--vinyl:after{left:25px;top:20px;width:4px;height:4px;border-radius:50%;background:currentColor}
.amp-icon--news:before{left:8px;top:5px;width:36px;height:35px;border:2px solid currentColor;box-shadow:inset 0 -8px 0 rgba(239,229,206,.12)}.amp-icon--news:after{left:13px;top:12px;width:25px;height:2px;background:currentColor;box-shadow:0 7px currentColor,0 14px currentColor}
.amp-icon--shirt:before{left:9px;top:5px;width:34px;height:37px;border:2px solid currentColor;clip-path:polygon(0 18%,22% 0,38% 9%,62% 9%,78% 0,100% 18%,84% 38%,72% 30%,72% 100%,28% 100%,28% 30%,16% 38%)}
.amp-icon--radio:before{left:19px;top:4px;width:15px;height:15px;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 0 5px #0a0a0a,0 0 0 7px currentColor}.amp-icon--radio:after{left:25px;top:20px;width:2px;height:24px;background:currentColor;box-shadow:-10px 15px 0 -0.5px currentColor,10px 15px 0 -0.5px currentColor;transform-origin:top}
.amp-icon--globe:before{left:7px;top:3px;width:40px;height:40px;border:2px solid currentColor;border-radius:50%;background:linear-gradient(90deg,transparent 47%,currentColor 48% 52%,transparent 53%),linear-gradient(0deg,transparent 47%,currentColor 48% 52%,transparent 53%)}.amp-icon--globe:after{left:16px;top:3px;width:22px;height:40px;border-left:2px solid currentColor;border-right:2px solid currentColor;border-radius:50%}
.home-split{margin:0;border:1px solid #51483c;box-shadow:inset 0 0 28px #000}.home-split>div{padding:22px 24px 28px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:2.55rem}.release-strip{gap:11px}.release-mini strong{font-size:.74rem}.release-mini span{font-size:.68rem}.home-news{border-left:4px double #716758}.news-row{grid-template-columns:78px 1fr 16px;padding:9px 0}.news-row img{width:78px;height:48px}.news-row strong{font-size:.7rem}.news-row small{font-size:.62rem}
.ripple-radio{display:none}
.manifesto{margin:0;min-height:145px;border:0;border-top:6px solid #51483d;border-bottom:6px solid #51483d;background:#0b0b0b url('../images/concert-strip.jpg') center/cover no-repeat}.manifesto:before{display:none}.manifesto>div{visibility:hidden}.manifesto__photo:after{display:none}
.site-footer{margin-top:0;border-top:0;background:#080808 url('../images/tolex.png') repeat;background-size:220px;box-shadow:inset 0 0 35px #000}.site-footer__top{max-width:1160px;padding:32px 42px 24px;grid-template-columns:1.15fr 1fr 1fr 1.4fr}.footer-brand .custom-logo{display:none}.footer-brand:before{content:"";display:block;width:180px;height:72px;background:url('../images/mockup-logo.png') left center/240px auto no-repeat}.footer-brand p{display:none}.footer-nav ul{columns:2}.footer-social{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.footer-social a{font-size:.7rem}.site-footer__bottom{max-width:1160px;padding:28px 42px 35px;border-top:1px solid #4b4338}.site-footer__bottom strong{background:url('../images/paper.png') center/cover;color:#17130f;padding:7px 18px;transform:rotate(-5deg);font-size:1.05rem}.site-footer__bottom:before{height:12px;border-top-width:6px}
@media(max-width:1050px){.site-header__inner{grid-template-columns:1fr auto;min-height:86px}.mockup-brand{width:250px}.header-tools{display:none}.home-hero{padding:34px 46px}.home-hero__copy h1{font-size:4.5rem}.hero-arrow{font-size:3rem}.amp-nav{grid-template-columns:repeat(3,1fr)}.site-footer__top{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-shell{border-width:5px}.mockup-brand{width:220px;height:68px}.home-hero{grid-template-columns:1fr;padding:30px 24px 42px}.home-hero__copy h1{font-size:3.8rem}.home-hero__art{min-height:300px}.hero-arrow{display:none}.amp-nav{grid-template-columns:repeat(2,1fr)}.home-split{margin:0}.manifesto{min-height:120px;background-position:center}.site-footer__top{grid-template-columns:1fr}.footer-brand:before{width:190px}}


/* ==========================================================
   v0.4 — HEADER MENU + ICON + HERO/FOOTER QA FIXES
   ========================================================== */
.site-header__inner{grid-template-columns:270px minmax(0,1fr) 245px;gap:14px}
.primary-nav{display:block!important;min-width:0}
.primary-nav ul,.primary-nav .menu{display:flex!important;align-items:center;justify-content:center;gap:21px;list-style:none;margin:0;padding:0;white-space:nowrap}
.primary-nav li{margin:0;padding:0}
.primary-nav a{display:block;font-size:.91rem;line-height:1.2}
.header-tools{min-width:0}.header-search{min-width:0}.search-field{padding:.58rem .7rem}.search-submit{padding:0 .65rem}
.header-cart{font-size:0}.header-cart:before{content:"";display:inline-block;width:22px;height:22px;vertical-align:middle;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23efe5ce' stroke-width='1.7'%3E%3Cpath d='M3 4h2l2.3 10.2a2 2 0 0 0 2 1.6h7.9a2 2 0 0 0 1.9-1.4L21 8H7'/%3E%3Ccircle cx='10' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E")}.header-cart span{font-size:.75rem;vertical-align:middle}
.amp-nav__icon{width:56px;height:48px}.amp-nav__icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
/* Disable the old CSS-drawn icon pseudo-elements now that v0.4 uses SVG. */
.amp-nav__icon:before,.amp-nav__icon:after{content:none!important;display:none!important}
.home-hero__copy h1{font-size:clamp(3.6rem,6.4vw,6.4rem);line-height:.84;overflow-wrap:normal;word-break:normal;hyphens:none}
.home-hero__copy .hero-artist+h1{margin-top:.04em}
.footer-brand .brand-text--footer{display:none!important}.footer-brand:before{width:230px;height:86px;background-size:230px auto;background-position:left center}
@media(max-width:1150px) and (min-width:1051px){.site-header__inner{grid-template-columns:245px minmax(0,1fr) 220px;padding-left:18px;padding-right:18px}.mockup-brand{width:245px}.primary-nav ul,.primary-nav .menu{gap:14px}.primary-nav a{font-size:.82rem}.header-cart{display:none}}
@media(max-width:1050px){.primary-nav{display:none!important}.primary-nav.is-open{display:block!important}.primary-nav.is-open ul,.primary-nav.is-open .menu{display:flex!important;white-space:normal}.menu-toggle{display:block}}
\n\n/* ==========================================================\n   v0.5 — TWO-ROW RELEASE GRID + SECTION OVERFLOW FIX\n   ========================================================== */\n.home-split{\n  overflow:hidden;\n  align-items:stretch;\n}\n.home-split>div{\n  min-width:0;\n  overflow:hidden;\n}\n.release-strip{\n  grid-template-columns:repeat(6,minmax(0,1fr));\n  grid-auto-rows:auto;\n  row-gap:22px;\n  align-content:start;\n}\n.release-mini{overflow:hidden}\n.home-news{position:relative;isolation:isolate}\n.manifesto{position:relative;z-index:2}\n@media(max-width:1050px){\n  .release-strip{grid-template-columns:repeat(3,minmax(0,1fr))}\n}\n@media(max-width:720px){\n  .release-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}\n}\n
/* ==========================================================
   v0.6 — RELEASE CAMPAIGN PAGE
   ========================================================== */
.release-single--v06{max-width:1160px;padding:22px 30px 60px}
.release-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 4px 18px;color:#81796c;font-size:.7rem;text-transform:uppercase;letter-spacing:.11em}
.release-breadcrumb a{color:var(--orange);text-decoration:none}.release-breadcrumb strong{color:#cfc4af;font-weight:500}
.release-campaign-hero{min-height:520px;padding:36px 38px 46px;gap:64px;grid-template-columns:minmax(320px,500px) 1fr;position:relative;border:1px solid #51493e;background:radial-gradient(circle at 82% 20%,rgba(225,58,30,.18),transparent 38%),linear-gradient(120deg,#090909 0,#100c09 58%,#080808 100%);box-shadow:inset 0 0 55px #000,0 10px 30px #000}
.release-campaign-hero:before{content:"";position:absolute;left:0;right:0;top:-7px;height:7px;background:url('../images/brushed-metal.png') center/auto 100%}
.release-campaign-cover{position:relative;isolation:isolate;padding-right:55px}
.release-campaign-cover img{position:relative;z-index:2;width:100%;aspect-ratio:1;object-fit:cover;border:2px solid #6d6457;box-shadow:0 22px 55px #000;transform:rotate(-.7deg)}
.release-vinyl{position:absolute;z-index:1;right:0;top:7%;width:82%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#050505 0 2px,#171717 3px 4px,#080808 5px 7px);box-shadow:0 20px 45px #000}
.release-vinyl:before{content:"";position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle,#e8ddc8 0 7%,#111 8% 14%,#e8482d 15% 55%,#1d1510 56%)}
.release-campaign-intro{position:relative;z-index:3}.release-campaign-intro .eyebrow{color:var(--orange);font-size:.78rem;letter-spacing:.15em}.release-campaign-intro h1{font-size:clamp(3.2rem,5.6vw,6.2rem);line-height:.86;margin:.1em 0 .2em;max-width:560px}.release-kicker{text-transform:uppercase;letter-spacing:.12em;color:#b9ae9b;font-size:.72rem}.release-kicker span{color:var(--orange);padding:0 5px}.release-campaign-intro .hero-tagline{max-width:520px;font-size:1.05rem;line-height:1.55;color:#ddd0ba}.release-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.release-platform-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #5a5145;border-top:0;background:#090909 url('../images/tolex.png') repeat;background-size:220px;box-shadow:0 8px 22px #000}
.release-platform-strip a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;padding:0 18px;border-right:1px solid #4b443a;color:#eee2ca;text-decoration:none;text-transform:uppercase;font-family:Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.08em}.release-platform-strip a:last-child{border-right:0}.release-platform-strip a:hover{background:rgba(240,68,39,.13);color:var(--orange)}.release-platform-strip b{font-family:Arial,sans-serif;font-weight:400}
.release-story-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:20px;margin-top:26px}.release-editorial,.release-player-panel{border:1px solid #51493e;background:#0a0a0a url('../images/tolex.png') repeat;background-size:240px;box-shadow:inset 0 0 25px #000}.release-editorial{padding:34px 40px}.release-player-panel{padding:34px 28px;align-self:start;position:sticky;top:125px}.release-editorial>.eyebrow,.release-player-panel>.eyebrow{color:var(--orange);letter-spacing:.15em}.release-player-panel h2{font-size:2.8rem;margin:.05em 0 .45em}.release-legacy-content{font-size:.95rem;line-height:1.72}.release-legacy-content h2,.release-legacy-content h3{margin-top:1.2em}.release-legacy-content h2{font-size:2.6rem}.release-legacy-content a{color:var(--orange)}
/* The legacy pages often repeat the hero cover as the first content image. Hide only that first duplicate visual in the redesigned template. */
.release-legacy-content>p:first-child>a:only-child>img,.release-legacy-content>p:first-child>img,.release-legacy-content>.wp-block-image:first-child{display:none!important}
.bandcamp-embed iframe{width:100%!important;max-width:100%;border:0}.release-player-panel .bandcamp-embed{margin-top:16px}
.release-related{margin-top:30px;padding:28px 30px 34px;border:1px solid #51493e;background:#090909 url('../images/tolex.png') repeat;background-size:230px}.release-related .section-heading{display:flex;justify-content:space-between;align-items:end}.release-related .section-heading h2{margin:.05em 0 0;font-size:2.7rem}.release-related .section-heading a{color:#d9ccb5;text-decoration:none;font-size:.7rem;text-transform:uppercase}.release-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.release-related-card{text-decoration:none;color:#eee3cc}.release-related-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #675e51;box-shadow:0 10px 20px #000}.release-related-card strong{display:block;margin-top:9px;text-transform:uppercase;font-size:.78rem}.release-related-card:hover strong{color:var(--orange)}
.release-single--v06>.ripple-radio{display:block}
@media(max-width:900px){.release-campaign-hero{grid-template-columns:1fr;gap:34px}.release-campaign-cover{max-width:560px;margin:auto}.release-platform-strip{grid-template-columns:repeat(2,1fr)}.release-platform-strip a{border-bottom:1px solid #4b443a}.release-story-grid{grid-template-columns:1fr}.release-player-panel{position:static}.release-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.release-single--v06{padding:16px 14px 45px}.release-campaign-hero{padding:26px 20px 32px}.release-campaign-cover{padding-right:32px}.release-campaign-intro h1{font-size:3.4rem}.release-platform-strip{grid-template-columns:1fr}.release-platform-strip a{border-right:0}.release-editorial,.release-player-panel{padding:25px 20px}.release-related{padding:24px 20px}.release-related-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
\n\n/* ==========================================================\n   v0.7 — STICKY STREAM PLAYER / LEGACY ACTIONS\n   ========================================================== */\n.release-single--v07 .release-player-panel{\n  min-width:0;\n}\n.release-single--v07 .bandcamp-embed{\n  margin:14px 0 18px;\n  overflow:hidden;\n}\n.release-single--v07 .bandcamp-embed iframe{\n  display:block;\n  width:100%!important;\n  min-width:0!important;\n  max-width:100%!important;\n}\n.release-legacy-actions{\n  margin-top:18px;\n  padding-top:18px;\n  border-top:1px solid #403a32;\n}\n.release-legacy-actions p,\n.release-legacy-actions div{\n  margin:0;\n}\n.release-legacy-actions a{\n  display:inline-block;\n  margin:0 5px 7px 0;\n}\n.release-legacy-actions img{\n  width:auto!important;\n  max-width:42px!important;\n  height:42px!important;\n  object-fit:contain;\n}\n.release-single--v07 .release-legacy-content iframe[src*="bandcamp.com"]{display:none!important}\n@media(max-width:900px){\n  .release-single--v07 .release-player-panel{position:static}\n}\n\n\n/* ==========================================================\n   v0.8 — VERTICAL BANDCAMP PLAYER + ECOM ACTION RAIL\n   ========================================================== */\n.release-single--v08 .release-player-panel{min-width:0}\n.release-single--v08 .bandcamp-embed{margin:14px 0 20px;overflow:hidden}\n.release-single--v08 .bandcamp-embed .ripple-bandcamp-vertical{display:block;width:100%!important;max-width:350px!important;height:470px!important;margin:0 auto;background:#fff}\n.release-buy-panel{margin-top:22px;padding-top:22px;border-top:1px solid #4a4238}\n.release-buy-panel>.eyebrow{color:var(--orange);letter-spacing:.15em;margin-bottom:3px}\n.release-buy-panel h3{font-size:2.25rem;margin:0 0 8px}\n.release-buy-panel p:not(.eyebrow){font-size:.88rem;line-height:1.55;color:#d8d0c4}\n.release-buy-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}\n.release-buy-buttons .button{flex:1 1 120px;text-align:center}\n.release-single--v08 .release-legacy-content h1:last-child,\n.release-single--v08 .release-legacy-content h2:last-child,\n.release-single--v08 .release-legacy-content h3:last-child{margin-bottom:0}\n@media(max-width:900px){.release-single--v08 .release-player-panel{position:static}.release-single--v08 .bandcamp-embed .ripple-bandcamp-vertical{max-width:350px!important}}\n@media(max-width:420px){.release-single--v08 .bandcamp-embed .ripple-bandcamp-vertical{max-width:100%!important;height:470px!important}}\n
/* ==========================================================
   v0.9 — STRUCTURED RELEASE LINKS / CLEAN SERVICE ICONS
   ========================================================== */
.release-single--v09 .release-story-grid{align-items:start}
.release-service-group{margin-top:22px;padding-top:20px;border-top:1px solid #4a4238}
.release-service-group>.eyebrow{color:var(--orange);letter-spacing:.15em;margin:0 0 10px}
.release-service-links{display:grid;grid-template-columns:1fr;gap:8px}
.release-service-link{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 10px;border:1px solid #3e3932;background:rgba(255,255,255,.025);color:#eee2ca;text-decoration:none;text-transform:uppercase;font-family:Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.07em;transition:.18s ease}
.release-service-link:hover{border-color:var(--orange);background:rgba(240,68,39,.10);color:var(--orange);transform:translateX(2px)}
.release-service-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;color:#eee2ca}
.release-service-icon svg{width:27px;height:27px;fill:currentColor;stroke:none}
.release-service-icon svg .cut{fill:none;stroke:#090909;stroke-width:2.2;stroke-linecap:round}
.release-service-link:hover .release-service-icon{color:var(--orange)}
.release-follow-group{margin-top:20px}
/* Old icon artwork can remain in legacy page HTML for rollback, but the new template owns presentation. */
.release-single--v09 .release-legacy-actions{display:none!important}

/* Roster / Alumni archive switch */
.archive-hero--roster{padding-bottom:24px}
.archive-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.archive-title-row h1{margin:0}
.roster-switch{
  flex:0 0 auto;min-width:230px;margin-bottom:10px;padding:11px 16px 12px;
  border:1px solid #70685c;border-left:4px solid var(--orange);
  background:linear-gradient(180deg,#1b1b1a 0%,#0b0b0b 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 0 #050505;
  color:var(--cream);text-decoration:none;text-transform:uppercase;transform:rotate(-.35deg)
}
.roster-switch__kicker{display:block;color:var(--orange);font-size:.62rem;font-weight:800;letter-spacing:.16em;margin-bottom:4px}
.roster-switch__label{display:block;font-family:Impact,"Arial Narrow",sans-serif;font-size:1.05rem;letter-spacing:.055em}
.roster-switch__label b{color:var(--orange);font-size:1.15em}
.roster-switch:hover{border-color:#a89d8b;background:linear-gradient(180deg,#242321 0%,#111 100%);color:#fff;transform:translateY(-2px) rotate(-.35deg)}
@media (max-width:720px){
  .archive-title-row{display:block}
  .roster-switch{display:inline-block;min-width:0;margin:14px 0 0}
}

/* v1.0.3 — expanded label footer */
.site-footer__top{grid-template-columns:1.15fr .85fr 1fr 1.55fr;gap:34px}
.footer-label{margin:0 0 12px;color:var(--orange);font-family:Impact,"Arial Narrow",sans-serif;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}
.footer-section{min-width:0}
.footer-nav ul{columns:1}
.footer-social{display:flex;flex-wrap:wrap;gap:8px}
.footer-social a{display:inline-flex;align-items:center;min-height:34px;padding:5px 10px;border:1px solid #454038;background:#111;text-decoration:none;line-height:1.2}
.footer-social a:hover,.footer-shop-links a:hover,.footer-partners a:hover{color:var(--orange);border-color:var(--orange)}
.footer-connect{display:grid;gap:24px}
.footer-shop-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.footer-shop-links .footer-label{grid-column:1/-1}
.footer-shop-links a{padding:7px 0;border-bottom:1px solid #302c27;color:var(--cream);font-size:.72rem;text-decoration:none;text-transform:uppercase}
.footer-partners{max-width:1160px;margin:0 auto;padding:18px 42px;border-top:1px solid #4b4338;display:flex;align-items:center;gap:24px}
.footer-partners .footer-label{margin:0;white-space:nowrap}
.footer-partners__links{display:flex;flex-wrap:wrap;gap:8px 22px}
.footer-partners a{color:#bcb3a5;font-size:.7rem;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
@media(max-width:1050px){.site-footer__top{grid-template-columns:repeat(2,1fr)}.footer-partners{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:720px){.site-footer__top{grid-template-columns:1fr}.footer-shop-links{grid-template-columns:1fr}.footer-partners{padding:18px 20px}.footer-partners__links{display:grid;gap:8px}}

/* v1.0.5 footer: tighter label footer + dedicated distributor board */
.site-footer__top{grid-template-columns:1.05fr .72fr .95fr 1.35fr;gap:38px;padding-bottom:28px}
.footer-nav a{display:inline-block;color:var(--cream);font-size:.72rem;font-weight:700;letter-spacing:.025em;line-height:1.85}
.footer-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.footer-social a{justify-content:center;min-height:36px;border:1px solid #4b443a;background:linear-gradient(#181818,#0c0c0c);box-shadow:inset 0 1px rgba(255,255,255,.05),0 2px 4px #000;font-weight:700}
.footer-shop-links{grid-template-columns:1fr 1fr;gap:0 22px}
.footer-shop-links a{font-weight:700;letter-spacing:.02em}
.footer-distributors{max-width:1160px;margin:0 auto;padding:22px 42px 24px;border-top:1px solid #4b4338}
.footer-distributors>.footer-label{margin-bottom:14px}
.footer-distributors__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.distributor-tile{min-height:68px;display:flex;align-items:center;justify-content:center;padding:10px 8px;border:1px solid #49433a;background:linear-gradient(180deg,#171717,#080808);box-shadow:inset 0 1px rgba(255,255,255,.07),inset 0 0 16px #000,0 3px 5px #000;color:#e8e0d3;text-align:center;text-decoration:none;text-transform:uppercase;transition:.15s ease}
.distributor-tile span{font-family:Impact,"Arial Narrow",sans-serif;font-size:1rem;line-height:1;letter-spacing:.06em}
.distributor-tile--mvd span{font-size:1.65rem;letter-spacing:.03em}
.distributor-tile--border-music span{font-size:1.15rem}
.distributor-tile--hart span{font-family:Georgia,serif;font-style:italic;font-size:1.25rem;text-transform:none}
.distributor-tile--plastic-head span{font-size:1.05rem}
.distributor-tile--goodfellas span{font-family:Georgia,serif;font-weight:900;font-style:italic;font-size:1.1rem;text-transform:none}
.distributor-tile--suburban span{font-size:1.05rem}
.distributor-tile:hover{color:var(--orange);border-color:var(--orange);transform:translateY(-2px)}
.site-footer__bottom{padding-top:24px}
@media(max-width:1050px){.site-footer__top{grid-template-columns:1fr 1fr}.footer-distributors__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.site-footer__top{grid-template-columns:1fr;gap:26px}.footer-distributors{padding:20px}.footer-distributors__grid{grid-template-columns:repeat(2,1fr)}.footer-shop-links{grid-template-columns:1fr 1fr}}


/* v1.0.6 — mockup-faithful footer: mailing list right + image distributor marks */
.site-footer__top--v106{grid-template-columns:1.2fr .58fr .78fr .82fr 1.35fr;gap:28px;align-items:start;padding:34px 42px 30px}
.site-footer__top--v106 .footer-brand{min-width:0}
.site-footer__top--v106 .footer-shop-links{display:grid;grid-template-columns:1fr;gap:0}
.site-footer__top--v106 .footer-shop-links a{border:0;padding:5px 0;line-height:1.45}
.site-footer__top--v106 .footer-social{display:flex;flex-wrap:wrap;gap:8px}
.site-footer__top--v106 .footer-social a{width:42px;height:42px;min-height:42px;padding:0;overflow:hidden;font-size:0;position:relative}
.site-footer__top--v106 .footer-social a::after{font-family:Impact,"Arial Narrow",sans-serif;font-size:.72rem;letter-spacing:.03em;color:var(--cream);text-transform:uppercase}
.site-footer__top--v106 .footer-social a[href*=instagram]::after{content:"IG"}.site-footer__top--v106 .footer-social a[href*=facebook]::after{content:"f";font-size:1.15rem}.site-footer__top--v106 .footer-social a[href*=youtube]::after{content:"▶";font-size:1rem}.site-footer__top--v106 .footer-social a[href*=spotify]::after{content:"SP"}.site-footer__top--v106 .footer-social a[href*=bandcamp]::after{content:"bc"}
.footer-mailing--right{justify-self:stretch}
.footer-mailing--right form{display:flex;width:100%;max-width:none}
.footer-mailing--right input{min-width:0;flex:1}
.footer-mailing__note{margin:12px 0 0;color:#bdb5a8;font-size:.62rem;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}
.footer-distributors{padding-top:20px}
.footer-distributors__grid{gap:12px}
.distributor-tile{height:82px;min-height:82px;padding:0;overflow:hidden;background:#070707}
.distributor-tile img{display:block;width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.08);transition:filter .15s ease,transform .15s ease}
.distributor-tile:hover img{filter:grayscale(0) contrast(1.04);transform:scale(1.025)}
.distributor-tile span{display:none}
@media(max-width:1180px){.site-footer__top--v106{grid-template-columns:1.1fr .65fr .8fr 1.35fr}.site-footer__top--v106 .footer-section--social{grid-column:2/4}.footer-mailing--right{grid-column:4;grid-row:1/3}}
@media(max-width:900px){.site-footer__top--v106{grid-template-columns:1fr 1fr}.footer-mailing--right{grid-column:auto;grid-row:auto}.site-footer__top--v106 .footer-section--social{grid-column:auto}.footer-distributors__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.site-footer__top--v106{grid-template-columns:1fr;padding:28px 20px}.footer-distributors__grid{grid-template-columns:repeat(2,1fr)}.distributor-tile{height:72px}}


/* v1.0.7 — footer spacing correction */
.site-footer__top--v107{
  grid-template-columns:minmax(240px,1.2fr) minmax(120px,.58fr) minmax(180px,.78fr) minmax(150px,.82fr) minmax(300px,1.35fr);
  gap:34px;
  align-items:start;
  padding:34px 42px 30px;
}
.site-footer__top--v107.footer-no-social{
  grid-template-columns:minmax(240px,1.25fr) minmax(130px,.62fr) minmax(190px,.9fr) minmax(320px,1.35fr);
}
.site-footer__top--v107.footer-no-social .footer-mailing--right{
  grid-column:4;
  justify-self:stretch;
}
.site-footer__top--v107 .footer-brand{min-width:0}
.site-footer__top--v107 .footer-shop-links{display:grid;grid-template-columns:1fr;gap:0}
.site-footer__top--v107 .footer-shop-links a{border:0;padding:5px 0;line-height:1.45}
.site-footer__top--v107 .footer-social{display:flex;flex-wrap:wrap;gap:8px}
.site-footer__top--v107 .footer-social a{width:42px;height:42px;min-height:42px;padding:0;overflow:hidden;font-size:0;position:relative}
.site-footer__top--v107 .footer-social a::after{font-family:Impact,"Arial Narrow",sans-serif;font-size:.72rem;letter-spacing:.03em;color:var(--cream);text-transform:uppercase}
.site-footer__top--v107 .footer-social a[href*=instagram]::after{content:"IG"}.site-footer__top--v107 .footer-social a[href*=facebook]::after{content:"f";font-size:1.15rem}.site-footer__top--v107 .footer-social a[href*=youtube]::after{content:"▶";font-size:1rem}.site-footer__top--v107 .footer-social a[href*=spotify]::after{content:"SP"}.site-footer__top--v107 .footer-social a[href*=bandcamp]::after{content:"bc"}
@media(max-width:1180px){
  .site-footer__top--v107,.site-footer__top--v107.footer-no-social{grid-template-columns:1fr 1fr}
  .site-footer__top--v107 .footer-mailing--right,.site-footer__top--v107.footer-no-social .footer-mailing--right{grid-column:auto;grid-row:auto}
}
@media(max-width:620px){.site-footer__top--v107,.site-footer__top--v107.footer-no-social{grid-template-columns:1fr;padding:28px 20px;gap:26px}}

/* v1.0.8 — real homepage release carousel */
.home-hero--slider{display:block;padding:0;min-height:500px;background:#090807;isolation:isolate}
.hero-slides{position:relative;min-height:500px}
.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:30px;padding:45px 70px;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.015);transition:opacity .65s ease,transform 1s ease,visibility 0s linear .65s;overflow:hidden}
.hero-slide.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);transition-delay:0s}
.hero-slide__backdrop{position:absolute;inset:-30px;z-index:-2;background-image:var(--hero-bg,linear-gradient(115deg,#160603,#6f160d));background-size:cover;background-position:center;filter:saturate(.85) contrast(1.08);transform:scale(1.05);transition:transform 7s ease}
.hero-slide.is-active .hero-slide__backdrop{transform:scale(1)}
.hero-slide__backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,transparent 0 25%,rgba(0,0,0,.4) 68%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px);mix-blend-mode:screen;opacity:.55}
.hero-slide .home-hero__copy{transform:translateX(-24px);opacity:0;transition:transform .65s ease .12s,opacity .55s ease .12s}
.hero-slide.is-active .home-hero__copy{transform:none;opacity:1}
.hero-slide .home-hero__art{transform:translateX(45px) rotate(1deg);opacity:0;transition:transform .8s cubic-bezier(.2,.7,.2,1) .08s,opacity .55s ease .08s}
.hero-slide.is-active .home-hero__art{transform:none;opacity:1}
.hero-slide.is-active .hero-vinyl{animation:ripple-vinyl-drift 7s ease-in-out both}
@keyframes ripple-vinyl-drift{from{transform:translateX(12%) rotate(0deg)}to{transform:translateX(9%) rotate(13deg)}}
.home-hero--slider .hero-dots{right:50%;transform:translateX(50%);bottom:20px;gap:9px}
.home-hero--slider .hero-dots button{appearance:none;width:10px;height:10px;padding:0;border:1px solid #d9cfbb;background:rgba(0,0,0,.55);transform:rotate(45deg);cursor:pointer;transition:.2s}
.home-hero--slider .hero-dots button.is-active{background:var(--mock-red);border-color:var(--mock-red);transform:rotate(45deg) scale(1.2)}
.home-hero--slider .hero-arrow{transition:transform .2s,color .2s}
.home-hero--slider .hero-arrow:hover{color:var(--mock-red);transform:translateY(-50%) scale(1.12)}
@media(max-width:1050px){.hero-slide{padding:38px 50px;grid-template-columns:1fr 1fr}}
@media(max-width:720px){.home-hero--slider,.hero-slides{min-height:650px}.hero-slide{grid-template-columns:1fr;padding:34px 24px 55px;align-content:center}.hero-slide__backdrop{background-image:var(--hero-bg,linear-gradient(115deg,#160603,#6f160d))}.home-hero--slider .hero-dots{bottom:18px}.hero-slide .home-hero__art{min-height:285px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slide__backdrop,.hero-slide .home-hero__copy,.hero-slide .home-hero__art{transition:none!important;transform:none!important}.hero-slide.is-active .hero-vinyl{animation:none!important}}

/* v1.0.9 — calmer hero pacing + tighter carousel typography */
.home-hero--slider .hero-artist{font-size:clamp(1.9rem,3.2vw,3.5rem);line-height:.94;margin-top:16px}
.home-hero--slider .home-hero__copy h1{font-size:clamp(3rem,5vw,5rem);line-height:.86;max-width:520px}
@media(max-width:1050px){.home-hero--slider .hero-artist{font-size:2.5rem}.home-hero--slider .home-hero__copy h1{font-size:4rem}}
@media(max-width:720px){.home-hero--slider .hero-artist{font-size:2rem}.home-hero--slider .home-hero__copy h1{font-size:3.15rem}}


/* v1.0.12 — hero layering, slide street date, header cleanup */
.home-hero--slider .hero-slide{isolation:isolate}
.home-hero--slider .hero-slide__backdrop{z-index:0}
.home-hero--slider .hero-slide__backdrop:after{z-index:0;pointer-events:none}
.home-hero--slider .home-hero__copy,.home-hero--slider .home-hero__art{position:relative;z-index:2}
.home-hero--slider .hero-arrow,.home-hero--slider .hero-dots{z-index:4}
.home-hero--slider .hero-street-date{margin:.35rem 0 .85rem;font-family:"Arial Narrow",Arial,sans-serif;font-size:.78rem;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:#eee3cf}
.home-hero--slider .hero-street-date span{color:var(--mock-red);font-weight:800;margin-right:.35em}
.header-tools{grid-template-columns:1fr}.header-cart{display:none!important}

/* v1.0.13 — keep all hero tint/texture effects behind carousel foreground content */
.home-hero--slider::before,
.home-hero--slider::after{content:none!important;display:none!important}
.home-hero--slider{position:relative;isolation:isolate;background:#090807}
.home-hero--slider .hero-slides{position:relative;z-index:1}
.home-hero--slider .hero-slide{isolation:isolate}
.home-hero--slider .hero-slide__backdrop{z-index:0}
.home-hero--slider .hero-slide__backdrop::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(8,8,8,.78) 37%,rgba(8,8,8,.20) 70%,rgba(5,5,5,.45) 100%);pointer-events:none}
.home-hero--slider .hero-slide__backdrop::after{z-index:1;pointer-events:none}
.home-hero--slider .home-hero__copy,
.home-hero--slider .home-hero__art{position:relative;z-index:10}
.home-hero--slider .hero-arrow,
.home-hero--slider .hero-dots{z-index:20}

/* ==========================================================
   ABOUT RIPPLE MUSIC — v1.0.19
   Dedicated editorial layout. Intentionally lives in the
   enqueued ripple.css rather than style.css.
   ========================================================== */
.ripple-about-page{background:#080808;color:var(--cream);overflow:hidden}
.ripple-about-page *{box-sizing:border-box}
.ra-shell{width:min(1500px,calc(100% - 72px));margin-inline:auto}
.ra-kicker{margin:0 0 12px;color:var(--orange);font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.ra-hero{position:relative;min-height:430px;display:flex;align-items:flex-end;background:#090909 url('../images/concert-strip.jpg') center/cover no-repeat;border-bottom:9px solid #4c463d;isolation:isolate}
.ra-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.79) 48%,rgba(0,0,0,.40) 100%)}
.ra-hero__inner{width:min(1500px,calc(100% - 72px));margin-inline:auto;padding:80px 0 64px}
.ra-hero h1,.ra-section-head h2,.ra-signoff h2{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.02em}
.ra-hero h1{margin:0;max-width:1200px;font-size:clamp(4.4rem,8vw,8.8rem);line-height:.84}.ra-hero h1 span{color:var(--orange)}
.ra-deck{margin:22px 0 0;color:#d1c7b7;font-size:1.15rem;letter-spacing:.19em;text-transform:uppercase}
.ra-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,.88fr);gap:72px;padding-top:82px;padding-bottom:95px}
.ra-story__copy{align-self:center;color:#d1c8ba;font-size:1.05rem;line-height:1.78}.ra-story__copy p{margin:0 0 24px}.ra-story__copy strong{color:#fff}
.ra-lede{margin-bottom:36px!important;padding-left:24px;border-left:5px solid var(--orange);color:#f2eadd!important;font-size:1.62rem!important;line-height:1.42!important}
.ra-story__collage{display:grid;grid-template-columns:1fr .72fr;grid-template-rows:330px 255px;gap:18px;align-self:start;transform:rotate(.25deg)}
.ra-photo{position:relative;margin:0;padding:7px;background:#cdbd9f;box-shadow:0 14px 32px rgba(0,0,0,.65);overflow:hidden}.ra-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06)}
.ra-photo--hero{grid-column:1/-1;transform:rotate(-1deg)}.ra-photo--wide{transform:rotate(1.1deg)}.ra-photo--small{transform:rotate(-1.5deg)}
.ra-manifesto{position:relative;min-height:610px;display:grid;place-items:center;overflow:hidden;border-block:1px solid #40392f;background:#050505}
.ra-manifesto__bg,.ra-manifesto__shade{position:absolute;inset:0;width:100%;height:100%}.ra-manifesto__bg{object-fit:cover;filter:grayscale(1) contrast(1.18) brightness(.56)}.ra-manifesto__shade{background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.76) 32%,rgba(0,0,0,.76) 68%,rgba(0,0,0,.42))}
.ra-manifesto__card{position:relative;z-index:2;width:min(850px,calc(100% - 50px));padding:54px 62px;text-align:center;background:rgba(7,7,7,.90);border:1px solid #6a6051;box-shadow:0 0 0 8px rgba(0,0,0,.42);transform:rotate(-.35deg)}
.ra-manifesto h2{margin:0;font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(3.3rem,5.2vw,6rem);line-height:.95;text-transform:uppercase}.ra-manifesto h2 span{color:var(--orange)}
.ra-manifesto__line{margin:26px 0 0;color:#e6ddcf;font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ra-community{padding-top:88px;padding-bottom:92px}.ra-section-head{max-width:820px;margin:0 auto 46px;text-align:center}.ra-section-head h2{margin:0;font-size:clamp(3.8rem,6vw,6.5rem);line-height:.92}.ra-section-head>p:last-child{margin:18px 0 0;color:#bdb3a5;font-size:1.08rem}
.ra-community__grid{display:grid;grid-template-columns:1.05fr .72fr 1.05fr;grid-template-rows:430px;gap:20px}.ra-community__grid figure{margin:0;border:7px solid #171615;outline:1px solid #5a5145;overflow:hidden;background:#111}.ra-community__grid img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.04)}
.ra-community__cake img{object-position:center 52%}.ra-community__fan img{object-position:center 35%}.ra-community__interview img{object-position:center}
.ra-signoff{padding:105px 30px 118px;text-align:center;background:radial-gradient(circle at 50% 0,#28140d 0,transparent 48%),#070707;border-top:1px solid #3c352c}.ra-signoff__inner{max-width:1200px;margin:auto}.ra-signoff h2{margin:10px auto 36px;font-size:clamp(3.4rem,6vw,6.6rem);line-height:.94}
.ra-button{display:inline-block;padding:17px 26px;background:var(--orange);border:1px solid #ff6548;color:#090909!important;font-family:Impact,"Arial Narrow",sans-serif;font-size:1.15rem;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.ra-button:hover{transform:translateY(-2px);filter:brightness(1.08)}
@media(max-width:1100px){.ra-shell,.ra-hero__inner{width:min(100% - 44px,900px)}.ra-story{grid-template-columns:1fr;gap:48px}.ra-story__collage{grid-template-rows:360px 270px}.ra-community__grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 360px}.ra-community__interview{grid-column:1/-1}}
@media(max-width:700px){.ra-shell,.ra-hero__inner{width:calc(100% - 30px)}.ra-hero{min-height:330px}.ra-hero__inner{padding:55px 0 42px}.ra-hero h1{font-size:3.8rem}.ra-deck{font-size:.82rem}.ra-story{padding-top:48px;padding-bottom:58px}.ra-lede{font-size:1.3rem!important}.ra-story__collage{grid-template-columns:1fr;grid-template-rows:260px 220px 220px}.ra-photo--hero{grid-column:auto}.ra-manifesto{min-height:500px}.ra-manifesto__card{padding:42px 22px}.ra-community{padding-top:58px;padding-bottom:60px}.ra-community__grid{grid-template-columns:1fr;grid-template-rows:280px 340px 280px}.ra-community__interview{grid-column:auto}.ra-signoff{padding:72px 20px 84px}}


/* ==========================================================
   ABOUT RIPPLE MUSIC — v1.0.20 polish
   Tighter rhythm + organic Louder Together photo wall.
   ========================================================== */
.ripple-about-page .ra-story{padding-top:68px;padding-bottom:68px;align-items:start}
.ripple-about-page .ra-story__copy{align-self:start}
.ripple-about-page .ra-story__collage{grid-template-rows:315px 235px}
.ripple-about-page .ra-manifesto{min-height:540px;background:
  radial-gradient(circle at 18% 42%,rgba(240,72,43,.12),transparent 28%),
  linear-gradient(135deg,rgba(255,255,255,.025) 25%,transparent 25%) 0 0/12px 12px,
  #080808}
.ripple-about-page .ra-manifesto__shade{background:linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.64) 28%,rgba(0,0,0,.64) 72%,rgba(0,0,0,.22))}
.ripple-about-page .ra-community{padding-top:70px;padding-bottom:72px}
.ripple-about-page .ra-section-head{margin-bottom:34px}
.ripple-about-page .ra-community__wall{position:relative;min-height:690px;max-width:1260px;margin:0 auto;padding:28px 48px 34px}
.ripple-about-page .ra-snapshot{position:absolute;margin:0;padding:8px 8px 28px;background:#d8c9ad;box-shadow:0 18px 38px rgba(0,0,0,.72);outline:1px solid #665c4e;overflow:hidden}
.ripple-about-page .ra-snapshot:before,.ripple-about-page .ra-snapshot:after{content:"";position:absolute;z-index:3;width:72px;height:20px;background:rgba(202,184,146,.72);box-shadow:0 1px 2px rgba(0,0,0,.3)}
.ripple-about-page .ra-snapshot:before{left:28px;top:-7px;transform:rotate(-5deg)}
.ripple-about-page .ra-snapshot:after{right:24px;bottom:-7px;transform:rotate(5deg)}
.ripple-about-page .ra-snapshot img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.06)}
.ripple-about-page .ra-snapshot--main{z-index:1;left:20%;top:16px;width:60%;height:525px;transform:rotate(-1.1deg)}
.ripple-about-page .ra-snapshot--main img{object-position:center 45%}
.ripple-about-page .ra-snapshot--cake{z-index:4;left:1%;top:330px;width:28%;height:265px;transform:rotate(-5deg)}
.ripple-about-page .ra-snapshot--fan{z-index:5;right:1.5%;top:300px;width:23%;height:330px;transform:rotate(4deg)}
.ripple-about-page .ra-snapshot--fan img{object-position:center 30%}
.ripple-about-page .ra-snapshot--interview{z-index:3;left:31%;top:500px;width:38%;height:220px;transform:rotate(2.3deg)}
.ripple-about-page .ra-snapshot--interview img{object-position:center 48%}
.ripple-about-page .ra-signoff{padding:76px 30px 84px}
.ripple-about-page .ra-signoff h2{margin-bottom:28px}
@media(max-width:1100px){
  .ripple-about-page .ra-story{padding-top:58px;padding-bottom:58px}
  .ripple-about-page .ra-community__wall{min-height:760px;padding-inline:20px}
  .ripple-about-page .ra-snapshot--main{left:12%;width:76%;height:500px}
  .ripple-about-page .ra-snapshot--cake{left:0;top:400px;width:31%;height:240px}
  .ripple-about-page .ra-snapshot--fan{right:0;top:390px;width:28%;height:300px}
  .ripple-about-page .ra-snapshot--interview{left:28%;top:520px;width:45%;height:220px}
}
@media(max-width:700px){
  .ripple-about-page .ra-story{padding-top:44px;padding-bottom:48px}
  .ripple-about-page .ra-manifesto{min-height:460px}
  .ripple-about-page .ra-community{padding-top:52px;padding-bottom:52px}
  .ripple-about-page .ra-community__wall{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0;padding:8px 4px 20px}
  .ripple-about-page .ra-snapshot{position:relative;inset:auto!important;width:auto!important;height:230px!important;padding:6px 6px 20px;transform:none!important}
  .ripple-about-page .ra-snapshot--main{grid-column:1/-1;height:300px!important;transform:rotate(-1deg)!important}
  .ripple-about-page .ra-snapshot--interview{grid-column:1/-1;transform:rotate(1deg)!important}
  .ripple-about-page .ra-snapshot--cake{transform:rotate(-2deg)!important}
  .ripple-about-page .ra-snapshot--fan{transform:rotate(2deg)!important}
  .ripple-about-page .ra-signoff{padding:58px 18px 64px}
}

/* Search results — v1.0.22 */
.search-results-shell{padding-top:34px}
.search-results-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,520px);column-gap:48px;align-items:end;padding:24px 0 30px}
.search-results-hero>.eyebrow,.search-results-hero>h1,.search-results-query{grid-column:1}
.search-results-hero h1{font-size:clamp(3.2rem,7vw,6rem);line-height:.9;margin:.12em 0 .18em}
.search-results-query{margin:0;color:#cfc5b5;font-size:1rem;letter-spacing:.04em}
.search-results-query strong{color:var(--cream)}
.search-results-form{grid-column:2;grid-row:1/4;align-self:center}
.search-results-form .search-form{width:100%}
.search-results-form .search-field{font-size:1rem;padding:1rem 1.1rem}
.search-results-form .search-submit{min-width:54px}
.search-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.search-result-card{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:190px;background:#090909 url('../images/tolex.png') repeat;background-size:220px;border:1px solid #514a40;box-shadow:inset 0 0 24px #000;overflow:hidden}
.search-result-card__media{display:block;position:relative;min-height:100%;background:#111;overflow:hidden;border-right:1px solid #514a40}
.search-result-card__media img{display:block;width:100%;height:100%;min-height:190px;object-fit:cover;filter:saturate(.9) contrast(1.04);transition:transform .25s ease,filter .25s ease}
.search-result-card--release .search-result-card__media img{object-fit:cover}
.search-result-card:hover .search-result-card__media img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}
.search-result-card__media--empty{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#28231e 0,#111 48%,#050505 100%)}
.search-result-card__placeholder{font-family:Georgia,serif;font-weight:900;font-size:4.5rem;color:#4b4338;opacity:.8}
.search-result-card__body{padding:20px 21px 18px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.search-result-card__type{margin-bottom:7px;font-size:.66rem}
.search-result-card h2{font-size:clamp(1.45rem,2.1vw,2.15rem);line-height:.96;margin:0 0 10px;text-transform:uppercase;overflow-wrap:anywhere}
.search-result-card h2 a{text-decoration:none;color:var(--cream)}
.search-result-card h2 a:hover{color:var(--orange)}
.search-result-card__excerpt{margin:0 0 15px;color:#c6bdaf;font-size:.88rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.search-result-card__link{margin-top:auto;text-decoration:none}
.search-no-results{max-width:820px;margin:0 auto}
.search-no-results h2{font-size:clamp(2rem,5vw,4rem);margin:.15em 0}
.search-no-results .search-form{max-width:600px;margin-top:22px}
@media (max-width:980px){
 .search-results-hero{grid-template-columns:1fr;gap:22px}
 .search-results-form{grid-column:1;grid-row:auto;width:min(620px,100%)}
 .search-results-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
 .search-results-shell{padding-left:16px;padding-right:16px}
 .search-result-card{grid-template-columns:110px minmax(0,1fr);min-height:150px}
 .search-result-card__media img{min-height:150px}
 .search-result-card__body{padding:15px}
 .search-result-card__excerpt{font-size:.82rem;-webkit-line-clamp:2}
 .search-result-card h2{font-size:1.35rem}
}

/* v1.0.25 — release catalog artist styling */
.release-catalog .ripple-card--release .ripple-card__meta{
  color:var(--cream);
  font-family:Impact,"Arial Narrow",Arial,sans-serif;
  font-size:1rem;
  font-weight:400;
  line-height:1.05;
  letter-spacing:.02em;
  text-transform:uppercase;
  margin-top:9px;
}


/* v1.0.27 — responsive footer columns + consistent release catalog typography */
.site-footer__top--v107,
.site-footer__top--v107.footer-no-social{
  grid-template-columns:minmax(220px,1.15fr) repeat(3,minmax(0,1fr));
  column-gap:clamp(28px,4vw,72px);
  row-gap:30px;
  align-items:start;
}
.site-footer__top--v107 .footer-section--nav,
.site-footer__top--v107 .footer-section--shop,
.site-footer__top--v107 .footer-section--social{
  width:100%;
  min-width:0;
}
.release-catalog .ripple-card--release .ripple-card__meta,
.release-catalog .ripple-card--release .ripple-card__title{
  color:var(--cream);
  font-family:Impact,"Arial Narrow",Arial,sans-serif;
  font-size:1rem;
  font-weight:800;
  line-height:1.08;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.release-catalog .ripple-card--release .ripple-card__meta{margin-top:9px}
.release-catalog .ripple-card--release .ripple-card__title{margin-top:7px}
@media(max-width:980px){
  .site-footer__top--v107,
  .site-footer__top--v107.footer-no-social{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px}
}
@media(max-width:620px){
  .site-footer__top--v107,
  .site-footer__top--v107.footer-no-social{grid-template-columns:1fr;gap:26px;padding:28px 20px}
}