@layer components{:where(.page-events) .events{background:var(--canvas-white)}:where(.page-events) .ev-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;display:grid}@media (width<=1023px){:where(.page-events) .ev-grid{grid-template-columns:repeat(2,1fr)}:where(.page-events) .ev-grid>:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=640px){:where(.page-events) .ev-grid{grid-template-columns:1fr}}:where(.page-events) .ev{background:var(--canvas-white);border:1px solid var(--ink-100);transition:transform .32s var(--ease), box-shadow .32s, border-color .32s;border-radius:1.75rem;flex-direction:column;display:flex;overflow:hidden}:where(.page-events) .ev:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}:where(.page-events) .ev__media{position:relative;overflow:hidden}:where(.page-events) .ev__media img{object-fit:cover;width:100%;height:190px;transition:transform .7s var(--ease)}:where(.page-events) .ev:hover .ev__media img{transform:scale(1.06)}:where(.page-events) .ev__date{color:var(--ink-900);box-shadow:var(--shadow-soft);background:#fffdfcf2;border-radius:1rem;padding:.5rem .75rem;font-size:12px;font-weight:600;position:absolute;top:1rem;left:1rem}:where(.page-events) .ev__body{flex-direction:column;flex:1;padding:1.5rem;display:flex}:where(.page-events) .ev__body h3{margin-top:.75rem;font-size:1.35rem;font-weight:700}:where(.page-events) .ev__sub{color:var(--lumina-700);margin-top:.3rem;font-size:13px;font-weight:600}:where(.page-events) .ev__body p{color:var(--ink-600);margin-top:.6rem;font-size:14px;line-height:1.6}:where(.page-events) .ev__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:1.25rem;display:flex}:where(.page-events) .ev[hidden]{display:none}:where(.page-events) .crow__tags{flex-wrap:wrap;gap:.4rem;display:flex}:where(.page-events) .events__empty{margin-top:1.5rem}:where(.page-events) .events__previous{text-align:center;margin-top:2rem}:where(.page-events) .events__back{margin-bottom:1.5rem}:where(.page-events) .events__pager{justify-content:space-between;gap:1rem;margin-top:2.5rem;display:flex}}