.service-overview{position:relative;width:100%}.service-overview__hero .media-wrapper,.service-overview__hero .blocks-radius,.service-overview__hero .hover-scale-up{border-radius:0}.service-overview__hero .hover-scale-up{transform:none}.service-overview__hero{position:relative;z-index:2;min-height:var(--service-hero-min-height);overflow:visible;isolation:isolate}.service-overview__hero-inner{position:relative;z-index:2;display:flex;align-items:center;min-height:var(--service-hero-min-height);padding-top:var(--service-hero-padding-top);padding-bottom:var(--service-hero-padding-bottom)}.service-overview__content{width:min(var(--service-content-width),68rem);max-width:100%}.service-overview__description{max-width:62rem}.service-overview__description ul,.service-overview__description ol{margin-inline-start:1.8rem}.service-overview__media{position:absolute;z-index:1;inset-block:0;inset-inline-end:0;width:var(--service-media-width);overflow:visible}.service-overview__media>motion-element{display:block;width:100%;height:100%;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,var(--service-diagonal-start) 100%)}.service-overview__media motion-element{width:100%;height:100%}.service-overview__media:after{content:"";position:absolute;z-index:2;inset-inline:0;top:100%;height:var(--service-wedge-height);background:rgb(var(--color-background));clip-path:polygon(var(--service-diagonal-start) 0,100% 0,100% 100%);pointer-events:none}.service-overview__image{display:block;width:100%;height:100%;object-fit:cover}.service-overview__services{position:relative;z-index:1;padding-top:var(--service-tabs-padding-top);padding-bottom:var(--service-tabs-padding-bottom)}.service-overview__tabs-header{justify-content:flex-start;margin-bottom:var(--service-tabs-nav-gap)}.service-overview__tabs .tabs__nav-wrap{max-width:100%}.service-overview__tabs-nav{display:flex;align-items:flex-end;gap:clamp(calc(2.4rem * var(--okko-spacing-scale)),3vw,calc(4.8rem * var(--okko-spacing-scale)));white-space:nowrap}.service-overview__tabs .tabs__tab{flex:0 0 auto}.service-overview__tabs-panel{margin-top:0}.service-overview__tab-card{width:100%;overflow:hidden}.service-overview__tab-image{min-width:0;overflow:hidden}.service-overview__tab-image .service-overview__tab-img,.service-overview__tab-image>img,.service-overview__tab-image>svg{display:block;width:100%;height:100%;object-fit:cover}.service-overview__tab-copy{min-width:0;padding:clamp(calc(4.8rem * var(--okko-spacing-scale)),5vw,calc(7.2rem * var(--okko-spacing-scale))) clamp(calc(3.2rem * var(--okko-spacing-scale)),5vw,calc(7.2rem * var(--okko-spacing-scale)))}.service-overview__tab-copy-inner{width:min(57rem,100%);max-width:100%;margin-inline:auto}.service-overview__content-number{display:inline}@media(min-width:768px)and (max-width:1279.98px){.service-overview__hero{min-height:clamp(38rem,42vw,48rem)}.service-overview__hero-inner{min-height:clamp(38rem,42vw,48rem);padding-top:clamp(calc(4rem * var(--okko-spacing-scale)),6vw,calc(6.4rem * var(--okko-spacing-scale)));padding-bottom:clamp(calc(4rem * var(--okko-spacing-scale)),6vw,calc(6.4rem * var(--okko-spacing-scale)))}.service-overview__content{width:calc(50% - 3.2rem);max-width:44rem}.service-overview__media{width:50%}.service-overview__media>motion-element{clip-path:none}.service-overview__media:after{height:clamp(3.6rem,5vw,5.2rem);clip-path:polygon(80% 0,100% 0,100% 100%)}.service-overview__services{padding-top:clamp(calc(4rem * var(--okko-spacing-scale)),6vw,calc(5.6rem * var(--okko-spacing-scale)));padding-bottom:clamp(calc(5.6rem * var(--okko-spacing-scale)),8vw,calc(8rem * var(--okko-spacing-scale)))}.service-overview__tabs-header{margin-bottom:clamp(calc(2.8rem * var(--okko-spacing-scale)),4vw,calc(4rem * var(--okko-spacing-scale)))}.service-overview__tabs-nav{gap:clamp(calc(2.4rem * var(--okko-spacing-scale)),4vw,calc(4rem * var(--okko-spacing-scale)))}.service-overview__tab-copy{padding:clamp(calc(3.2rem * var(--okko-spacing-scale)),4vw,calc(4.8rem * var(--okko-spacing-scale))) clamp(calc(2.4rem * var(--okko-spacing-scale)),3.5vw,calc(4rem * var(--okko-spacing-scale)))}}@media(max-width:767.98px){.service-overview__hero{display:flex;flex-direction:column;min-height:0;overflow:hidden}.service-overview__hero-inner{order:1;display:block;min-height:0;padding-top:clamp(calc(4rem * var(--okko-spacing-scale)),10vw,calc(6.4rem * var(--okko-spacing-scale)));padding-bottom:clamp(calc(4rem * var(--okko-spacing-scale)),10vw,calc(6.4rem * var(--okko-spacing-scale)))}.service-overview__content{width:100%;max-width:none}.service-overview__subheading{margin-bottom:calc(.8rem * var(--okko-spacing-scale))}.service-overview__description{margin-top:calc(1.2rem * var(--okko-spacing-scale))}.service-overview__button-wrap{margin-top:calc(2rem * var(--okko-spacing-scale))}.service-overview__media{position:relative;order:2;inset:auto;width:100%;aspect-ratio:16 / 9;overflow:hidden}.service-overview__media>motion-element{clip-path:none}.service-overview__media--hide-mobile{display:none}.service-overview__media:after{display:none}.service-overview__services{padding-top:clamp(calc(3.6rem * var(--okko-spacing-scale)),9vw,calc(4.8rem * var(--okko-spacing-scale)));padding-bottom:clamp(calc(4.8rem * var(--okko-spacing-scale)),12vw,calc(7.2rem * var(--okko-spacing-scale)))}.service-overview__tabs-header{margin-bottom:calc(2.8rem * var(--okko-spacing-scale))}.service-overview__tabs .tabs__nav-wrap{overflow-x:auto;overflow-y:hidden;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.service-overview__tabs .tabs__nav-wrap::-webkit-scrollbar{display:none}.service-overview__tabs-nav{width:max-content;min-width:100%;gap:calc(2.8rem * var(--okko-spacing-scale))}.service-overview__tab-card{display:flex;flex-direction:column}.service-overview__tab-image{width:100%}.service-overview__tab-copy{width:100%;max-width:100%;padding:calc(3.6rem * var(--okko-spacing-scale)) calc(2rem * var(--okko-spacing-scale))}.service-overview__tab-copy-inner{width:100%}}@media(max-width:479.98px){.service-overview__media{aspect-ratio:4 / 3}.service-overview__tabs-nav{gap:calc(2.4rem * var(--okko-spacing-scale))}.service-overview__tab-copy{padding:calc(3.2rem * var(--okko-spacing-scale)) calc(1.8rem * var(--okko-spacing-scale))}}@media(prefers-reduced-motion:reduce){.service-overview *,.service-overview *:before,.service-overview *:after{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-service-overview.css.map */