/* The desktop composition is untouched. All geometry is stable during scrolling. */
.ac-mobile-caption { display: none; }
@media (max-width:680px) {
  html.mobile-story-playing { overflow: hidden; overscroll-behavior-y: none; scroll-behavior: auto !important; }
  .home .ac-product-band { overflow: clip; }
  .home .ac-product .movement-sale { display: none; }
  .home .ac-product.mobile-story-enabled { padding-block: 30px 0; height: var(--mobile-story-height); }
  .home .mobile-story-enabled .ac-product-stage {
    position: sticky; top: 86px; display: grid; grid-template-columns: minmax(0,1fr);
    grid-template-areas: "heading" "scene" "caption"; gap: 20px; isolation: isolate;
  }
  .home .mobile-story-enabled .ac-copy { opacity: 1; transform: none; animation: none; }
  .home .mobile-story-enabled .eyebrow { margin-bottom: 12px; }
  .home .mobile-story-enabled .ac-phone {
    grid-area: scene; justify-self: center; z-index: 2; width: max-content;
    opacity: 1; animation: none; transform-origin: top left;
  }
  .home .mobile-story-enabled .ac-phone:before { display: none; }
  .home .mobile-story-enabled .phone-mockup { width: clamp(156px,calc((100svh - 250px) / 2.18),220.8px); box-shadow: 0 0 0 1px #000,0 12px 24px #0005; }
  .home .mobile-story-enabled .ac-product-results { grid-area: scene; align-self: start; justify-self: end; width: 43%; z-index: 1; margin-top: 12px; }
  .home .mobile-story-enabled .movement-outcomes { display: grid; gap: 10px; border: 0; background: none; border-radius: 0; }
  .home .mobile-story-enabled .movement-connection { display: none; }
  .home .mobile-story-enabled .movement-result {
    display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto auto;
    height: 86px; padding: 9px 10px; gap: 3px; border: 1px solid #26333c;
    background: #11181d; border-radius: 10px; align-content: center; contain: layout paint;
  }
  .home .mobile-story-enabled .movement-result:after { display: none; }
  .home .mobile-story-enabled .movement-result-label { grid-area: 1 / 1; font-size: 10px; gap: 5px; color: #aab8c2; }
  .home .mobile-story-enabled .movement-result-label .icon { width: 11px; height: 11px; }
  .home .mobile-story-enabled .movement-value { grid-area: 2 / 1; justify-content: flex-start; font-size: 27px; line-height: 1.05; }
  .home .mobile-story-enabled .movement-result-detail { grid-area: 3 / 1; font-size: 9px; color: #a1b2bd; line-height: 1.4; }
  .home .mobile-story-enabled .movement-goal .movement-result-detail { gap: 5px; }
  .home .mobile-story-enabled .movement-goal-track { min-width: 12px; }
  .home .mobile-story-enabled .movement-prize-detail { gap: 0; }
  .home .mobile-story-enabled [data-story-prize-label] { display: none; }
  .home .mobile-story-enabled .movement-prize:after { content: none; }
  .home .mobile-story-enabled .movement-demo figcaption { display: none; }
  .home .mobile-story-enabled .ac-mobile-caption { display: block; grid-area: caption; margin: 0; color: #a1afb8; font-size: 12px; line-height: 1.7; text-align: left; text-wrap: pretty; }
  .home .mobile-story-enabled.is-story-near :is(.ac-phone,.ac-mobile-caption) { will-change: transform; }
  .home .mobile-story-enabled.is-story-near .movement-result { will-change: transform, opacity; }
  @media (max-height:700px) {
    .home .mobile-story-enabled .ac-product-stage { top: 76px; gap: 12px; }
    .home .mobile-story-enabled .eyebrow { margin-bottom: 8px; }
    .home .mobile-story-enabled .movement-result { height: 69px; padding-block: 6px; }
    .home .mobile-story-enabled .movement-outcomes { gap: 8px; }
    .home .mobile-story-enabled .movement-value { font-size: 23px; }
    .home .mobile-story-enabled .ac-mobile-caption { font-size: 11px; line-height: 1.5; }
  }
  @media (prefers-reduced-motion:reduce) {
    .home .ac-product.mobile-story-enabled { height: auto; padding-bottom: 30px; }
    .home .mobile-story-enabled .ac-product-stage { position: relative; top: 0; }
  }
}
@media print {
  .home .ac-product.mobile-story-enabled { height: auto !important; }
  .home .mobile-story-enabled .ac-product-stage { position: static; }
}