/* Product scrollytelling on phones and tablets. The desktop design is retained.
 * Only the background stays pinned; text continues in the native page flow. */
@media (max-width:860px) and (prefers-reduced-motion:no-preference) {
  .nc-story--product.nc-story--scroll-ready {
    --nc-story-stage-height:calc(100vh - var(--nc-story-header,68px) - var(--nc-story-footer,0px));
    background:#171d18;
    color:#fbfaf6;
    overflow:visible;
  }
  @supports (height:100svh) {
    .nc-story--product.nc-story--scroll-ready {
      --nc-story-stage-height:calc(100svh - var(--nc-story-header,68px) - var(--nc-story-footer,0px));
    }
  }
  .nc-story--product.nc-story--scroll-ready .nc-story__visual {
    display:block;
    position:sticky;
    inset-block-start:var(--nc-story-header,68px);
    height:var(--nc-story-stage-height);
    min-height:0;
    overflow:hidden;
  }
  .nc-story--product.nc-story--scroll-ready .nc-story__sequence {
    margin-top:calc(0px - var(--nc-story-stage-height));
  }
  .nc-story--product.nc-story--scroll-ready :is(.nc-story__opening,.nc-story__chapter,.nc-story__closing) {
    display:flex;
    align-items:center;
    min-height:max(360px,var(--nc-story-stage-height));
    padding:clamp(48px,8svh,76px) clamp(22px,5vw,42px);
    background:transparent;
    border:0;
    color:#fff;
  }
  .nc-story--product.nc-story--scroll-ready .nc-story__content {
    padding:0;
    opacity:1;
    transform:none;
    transition:none;
  }
  .nc-story--product.nc-story--scroll-ready .nc-story__mobile-image { display:none; }
  .nc-story--product.nc-story--scroll-ready .nc-story__backdrop {
    transform:none;
    transition:opacity .45s ease;
    will-change:opacity;
    object-position:center;
  }
  .nc-story--product.nc-story--scroll-ready .nc-story__shade {
    background:linear-gradient(90deg,rgba(12,22,16,.84),rgba(12,22,16,.65)),linear-gradient(0deg,rgba(12,22,16,.24),transparent 55%);
  }
  .nc-story--product.nc-story--scroll-ready .nc-story__opening h2 {
    font-size:clamp(34px,8vw,55px);
    margin-bottom:22px;
  }
  .nc-story--product.nc-story--scroll-ready :is(.nc-story__chapter,.nc-story__closing) h3 {
    font-size:clamp(30px,7.5vw,47px);
    margin-bottom:22px;
  }
  .nc-story--product.nc-story--scroll-ready :is(.nc-story__opening,.nc-story__chapter,.nc-story__closing) p:not(.nc-story__eyebrow):not(.nc-story__number) {
    font-size:clamp(17px,2.3vw,20px);
    line-height:1.55;
    color:#f5f7f0;
  }
  .nc-story--product.nc-story--scroll-ready .nc-story__progress {
    display:block;
    right:clamp(22px,5vw,42px);
    bottom:18px;
    width:90px;
  }
  .nc-story--product.nc-story--scroll-ready .nc-story__progress-fill { transition:none; }
  .nc-story--product.nc-story--scroll-ready .nc-story__brand { display:none; }
}

/* On phones/tablets, keep every chapter and photograph in the reading flow when motion is reduced. */
@media (max-width:860px) and (prefers-reduced-motion:reduce),
       (hover:none) and (pointer:coarse) and (prefers-reduced-motion:reduce) {
  .nc-story--product .nc-story__visual { display:none; }
  .nc-story--product .nc-story__sequence { margin:0; }
  .nc-story--product :is(.nc-story__opening,.nc-story__chapter,.nc-story__closing) {
    min-height:0;
    background:#243c2a;
    color:#fff;
  }
  .nc-story--product .nc-story__chapter { display:block; padding:0; }
  .nc-story--product .nc-story__mobile-image {
    display:block;
    width:min(100%,840px);
    height:auto;
    margin-inline:auto;
    object-fit:contain;
  }
  .nc-story--product .nc-story__content {
    width:min(100%,840px);
    margin-inline:auto;
    padding:30px clamp(22px,5vw,48px) 48px;
    opacity:1;
  }
}