/* Mobile Recognition: one wine face, stable copy, visible unfocused neighbours. */
@media (max-width:900px) {
  #main #for-you { padding:32px 0 28px; --recognition-quote-gap:14px; }
  #main #for-you > .recognition-heading { width:calc(100% - 40px); max-width:640px; }
  #main #for-you h2 { font-size:32px; line-height:1.08; }
  #main #for-you .recognition-heading > p:not(.eyebrow) { margin-top:10px; font-size:14px; line-height:1.5; }
  #main #for-you .recognition-rule { margin-bottom:10px; }
  #main #for-you .slider-shell { margin-top:12px; }
  #main #for-you .slider-marquee { gap:12px; }
  #main #for-you .card-track { padding:14px 20px 32px; }
  #main #for-you .pain-card {
    flex-basis:min(292px,max(228px,calc((100vw - 28px) * .74)));
    height:var(--mobile-card-height,480px);
    background:#3a0317; color:#f7e3ca;
    border-color:rgb(185 144 88 / .4);
    transform:translateY(var(--rise)) rotate(calc(var(--angle) * .45)) scale(var(--size));
    filter:blur(calc(var(--blur) * 1.5)) brightness(calc(.86 + var(--focus) * .14));
  }
  #main #for-you .pain-card.is-centered {
    box-shadow:0 18px 32px -18px rgb(58 3 23 / .28),0 6px 16px -10px rgb(58 3 23 / .12);
  }
  #main #for-you .card-face { padding:20px; }
  #main #for-you .card-face-paper { background:#3a0317; color:#f7e3ca; }
  #main #for-you .card-face-wine { display:none; clip-path:none; }
  #main #for-you .card-face-paper .card-index,
  #main #for-you .card-face-paper .card-summary,
  #main #for-you .card-face-paper .pain-case { opacity:1; }
  #main #for-you .card-index { font-size:10px; min-height:16px; line-height:16px; }
  #main #for-you .card-rule { margin:8px auto 12px; transform:none; }
  #main #for-you .pain-card h3 { font-size:26px; line-height:1.1; transform:none; }
  #main #for-you .pain-card .card-summary { margin-top:12px; min-height:0; font-size:14px; line-height:1.45; }
  #main #for-you .pain-case { margin-top:auto; padding-top:14px; }
  #main #for-you .pain-case span { margin-bottom:6px; font-size:9px; letter-spacing:0; }
  #main #for-you .pain-case q { font-size:16px; line-height:1.35; }
  #main #for-you .slider-controls { width:calc(100% - 44px); max-width:450px; margin:0 auto; gap:10px; }
  #main #for-you[data-recognition-fit="group"] .slider-shell { scroll-snap-align:start; scroll-margin-block:0; }
  #main #for-you[data-recognition-density="compact"] .card-face { padding:18px; }
  #main #for-you[data-recognition-density="compact"] .pain-card h3 { font-size:24px; }
  #main #for-you[data-recognition-density="compact"] .card-summary { font-size:13.5px; line-height:1.45; }
  #main #for-you[data-recognition-density="compact"] .pain-case q { font-size:15px; line-height:1.35; }
}
@media (max-width:900px) and (prefers-reduced-motion:reduce) {
  #main #for-you .pain-card { filter:brightness(calc(.86 + var(--focus) * .14)); transition:none; }
}