/* Scoped to the event directory; product photography keeps its own layout. */
#eventCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px;margin-bottom:36px}
#eventCards .event-card{padding:0;border:0}
#eventCards .event-featured{grid-column:span 2}
#eventCards .event-link{display:block;color:inherit;text-decoration:none}
#eventCards img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0 0 18px;border-radius:3px;background:#f3eee8}
#eventCards .event-featured img{aspect-ratio:16/9;max-height:300px}
#eventCards a[href="/bts-tour"] img{object-position:center 38%}
#eventCards a[href="/mothers-day"] img{object-position:center 65%}
#eventCards .mc-note{font-size:13px;letter-spacing:.08em;margin:0 0 8px;color:#806141}
#eventCards h2{font-size:25px;line-height:1.2;margin:0 0 10px}
#eventCards .event-featured h2{font-size:30px}
#eventCards p{font-size:16px;line-height:1.65;margin-bottom:8px}
#eventCards .mc-source{font-size:15px;color:var(--charcoal,#2c2c2c);text-underline-offset:4px}
#eventCards a:focus-visible{outline:2px solid #806141;outline-offset:5px}
@media(max-width:800px){#eventCards{grid-template-columns:repeat(2,minmax(0,1fr))}#eventCards .event-featured{grid-column:auto}#eventCards .event-featured h2{font-size:26px}}
@media(max-width:540px){#eventCards{grid-template-columns:1fr;gap:28px}#eventCards img,#eventCards .event-featured img{aspect-ratio:16/9;max-height:220px}#eventCards h2,#eventCards .event-featured h2{font-size:27px}}
