#hero [data-hero-media]{background:#1c1917}
#hero .nt-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
#hero .nt-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,12,.86) 0%,rgba(9,9,12,.68) 25%,rgba(9,9,12,.12) 52%,rgba(9,9,12,.14) 100%),linear-gradient(0deg,rgba(9,9,12,.55),transparent 40%)}
#hero .hero-subline{color:rgba(255,255,255,.85)!important}
#hero .reveal{opacity:1!important;transform:none!important}
@media(max-width:1023px){#hero .nt-hero-photo{object-position:58% 50%}#hero .nt-hero-shade{background:linear-gradient(180deg,rgba(9,9,12,.7),rgba(9,9,12,.45) 40%,rgba(9,9,12,.8))}}
@media(min-width:1024px){
 #hero .nt-hero-photo{width:80%;object-position:70% 55%}
 #hero .nt-hero-shade{background:linear-gradient(90deg,rgba(9,9,12,.88) 0%,rgba(9,9,12,.70) 25%,rgba(9,9,12,.10) 44%,rgba(9,9,12,.05) 67%,#1c1917 83%),linear-gradient(0deg,rgba(9,9,12,.55),transparent 45%)}
}
@media(min-width:1024px){#hero .nt-hero-photo{top:calc(180px - 50%);bottom:auto;-webkit-mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 72%,transparent 100%)}}
@media(max-width:1023px){
 #hero-content{padding-top:calc(var(--nt-header-height,76px) + 135px)!important}
 #hero .nt-hero-photo{top:0;bottom:auto;height:360px;width:100%;object-position:58% 50%;-webkit-mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}
 #hero .nt-hero-shade{background:linear-gradient(180deg,rgba(9,9,12,.08) 0,rgba(9,9,12,.12) 170px,rgba(9,9,12,.70) 300px,rgba(9,9,12,.45) 420px)}
}
@media(max-width:1023px){section#hero #hero-content{padding-top:calc(var(--nt-header-height,76px) + 135px)!important}}
#hero form{text-shadow:none}
@media(min-width:1024px){#hero[data-hero-route="messe-event"] .nt-hero-photo{top:calc(230px - 50%)}}
/* Matched original photos: off first, one soft switch-on within the first second. */
#hero .nt-hero-photo-on{opacity:0;transition:opacity 600ms cubic-bezier(.2,.75,.25,1)}
#hero [data-hero-media].is-light-on .nt-hero-photo-on{opacity:1}
#hero [data-hero-media]{--photo-lower:14px}
#hero[data-nt-hero-photo="front"] [data-hero-media]{--photo-lower:28px}
#hero[data-nt-hero-photo="halo"] [data-hero-media],#hero[data-nt-hero-photo="box"] [data-hero-media]{--photo-lower:32px}
#hero[data-nt-hero-photo="expo"] [data-hero-media]{--photo-lower:22px}
@media(min-width:1024px){
 #hero .nt-hero-photo{top:calc(180px + var(--photo-lower) - 50%);left:clamp(-100px,calc((100vw - 1440px) * .4),0px)}
 #hero[data-hero-route="messe-event"] .nt-hero-photo{top:calc(230px + var(--photo-lower) - 50%)}
 #hero h1{margin-top:12px}
}
@media(max-width:1023px){
 #hero .nt-hero-photo{top:14px}
 section#hero #hero-content{padding-top:calc(var(--nt-header-height,76px) + 149px)!important}
}
@media(prefers-reduced-motion:reduce){#hero .nt-hero-photo-on{transition:none}}

/* Keep the existing two-column hero readable on smaller desktop screens. */
@media(min-width:1024px) and (max-width:1279px){
 #header>div{padding-left:24px;padding-right:24px;gap:12px}
 #headerLogo img{height:28px;width:auto}
 #header nav{gap:14px!important;margin:0 8px}
 #header nav .nav-link{font-size:12px}
 #header nav+div{gap:8px}
 #header nav+div>a[title]{width:32px;height:32px}
 #header .header-cta{font-size:12px;padding-left:12px;padding-right:12px}
 #hero-content>.grid{gap:32px}
 #hero-content>.grid>div:first-child{min-width:0;padding-top:96px}
 section#hero#hero h1{font-size:clamp(44px,5vw,64px)!important;overflow-wrap:anywhere}
 #hero .hero-subline{font-size:18px;line-height:1.4}
}

@media(min-width:768px) and (max-width:1023px){#hero .hero-mobile-form-wrap>div{width:100%;max-width:520px!important;margin-inline:auto!important}#hero-form{margin-inline:auto}}