.article-card{color:inherit;text-decoration:none;transition:background .35s,transform .35s}
.article-card:hover,.article-card:focus-visible{background:#eee9ff;transform:translateY(-5px);outline:none}
.article-card i{font-size:24px;transition:transform .3s}
.article-card:hover i{transform:translate(5px,-5px)}
.insight{background:#fffdf8}
.insight-hero{min-height:780px;padding:170px 7vw 100px;background:#ffc7d4;display:flex;flex-direction:column;justify-content:flex-end}
.insight-back{align-self:flex-start;color:inherit;text-decoration:none;border-bottom:1px solid;margin-bottom:auto}
.insight-hero h1{max-width:1200px;font-size:clamp(64px,9vw,135px);line-height:.88;letter-spacing:-.075em;margin:40px 0}
.insight-hero>p{max-width:760px;font-size:22px}
.insight-body{padding:100px 8vw 150px}
.insight-intro{max-width:980px;font-size:clamp(28px,4vw,52px);line-height:1.12;letter-spacing:-.035em;margin:0 0 120px}
.insight-body>section{display:grid;grid-template-columns:120px 1fr;gap:30px;padding:55px 0;border-top:1px solid #ccc6bb}
.insight-body>section>span{color:#a86f08;font-weight:700}
.insight-body>section h2{font-size:clamp(35px,5vw,70px);letter-spacing:-.05em;margin:0 0 25px}
.insight-body>section p{max-width:760px;font-size:20px;color:#68675f}
.insight-body aside{margin-top:100px;padding:70px;background:#d4a52f;border-radius:24px}
.insight-body aside h2{font-size:clamp(45px,7vw,90px);line-height:.92;letter-spacing:-.06em}
@media(max-width:600px){.insight-hero{min-height:680px;padding:140px 20px 70px}.insight-hero h1{font-size:58px}.insight-body{padding:75px 20px 100px}.insight-body>section{grid-template-columns:45px 1fr}.insight-body aside{padding:35px 25px}.article-card{min-height:390px}}