/* Mimar 1 approach-section, scoped so its typography does not change Mimar 2 sections. */
.approach-section{--side-space:clamp(26px,7.8vw,150px);padding:clamp(90px,10vw,150px) var(--side-space);background:#181715;color:#f2eee8;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 .section-label{display:block;margin:0 0 8px;font-size:10px;font-weight:500;letter-spacing:.17em}
.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(72px + var(--stack) * 7px);display:grid;grid-template-columns:auto 1fr;align-content:end;gap:0 clamp(30px,5vw,80px);min-height:clamp(280px,32vh,350px);margin-bottom:3.5vh;padding:clamp(26px,3.2vw,48px);overflow:hidden;isolation:isolate}
.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>span{align-self:end;padding-bottom:8px;font-size:11px;letter-spacing:.12em}
.approach-card>div:last-child{max-width:720px}
.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,.7);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 rgba(255,255,255,.75);color:#fff;font-size:10px;letter-spacing:.14em;text-decoration:none}
.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:80px;padding-bottom:80px}.approach-card{grid-template-columns:1fr;gap:16px;min-height:330px;padding:26px}}