@font-face{font-family:"Saira Stencil One";src:url(assets/fonts/saira-stencil-one-latin.woff2) format("woff2");font-display:swap}
body.bb-page{--bb-ink:#0e0a08;--bb-soot:#17110d;--bb-brick:#b8402a;--bb-blood:#e2452f;--bb-brass:#e2a24a;--bb-bone:#efe4d2;--bb-dim:#b9a994;--bb-line:rgba(226,162,74,.22);
  background:var(--bb-ink);color:var(--bb-bone)}
body.bb-page .header{background:linear-gradient(180deg,rgba(14,10,8,.94),rgba(14,10,8,.6))}
.bb-hero{position:relative;min-height:min(92vh,900px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:150px 0 90px}
.bb-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(1.05) contrast(1.05)}
.bb-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(14,10,8,.94) 0,rgba(14,10,8,.72) 38%,rgba(14,10,8,.15) 70%),linear-gradient(0deg,var(--bb-ink) 0,rgba(14,10,8,0) 34%)}
.bb-rain{position:absolute;inset:-20% 0 0;z-index:-1;pointer-events:none;opacity:.35;background:repeating-linear-gradient(104deg,transparent 0 46px,rgba(220,230,240,.22) 46px 47px,transparent 47px 93px);background-size:100% 280px;animation:bb-rain .6s linear infinite}
@keyframes bb-rain{to{background-position:0 280px}}
.bb-hero-inner{max-width:1180px}
.bb-kicker,.bb-eyebrow{display:inline-block;font:700 11px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--bb-brass)}
.bb-kicker{border:1px solid var(--bb-brass);padding:8px 12px}
.bb-title{margin:22px 0 0;font-family:"Saira Stencil One",Impact,"Arial Narrow",sans-serif;font-weight:400;line-height:.9;font-size:clamp(54px,10.5vw,148px);letter-spacing:.01em;text-transform:uppercase}
.bb-title span{display:block}
.bb-title .bb-plus{color:var(--bb-blood);text-shadow:0 0 34px rgba(226,69,47,.35)}
.bb-tag{margin:20px 0 0;font:600 clamp(18px,2vw,24px)/1.3 "Arial Narrow",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--bb-brass)}
.bb-lede{max-width:34em;margin:16px 0 0;color:#e2d6c3;font-size:clamp(16px,1.3vw,19px);line-height:1.65}
.bb-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:26px 0 0;padding:0}
.bb-chips li{border:1px dashed rgba(239,228,210,.35);padding:7px 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--bb-dim)}
.bb-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.bb-btn{display:inline-flex;align-items:center;gap:12px;padding:15px 22px;border:1px solid var(--bb-brass);color:var(--bb-brass);font:700 13px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;background:rgba(14,10,8,.55);transition:background .2s,color .2s,transform .2s}
.bb-btn:hover,.bb-btn:focus-visible{background:var(--bb-brass);color:#1a0f06}
.bb-btn.solid{background:var(--bb-blood);border-color:var(--bb-blood);color:#fff}
.bb-btn.solid:hover,.bb-btn.solid:focus-visible{background:#fff;border-color:#fff;color:#2a0d07}
.bb-shot-label{position:absolute;right:18px;bottom:16px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(239,228,210,.6);background:rgba(14,10,8,.6);padding:6px 9px}
.bb-tape{overflow:hidden;white-space:nowrap;background:repeating-linear-gradient(-45deg,#f0b429 0 22px,#16100b 22px 44px);border-block:3px solid #16100b;transform:rotate(-1.2deg);margin:-14px -2% 0;position:relative;z-index:2}
.bb-tape span{display:inline-block;padding:9px 0;font:800 13px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#16100b;background:#f0b429;padding-inline:14px;margin-left:30%;animation:bb-tape 40s linear infinite}
@keyframes bb-tape{to{transform:translateX(-60%)}}
.bb-section{padding:96px 0;border-bottom:1px solid var(--bb-line)}
.bb-h2{margin:14px 0 0;font-family:"Saira Stencil One",Impact,"Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(34px,5vw,64px);line-height:.98}
.bb-p{color:#dccfbb;line-height:1.7;max-width:36em;margin-top:18px}
.bb-loop{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:x}
.bb-loop li{position:relative;background:linear-gradient(180deg,#1d1510,#140f0b);border:1px solid var(--bb-line);padding:30px 26px 28px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}
.bb-loop b{font-family:"Saira Stencil One",Impact,sans-serif;font-weight:400;font-size:46px;color:var(--bb-blood);line-height:1}
.bb-loop h3{margin:10px 0 0;font:700 22px/1.2 "Arial Narrow",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.bb-loop p{color:var(--bb-dim);line-height:1.65;margin-top:10px}
.bb-split-inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}
.bb-kit{margin:28px 0 0;display:grid;gap:12px}
.bb-kit div{border-left:3px solid var(--bb-brick);background:rgba(184,64,42,.07);padding:14px 16px}
.bb-kit dt{font:700 12px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--bb-brass)}
.bb-kit dd{margin:8px 0 0;color:#e2d6c3;line-height:1.55}
.g25-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}
.bb-split .g25-gallery{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.bb-split .g25-gallery figure:first-child{grid-column:1/-1}
.g25-gallery figure{margin:0}
.g25-gallery a{display:block;overflow:hidden;border:1px solid var(--bb-line);background:#000}
.g25-gallery img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .5s ease}
.g25-gallery a:hover img,.g25-gallery a:focus-visible img{transform:scale(1.04)}
.g25-gallery figcaption{margin-top:9px;font-size:13px;line-height:1.45;color:var(--bb-dim)}
.bb-arms{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.bb-arms li{padding:11px 16px;background:#1b140f;border:1px solid var(--bb-line);font:700 14px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--bb-bone)}
.bb-arms li:nth-child(odd){transform:rotate(-.6deg)}
.bb-arms li.is-extra{border-color:var(--bb-blood);color:var(--bb-blood)}
.bb-horde{background:radial-gradient(900px 400px at 15% 0,rgba(184,64,42,.18),transparent 70%)}
.bb-tags{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:40px}
.bb-tag-card{position:relative;background:#e9dcc4;color:#2a1c12;padding:30px 18px 20px;border-radius:4px 4px 4px 22px;box-shadow:0 18px 40px rgba(0,0,0,.4)}
.bb-tag-card:nth-child(even){transform:rotate(1.2deg)}
.bb-tag-card:nth-child(odd){transform:rotate(-1deg)}
.bb-toe{position:absolute;top:12px;left:16px;width:12px;height:12px;border-radius:50%;border:3px solid #7a6a55;background:var(--bb-ink)}
.bb-tag-card h3{margin:6px 0 0;font-family:"Saira Stencil One",Impact,sans-serif;font-weight:400;font-size:26px;text-transform:uppercase}
.bb-when{display:inline-block;margin-top:6px;font:700 11px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#a3301f}
.bb-tag-card p{margin-top:10px;font-size:14px;line-height:1.5;color:#3d2c1f}
.bb-maps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.bb-map{background:#16100c;border:1px solid var(--bb-line);overflow:hidden}
.bb-map img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.bb-map div{padding:18px 20px 22px}
.bb-map span{font:700 11px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--bb-brass)}
.bb-map h3{margin:8px 0 0;font-family:"Saira Stencil One",Impact,sans-serif;font-weight:400;font-size:26px;text-transform:uppercase}
.bb-map p{margin-top:8px;color:var(--bb-dim);line-height:1.55;font-size:15px}
.bb-note{margin-top:18px;font-size:13px;color:var(--bb-dim)}
.bb-end{border-bottom:0;background:linear-gradient(180deg,transparent,rgba(184,64,42,.12))}
.bb-end-inner{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap}
@media (max-width:960px){.bb-loop,.bb-split-inner{grid-template-columns:1fr}.bb-tags{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-maps,.g25-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.bb-hero{padding:120px 0 64px;min-height:auto}.bb-hero::before{background:linear-gradient(0deg,var(--bb-ink) 8%,rgba(14,10,8,.7) 60%,rgba(14,10,8,.45))}.bb-tags,.bb-maps,.g25-gallery,.bb-split .g25-gallery{grid-template-columns:1fr}.bb-section{padding:70px 0}.bb-shot-label{left:16px;right:auto}}
@media (prefers-reduced-motion:reduce){.bb-rain,.bb-tape span{animation:none}}
body.bb-page main{overflow-x:clip}
