/* Pontarlier V6.5 — frozen 27 Sep 2026 */
:root{--blue:#0628BF;--paper:#fff;--ink:#161616;--line:#fff}
html{scroll-snap-type:y mandatory!important;scroll-behavior:smooth;scroll-padding-top:0}
body{background:#fff!important;color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;overscroll-behavior-y:contain}
.snap-page{position:relative!important;height:100svh!important;min-height:100svh!important;max-height:100svh!important;overflow:hidden!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;box-sizing:border-box!important}
.section{background:#fff!important;border:0!important;padding:clamp(70px,8vh,100px) clamp(32px,8vw,155px)!important;display:grid!important;grid-template-columns:minmax(40px,.35fr) minmax(0,4fr)!important;gap:clamp(24px,4vw,60px)!important;align-content:center!important}
.section-body{max-width:1120px!important}.section p{max-width:920px!important;font-size:20px!important;line-height:1.45!important;letter-spacing:0!important;font-weight:400!important;margin:0 0 1.25em!important}.section h2{font-size:36px!important;line-height:1.05!important;letter-spacing:-.035em!important;font-weight:700!important;margin:0 0 32px!important;max-width:1080px!important}.section .eyebrow{font-size:20px!important;font-weight:700!important}
#page-2 h2{white-space:nowrap!important}
.hero h1{font-size:88px!important;line-height:.9!important;font-weight:700!important}.hero-line{font-size:48px!important;line-height:1!important;font-weight:400!important}
/* One navigation system only: IKB on white, white on blue/photo. */
.page-nav{position:absolute;inset:0;z-index:1000;pointer-events:none}.page-arrow{position:absolute;left:50%;transform:translateX(-50%);pointer-events:auto;width:64px;height:42px;display:flex;align-items:center;justify-content:center;text-decoration:none!important;color:var(--blue)!important;background:transparent!important;border:0!important;font:400 32px/.75 Arial,Helvetica,sans-serif;cursor:pointer}.page-arrow.up{top:5px}.page-arrow.down{bottom:6px}.hero .page-arrow,.highway-page .page-arrow,.wanted-final .page-arrow{color:#fff!important}
.highway-page{background:var(--blue)!important;display:flex;align-items:center;justify-content:center;padding:0!important}.highway-page img{display:block;width:100%;height:100svh;object-fit:contain;object-position:center}
.wanted-final{background:#000;position:relative}.poster-mail{display:block;width:100%;height:100%;margin:0;padding:0}.poster-mail img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:720px){.section{display:block!important;padding:64px 24px 58px!important}.section-index{display:none!important}.section h2{font-size:32px!important;white-space:normal!important}.section p{font-size:18px!important;line-height:1.4!important}.hero h1{font-size:48px!important}.hero-line{font-size:32px!important}.page-arrow{font-size:32px!important;width:56px;height:38px}.highway-page img{width:100%;height:100svh;object-fit:contain}.poster-mail img{object-fit:cover}}

/* V6.7 — mobile final-poster fit fix — 27 Sep 2026 */
@media(max-width:720px){
  .wanted-final{background:#fff!important;}
  .wanted-final .poster-mail{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;overflow:hidden!important;}
  .wanted-final .poster-mail img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;}
}

/* V6.8 — MOBILE ONLY: deterministic arrow navigation on iOS/Safari.
   Desktop remains exactly V6.7. Manual mobile scrolling keeps snap behaviour. */
@media(max-width:720px){
  html.mobile-arrow-nav{scroll-behavior:auto!important;scroll-snap-type:none!important;}
  html.mobile-arrow-nav .snap-page{scroll-snap-stop:normal!important;}
}

/* V6.9 — technical QA candidate — 27 Sep 2026
   Restore complete, visible bidirectional navigation and preserve V6.8 iOS behaviour. */
@media(max-width:720px){
  .page-nav{z-index:3000!important;display:block!important;visibility:visible!important;pointer-events:none!important;}
  .page-arrow{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
  .page-arrow.up{top:14px!important;bottom:auto!important;}
  .page-arrow.down{top:auto!important;bottom:14px!important;}
  /* Final poster is contained on white on mobile, so its sole back arrow must be IKB. */
  .wanted-final .page-arrow{color:var(--blue)!important;}
}


/* V7.0 — Page 8 only. Mirror Page 1 using the exact same Pontarlier IKB variable. */
.wanted-final{background:var(--blue)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 clamp(32px,8vw,155px)!important;text-align:center!important;}
.wanted-inner{width:100%;max-width:1400px;margin:auto;}
.wanted-final h2{margin:0 0 34px!important;font-size:88px!important;line-height:.9!important;letter-spacing:-.035em!important;font-weight:700!important;color:#fff!important;}
.wanted-episode{margin:0 0 38px!important;font-size:48px!important;line-height:1!important;font-weight:400!important;color:#fff!important;}
.wanted-conviction{margin:0 0 54px!important;font-size:20px!important;line-height:1.45!important;font-weight:400!important;color:#fff!important;}
.wanted-email{font-size:20px!important;line-height:1.45!important;font-weight:400!important;color:#fff!important;text-decoration:none!important;}
.wanted-final .page-arrow{color:#fff!important;}
@media(max-width:720px){
 .wanted-final{background:var(--blue)!important;padding:0 24px!important;}
 .wanted-final h2{font-size:48px!important;margin-bottom:26px!important;}
 .wanted-episode{font-size:32px!important;margin-bottom:30px!important;}
 .wanted-conviction{font-size:18px!important;margin-bottom:42px!important;}
 .wanted-email{font-size:18px!important;}
 .wanted-final .page-arrow{color:#fff!important;}
}


/* V7.5 — final page: matching type sizes, first line unbroken. */
.wanted-final .wanted-episode,
.wanted-final .wanted-conviction {
  font-size:clamp(11px, 1.95vw, 26px)!important;
  line-height:1.3!important;
  font-weight:400!important;
}
.wanted-final .wanted-episode {
  white-space:nowrap!important;
  letter-spacing:-.015em!important;
  margin-bottom:28px!important;
}
.wanted-final .wanted-conviction {
  margin-bottom:54px!important;
}
@media(max-width:720px) {
  .wanted-final{padding-left:12px!important;padding-right:12px!important;}
  .wanted-final .wanted-episode,
  .wanted-final .wanted-conviction {
    font-size:clamp(10px, 2.65vw, 18px)!important;
  }
  .wanted-final .wanted-episode{margin-bottom:22px!important;}
  .wanted-final .wanted-conviction{margin-bottom:42px!important;}
}