.engagement-hero {
    position: relative;
    isolation: isolate;
    display: grid;
    align-items: end;
    min-height: clamp(390px, 69svh, 670px);
    color: #fff;
    background: #25303b;
}
.engagement-hero > img, .engagement-hero::after {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.engagement-hero > img { object-fit: cover; object-position: 50% 54%; z-index: -2; }
.engagement-hero::after { content: ""; z-index: -1; background: linear-gradient(transparent 18%, rgb(12 19 25 / 85%)); }
.engagement-hero-copy { padding-block: 42px; }
.engagement-hero-copy p { margin: 0 0 8px; }
.engagement-day-page .engagement-hero h1 { max-width: 100%; margin: 0 0 22px; color: #fff; font-size: 5rem; }
.engagement-hero .engagement-hero-link {
    --button-color: #fff;
    --button-border: rgb(255 255 255 / 65%);
    --button-background: rgb(14 25 37 / 55%);
    width: auto;
}

.engagement-overview .section-heading { align-items: start; margin-bottom: 28px; }
.engagement-overview .section-heading p { margin-top: 14px; }
.engagement-event-facts { display: grid; gap: 12px; margin: 0; }
.engagement-event-facts > div { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); gap: 10px; padding-top: 12px; border-top: 1px solid var(--grey-strong); }
.engagement-event-facts dt { font-weight: 700; }
.engagement-event-facts dd { margin: 0; }
.engagement-jump-links { display: flex; flex-wrap: wrap; gap: 4px 26px; border-top: 1px solid var(--grey-strong); padding-top: 10px; }
.engagement-jump-links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--navy); text-underline-offset: 4px; }
.engagement-story { background: var(--grey); }

.engagement-foyer { background: #e9eef0; color: var(--navy); padding-block: 52px; }
html[data-theme="dark"] .engagement-foyer { background: #18252b; }
.engagement-foyer-heading { text-align: center; }
.engagement-foyer-heading h2 { margin-bottom: 8px; }
.engagement-foyer-heading p { margin-inline: auto; max-width: 52ch; color: var(--muted); }

.engagement-story-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 35px; }
.engagement-context { margin-top: 0; }
.engagement-story-grid article { border-top: 1px solid var(--grey-strong); padding-top: 16px; }
.engagement-story-grid h3, .engagement-impression h3 { margin: 0 0 8px; }
.engagement-story-grid p, .engagement-impression p, .engagement-role p { color: var(--muted); }
.engagement-story-grid p { margin-bottom: 0; }
.engagement-exhibitors { columns: 2; column-gap: 56px; margin: 0; padding-inline-start: 3ch; }
.engagement-exhibitors li { break-inside: avoid; padding: 10px 0 10px 8px; border-bottom: 1px solid var(--grey-strong); }
.engagement-exhibitors li::marker { color: var(--muted); }
.engagement-impression { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1fr); gap: 40px; align-items: center; max-width: 880px; margin: auto; }
.engagement-impression img { width: 100%; height: auto; border-radius: 8px; }
.engagement-role .section-heading { margin-bottom: 0; }
.engagement-role .button, .engagement-impression .button { margin-top: 12px; width: auto; }
@media (max-width: 900px) {
    .engagement-day-page .engagement-hero h1 { font-size: 3.5rem; }
}
@media (max-width: 680px) {
    .engagement-day-page .engagement-hero h1 { font-size: 2.75rem; }
    .engagement-hero-copy { padding-block: 28px; }
    .engagement-foyer { padding-block: 34px; }
    .engagement-story-grid, .engagement-impression { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .engagement-exhibitors { columns: 1; }
    .engagement-impression img { max-width: 460px; }
}