.events-board{border:1px solid var(--color-line);background:var(--color-surface);border-radius:.25rem;gap:.75rem;padding:.75rem;display:grid}.events-board__feature{isolation:isolate;background:var(--color-forest);height:26rem;color:var(--color-surface);border-radius:.125rem;flex-direction:column;justify-content:flex-end;align-self:start;display:flex;position:relative;overflow:hidden}.events-board__image{z-index:-1;opacity:0;transition:opacity .25s var(--ease-out-strong);position:absolute;inset:0}.events-board__image[data-active]{opacity:1}.events-board__shade{z-index:-1;background:linear-gradient(to top, color-mix(in srgb, var(--color-forest) 94%, transparent), color-mix(in srgb, var(--color-forest) 30%, transparent) 60%, color-mix(in srgb, var(--color-forest) 10%, transparent));pointer-events:none;position:absolute;inset:0}.events-board__feature-body{padding:1.5rem}.events-board__label{color:var(--color-sandstone);font-size:var(--text-sm);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;margin-block-end:.875rem;font-weight:700}.events-board__chip{background:var(--color-khaki);color:var(--color-forest);font-size:var(--text-sm);font-variant-numeric:tabular-nums;border-radius:.125rem;align-items:center;gap:.5rem;padding:.25rem .75rem;display:inline-flex}.events-board__feature-title{max-width:22ch;font-size:var(--text-2xl);margin-block-start:1rem;line-height:1.12}.events-board__feature-title a:focus-visible{outline:none}.events-board__feature:has(a:focus-visible){outline:2px solid var(--color-earth);outline-offset:3px}.events-board__summary{max-width:52ch;color:var(--color-khaki);font-size:var(--text-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-block-start:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.events-board__cta{font-size:var(--text-sm);align-items:center;gap:.875rem;margin-block-start:1.5rem;font-weight:500;display:inline-flex}.events-board__cta-ring{border:1px solid var(--color-sandstone);width:3rem;height:3rem;transition:transform .2s var(--ease-out-strong), background-color .2s ease, color .2s ease;border-radius:50%;justify-content:center;align-items:center;display:flex}.events-board__feature:active .events-board__cta-ring{transform:scale(.95)}.events-board__side{flex-direction:column;gap:.75rem;min-width:0;padding:.25rem;display:flex}.events-board__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.events-board__tabs{width:fit-content;position:relative}.events-board__view-all{color:var(--color-earth);font-size:var(--text-sm);align-items:center;gap:.625rem;transition:color .2s;display:inline-flex}.events-board__view-all-ring{border:1px solid var(--color-line);width:2rem;height:2rem;transition:transform .2s var(--ease-out-strong), border-color .2s ease;border-radius:50%;justify-content:center;align-items:center;display:flex}.events-board__view-all:active .events-board__view-all-ring{transform:scale(.95)}.events-board__view-all svg{width:1rem;height:1rem}.events-board__tab-row{background:var(--color-olive-100);border-radius:.25rem;gap:.25rem;padding:.25rem;display:flex}.events-board__tab{color:var(--color-earth);font-size:var(--text-sm);cursor:pointer;border-radius:.125rem;padding:.375rem 1rem;font-weight:500}.events-board__tab:focus-visible{outline-offset:0}.events-board__tab-row--active{pointer-events:none;transition:clip-path .25s var(--ease-out-strong);background:0 0;position:absolute;inset:0}.events-board__tab-row--active .events-board__tab{background:var(--color-forest);color:var(--color-surface)}.events-board__list{gap:.5rem;display:grid}.events-board__row{padding:.5rem;border:1px solid var(--color-line);background:var(--color-paper);transition:background-color .2s ease, border-color .2s ease, transform .16s var(--ease-out-strong);border-radius:.125rem;align-items:center;gap:1rem;padding-inline-end:1rem;display:flex}.events-board__row[data-active]{border-color:var(--color-sandstone);background:var(--color-olive-100)}.events-board__row:active{transform:scale(.99)}.events-board__thumb{flex:none;width:5.5rem}.events-board__row-body{flex-direction:column;flex:1;min-width:0;display:flex}.events-board__date,.events-board__place{color:var(--color-earth);font-size:var(--text-sm);font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;display:flex}.events-board__row-title{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lg);text-wrap:balance;margin-block:.25rem;line-height:1.2}.events-board__arrow{border:1px solid var(--color-line);width:2.5rem;height:2.5rem;color:var(--color-earth);transition:transform .2s var(--ease-out-strong), border-color .2s ease, color .2s ease;border-radius:50%;flex:none;justify-content:center;align-items:center;display:none}.events-board__row[data-active] .events-board__arrow{border-color:var(--color-forest);color:var(--color-forest)}.events-board svg{flex:none;width:1.125rem;height:1.125rem}@media (hover:hover) and (pointer:fine){.events-board__feature:hover .events-board__cta-ring{background:var(--color-sandstone);color:var(--color-forest)}.events-board__row:hover .events-board__arrow{transform:translate(.125rem)}.events-board__view-all:hover{color:var(--color-forest)}.events-board__view-all:hover .events-board__view-all-ring{border-color:var(--color-forest)}}@media (min-width:40rem){.events-board{padding:1rem}.events-board__feature-body{padding:2rem}.events-board__arrow{display:flex}}@media (min-width:64rem){.events-board{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.25rem}.events-board__feature{height:34rem}.events-board__feature-body{padding:2.5rem}.events-board__feature-title{font-size:var(--text-3xl)}}.events-board__pager{color:var(--color-earth);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:.75rem;display:flex}.events-board__pager-buttons{gap:.5rem;display:flex}.events-board__pager-button{border:1px solid var(--color-line);width:2.25rem;height:2.25rem;color:var(--color-earth);cursor:pointer;transition:transform .2s var(--ease-out-strong), border-color .2s ease, opacity .2s ease;border-radius:50%;justify-content:center;align-items:center;display:flex}.events-board__pager-button:active:not(:disabled){transform:scale(.95)}.events-board__pager-button:disabled{opacity:.4;cursor:default}.events-board__pager-button--prev svg{transform:scaleX(-1)}@media (hover:hover) and (pointer:fine){.events-board__pager-button:hover:not(:disabled){border-color:var(--color-forest)}}
