

/* Start:/local/include/homepage-hero/hero.css?17927159247248*/
/* Geometry is scoped: legacy banner sliders and RB's other infoblock sections are unaffected. */
.homepage-hero { --hero-gap:12px; --main-ratio:710 / 389; --small-ratio:350 / 389; width:100%; min-width:0; display:grid; gap:var(--hero-gap); color:#393939; }
.homepage-hero--rn { --main-wide:1071 / 389; --tablet-main:16 / 9; --tablet-small:16 / 9; --mobile-small:8 / 9; }
.homepage-hero--rb { --hero-gap:38px; --main-ratio:40 / 19; --main-wide:16 / 5; --small-ratio:50 / 47; --tablet-main:2 / 1; --tablet-small:20 / 9; --mobile-small:80 / 87; margin-bottom:55px; order:1; }
.homepage-hero > .home-whywe-block { grid-column:1 / -1; width:100%; }
.homepage-hero__main,.homepage-hero__secondary { min-width:0; position:relative; }
.homepage-hero__main { aspect-ratio:var(--main-wide); }
.homepage-hero__image,.homepage-hero__video { width:100%; height:100%; position:relative; overflow:hidden; border-radius:10px; background:#eceee8; isolation:isolate; }
.homepage-hero__background,.homepage-hero__foreground { display:block; position:absolute; inset:0; }
.homepage-hero__background img,.homepage-hero__poster,.homepage-hero__video video { width:100%; height:100%; object-fit:cover; display:block; }
.homepage-hero__foreground { z-index:1; pointer-events:none; }
.homepage-hero__foreground img { width:100%; height:100%; object-fit:contain; object-position:bottom right; }
.homepage-hero__copy { position:relative; z-index:2; margin:24px; padding:12px; border-radius:6px; background:rgb(255 255 255 / .78); max-width:min(420px,60%); box-sizing:border-box; max-height:calc(100% - 100px); overflow:auto; }
.homepage-hero__title { font-size:28px; font-weight:600; line-height:1.2; margin:0 0 14px; }
.homepage-hero__description { font-size:20px; line-height:1.25; margin:0; }
.homepage-hero__comment { font-size:12px; line-height:1.3; margin:10px 0 0; }
.homepage-hero__cta,.homepage-hero__play,.homepage-hero__video-download { position:absolute; z-index:4; left:24px; bottom:24px; padding:12px 18px; background:white; border:0; border-radius:5px; color:#222; font-family:inherit; font-size:16px; font-weight:600; line-height:1.25; cursor:pointer; text-decoration:none; }
.homepage-hero__link { position:absolute; inset:0; z-index:3; }
.homepage-hero__poster { position:absolute; inset:0; z-index:1; pointer-events:none; }
.homepage-hero__video.is-playing .homepage-hero__poster { visibility:hidden; }
.homepage-hero__video-download { display:none; }
.homepage-hero__video.has-error .homepage-hero__play { display:none; }
.homepage-hero__video.has-error .homepage-hero__video-download { display:block; }
.homepage-hero__main--video { aspect-ratio:16 / 9; }
.homepage-hero__secondary { aspect-ratio:var(--tablet-small); margin-bottom:38px; }
.homepage-hero__swiper { width:100%; height:100%; border-radius:10px; }
.homepage-hero__swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) { display:none; }
.homepage-hero__slide { min-width:0; height:100%; }
.homepage-hero__pagination { bottom:-28px !important; }
.homepage-hero--rn .homepage-hero__pagination { --swiper-pagination-color:#9dce2c; }
.homepage-hero--rb .homepage-hero__pagination { --swiper-pagination-color:#fc921d; }
.homepage-hero--rn [data-hero-carousel] > .swiper-button-prev,
.homepage-hero--rn [data-hero-carousel] > .swiper-button-next { top:50%; margin-top:0; }
.homepage-hero--rn [data-hero-carousel] > .swiper-button-prev { left:0; transform:translate(-50%,-50%); }
.homepage-hero--rn [data-hero-carousel] > .swiper-button-next { right:0; transform:translate(50%,-50%); }
@media(max-width:1470px) {
 .homepage-hero--rn [data-hero-carousel] { width:100%; max-width:calc(100vw - 64px); margin-inline:auto; }
}
.homepage-hero__secondary[hidden],.homepage-hero__combined[hidden] { display:none; }
.homepage-hero__combined { width:100%; min-width:0; position:relative; aspect-ratio:var(--main-wide); margin-bottom:38px; }
.homepage-hero__combined .homepage-hero__main { width:100%; height:100%; aspect-ratio:auto !important; }
.homepage-hero--rn .homepage-hero__image--small .homepage-hero__copy { max-width:calc(100% - 32px); margin:16px; padding:8px; max-height:calc(100% - 88px); }
.homepage-hero--rn .homepage-hero__image--small .homepage-hero__title { font-size:22px; line-height:1.25; }
.homepage-hero--rn .homepage-hero__image--small .homepage-hero__description { font-size:14px; line-height:1.4; }
@media(max-width:1199px) {
 .homepage-hero--rn .homepage-hero__combined { aspect-ratio:var(--tablet-main); }
}
@media(max-width:440px) {
 .homepage-hero--rn .homepage-hero__combined { aspect-ratio:8 / 9; }
 .homepage-hero--rn .homepage-hero__image--small .homepage-hero__title { font-size:20px; }
}
.homepage-hero :focus-visible { outline:3px solid #2871bd; outline-offset:3px; }
@media(min-width:1471px) {
 .homepage-hero--rn.homepage-hero--paired { grid-template-columns:minmax(0,710fr) minmax(0,350fr); }
 .homepage-hero--rn.homepage-hero--paired .homepage-hero__main { aspect-ratio:var(--main-ratio); }
 .homepage-hero--rn.homepage-hero--paired .homepage-hero__secondary { aspect-ratio:auto; margin-bottom:0; }
}
@media(min-width:1200px) {
 .homepage-hero--rn.homepage-hero--small-only .homepage-hero__secondary { aspect-ratio:var(--main-wide); }
}
@media(min-width:1201px) {
 .homepage-hero--rb.homepage-hero--paired { grid-template-columns:minmax(0,2.105263fr) minmax(0,1.06383fr); }
 .homepage-hero--rb.homepage-hero--paired .homepage-hero__main { aspect-ratio:var(--main-ratio); }
 .homepage-hero--rb.homepage-hero--paired .homepage-hero__secondary { aspect-ratio:auto; margin-bottom:0; }
}
@media(min-width:1201px) and (max-width:1900px) {
 .homepage-hero--rb.homepage-hero--paired { grid-template-columns:minmax(0,2.105263fr) minmax(0,.689655fr); }
}
@media(max-width:1400px) { .homepage-hero--rb { --hero-gap:24px; } }
@media(min-width:1201px) and (max-width:1400px) {
 .homepage-hero--rb .homepage-hero__copy { max-width:72%; margin:18px; padding:10px; }
 .homepage-hero--rb .homepage-hero__title { font-size:22px; }
 .homepage-hero--rb .homepage-hero__description { font-size:16px; }
}
@media(max-width:1199px) { .homepage-hero--rn .homepage-hero__main:not(.homepage-hero__main--video) { aspect-ratio:var(--tablet-main); } }
@media(max-width:1200px) { .homepage-hero--rb .homepage-hero__main:not(.homepage-hero__main--video) { aspect-ratio:var(--tablet-main); } }
@media(max-width:768px) {
 .homepage-hero { --hero-gap:20px; }
 .homepage-hero__copy { margin:14px; padding:10px; max-width:70%; }
 .homepage-hero__title { font-size:22px; margin-bottom:10px; }
 .homepage-hero__description { font-size:16px; }
 .homepage-hero__cta,.homepage-hero__play,.homepage-hero__video-download { left:14px; bottom:14px; padding:10px 14px; font-size:14px; }
}
@media(max-width:440px) {
 .homepage-hero .homepage-hero__main:not(.homepage-hero__main--video) { aspect-ratio:8 / 9; }
 .homepage-hero__secondary { aspect-ratio:var(--mobile-small); }
 .homepage-hero__copy { max-width:calc(100% - 28px); }
}
@media(min-width:441px) and (max-width:600px) {
 .homepage-hero__copy { max-width:calc(100% - 20px); margin:10px; padding:8px; max-height:calc(100% - 72px); }
 .homepage-hero__title { font-size:18px; margin-bottom:8px; }
 .homepage-hero__description { font-size:14px; }
}

/* End */
/* /local/include/homepage-hero/hero.css?17927159247248 */
