/* Original display lettering; the reading and control face remains separate. */
:root{--atlas-display:"Forecourt Display","Arial Narrow",sans-serif}
.cinema-chapter h1,.cinema-chapter h2,.scene-intro #atlas-title,.journey-panel h2,
.market h2,.reading h2,.method h2,.discovery-heading h2{
  font-family:var(--atlas-display);font-weight:500;font-style:normal;
  font-kerning:normal;letter-spacing:0;line-height:1.02;text-transform:uppercase;
}
.cinema-chapter h1>span,.cinema-chapter h2>span{display:block;white-space:nowrap}
.cinema-chapter{top:clamp(168px,20.5svh,240px)}
.cinema-chapter[data-cinema-chapter="0"] h1{font-size:clamp(70px,7.1vw,128px);max-width:none}
.cinema-chapter h2{font-size:clamp(64px,5.8vw,104px)}
.cinema-chapter[data-cinema-chapter="3"] h2{font-size:clamp(51px,4.9vw,84px)}
.cinema-chapter .cinema-eyebrow,.cinema-topline{font-family:Atlas Sans,sans-serif;font-size:10px;letter-spacing:.09em}
.cinema-eyebrow{margin-bottom:23px}
.cinema-opening-facts strong,.cinema-trace strong,.cinema-number strong,
.cinema-equation strong,.selected-reading>span:first-child,.chart-number strong,
.currency-result strong,.journey-reading strong,.journey-market strong{
  font-family:var(--atlas-display);font-weight:500;font-style:normal;
  font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1;
}
.cinema-opening-facts strong{font-size:34px}
.cinema-opening-facts span{font-family:Atlas Sans,sans-serif;font-size:9px;letter-spacing:.025em;line-height:1.45}
.cinema-trace strong{font-size:62px}
.cinema-number strong{font-size:clamp(84px,7.6vw,144px)}
.cinema-equation strong{font-size:clamp(28px,2.5vw,44px)}
.cinema-equation span,.cinema-currency>div,.cinema-source{font-family:Atlas Sans,sans-serif;letter-spacing:0;font-size:10px}
.cinema-detail{font-size:12px;line-height:1.65}
.cinema-period{margin-top:24px}
.cinema-bottom{font-family:Atlas Sans,sans-serif;font-size:10px;line-height:1.45;letter-spacing:0}
.cinema-bottom>div{max-width:620px}
.cinema-bottom>div p+p{color:#a5b9aa}
.cinema-bottom>p{font-size:10px}
.scene-intro #atlas-title{font-size:clamp(50px,4.1vw,76px);letter-spacing:0;line-height:1.04}
.journey-panel h2{font-size:40px;letter-spacing:0;line-height:1.08}
.market h2,.reading h2,.method h2{font-size:clamp(34px,3.2vw,51px);letter-spacing:0;line-height:1.08}
.discovery-heading h2{font-size:39px;letter-spacing:0;line-height:1.08}
.selected-reading>span:first-child{font-size:62px}
.chart-number strong,.currency-result strong{font-size:38px}
.stage-heading time{font-family:Atlas Sans,sans-serif;letter-spacing:-.035em}
.edition,.eyebrow{font-family:Atlas Sans,sans-serif;letter-spacing:.075em}
@media(min-width:761px) and (max-height:900px){
  .cinema-chapter{top:170px}
  .cinema-chapter[data-cinema-chapter="0"] h1{font-size:clamp(68px,6.6vw,124px)}
  .cinema-chapter h2{font-size:clamp(62px,5.7vw,102px)}
  .cinema-chapter[data-cinema-chapter="3"]{top:145px}
  .cinema-chapter[data-cinema-chapter="3"] h2{font-size:clamp(50px,4.4vw,82px)}
  .cinema-deck{margin-top:20px}.cinema-trace{margin-top:20px}.cinema-period{margin-top:18px}
}
@media(max-width:1100px) and (min-width:761px){
  .cinema-chapter h2{font-size:6vw}.cinema-chapter[data-cinema-chapter="3"] h2{font-size:4.75vw}
  .cinema-bottom{font-size:9px}.cinema-bottom>div{max-width:55vw}.cinema-bottom>p{font-size:9px;max-width:30vw}
  .cinema-equation strong{font-size:28px}.cinema-equation span{font-size:8px}
}
@media(max-width:760px){
  .cinema-chapter{top:auto;bottom:150px}
  .cinema-chapter[data-cinema-chapter="0"] h1{font-size:clamp(44px,12.5vw,78px);line-height:1.06}
  .cinema-chapter h2{font-size:clamp(39px,10.7vw,68px);line-height:1.08}
  .cinema-chapter[data-cinema-chapter="3"]{bottom:118px}
  .cinema-chapter[data-cinema-chapter="3"] h2{font-size:clamp(34px,9.25vw,53px);line-height:1.08}
  .cinema-chapter .cinema-eyebrow{font-size:9px;letter-spacing:.075em;margin-bottom:15px}
  .cinema-topline{font-size:8px;letter-spacing:.065em}
  .cinema-deck{font-size:12px;line-height:1.6}
  .cinema-opening-facts strong{font-size:30px}
  .cinema-opening-facts span{font-size:8px;max-width:145px;line-height:1.45}
  .cinema-opening-facts{margin-top:20px;gap:28px}
  .cinema-bottom,.cinema-bottom>p{font-size:8px;line-height:1.4}
  .cinema-bottom>div p{line-height:1.4}
  .cinema-bottom>div p+p{margin-top:4px}
  .cinema-detail{font-size:10px;line-height:1.6}
  .cinema-trace strong{font-size:45px}.cinema-trace>p,.cinema-trace>p>span{font-size:9px}
  .cinema-number strong{font-size:88px}
  .cinema-equation strong{font-size:28px}.cinema-equation span{font-size:7px;line-height:1.3}
  .cinema-currency>div{font-size:8px}.cinema-source{font-size:8px;line-height:1.5}
  .cinema-chapter[data-cinema-chapter="3"] .cinema-detail{font-size:9px;line-height:1.5}
  .cinema-chapter[data-cinema-chapter="3"] .cinema-deck{font-size:11px;line-height:1.5}
  .scene-intro #atlas-title{font-size:52px;line-height:1.02}
  .journey-panel h2{font-size:35px;line-height:1.08}
  .market h2,.reading h2,.method h2,.discovery-heading h2{font-size:34px;line-height:1.1}
  .selected-reading>span:first-child{font-size:57px}
  .explorer{grid-template-columns:minmax(0,1fr)}
  .explorer>*,.inspector>select{min-width:0}
  .inspector{grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:760px) and (max-height:740px){
  .cinema-stage{min-height:100svh}
  .cinema-chapter[data-cinema-chapter="3"]{width:calc(100% - 70px);bottom:101px}
  .cinema-equation strong{font-size:25px}
  .cinema-stage:has(.cinema-chapter[data-cinema-chapter="1"].is-active) .cinema-shade,
  .cinema-stage:has(.cinema-chapter[data-cinema-chapter="3"].is-active) .cinema-shade{
    background:linear-gradient(180deg,rgba(7,25,22,.3),rgba(7,25,22,.92) 26%,#071916 60%);
  }
}