/* One scene per screen on roomy desktops. The document keeps native scrolling. */
.story-nav{display:none}
.product-page :is(h1,h2){font-weight:600}
.product-page .brand{letter-spacing:-.6px;font-weight:650}

@media(min-width:1000px) and (min-height:700px) and (prefers-reduced-motion:no-preference){
  html.presentation-ready{scroll-snap-type:y mandatory;scroll-padding-top:72px}
  .presentation-ready .product-page .site-footer{scroll-snap-align:end;scroll-snap-stop:normal}
  .presentation-ready .product-page{--film-width:min(1120px,calc(100vw - 96px),calc((100svh - 360px) * 1.7777778))}
  .presentation-ready .product-page [data-presentation-panel]{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0;min-height:calc(100svh - 72px);box-sizing:border-box}
  .presentation-ready .product-page .hero,
  .presentation-ready .product-page .feature-row,
  .presentation-ready .product-page .feature-row.reverse{display:flex;flex-direction:column;justify-content:center;padding:22px 0;margin:0}
  .presentation-ready .product-page .hero{margin-inline:auto}
  .presentation-ready .product-page .hero .eyebrow,
  .presentation-ready .product-page .hero-footnote{display:none}
  .presentation-ready .product-page .hero h1{font-size:clamp(40px,3.6vw,54px);line-height:1.15;letter-spacing:-1.8px;margin:0 0 12px;max-width:none}
  .presentation-ready .product-page .hero h1 br{display:none}
  .presentation-ready .product-page .hero-description{font-size:15px;line-height:1.7}
  .presentation-ready .product-page .hero-description br{display:none}
  .presentation-ready .product-page .hero-actions{margin:16px 0 8px;gap:16px}
  .presentation-ready .product-page .button{min-height:44px;font-size:14px;padding:10px 24px}
  .presentation-ready .product-page .availability{font-size:10px;line-height:16px;margin:0}
  .presentation-ready .product-page .hero-film{margin:20px auto 0}
  .presentation-ready .product-page .hero-film,
  .presentation-ready .product-page .feature-row>.product-film{width:var(--film-width);flex:none}
  .presentation-ready .product-page .film-stage{border-radius:20px}
  .presentation-ready .product-page .film-controls{min-height:36px;padding:6px 2px 0;font-size:11px}
  .presentation-ready .product-page .film-control-buttons button{min-height:30px}
  .presentation-ready .product-page .stories{padding-top:0}
  .presentation-ready .product-page .feature-copy,
  .presentation-ready .product-page .queue-feature .feature-copy,
  .presentation-ready .product-page .browser-feature .feature-copy{display:block;text-align:center;max-width:1000px;width:calc(100% - 100px);padding:0;margin:0 auto 22px}
  .presentation-ready .product-page .feature-number{font-size:12px;margin:0 0 9px}
  .presentation-ready .product-page .feature-copy h2,
  .presentation-ready .product-page :is(.queue-feature,.browser-feature) .feature-copy h2{font-size:clamp(30px,2.75vw,40px);line-height:1.3;letter-spacing:-1px;margin:0 0 12px;max-width:none}
  .presentation-ready .product-page .feature-copy>p:not(.feature-number),
  .presentation-ready .product-page :is(.queue-feature,.browser-feature) .feature-copy>p:not(.feature-number){font-size:15px;line-height:1.7;max-width:900px;margin:0 auto;padding:0}
  .presentation-ready .product-page .feature-footnote{font-size:10px;line-height:18px;margin-top:9px}
  .presentation-ready .product-page .privacy-section{display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:60px 0}
  .presentation-ready .product-page .privacy-heading{margin-bottom:50px}
  .presentation-ready .product-page .faq-section{padding:70px 0;align-content:center}
  .presentation-ready .product-page .closing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0}
  .presentation-ready .product-page .closing h2{font-weight:600}
  .presentation-ready .story-nav{position:fixed;z-index:25;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;padding:8px 3px;border-radius:30px;background:#ffffffb8;backdrop-filter:blur(12px)}
  .story-nav a{position:relative;display:grid;place-items:center;width:25px;height:25px;border-radius:50%}
  .story-nav a>span{width:5px;height:5px;background:#b9b9c0;border-radius:50%;transition:transform .2s,background .2s}
  .story-nav a[aria-current="location"]>span{background:#b94735;transform:scale(1.5)}
  .story-nav a::before{content:attr(data-label);position:absolute;right:35px;white-space:nowrap;background:#1d1d1f;color:white;padding:5px 9px;border-radius:6px;font-size:11px;opacity:0;pointer-events:none;transform:translateX(4px);transition:opacity .15s,transform .15s}
  .story-nav a:is(:hover,:focus-visible)::before{opacity:1;transform:none}
}