/* Brutal Little Books in V5: the same page system as the Coach Kris Mac pages, in the BLB voice.
   Bangers display, Permanent Marker labels, BLB yellow #f2b51d and red #ef2b12, torn paper, black ink. */
@font-face{font-family:'B5 Bangers';src:url('assets/Bangers-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:'B5 Marker';src:url('assets/PermanentMarker-Regular.woff2') format('woff2');font-display:swap}

/* ---------- The vertical outlined word on the hero, as on the V5 pages ---------- */
.blb-hero,.blb-about-v2__hero{position:relative;overflow:hidden}
.b5-mark{position:absolute;right:max(1%,calc((100% - 1440px)/2));top:50%;z-index:0;display:flex;gap:.3em;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);font:clamp(70px,6.4vw,104px)/1 'B5 Bangers',Bangers,Anton,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #f2b51d59;pointer-events:none;white-space:nowrap}
.blb-hero .blb-home__inner,.blb-about-v2__hero>*:not(.b5-mark){position:relative;z-index:1}
.blb-about-v2__hero .b5-mark{-webkit-text-stroke-color:#ffffff4d}

/* ---------- Numbered section labels: a marker number chip before the label ---------- */
.b5-num{display:inline-flex;align-items:center;gap:10px}
.b5-num:before{content:"";display:inline-block;width:14px;height:14px;background:currentColor;clip-path:polygon(0 12%,100% 0,88% 100%,6% 88%);flex:none}

/* ---------- Cards: a firmer comic-panel treatment, matching the V5 cards ---------- */
.blb-card{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}
.blb-card:hover{transform:translate(-3px,-3px) rotate(-.6deg)}
.blb-action-plan__panel{transition:transform .2s cubic-bezier(.16,1,.3,1)}
.blb-action-plan__panel:hover{transform:translateY(-4px)}

/* ---------- FAQ: the same plus-to-cross as the V5 FAQ, in BLB red ---------- */
.blb-faq__item[open] summary svg{transform:rotate(45deg)}
.blb-faq__item summary svg{transition:transform .2s}

/* ---------- The print list note ---------- */
.b5-form-note{margin:12px 0 0;font-size:13px;line-height:1.5;color:#5b554e}

/* ---------- War Room crossover card (Books About) ---------- */
.b5-wr{grid-column:1/-1;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;gap:18px 40px;align-items:center;margin-top:18px;padding:clamp(26px,3vw,40px);background:linear-gradient(90deg,#080909 30%,#080909d9 60%,#080909a6),url("assets/war-room-terrain-route.webp") right center/cover;color:#e9e6dc;border:1px solid #414539;border-left:4px solid #a4a47d}
.b5-wr-label{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:0;font:600 10.5px/1.4 "IBM Plex Mono",Consolas,monospace;text-transform:uppercase;letter-spacing:.16em;color:#a4a47d}
.b5-wr-label span{width:7px;height:7px;background:#a4a47d}
.b5-wr h3{margin:0;font:clamp(40px,4vw,62px)/.95 Anton,sans-serif;text-transform:uppercase;letter-spacing:0;color:#e9e6dc}
.b5-wr h3 span{color:#a4a47d}
.b5-wr>p:not(.b5-wr-label){margin:0;font-size:16px;line-height:1.6;color:#b9b9ae}
.b5-wr-link{display:inline-flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid currentColor;font:700 15px/1 Arial,sans-serif;color:#e9e6dc;text-decoration:none;white-space:nowrap}
.b5-wr-link span{transition:transform .2s}
.b5-wr-link:hover span{transform:translateX(4px)}

/* ---------- Tablet and phone ---------- */
@media(max-width:1000px){
  .blb-hero{--mark:clamp(56px,17vw,120px);padding-bottom:calc(var(--mark)*2.2)!important}
  .b5-mark{top:auto;right:0;left:0;bottom:calc(var(--mark)*.1);transform:none;writing-mode:horizontal-tb;flex-direction:column;align-items:center;gap:.04em;font-size:var(--mark);line-height:.92;-webkit-text-stroke:2px #f2b51d80}
  .blb-about-v2__hero .b5-mark{display:none}
  .b5-wr{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.blb-card,.blb-card:hover,.blb-action-plan__panel,.blb-action-plan__panel:hover{transition:none;transform:none}}
.blb-hero .b5-mark{z-index:2}
.blb-section--tight .b5-num,.contents .b5-num{display:flex;width:fit-content;margin-left:auto;margin-right:auto}