.feature-site {background:#faf6ef;color:#243546}
.feature-hero {background:#273a49;color:#fff8ee;padding-block:clamp(32px,6vw,86px)}
.feature-hero>.wrap {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,6vw,85px);align-items:center}
.feature-crumb {display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#f2b994;font-size:14px;margin-bottom:22px}
.feature-hero h1 {max-width:17ch;font-size:clamp(40px,4.7vw,76px);line-height:1.04}
.feature-hero p {color:#e0e9ed;font-size:clamp(18px,1.55vw,23px);max-width:51ch;margin:18px 0 23px}
.feature-hero figure {margin:0;border:1px solid #8797a1;background:#f6f2ea;border-radius:8px;overflow:hidden}
.feature-hero img {display:block;width:100%;height:auto}
.feature-body {padding-block:clamp(20px,4vw,62px)}
.feature-step {display:grid;grid-template-columns:2ch minmax(0,1fr);gap:clamp(16px,3vw,44px);padding-block:clamp(22px,3vw,42px);border-bottom:1px solid #cfc7b8}
.feature-step:last-child {border-bottom:0}
.feature-step>span {margin-top:5px;color:#8b4c32;font-size:15px}
.feature-step h2,.feature-examples h2 {font-size:clamp(25px,3vw,40px);line-height:1.16}
.feature-step p {max-width:72ch;margin:12px 0 0;color:#435563;font-size:clamp(17px,1.35vw,20px);line-height:1.6}
.feature-examples {background:#ece4d8;padding-block:clamp(25px,3.5vw,52px)}
.feature-examples .wrap>div {display:flex;gap:8px 30px;flex-wrap:wrap;margin-top:14px}
.feature-examples a {padding-block:8px;color:#78432e;text-underline-offset:4px}
@media(max-width:740px) {.feature-hero>.wrap {grid-template-columns:minmax(0,1fr)}.feature-hero figure {max-width:560px}.feature-examples .wrap>div {display:grid}}
.feature-hero img {max-height:clamp(280px,48vw,490px);object-fit:contain}