@layer components{.event-archive{position:relative;overflow:hidden;background-color:var(--color-bg)}.event-archive .container{position:relative;z-index:var(--z-base)}.event-archive__deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.event-archive__intro{max-inline-size:62ch;margin-block-start:var(--space-4);color:var(--color-text-muted);font-size:var(--text-lead)}.event-archive__group+.event-archive__group{margin-block-start:var(--space-20)}.event-archive__subhead{margin-block-end:var(--space-8);font-size:var(--text-h3)}.event-archive__empty{max-width:none;padding:var(--space-16) 0;text-align:center;color:var(--color-text-muted)}.event-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-end:var(--space-10)}.event-chips__item{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-nav);font-weight:var(--fw-semibold);line-height:var(--lh-snug);text-decoration:none;transition:background-color var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease),color var(--duration-base) var(--ease)}.event-chips__item:hover{border-color:var(--color-primary)}.event-chips__item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}.event-chips__item.is-active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-text-invert)}.event-single__cats{display:flex;flex-wrap:wrap;gap:var(--space-2);max-width:none;margin-block-start:var(--space-4)}.event-single__meta{display:grid;gap:var(--space-6);margin-block-end:var(--space-8);padding:var(--space-6);border-radius:var(--radius-card);background-color:var(--color-bg-alt);box-shadow:var(--shadow-card)}.event-single__meta-item dt{margin-block-end:var(--space-1);color:var(--color-text-muted);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-wide);text-transform:uppercase}.event-single__meta-item dd{margin:0;font-family:var(--font-display);font-size:var(--text-h6);font-weight:var(--fw-semibold);line-height:var(--lh-snug)}.event-single__past{display:flex;align-items:center;gap:var(--space-2);max-width:none;margin-block-end:var(--space-8);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background-color:var(--color-bg-muted);color:var(--color-text-muted);font-size:var(--text-nav)}@media (min-width:768px){.event-single__meta{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--space-8) var(--space-10)}}@media (min-width:1024px){.event-single__meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}}.brush--event-archive-top{inset-block-start:3%;inset-inline-end:-3%;inline-size:240px}.brush--event-archive-mid{inset-block-start:45%;inset-inline-start:-6%;inline-size:320px}.brush--event-archive-bottom{inset-block-end:4%;inset-inline-end:-4%;inline-size:280px}}@layer components{.event-carousel{--carousel-gap:var(--space-6);--carousel-per-view:2}.event-carousel__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-6)}.event-carousel__head .post-related__title{margin:0}.event-carousel__nav{display:flex;gap:var(--space-2)}.event-carousel__nav .icon-btn:disabled{opacity:.35;cursor:not-allowed}.event-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--carousel-per-view) - 1) * var(--carousel-gap)) / var(--carousel-per-view));grid-template-columns:none;gap:var(--carousel-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.event-carousel__track>*{scroll-snap-align:start}.event-carousel__dots{display:flex;justify-content:center;gap:var(--space-2);margin-block-start:var(--space-6)}.event-carousel__dot{inline-size:var(--space-2);block-size:var(--space-2);padding:0;border:0;border-radius:var(--radius-full);background-color:var(--color-border-strong);cursor:pointer;transition:background-color var(--duration-fast) var(--ease),inline-size var(--duration-fast) var(--ease);&.is-active{inline-size:var(--space-6);background-color:var(--color-primary)}&:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}}@media (max-width:767px){.event-carousel{--carousel-per-view:1}}}