.hp-event-section{background-color:var(--color-bg);padding:var(--space-4) 0 var(--space-10)}.hp-event-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:grid;gap:var(--grid-gap-md);grid-template-columns:1fr;padding:var(--card-padding-sm);text-decoration:none;transition:var(--transition-default)}.hp-event-card:hover{background:var(--color-bg);border-color:rgba(12,10,26,.15);box-shadow:var(--shadow-md)}@media (min-width:640px){.hp-event-card{align-items:center;grid-template-columns:180px 1fr auto;padding:var(--space-6) var(--space-8)}}.hp-event-visual{aspect-ratio:16/9;border-radius:var(--radius-md);flex-shrink:0;overflow:hidden;position:relative;width:100%}.hp-event-visual img{height:100%;object-fit:cover;width:100%}@media (min-width:640px){.hp-event-visual{aspect-ratio:3/2;width:180px}}.hp-status-badge{align-items:center;backdrop-filter:blur(4px);background:rgba(239,68,68,.9);border-radius:var(--radius-pill);color:var(--color-white);display:flex;font-size:var(--text-2xs);font-weight:var(--font-bold);gap:var(--gap-inline-sm);left:var(--space-3);letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-2);position:absolute;text-transform:uppercase;top:var(--space-3)}.hp-pulse-dot{animation:hp-pulse 1.5s infinite;background:var(--color-white);border-radius:var(--radius-full);height:6px;width:6px}@keyframes hp-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.hp-event-content{display:flex;flex-direction:column;gap:var(--space-1)}.hp-event-tag{align-items:center;color:var(--color-accent);display:flex;gap:var(--gap-inline-sm)}.hp-tag-svg{flex-shrink:0;height:14px;stroke:currentColor;width:14px}.hp-tag-text{color:var(--color-text-secondary);font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);text-transform:uppercase}.hp-event-title,.hp-tag-text{font-weight:var(--font-semibold)}.hp-event-title{color:var(--color-text);font-size:var(--text-lg);margin:var(--space-1) 0}.hp-event-desc{color:var(--color-text-secondary);font-size:var(--text-sm)}.hp-btn{align-items:center;border-radius:var(--radius-pill);color:var(--color-ink);display:inline-flex;font-size:var(--type-btn-size);font-weight:var(--font-bold);gap:var(--gap-inline-md);justify-content:center;letter-spacing:var(--tracking-wide);overflow:hidden;padding:var(--btn-padding-y-md) var(--btn-padding-x-md);position:relative;text-transform:uppercase;transition:color var(--duration-slow) var(--ease-snappy),gap var(--duration-slow) var(--ease-out);z-index:1}.hp-btn:before{background:var(--color-ink);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform var(--duration-slow) var(--ease-snappy);z-index:-1}.hp-btn-text{position:relative;z-index:2}.hp-btn-arrow{flex-shrink:0;position:relative;transition:transform var(--duration-base) var(--ease-out)}.hp-event-card:hover .hp-btn{color:var(--color-white);gap:var(--space-4)}.hp-event-card:hover .hp-btn:before{transform:scaleX(1)}.hp-event-card:hover .hp-btn-arrow{transform:translateX(2px)}