/* Deliberately scoped: the existing hero and page blocks keep their styling. */
.hero-responsive{--neo-tone:#032d40;position:relative;background:var(--neo-tone);color:#fff;isolation:isolate}
.hero-responsive--green{--neo-tone:#264932}
.hero-responsive .hero-responsive__media{width:100%;margin:0;overflow:hidden}
.hero-responsive .hero-responsive__slide{position:relative;height:auto;background:var(--neo-tone)}
.hero-responsive .hero-responsive__image{display:block;width:100%;height:auto;margin:0}
.hero-responsive .hero-responsive__slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,45,64,.75),rgba(3,45,64,.2) 48%,transparent 75%),linear-gradient(0deg,rgba(3,45,64,.65),transparent 65%);pointer-events:none}
.hero-responsive .hero-responsive__copy{position:absolute;z-index:2;left:0;right:0;bottom:14%;pointer-events:none}
.hero-responsive .hero-responsive__copy-inner{width:55%;max-width:620px;pointer-events:auto}
.hero-responsive .hero-responsive__category{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 20px;color:white;line-height:1.5}
.hero-responsive .hero-responsive__title{font-size:clamp(32px,3.6vw,54px);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin:0;color:white;text-wrap:balance;overflow-wrap:break-word}
.hero-responsive .hero-responsive__text{font-size:18px;line-height:1.5;margin-top:20px}
.hero-responsive .hero-responsive__link{margin-top:20px}.hero-responsive .hero-responsive__link a{color:#fff}
.hero-responsive:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:42px;background:white;clip-path:polygon(0 100%,100% 0,100% 100%);pointer-events:none;z-index:3}
.hero-responsive .hero-responsive__controls{position:absolute;z-index:4;right:max(24px,calc((100vw - 1140px)/2));bottom:64px;display:flex;align-items:center;gap:12px;color:#fff}
.hero-responsive .hero-responsive__controls button{display:grid;place-items:center;width:44px;height:44px;background:#032d40;border:1px solid #ffffff90;border-radius:4px;color:#fff;font-size:24px;cursor:pointer;padding:0;transition:transform 160ms ease-out}
.hero-responsive .hero-responsive__controls button:active{transform:scale(.97)}
.hero-responsive .hero-responsive__controls button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.hero-responsive .hero-responsive__status{font-size:13px;min-width:36px;text-align:center}
.hero-responsive .hero-responsive__editor{background:white;color:#032d40;position:relative;z-index:5;padding:16px}
@media(max-width:991px){.hero-responsive .hero-responsive__title{font-size:clamp(28px,4vw,40px)}.hero-responsive .hero-responsive__copy-inner{width:60%}}
@media(max-width:599px){
.hero-responsive .hero-responsive__image{aspect-ratio:4 / 3;object-fit:cover;object-position:var(--neo-focus,50%) center}
.hero-responsive .hero-responsive__slide:after{background:linear-gradient(0deg,rgba(3,45,64,.25),transparent 45%)}
.hero-responsive .hero-responsive__copy{position:relative;bottom:auto;padding:28px 24px 54px}
.hero-responsive .hero-responsive__copy-inner{width:100%;max-width:none}
.hero-responsive .hero-responsive__category{font-size:10px;letter-spacing:.07em;margin-bottom:12px;color:#a7d5e6}
.hero-responsive .hero-responsive__title{font-size:clamp(26px,7.2vw,34px);line-height:1.18}
.hero-responsive .hero-responsive__text{font-size:16px;margin-top:16px}
.hero-responsive:after{height:20px}
.hero-responsive .hero-responsive__controls{right:16px;bottom:16px;gap:8px}
}
@media(prefers-reduced-motion:reduce){.hero-responsive .hero-responsive__controls button{transition:none}}
/* Resolve only the seams introduced by this new block. */
.hero-responsive .hero-responsive__title{color:#fff!important}
.hero-responsive .hero-responsive__slide:after{background:linear-gradient(180deg,rgba(3,45,64,.5),transparent 30%),linear-gradient(90deg,rgba(3,45,64,.75),rgba(3,45,64,.2) 48%,transparent 75%),linear-gradient(0deg,rgba(3,45,64,.65),transparent 65%)}
@media(max-width:599px){.hero-responsive .hero-responsive__slide:after{background:linear-gradient(180deg,rgba(3,45,64,.45),transparent 35%),linear-gradient(0deg,rgba(3,45,64,.25),transparent 45%)}}
.hero-responsive .hero-responsive__title{font-size:clamp(32px,3.6vw,54px)!important;line-height:1.15!important;hyphens:none}
@media(max-width:991px){.hero-responsive .hero-responsive__title{font-size:clamp(28px,4vw,40px)!important}}
@media(max-width:599px){.hero-responsive .hero-responsive__copy{max-width:none;width:100%;margin:0}.hero-responsive .hero-responsive__title{font-size:clamp(26px,7.2vw,34px)!important;line-height:1.18!important}}
.hero-responsive--editing .swiper-wrapper{display:block;transform:none!important}
.hero-responsive--editing .hero-responsive__copy{position:relative;bottom:auto;padding-block:32px 64px}
.hero-responsive .hero-responsive__slide:not(:has(.hero-responsive__image)){min-height:360px}
/* Reserve room for the existing overlaid mobile navigation above the photo. */
@media(max-width:599px){.hero-responsive{padding-top:100px}}
/* Breathing room between the test hero and the existing page content. */
.hero-responsive-mobile{display:none}
@media(max-width:991px){
    .hero-responsive-desktop{display:none}
    .hero-responsive-mobile{display:block}
    .pimcore_area_content-slider-b{padding-bottom:40px;background:#fff}
    .pimcore_area_content-slider-b + .pimcore_area_hero-teaser .section-hero:before{display:none}
    .hero-responsive-mobile .hero-responsive{padding-top:100px}
    .hero-responsive-mobile .hero-responsive .hero-responsive__copy{position:relative;bottom:auto;max-width:none;width:100%;margin:0;padding:32px 32px 64px}
    .hero-responsive-mobile .hero-responsive .hero-responsive__copy-inner{width:100%;max-width:760px;margin:auto}
    .hero-responsive-mobile .hero-responsive .hero-responsive__image{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
    .hero-responsive-mobile .hero-responsive .hero-responsive__slide:after{background:linear-gradient(0deg,rgba(3,45,64,.12),transparent 45%)}
    .hero-responsive-mobile .hero-responsive .hero-responsive__controls{right:24px;bottom:20px}
    .hero-responsive-mobile .hero-responsive:after{height:28px}
}
@media(max-width:599px){
    .pimcore_area_content-slider-b{padding-bottom:32px}
    .hero-responsive-mobile .hero-responsive .hero-responsive__copy{padding:28px 24px 54px}
    .hero-responsive-mobile .hero-responsive .hero-responsive__controls{right:16px;bottom:16px}
    .hero-responsive-mobile .hero-responsive:after{height:20px}
}
.hero-responsive-mobile .hero-responsive .hero-responsive__title *{hyphens:none}