.approach-main{--approach-line:#d8d8d0;--approach-muted:#575750;background:var(--white);color:var(--ink)}.approach-main :is(h1,h2,h3){font-family:var(--font-heading);font-weight:600;letter-spacing:-.04em;line-height:1.15}.approach-main h1{font-size:clamp(38px,3.5vw,54px);margin:0 0 28px}.approach-main h2{font-size:clamp(30px,3.1vw,44px);margin:0 0 24px}.approach-main h3{font-size:25px;margin:0 0 16px}.approach-main p{font-size:16px;line-height:1.8;color:var(--approach-muted);margin:0 0 20px}.approach-main .approach-label{font-size:11px;line-height:1.65;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}.approach-main a{color:inherit}.approach-main .approach-link{display:inline-block;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;line-height:1.7;padding:10px 0;font-size:14px}.approach-link span{margin-left:8px}.approach-hero{padding:136px 0 72px;background:var(--ink);color:var(--white)}.approach-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.approach-hero p{color:#c4c4ba}.approach-hero .approach-lead{color:var(--white);font-size:21px;line-height:1.6}.approach-hero figure{margin:0;min-width:0}.approach-hero img{display:block;width:100%;height:540px;object-fit:cover}.approach-hero figcaption{font-size:12px;line-height:1.7;padding-top:12px;color:#c4c4ba}.approach-section{padding:88px 0;border-bottom:1px solid var(--approach-line);scroll-margin-top:88px}.approach-intro,.approach-two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px}.approach-intro{align-items:start;margin-bottom:36px}.approach-framework,.approach-work{background:#f0f0e9}.approach-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:28px 0;margin:0;border-top:2px solid var(--accent)}.approach-outcomes h3{font-size:22px}.approach-outcomes li{padding-right:24px;border-right:1px solid var(--approach-line)}.approach-outcomes li:last-child{border:0;padding-right:0}.approach-contents{display:flex;flex-wrap:wrap;gap:8px 28px;padding-top:20px;border-top:1px solid var(--approach-line)}.approach-contents a{font-size:14px;padding:12px 0;text-underline-offset:5px}.approach-principles article{display:grid;grid-template-columns:1fr 1fr;gap:72px;padding:40px 0;border-bottom:1px solid var(--approach-line);scroll-margin-top:88px}.approach-principles article:last-child{border-bottom:0;padding-bottom:0}.approach-main .approach-question{font-size:18px;color:var(--ink);border-left:2px solid var(--accent);padding-left:20px}.approach-main .approach-audit{padding:32px;background:#f0f0e9}.approach-process{list-style:none;margin:36px 0 12px;padding:0}.approach-process li{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:24px 0;border-top:1px solid var(--approach-line)}.approach-process li>span{font-size:14px;color:var(--accent);padding-top:4px}.approach-process h3{font-size:22px;margin-bottom:10px}.approach-process p{max-width:72ch;margin:0}.approach-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.approach-project-image{display:block}.approach-project-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.approach-projects .approach-label{margin-top:20px;margin-bottom:10px}.approach-projects h3 a{text-decoration:none}.approach-main .approach-place{font-size:13px;margin:0 0 12px}.approach-projects p{max-width:55ch}.approach-reading{list-style:none;padding:0;margin:0}.approach-reading li{border-bottom:1px solid var(--approach-line)}.approach-reading a{display:block;padding:16px 0;line-height:1.7;text-underline-offset:5px}.approach-contact{background:var(--ink);color:var(--white)}.approach-contact p{color:#c4c4ba}.approach-contact .btn-accent{min-height:48px;display:inline-flex;align-items:center;gap:20px}@media(max-width:900px){.approach-hero-grid,.approach-intro,.approach-two-col,.approach-principles article{grid-template-columns:1fr;gap:24px}.approach-hero{padding-top:112px}.approach-hero img{height:auto;aspect-ratio:4/3}.approach-section{padding:56px 0}.approach-outcomes{grid-template-columns:1fr;gap:16px}.approach-outcomes li{border-right:0;padding:0}.approach-outcomes p{margin:0}.approach-principles article{padding:32px 0;gap:8px}.approach-process li{grid-template-columns:40px 1fr;gap:16px}}@media(max-width:600px){.approach-projects{grid-template-columns:1fr}.approach-hero .approach-lead{font-size:19px}.approach-main .approach-audit{padding:24px}.approach-contact .btn-accent{width:100%;justify-content:center}.approach-main .container{min-width:0}.approach-contents{gap:4px 20px}}
