.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.glass-surface--svg{background:hsl(0 0% 100%/var(--glass-frost,0));-webkit-backdrop-filter:var(--filter-id)saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id)saturate(var(--glass-saturation,1));border:1px solid #11181c14;box-shadow:inset 0 0 2px 1px #00000026,inset 0 0 10px 4px #0000001a,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 6px 20px #11181c1a;box-shadow:inset 0 0 2px 1px lab(0% 0 0/.15),inset 0 0 10px 4px lab(0% 0 0/.1),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),0 6px 20px lab(7.67728% -2.30934 -3.95035/.101961)}.glass-surface--fallback{-webkit-backdrop-filter:blur(14px)saturate(1.6);background:#ffffff8c;border:1px solid #11181c17;box-shadow:0 6px 20px #11181c1f,inset 0 1px #fff9}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#ffffffeb}}
.story-wrap{view-timeline-name:--story}.story-stage{--phone-h:min(64svh,600px);--stage-pt:calc(72px + 6svh);--line-block:72px;--phone-w:calc(var(--phone-h)*.4891);--rail-gap:18px;background-color:#fff}.story-rail{width:clamp(186px,20vw,248px);top:calc(var(--stage-pt) + var(--line-block));height:var(--phone-h)}@media (max-height:820px){.story-stage{--stage-pt:calc(60px + 5svh)}}.rail-l{right:calc(50% + var(--phone-w)/2 + var(--rail-gap))}.rail-r{left:calc(50% + var(--phone-w)/2 + var(--rail-gap))}.tile-l,.tile-l2{--drift:-16px}.tile-r,.tile-r2{--drift:16px}.story-line{opacity:0}.story-line-1,.phone-c1{opacity:1}.phone-c2,.phone-detail,.phone-c4{opacity:0}.phone-detail-strip{transform:none}.story-tile{opacity:0;transform:translateX(var(--drift,0))}.tile-c1{opacity:1;transform:none}.story-glow,.story-cherry{opacity:0}.store-dock{--dock-ink:#11181c}[data-stage]:not([data-stage="1"]) .story-line-1{opacity:0}[data-stage="2"] .story-line-2,[data-stage="3"] .story-line-3,[data-stage="4"] .story-line-3,[data-stage="5"] .story-line-4,:is([data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"]) .phone-c2,:is([data-stage="3"],[data-stage="4"],[data-stage="5"]) .phone-detail,[data-stage="5"] .phone-c4{opacity:1}[data-stage]:not([data-stage="1"]) .tile-c1{opacity:0;transform:translateX(var(--drift,0))}[data-stage="2"] .tile-c2,[data-stage="3"] .tile-c3a,[data-stage="4"] .tile-c3b,[data-stage="5"] .tile-c4{opacity:1;transform:none}[data-stage="5"] .story-cherry,[data-stage="5"] .story-glow{opacity:1}[data-stage="5"] .store-dock{--dock-ink:#fff7f9}[data-stage="5"] .site-nav{--nav-ink:#fff7f9;--nav-ink-muted:#e6bec9;--nav-glass:#16030ac7;--nav-edge:#fff7f924;--nav-cta-bg:#fff7f9;--nav-cta-ink:#16030a}@media (prefers-reduced-motion:no-preference){.story-line{transition:opacity .3s linear}[data-stage="1"] .story-line-1,[data-stage="2"] .story-line-2,[data-stage="3"] .story-line-3,[data-stage="4"] .story-line-3,[data-stage="5"] .story-line-4{transition-delay:.12s}.phone-c2,.phone-detail,.phone-c4{transition:opacity .3s linear}[data-stage="5"] .phone-c4{transition-delay:.15s}.story-tile{transition:opacity .35s linear,transform .35s ease-out}[data-stage="1"] .tile-c1,[data-stage="2"] .tile-c2,[data-stage="3"] .tile-c3a,[data-stage="4"] .tile-c3b,[data-stage="5"] .tile-c4{transition-delay:.12s}.story-cherry,.story-glow{transition:opacity .5s linear}.store-dock span{transition:color .45s linear}@supports (animation-timeline:view()){.phone-detail-strip{animation:linear both detail-scroll;animation-timeline:--story;animation-range:contain 46% contain 73%}}}@keyframes detail-scroll{0%{transform:translateY(0)}to{transform:translateY(-72.95%)}}