.ui-icon{display:inline-block;width:18px;height:18px;vertical-align:middle;flex:none}
.event-grid{gap:16px}
.event-grid .event-card{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:start;gap:20px 12px;padding:24px;min-height:190px;border:1px solid #ffffff20;border-radius:20px;background:linear-gradient(145deg,#242017,#171717 70%);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.category-icon{grid-column:1;display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffbd5935;border-radius:14px;color:#ffbd59;background:#ffbd590b}
.category-icon .ui-icon{width:28px;height:28px}
.event-grid .event-card h3{grid-column:1;grid-row:2;font-size:21px;font-weight:600;line-height:1.5;margin:0;align-self:end}
.category-arrow{grid-column:2;grid-row:2;align-self:end;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffbd5940;border-radius:50%;color:#ffbd59;transition:background .22s,transform .22s}
.event-grid .event-card:focus-visible{outline:2px solid #ffbd59;outline-offset:4px}
@media(hover:hover){.event-grid .event-card:hover{transform:translateY(-4px);border-color:#ffbd5980;background:linear-gradient(145deg,#332918,#1c1a16 70%);box-shadow:0 8px 24px #0003}.event-card:hover .category-arrow{background:#ffbd5918;transform:translateX(-3px)}}
.yt-play .ui-icon{width:27px;height:27px}.ticket-cta .ui-icon{margin-inline-start:6px}
@media(max-width:800px){.event-grid{gap:12px}.event-grid .event-card{padding:17px 14px;min-height:174px;gap:16px 8px;border-radius:16px}.event-grid .event-card h3{font-size:17px;line-height:1.5}.category-icon{width:40px;height:40px;border-radius:12px}.category-icon .ui-icon{width:24px;height:24px}.category-arrow{width:28px;height:28px}.category-arrow .ui-icon{width:16px;height:16px}}
@media(max-width:360px){.event-grid .event-card{padding:14px 11px;column-gap:5px}.event-grid .event-card h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.event-grid .event-card,.category-arrow{transition:none!important;transform:none!important}}
.a11y-motion .event-grid .event-card,.a11y-motion .category-arrow{transition:none!important;transform:none!important}