/* Version three homepage. Loaded after ckm-cinematic.css; affects only .v3-home. Colour: the logo red only, no pinks. */
@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}
.v3-home{--red:#991721;--red-text:#c8202d;--label:#c9c2ba;--wr-ink:#080909;--wr-bone:#e9e6dc;--wr-muted:#b9b9ae;--wr-olive:#a4a47d;--wr-line:#414539;--wr-mono:"IBM Plex Mono",Consolas,monospace}

/* Shared: labels are neutral, red words use the logo red */
.v3-home .ck-small{color:var(--label)}
.v3-home em{color:var(--red-text)}
.v3-home .ck-text-link{color:#fff}
.v3-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 32px}
.v3-quiet-link{display:inline-flex;align-items:center;gap:14px;font-size:15px;font-weight:700;padding:12px 0;border-bottom:1px solid #ffffff55;color:#efe6ea}
.v3-quiet-link:hover{border-color:currentColor;color:#fff}
.v3-quiet-link span{transition:transform .2s}
.v3-quiet-link:hover span{transform:translateX(4px)}

/* Hero: one message, one red action, one quiet link, one fact line. No looping motion. */
.v3-home .cinema-slab{animation:none;background:var(--red);box-shadow:60px 0 0 #99172133,-60px 0 0 #99172126}
.v3-home .cinema-copy{top:50%;transform:translateY(-50%)}
.v3-home .cinema-copy h1{font-size:clamp(54px,6.1vw,82px);line-height:1.03}
.v3-home .cinema-label{color:var(--label)}
.v3-home .cinema-dot{color:var(--red-text)}
.v3-home .cinema-copy>p:not(.cinema-label):not(.v3-hero-facts){max-width:380px}
.v3-home .cinema-copy .v3-actions{margin-top:30px}
.v3-home .cinema-copy .v3-hero-facts{display:flex;flex-wrap:wrap;margin-top:40px;max-width:none;gap:8px 22px;line-height:1.5;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--label)}
.v3-hero-facts span{display:inline-flex;align-items:center;gap:9px}
.v3-hero-facts span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red-text)}

/* The Erosion */
.v3-problem{background:#0e0d0f;display:grid;grid-template-columns:1fr 1fr;gap:0 10%;align-items:start}
.v3-problem>.ck-small{grid-column:1/-1}
.v3-problem h2{font-size:clamp(42px,4.6vw,68px);line-height:1.15}
.v3-problem-copy .ck-lead{color:#f1e8ec}
.v3-problem-copy>p:not(.ck-lead){color:#bdb5b8;font-size:18px;line-height:1.65;margin-top:24px}

/* The War Room / Cohort One: the War Room page's briefing look (terrain, olive mono labels, bone type, briefing card) */
.v3-room{position:relative;isolation:isolate;color:var(--wr-bone);padding:clamp(80px,8vw,120px) max(6%,calc((100% - 1440px)/2));background-color:var(--wr-ink);background-image:linear-gradient(90deg,#080909 4%,#080909ec 38%,#0809099e 64%,#08090977),url('assets/war-room-terrain-route.webp');background-size:cover;background-position:center,right center;border-top:1px solid var(--wr-line);border-bottom:1px solid var(--wr-line)}
.v3-room-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(48px,7vw,110px);align-items:center;max-width:1440px;margin:auto}
.v3-wr-eyebrow{font:500 11px/1.55 var(--wr-mono);text-transform:uppercase;letter-spacing:.13em;color:var(--wr-olive);margin:0 0 26px}
.v3-wr-marker{display:inline-block;width:7px;height:7px;background:var(--wr-olive);margin:0 11px 1px 0}
.v3-room h2{font-size:clamp(50px,5.8vw,88px);line-height:1.02;color:var(--wr-bone);letter-spacing:-.02em}
.v3-room h2 span{display:block;color:var(--wr-olive)}
.v3-wr-rule{width:70px;height:2px;background:var(--wr-olive);margin:32px 0 24px}
.v3-wr-lead{font-size:clamp(21px,2vw,28px);line-height:1.35;color:var(--wr-bone);max-width:600px}
.v3-wr-body{font-size:17px;line-height:1.6;color:var(--wr-muted);max-width:560px;margin:16px 0 32px!important}
.v3-wr-card{background:#0d100edc;border:1px solid #626657;padding:32px;box-shadow:0 18px 80px #0008;transform:rotate(-1deg)}
.v3-wr-card-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--wr-line);padding-bottom:18px;font:10px/1.4 var(--wr-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--wr-olive)}
.v3-wr-card-kicker{font:11px/1.5 var(--wr-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--wr-olive);margin:24px 0 10px}
.v3-wr-steps{list-style:none;margin:0;padding:0}
.v3-wr-steps li{display:grid;grid-template-columns:34px 1fr;column-gap:12px;padding:12px 0;border-top:1px solid var(--wr-line)}
.v3-wr-steps li:first-child{border-top:0}
.v3-wr-steps span{grid-row:span 2;font:11px/2 var(--wr-mono);color:var(--wr-olive)}
.v3-wr-steps strong{font:22px/1.1 Anton,sans-serif;text-transform:uppercase;color:var(--wr-bone);font-weight:400}
.v3-wr-steps em{font-style:normal;font-size:14px;line-height:1.45;color:var(--wr-muted)}
.v3-wr-card dl{margin:18px 0 0}
.v3-wr-card dl>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--wr-line);padding:12px 0}
.v3-wr-card dt{font:10px/1.6 var(--wr-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--wr-olive)}
.v3-wr-card dd{margin:0;font:12px/1.5 var(--wr-mono);color:var(--wr-bone);text-align:right}
.v3-room .v3-quiet-link{color:var(--wr-bone);border-color:#a4a47d88}

/* Meet Kris */
.v3-meet .ck-meet-photo{height:560px}
.v3-meet em{color:var(--red-text)}

/* Close: dark band with a logo-red edge, so the red action stands out */
.v3-home .v3-close{background:#0e0d0f;border-top:6px solid var(--red)}
.v3-home .v3-close:before{color:#ffffff06}
.v3-home .v3-close>p{color:var(--label)}

/* Brutal Little Books: borrows the BLB type so it reads as the books */
.v3-books{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:6%;padding:120px max(6%,calc((100% - 1440px)/2));background:#0b0b0b;color:#f4efe6;border-top:1px solid #ffffff14;overflow:hidden}
.v3-blb-kicker{font:18px/1.2 'BLB Marker','Comic Sans MS',cursive;text-transform:uppercase;color:#ef2b12;margin:0 0 14px}
.v3-books h2{font-family:'BLB Bangers',Impact,sans-serif;font-size:clamp(54px,5.6vw,86px);line-height:.98;letter-spacing:.01em;font-weight:400}
.v3-books h2 em{display:block;color:#ef2b12}
.v3-books .ck-lead{color:#d6ccd1;font-size:clamp(19px,1.6vw,22px);max-width:480px;margin-top:22px}
.v3-books-themes{list-style:none;padding:0;margin:28px 0 34px;display:flex;flex-wrap:wrap;gap:10px}
.v3-books-themes li{font:14px/1.2 'BLB Marker','Comic Sans MS',cursive;text-transform:uppercase;padding:9px 14px;border:2px solid #f4efe6;color:#f4efe6;transform:rotate(-1.5deg)}
.v3-books-themes li:nth-child(even){transform:rotate(1.5deg)}
.v3-blb-button{display:inline-flex;align-items:center;gap:22px;min-height:54px;padding:14px 22px;background:#f2b51d;color:#080808;font:22px/1 'BLB Bangers',Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;box-shadow:6px 6px 0 #ffffff1f}
.v3-blb-button:hover{background:#ffc93a}
.v3-books .v3-quiet-link{font:18px/1 'BLB Bangers',Impact,sans-serif;text-transform:uppercase;letter-spacing:.04em;border-color:#f2b51d;color:#f4efe6}
.v3-books-art{position:relative;display:block;height:520px}
.v3-books-art img{position:absolute;width:44%;height:auto;box-shadow:10px 20px 34px #000a;border:2px solid #080808;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.v3-books-art img:nth-child(1){left:0;top:16%;transform:rotate(-8deg)}
.v3-books-art img:nth-child(2){left:14%;top:6%;transform:rotate(-4deg);z-index:1}
.v3-books-art img:nth-child(3){left:28%;top:0;transform:rotate(0);z-index:3}
.v3-books-art img:nth-child(4){left:42%;top:6%;transform:rotate(4deg);z-index:2}
.v3-books-art img:nth-child(5){left:56%;top:16%;transform:rotate(8deg);z-index:1}
.v3-books-art:hover img:nth-child(1){transform:rotate(-11deg) translateX(-12px)}
.v3-books-art:hover img:nth-child(2){transform:rotate(-6deg) translateX(-6px)}
.v3-books-art:hover img:nth-child(3){transform:translateY(-10px)}
.v3-books-art:hover img:nth-child(4){transform:rotate(6deg) translateX(6px)}
.v3-books-art:hover img:nth-child(5){transform:rotate(11deg) translateX(12px)}

/* Footer and header accents in the logo red */
.v3-home .ck-footer-main a:hover{color:var(--red-text)}

@media(max-width:1050px){
  .v3-books{grid-template-columns:1fr;gap:50px}
  .v3-books-art{height:480px;max-width:640px}
  .v3-room-inner{grid-template-columns:1fr}
  .v3-wr-card{transform:none;max-width:560px}
}
@media(max-width:760px){
  .v3-home .cinema-hero{min-height:0}
  .v3-home .cinema-copy{transform:none;padding-bottom:430px}
  .v3-home .cinema-copy h1{font-size:clamp(49px,12vw,68px)}
  .v3-home .cinema-portrait-wrap{height:450px;bottom:-30px}
  .v3-home .cinema-word{top:auto;bottom:200px}
  .v3-home .cinema-copy .v3-hero-facts{margin-top:26px;font-size:11px}
  .v3-problem{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px}
  .v3-problem h2{font-size:44px;margin-bottom:28px}
  .v3-room{padding:80px 6% 70px;background-image:linear-gradient(180deg,#080909f2,#080909cc),url('assets/war-room-terrain-route.webp')}
  .v3-room h2{font-size:48px}
  .v3-wr-card{padding:24px 20px}
  .v3-meet .ck-meet-photo{height:420px}
  .v3-books{padding:80px 6%}
  .v3-books h2{font-size:54px}
  .v3-books-art{height:330px}
  .v3-books-art img{width:48%}
  .v3-books-art img:nth-child(2){left:13%}
  .v3-books-art img:nth-child(3){left:26%}
  .v3-books-art img:nth-child(4){left:39%}
  .v3-books-art img:nth-child(5){left:52%}
}
@media(prefers-reduced-motion:reduce){.v3-books-art img{transition:none}}

/* Section rhythm: alternate light and dark so each section reads as its own block.
   Hero dark · Erosion paper · Cohort One terrain · Meet Kris stone · Close dark · Books BLB paper · Footer dark */
.v3-home{--paper:#eeeae3;--stone:#e2ded6;--ink:#171717;--ink-soft:#4e4a45;--ink-label:#5f5953}

/* The Erosion on warm paper */
.v3-home .v3-problem{background:var(--paper);color:var(--ink)}
.v3-home .v3-problem>.ck-small{color:var(--ink-label)}
.v3-home .v3-problem h2{color:var(--ink)}
.v3-home .v3-problem em{color:var(--red)}
.v3-home .v3-problem-copy .ck-lead{color:var(--ink)}
.v3-home .v3-problem-copy>p:not(.ck-lead){color:var(--ink-soft)}

/* Meet Kris on light stone */
.v3-home .v3-meet{background:var(--stone);color:var(--ink)}
.v3-home .v3-meet .ck-meet-photo:after{box-shadow:none}
.v3-home .v3-meet .ck-small{color:var(--ink-label)}
.v3-home .v3-meet h2{color:var(--ink)}
.v3-home .v3-meet em{color:var(--red)}
.v3-home .v3-meet .ck-meet-copy>p:not(.ck-small){color:var(--ink-soft)}
.v3-home .v3-meet .ck-text-link{color:var(--ink)}

/* Close stays dark with the red edge so the red button is the strongest thing on the page */
.v3-home .v3-close{background:#0b0a0c}

/* Brutal Little Books on BLB cream paper with torn edges */
.v3-home .v3-books{position:relative;background:#f3eee4;color:#080808;border-top:0;padding-top:150px;padding-bottom:150px}
.v3-home .v3-books:before,.v3-home .v3-books:after{content:'';position:absolute;left:0;right:0;height:64px;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:1}
.v3-home .v3-books:before{top:-2px;background-image:url('assets/blb-paper-rip-top-2026-06-01.png')}
.v3-home .v3-books:after{bottom:-2px;background-image:url('assets/blb-paper-rip-bottom-2026-06-01.png')}
.v3-home .v3-books h2{color:#080808}
.v3-home .v3-books .ck-lead{color:#3a3530}
.v3-home .v3-books-themes li{border-color:#080808;color:#080808}
.v3-home .v3-blb-button{box-shadow:6px 6px 0 #080808}
.v3-home .v3-books .v3-quiet-link{color:#080808;border-color:#080808}
.v3-home .v3-books .v3-quiet-link:hover{color:#ef2b12;border-color:#ef2b12}
.v3-home .v3-books-art img{box-shadow:10px 18px 30px #0005}
.v3-home .ck-footer{background:#050505}

@media(max-width:760px){
  .v3-home .v3-books{padding-top:110px;padding-bottom:110px}
  .v3-home .v3-books:before,.v3-home .v3-books:after{height:40px}
}
.v3-home .v3-books .v3-blb-kicker{color:#a61c0e}