:root{--aop-navy:#002b50;--aop-orange:#ff5708;--aop-aqua:#10bfc4;--aop-paper:#f4f7f9}
.aop-events{max-width:1200px;margin:0 auto;padding:72px 24px;font-family:"Poppins",sans-serif;color:var(--aop-navy)}
.aop-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}
.aop-heading span{color:var(--aop-orange);font-size:11px;font-weight:800;letter-spacing:.16em}
.aop-heading h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:8px 0 0}
.aop-nav{display:flex;gap:8px}.aop-nav button{width:44px;height:44px;border:1px solid #d8e0e6;border-radius:50%;background:#fff;color:var(--aop-navy);cursor:pointer}
.aop-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,31%);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px}
.aop-track::-webkit-scrollbar{display:none}.aop-card{scroll-snap-align:start;border:1px solid #dfe6eb;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 35px rgba(0,43,80,.08)}
.aop-card__image{height:190px;background-size:cover;background-position:center;position:relative}.aop-card__image--fallback{background:linear-gradient(135deg,var(--aop-navy),#087a8c)}
.aop-card__image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.5))}
.aop-card__image span{position:absolute;z-index:1;left:16px;bottom:14px;padding:7px 10px;border-radius:7px;background:var(--aop-aqua);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}
.aop-card__body{padding:20px}.aop-card__date{color:var(--aop-orange);font-size:12px;font-weight:800;text-transform:uppercase}.aop-card h3{font-size:20px;line-height:1.2;margin:8px 0}.aop-card p{color:#64748b;margin:0 0 18px;font-size:14px}.aop-card a{color:var(--aop-orange);font-weight:800;text-decoration:none;font-size:13px}.aop-empty{padding:24px;background:var(--aop-paper)}
@media(max-width:767px){.aop-events{padding:48px 18px}.aop-track{grid-auto-columns:84%}.aop-nav{display:none}}