What’s in store.
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css); .text-subtle { color: #536b75; } .event-itinerary { margin-bottom: 2.5rem; background-color: #f2f3f3; padding: 1.5rem; border-radius: 0.5rem; } .event-header { margin: 0 0 1rem 0; padding: 0; } .event-content { display: flex; flex-flow: column; gap: 1rem; align-items: flex-start; } .event-text, .event-dates { margin: 0; padding: 0; color: #536b75; line-height: 1.5; } .event-dates, .grid-item { display: flex; flex-direction: column; gap: 1rem; } .grid { display: grid; grid-template-columns: 1fr; gap: 2rem; margin: 1.5rem 0 2.5rem; } .grid img { width: 100%; aspect-ratio: 500 / 333; border-radius: 8px; object-fit: cover; } .grid-item h4 { margin: 1rem 0 0; font-weight: 600; } .grid-item p { margin: 0; } @media (min-width: 600px) { .grid { grid-template-columns: 1fr 1fr; } .event-content { flex-dir
