/* Mimar 1 approach-section, scoped so its typography does not change Mimar 2 sections. */
.approach-section{--side-space:var(--site-content-gutter);padding:60px var(--side-space);background:#fff;color:#242424;font-family:'Manrope','Helvetica Neue',Helvetica,Arial,sans-serif}
.approach-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:clamp(55px,7vw,100px)}
.approach-heading h2{margin:0;font-family:inherit;font-size:clamp(48px,5.2vw,90px);font-weight:300;line-height:.95;letter-spacing:-.055em;text-align:right}
.approach-stack{position:relative}
.approach-card{position:sticky;top:calc(118px + var(--stack) * 7px);display:grid;grid-template-columns:1fr;align-content:end;min-height:clamp(280px,32vh,350px);margin-bottom:3.5vh;padding:clamp(26px,3.2vw,48px);overflow:hidden;isolation:isolate;background:#242424;color:#fff}
.approach-card:last-child{margin-bottom:0}
.approach-card img,.approach-overlay{position:absolute;z-index:-2;inset:0;width:100%;height:100%}
.approach-card img{object-fit:cover}
.approach-overlay{z-index:-1;background:linear-gradient(90deg,rgba(12,12,11,.82),rgba(12,12,11,.15))}
.approach-card>div:last-child{max-width:720px}
.approach-card-category{display:block;margin-bottom:12px;color:rgba(255,255,255,.9);font:600 15px/1.3 var(--body);letter-spacing:.03em}
.approach-card h3{margin:0;font-family:inherit;font-size:clamp(34px,4vw,68px);font-weight:300;line-height:.88;letter-spacing:-.055em}
.approach-card p{max-width:540px;margin:18px 0 0;color:rgba(255,255,255,.82);font-size:clamp(13px,1vw,16px);line-height:1.55}
.approach-detail-link{display:inline-flex;align-items:center;gap:18px;margin-top:24px;padding-bottom:8px;border-bottom:1px solid #fff8;color:#fff;font-size:14px;letter-spacing:.04em;text-decoration:none}
.approach-detail-link span{color:var(--brand-red,#ed1e24)}
.approach-detail-link:hover{gap:24px}
.approach-detail-link:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:850px){.approach-heading{align-items:flex-start;flex-direction:column}.approach-heading h2{text-align:left}}
@media(max-width:520px){.approach-section{padding-top:60px;padding-bottom:60px}.approach-card{grid-template-columns:1fr;gap:16px;min-height:330px;padding:26px}}