/* The chapter opens in its own landscape. */
#road-view.road-layout{max-width:none;padding:0 0 50px}
#chapter{position:relative;z-index:1;box-shadow:0 -10px 24px -10px #000b,0 10px 18px -12px #000e}
body.road-rail-active #chapter{scroll-margin-top:-16px}
#chapter-body{box-sizing:border-box;width:100%;max-width:1380px;margin:0 auto;padding:0 42px}
.chapter-cover{--chapter-gutter:max(42px,calc((100% - 1296px)/2));position:relative;isolation:isolate;display:grid;place-items:center;width:100%;min-height:min(720px,calc((100svh - var(--site-header-height)) * .8));height:auto;padding:64px var(--chapter-gutter);overflow:hidden;border:0;border-radius:0;background:#17221b}
.chapter-cover::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#75613d99,#c6a76db3 25%,#e2ca94d9 50%,#c6a76db3 75%,#75613d99) top/100% 1px no-repeat,linear-gradient(90deg,#75613d55,#bea16b99 50%,#75613d55) bottom/100% 1px no-repeat,linear-gradient(#030a08d9,#030a0800) top/100% 34px no-repeat,linear-gradient(0deg,#030a0880,#030a0800) bottom/100% 20px no-repeat}
.chapter-cover-copy{position:relative;z-index:1}
.chapter-cover-art{position:absolute;inset:0;z-index:-2;pointer-events:none}
.chapter-cover-art>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.chapter-cover::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#06100bc9 0%,#06100b80 45%,#06100b26 85%),linear-gradient(0deg,#08120dcc,transparent 30%,transparent 75%,#08120d80)}
.chapter-cover-zone{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:100%;margin:17px auto 0;color:#f2dcae;text-shadow:0 2px 8px #000,0 0 24px #000}
.chapter-zone-emblem{display:block;width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 3px #000b)}
.chapter-zone-name{display:flex;justify-content:center;align-items:center;gap:16px;max-width:100%;font:600 15px/1.5 var(--sans);letter-spacing:1.8px;text-transform:uppercase;text-wrap:balance}
.chapter-zone-name::before,.chapter-zone-name::after{content:'';flex:0 0 40px;height:1px;background:linear-gradient(90deg,transparent,#c0a268)}
.chapter-zone-name::after{transform:rotate(180deg)}
.chapter-cover-copy{width:100%;max-width:1040px;margin-inline:auto;text-align:center;text-shadow:0 2px 18px #000a}
.chapter-cover-copy::before{content:'';display:block;width:184px;height:18px;margin:0 auto 20px;background:url('assets/chapter-ornament.svg') center/contain no-repeat;opacity:.9}
.chapter-cover-copy:has(.chapter-cover-zone)::before{display:none}
.chapter-cover-copy>h2{max-width:100%;margin:0 auto;color:#fff4dc;font:500 clamp(44px,5vw,72px)/1.03 var(--serif);letter-spacing:-.5px;text-wrap:balance;overflow-wrap:break-word}
.chapter-cover .company-intro{max-width:760px;margin:20px auto 0;color:#e0e5d8;font:500 23px/1.45 var(--serif);text-wrap:pretty}
.chapter-cover-levels{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:8px 26px;margin-top:24px;color:#c9d3c4;font:400 12px/1.65 var(--sans);text-shadow:0 1px 7px #000}
.chapter-cover-levels>span{display:inline-block;white-space:normal}
.chapter-cover-levels strong{color:#efd8a5;font-weight:600;white-space:nowrap}

@media(max-width:1100px){
  #road-view.road-layout{padding-bottom:44px}
  #chapter-body{padding-inline:28px}
  .chapter-cover{--chapter-gutter:28px}
  .chapter-cover .company-intro{font-size:22px}
}
@media(max-width:800px){
  #road-view.road-layout{padding-bottom:36px}
  #chapter-body{padding-inline:26px}
  .chapter-cover{--chapter-gutter:26px;padding-block:60px}
  .chapter-cover-copy>h2{font-size:46px}
}
@media(max-width:560px){
  #road-view.road-layout{padding-bottom:32px}
  #chapter-body{padding-inline:18px}
  .chapter-cover{--chapter-gutter:18px;padding-block:54px}
  .chapter-cover-zone{margin-top:17px;gap:5px}
  .chapter-zone-emblem{width:56px;height:56px}
  .chapter-zone-name{gap:10px;font-size:12px;line-height:1.6;letter-spacing:1.2px}
  .chapter-zone-name::before,.chapter-zone-name::after{flex-basis:20px}
  .chapter-cover-copy::before{width:148px;height:14px;margin-bottom:16px}
  .chapter-cover-copy>h2{font-size:clamp(34px,9.6vw,42px);line-height:1.04;letter-spacing:-.3px}
  .chapter-cover .company-intro{margin-top:16px;font-size:20px;line-height:1.45}
  .chapter-cover-levels{gap:6px 20px;margin-top:20px;font-size:11px}
}
@media(forced-colors:active){
  #chapter{box-shadow:none;border-block:1px solid CanvasText}
  .chapter-cover{border-color:CanvasText;background:Canvas}
  .chapter-cover-art,.chapter-cover::before,.chapter-cover::after,.chapter-cover-copy::before{display:none}
  .chapter-zone-emblem,.chapter-zone-name::before,.chapter-zone-name::after{display:none}
  .chapter-cover-zone,.chapter-cover-copy>h2,.chapter-cover .company-intro,.chapter-cover-levels,.chapter-cover-levels strong{color:CanvasText;text-shadow:none}
}
@media print{
  #chapter{box-shadow:none}
  #road-view.road-layout,#chapter-body{max-width:none;padding:0}
  .chapter-cover{display:block;min-height:0;height:auto;padding:0;margin:0 0 22px;border:0;border-radius:0;background:none;overflow:visible;break-inside:avoid}
  .chapter-cover-art,.chapter-cover::before,.chapter-cover::after,.chapter-cover-copy::before{display:none!important}
  .chapter-cover-zone{max-width:none;padding:0;margin-top:10px;color:#444;text-shadow:none}
  .chapter-zone-emblem{width:42px;height:42px;filter:grayscale(1)}
  .chapter-zone-name{font-size:11px}
  .chapter-zone-name::before,.chapter-zone-name::after{display:none}
  .chapter-cover-copy{max-width:none;text-shadow:none}
  .chapter-cover-copy>h2{color:#111;font-size:32px}
  .chapter-cover .company-intro{max-width:none;margin-top:12px;color:#222;font-size:17px}
  .chapter-cover-levels{margin-top:14px;color:#333;text-shadow:none}
  .chapter-cover-levels strong{color:#111}
}