.page-hero{ position: relative; padding-top: 170px; padding-bottom: 90px; padding-left: var(--pad-x); padding-right: var(--pad-x); background: var(--navy-black); color: #fff; overflow: hidden; }
.page-hero::before{ content:''; position:absolute; inset:0; background: radial-gradient(ellipse 60% 50% at 90% 30%, rgba(0,160,223,.30), transparent 60%), radial-gradient(ellipse 50% 60% at 0% 100%, rgba(13,152,122,.20), transparent 60%); }
.page-hero-inner{ position:relative; z-index:2; }
.page-hero .eyebrow{ margin-bottom: 22px; }
.page-hero h1{ color: #fff; max-width: 22ch; }
.page-hero h1 .em{ color: var(--cyan); }
.page-hero .lead{ color: rgba(255,255,255,.78); margin-top: 28px; max-width: 640px; }
.page-hero-meta{ position:absolute; top: 76px; left: 0; right: 0; z-index: 3; display:flex; justify-content:space-between; align-items:center; padding: 14px var(--pad-x); border-bottom: 1px solid rgba(255,255,255,.08); font-family: var(--mono); font-size:11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.50); }

/* .insights-tabs now owned by the applab/insights-tabs block */

.events-section{ padding: clamp(60px, 8vw, 100px) var(--pad-x); background: var(--off); }
.events-section + .events-section{ padding-top: 0; }
.section-title{ display: flex; justify-content: space-between; align-items: end; margin-bottom: clamp(30px, 4vw, 50px); padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.section-title h2{ font-family: var(--display); font-weight: 700; font-size: clamp(28px, 3.4vw, 42px); letter-spacing: -.025em; line-height: 1.05; }
.section-title .count{ font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--grey-2); padding-bottom: 8px; }

/* ===== PREVIOUS EVENTS (with photos / fallback) ===== */
.prev-section{ background: var(--paper); padding: clamp(60px, 8vw, 100px) var(--pad-x); }
.prev-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(20px, 2.4vw, 28px); }
@media (max-width: 720px){ .prev-grid{ grid-template-columns: 1fr; } }

/* .prev-card now owned by the applab/event-preview-card block */

/*
 * patterns/events-previous.php's Query Loop wraps its content in
 * <div class="wp-block-query prev-grid"> > <ul class="wp-block-post-template"> > <li>
 * — .prev-grid{ display:grid } only sees ONE child (the <ul>), so
 * display:contents removes the extra wrapper levels from the box tree
 * so the cards become effective direct grid children again (same fix
 * already applied to .insights-grid/.articles-grid elsewhere).
 */
.prev-grid > .wp-block-post-template,
.prev-grid > .wp-block-post-template > li {
	display: contents;
}

.cta{ padding: clamp(100px, 14vw, 200px) var(--pad-x); background: var(--navy-black); color: #fff; position: relative; overflow: hidden; }
.cta::before{ content:''; position:absolute; inset:0; background: radial-gradient(ellipse 60% 40% at 50% 100%, rgba(0,160,223,.22), transparent 60%); }
.cta > *{ position: relative; z-index: 2; }
.cta .eyebrow{ color: var(--cyan); margin-bottom: 28px; }
.cta .eyebrow::before{ background: var(--cyan); }
.cta h2{ color: #fff; max-width: 22ch; }
.cta h2 .em{ color: var(--cyan); }
.cta .lead{ color: rgba(255,255,255,.7); margin-top: 26px; }
.cta-actions{ margin-top: clamp(40px, 6vw, 70px); display: flex; gap: 14px; flex-wrap: wrap; }