/* Only the homepage customer stories can opt into this desktop sequence. */
.stories-controls { display: none; }
.stories-window { min-width: 0; }
@media (max-width: 1023px), (prefers-reduced-motion: reduce) {
  [data-story-scroll] .stories-grid { grid-template-columns: minmax(0,1fr); max-width: 720px; margin-inline: auto; }
  [data-story-scroll] .story-card-gold { margin-top: 0; }
}
@media (min-width: 1024px) and (min-height: 640px) and (prefers-reduced-motion: no-preference) {
  .home-review .customer-stories.stories-horizontal { padding: 0; position: relative; height: var(--stories-height); }
  .stories-horizontal .stories-pin { position: sticky; top: var(--stories-top); padding-top: 12px; padding-bottom: 12px; }
  .stories-horizontal .stories-heading { margin-bottom: 20px; gap: 24px; }
  .stories-horizontal .stories-heading .section-eyebrow { margin-bottom: 8px; }
  .stories-horizontal .stories-heading h2 { font-size: clamp(30px,3vw,42px); line-height: 1.1; }
  .stories-horizontal .stories-heading h2 br { display: none; }
  .stories-horizontal .stories-heading h2 span::before { content: ' '; }
  .stories-horizontal .stories-heading > p { max-width: 270px; font-size: 14px; line-height: 1.5; padding: 0; }
  .stories-horizontal .stories-window { overflow: clip; border-radius: 24px; }
  .stories-horizontal .stories-grid { display: flex; gap: 24px; align-items: stretch; transform: translate3d(var(--story-shift,0px),0,0); will-change: transform; }
  .stories-horizontal .story-card { flex: 0 0 100%; min-width: 0; display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); margin-top: 0; min-height: 370px; }
  .stories-horizontal .story-art { min-width: 0; height: 100%; }
  .stories-horizontal .story-art > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }
  .stories-horizontal .story-copy { display: flex; flex-direction: column; padding: 26px 30px; min-width: 0; }
  .stories-horizontal .story-card h3 { font-size: clamp(28px,2.6vw,36px); max-width: none; margin-bottom: 18px; }
  .stories-horizontal .story-card blockquote { margin-bottom: 20px; }
  .stories-horizontal .story-card blockquote p { font-size: 17px; line-height: 1.5; }
  .stories-horizontal .story-card blockquote footer { margin-top: 12px; }
  .stories-horizontal .story-card-end { margin-top: auto; padding-top: 16px; }
  .stories-horizontal .stories-controls { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 14px; min-height: 44px; color: #49354f; font-size: 13px; }
  .stories-control-group { display: flex; align-items: center; gap: 14px; }
  .stories-controls button { color: #2a1b2e; background: transparent; font: inherit; border: 1px solid #bca9c1; border-radius: 30px; min-height: 44px; padding: 8px 16px; cursor: pointer; }
  .stories-controls button:hover { background: #eadfec; }
  .stories-controls button[aria-disabled="true"] { opacity: .45; cursor: default; }
  .stories-controls button:focus-visible { outline: 3px solid #704385; outline-offset: 3px; }
  .stories-count { min-width: 42px; text-align: center; font-variant-numeric: tabular-nums; }
  .stories-continue { color: #49354f; text-decoration: underline; text-underline-offset: 4px; padding-block: 12px; }
}
@media print {
  .home-review .customer-stories.stories-horizontal { height: auto !important; padding: 24px 0; }
  .stories-horizontal .stories-pin { position: static; }
  .stories-horizontal .stories-grid { display: block; transform: none !important; }
  .stories-horizontal .stories-controls { display: none; }
  .stories-horizontal .story-card { break-inside: avoid; margin-bottom: 24px; }
}