@layer reset, base, layout, components, modifiers;@layer components{.event-card{display:grid;gap:1.25rem;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--border-radius-medium);background-color:#fff;box-shadow:0 1px 6px hsla(0,0%,16%,.16)}.event-card h2,.event-card h3{font-size:var(--font-lvl-5)}.event-card>.event-card__button{justify-self:end;font-size:var(--font-lvl-2)}.event-card__header{display:flex;flex-flow:column wrap;gap:.75rem}.event-card__date{display:inline-flex;width:fit-content;flex:0 0 auto;padding:6px 12px;border-radius:999px;box-shadow:0 1px 6px hsla(0,0%,16%,.16);color:#fff;font-size:14px;font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.event-card__description{font-size:var(--font-lvl-2)}.event-card__description :where(p+p){margin-top:1em}.event-card--preview .event-card__description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media(min-width: 576px){.event-card__header{flex-flow:row wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem}.event-card__date{align-items:center;justify-content:center;padding:.55rem 1rem;font-size:16px}}}@layer components{.events-timeline ol{position:relative;display:grid;gap:clamp(3rem,12vw,6rem);margin:0;padding:0 0 0 3.5rem;list-style:none}.events-timeline ol::before{position:absolute;top:1rem;bottom:0;left:1rem;width:2px;background-color:hsl(237,34.48%,10%);content:""}.events-timeline li{position:relative;display:grid;gap:1rem}.events-timeline__date{display:inline-flex;width:fit-content;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:999px;box-shadow:0 1px 6px hsla(0,0%,16%,.16);color:#fff;font-size:var(--font-lvl-2);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.events-timeline__marker{position:absolute;top:.75rem;left:-3.25rem;width:1.5rem;height:1.5rem;border-radius:50%;box-shadow:0 0 0 .25rem hsla(0,0%,10%,.15)}@media(min-width: 1024px){.events-timeline ol{padding-left:0}.events-timeline ol::before{left:50%}.events-timeline li{grid-template-columns:repeat(12, minmax(0, 1fr));gap:0 var(--grid-gap);min-height:clamp(16rem,24vw,28rem)}.events-timeline li:nth-child(even) .events-timeline__date{grid-column:8/10;justify-self:start}.events-timeline li:nth-child(even) .events-timeline__card{grid-column:1/6}.events-timeline__date{grid-row:1;grid-column:3/6;align-self:start;justify-self:end}.events-timeline__marker{top:.75rem;left:50%;width:1.75rem;height:1.75rem;transform:translateX(-47%)}.events-timeline__card{grid-row:1;grid-column:8/-1;align-self:start;min-height:13rem}}}