/* ==========================================================================
   EventGo Australia — V4 inner-page furniture
   --------------------------------------------------------------------------
   The heading system the V4 routes share (/moments/, /moments/preview/,
   /events/past/, /marketing/): a page hero, a section head with an aside
   note, a two-column split and a breadcrumb. Headlines are the display face
   through .eg-c-type; everything functional stays in the UI face.
   ========================================================================== */
.eg-c-v4__h { font-size: var(--t-hero); line-height: .98; letter-spacing: -.035em; margin: .75rem 0 1.25rem; }
.eg-c-v4__h2 { font-size: var(--t-section); line-height: 1.02; letter-spacing: -.03em; margin: .5rem 0 1rem; }
.eg-c-v4__lead { font-size: var(--t-lead); color: var(--c-text-2); max-width: 44ch; }
.eg-c-v4__acts { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
@media (max-width: 479.98px) { .eg-c-v4__acts .eg-c-btn { width: 100%; } }
.eg-c-v4__head {
  display: grid; gap: 1rem 3rem; align-items: end; margin-bottom: clamp(1.75rem, 4vw, 3rem);
}
@media (min-width: 900px) { .eg-c-v4__head { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); } }
.eg-c-v4__note { font-size: .9375rem; color: var(--c-text-2); max-width: 46ch; }
.eg-c-v4__note b { color: var(--c-text); }
.eg-c-v4__split { display: grid; gap: 2.5rem; align-items: start; }
@media (min-width: 960px) { .eg-c-v4__split { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 4rem; } }
.eg-c-v4__split .eg-c-btn { margin-top: 1.5rem; }
.eg-c-crumb { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; font-size: .875rem; color: var(--c-text-3); }
.eg-c-crumb a { color: var(--c-text-2); text-decoration: underline; text-underline-offset: .25em; }
.eg-c-crumb a:hover { color: var(--c-text); }