/* BodyBros scroll-cinematic hero */
.bbs-hero{background:var(--bb-ink,#1D1C1A);color:var(--bb-cream,#F7F4EC);min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding:56px 0 40px}
.bbs-hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 46px,rgba(247,244,236,.025) 46px 47px);pointer-events:none}
.bbs-grid{display:grid;grid-template-columns:minmax(340px,44%) 1fr;gap:48px;align-items:center;position:relative;z-index:1;width:100%}
.bbs-copy .bb-kicker{color:#C05A3C}
.bbs-copy h1{font-family:var(--bb-head,'Oswald',sans-serif);font-size:clamp(2.2rem,4.6vw,4rem);line-height:1.02;margin:0 0 18px;text-transform:uppercase;letter-spacing:.015em}
.bbs-copy h1 em{font-style:normal;color:#C05A3C;display:block;font-size:.62em;letter-spacing:.05em;margin-top:8px}
.bbs-copy p.bbs-sub{color:var(--bb-muted-light,#B8B2A4);font-size:1.02rem;line-height:1.65;margin:0 0 30px;max-width:480px}
.bbs-ctas{display:flex;gap:14px;flex-wrap:wrap}
.bbs-stage{position:relative;aspect-ratio:16/9;border-radius:2px;overflow:hidden;background:#141312;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.bbs-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.bbs-stage__hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);font-family:var(--bb-head,'Oswald',sans-serif);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(247,244,236,.55);background:rgba(20,19,18,.55);padding:6px 12px;border-radius:2px;backdrop-filter:blur(4px);pointer-events:none;transition:opacity .4s}
.bbs-stats{display:flex;gap:0;flex-wrap:wrap;border-top:1px solid var(--bb-line-dark,#3B3833);margin-top:44px;position:relative;z-index:1}
.bbs-stat{padding:20px 40px 4px 0;margin-right:40px}
.bbs-stat b{display:block;font-family:var(--bb-head,'Oswald',sans-serif);font-size:1.7rem;color:var(--bb-cream,#F7F4EC);font-weight:600}
.bbs-stat span{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bb-muted-light,#B8B2A4)}
@media(max-width:900px){
 .bbs-hero{padding:32px 0 32px}
 .bbs-grid{grid-template-columns:1fr;gap:28px}
 .bbs-stage{order:-1;margin:0 -4px}
 .bbs-copy h1{font-size:clamp(2rem,8vw,2.8rem)}
 .bbs-stats{margin-top:32px}
 .bbs-stat{padding-right:24px;margin-right:24px}
}
@media(prefers-reduced-motion:reduce){.bbs-stage__hint{display:none}}