.po-events{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.po-event{--event-soft:var(--po-pink-soft);--event-ink:var(--po-pink-dark);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--po-radius);background:#fff;box-shadow:var(--po-shadow);color:var(--po-ink);text-decoration:none;transition:transform .2s,box-shadow .2s}.po-event:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(29,53,52,.04),0 22px 40px -18px rgba(29,53,52,.32)}.po-event-teal{--event-soft:var(--po-teal-soft);--event-ink:var(--po-teal-dark)}.po-event-sun{--event-soft:var(--po-sun-soft);--event-ink:#8a5a00}.po-event-lilac{--event-soft:var(--po-lilac-soft);--event-ink:#5b3fa6}.po-event-photo{position:relative;display:block;aspect-ratio:4/3;background:var(--event-soft)}.po-event-photo img{object-fit:cover}.po-event-status{position:absolute;left:12px;bottom:12px;padding:5px 12px;border-radius:999px;background:#fff;color:var(--event-ink);box-shadow:0 4px 12px -4px rgba(29,53,52,.35);font-size:13px;font-weight:800}.po-event-status.is-now{display:inline-flex;align-items:center;gap:6px;background:var(--po-primary-dark);color:#fff}.po-event-status.is-now:before{content:"";width:8px;height:8px;border-radius:50%;background:#7ef0b0}.po-event-body{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:14px 16px 16px;background:linear-gradient(180deg,var(--event-soft),#fff 70%)}.po-event-body strong{font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.15}.po-event-desc{display:-webkit-box;overflow:hidden;color:var(--po-ink-soft);font-size:14px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.po-event-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px;color:var(--event-ink);font-size:14px;font-weight:800}.po-event-go{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--event-ink);transition:background .2s}.po-event:hover .po-event-go{background:var(--po-sun);color:var(--po-ink)}@media (max-width:1120px){.po-events{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.po-events{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:72%;gap:12px;margin-right:-16px;padding:0 16px 8px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.po-events::-webkit-scrollbar{display:none}.po-event{scroll-snap-align:start}.po-event-body strong{font-size:18px}}