/* Real tasting clips: reserve space and fetch video only on visitor request. */
.playful .moments{background:var(--paper);text-align:center}
.playful .moments h2{font-size:clamp(2.4rem,4.7vw,4rem);text-transform:uppercase;margin:12px 0 18px}
.moments-intro{color:var(--ink-soft);max-width:540px;margin:0 auto 36px;line-height:1.6}
.moments-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;text-align:left}
.moment-card{min-width:0;margin:0;background:var(--light);border:1px solid var(--deep);border-radius:28px;overflow:hidden}
.moment-card video,.moment-photo{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#192419;object-fit:contain}
.moment-photo{display:flex;align-items:center;background:var(--drink)}
.moment-photo img{display:block;width:100%;height:100%;object-fit:contain}
.moment-card figcaption{padding:20px 18px 24px}
.moment-card figcaption span{display:block;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px}
.playful .moment-card h3{font-size:1.65rem;margin:0}
.moment-card video:focus-visible,.moment-photo:focus-visible{outline:3px solid var(--deep);outline-offset:-5px}
@media(max-width:900px){.moments-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:600px){.moments-grid{gap:14px}.moment-card{border-radius:20px}.moment-card figcaption{padding:16px 12px 18px}.moment-card figcaption span{font-size:.56rem}.playful .moment-card h3{font-size:1.3rem}.moments-intro{font-size:.9rem;margin-bottom:26px}}
@media(max-width:359px){.moments-grid{grid-template-columns:1fr}}