.klaasje-banner{position:relative;z-index:1;display:grid;min-height:var(--klaasje-banner-h, 70vh);overflow:hidden;background:var(--klaasje-navy);color:var(--klaasje-white)}.klaasje-banner__media,.klaasje-banner__inner{grid-area:1 / 1}.klaasje-banner__media{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#24506b 0%,var(--klaasje-navy) 55%,#102a3a 100%)}.klaasje-banner__img{width:100%;height:100%;object-fit:cover;display:block}.klaasje-banner__placeholder{width:100%;height:100%;background:linear-gradient(160deg,#24506b 0%,var(--klaasje-navy) 55%,#102a3a 100%)}.klaasje-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,rgba(0,0,0,var(--klaasje-banner-shade, .45)));pointer-events:none}.klaasje-banner__inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(32px,6vw,80px) clamp(24px,5vw,72px);max-width:100%}.klaasje-banner__inner--center{justify-content:center;align-items:center;text-align:center}.klaasje-banner__inner--top{justify-content:flex-start}.klaasje-banner__inner--left{justify-content:center;align-items:flex-start;text-align:left}.klaasje-banner__content{max-width:620px}.klaasje-banner__title{font-family:var(--klaasje-display);font-weight:500;font-size:clamp(36px,6.5vw,76px);line-height:1.02;letter-spacing:-.02em;text-transform:lowercase;color:inherit;margin:0;text-shadow:0 2px 24px rgba(0,0,0,.25)}.klaasje-banner__text{font-family:var(--klaasje-body);font-size:clamp(15px,1.4vw,18px);line-height:1.55;color:inherit;opacity:.92;margin:16px 0 0;max-width:480px;text-shadow:0 1px 12px rgba(0,0,0,.25)}.klaasje-banner__inner--center .klaasje-banner__text{margin-left:auto;margin-right:auto}.klaasje-banner__btn{font-size:12px;margin-top:14px}.klaasje-banner__lockup{width:min(var(--klaasje-lock-w, 190px),62vw);line-height:1}.klaasje-banner__lockup .klaasje-logo{grid-area:auto;width:100%;height:auto;display:block;filter:drop-shadow(0 2px 18px rgba(0,0,0,.22))}.klaasje-banner__sub{font-family:var(--klaasje-body);font-weight:400;font-size:clamp(20px,1.5vw,23px);line-height:1.3;letter-spacing:.01em;color:inherit;opacity:.9;margin:calc(2px - (1.3em - 1em) / 2) 0 0;max-width:32ch;text-shadow:0 1px 12px rgba(0,0,0,.28)}.klaasje-banner--navy-text{color:var(--klaasje-navy)}.klaasje-banner--navy-text .klaasje-banner__media:after{display:none}.klaasje-banner--navy-text .klaasje-banner__title,.klaasje-banner--navy-text .klaasje-banner__text,.klaasje-banner--navy-text .klaasje-banner__sub{text-shadow:none}.klaasje-banner--navy-text .klaasje-logo{filter:none}.klaasje-banner--scrim-left .klaasje-banner__media:after{background:linear-gradient(90deg,rgba(0,0,0,var(--klaasje-banner-shade, .45)),#0000 62%)}@media screen and (max-width:749px){.klaasje-banner{min-height:var(--klaasje-banner-h-sm, 80vh)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/klaasje-banner.css.map */