/* Each chapter is a viewport-sized presentation: complete media, no reading panes. */ #product-tour .overview-chapter .overview-slide[data-overview-slide="super-ultrawide"] .overview-copy{display:block} #product-tour [data-overview-chapter="future"] .story-future-list{display:grid;gap:18px} #product-tour [data-overview-chapter="future"] .story-future-list li{display:flex;align-items:center;gap:16px;min-width:0} #product-tour [data-overview-chapter="future"] .story-future-list li+li{border-top:1px solid #b5cdd829;padding-top:16px} #product-tour [data-overview-chapter="future"] .story-future-list .story-icon{color:#abe7e6} #product-tour [data-overview-chapter="future"] .story-future-list p{color:#bdc7c8;font-size:16px;line-height:1.4;margin-top:4px} @media(max-height:800px),(max-width:760px){ #product-tour [data-overview-chapter="future"] .story-future-list{gap:12px} #product-tour [data-overview-chapter="future"] .story-future-list li+li{padding-top:12px} #product-tour [data-overview-chapter="future"] .story-future-list h4{font-size:16px} #product-tour [data-overview-chapter="future"] .story-future-list p{font-size:14px} } @media(max-width:760px){ #product-tour [data-overview-chapter="future"] .story-future-list{gap:8px} #product-tour [data-overview-chapter="future"] .story-future-list li+li{padding-top:8px} #product-tour [data-overview-chapter="future"] .story-future-list .story-icon{width:23px;height:23px} #product-tour [data-overview-chapter="future"] .story-future-list p{display:none} } #product-tour .overview-chapter.scene-panel{left:clamp(225px,17vw,330px);right:clamp(24px,3vw,60px);top:175px;bottom:115px;overflow:visible;padding:0!important} #product-tour .overview-slides{height:100%;min-height:0;max-width:none} #product-tour .overview-chapter .overview-slide{box-sizing:border-box;height:100%;min-height:0;grid-template-columns:minmax(260px,.63fr) minmax(0,1.6fr);grid-template-rows:minmax(0,1fr);gap:36px;align-items:center;padding:0} #product-tour .overview-chapter .overview-slide .overview-copy{grid-area:auto;position:relative;align-self:center;max-width:430px} #product-tour .overview-chapter .overview-slide .overview-copy h2{font-size:var(--overview-slide-title-size);line-height:1.15} #product-tour .overview-chapter .overview-slide .overview-copy p{font-size:clamp(17px,1.1vw,20px);line-height:1.6;max-width:36ch;margin-top:18px;color:#f4f7f8} #product-tour .overview-chapter .overview-slide .overview-slide-label{font-size:12px;line-height:1.5;margin-bottom:13px;letter-spacing:.11em} #product-tour .overview-chapter .overview-slide .overview-benefits{font-size:14px;line-height:1.55;gap:8px 18px;margin-top:19px;padding-top:15px;color:#e1eef2} #product-tour .overview-chapter .overview-slide .overview-composition{grid-area:auto;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);height:100%;min-height:0;width:100%;max-width:none;align-content:center;align-self:center;gap:22px} #product-tour .overview-chapter .overview-slide .overview-composition:before{display:none} #product-tour .overview-chapter .overview-slide :is(.overview-media-slot,.overview-detail-slot,.overview-graphic-slot){grid-area:auto;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;max-width:none;min-width:0;min-height:0;align-self:stretch;justify-self:stretch;align-items:center;justify-items:center;gap:20px;margin:0} #product-tour .overview-chapter .overview-slide :is(.overview-media-slot,.overview-detail-slot,.overview-graphic-slot,.overview-accent-slot):empty{display:none} #product-tour .overview-chapter .overview-slide .overview-evidence{width:100%;height:100%;min-height:0;min-width:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;mask-image:none;-webkit-mask-image:none} #product-tour .overview-chapter .overview-slide .overview-evidence :is(img,video){display:block;flex:none;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;aspect-ratio:auto;box-sizing:border-box;cursor:default} #product-tour .overview-chapter .overview-slide .overview-media-label{display:block;flex:none;width:100%;text-align:center;color:#d9edf1;font:500 14px/1.5 Noto,Arial,sans-serif;margin:0 0 10px;padding:0;letter-spacing:.02em} #product-tour .overview-chapter .overview-slide .overview-video-cues{grid-column:1/-1;font-size:18px;line-height:1.4;margin:0;text-align:center} #product-tour .overview-chapter .overview-slide [data-visual-layout="full-widget"]:has(.overview-detail-slot:not(:empty)){grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)} #product-tour .overview-chapter .overview-slide [data-visual-layout="map-showcase"]{grid-template-columns:minmax(0,3fr) minmax(160px,1fr);grid-template-rows:minmax(0,1fr)} #product-tour .overview-chapter .overview-slide [data-visual-layout="map-showcase"] .overview-detail-slot{grid-auto-flow:row;grid-auto-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr))} #product-tour .overview-chapter .overview-slide [data-visual-layout="timer-proof"]{grid-template-columns:minmax(0,.65fr) minmax(0,1.5fr);grid-template-rows:minmax(0,1fr)} #product-tour .overview-chapter .overview-slide [data-visual-layout="widget-pair"] .overview-media-slot{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto} #product-tour .overview-chapter .overview-slide :is([data-visual-layout="cinematic-proof"],[data-visual-layout="instance-proof"],[data-visual-layout="linked-proof"]){grid-template-rows:minmax(0,3fr) minmax(0,1fr)} #product-tour .overview-chapter .overview-slide :is([data-visual-layout="widget-portrait"],[data-visual-layout="portrait-proof"],[data-visual-layout="target-proof"]){grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)} #product-tour .overview-chapter .overview-slide [data-visual-layout="target-proof"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} #product-tour .overview-chapter .overview-slide .overview-story{max-width:100%;width:100%;box-sizing:border-box;min-height:0;max-height:100%;align-self:center;font-size:17px;padding:22px} #product-tour .overview-chapter .overview-slide .overview-story .story-note{font-size:17px} #product-tour .overview-chapter .overview-slide .overview-calculation-flow,#product-tour .overview-chapter .overview-slide .overview-plan-flow{font-size:15px;line-height:1.6} #product-tour .overview-chapter .overview-slide [data-visual-layout="performance-proof"]{grid-template-rows:minmax(0,.5fr) minmax(0,1.5fr)} .scene-mode .overview-heading{top:76px;left:clamp(225px,17vw,330px);right:clamp(24px,3vw,60px)} .scene-mode .overview-heading :is(h1,h2){font-size:clamp(36px,3vw,52px);line-height:1.05} .scene-mode .overview-heading .overview-kicker{margin-bottom:9px;font-size:10px} .scene-mode .overview-heading-rule{font-size:12px;line-height:1;margin-top:8px} @media(min-width:761px){.overview-controls{top:calc(100svh - 103px)!important;bottom:auto}} @media(max-height:800px) and (min-width:761px){ #product-tour .overview-chapter.scene-panel{top:150px;bottom:105px} .scene-mode .overview-heading{top:62px} .scene-mode .overview-heading :is(h1,h2){font-size:34px} #product-tour .overview-chapter .overview-slide{gap:25px;grid-template-columns:minmax(255px,.7fr) minmax(0,1.3fr)} #product-tour .overview-chapter .overview-slide .overview-copy h2{font-size:var(--overview-slide-title-size)} #product-tour .overview-chapter .overview-slide .overview-copy p{font-size:17px;line-height:1.5;margin-top:14px} #product-tour .overview-chapter .overview-slide .overview-benefits{font-size:13px;margin-top:14px;padding-top:12px;gap:5px 12px} } @media(max-width:760px){ .scene-mode .overview-heading{top:82px;left:20px;right:20px} .scene-mode .overview-heading :is(h1,h2){font-size:28px;line-height:1.1} .scene-mode .overview-heading-rule{font-size:11px;margin-top:6px} #product-tour .overview-chapter.scene-panel{left:20px;right:20px;top:157px;bottom:122px} #product-tour .overview-chapter .overview-slide{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:18px} #product-tour .overview-chapter .overview-slide .overview-copy{max-width:none} #product-tour .overview-chapter .overview-slide .overview-copy h2{font-size:var(--overview-slide-title-size);line-height:1.2} #product-tour .overview-chapter .overview-slide .overview-copy p{font-size:17px;max-width:none;line-height:1.45;margin-top:10px} #product-tour .overview-chapter .overview-slide .overview-slide-label{font-size:11px;margin-bottom:8px} #product-tour .overview-chapter .overview-slide .overview-benefits{font-size:12px;line-height:1.5;gap:5px 12px;margin-top:10px;padding-top:9px} #product-tour .overview-chapter .overview-slide .overview-composition{gap:12px} #product-tour .overview-chapter .overview-slide :is(.overview-media-slot,.overview-detail-slot,.overview-graphic-slot){gap:10px} #product-tour .overview-chapter .overview-slide .overview-media-label{font-size:11px;margin-bottom:6px} #product-tour .overview-chapter .overview-slide .overview-story{padding:12px;font-size:15px} #product-tour .overview-chapter .overview-slide .overview-story .story-note{font-size:14px} #product-tour .overview-chapter .overview-slide [data-visual-layout="map-showcase"]{grid-template-columns:minmax(0,2.5fr) minmax(0,1fr)} .overview-controls{bottom:27px;top:auto!important} } /* Atmospheric artwork is independent of product evidence and never masks a widget. */ .overview-decoration{position:absolute;z-index:-1;pointer-events:none;object-fit:contain;filter:drop-shadow(0 10px 30px #050c16b3)} #product-tour [data-overview-slide="pets"] .overview-decoration{height:75%;max-width:49%;left:0;bottom:4%;opacity:.9} #product-tour [data-overview-slide="pets"] .overview-media-slot{padding-left:35%;box-sizing:border-box} #product-tour [data-overview-slide="target-models"] .overview-decoration{height:65%;max-width:40%;right:0;bottom:4%;opacity:.7} #product-tour [data-overview-slide="target-models"] .overview-media-slot{padding-right:25%;box-sizing:border-box} @media(max-width:760px){#product-tour [data-overview-slide="pets"] .overview-media-slot{padding-left:20%}.overview-decoration{opacity:.5!important}} /* Compact diagrams retain the same comparison without a second reading surface. */ #product-tour .overview-accent-slot{position:absolute;inset:0;pointer-events:none;z-index:-1} @media(max-width:760px){ #product-tour .overview-chapter .overview-slide .overview-story h3{font-size:20px;margin:0 0 12px} #product-tour .overview-story .story-hud-contrast{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #product-tour .overview-story .story-hud-contrast .story-screen-space{aspect-ratio:2.7} #product-tour .overview-story .story-hud-contrast h4{font-size:16px;line-height:1.3;margin:9px 0 4px} #product-tour .overview-story .story-hud-contrast p{font-size:14px;line-height:1.4} #product-tour .overview-story .story-context-helper{margin-top:14px;padding-top:12px;gap:10px} #product-tour .overview-story .story-context-helper p{font-size:14px;line-height:1.4} #product-tour .overview-story .story-note{font-size:13px!important;margin-top:12px} #product-tour .overview-story .story-route-map{height:90px} #product-tour .overview-story .story-route-legend{grid-template-columns:repeat(3,minmax(0,1fr));font-size:13px;gap:9px} #product-tour .overview-story .story-planning-inputs{font-size:14px;gap:8px} #product-tour .overview-story .story-flow{grid-template-columns:1fr;gap:12px} #product-tour .overview-story .story-flow strong{font-size:15px} #product-tour .overview-story .story-flow li>span{font-size:14px} #product-tour .overview-story .story-cube-art{width:70px;height:65px} #product-tour .overview-story .story-cube-comparison h4{font-size:16px} #product-tour .overview-story .story-cube-comparison p{font-size:14px} .overview-controls{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;column-gap:5px;row-gap:0} .overview-controls .overview-options{overflow:visible;scrollbar-width:none;justify-content:center;width:100%;gap:0} .overview-controls .overview-options button,.overview-controls .overview-options button.active{display:flex!important;flex:1 1 0;min-width:0;max-width:none;min-height:44px;padding:0;gap:0} .overview-controls .overview-options button>span:last-child{display:none} .overview-controls .overview-diamond{width:30px;height:35px;font-size:21px} .overview-controls .overview-current-label{display:block;grid-column:1/-1;text-align:center;color:#edf6fa;font:400 12px/1.5 Noto,Arial,sans-serif;min-height:18px;text-shadow:0 2px 4px #000} } .overview-current-label{display:none} /* Browser pull-to-refresh must not compete with the fixed-scene gestures. */ html:has(body.scene-mode),body.scene-mode{overscroll-behavior-y:none} #product-tour .overview-story{gap:16px!important} #product-tour .overview-story .story-illustration-label{display:block;margin-bottom:8px;color:#b6d1d4;font:500 11px/1.4 Noto,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase} #product-tour .overview-story .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #product-tour .overview-story .story-layout-demo .story-screen-space{aspect-ratio:3} #product-tour .overview-story .story-route-map svg{max-height:170px} @media(max-width:760px){ #product-tour .overview-story{gap:12px!important} #product-tour .overview-story .story-content{gap:12px} #product-tour .overview-story .story-layout-tools{grid-template-columns:repeat(4,minmax(0,1fr));font-size:12px;gap:8px} #product-tour .overview-story .story-layout-tools li{flex-direction:column;gap:5px} #product-tour .overview-story .story-clear-centre{font-size:13px;top:48%} #product-tour .overview-story .story-key-hint{font-size:14px;padding-top:10px;gap:8px} #product-tour .overview-story .story-cube-art{margin-bottom:9px} #product-tour .overview-story .story-linked-destination{gap:12px} #product-tour .overview-story .story-linked-destination strong{font-size:15px} #product-tour .overview-story .story-destination-link{min-height:20px;height:20px} #product-tour .overview-story .story-metric-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} #product-tour .overview-story .story-metric-pair section{display:grid;gap:8px} #product-tour .overview-story .story-metric-pair section+section{border:0;padding:0} #product-tour .overview-story .story-metric-pair h4{font-size:15px} #product-tour .overview-story .story-metric-pair p{font-size:14px;line-height:1.4} #product-tour .overview-story .story-format-screen{--screen-height:36px} #product-tour .overview-story .story-formats{gap:12px} #product-tour .overview-coverage .coverage-total strong{font-size:38px} #product-tour .overview-coverage .coverage-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 8px;margin-top:12px} #product-tour .overview-coverage .coverage-count strong{font-size:22px} #product-tour .overview-coverage .coverage-count span{font-size:11px} #product-tour .overview-coverage .coverage-catalogue{gap:8px;margin-top:10px;padding-top:8px} #product-tour .overview-coverage .coverage-catalogue strong{font-size:21px} #product-tour .overview-coverage .coverage-catalogue small{font-size:9px} #product-tour .overview-coverage .coverage-note{font-size:10px;line-height:1.4;margin-top:10px} } @media(max-width:760px){ /* The benefit sentence carries the mobile story; redundant tag rows yield space to the evidence. */ #product-tour .overview-chapter .overview-slide .overview-benefits{display:none} } @media(max-width:760px){ #product-tour .overview-chapter .overview-slide .overview-story{padding:8px;gap:8px!important} #product-tour .overview-chapter .overview-slide .overview-story h3{margin-bottom:6px} } .scene-mode #questions{overflow:visible} .scene-mode #questions details{padding:15px 0} @media(max-width:760px){.scene-mode #questions{padding:14px 20px!important}.scene-mode #questions details{padding:11px 0}.scene-mode #questions summary{font-size:15px}.scene-mode #questions details p{font-size:14px;line-height:1.5;padding-top:10px}.scene-mode #questions h2{font-size:30px;margin-bottom:12px}} /* The remaining home chapters follow the same no-scroll presentation contract. */ .scene-mode #questions.scene-panel{top:175px;bottom:65px;height:auto!important;max-height:none!important;display:flex;flex-direction:column;justify-content:center;overflow:visible;padding-block:0!important} .scene-mode #questions details{padding:0} .scene-mode #questions summary{padding-block:15px} .scene-mode #questions details>p{padding-top:0;padding-bottom:15px;line-height:1.6} @media(max-width:760px){ .scene-mode #questions.scene-panel{top:180px;bottom:65px} .scene-mode #questions summary{padding-block:12px} .scene-mode #development.coming-section{top:180px;bottom:65px;height:auto!important;max-height:none!important;overflow:visible;justify-content:center;padding-block:10px!important} .scene-mode #development .coming-intro,.scene-mode #development .coming-list p{line-height:1.5} .scene-mode #development .coming-list{margin-top:17px} .scene-mode #development .coming-list>li{padding:11px 0} .scene-mode #development .coming-actions{margin-top:12px} .scene-mode #development .coming-actions p{margin-top:9px} } .story-offer-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:22px;align-items:center} .story-offer-inputs section{display:grid;gap:10px} .story-offer-inputs .story-icon{color:#abe7e6} .story-offer-inputs p,.story-offer-result p{color:#bdc7c8} .story-offer-plus{color:#c7b58f;font-size:25px} .story-offer-result{padding-top:15px;border-top:1px solid #b5cdd82b;display:grid;gap:9px;text-align:center} .story-offer-result>span{color:#abe7e6;font-size:26px} @media(max-width:760px){ #product-tour .story-offer-inputs{gap:10px} #product-tour .story-offer-inputs section{gap:7px} #product-tour .story-offer-inputs h4,#product-tour .story-offer-result h4{font-size:16px} #product-tour .story-offer-inputs p,#product-tour .story-offer-result p{font-size:14px;line-height:1.4} #product-tour .story-offer-result{padding-top:10px;gap:6px} } @media(max-width:360px){ .scene-mode .overview-heading{top:70px} .scene-mode .overview-heading :is(h1,h2){font-size:24px} #product-tour .overview-chapter.scene-panel{top:135px;bottom:105px} #product-tour .overview-chapter .overview-slide .overview-copy h2{font-size:var(--overview-slide-title-size)} #product-tour .overview-story .story-illustration-label{display:none} } @media(max-width:360px){#product-tour .overview-chapter.scene-panel{bottom:113px}} /* Chapter headings are centered on the screen, independently of the left navigation. */ .scene-mode .overview-heading{left:24px;right:24px;width:auto;max-width:none;text-align:center} @media(max-width:760px){.scene-mode .overview-heading{left:20px;right:20px}} /* Keep the same central continuation motif on every scene. */ .scene-scroll-cue{position:fixed;z-index:22;left:50%;bottom:12px;transform:translateX(-50%);width:28px;height:36px;padding:0;border:0;background:transparent;color:#ecf9ff;cursor:pointer;filter:drop-shadow(0 0 6px #82d7ff77)} .scene-scroll-cue svg{width:100%;height:100%;display:block} .scene-scroll-cue[data-end=true] svg{transform:rotate(180deg)} .scene-scroll-cue:focus-visible{outline:1px solid #c6efff;outline-offset:5px} .overview-controls{opacity:0;transform:translateY(9px);transition:opacity .95s cubic-bezier(.2,.6,.25,1),transform .95s cubic-bezier(.2,.6,.25,1);transition-delay:.13s} .overview-controls.scene-controls-entered{opacity:1;transform:translateY(0)} @media(min-width:761px){.overview-controls{top:calc(100svh - 143px)!important}.overview-options button{gap:9px;padding-bottom:4px}#product-tour .overview-chapter.scene-panel{bottom:155px}} @media(max-width:760px){.overview-controls{bottom:60px!important}#product-tour .overview-chapter.scene-panel{bottom:155px}} @media(max-width:360px){#product-tour .overview-chapter.scene-panel{bottom:145px}} @media(prefers-reduced-motion:reduce){.overview-controls{transition:none;transform:none}} /* The original arrow is outside scene fades; its SVG size and styling are unchanged. */ .scene-mode .hero-scroll.scene-persistent-cue{position:fixed;z-index:24;opacity:1!important;visibility:visible!important;transition:none!important;animation:none!important;pointer-events:auto} .scene-mode .hero-scroll.scene-persistent-cue[hidden]{display:flex!important} @media(min-width:761px){.overview-controls{top:auto!important;bottom:85px!important}#product-tour .overview-chapter.scene-panel{bottom:180px}} @media(max-width:760px){.overview-controls{bottom:80px!important}#product-tour .overview-chapter.scene-panel{bottom:175px}} @media(max-width:360px){#product-tour .overview-chapter.scene-panel{bottom:165px}} /* Room around the chapter title and navigation follows the supplied visual references. */ @media(min-width:761px){ .scene-mode .overview-heading{top:clamp(100px,13svh,205px)} #product-tour .overview-chapter.scene-panel{top:clamp(215px,23svh,315px);bottom:205px} .overview-controls{bottom:105px!important} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]){grid-template-columns:minmax(280px,.7fr) minmax(0,1.6fr);grid-template-rows:minmax(0,1fr) minmax(0,.8fr);gap:24px 38px;align-content:center} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-copy{grid-area:1/1;align-self:end} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) [data-visual-layout="cinematic-proof"]{display:contents} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-media-slot{grid-area:1/2/3/3;height:100%} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-detail-slot{grid-area:2/1;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;align-self:stretch} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-detail-slot .overview-evidence{flex:1;min-height:0;justify-content:flex-start} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-video-cues{flex:none;text-align:left;font-size:18px} } .overview-video-frame{position:relative;display:inline-flex;flex:none;max-width:100%;line-height:0;isolation:isolate} #product-tour .overview-evidence .overview-video-frame video{border:1px solid #d6e4e6a6;border-radius:2px;box-shadow:0 12px 38px #0006,0 0 0 4px #0d1c252e} .overview-video-frame:before,.overview-video-frame:after{content:'';position:absolute;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#e4e4d9b3 18%,#d5e7e9e6 50%,#e4e4d9b3 82%,transparent)} .overview-video-frame:before{top:-4px}.overview-video-frame:after{bottom:-4px} .overview-frame-gem{position:absolute;left:50%;top:-10px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);border:1px solid #dcf2f2aa;background:#1b323f;box-shadow:0 0 9px #9cd8ee55;pointer-events:none} @media(max-height:800px) and (min-width:761px){ .scene-mode .overview-heading{top:85px} #product-tour .overview-chapter.scene-panel{top:185px;bottom:180px} #product-tour .overview-chapter .overview-slide .overview-benefits{display:none} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]){grid-template-rows:minmax(0,1fr) minmax(0,.75fr);gap:16px 25px} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-video-cues{display:none} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-copy h2{font-size:var(--overview-slide-title-size)} } @media(max-width:760px){ .scene-mode .overview-heading{top:92px} #product-tour .overview-chapter.scene-panel{top:177px;bottom:185px} .overview-controls{bottom:90px!important} } @media(max-width:360px){.scene-mode .overview-heading{top:80px}#product-tour .overview-chapter.scene-panel{top:150px;bottom:170px}} .overview-video-frame:before{top:0}.overview-video-frame:after{bottom:0} @media(max-height:800px) and (min-width:761px){#product-tour .overview-chapter.scene-panel{bottom:205px}#product-tour .overview-story .story-route-map svg{max-height:130px}} /* Keep Moving uses shared edges rather than independently centered pieces. */ #product-tour .overview-slides:has(>.overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]):not([hidden])){display:grid;align-items:center;grid-template-rows:minmax(0,1fr)} @media(min-width:761px){ #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]){align-self:center} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-copy{align-self:start;justify-self:center;width:min(100%,420px);max-width:420px;text-align:left} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-detail-slot .overview-evidence{justify-content:flex-end} } @media(max-height:800px) and (min-width:761px){ #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]){grid-template-rows:minmax(0,1.15fr) minmax(0,.65fr)} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-copy p{line-height:1.4;margin-top:12px} } /* Review pass: center the composition on the window with balanced breathing room. */ @media(min-width:1200px){ #product-tour .overview-chapter.scene-panel{left:clamp(225px,17vw,330px);right:clamp(225px,17vw,330px)} .scene-mode .overview-controls{left:clamp(225px,17vw,330px);right:clamp(225px,17vw,330px);max-width:none} } @media(min-width:761px) and (max-width:1199px){ #product-tour .overview-chapter.scene-panel{left:28px;right:28px} .scene-mode .overview-controls{left:28px;right:28px} } @media(min-width:761px){ #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]){grid-template-rows:auto minmax(0,1fr)} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-detail-slot{position:relative} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-video-cues{position:absolute;left:0;right:0;bottom:calc(var(--detail-video-height,160px) + 12px);text-align:center} } @media(min-width:761px){#product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-copy{justify-self:stretch;width:100%;max-width:none;text-align:left}} /* Keep the live caption readable without placing a hard box over the scenery. */ #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-video-cues{font-size:22px;line-height:1.45;font-weight:600;color:#f4fbff;text-shadow:0 2px 4px #020810,0 0 14px #020810b3;isolation:isolate;z-index:2} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-video-cues:before{content:'';position:absolute;z-index:-1;inset:-17px -25px -20px;background:radial-gradient(ellipse at center,#020914cc 0%,#02091499 38%,#02091444 64%,transparent 82%);filter:blur(6px);pointer-events:none} @media(max-width:760px){#product-tour .overview-chapter .overview-slide:is([data-overview-slide="automatic-handoff"],[data-overview-slide="target-preview"],[data-overview-slide="inside-objective"],[data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-video-cues{font-size:19px}} /* Etched metal corners and a restrained central crest frame the original footage. */ .overview-video-frame{border-radius:2px;outline:1px solid #accbdc35;outline-offset:5px;box-shadow:0 0 0 3px #0817238c,0 0 22px #75b9cf14,0 18px 42px #0005} .overview-frame-corner{position:absolute;width:47px;height:47px;z-index:3;pointer-events:none;color:#d5e4df;filter:drop-shadow(0 1px 2px #05101a) drop-shadow(0 0 4px #8bcbd24d)} .overview-frame-corner svg{display:block;width:100%;height:100%;overflow:visible} .frame-corner-outer{stroke:#d8d8ba;stroke-width:1.15}.frame-corner-trace{stroke:#b0e1ea;stroke-width:.75}.frame-corner-fine{stroke:#d8ebeb99;stroke-width:.6} .frame-corner-tl{left:0;top:0}.frame-corner-tr{right:0;top:0;transform:rotate(90deg)}.frame-corner-br{right:0;bottom:0;transform:rotate(180deg)}.frame-corner-bl{left:0;bottom:0;transform:rotate(270deg)} .overview-frame-crest{position:absolute;left:50%;top:-10px;transform:translateX(-50%);width:88px;height:25px;z-index:3;pointer-events:none;filter:drop-shadow(0 1px 2px #07131c) drop-shadow(0 0 5px #8acbd655)} .overview-frame-crest svg{display:block;width:100%;height:100%;stroke:#dbe8df;stroke-width:1} #product-tour .overview-evidence .overview-video-frame video{border-color:#c1dce575;box-shadow:none} @media(max-width:760px){.overview-frame-corner{width:34px;height:34px}.overview-frame-crest{width:65px;height:20px;top:-8px}} /* One-video companion to the approved two-column Auto Explore composition. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"]{height:100%;grid-template-columns:minmax(280px,.7fr) minmax(0,1.6fr);grid-template-rows:minmax(0,1fr);gap:38px;align-content:center;align-items:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-copy{grid-area:1/1;align-self:center;justify-self:stretch;width:100%;max-width:none;text-align:left} #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-composition{display:contents} #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-media-slot{grid-area:1/2;align-self:stretch;justify-self:stretch;width:100%;height:100%;max-width:none} #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-evidence{width:100%;height:100%;justify-content:center} } @media(min-width:761px) and (max-height:800px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"]{gap:25px} } /* Let the step rail settle in with the slower section reveals. */ .overview-controls{transition-duration:1.35s;transition-delay:.2s} @media(prefers-reduced-motion:reduce){.overview-controls{transition:none}} /* One readable benefit list replaces the paragraph and duplicate feature tags. */ #product-tour .overview-chapter .overview-slide .overview-key-points{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px;color:#f4f7f8;font-size:clamp(17px,1.1vw,20px);line-height:1.5} #product-tour .overview-key-points li{position:relative;padding-left:21px;text-shadow:0 2px 10px #020914} #product-tour .overview-key-points li:before{content:'◇';position:absolute;left:0;top:0;color:#aad9e4;font-size:14px;line-height:1.9} @media(max-height:800px) and (min-width:761px){#product-tour .overview-chapter .overview-slide .overview-key-points{font-size:17px;gap:11px;margin-top:18px}} @media(max-width:760px){#product-tour .overview-chapter .overview-slide .overview-key-points{font-size:16px;gap:9px;margin-top:15px}} /* The planning explanation belongs beside the actual rolling-plan recording. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"]{grid-template-rows:auto auto;gap:20px 38px;align-content:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-copy{grid-area:1/1;align-self:end} #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-media-slot{grid-area:1/2/3/3} #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-graphic-slot{grid-area:2/1;align-self:start;height:auto} } #product-tour [data-overview-slide="rolling-plan"] .overview-story{padding:12px;font-size:13px;gap:9px!important} #product-tour [data-overview-slide="rolling-plan"] .overview-story h3{font-size:17px;margin:0 0 8px} #product-tour [data-overview-slide="rolling-plan"] .story-planning-inputs{font-size:12px;gap:6px} #product-tour [data-overview-slide="rolling-plan"] .story-route-map{height:70px} #product-tour [data-overview-slide="rolling-plan"] .story-route-legend{font-size:11px;gap:6px} #product-tour [data-overview-slide="rolling-plan"] .story-note{font-size:11px!important;margin-top:8px} @media(min-width:761px) and (max-height:800px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"]{gap:10px 25px} #product-tour [data-overview-slide="rolling-plan"] .overview-story h3,#product-tour [data-overview-slide="rolling-plan"] .story-note{display:none} #product-tour [data-overview-slide="rolling-plan"] .story-route-map{height:44px} } /* Match the first two slides: one shared top edge and one shared bottom edge. */ #product-tour .overview-slides:has(>.overview-slide[data-overview-slide="rolling-plan"]:not([hidden])){display:grid;align-items:center;grid-template-rows:minmax(0,1fr)} @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"]{align-self:center;grid-template-rows:auto minmax(0,1fr);gap:24px 38px} #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-copy{align-self:start} #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-graphic-slot{align-self:stretch;align-items:end;height:100%;max-height:100%;min-height:0} #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-story{align-self:end;margin:0;box-sizing:border-box} #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-media-slot{align-self:stretch;align-items:stretch;height:100%;width:100%;max-width:none} } @media(min-width:761px) and (max-height:800px){#product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"]{gap:12px 25px}} /* Scale the complete route drawing into its slot instead of overflowing below it. */ #product-tour [data-overview-slide="rolling-plan"] .story-route-map{box-sizing:border-box;padding:4px 6px;min-width:0} #product-tour [data-overview-slide="rolling-plan"] .story-route-map svg{width:100%;height:100%;max-height:100%;overflow:visible} #product-tour [data-overview-slide="rolling-plan"] .story-route-legend{padding:0;margin:8px 0 0;list-style:none} #product-tour [data-overview-slide="rolling-plan"] .story-route-legend li{align-items:center;overflow:visible;gap:6px} #product-tour [data-overview-slide="rolling-plan"] .story-route-legend i{margin-top:0;width:9px;height:9px} /* Marker centers share the legend's three equal columns. */ #product-tour [data-overview-slide="rolling-plan"] .story-route-map{padding:4px 0} #product-tour [data-overview-slide="rolling-plan"] .story-route-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%} #product-tour [data-overview-slide="rolling-plan"] .story-route-legend li{display:block;text-align:center;padding:0 4px;box-sizing:border-box} #product-tour [data-overview-slide="rolling-plan"] .story-route-legend i{display:none} /* Give the solver's full gain breakdown room beside its wide gameplay demo. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="daevanion"]{height:100%;grid-template-rows:auto minmax(0,1fr);gap:18px 38px} #product-tour .overview-chapter .overview-slide[data-overview-slide="daevanion"] .overview-copy h2{font-size:var(--overview-slide-title-size)} #product-tour .overview-chapter .overview-slide[data-overview-slide="daevanion"] .overview-detail-slot .overview-evidence{justify-content:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="daevanion"] .overview-video-cues{position:static;font-size:18px} } .overview-ornate-frame{position:relative;isolation:isolate;border:1px solid #c1dce575;border-radius:2px;outline:1px solid #accbdc35;outline-offset:5px;box-shadow:0 0 0 3px #0817238c,0 0 22px #75b9cf14,0 18px 42px #0005} #product-tour [data-overview-slide="rolling-plan"] .overview-story.overview-ornate-frame{padding:18px 15px 14px} #product-tour .overview-detail-slot .overview-ornate-frame img{border:0;box-shadow:none} /* Compact desktop: keep both demonstrations visible below one concise copy row. */ @media(min-width:761px) and (max-width:1440px) and (max-height:850px){ .scene-mode .chapter-rail{left:20px!important;width:180px!important} .scene-mode .chapter-rail a{font-size:14px!important;line-height:1.4} #product-tour .overview-chapter.scene-panel:has(.overview-slide:is([data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"],[data-overview-slide="rolling-plan"]):not([hidden])){top:160px;bottom:190px} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"],[data-overview-slide="rolling-plan"]){height:100%!important;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:16px 28px;align-content:stretch} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"],[data-overview-slide="rolling-plan"]) .overview-copy{grid-area:1/1/2/3;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:28px;align-items:center} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"],[data-overview-slide="rolling-plan"]) .overview-slide-label{grid-area:1/1;margin-bottom:6px;font-size:10px} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"],[data-overview-slide="rolling-plan"]) .overview-copy h2{grid-area:2/1;font-size:var(--overview-slide-title-size);line-height:1.1;margin:0} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"],[data-overview-slide="rolling-plan"]) .overview-key-points{grid-area:1/2/3/3;margin:0;font-size:15px;line-height:1.4;gap:7px} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"],[data-overview-slide="rolling-plan"]) .overview-media-slot{grid-area:2/1;height:100%;align-self:stretch} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"],[data-overview-slide="rolling-plan"]) .overview-detail-slot{grid-area:2/2;height:100%;display:flex;flex-direction:column;gap:8px;align-self:stretch} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"],[data-overview-slide="rolling-plan"]) .overview-video-cues{position:static;flex:none;font-size:16px;line-height:1.35} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="skills-stigmas"],[data-overview-slide="daevanion"],[data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"],[data-overview-slide="rolling-plan"]) .overview-detail-slot .overview-evidence{flex:1;justify-content:center;min-height:0} } @media(min-width:761px) and (max-width:1440px) and (max-height:850px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-graphic-slot{grid-area:2/2;align-self:stretch;align-items:center;height:100%;min-height:0} #product-tour .overview-chapter .overview-slide[data-overview-slide="rolling-plan"] .overview-story{max-height:100%;height:auto;align-self:center} } @media(min-width:761px) and (max-width:1440px) and (max-height:850px){.scene-mode .chapter-rail a{white-space:nowrap}} @media(min-width:761px){ #product-tour .overview-chapter .overview-slide:is([data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]){height:100%;grid-template-rows:auto minmax(0,1fr);gap:18px 38px} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-copy h2{font-size:var(--overview-slide-title-size)} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-video-cues{position:static;font-size:18px} } @media(min-width:761px) and (max-width:1440px) and (max-height:850px){ #product-tour .overview-chapter .overview-slide:is([data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]){gap:16px 28px} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-copy h2{font-size:var(--overview-slide-title-size)} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="owned-choices"],[data-overview-slide="pantheon"],[data-overview-slide="gear-stats"],[data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-video-cues{font-size:16px} } /* Related skill outputs share one presentation immediately after Skills & Stigmas. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="rotation"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:22px 28px} #product-tour .overview-chapter .overview-slide[data-overview-slide="rotation"] .overview-copy{grid-area:1/1/2/3;max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:30px} #product-tour .overview-chapter .overview-slide[data-overview-slide="rotation"] .overview-copy h2{grid-column:1;grid-row:2;font-size:var(--overview-slide-title-size)} #product-tour .overview-chapter .overview-slide[data-overview-slide="rotation"] .overview-slide-label{grid-area:1/1} #product-tour .overview-chapter .overview-slide[data-overview-slide="rotation"] .overview-key-points{grid-area:1/2/3/3;margin:0;gap:8px;font-size:17px} #product-tour .overview-chapter .overview-slide[data-overview-slide="rotation"] .overview-composition{grid-area:2/1/3/3;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);display:grid;height:100%} } @media(min-width:761px) and (max-height:850px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="rotation"] .overview-copy h2{font-size:var(--overview-slide-title-size)} #product-tour .overview-chapter .overview-slide[data-overview-slide="rotation"] .overview-key-points{font-size:15px} } /* Gear demonstration: copy and close-up share the primary video's rectangle. */ @media(min-width:1441px), (min-width:761px) and (min-height:851px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="gear-stats"] .overview-copy{align-self:start} #product-tour .overview-chapter .overview-slide[data-overview-slide="gear-stats"] .overview-copy h2{font-size:var(--overview-slide-title-size)} #product-tour .overview-chapter .overview-slide[data-overview-slide="gear-stats"] .overview-key-points{font-size:18px;line-height:1.45;gap:12px;margin-top:18px} #product-tour .overview-chapter .overview-slide[data-overview-slide="gear-stats"] .overview-detail-slot .overview-evidence{justify-content:flex-end} #product-tour .overview-chapter .overview-slide[data-overview-slide="gear-stats"] .overview-video-cues{position:absolute;bottom:calc(var(--detail-video-height,120px) + 9px);font-size:18px;line-height:1.35} } @media(min-width:1441px), (min-width:761px) and (min-height:851px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="gear-stats"] .overview-copy h2{font-size:var(--overview-slide-title-size)} #product-tour .overview-chapter .overview-slide[data-overview-slide="gear-stats"] .overview-key-points{font-size:17px;gap:10px;margin-top:14px} } @media(min-width:1441px), (min-width:761px) and (min-height:851px){#product-tour .overview-chapter .overview-slide[data-overview-slide="gear-stats"] .overview-video-cues{min-height:0}} @media(min-width:1441px), (min-width:761px) and (min-height:851px){ #product-tour .overview-chapter .overview-slide:is([data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-copy h2{font-size:var(--overview-slide-title-size)} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-key-points{font-size:17px;line-height:1.45;gap:10px;margin-top:14px} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-video-cues{position:absolute;bottom:calc(var(--detail-video-height,160px) + 9px);font-size:18px;line-height:1.35;min-height:0} #product-tour .overview-chapter .overview-slide:is([data-overview-slide="world-map"],[data-overview-slide="map-layers"]) .overview-detail-slot .overview-evidence{justify-content:flex-end} #product-tour .overview-chapter .overview-slide[data-overview-slide="world-map"] .overview-detail-slot .overview-evidence{width:100%;max-width:320px;align-self:center} } /* Map views: one continuous demonstration, with a balanced copy column. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="world-map"]{grid-template-columns:minmax(250px,.7fr) minmax(0,1.6fr);grid-template-rows:minmax(0,1fr);gap:38px;align-items:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="world-map"] .overview-copy{grid-area:1/1;display:block;align-self:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="world-map"] .overview-media-slot{grid-area:1/2;height:100%;align-self:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="world-map"] .overview-detail-slot{display:none} } /* Layers and appearance: let the complete recorded controls carry the demo. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="map-layers"]{grid-template-columns:minmax(250px,.7fr) minmax(0,1.6fr);grid-template-rows:minmax(0,1fr);gap:38px;align-items:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="map-layers"] .overview-copy{grid-area:1/1;display:block;align-self:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="map-layers"] .overview-media-slot{grid-area:1/2;height:100%;align-self:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="map-layers"] .overview-detail-slot{display:none} } /* Destination: show selection and guidance together. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="manual-tracking"]{grid-template-columns:minmax(250px,.7fr) minmax(0,1.6fr);grid-template-rows:minmax(0,1fr);gap:38px;align-items:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="manual-tracking"] .overview-copy{grid-area:1/1;display:block;align-self:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="manual-tracking"] .overview-media-slot{grid-area:1/2;height:100%;align-self:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="manual-tracking"] .overview-detail-slot{display:none} } @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="manual-tracking"] [data-visual-layout="cinematic-proof"]{display:contents} #product-tour .overview-chapter .overview-slide[data-overview-slide="manual-tracking"] .overview-copy h2{font-size:var(--overview-slide-title-size)} #product-tour .overview-chapter .overview-slide[data-overview-slide="manual-tracking"] .overview-key-points{font-size:17px;line-height:1.45;gap:10px;margin-top:14px} } /* Wide destination footage gets a broader media column without crowding the copy. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="manual-tracking"]{grid-template-columns:minmax(260px,.65fr) minmax(0,1.9fr);gap:42px;align-content:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="manual-tracking"] .overview-copy{max-width:340px} #product-tour .overview-chapter .overview-slide[data-overview-slide="manual-tracking"] .overview-media-slot{min-width:0} } @media(min-width:761px){ #product-tour .overview-slides:has(>.overview-slide[data-overview-slide="manual-tracking"]:not([hidden])){display:grid;grid-template-rows:minmax(0,1fr);align-items:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="manual-tracking"]{align-self:center} } /* One title scale for every overview slide, regardless of chapter or layout. */ #product-tour{--overview-slide-title-size:30px} #product-tour .overview-chapter .overview-slide .overview-copy h2{font-size:var(--overview-slide-title-size)!important;line-height:1.12} @media(min-width:761px) and (max-width:1440px) and (max-height:850px){#product-tour{--overview-slide-title-size:25px}} @media(max-width:760px){#product-tour{--overview-slide-title-size:24px}} /* Rotation and Macros follows the shared copy-left, demonstration-right layout. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="rotation"]{grid-template-columns:minmax(260px,.7fr) minmax(0,1.6fr);grid-template-rows:minmax(0,1fr);gap:38px;align-items:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="rotation"] .overview-copy{grid-area:1/1;display:block;align-self:center;max-width:350px} #product-tour .overview-chapter .overview-slide[data-overview-slide="rotation"] .overview-key-points{margin-top:18px;gap:11px} #product-tour .overview-chapter .overview-slide[data-overview-slide="rotation"] .overview-composition{grid-area:1/2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:20px;height:100%;min-height:0;align-items:center} } /* Compass captures remain close to native pixels instead of filling a giant image slot. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="elevation"]{grid-template-columns:minmax(260px,.7fr) minmax(0,1.6fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:38px} #product-tour .overview-chapter .overview-slide[data-overview-slide="elevation"] .overview-copy{align-self:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="elevation"] .overview-composition{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr 1fr;gap:25px;max-width:460px;width:100%;height:430px;justify-self:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="elevation"] .overview-media-slot{grid-area:auto;width:100%;height:100%;min-height:0} } /* Native compass renders supply enough pixels for a large, readable presentation. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="elevation"] .overview-composition{max-width:760px;height:460px;gap:22px} #product-tour .overview-slides:has(>.overview-slide[data-overview-slide="elevation"]:not([hidden])){display:grid;grid-template-rows:minmax(0,1fr);align-items:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="elevation"]{align-self:center} } @media(min-width:761px) and (max-height:850px){#product-tour .overview-chapter .overview-slide[data-overview-slide="elevation"] .overview-composition{height:320px}} @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="elevation"] .overview-composition{grid-template-rows:minmax(0,1fr);max-width:none;width:100%;height:470px} #product-tour .overview-chapter .overview-slide[data-overview-slide="elevation"] .overview-media-slot{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch} #product-tour .overview-chapter .overview-slide[data-overview-slide="elevation"] .overview-evidence{width:100%;height:100%;min-height:0;justify-content:center;align-items:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="elevation"] .overview-key-points{font-size:17px;line-height:1.45;gap:12px;margin-top:18px} } @media(min-width:761px) and (max-height:850px){#product-tour .overview-chapter .overview-slide[data-overview-slide="elevation"] .overview-composition{height:330px}} /* Coverage graphic and copy share the same vertical center. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="coverage"] .overview-composition{display:flex;align-items:center;justify-content:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="coverage"] .overview-graphic-slot{width:100%;height:auto;align-self:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="coverage"] .overview-coverage{width:100%;margin:0 auto} } /* Remaining chapters keep complete evidence centered in its allotted space. */ #product-tour .overview-chapter:is([data-overview-chapter="collections"],[data-overview-chapter="helpers"],[data-overview-chapter="layout"],[data-overview-chapter="ultrawide"],[data-overview-chapter="timers"]) .overview-composition{align-items:center;align-content:center} #product-tour .overview-chapter:is([data-overview-chapter="collections"],[data-overview-chapter="helpers"],[data-overview-chapter="layout"],[data-overview-chapter="ultrawide"],[data-overview-chapter="timers"]) .overview-graphic-slot{align-self:center} /* Actual game cube artwork, presented as a freestanding cutout. */ #product-tour [data-overview-slide="hidden-cubes"] .overview-composition{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center} #product-tour [data-overview-slide="hidden-cubes"] .overview-media-slot{grid-area:1/1;width:100%;height:100%;display:grid;place-items:center} #product-tour [data-overview-slide="hidden-cubes"] .overview-evidence{width:min(100%,440px);height:min(100%,440px);align-self:center;justify-self:center} #product-tour [data-overview-slide="hidden-cubes"] .overview-video-frame{border:0;background:none;box-shadow:none;filter:drop-shadow(0 14px 28px #02071488) drop-shadow(0 0 20px #eecf6940)} #product-tour [data-overview-slide="hidden-cubes"] .overview-video-frame:before,#product-tour [data-overview-slide="hidden-cubes"] .overview-video-frame:after,#product-tour [data-overview-slide="hidden-cubes"] .overview-frame-corner,#product-tour [data-overview-slide="hidden-cubes"] .overview-frame-crest{display:none} #product-tour [data-overview-slide="hidden-cubes"] .overview-evidence{background:transparent!important;border:0!important;box-shadow:none!important} #product-tour [data-overview-slide="hidden-cubes"] .overview-evidence img{border:0!important;background:transparent!important;box-shadow:none!important} #product-tour [data-overview-slide="hidden-cubes"] .overview-video-frame{outline:0!important} /* A soft reward-like glow follows the cube silhouette, retaining transparent edges. */ #product-tour [data-overview-slide="hidden-cubes"] .overview-video-frame{filter:drop-shadow(0 14px 24px #02071499) drop-shadow(0 0 14px #ffd47a99) drop-shadow(0 0 36px #ed973b66)} /* Verified game meshes decorate the spare side space, leaving whole widgets clear. */ @media(min-width:761px){ #product-tour .overview-chapter:has(.overview-world-art){overflow:visible!important} #product-tour .overview-slide:has(.overview-world-art){position:relative;overflow:visible} #product-tour .overview-world-art{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);width:clamp(110px,13vw,230px);height:auto;max-height:52vh;object-fit:contain;pointer-events:none;z-index:2;filter:drop-shadow(0 12px 22px #02091499);opacity:.9} #product-tour .overview-world-art--statue{transform:translateY(-50%) rotate(-6deg);max-height:42vh;filter:drop-shadow(0 12px 22px #02091499) drop-shadow(0 0 16px #76d8ed38)} #product-tour .overview-world-art--ore{top:auto;bottom:0;transform:rotate(7deg);width:clamp(110px,12vw,210px);max-height:36vh} #product-tour .overview-world-art--wings{top:15%;transform:rotate(-12deg);width:clamp(120px,13vw,240px);max-height:26vh;filter:drop-shadow(0 7px 15px #02091499) drop-shadow(0 0 12px #bce9ff4d)} #product-tour .overview-world-art--portal{top:auto;bottom:0;transform:rotate(3deg);max-height:46vh;filter:drop-shadow(0 10px 20px #02091499) drop-shadow(0 0 16px #7abce744)} } @media(max-width:760px){#product-tour .overview-world-art{display:none}} /* Game puzzle and matching native helper share a clear side-by-side comparison. */ #product-tour [data-overview-slide="puzzles"] .overview-composition{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center} #product-tour [data-overview-slide="puzzles"] .overview-media-slot{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:24px;grid-area:1/1;align-items:center;height:100%;width:100%} #product-tour [data-overview-slide="puzzles"] .overview-evidence{height:100%;min-height:0;justify-content:center} @media(max-width:760px){#product-tour [data-overview-slide="puzzles"] .overview-media-slot{gap:14px}} /* Merchant: real shop context plus a readable detail, matching the approved media layout. */ @media(min-width:761px){ #product-tour .overview-slides:has(>.overview-slide[data-overview-slide="merchant"]:not([hidden])){display:grid;grid-template-rows:minmax(0,1fr);align-items:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="merchant"]{grid-template-columns:minmax(280px,.7fr) minmax(0,1.6fr);grid-template-rows:minmax(0,1fr);gap:38px;align-self:center;align-items:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="merchant"] .overview-composition{display:contents} #product-tour .overview-chapter .overview-slide[data-overview-slide="merchant"] .overview-copy{grid-area:1/1;align-self:start} #product-tour .overview-chapter .overview-slide[data-overview-slide="merchant"] .overview-key-points{font-size:17px;line-height:1.4;gap:10px;margin-top:14px} #product-tour .overview-chapter .overview-slide[data-overview-slide="merchant"] .overview-media-slot{grid-area:1/2;height:100%;width:100%} #product-tour .overview-chapter .overview-slide[data-overview-slide="merchant"] .overview-detail-slot{grid-area:1/1;display:flex;justify-content:flex-end;flex-direction:column;align-self:end;width:100%;height:180px} #product-tour .overview-chapter .overview-slide[data-overview-slide="merchant"] .overview-detail-slot .overview-evidence{width:100%;max-width:300px;height:180px;align-self:center;justify-content:flex-end} } @media(max-width:1440px) and (max-height:850px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="merchant"] .overview-detail-slot{display:none} #product-tour .overview-chapter .overview-slide[data-overview-slide="merchant"] .overview-copy{align-self:center} } @media(max-width:760px){#product-tour .overview-chapter .overview-slide[data-overview-slide="merchant"] .overview-detail-slot{display:none}} /* Full-screen layout editor stays intact; the controls get a readable companion detail. */ @media(min-width:761px){ #product-tour .overview-chapter .overview-slide[data-overview-slide="make-it-yours"]{grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);grid-template-rows:auto minmax(0,1fr);gap:18px 38px;align-items:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="make-it-yours"] .overview-composition{display:contents} #product-tour .overview-chapter .overview-slide[data-overview-slide="make-it-yours"] .overview-copy{grid-area:1/1;align-self:center;max-width:620px} #product-tour .overview-chapter .overview-slide[data-overview-slide="make-it-yours"] .overview-key-points{font-size:17px;line-height:1.4;gap:9px;margin-top:14px} #product-tour .overview-chapter .overview-slide[data-overview-slide="make-it-yours"] .overview-media-slot{grid-area:2/1/3/3;width:100%;height:100%;min-height:0} #product-tour .overview-chapter .overview-slide[data-overview-slide="make-it-yours"] .overview-detail-slot{grid-area:1/2;width:100%;height:125px;display:flex;justify-content:center;align-self:center} #product-tour .overview-chapter .overview-slide[data-overview-slide="make-it-yours"] .overview-detail-slot .overview-evidence{width:230px;height:125px;max-width:100%;align-self:center} } @media(max-width:760px){#product-tour [data-overview-slide="make-it-yours"] .overview-detail-slot{display:none}}