/* All Player review changes are intentionally confined to phones. */
@media(max-width:767px){
 body.apple-exploration .story-nav{display:none}
 body.apple-exploration{--case-section-gap:72px}
 body.apple-exploration .wide{width:calc(100% - 40px);max-width:none;margin-inline:auto}
 body.apple-exploration .project-summary{padding:0;margin-block:48px 0;gap:0}
 body.apple-exploration .project-summary>div{padding:28px 16px}
 body.apple-exploration .project-summary>div+div{padding:28px 16px;border-top:1px solid #171a1826;border-left:0}
 body.apple-exploration .project-summary p{margin:16px auto 12px}
 body.apple-exploration .project-summary small{line-height:1.5}
 body.apple-exploration .product-chapter,body.apple-exploration .landscape-sequence{margin-top:72px}
 body.apple-exploration .product-heading,body.apple-exploration .story-challenge .product-heading,body.apple-exploration .feature-copy{margin-bottom:32px}
 body.apple-exploration .product-heading h2,body.apple-exploration .feature-copy h2{font-size:32px;line-height:1.08;margin-bottom:24px}
 body.apple-exploration .product-heading p,body.apple-exploration .feature-copy p{font-size:17px;line-height:1.5}
 body.apple-exploration .context-grid{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:24px;overscroll-behavior-x:contain;padding:32px 24px;align-items:start;scrollbar-width:none;touch-action:pan-x pan-y}
 body.apple-exploration .context-grid::-webkit-scrollbar{display:none}
 body.apple-exploration .context-grid figure{flex:0 0 82%;scroll-snap-align:center;min-width:0}
 body.apple-exploration .context-grid .phone-mockup{width:min(100%,220px);margin-inline:auto}
 body.apple-exploration .context-grid figcaption{margin-top:20px}
 body.apple-exploration .transformation{display:grid;grid-template-columns:1fr;gap:40px}
 body.apple-exploration .transformation article+article{margin-top:0}
 body.apple-exploration .transformation figure.media.two-before,
 body.apple-exploration .transformation figure.after-player.two-after{height:auto;min-height:0;aspect-ratio:1/1.16;padding:24px 16px;gap:12px;align-items:center;justify-content:center}
 body.apple-exploration .transformation .media.two-before .phone-mockup,
 body.apple-exploration .transformation .after-player.two-after .phone-mockup{width:calc((100% - 12px)/2);max-width:none;flex:0 0 calc((100% - 12px)/2);margin:0}
 body.apple-exploration .sequence-stage{padding:40px 20px;gap:24px}
 body.apple-exploration .case-explore{margin-top:72px}
}
@media(max-width:767px){
 body.apple-exploration .hero-stage{height:88svh;min-height:640px}
 body.apple-exploration .device-fan{display:flex;align-items:center;justify-content:center;gap:10px;height:auto;margin-top:260px;perspective:none}
 body.apple-exploration .hero-device{position:relative;left:auto;flex:0 0 27vw;width:27vw;height:auto;max-width:none;aspect-ratio:1948/3940;transform:none;rotate:0deg;margin:0!important}
}
@media(max-width:767px) and (prefers-reduced-motion:no-preference){
 body.apple-exploration .focus-stage{height:86svh;min-height:540px;padding:24px 8px}
 body.apple-exploration .focus-lineup{gap:12px;width:100%;transform-origin:50% 38%}
 body.apple-exploration .focus-lineup>div{display:block;width:26vw;flex:0 0 26vw}
 body.apple-exploration .sequence-stage{height:100svh;min-height:620px;padding:40px 20px;gap:32px}
 body.apple-exploration .sequence-copy h2{font-size:32px;line-height:1.08}
 body.apple-exploration .sequence-copy p{font-size:17px;line-height:1.5}
 body.apple-exploration .sequence-media{width:100%;aspect-ratio:3940/1948;margin:0;overflow:visible;flex-shrink:0}
 body.apple-exploration .sequence-media>.landscape-phone{position:absolute!important;inset:0;width:100%;height:100%;aspect-ratio:auto;margin:0}
}
/* Compact mobile stages share a 32px media inset and content-led height. */
@media(max-width:767px){
 body.apple-exploration .film-hero{padding-bottom:32px}
 body.apple-exploration .hero-stage{height:auto;min-height:0;padding:32px 20px}
 body.apple-exploration .hero-type{position:relative;top:auto;padding:0}
 body.apple-exploration .device-fan{margin-top:40px;margin-bottom:0;gap:10px;flex-shrink:0}
}
@media(max-width:767px) and (prefers-reduced-motion:no-preference){
 body.apple-exploration .focus-stage{height:380px;min-height:0;padding:32px 8px}
 body.apple-exploration .focus-lineup{gap:10px}
 body.apple-exploration .focus-lineup>div{width:25vw;flex:0 0 25vw}
 body.apple-exploration .sequence-stage{height:auto;min-height:0;padding:32px 20px;gap:32px}
}
@media(max-width:767px) and (prefers-reduced-motion:no-preference){
 body.apple-exploration .focus-reveal{background:transparent;overflow:visible}
 body.apple-exploration .focus-stage{height:350px;padding:32px 8px;background:#eee7f8;border-radius:24px;overflow:hidden}
 body.apple-exploration .landscape-sequence{background:transparent;overflow:visible;color:#fff}
 body.apple-exploration .sequence-stage{background:#101011;border-radius:24px;overflow:hidden}
}

/* Stable reading layout: mobile browser chrome cannot resize a pinned scene. */
@media (max-width:767px), (prefers-reduced-motion:reduce) {
  body.apple-exploration .sequence-media {
    display:grid; gap:24px; width:100%; aspect-ratio:auto; overflow:visible;
  }
  body.apple-exploration .sequence-media>.landscape-phone {
    position:relative!important; inset:auto; width:100%; height:auto;
    aspect-ratio:3940/1948; opacity:1; transform:none;
  }
  body.apple-exploration .sequence-stage { height:auto; min-height:0; }
}
.gallery-controls button:disabled { opacity:.4; cursor:default; }