.projects-intro{position:relative;width:100%}.projects-intro .media-wrapper,.projects-intro .blocks-radius,.projects-intro .hover-scale-up{border-radius:0}.projects-intro .hover-scale-up{transform:none}.projects-intro__hero{position:relative;z-index:2;min-height:var(--projects-hero-min-height);overflow:visible;isolation:isolate}.projects-intro__hero-inner{position:relative;z-index:2;display:flex;align-items:center;min-height:var(--projects-hero-min-height);padding-top:var(--projects-hero-padding-top);padding-bottom:var(--projects-hero-padding-bottom)}.projects-intro__content{width:min(var(--projects-content-width),68rem);max-width:100%}.projects-intro__description{max-width:62rem}.projects-intro__step-text>*:first-child{margin-top:0}.projects-intro__step-text>*:last-child{margin-bottom:0}.projects-intro__media{position:absolute;z-index:1;inset-block:0;inset-inline-end:0;width:var(--projects-media-width);overflow:visible}.projects-intro__media>motion-element{display:block;width:100%;height:100%;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,var(--projects-diagonal-start) 100%)}.projects-intro__media motion-element{width:100%;height:100%}.projects-intro__media:after{content:"";position:absolute;z-index:2;inset-inline:0;top:100%;height:var(--projects-wedge-height);background:rgb(var(--color-background));clip-path:polygon(var(--projects-diagonal-start) 0,100% 0,100% 100%);pointer-events:none}.projects-intro__image{display:block;width:100%;height:100%;object-fit:cover}.projects-intro__approach{position:relative;z-index:1;padding-top:var(--projects-approach-padding-top);padding-bottom:var(--projects-approach-padding-bottom)}.projects-intro__approach-label{margin-bottom:clamp(calc(2.8rem * var(--okko-spacing-scale)),4vw,calc(5.2rem * var(--okko-spacing-scale)))}.projects-intro__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(calc(3.2rem * var(--okko-spacing-scale)),5vw,calc(8rem * var(--okko-spacing-scale)))}.projects-intro__step{min-width:0}.projects-intro__step-number{display:block;margin:0 0 calc(1.6rem * var(--okko-spacing-scale));line-height:.9;color:rgb(var(--color-foreground))}.projects-intro__step-title{margin:0}.projects-intro__step-text{margin-top:calc(.8rem * var(--okko-spacing-scale));max-width:48rem}@media(min-width:768px)and (max-width:1279.98px){.projects-intro__hero{min-height:clamp(38rem,42vw,48rem)}.projects-intro__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)))}.projects-intro__content{width:calc(50% - 3.2rem);max-width:44rem}.projects-intro__media{width:50%}.projects-intro__media>motion-element{clip-path:none}.projects-intro__media:after{height:clamp(3.6rem,5vw,5.2rem);clip-path:polygon(80% 0,100% 0,100% 100%)}.projects-intro__approach{padding-top:clamp(calc(5.6rem * var(--okko-spacing-scale)),8vw,calc(8rem * var(--okko-spacing-scale)));padding-bottom:clamp(calc(5.6rem * var(--okko-spacing-scale)),8vw,calc(8rem * var(--okko-spacing-scale)))}.projects-intro__approach-label{margin-bottom:clamp(calc(3.2rem * var(--okko-spacing-scale)),5vw,calc(4.8rem * var(--okko-spacing-scale)))}.projects-intro__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(calc(2.4rem * var(--okko-spacing-scale)),4vw,calc(4.8rem * var(--okko-spacing-scale)))}}@media(max-width:767.98px){.projects-intro__hero{display:flex;flex-direction:column;min-height:0;overflow:hidden}.projects-intro__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)))}.projects-intro__content{width:100%;max-width:none}.projects-intro__subheading{margin-bottom:calc(.8rem * var(--okko-spacing-scale))}.projects-intro__description{margin-top:calc(1.2rem * var(--okko-spacing-scale))}.projects-intro__button-wrap{margin-top:calc(2rem * var(--okko-spacing-scale))}.projects-intro__media{position:relative;order:2;inset:auto;width:100%;aspect-ratio:16 / 9;overflow:hidden}.projects-intro__media>motion-element{clip-path:none}.projects-intro__media--hide-mobile{display:none}.projects-intro__media:after{display:none}.projects-intro__approach{padding-top:clamp(calc(4.8rem * var(--okko-spacing-scale)),12vw,calc(7.2rem * var(--okko-spacing-scale)));padding-bottom:clamp(calc(4.8rem * var(--okko-spacing-scale)),12vw,calc(7.2rem * var(--okko-spacing-scale)))}.projects-intro__approach-label{margin-bottom:calc(3.2rem * var(--okko-spacing-scale))}.projects-intro__steps{grid-template-columns:1fr;gap:calc(4rem * var(--okko-spacing-scale))}.projects-intro__step-number{margin-bottom:calc(1.2rem * var(--okko-spacing-scale))}.projects-intro__step-text{margin-top:calc(.6rem * var(--okko-spacing-scale));max-width:none}}@media(max-width:479.98px){.projects-intro__media{aspect-ratio:4 / 3}.projects-intro__steps{gap:calc(3.6rem * var(--okko-spacing-scale))}}@media(prefers-reduced-motion:reduce){.projects-intro *,.projects-intro *:before,.projects-intro *:after{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-projects-intro.css.map */