/* Calm product storytelling; original document flow is the no-motion fallback. */
.cinematic-ready .journey-wide-art,.cinematic-ready .mirror-lifestyle{overflow:hidden}
.cinema-scene{position:relative;height:180svh!important;min-height:1000px;overflow:visible!important;background:#08090a;border-radius:28px;margin-block:70px!important;isolation:isolate}
.cinema-stage{position:sticky;top:64px;height:calc(100svh - 80px);min-height:480px;max-height:1000px;overflow:hidden;border-radius:28px;display:flex;flex-direction:column;justify-content:center;background:#08090a;color:#f5f5f7}
.cinema-stage video{width:100%;height:calc(100% - 130px);min-height:0;object-fit:contain;border-radius:0!important}
.cinema-stage figcaption{flex-shrink:0;position:relative;padding:20px 28px 28px!important;margin:0!important;color:#a1a1a6!important;text-align:start;max-width:calc(100% - 70px)}
.cinema-stage figcaption a{color:#2997ff}
.cinema-toggle{position:absolute;inset-inline-end:22px;bottom:28px;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff50;background:#262629;color:#f5f5f7;cursor:pointer;font-size:19px}
.cinema-toggle:focus-visible{outline:3px solid #2997ff;outline-offset:4px}
.cinematic-ready .programme-orbit{perspective:900px}
@media(max-width:700px){.cinema-scene{height:155svh!important;min-height:900px;margin-block:45px!important;border-radius:20px}.cinema-stage{height:calc(100svh - 80px);min-height:440px;border-radius:20px}.cinema-stage video{height:calc(100% - 155px);object-fit:cover;object-position:50% 50%}.cinema-stage figcaption{font-size:11px!important;line-height:1.6;max-width:calc(100% - 55px);padding:16px 18px 24px!important}.cinema-toggle{inset-inline-end:14px;bottom:24px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.cinema-scene{height:auto!important;min-height:0}.cinema-stage{position:static;height:auto;min-height:0}.cinema-stage video{height:auto}.cinema-toggle{display:none}}
/* Full-bleed film chapters share Max's page background; no player-card edges. */
.product-page .cinema-scene,.product-page .cinema-stage{background:#000;border:0;border-radius:0;box-shadow:none}
.product-page .cinema-stage video{aspect-ratio:auto;object-fit:cover;object-position:50% center;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 84%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 7%,#000 84%,transparent)}
.product-page #motion .cinema-stage video{object-position:60% center}
.product-page .cinema-stage figcaption{padding-inline:var(--page-inset)!important;max-width:calc(100% - 70px)}
.product-page .cinema-toggle{inset-inline-end:var(--page-inset);border-color:#ffffff30;background:#16161799}
.product-page .cinema-fallback .cinema-stage{position:static;height:auto;min-height:0}
.product-page .cinema-fallback video{height:auto}
@media(max-width:700px){.product-page .cinema-stage{height:calc(100svh - 65px)}.product-page .cinema-stage video{height:calc(100% - 150px);object-fit:cover}.product-page .cinema-stage figcaption{max-width:calc(100% - 45px);padding-inline:24px!important}.product-page .cinema-toggle{inset-inline-end:18px}}
@media(max-width:700px){.product-page #motion .cinema-stage video{object-position:76% center}}
/* Story controls follow the current text, rather than an empty fixed-height slot. */
.design-story .story-panels{position:relative;min-height:0;overflow:hidden}
.design-story .story-panel{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;margin:0;transition:opacity 260ms ease-in-out,transform 260ms ease-in-out,visibility 260ms ease-in-out}
.design-story .story-panel.is-active{position:relative;inset:auto;display:block;opacity:1;visibility:visible;transform:none;pointer-events:auto}
.design-story .story-navigation{display:flex;align-items:center;gap:16px;margin-top:24px}
.design-story .story-controls{display:inline-flex;gap:0;padding:0 12px;margin:0;min-height:56px;align-items:center;background:#262629}
.design-story .story-controls button{width:34px;height:56px;min-height:56px;background:transparent;display:grid;place-items:center;padding:0}
.design-story .story-controls button:before{width:7px;height:7px;background:#c7c7cc;border-radius:8px;transform:none;transition:width 260ms ease-in-out,background 260ms ease-in-out}
.design-story .story-controls button[aria-pressed=true]{width:54px;background:transparent}
.design-story .story-controls button[aria-pressed=true]:before{width:32px;height:8px;background:#f5f5f7;transform:none}
.design-story .story-play{flex-shrink:0}
.design-story .design-copy .caption{margin-top:20px}
@media(prefers-reduced-motion:reduce){.design-story .story-panel{transition:none;transform:none}}

@media(max-width:600px){.feature-mirror .mirror-home-art{width:92%;max-width:92%;object-fit:contain;object-position:center}}

/* Scroll starts playback; films then run on their own clock in ordinary flow. */
.product-page .cinema-scene{height:auto!important;min-height:0}
.product-page .cinema-stage{position:relative;top:auto}



/* Visual chapters: a centred introduction, uninterrupted imagery, then compact controls. */
.product-page .closer-look>h2{text-align:center;max-width:800px;margin-inline:auto}
.product-page .slider-pagination{gap:14px;margin-top:28px}
.product-page .pagination-dots{min-height:56px;padding:0 14px}
.product-page .pagination-dots button{height:56px}
.product-page .slider-play{width:56px;height:56px;min-width:56px}
.product-page .highlight-card{border:1px solid #ffffff16;scroll-snap-align:center}
.product-page .design-detail-list{display:flex;flex-wrap:wrap;gap:8px;border:0;margin-block:24px}
.product-page .design-detail-list .detail-pill{margin:0;font-size:15px;gap:16px}
@media(max-width:700px){
 .product-page .closer-look{padding-top:90px}
 .product-page .closer-look>h2{font-size:38px;line-height:1.1;margin-bottom:28px}
 .product-page .closer-grid{display:flex;flex-direction:column;gap:0}
 .product-page .closer-details{display:contents}
 .product-page .closer-details>h3{order:0;text-align:center;font-size:25px;margin:0 0 16px}
 .product-page .closer-details>p{order:1;text-align:center;font-size:17px;line-height:1.6;max-width:360px;margin:0 auto 28px}
 .product-page .closer-image{order:2;width:100%;margin:0}
 .product-page .closer-image img{height:min(72svh,620px);object-fit:contain;object-position:center}
 .product-page .finish-explorer{order:3;justify-content:center;margin:18px 0}
 .product-page .finish-explorer legend{text-align:center;width:100%}
 .product-page .design-detail-list{order:4;flex-wrap:nowrap;overflow-x:auto;width:calc(100% + 2 * var(--page-inset));margin:12px calc(-1 * var(--page-inset)) 24px;padding:4px var(--page-inset) 12px;scrollbar-width:none}
 .product-page .design-detail-list .detail-pill{flex-shrink:0;white-space:nowrap}
 .product-page .closer-details>.text-link{order:5;align-self:center;margin:4px 0 24px}
 .product-page .highlight-card{flex-basis:86vw;height: min(76svh,620px)}
 .product-page .slider-pagination{margin-top:24px;margin-bottom:20px}
}

/* Keep the reservation invitation attached to the development roadmap. */
.product-page #development{padding-bottom:48px}
.product-page #reserve{padding-top:56px;padding-bottom:64px}
.product-page #reserve h2{max-width:760px;margin:0 auto 24px}
.product-page #reserve>p:not(.chapter-note){margin:0 auto 28px;max-width:640px}
.product-page #reserve>.chapter-note{margin-top:24px}
@media(max-width:700px){.product-page #development{padding-bottom:32px}.product-page #reserve{padding-top:40px;padding-bottom:44px}.product-page #reserve h2{font-size:36px;line-height:1.12}.product-page #reserve>.chapter-note{max-width:310px;line-height:1.6}}