/* Version three About page. Loaded last; scoped to .av3. */

/* Hero */
.av3 .av3-hero{min-height:680px;background:#100d11}
.av3 .about-intro{align-self:center;padding:70px 10% 70px 9%}
.av3 .about-intro .ck-small{color:#c9c2ba}
.av3 .about-intro h1{font-size:clamp(56px,6vw,96px);line-height:1.04;color:#fff}
.av3 .about-intro h1 em{display:block;color:#c8202d}
.av3 .about-intro>p:not(.ck-small){font-size:19px;line-height:1.55;color:#ded5d9;max-width:440px;margin:28px 0 34px}
.av3-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 32px}
.av3-quiet{display:inline-flex;gap:14px;align-items:center;padding:12px 0;font-size:15px;font-weight:700;border-bottom:1px solid #ffffff55;color:#efe6ea}
.av3-quiet:hover{border-color:currentColor;color:#fff}

/* Background */
.av3-story{background:var(--cine-paper,#eeeae3);color:#171717;display:grid;grid-template-columns:1fr 1fr;gap:40px 10%;align-items:start}
.av3-story .ck-small{color:#7b2138}
.av3-story h2{font-size:clamp(42px,4.5vw,66px);line-height:1.1}
.av3-story h2 em{color:#b3192f}
.av3-story-copy>p:not(.ck-lead){font-size:18px;line-height:1.65;color:#4e4c48;margin-top:22px}
.av3-creds{grid-column:1/-1;list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bebbb4}
.av3-creds li{padding:28px 28px 0 0;display:grid;gap:8px}
.av3-creds li+li{padding-left:28px;border-left:1px solid #d3cfc7}
.av3-creds span{font:16px Anton;color:#b3192f}
.av3-creds strong{font:26px/1.15 Anton;text-transform:uppercase}
.av3-creds small{font-size:14px;color:#6a6660}

/* Internal Command */
.av3-discipline{background:#0e0d0f;color:#f1ecef}
.av3-discipline .ck-small{color:#c9b5be}
.av3-discipline h2{font-size:clamp(42px,4.8vw,72px);line-height:1.1;max-width:900px}
.av3-discipline h2 em{color:#c8202d}
.av3-discipline .ck-lead{color:#d6ccd1;max-width:720px;margin-top:28px}
.av3-arenas{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #ffffff33}
.av3-arenas li{font:clamp(28px,3vw,44px)/1 Anton;text-transform:uppercase;padding:28px 0 0}
.av3-arenas li+li{padding-left:28px;border-left:1px solid #ffffff1f}

/* Ways in */
.av3-paths{background:#141116;color:#fff}
.av3-paths-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}
.av3-paths-head h2{font-size:clamp(42px,4.8vw,72px);line-height:1.08}
.av3-paths-head h2 em{display:block;color:#c8202d}
.av3-paths-head p{max-width:340px;color:#c9bec3}
.av3-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.av3-path{display:flex;flex-direction:column;background:#1d181e;border:1px solid #ffffff1f;transition:border-color .2s,transform .25s}
.av3-path:hover{border-color:#c8202d;transform:translateY(-4px)}
.av3-path-media{height:260px;position:relative;overflow:hidden}
.av3-path-room .av3-path-media{background:linear-gradient(0deg,#1d181e,#1d181e00 60%),url('assets/war-room-terrain-route.webp') center/cover}
.av3-path-body{padding:32px 34px 34px;display:flex;flex-direction:column;flex:1}
.av3-path-body>span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#c9c2ba}
.av3-path h3{font:clamp(34px,3vw,46px)/1.05 Anton;text-transform:uppercase;margin:12px 0 14px}
.av3-path-body>p{color:#c8bfc4;font-size:17px;line-height:1.6}
.av3-path-body .av3-path-facts{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#a99ca3;margin:18px 0 26px}
.av3-path-body b{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;border-top:1px solid #ffffff22;font-size:15px}
.av3-path-body b i{font-style:normal;transition:transform .2s}
.av3-path:hover b i{transform:translate(3px,-3px)}

/* Close: dark band with a logo-red edge, so the red action stands out */
.av3 .av3-close{background:#0e0d0f;color:#fff;border-top:6px solid #991721}
.av3 .av3-path:hover{border-color:#991721}

@media(max-width:1000px){
  .av3-creds{grid-template-columns:1fr}
  .av3-creds li,.av3-creds li+li{padding:22px 0;border-left:0}
  .av3-creds li+li{border-top:1px solid #d3cfc7}
  .av3-arenas{grid-template-columns:1fr 1fr}
  .av3-arenas li:nth-child(3){padding-left:0;border-left:0}
  .av3-arenas li:nth-child(n+3){margin-top:24px}
  .av3-path-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .av3 .av3-hero{min-height:0}
  .av3 .about-intro{padding:44px 6% 56px}
  .av3 .about-intro h1{font-size:52px}
  .av3-story{grid-template-columns:1fr;gap:24px}
  .av3-paths-head{display:block}
  .av3-paths-head p{margin-top:18px}
  .av3-path-media{height:210px}
  .av3-path-body{padding:26px 22px 26px}
}
@media(prefers-reduced-motion:reduce){.av3-path,.av3-path:hover{transform:none}}
.av3 .av3-discipline .ck-small,.av3 .av3-paths .ck-small{color:#c9c2ba}

/* Ways in: each card speaks in its own brand. */
@font-face{font-family:'BLB Bangers';src:url('assets/blb-original/Bangers-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:'BLB Marker';src:url('assets/blb-original/PermanentMarker-Regular.woff2') format('woff2');font-display:swap}
.av3-path{border-top-width:4px}
.av3-path-room{border-top-color:#a4a47d}
.av3-path-room .av3-path-media{background:linear-gradient(0deg,#1d181e,#1d181e00 55%),linear-gradient(90deg,#080909cc,#08090922),url('assets/war-room-terrain-route.webp') right center/cover}
.av3-path-room .av3-wr-label{font:500 11px/1.55 "IBM Plex Mono",Consolas,monospace;letter-spacing:.13em;color:#a4a47d}
.av3-path-room:hover{border-color:#a4a47d}

.av3-path-books{background:#0b0b0b;border-color:#2a2a2a;border-top-color:#f2b51d}
.av3-path-books:hover{border-color:#f2b51d}
.av3-path-books .av3-path-media{display:block;padding:0;background:#0b0b0b;position:relative}
.av3-path-books .av3-path-media img.av3-blb-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% center}
.av3-path-books .av3-path-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0b,#0b0b0b00 45%),linear-gradient(90deg,#0b0b0bcc,#0b0b0b00 55%)}
.av3-path-books .av3-path-media img.av3-blb-logo{position:absolute;left:34px;bottom:22px;width:118px;height:auto;z-index:1}
.av3-path-books .av3-path-body>span{font:15px/1.2 'BLB Marker','Comic Sans MS',cursive;letter-spacing:0;color:#ef2b12}
.av3-path-books h3{font-family:'BLB Bangers',Impact,sans-serif;font-size:clamp(40px,3.4vw,54px);letter-spacing:.01em;line-height:1}
.av3-blb-pillars{list-style:none;margin:18px 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.av3-blb-pillars li{font:12px/1.2 'BLB Marker','Comic Sans MS',cursive;text-transform:uppercase;padding:7px 10px;border:2px solid #f4efe6;color:#f4efe6;transform:rotate(-1.5deg)}
.av3-blb-pillars li:nth-child(even){transform:rotate(1.5deg)}
.av3-path-books .av3-path-body b{font:20px/1.2 'BLB Bangers',Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase;border-top-color:#f2b51d66}
@media(max-width:760px){.av3-path-books .av3-path-media img.av3-blb-logo{left:22px;width:96px}}