/* One measured composition shared by HTML and the camera. Older study rules
   remain archived; these rules apply only to the production animated stage. */
@media screen {
 body.capture-art .qa-output{display:none!important}
 body:not(.static-journey) .journey-stage{box-sizing:border-box;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
 body:not(.static-journey)[data-layout] .chapter{left:var(--copy-x)!important;top:var(--copy-y)!important;width:var(--copy-width)!important;max-width:none!important;max-height:var(--copy-height)!important;overflow-y:auto;overflow-x:clip;scrollbar-width:thin;padding:0 6px 2px 0;box-sizing:border-box;overscroll-behavior-y:auto;transform:translate3d(0,0,0)}
 body:not(.static-journey)[data-layout] .chapter :is(h1,h2){max-width:100%;overflow-wrap:break-word;text-wrap:balance;line-height:1.04!important;margin:0 0 20px!important}
 body:not(.static-journey)[data-layout=wide] .chapter h1{font-size:clamp(52px,calc(var(--copy-width) * .15),108px)!important}
 body:not(.static-journey)[data-layout=wide] .chapter h2{font-size:clamp(38px,calc(var(--copy-width) * .115),78px)!important}
 body:not(.static-journey)[data-layout] .chapter>p:not(.eyebrow){font-size:clamp(14px,1.35vw,20px);line-height:1.65!important;max-width:100%;margin:0 0 18px!important;text-wrap:pretty;overflow-wrap:break-word}
 body:not(.static-journey)[data-layout] .chapter>.eyebrow{margin:0 0 18px!important;line-height:1.5;overflow-wrap:break-word}
 body:not(.static-journey)[data-layout] .chapter-credit{margin-top:18px!important;font-size:12px;line-height:1.5}
 body:not(.static-journey)[data-layout] .chapter-years{font-size:11px;line-height:1.5;margin-top:4px}
 body:not(.static-journey)[data-layout] .chapter-employers{gap:10px 24px}
 body:not(.static-journey)[data-layout] .journey-footer{left:max(var(--layout-gap),env(safe-area-inset-left));right:max(var(--layout-gap),env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));max-width:none}
 body:not(.static-journey)[data-layout] .parallel-caption{right:var(--layout-gap);bottom:var(--caption-bottom);max-width:calc(100% - 2 * var(--layout-gap));font-size:10px}
 body:not(.static-journey)[data-layout] .journey-preparation{left:auto;right:var(--layout-gap);top:var(--copy-y);bottom:auto;max-width:calc(100% - 2 * var(--layout-gap));max-height:calc(100svh - 150px);overflow-y:auto;box-sizing:border-box}
 body:not(.static-journey)[data-layout] .graphics-options-panel{max-width:calc(100vw - 2 * var(--layout-gap));max-height:calc(100svh - 125px);box-sizing:border-box}
 body:not(.static-journey)[data-layout] .scene-still img{object-fit:contain}
 body:not(.static-journey)[data-layout] .reading-shade{background:linear-gradient(90deg,rgb(var(--fw-charcoal-rgb) / 0.961) 0,rgb(var(--fw-charcoal-rgb) / 0.91) calc(var(--model-x) * .7),transparent var(--model-x))}
 body:not(.static-journey)[data-layout=landscape] header{height:56px;min-height:56px;padding-block:6px}
 body:not(.static-journey)[data-layout=landscape] .chapter h1{font-size:clamp(30px,4.4vw,48px)!important}
 body:not(.static-journey)[data-layout=landscape] .chapter h2{font-size:clamp(28px,3.7vw,38px)!important}
 body:not(.static-journey)[data-layout=landscape] .chapter :is(h1,h2){margin-bottom:12px!important}
 body:not(.static-journey)[data-layout=landscape] .chapter>p:not(.eyebrow){font-size:14px!important;line-height:1.5!important;margin-bottom:12px!important}
 body:not(.static-journey)[data-layout=landscape] .chapter>.eyebrow{font-size:9px!important;margin-bottom:10px!important}
 body:not(.static-journey)[data-layout=landscape] .chapter-credit{font-size:10px;margin-top:10px!important}
 body:not(.static-journey)[data-layout=landscape] .chapter-years{font-size:10px;margin-top:2px}
 body:not(.static-journey)[data-layout=landscape] .journey-cue{display:none}
 body:not(.static-journey)[data-layout=landscape] .journey-footer{display:flex;gap:10px}
 body:not(.static-journey)[data-layout=landscape] .journey-track{display:none!important}
 body:not(.static-journey)[data-layout=landscape] .scene-label{font-size:9px;flex:1;min-width:0;max-width:none}
 body:not(.static-journey)[data-layout=landscape] .parallel-caption{font-size:9px}
 body:not(.static-journey)[data-layout=landscape] .journey-preparation{width:285px;padding:12px 16px}
 body:not(.static-journey)[data-layout=portrait] .chapter h1{font-size:clamp(40px,11vw,82px)!important}
 body:not(.static-journey)[data-layout=portrait] .chapter h2{font-size:clamp(34px,8.7vw,70px)!important}
 body:not(.static-journey)[data-layout=portrait] .chapter>p:not(.eyebrow){font-size:clamp(14px,2.1vw,18px)!important;line-height:1.55!important;margin-bottom:14px!important}
 body:not(.static-journey)[data-layout=portrait] .chapter>.eyebrow{font-size:9px!important;margin-bottom:12px!important}
 body:not(.static-journey)[data-layout=portrait] .chapter :is(h1,h2){margin-bottom:14px!important}
 body:not(.static-journey)[data-layout=portrait] .chapter-credit{font-size:11px;margin-top:12px!important}
 body:not(.static-journey)[data-layout=portrait] .journey-cue{display:none}
 /* Keep protection through the measured reading edge, including tray close-ups.
    The fade belongs below the text instead of halfway through its paragraph. */
 body:not(.static-journey)[data-layout=portrait] .reading-shade{background:linear-gradient(180deg,rgb(var(--fw-charcoal-rgb) / 0.98) 0,rgb(var(--fw-charcoal-rgb) / 0.961) calc(var(--model-y) - 24px),transparent calc(var(--model-y) + 64px))}
 body:not(.static-journey)[data-layout=portrait] .journey-preparation{top:auto;bottom:110px}
 .chapter:focus-visible{outline:1px solid var(--fw-amber);outline-offset:5px}
 body:not(.static-journey)[data-layout] .chapter[data-scrollable=true]{scrollbar-color:var(--fw-muted-dark) var(--fw-ink);scrollbar-gutter:stable;border-right:1px solid rgb(var(--fw-ivory-rgb) / 0.302)}
 @media(max-height:700px) and (orientation:portrait){
  body:not(.static-journey)[data-layout=portrait] .chapter h1{font-size:40px!important}
  body:not(.static-journey)[data-layout=portrait] .chapter h2{font-size:30px!important}
  body:not(.static-journey)[data-layout=portrait] .chapter>p:not(.eyebrow){line-height:1.45!important;margin-bottom:10px!important}
  body:not(.static-journey)[data-layout=portrait] .chapter :is(h1,h2){margin-bottom:10px!important}
  body:not(.static-journey)[data-layout=portrait] .chapter>.eyebrow{margin-bottom:8px!important;font-size:8px!important}
  body:not(.static-journey)[data-layout=portrait] .chapter-credit{margin-top:8px!important;font-size:10px;line-height:1.4}
  body:not(.static-journey)[data-layout=portrait] .chapter-years{font-size:10px;line-height:1.4}
 }
 @media(max-width:600px) and (orientation:landscape){
  body:not(.static-journey)[data-layout] .journey-footer .scene-label{display:none}
  body:not(.static-journey)[data-layout] .journey-footer{justify-content:space-between}
 }
 @media(max-height:400px) and (orientation:landscape){
  body:not(.static-journey)[data-layout=landscape] .chapter h2{font-size:28px!important}
  body:not(.static-journey)[data-layout=landscape] .chapter>p:not(.eyebrow){line-height:1.4!important;margin-bottom:9px!important}
  body:not(.static-journey)[data-layout=landscape] .chapter-credit{margin-top:8px!important}
 }
}