.berndorf-hero-banner-section{--berndorf-hero-aspect: var(--berndorf-hero-ratio);--berndorf-hero-aspect-mobile: 393 / 566;--berndorf-hero-card-width: 63rem;margin:0;padding-inline:0;width:100%}.berndorf-hero-banner{aspect-ratio:var(--berndorf-hero-aspect-mobile);overflow:hidden;position:relative;width:100%}@media screen and (min-width:750px){.berndorf-hero-banner{aspect-ratio:var(--berndorf-hero-aspect)}}.berndorf-hero-banner-section--primary .berndorf-hero-banner__cta,.template-product .berndorf-hero-banner__cta{--berndorf-arrow-link-weight: var(--berndorf-primary-hero-cta-weight)}.berndorf-hero-banner__picture,.berndorf-hero-banner__placeholder{display:block;height:100%;width:100%}.berndorf-hero-banner__image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}@media screen and (max-width:749px){.berndorf-hero-banner__image{object-position:var(--berndorf-hero-mobile-focal-point, 50%) center}}.berndorf-hero-banner__overlay{align-items:center;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.berndorf-hero-banner__content{margin-inline:auto;max-width:var(--berndorf-container-page-max);width:var(--berndorf-container-page)}.berndorf-hero-banner__card{pointer-events:auto;width:min(100%,var(--berndorf-hero-card-width))}@media screen and (max-width:749px){.berndorf-hero-banner__card{width:100%}.berndorf-hero-banner__card .berndorf-overlay-card__text p+p{display:none}}.berndorf-hero-banner__video{top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}.berndorf-hero-banner__video-el,.berndorf-hero-banner__video video{display:block;height:100%;object-fit:cover;width:100%}.berndorf-hero-banner--playing .berndorf-hero-banner__overlay{display:none}.berndorf-hero-banner__play{align-items:center;background:rgba(var(--berndorf-color-white-rgb),.9);border:0;border-radius:var(--berndorf-radius-circle);color:var(--berndorf-text-primary);cursor:pointer;display:flex;height:clamp(5.6rem,4rem + 4vw,8.4rem);justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:var(--berndorf-transition-bg),var(--berndorf-transition-transform);width:clamp(5.6rem,4rem + 4vw,8.4rem);z-index:3}.berndorf-hero-banner__play:hover,.berndorf-hero-banner__play:focus-visible{background:var(--berndorf-color-white);transform:translate(-50%,-50%) scale(1.06)}.berndorf-hero-banner__play svg{height:40%;width:40%}.template-index .berndorf-hero-banner__card{padding:var(--berndorf-home-overlay-padding)}@media screen and (max-width:749px){.template-index .berndorf-hero-banner__overlay{align-items:flex-end;padding-bottom:var(--berndorf-space-6)}.template-index .berndorf-hero-banner__card .berndorf-overlay-card__heading{max-width:var(--berndorf-home-mobile-title-width)}.template-index .berndorf-hero-banner-section:has(.berndorf-overlay-card--dark) .berndorf-hero-banner__overlay{padding-bottom:var(--berndorf-space-4)}.template-index .berndorf-hero-banner-section:has(h2):not(:has(.berndorf-overlay-card--dark)) .berndorf-hero-banner__overlay{align-items:flex-start;padding-top:var(--berndorf-space-6)}}@media screen and (min-width:750px){.template-index .berndorf-hero-banner__card .berndorf-overlay-card__heading{max-width:var(--berndorf-home-desktop-title-width)}}@media screen and (min-width:750px){.berndorf-hero-banner{min-height:var(--berndorf-hero-min-height)}}@media screen and (min-width:990px){.berndorf-hero-banner__card{box-sizing:border-box;max-width:min(100%,var(--berndorf-campaign-card-max))}.berndorf-hero-banner__card .berndorf-overlay-card__heading{font-size:var(--berndorf-campaign-heading-size)}.berndorf-hero-banner__card .berndorf-overlay-card__text{font-size:var(--berndorf-campaign-copy-size);line-height:1.375}.berndorf-hero-banner__cta{--berndorf-arrow-link-weight: 500;font-size:var(--berndorf-campaign-cta-size)}.berndorf-hero-banner:has(.berndorf-hero-banner__card){display:grid;aspect-ratio:auto}.berndorf-hero-banner:has(.berndorf-hero-banner__card):before{content:"";grid-area:1 / 1;aspect-ratio:var(--berndorf-hero-aspect);pointer-events:none}.berndorf-hero-banner:has(.berndorf-hero-banner__card)>.berndorf-hero-banner__picture,.berndorf-hero-banner:has(.berndorf-hero-banner__card)>.berndorf-hero-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.berndorf-hero-banner__overlay{position:relative;grid-area:1 / 1;min-width:0;padding-block:32px;box-sizing:border-box}}@media screen and (min-width:990px){.template-index .berndorf-hero-banner-section--primary .berndorf-hero-banner__card{max-width:636px}.template-index .berndorf-hero-banner-section--primary .berndorf-hero-banner__card .berndorf-overlay-card__text{font-size:20px}}@media screen and (min-width:990px){.berndorf-hero-banner-section--heritage{--berndorf-campaign-copy-size: var(--berndorf-heritage-copy-size)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/berndorf-hero-banner.css.map */