.transformations-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:9rem clamp(1.5rem,8vw,8rem) 6rem;color:#fff;isolation:isolate;overflow:hidden}.transformations-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.transformations-hero .hero-shade{z-index:-1}.transformations-hero>div:last-child{max-width:1100px}.transformations-hero h1{font-size:clamp(3.5rem,8vw,8rem)}.transformations-hero p:last-child{max-width:650px}.transformation-intro{padding:clamp(6rem,12vw,12rem) clamp(1.5rem,9vw,10rem);display:grid;grid-template-columns:.4fr 1.6fr;gap:3rem}.transformation-intro h2{font-size:clamp(3rem,6vw,6rem);max-width:1000px;margin:0}.transformation-case{padding:clamp(4rem,8vw,8rem) clamp(1rem,6vw,7rem);border-top:1px solid var(--line)}.transformation-case>header{display:grid;grid-template-columns:100px 1fr;gap:2rem;margin-bottom:3rem}.transformation-case>header h2{font-size:clamp(3rem,6vw,6rem)}.transformation-case>header p:last-child{max-width:650px;color:var(--muted)}.comparison{position:relative;aspect-ratio:16/9;max-height:85vh;overflow:hidden;background:#13291f;--position:50%}.comparison-before,.comparison-after,.comparison-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-after{clip-path:inset(0 0 0 var(--position))}.comparison-divider{position:absolute;top:0;bottom:0;left:var(--position);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}.comparison-divider span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:#fff;color:#13291f;transform:translate(-50%,-50%);box-shadow:0 8px 30px rgba(0,0,0,.25)}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.comparison input:focus-visible+*{outline:2px solid #fff}.comparison-label{position:absolute;top:1.5rem;z-index:2;padding:.45rem .7rem;background:rgba(6,20,14,.7);color:#fff;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;pointer-events:none}.label-before{left:1.5rem}.label-after{right:1.5rem}.concept-step{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,6vw,7rem);align-items:center;padding:clamp(5rem,10vw,10rem) 0}.concept-step h3{font:500 clamp(2.5rem,5vw,5rem)/1.05 Manrope}.concept-step img{width:100%;height:min(65vw,760px);object-fit:cover}.transformation-case>.line-link{margin-bottom:2rem}@media(max-width:800px){.transformation-intro,.transformation-case>header,.concept-step{grid-template-columns:1fr}.comparison{aspect-ratio:4/5}.comparison-divider span{width:3.2rem;height:3.2rem}.concept-step img{height:70vh}.transformations-hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}}