.babybjorn-hero{position:relative;display:block;width:100%;overflow:hidden;isolation:isolate;box-sizing:border-box;z-index:2}.babybjorn-hero__container{position:relative;width:100%;border-radius:.6rem;overflow:hidden;box-shadow:0 .1rem .3rem #0000000f}.babybjorn-hero--full-bleed .babybjorn-hero__container{max-width:none;border-radius:0;box-shadow:none}.babybjorn-hero__media{position:relative;width:100%;aspect-ratio:5 / 7}@media screen and (min-width:990px){.babybjorn-hero__media{aspect-ratio:16 / 9}}.babybjorn-hero--ratio-57 .babybjorn-hero__media{aspect-ratio:5 / 7}@media screen and (min-width:990px){.babybjorn-hero--ratio-57 .babybjorn-hero__media{aspect-ratio:5 / 7}}.babybjorn-hero--ratio-169 .babybjorn-hero__media{aspect-ratio:16 / 9}.babybjorn-hero--adapt .babybjorn-hero__media{aspect-ratio:auto}.babybjorn-hero__media-inner{position:absolute;top:0;right:0;bottom:0;left:0}.babybjorn-hero__crop--desktop{display:none}.babybjorn-hero__crop--mobile{display:block}@media screen and (min-width:750px){.babybjorn-hero__crop--desktop{display:block}.babybjorn-hero__crop--mobile{display:none}}.babybjorn-hero--adapt .babybjorn-hero__media-inner{position:relative;inset:auto}.babybjorn-hero__media img,.babybjorn-hero__media .placeholder-svg{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.babybjorn-hero--adapt .babybjorn-hero__media img{height:auto;min-height:0}.babybjorn-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;justify-content:var(--bb-hero-justify, flex-start);align-items:var(--bb-hero-align, center);padding:2.4rem 2rem;pointer-events:none}@media screen and (min-width:750px){.babybjorn-hero__overlay{justify-content:var(--bb-hero-justify-desktop, var(--bb-hero-justify, flex-start));align-items:var(--bb-hero-align-desktop, var(--bb-hero-align, center));padding:3.2rem 2.5rem}}@media screen and (min-width:990px){.babybjorn-hero__overlay{padding:3.6rem 3rem}}.babybjorn-hero--full-bleed .babybjorn-hero__overlay{padding:2.4rem 1.5rem}@media screen and (min-width:750px){.babybjorn-hero--full-bleed .babybjorn-hero__overlay{padding:3.2rem 3rem}}@media screen and (min-width:990px){.babybjorn-hero--full-bleed .babybjorn-hero__overlay{padding:4rem 5rem}}.babybjorn-hero__overlay>*{pointer-events:auto}.babybjorn-hero__overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.babybjorn-hero__overlay--inverted:before{background:linear-gradient(105deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.35) 42%,rgba(0,0,0,.12) 72%,transparent 100%)}.babybjorn-hero__overlay--inverted.babybjorn-hero__overlay--centered:before{background:radial-gradient(ellipse 85% 75% at 50% 45%,rgba(0,0,0,.55) 0%,rgba(0,0,0,.28) 55%,transparent 100%)}.babybjorn-hero__overlay--dark:before{background:#00000061}.babybjorn-hero__content{max-width:var(--page-width);width:100%;margin:0 auto;color:#fff}.babybjorn-hero__label{margin:0 0 .8rem;font-size:1.1rem;font-weight:600;letter-spacing:.06em;line-height:1.3;text-transform:uppercase;opacity:.95}@media screen and (min-width:990px){.babybjorn-hero__label{font-size:1.2rem;margin-bottom:1rem}}.babybjorn-hero__heading{margin:0 0 .8rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:400;font-size:clamp(3.2rem,8vw,5.6rem);line-height:1.05;letter-spacing:-.03em;color:inherit;max-width:52rem}@media screen and (min-width:990px){.babybjorn-hero__heading{margin-bottom:1rem}}.babybjorn-hero__subheading{margin:0 0 2rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:400;font-size:clamp(1.6rem,3.5vw,2.2rem);line-height:1.3;letter-spacing:-.02em;opacity:.95;max-width:44rem}@media screen and (min-width:990px){.babybjorn-hero__subheading{margin-bottom:2.4rem}}.babybjorn-hero__button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:4rem;padding:.8rem 2rem;border-radius:999px;border:.1rem solid rgba(255,255,255,.65);background-color:#fff;color:#000000c7;font-size:1.4rem;font-weight:600;letter-spacing:.04em;text-decoration:none;line-height:1.2;transition:background-color .2s ease,color .2s ease,border-color .2s ease}@media screen and (min-width:990px){.babybjorn-hero__button{min-height:4.8rem;padding:1rem 2.4rem;font-size:1.5rem}}.babybjorn-hero__button:hover{background-color:#1e1e1eeb;color:#fff;border-color:transparent}.babybjorn-hero__button:focus-visible{outline:.2rem solid #fff;outline-offset:.3rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-babybjorn-hero.css.map */