/* One Duo story, one iOS invitation, one separate Mac concept. */
.experience{height:480svh;min-height:2800px}
.story-progress{transform:none;background:var(--line)}
.story-progress>span{transform:scaleX(0)}
.device-stage{pointer-events:auto;touch-action:pan-y}
#ambient-next[hidden]{display:none}
.story-actions .text-cta{background:transparent;text-align:left;font-size:11px}
.chapter-buttons button{min-height:44px;padding-inline:17px}
.ios-access{padding-block:95px;text-align:center}
.ios-access h2{font:400 clamp(42px,5.3vw,82px)/1.04 var(--serif);letter-spacing:-.055em;margin-top:22px}
.ios-access h2 em{color:var(--accent)}
.ios-access .get-description{margin:25px auto 0;max-width:380px;color:var(--muted);font-size:14px;line-height:1.7}
.ios-access>.button-primary{margin-top:25px;font-size:12px;min-height:48px;padding-inline:25px}
.ios-access>.access-note{max-width:350px;font-size:11px;line-height:1.7;color:var(--muted);margin:16px auto 0}
@media(max-width:1000px){
  .scene-controls{gap:2px}.chapter-buttons{gap:0}.chapter-buttons button{padding-inline:13px;font-size:10px}
  .ios-access{padding:65px 7%}.ios-access h2{font-size:clamp(39px,7vw,58px)}
}
@media(max-width:600px){
  .experience{height:450svh;min-height:2650px}
}
.scene-unavailable #duo-controls-toggle{display:none}

/* Four settled chapters need less travel than the former multi-device story. */
.reduced-motion .experience{height:300svh;min-height:2100px}

@media(prefers-reduced-motion:reduce){.experience{height:300svh;min-height:2100px}}