/* The phone gets the same four-part vault story inside a measured sticky stage. */
.hero-mobile-heading,.story-skip{display:none}
@media(max-width:760px){
 body.home-page .vault-story.is-mobile-story{height:320svh}
 body.home-page .vault-story.is-mobile-story .vault-stage{position:sticky;top:0;height:100svh;min-height:0;padding:0;display:block}
 body.home-page .vault-story.is-mobile-story .stage-grid{inset:calc(var(--vault-header-height) + 8px) 20px 10px;border-radius:24px}
 body.home-page .vault-story.is-mobile-story .story-copy{position:absolute;inset:0;width:calc(100% - 76px);max-width:none;margin-inline:auto;display:block}
 body.home-page .vault-story.is-mobile-story .story-panel{position:absolute;left:0;top:calc(var(--vault-header-height) + 26px);width:100%;margin:0;max-width:none;min-height:0;transform:none}
 body.home-page .vault-story.is-mobile-story .hero-desktop-heading{display:none}
 body.home-page .vault-story.is-mobile-story .hero-mobile-heading{display:block}
 body.home-page .vault-story.is-mobile-story .story-panel :is(h1,h2){font-size:clamp(1.85rem,8.2vw,2.55rem);line-height:1.06;letter-spacing:-.05em;margin:0 0 12px;text-wrap:balance;overflow-wrap:normal}
 body.home-page .vault-story.is-mobile-story .story-panel .metal-text:before{content:none}
 body.home-page .vault-story.is-mobile-story .story-panel .eyebrow{font-size:10px;letter-spacing:.06em;margin:0 0 10px;line-height:1.4}
 body.home-page .vault-story.is-mobile-story .story-panel:first-child .eyebrow{display:none}
 body.home-page .vault-story.is-mobile-story .story-panel>p{font-size:16px;line-height:1.45;max-width:none;margin:0}
 body.home-page .vault-story.is-mobile-story .story-panel>p br{display:none}
 body.home-page .vault-story.is-mobile-story .story-panel .button-row{margin-top:14px}
 body.home-page .vault-story.is-mobile-story .story-panel .button{min-height:44px;font-size:14px;padding:10px 14px;gap:12px;max-width:100%;white-space:normal}
 body.home-page .vault-story.is-mobile-story .story-panel[data-stage="2"]>.button{margin-top:14px}
 body.home-page .vault-story.is-mobile-story .story-panel :is(.story-fine,.story-secondary,.chapter-detail){display:none}
 body.home-page .vault-story.is-mobile-story .combination-readout{margin:12px 0 0;gap:9px}
 body.home-page .vault-story.is-mobile-story .combination-readout b{font-size:25px;line-height:1.15;padding:5px 14px;border-radius:6px}
 body.home-page .vault-story.is-mobile-story .combination-readout>span{gap:6px}
 body.home-page .vault-story.is-mobile-story .combination-readout small{font-size:8px;letter-spacing:.02em}
 body.home-page .vault-story.is-mobile-story .combination-readout i{margin-top:3px}
 body.home-page .vault-story.is-mobile-story .hero-scroll-feedback{display:flex;position:absolute;top:calc(var(--vault-header-height) + 26px + var(--mobile-story-copy-height,230px) + 12px);left:38px;right:38px;font-size:10px;line-height:1.4;letter-spacing:.02em;gap:12px;color:#d7cbed}
 body.home-page .vault-story.is-mobile-story .hero-scroll-track{background:#ffffff25}
 body.home-page .vault-story.is-mobile-story .hero-scroll-track i{background:linear-gradient(90deg,#ab8bdf,#77c7ff)}
 body.home-page .vault-story.is-mobile-story .vault-visual{position:absolute;top:calc(var(--vault-header-height) + 26px + var(--mobile-story-copy-height,230px) + 36px);bottom:70px;height:auto;min-height:0;left:20px;right:20px;width:auto;margin:0;--vault-frame-share:1;--vault-reveal-share:0%}
 body.home-page .vault-story.is-mobile-story :is(.scene-window-bar,.scene-caption,.stage-topline,.vault-vignette,.scroll-cue,.mobile-vault-explore){display:none}
 body.home-page .vault-story.is-mobile-story .story-bottom{position:absolute;left:34px;right:34px;bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:8px;margin:0}
 body.home-page .vault-story.is-mobile-story .chapter-nav{display:flex;order:-1;gap:2px}
 body.home-page .vault-story.is-mobile-story .chapter-button{min-width:38px;min-height:44px;justify-content:center;position:relative;padding:8px 4px;color:#bcb0ce;font-size:12px;border-radius:7px}
 body.home-page .vault-story.is-mobile-story .chapter-button i{position:absolute;bottom:3px;width:20px;height:2px;background:#ffffff22}
 body.home-page .vault-story.is-mobile-story .chapter-button.is-active{color:#fff;background:#ffffff0c}
 body.home-page .vault-story.is-mobile-story .chapter-button.is-active i{background:#77c7ff}
 body.home-page .vault-story.is-mobile-story .story-skip{display:flex;align-items:center;gap:4px;min-height:44px;color:#e4d7ef;font-size:12px;line-height:1.3;text-decoration:underline;text-underline-offset:4px}
 body.home-page .vault-story.is-mobile-story .chapter-button:focus-visible,body.home-page .vault-story.is-mobile-story .story-skip:focus-visible{outline:2px solid #77c7ff;outline-offset:2px}
 /* Short landscape screens and large text keep an ordinary readable flow. */
 body.home-page :is(.is-compact,.is-reduced) .story-panel .hero-mobile-heading{display:none}
 body.home-page :is(.is-compact,.is-reduced) .story-panel .hero-desktop-heading{display:inline}
}
@media(max-width:350px){body.home-page .vault-story.is-mobile-story .story-copy{width:calc(100% - 64px)}body.home-page .vault-story.is-mobile-story .hero-scroll-feedback{left:32px;right:32px}body.home-page .vault-story.is-mobile-story .story-bottom{left:28px;right:28px}.is-mobile-story .chapter-nav{gap:0}}