.klarvik-bild{position:relative;display:grid}.klarvik-bild--hero{grid-template-areas:"stack";align-items:center}.klarvik-bild--hero .klarvik-bild__media,.klarvik-bild--hero .klarvik-bild__panel{grid-area:stack;min-width:0}.klarvik-bild--hero .klarvik-bild__media{position:relative;height:100%;overflow:hidden}.klarvik-bild--hero .klarvik-bild__img{width:100%;height:100%;object-fit:cover;display:block}.klarvik-bild--small .klarvik-bild__media{height:38rem}.klarvik-bild--medium .klarvik-bild__media{height:52rem}.klarvik-bild--large .klarvik-bild__media{height:66rem}.klarvik-bild__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground));opacity:var(--kb-overlay, 0);pointer-events:none}.klarvik-bild--hero .klarvik-bild__panel{position:relative;z-index:1;display:flex;padding:4rem 5rem;pointer-events:none}.klarvik-bild--hero .klarvik-bild__panel--left{justify-content:flex-start}.klarvik-bild--hero .klarvik-bild__panel--center{justify-content:center}.klarvik-bild--hero .klarvik-bild__panel--right{justify-content:flex-end}.klarvik-bild--hero .klarvik-bild__box{pointer-events:auto;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:3.6rem 4rem;border-radius:1.2rem;max-width:52rem}.klarvik-bild--hero .klarvik-bild__panel--center .klarvik-bild__box{text-align:center}.klarvik-bild--split{grid-template-columns:1fr;gap:3.2rem;align-items:center;padding-block:4rem}.klarvik-bild--split .klarvik-bild__img{width:100%;height:auto;display:block;border-radius:1.2rem}.klarvik-bild--split .klarvik-bild__box{max-width:54ch}@media screen and (min-width:990px){.klarvik-bild--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6rem}.klarvik-bild--split.klarvik-bild--small .klarvik-bild__img{max-height:34rem;object-fit:cover}.klarvik-bild--split.klarvik-bild--medium .klarvik-bild__img{max-height:46rem;object-fit:cover}}.klarvik-bild__kicker{margin:0 0 1rem;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;opacity:.65}.klarvik-bild__heading{margin:0;letter-spacing:-.02em;text-wrap:balance}.klarvik-bild__text{margin-top:1.4rem;max-width:48ch}.klarvik-bild__text p{margin:0}.klarvik-bild__cta{margin-top:2.4rem}@media screen and (max-width:749px){.klarvik-bild--small .klarvik-bild__media{height:42rem}.klarvik-bild--medium .klarvik-bild__media{height:50rem}.klarvik-bild--large .klarvik-bild__media{height:58rem}.klarvik-bild--hero .klarvik-bild__panel{padding:1.6rem;align-items:flex-end}.klarvik-bild--hero .klarvik-bild__box{padding:2.4rem 2rem;max-width:100%;width:100%}.klarvik-bild--split{padding-block:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-klarvik-bild.css.map */