/* Boys of Decay — approved 2026 identity */
:root{
  --bg:#030405;
  --panel:#0a0c0e;
  --panel2:#111417;
  --text:#f0ede7;
  --muted:#9ca2a4;
  --orange:#c51422;
  --red:#c51422;
  --line:rgba(220,225,227,.16);
}

body{
  background:
    radial-gradient(circle at 52% -20%,rgba(116,10,20,.18),transparent 38rem),
    linear-gradient(180deg,#060708 0,#020303 44rem);
}

.v2-signal{background:#050607;border-bottom-color:rgba(197,20,34,.42)}
.v2-signal i,.social-live,.field-pulse{background:#c51422!important;box-shadow:0 0 14px rgba(197,20,34,.8)!important}

.topbar{
  min-height:84px;
  background:rgba(3,4,5,.94);
  border-bottom:1px solid rgba(231,232,230,.13);
  box-shadow:0 16px 44px rgba(0,0,0,.38);
}
.brand{flex-direction:row;gap:.82rem;text-align:left}
.brand-emblem{
  width:62px!important;
  height:62px!important;
  border-radius:50%;
  object-fit:contain;
  filter:drop-shadow(0 0 16px rgba(197,20,34,.18));
}
.brand-words{display:flex;flex-direction:column}
.brand-main{font-size:1.72rem;letter-spacing:.075em;color:#f1eee8}
.brand-sub{color:#d31b2b;letter-spacing:.2em}
.desktop-nav button.active:after{background:#c51422}
.desktop-nav button:hover,.header-mini:hover,.footer-links button:hover{color:#fff}
.youtube,.support-link,.header-mini,.language-toggle{border-color:rgba(231,232,230,.18)}
.youtube:hover,.support-link:hover{border-color:#c51422;background:#c51422;color:#fff}

.v3-home{background:#030405}
.v3-hero{
  position:relative;
  min-height:min(820px,calc(100svh - 116px));
  background:#030405;
}
.v3-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.16;
  background:url('/boys-of-decay-brand-banner.jpg') center/cover no-repeat;
  filter:grayscale(.2) contrast(1.12);
}
.v3-hero-copy,.v3-hero-visual{position:relative;z-index:1}
.v3-hero-copy{background:linear-gradient(90deg,#030405 72%,rgba(3,4,5,.95))}
.v3-hero h1{font-size:clamp(4.3rem,6.5vw,6.8rem);line-height:.78;letter-spacing:-.02em;text-wrap:balance}
.v3-hero h1 em,.v3-current header>p,.v3-index header>p,.v3-manifesto>p,.v3-entry>div>p,.v3-cases span{color:#d31b2b}
.v3-actions .v3-primary,.v3-play b,.primary{background:#b8101e;border-color:#d31b2b}
.v3-actions .v3-primary:hover,.primary:hover{background:#d31b2b}
.v3-hero-visual img{filter:grayscale(.42) saturate(.72) contrast(1.18) brightness(.7)}
.v3-hero-visual:after{background:linear-gradient(90deg,#030405 0%,transparent 22%),linear-gradient(0deg,rgba(3,4,5,.7),transparent 48%)}

.v3-current,.v3-team,.v3-control{background:#07090a}
.v3-current{grid-template-columns:minmax(300px,.56fr) minmax(0,1.44fr);column-gap:clamp(28px,4vw,64px)}
.v3-current header{padding-right:0}
.v3-current h2{
  max-width:13ch;
  margin:20px 0 28px;
  font-size:clamp(2.65rem,4vw,4.5rem);
  line-height:.9;
  letter-spacing:-.015em;
}
.v3-index h2{font-size:clamp(3.5rem,6vw,5.8rem);line-height:.82}
.v3-cases strong{font-size:clamp(2rem,2.7vw,3rem);line-height:.94}
.v3-manifesto blockquote{font-size:clamp(3rem,5vw,5rem);line-height:.84}
.v3-team h2{font-size:clamp(3.2rem,5.5vw,5.6rem);line-height:.84}
.v3-team strong{font-size:clamp(2.8rem,3.8vw,3.8rem);line-height:.9}
.v3-entry h2{font-size:clamp(3rem,5vw,5.2rem);line-height:.84}
.inner>h1,.exclusive h1{font-size:clamp(3.4rem,6vw,5.8rem);line-height:.86}
.story-intro h2,.latest-short-copy h2,.subscribe-impact h2{line-height:.9}
.v3-current-media{box-shadow:0 28px 70px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.05)}
.v3-current-media img{object-fit:cover!important;filter:saturate(.82) contrast(1.08) brightness(.82)}
.v3-cases button,.v3-cases a,.video-card,.social-counter,.footer-partner-card{border-color:rgba(231,232,230,.14)}
.v3-cases button:hover,.v3-cases a:hover,.video-card:hover{border-color:rgba(211,27,43,.7)}
.v3-team article{background:linear-gradient(145deg,#090b0d,#050607)}
.v3-manifesto blockquote em{color:#d31b2b}

.page.inner{background:linear-gradient(180deg,#07090a,#030405)}
.inner>h1,.section-title h2,.archive h2,.gear-grid h2{letter-spacing:.01em}
.eyebrow,.text-link,.archive a,.brand-sub,.footer-partner-details small{color:#d31b2b!important}
.archive article,.section-title,.footer-partners,.site-footer{border-color:rgba(231,232,230,.14)}

.subscribe-impact img{object-fit:contain;background:#030405;border-radius:50%;padding:.22rem}
.nav-brand-mark img{border-radius:50%;object-fit:contain}
.site-footer .brand-emblem{width:78px!important;height:78px!important}
.mobile-nav{background:rgba(3,4,5,.97);border-top-color:rgba(231,232,230,.16)}
.mobile-nav button.active{color:#e52334}

@media(max-width:1050px){
  .topbar{padding-inline:20px}
  .brand-main{font-size:1.45rem}
  .brand-emblem{width:54px!important;height:54px!important}
  .v3-current{grid-template-columns:1fr;row-gap:26px}
  .v3-current h2{max-width:16ch;font-size:clamp(2.8rem,7vw,4.2rem)}
}

@media(max-width:760px){
  .topbar{min-height:72px;height:72px;padding-inline:14px}
  .brand{gap:.55rem}
  .brand-emblem{width:48px!important;height:48px!important}
  .brand-main{font-size:1.22rem}
  .brand-sub{font-size:.48rem;letter-spacing:.16em}
  .v3-hero:before{background-position:center top;opacity:.12}
  .v3-hero-visual{height:50svh;min-height:350px}
  .v3-hero-copy{background:linear-gradient(0deg,#030405 88%,transparent);margin-top:-78px}
  .v3-hero h1{font-size:clamp(3.6rem,16vw,5.2rem);line-height:.8}
  .v3-current{padding-top:82px;padding-bottom:82px}
  .v3-current h2{max-width:15ch;font-size:clamp(2.6rem,11vw,3.8rem);line-height:.92}
  .v3-index h2{font-size:clamp(3.2rem,13vw,4.4rem)}
  .v3-cases strong{font-size:clamp(2rem,9vw,2.8rem)}
  .v3-manifesto blockquote{font-size:clamp(2.8rem,12vw,4rem);line-height:.88}
  .v3-team h2{font-size:clamp(3rem,12vw,4.2rem);line-height:.87}
  .v3-team strong{font-size:clamp(2.8rem,12vw,3.7rem)}
  .v3-entry h2{font-size:clamp(2.8rem,12vw,4.1rem);line-height:.88}
  .inner>h1,.exclusive h1{font-size:clamp(3rem,14vw,4.5rem);line-height:.88}
  .v3-current-media{aspect-ratio:16/9}
  .v3-index,.v3-manifesto,.v3-team,.v3-entry{padding-top:84px;padding-bottom:84px}
  .v3-cases button,.v3-cases a{min-height:390px}
  .site-footer .brand{justify-content:center}
}

@media(max-width:380px){
  .brand-sub{display:none}
  .brand-main{font-size:1.12rem}
  .v3-hero h1{font-size:3.45rem}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}