/* Event visuals are content, never a background behind the title. Shared FR/NL rules. */
.hero.hero-editorial{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(28px,5vw,80px);height:auto;min-height:0;padding:155px max(24px,6vw) 60px;background:#fafbf8;color:var(--ink);isolation:auto;border-bottom:1px solid #dce5e2}
.hero-editorial .hero-overlay,.hero-editorial .hero-corner{display:none}
.hero-editorial .hero-copy{width:100%;min-width:0;padding:0;position:relative}
.hero-editorial .hero-copy h1{font-size:clamp(36px,4.2vw,66px)!important;line-height:1.06!important;max-width:19ch!important;margin:22px 0 18px!important;letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance}
.hero-editorial .hero-hook{font-size:17px;line-height:1.55;font-weight:500;color:#54666a;max-width:46ch;margin-bottom:26px}
.hero-editorial .event-format,.hero-editorial .category{background:#e9f1ed!important;border:0!important;box-shadow:none;backdrop-filter:none;color:var(--ink)!important;border-radius:0;padding:8px 12px!important}
.hero-editorial .event-format small{color:#50685e!important}
.hero-editorial .hero-info{grid-template-columns:1fr 1fr;border-color:#d5dfda;gap:0 16px;max-width:none}
.hero-editorial .hero-info>div{min-width:0;padding:14px 0;gap:10px}
.hero-editorial .hero-info i{color:#997000}
.hero-editorial .hero-info small{color:#60716e;opacity:1;font-size:10px;margin-bottom:4px}
.hero-editorial .hero-info b{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.hero-editorial .hero-actions{display:flex;gap:9px;align-items:stretch;margin-top:24px}
.hero-editorial .hero-actions a,.hero-editorial .hero-actions button{display:inline-flex;justify-content:center;align-items:center;padding:12px 17px;border:1px solid #bdcdc6;border-radius:999px;background:#fff;color:var(--ink);font:800 13px/1.4 Manrope,Arial,sans-serif;text-decoration:none;cursor:pointer;min-height:46px}
.hero-editorial .hero-actions .primary{background:#f6bd2e;border-color:#f6bd2e;color:#112d45}
.hero-editorial .hero-actions a:hover,.hero-editorial .hero-actions button:hover{border-color:var(--ink);box-shadow:0 3px 0 #112d4515}
.hero-editorial a:focus-visible,.hero-editorial button:focus-visible{outline:3px solid #164e89;outline-offset:4px}
.hero-visual{min-width:0;margin:0;align-self:center;text-align:center}
.hero-visual>a{display:flex;align-items:center;justify-content:center;padding:20px;background:#edf1eb;border:1px solid #dce4dc;min-height:280px;text-decoration:none}
.hero-visual img{display:block;width:auto;height:auto;max-width:100%;max-height:560px;object-fit:contain;box-shadow:0 8px 24px #183b3515}
.hero-visual figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:#61716b;font-size:12px;line-height:1.5;text-align:left}
.hero-visual figcaption a{font-weight:800;color:var(--ink);white-space:nowrap}
.hero-visual[hidden]{display:none}
.hero-editorial:has(.hero-visual[hidden]){grid-template-columns:1fr}
.hero-editorial:has(.hero-visual[hidden]) .hero-copy{max-width:820px}
@media(max-width:800px){
.hero.hero-editorial{grid-template-columns:1fr;padding:122px 20px 32px;gap:30px;min-height:0;height:auto}
.hero-editorial .hero-copy h1{font-size:clamp(34px,9vw,49px)!important;max-width:21ch!important;margin-top:18px!important}
.hero-editorial .hero-hook{font-size:16px;margin-bottom:20px}
.hero-editorial .hero-actions a,.hero-editorial .hero-actions button{padding:11px 14px;font-size:12px}
.hero-visual>a{padding:16px;min-height:0}
.hero-visual img{max-height:460px}
.hero-visual figcaption{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* The header share button remains available; the old mobile rail masked the logo. */
@media(max-width:800px){
.social-share-bar{display:none!important}
.hero-editorial .hero-actions>a,.hero-editorial .hero-actions>button{width:auto;flex:1 1 calc(50% - 9px);min-height:44px}
.hero-editorial .hero-actions>.primary{flex-basis:100%}
}
