/* Touch gets a direct, thumb-sized timeline while normal page scrolling stays native. */
.cinema-touch .cinema{height:360svh}
.cinema-touch .stage{min-height:0}
.cinema-touch .chapter-nav,.cinema-touch #manual-toggle{display:none}
.cinema-touch .scene-copy,.cinema-touch .scene-copy.right{bottom:calc(218px + env(safe-area-inset-bottom,0px))}
.cinema-touch #manual-timeline{
  left:20px;
  bottom:calc(112px + env(safe-area-inset-bottom,0px));
  width:calc(100% - 40px);
  padding:9px 14px 3px;
  border-radius:10px;
  background:var(--brand-navy);
  border-color:var(--brand-control-line);
}
.cinema-touch #manual-timeline>label{font-size:11px;line-height:1.4;margin:0;color:var(--brand-silver)}
.cinema-touch #experience-range{
  display:block;
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:44px;
  margin:0;
  background:transparent;
  cursor:ew-resize;
  touch-action:pan-y pinch-zoom;
}
.cinema-touch #experience-range::-webkit-slider-runnable-track{height:4px;background:var(--brand-control-line);border-radius:2px}
.cinema-touch #experience-range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:34px;
  height:34px;
  margin-top:-15px;
  border:3px solid var(--brand-navy);
  border-radius:50%;
  background:var(--brand-silver);
  box-shadow:0 0 0 1px var(--brand-silver);
}
.cinema-touch #experience-range::-moz-range-track{height:4px;background:var(--brand-control-line);border-radius:2px}
.cinema-touch #experience-range::-moz-range-thumb{width:28px;height:28px;border:3px solid var(--brand-navy);border-radius:50%;background:var(--brand-silver)}
.cinema-touch .booking-dock{bottom:calc(55px + env(safe-area-inset-bottom,0px))}
.cinema-touch .experience-controls{bottom:calc(3px + env(safe-area-inset-bottom,0px));flex-direction:row;gap:0}
.cinema-touch #play-experience{min-height:44px;font-size:11px;gap:7px}
.cinema-touch .corner-links{bottom:calc(7px + env(safe-area-inset-bottom,0px));gap:1px;max-width:145px}
.cinema-touch .corner-links>a{display:flex;align-items:center;min-height:28px;font-size:9px}
.cinema-touch .corner-links>span{font-size:8px}
@media(max-width:360px){
  .cinema-touch #manual-timeline{left:18px;width:calc(100% - 36px)}
  .cinema-touch #play-experience{font-size:10px}
  .cinema-touch .corner-links{max-width:130px}
  .cinema-touch .corner-links>a{font-size:8px}
}
@media(max-height:650px) and (orientation:portrait){
  .cinema-touch .scene-copy h1,.cinema-touch .scene-copy h2{font-size:28px}
  .cinema-touch .scene-copy>p{display:none}
  .cinema-touch .scroll-nudge{display:none}
}
@media(max-height:500px) and (orientation:landscape){
  .cinema-touch .scene-copy,.cinema-touch .scene-copy.right{bottom:100px}
  .cinema-touch .scene-copy h1,.cinema-touch .scene-copy h2{font-size:30px}
  .cinema-touch .scene-copy>p,.cinema-touch .scene-eyebrow,.cinema-touch .scroll-nudge,.cinema-touch .corner-links{display:none}
  .cinema-touch #manual-timeline{left:20px;bottom:10px;width:calc(100% - 210px);padding-top:6px}
  .cinema-touch .booking-dock{left:auto;right:20px;bottom:22px;width:150px;transform:none}
  .cinema-touch .dock-car,.cinema-touch .dock-treatment{display:none}
  .cinema-touch .booking-dock>.dock-book{width:100%;justify-content:space-between}
  .cinema-touch .experience-controls{left:auto;right:20px;top:70px;bottom:auto}
}
@media(prefers-reduced-motion:reduce){.cinema-touch .cinema{height:100svh;min-height:0}}