.s97-block-intro { padding:clamp(60px,9vw,150px) max(20px,7vw); color:#fff; }
.s97-block-intro span { opacity:.55; font:11px Inter,sans-serif; letter-spacing:.14em; }
.s97-block-intro h2 { max-width:1100px; margin:18px 0 35px!important; font-size:clamp(48px,8vw,130px)!important; line-height:.94!important; }
.s97-block-intro p { max-width:780px; margin:0!important; font-size:clamp(19px,2vw,29px)!important; }
.s97-block-before-after { position:relative; width:100%!important; max-width:none!important; aspect-ratio:16/9; overflow:hidden; }
.s97-block-before-after img { width:100%; height:100%; object-fit:cover; }
.s97-ba-after,.s97-ba-before { position:absolute; inset:0; }
.s97-ba-before { width:var(--position); overflow:hidden; border-left:2px solid #fff; }
.s97-ba-before img { width:calc(100vw); max-width:none; }
.s97-ba-after span,.s97-ba-before span { position:absolute; bottom:20px; padding:7px 12px; background:#fff; color:#111; }
.s97-ba-after span { left:20px; }.s97-ba-before span { right:20px; }
.s97-block-before-after input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:ew-resize; }
.s97-block-palette { width:calc(100% - 40px)!important; max-width:1440px!important; margin:100px auto!important; }
.s97-block-palette h3 { font-size:clamp(35px,5vw,70px); font-weight:400; }
.s97-block-palette > div { display:grid; grid-template-columns:repeat(4,1fr); }
.s97-block-palette > div > span,.s97-block-palette > div > label { min-height:240px; display:flex; align-items:flex-end; padding:20px; }
.s97-block-palette i,.s97-block-palette label span { padding:5px 8px; background:#fff; color:#111; font:11px Inter,sans-serif; font-style:normal; }
.s97-block-metric { width:min(1100px,calc(100% - 40px))!important; margin:100px auto!important; padding-block:50px; border-block:1px solid currentColor; }
.s97-block-metric strong { font:400 clamp(90px,18vw,270px)/.8 Inter,sans-serif; letter-spacing:-.09em; }
.s97-block-metric h3 { margin:35px 0 8px; font-size:35px; font-weight:400; }
.s97-block-metric p { opacity:.6; }
.s97-block-quote { width:min(1200px,calc(100% - 40px))!important; margin:120px auto!important; padding:0; border:0; text-align:center; }
.s97-block-quote p { margin:0 0 35px!important; font-size:clamp(38px,6vw,92px)!important; line-height:1.08!important; }
.s97-block-quote cite { display:block; font-style:normal; }.s97-block-quote span { opacity:.55; }
.s97-block-timeline { display:grid; grid-template-columns:80px .7fr 1fr; gap:30px; width:min(1200px,calc(100% - 40px))!important; margin:0 auto!important; padding:35px 0; border-top:1px solid currentColor; }
.s97-block-timeline span { opacity:.5; font:12px Inter,sans-serif; }.s97-block-timeline h3 { margin:0; font-size:35px; font-weight:400; }.s97-block-timeline p { margin:0!important; }
.s97-block-problem-solution { display:grid; grid-template-columns:1fr 1fr; gap:7vw; width:calc(100% - 40px)!important; max-width:1400px!important; margin:100px auto!important; }
.s97-block-problem-solution > div { padding-top:15px; border-top:1px solid currentColor; }.s97-block-problem-solution span { color:var(--s97-accent,#ff4d00); }.s97-block-problem-solution p { font-size:clamp(22px,3vw,42px)!important; }
.s97-block-team { width:min(1000px,calc(100% - 40px))!important; margin:100px auto!important; display:grid; grid-template-columns:.5fr 1fr; gap:50px; }.s97-block-team h3 { margin:0; font-size:40px; font-weight:400; }.s97-block-team p { white-space:pre-line; }
@media(max-width:700px){.s97-block-palette>div{grid-template-columns:1fr 1fr}.s97-block-palette>div>span{min-height:150px}.s97-block-timeline,.s97-block-team{grid-template-columns:1fr;gap:10px}.s97-block-problem-solution{grid-template-columns:1fr}.s97-ba-before img{width:100vw}}