/* Zombie Supply Run case-file layout. This page-specific stylesheet keeps the
   image treatment independent from cached versions of the shared site CSS. */

.zsr-case{overflow:hidden}
.zsr-hero{padding-bottom:150px;background:#eee7da}
.zsr-hero-grid{grid-template-columns:.72fr 1.28fr;gap:clamp(55px,7vw,105px);align-items:center}
.zsr-hero-copy{position:relative;z-index:2}
.zsr-hero-copy .case-question{max-width:535px}
.zsr-hero-note{max-width:530px;margin:28px 0 0;padding-top:20px;border-top:1px solid var(--ink);color:var(--muted);font-size:13px;line-height:1.65}
.zsr-hero-proof{position:relative;min-width:0;padding:0 42px 105px 0}
.zsr-cover-frame{position:relative;z-index:1;width:100%;margin:0;background:var(--paper-light);border:1px solid var(--ink);box-shadow:10px 12px 0 #243b31;overflow:hidden;transform:rotate(-1.2deg)}
.zsr-cover-frame img{display:block;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
.zsr-cover-frame figcaption,.zsr-photo-frame figcaption{padding:10px 14px;background:var(--paper-light);color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.zsr-hero-proof .case-status-sheet{position:absolute;z-index:2;right:-8px;bottom:0;width:min(390px,68%);padding:23px 24px 20px;box-shadow:7px 8px 0 var(--red);transform:rotate(1.7deg)}
.zsr-hero-proof .case-status-sheet:before{width:100px;height:23px}
.zsr-hero-proof .case-status-sheet dl>div{padding:9px 0}
.zsr-hero-proof .case-status-sheet>p{margin-top:13px;font-size:18px}

.zsr-experience{padding:120px 0 135px;background:#d9dfd4;border-block:1px solid var(--ink);scroll-margin-top:80px}
.zsr-section-heading{display:grid;grid-template-columns:1.12fr .68fr;gap:clamp(70px,10vw,150px);align-items:end}
.zsr-section-heading h2,.zsr-transfer h2{margin:15px 0 0;font-family:var(--serif);font-size:clamp(52px,6vw,82px);font-weight:400;letter-spacing:-.05em;line-height:.9}
.zsr-section-intro{padding-top:20px;border-top:3px solid var(--red)}
.zsr-section-intro span,.zsr-kicker{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.11em}
.zsr-section-intro p{margin:15px 0 0;color:#435047;font-size:15px;line-height:1.65}

.zsr-world-grid{margin-top:78px;display:grid;grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);gap:22px;align-items:center}
.zsr-scene{margin:0;background:var(--paper-light);border:1px solid var(--ink);box-shadow:8px 9px 0 rgba(23,24,23,.16);overflow:hidden}
.zsr-scene-store{transform:rotate(-.7deg)}
.zsr-scene-shelter{transform:rotate(.8deg)}
.zsr-scene img{display:block;width:100%!important;height:auto!important}
.zsr-scene figcaption{padding:22px 22px 24px;background:var(--paper-light)}
.zsr-scene figcaption span{display:block;color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.11em}
.zsr-scene figcaption strong{display:block;margin:8px 0 4px;font-family:var(--serif);font-size:28px;font-weight:400}
.zsr-scene figcaption p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.zsr-route-line{display:grid;justify-items:center;gap:8px;color:var(--red);font-size:7px;font-weight:800;letter-spacing:.11em;writing-mode:vertical-rl}
.zsr-route-line i{display:block;width:1px;height:45px;background:var(--ink)}

.zsr-live-feature{margin-top:115px;display:grid;grid-template-columns:1.36fr .64fr;gap:clamp(45px,6vw,85px);align-items:center}
.zsr-photo-frame{margin:0;background:var(--paper-light);border:1px solid var(--ink);box-shadow:9px 11px 0 rgba(23,24,23,.17);overflow:hidden}
.zsr-photo-frame img{display:block;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
.zsr-photo-wide{transform:rotate(-.7deg)}
.zsr-live-copy{padding:28px 0;border-block:1px solid rgba(23,24,23,.55)}
.zsr-live-copy h3,.zsr-reveal-copy h3,.zsr-human-stakes h3,.zsr-supply-section h3,.zsr-seven-day h3{margin:17px 0 15px;font-family:var(--serif);font-size:clamp(35px,4vw,49px);font-weight:400;letter-spacing:-.04em;line-height:1}
.zsr-live-copy>p:not(.zsr-kicker),.zsr-reveal-copy>p,.zsr-human-stakes>div>p,.zsr-supply-section header>p,.zsr-seven-day>p:last-child{color:#435047;font-size:14px;line-height:1.65}
.zsr-live-copy ul{margin:24px 0 0;padding:0;list-style:none;border-top:1px solid rgba(23,24,23,.27)}
.zsr-live-copy li{padding:10px 0;border-bottom:1px solid rgba(23,24,23,.27);font-size:12px;font-weight:650}
.zsr-live-copy li:before{content:"→ ";color:var(--red)}
.zsr-session-grid{margin-top:82px;display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:start}
.zsr-session-grid .zsr-photo-frame:first-child{margin-top:70px;transform:rotate(.55deg)}
.zsr-session-grid .zsr-photo-frame:last-child{transform:rotate(-.8deg)}

.zsr-reveal{margin-top:125px;padding:68px 0 40px;display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(55px,8vw,115px);align-items:center;border-top:3px solid var(--red)}
.zsr-reveal-copy .zsr-reveal-note{margin-top:28px;padding:19px 0 0;border-top:1px solid rgba(23,24,23,.35);color:var(--ink);font-weight:650}
.zsr-card-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start}
.zsr-card-pair figure,.zsr-survivor-pair figure,.zsr-supply-rail figure{margin:0;min-width:0}
.zsr-card-pair figure:first-child{transform:rotate(-2.5deg)}
.zsr-card-pair figure:last-child{margin-top:55px;transform:rotate(2.2deg)}
.zsr-card-pair img,.zsr-survivor-pair img,.zsr-supply-rail img{display:block;width:100%!important;height:auto!important;filter:drop-shadow(7px 9px 8px rgba(23,24,23,.2))}

.zsr-human-stakes{margin-top:110px;display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(55px,8vw,115px);align-items:center}
.zsr-survivor-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.zsr-survivor-pair figure:first-child{transform:rotate(1.8deg)}
.zsr-survivor-pair figure:last-child{margin-top:75px;transform:rotate(-1.5deg)}

.zsr-supply-section{margin-top:140px;padding-top:70px;border-top:1px solid var(--ink)}
.zsr-supply-section header{max-width:780px}
.zsr-supply-section header>p:last-child{max-width:650px}
.zsr-supply-rail{margin-top:55px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:start}
.zsr-supply-rail figure:nth-child(odd){transform:rotate(-1.8deg)}
.zsr-supply-rail figure:nth-child(even){margin-top:32px;transform:rotate(1.7deg)}
.zsr-supply-rail figure:nth-child(3n){margin-top:58px}
.zsr-boundary{position:relative;margin:115px 0 0;padding:26px 32px 26px 190px;background:var(--paper-light);border:1px solid var(--ink);box-shadow:6px 7px 0 var(--red)}
.zsr-boundary:before{content:"EVIDENCE BOUNDARY";position:absolute;left:28px;top:30px;color:var(--red);font-size:9px;font-weight:800;letter-spacing:.11em}
.zsr-boundary strong{font-family:var(--serif);font-size:25px;font-weight:400}
.zsr-boundary p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}

.zsr-transfer{padding:120px 0 130px;background:var(--paper-light);scroll-margin-top:80px}
.zsr-transfer header{max-width:900px}
.zsr-transfer header>p:last-child{max-width:720px;margin:24px 0 0;color:var(--muted);font-size:16px}
.zsr-debrief{margin:65px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink);list-style:none}
.zsr-debrief li{min-height:235px;padding:24px;display:flex;flex-direction:column;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.zsr-debrief li>span{color:var(--blue);font-size:9px;font-weight:800}
.zsr-debrief li>div{margin-top:auto}
.zsr-debrief strong{font-family:var(--serif);font-size:28px;font-weight:400}
.zsr-debrief p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.zsr-seven-day{max-width:780px;margin:75px 0 0 auto;padding:35px 38px;background:#d9dfd4;border:1px solid var(--ink);box-shadow:7px 8px 0 var(--blue);transform:rotate(-.5deg)}
.zsr-seven-day h3{font-size:39px}

@media (max-width:1100px){
  .zsr-hero-grid{grid-template-columns:.8fr 1.2fr;gap:50px}
  .zsr-hero-proof .case-status-sheet{right:0}
  .zsr-live-feature{grid-template-columns:1.25fr .75fr;gap:45px}
  .zsr-supply-rail{gap:13px}
}

@media (max-width:850px){
  .zsr-hero{padding-bottom:110px}
  .zsr-hero-grid,.zsr-section-heading,.zsr-live-feature,.zsr-reveal,.zsr-human-stakes{grid-template-columns:1fr}
  .zsr-hero-proof{max-width:720px;margin:25px 0 0 auto}
  .zsr-section-heading{gap:42px}
  .zsr-section-intro{max-width:620px}
  .zsr-case .case-spine nav{grid-template-columns:repeat(3,1fr)}
  .zsr-world-grid{grid-template-columns:1fr;gap:38px}
  .zsr-route-line{grid-template-columns:auto 1fr auto 1fr auto;width:100%;writing-mode:initial;align-items:center}
  .zsr-route-line i{width:100%;height:1px}
  .zsr-live-feature{gap:50px}
  .zsr-live-copy{max-width:650px;margin-left:auto}
  .zsr-session-grid{grid-template-columns:1.1fr .9fr;gap:25px}
  .zsr-reveal,.zsr-human-stakes{gap:50px}
  .zsr-reveal-copy,.zsr-human-stakes>div:first-child{max-width:650px}
  .zsr-card-pair,.zsr-survivor-pair{max-width:720px;margin-left:auto}
  .zsr-supply-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .zsr-supply-rail figure:nth-child(n){margin-top:0}
  .zsr-supply-rail figure:nth-child(3n+2){margin-top:35px}
  .zsr-boundary{padding-left:165px}
  .zsr-debrief{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:600px){
  .zsr-hero{padding-bottom:82px}
  .zsr-hero-note{font-size:12px}
  .zsr-case .case-spine nav{grid-template-columns:repeat(2,1fr)}
  .zsr-hero-proof{padding:0}
  .zsr-cover-frame{transform:none;box-shadow:6px 7px 0 #243b31}
  .zsr-hero-proof .case-status-sheet{position:relative;right:auto;bottom:auto;width:calc(100% - 20px);margin:-22px 0 0 20px;transform:rotate(1deg)}
  .zsr-experience{padding:82px 0 95px}
  .zsr-section-heading h2,.zsr-transfer h2{font-size:47px}
  .zsr-world-grid{margin-top:58px}
  .zsr-scene:nth-child(n){transform:none}
  .zsr-live-feature{margin-top:82px}
  .zsr-live-copy{margin:0}
  .zsr-session-grid{margin-top:58px;grid-template-columns:1fr;gap:35px}
  .zsr-session-grid .zsr-photo-frame:nth-child(n){margin-top:0;transform:none}
  .zsr-reveal{margin-top:85px;padding-top:50px}
  .zsr-card-pair,.zsr-survivor-pair{gap:12px}
  .zsr-card-pair figure:last-child,.zsr-survivor-pair figure:last-child{margin-top:30px}
  .zsr-human-stakes{margin-top:85px}
  .zsr-supply-section{margin-top:95px;padding-top:52px}
  .zsr-supply-rail{margin-top:42px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .zsr-supply-rail figure:nth-child(n){margin-top:0}
  .zsr-supply-rail figure:nth-child(even){margin-top:27px}
  .zsr-boundary{margin-top:75px;padding:65px 20px 22px}
  .zsr-boundary:before{left:20px;top:24px}
  .zsr-transfer{padding:85px 0 95px}
  .zsr-debrief{margin-top:48px;grid-template-columns:1fr}
  .zsr-debrief li{min-height:180px}
  .zsr-seven-day{margin-top:55px;padding:28px 22px;transform:none}
  .zsr-seven-day h3{font-size:32px}
}