.hero--events .hero__overlay { background: radial-gradient(circle at top, rgba(0, 0, 0, 0.35), transparent 55%), linear-gradient(to bottom, rgba(12, 8, 5, 0.8), rgba(12, 8, 5, 0.78)); } .events-grid-main { margin-top: var(--space-8); } .events-grid-visual { gap: var(--space-8); align-items: start; } .events-visual-card { display: grid; gap: var(--space-4); } @media (min-width: 768px) { .events-visual-card { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr); align-items: center; } .events-visual-card:nth-child(2) { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr); } .events-visual-card:nth-child(2) .events-visual-image { order: 2; } .events-visual-card:nth-child(2) .events-visual-content { order: 1; } } .events-visual-content h3 { margin-bottom: var(--space-3); } .events-grid-themed { gap: var(--space-8); } .events-grid-support { gap: var(--space-8); align-items: start; } .events-grid-community { margin-top: var(--space-6); } .events-list { list-style: none; padding: 0; margin: var(--space-3) 0 0; display: grid; gap: var(--space-2); font-size: var(--font-size-sm); color: var(--color-text); } .events-list li::before { content: "\2022"; margin-right: 0.5rem; color: var(--color-primary); } .events-highlight-list { display: grid; gap: var(--space-3); margin-top: var(--space-3); } .events-highlight-item { padding: var(--space-3); border-radius: var(--radius-md); background: var(--gray-50); border: 1px solid rgba(228, 221, 210, 0.9); } .events-highlight-title { font-weight: 600; margin-bottom: var(--space-1); } .events-highlight-meta { font-size: var(--font-size-sm); color: var(--color-text-muted); } .events-cta { background: linear-gradient(145deg, #f9f4ec, #f3e8da); } .events-cta-card { display: grid; gap: var(--space-6); align-items: center; } @media (min-width: 768px) { .events-cta-card { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); } } .events-cta-card { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); padding: var(--space-6); border: 1px solid rgba(212, 204, 191, 0.9); background: rgba(255, 255, 255, 0.82); backdrop-filter: blur(12px); } .events-cta-actions { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); } .events-cta-note { font-size: var(--font-size-xs); color: var(--color-text-muted); max-width: 18rem; } @media (max-width: 767.98px) { .events-grid-main, .events-grid-visual, .events-grid-themed, .events-grid-support, .events-grid-community { gap: var(--space-6); } .events-cta-card { padding: var(--space-5); } }