/* Version 3.5 War Room page. Loaded after war-room-briefing.css and war-room-v3.css.
   Section rhythm alternates dark and light so each block reads as its own idea:
   hero (terrain) / Erosion (bone) / room (ink) / fit (bone) / Kris (ink, photo) / Cohort One (bone, dark panel) / questions (ink) / close (black, red edge). */
.w5{--w5-ink:#080909;--w5-panel:#11140f;--w5-bone:#e9e6dc;--w5-paper:#dedad0;--w5-olive:#a4a47d;--w5-olive-dk:#596344;--w5-line:#414539;--w5-line-lt:#b7b8ab;--w5-red:#991721;--w5-red-hi:#991721;--w5-gutter:max(6%,calc((100% - 1320px)/2))}
.w5 main{overflow-x:clip}
.w5-wrap{max-width:1320px;margin:0 auto}
.w5 main section{padding:clamp(80px,9vw,140px) var(--w5-gutter)}
.w5 main em{font-style:normal;color:var(--w5-red-hi)}
.w5 main h2{font-size:clamp(40px,4.6vw,70px);line-height:1.06;text-wrap:balance}
.w5 main h2 em{display:inline}
.w5-kicker{font:500 11px/1.5 var(--wr-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--w5-olive);margin:0 0 22px;display:flex;align-items:center;gap:12px}
.w5-kicker:before{content:"";width:22px;height:2px;background:currentColor}
.w5 .w5-body-lg{font-size:clamp(20px,1.7vw,25px);line-height:1.45;margin:0 0 20px}
.w5 .w5-body{font-size:17px;line-height:1.65;margin:0 0 18px;color:var(--wr-muted)}
.w5-quiet{display:inline-flex;gap:14px;align-items:center;font-size:15px;font-weight:700;padding:10px 0;border-bottom:1px solid currentColor;color:inherit;text-decoration:none}
.w5-quiet:hover span{transform:translateY(2px)}
.w5-quiet span{transition:transform .2s}
.w5-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:end}
.w5-split h2{margin:0}

/* 1. Hero: the question, full width, then lead and action side by side */
.w5 main .w5-hero{min-height:min(860px,calc(100svh - 130px));display:flex;align-items:center;padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(70px,8vw,110px)}
.w5-hero .w5-wrap{width:100%}
.w5-hero .wr-eyebrow{margin-bottom:28px}
.w5 main .w5-hero h1{font-size:clamp(54px,8.2vw,136px);line-height:.98;letter-spacing:-.02em;margin:0;max-width:none}
.w5 main .w5-hero h1 span{display:block;color:var(--w5-bone)}
.w5 main .w5-hero h1 .w5-h1-b{color:var(--w5-red-hi)}
.w5-hero-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(30px,6vw,100px);align-items:end;margin-top:clamp(40px,5vw,70px);padding-top:34px;border-top:1px solid var(--w5-line)}
.w5 .w5-hero-lead{font-size:clamp(19px,1.6vw,23px);line-height:1.5;color:#d9d8cd;margin:0;max-width:680px}
.w5-hero-act{display:flex;flex-direction:column;align-items:flex-start;gap:14px;justify-self:end}
.w5-hero-act .w5-quiet{color:#cfd0c4}

/* 2. The Erosion: light paper, four arenas */
.w5 main .w5-erosion{background:var(--w5-bone);color:#171a15}
.w5-erosion h2,.w5-fit h2,.w5-c1 h2{color:#171a15!important}
.w5-erosion .w5-kicker,.w5-fit .w5-kicker{color:var(--w5-olive-dk)}
.w5-erosion .w5-body-lg{color:#343a2f;margin:0}
.w5-arenas{list-style:none;margin:clamp(50px,6vw,80px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #171a15}
.w5-arenas li{padding:26px 26px 30px 0;margin-right:26px;border-right:1px solid var(--w5-line-lt)}
.w5-arenas li:last-child{border-right:0;margin-right:0}
.w5-arenas span{display:block;font:clamp(28px,2.4vw,36px)/1 Anton,sans-serif;text-transform:uppercase;color:#171a15;margin-bottom:16px}
.w5 .w5-arenas p{font-size:16px;line-height:1.55;color:#4d5448;margin:0}
.w5 .w5-pull{margin:clamp(50px,6vw,80px) 0 0;padding:28px 0 0;border-top:1px solid var(--w5-line-lt);font-size:clamp(22px,2.2vw,32px);line-height:1.35;color:#343a2f;max-width:900px}
.w5-pull strong{font-weight:400;color:var(--w5-red)}

/* 3. The room: dark, three verbs as one connected bar */
.w5 main .w5-room{background:var(--w5-ink)}
.w5-room .w5-split{align-items:start}
.w5-room .w5-body-lg{color:var(--w5-bone)}
.w5-verbs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(50px,6vw,80px);border:1px solid var(--w5-line)}
.w5-verbs article{padding:34px 32px 38px;background:var(--w5-panel)}
.w5-verbs article+article{border-left:1px solid var(--w5-line)}
.w5-verbs span{display:block;font:11px var(--wr-mono);color:var(--w5-olive);margin-bottom:34px}
.w5 main .w5-verbs h3{font-size:clamp(28px,2.5vw,38px);line-height:1.05;margin:0 0 14px;color:var(--w5-bone)}
.w5 .w5-verbs p{font-size:16px;color:var(--wr-muted);margin:0}
.w5 .w5-method{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 14px;margin:0;padding:22px 32px;border:1px solid var(--w5-line);border-top:0;font:15px/1.4 var(--wr-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--w5-bone)}
.w5-method span{color:var(--w5-olive);margin-right:10px;font-size:11px}
.w5-method i{font-style:normal;color:var(--w5-line)}
.w5-method b{margin-left:auto;font-weight:400;color:var(--w5-red-hi)}

/* 4. Fit: a stark yes / no split with its own verdict */
.w5 main .w5-fit{position:relative;background:var(--w5-paper);color:#171a15;border-top:6px solid var(--w5-red);overflow:hidden}
.w5 main .w5-fit:before{content:"FIT";position:absolute;right:-2%;top:-6%;font:clamp(200px,30vw,440px)/1 Anton,sans-serif;color:transparent;-webkit-text-stroke:2px #17191522;pointer-events:none}
.w5-fit .w5-wrap{position:relative}
.w5-fit-head{max-width:860px;margin:0 0 clamp(40px,5vw,64px)}
.w5 main .w5-fit-head h2{margin:0 0 20px;font-size:clamp(48px,6vw,92px)}
.w5-fit-head .w5-body-lg{color:#343a2f;margin:0}
.w5-fit-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:0;box-shadow:0 30px 70px #0002}
.w5-fit-grid>div{padding:clamp(30px,4vw,54px)}
.w5-fit-yes{background:var(--w5-ink);color:var(--w5-bone)}
.w5-fit-no{background:#f4f1ea;border:1px solid var(--w5-line-lt);border-left:0}
.w5 .w5-fit-label{display:flex;align-items:center;gap:16px;margin:0 0 18px;font:clamp(54px,6vw,86px)/.9 Anton,sans-serif;text-transform:uppercase}
.w5-fit-label span{flex:none;display:grid;place-items:center;box-sizing:border-box;width:46px;height:46px;font:700 26px/1 Arial,sans-serif;overflow:hidden}
.w5 .w5-fit-yes .w5-fit-label{color:var(--w5-bone)}
.w5-fit-yes .w5-fit-label span{background:var(--w5-red-hi);color:#fff}
.w5 .w5-fit-no .w5-fit-label{color:#171a15}
.w5-fit-no .w5-fit-label span{border:3px solid var(--w5-red);color:var(--w5-red)}
.w5 main .w5-fit h3{font:500 11px/1.5 var(--wr-mono);text-transform:uppercase;letter-spacing:.14em;margin:0 0 18px}
.w5 main .w5-fit-yes h3{color:var(--w5-olive)}
.w5 main .w5-fit-no h3{color:var(--w5-olive-dk)}
.w5-fit ul{list-style:none;margin:0;padding:0}
.w5-fit li{position:relative;padding:16px 0 16px 40px;font-size:18px;line-height:1.5}
.w5-fit li:before{position:absolute;left:0;top:17px;display:grid;place-items:center;width:24px;height:24px;font:700 13px/1 Arial,sans-serif;box-sizing:border-box}
.w5-fit-yes li{border-top:1px solid var(--w5-line);color:#e4e3d8}
.w5-fit-yes li:first-child{border-top:0}
.w5-fit-yes li:before{content:"\2713";background:var(--w5-red-hi);color:#fff}
.w5-fit-no li{border-top:1px solid #d6d2c6;color:#545a4f}
.w5-fit-no li:first-child{border-top:0}
.w5-fit-no li:before{content:"\2715";border:2px solid var(--w5-red);color:var(--w5-red)}
.w5-fit-verdict{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;margin-top:28px;padding:26px 30px;background:var(--w5-red);color:#fff}
.w5 .w5-fit-verdict p{margin:0;font-size:clamp(18px,1.6vw,22px);line-height:1.45;max-width:720px;color:#fff}
.w5-fit-verdict strong{font-weight:700}
.w5 .w5-fit-verdict .cta-apply{background:#080909;border-color:#080909}
.w5 .w5-fit-verdict .cta-apply:hover{background:#1d211b;border-color:#1d211b}

/* 5. Kris: photograph beside the words, full bleed */
.w5 main .w5-kris{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding:0;background:#0c0e0c;border-top:1px solid var(--w5-line);border-bottom:1px solid var(--w5-line)}
.w5-kris-photo{position:relative;min-height:560px;overflow:hidden}
.w5-kris-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:grayscale(1) contrast(1.05)}
.w5-kris-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#0c0e0c)}
.w5-kris-copy{align-self:center;padding:clamp(60px,7vw,110px) var(--w5-gutter) clamp(60px,7vw,110px) clamp(40px,5vw,80px);max-width:720px}
.w5-kris-copy h2{margin:0 0 26px}
.w5-kris-copy .w5-body-lg{color:var(--w5-bone)}
.w5-kris-copy .w5-quiet{color:var(--w5-bone);margin-top:8px}

/* 6. Cohort One: dark panel on paper, stamp, facts and joining */
.w5 main .w5-c1{background:var(--w5-bone)}
.w5-c1-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--w5-ink);color:var(--w5-bone);border-top:6px solid var(--w5-red);box-shadow:0 30px 80px #0003}
.w5-c1-head{position:relative;padding:clamp(40px,5vw,70px)}
.w5-c1-join{padding:clamp(40px,5vw,70px);background:var(--w5-panel);border-left:1px solid var(--w5-line)}
.w5 main .w5-c1 h2{color:var(--w5-bone)!important;margin:0 0 22px}
.w5-c1-head .w5-body-lg{color:#d9d8cd}
.w5-stamp{display:inline-grid;margin:0 0 30px;transform-origin:left center;justify-items:center;gap:3px;padding:12px 16px 10px;border:4px double var(--w5-red-hi);color:var(--w5-red-hi);transform:rotate(-7deg);text-transform:uppercase;line-height:1}
.w5-stamp span{font:600 9px/1 var(--wr-mono);letter-spacing:.28em}
.w5-stamp strong{font:24px/1 Anton,sans-serif;letter-spacing:.04em;font-weight:400}
.w5-facts{margin:34px 0 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--w5-line)}
.w5-facts>div{padding:18px 18px 18px 0;border-bottom:1px solid var(--w5-line)}
.w5-facts>div:nth-child(odd){border-right:1px solid var(--w5-line)}
.w5-facts>div:nth-child(even){padding-left:18px}
.w5-facts dt{font:10px/1.5 var(--wr-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--w5-olive)}
.w5-facts dd{margin:6px 0 0;font-size:16px;line-height:1.4;color:var(--w5-bone)}
.w5 main .w5-c1-join h3{font-size:28px;margin:0 0 18px;color:var(--w5-bone)}
.w5-steps{counter-reset:s;list-style:none;margin:0 0 24px;padding:0}
.w5-steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;padding:16px 0;border-top:1px solid var(--w5-line);font-size:16px;line-height:1.55;color:#cfd0c4}
.w5-steps li:before{content:counter(s,decimal-leading-zero);font:11px var(--wr-mono);color:var(--w5-olive);padding-top:5px}
.w5-steps strong{color:var(--w5-bone)}
.w5 .w5-note{font-size:14px;line-height:1.6;color:#aeb2a4;margin:0 0 26px}

/* 7. Questions: dark, to separate from the paper above */
.w5 main .w5-faq{background:var(--w5-ink);color:var(--w5-bone);padding-left:var(--w5-gutter);padding-right:var(--w5-gutter)}
.w5 main .w5-faq h2{color:var(--w5-bone)!important}
.w5-faq .wr-eyebrow{color:var(--w5-olive)}
.w5-faq details{border-color:var(--w5-line)!important}
.w5 .w5-faq details p{color:var(--wr-muted)}

/* 8. Close */
.w5 main .w5-close{text-align:center;background:#050606;border-top:4px solid var(--w5-red)}
.w5 .w5-close-kicker{font:500 12px/1.6 var(--wr-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--w5-olive);margin:0 auto 26px}
.w5 main .w5-close h2{max-width:1000px;margin:0 auto 38px;font-size:clamp(40px,5.4vw,82px)}

@media(max-width:1000px){
  .w5-arenas{grid-template-columns:1fr 1fr}
  .w5-arenas li{border-right:0;margin-right:0;padding-right:20px;border-bottom:1px solid var(--w5-line-lt)}
  .w5-arenas li:nth-child(odd){border-right:1px solid var(--w5-line-lt);margin-right:20px}
  .w5-c1-panel{grid-template-columns:1fr}
  .w5-c1-join{border-left:0;border-top:1px solid var(--w5-line)}
}
@media(max-width:760px){
  .w5 main section{padding:64px 6%}
  .w5-split,.w5-hero-row,.w5-fit-grid,.w5-verbs{grid-template-columns:1fr}
  .w5-fit-no{border-left:1px solid var(--w5-line-lt)!important;border-top:0}
  .w5-fit li{font-size:16px}
  .w5-fit-verdict{padding:22px 20px}
  .w5-split{gap:22px}
  .w5-hero-act{justify-self:start}
  .w5 main .w5-hero{min-height:0}
  .w5-verbs article+article{border-left:0;border-top:1px solid var(--w5-line)}
  .w5 .w5-method{padding:18px 20px;font-size:13px}
  .w5-method b{margin-left:0}
  .w5-arenas{grid-template-columns:1fr}
  .w5-arenas li,.w5-arenas li:nth-child(odd){border-right:0;margin-right:0;padding:22px 0}
  .w5-fit-grid>div{padding:30px 22px}
  .w5 main .w5-kris{grid-template-columns:1fr}
  .w5-kris-photo{min-height:420px}
  .w5-kris-photo:after{background:linear-gradient(180deg,transparent 60%,#0c0e0c)}
  .w5-kris-copy{padding:40px 6% 64px}
  .w5-c1-head,.w5-c1-join{padding:34px 22px}
  .w5-facts{grid-template-columns:1fr}
  .w5-facts>div:nth-child(odd){border-right:0}
  .w5-facts>div:nth-child(even){padding-left:0}
}

/* Finishing touches */
.w5 main .w5-hero{position:relative;overflow:hidden}
.w5-watermark{position:absolute;right:-3%;bottom:-4%;font:clamp(140px,19vw,300px)/.8 Anton,sans-serif;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px #e9e6dc1c;pointer-events:none;z-index:0;white-space:nowrap}
.w5-hero .w5-wrap{position:relative;z-index:1}
.w5 main .w5-hero h1 .w5-h1-b{display:inline-block;position:relative}
.w5 main .w5-hero h1 .w5-h1-b:after{content:"";position:absolute;left:0;right:.12em;bottom:-.08em;height:.09em;background:var(--w5-red-hi);transform-origin:left;animation:w5-underline 1s .5s cubic-bezier(.16,1,.3,1) both}
@keyframes w5-underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.w5-arenas li{position:relative}
.w5-arenas li:before{content:"";position:absolute;left:0;top:-2px;width:0;height:4px;background:var(--w5-red);transition:width .35s cubic-bezier(.16,1,.3,1)}
.w5-arenas li:hover:before{width:calc(100% - 26px)}
.w5-arenas i{display:block;font:11px var(--wr-mono);font-style:normal;color:var(--w5-red);margin-bottom:12px}
.w5 .w5-pull{position:relative;padding-left:62px}
.w5 .w5-pull:before{content:"\201C";position:absolute;left:0;top:14px;font:96px/1 Anton,sans-serif;color:var(--w5-red)}
.w5 main .w5-room{background:linear-gradient(180deg,#080909f0,#080909f7),url("assets/texture-paper-black.webp") center/700px}
.w5-verbs article{position:relative;transition:background .25s}
.w5-verbs article:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--w5-red-hi);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.w5-verbs article:hover{background:#171c14}
.w5-verbs article:hover:after{transform:scaleX(1)}
.w5 .w5-verbs span{font-size:13px;color:var(--w5-red-hi)}
.w5 main .w5-close{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 120%,#99172166,transparent 60%),#050606}
.w5 main .w5-close:before{content:"COMMAND";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:clamp(120px,20vw,320px)/1 Anton,sans-serif;color:transparent;-webkit-text-stroke:1px #ffffff12;pointer-events:none;white-space:nowrap}
.w5-close>*{position:relative}

/* Reveal on scroll: only when the script runs and motion is allowed */
.w5-js .w5-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.w5-js .w5-reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .w5 main .w5-hero h1 .w5-h1-b:after{animation:none}
  .w5-js .w5-reveal{opacity:1;transform:none;transition:none}
}
@media(max-width:760px){
  .w5-watermark{font-size:110px;bottom:0}
  .w5 .w5-pull{padding-left:44px}
  .w5 .w5-pull:before{font-size:70px}
  .w5 main .w5-fit:before{font-size:170px;top:-1%}
}

/* Lead magnet link for readers not ready to apply */
.w5 .w5-close-alt{margin:26px auto 0;font-size:16px;color:#b9b9ae}
.w5-close-alt a{color:#e9e6dc;font-weight:700;text-decoration:underline;text-underline-offset:4px}