/* The approach reads through a few clear ideas, with places in view. */
.page-top.approach-top{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7%;max-width:1450px;padding:45px 7% 90px;margin:auto}
.approach-top .page-context{font-size:18px;margin-bottom:25px}
.approach-top h1{font-size:clamp(55px,6.2vw,88px);line-height:1.02;max-width:none;margin:0 0 30px}
.approach-top .lead{font-size:22px;line-height:1.5;max-width:34ch;margin:0}
.approach-photo{margin:0;min-width:0}
.approach-photo-window{overflow:hidden;aspect-ratio:1.17;border-radius:46% 54% 43% 57% / 40% 45% 55% 60%;background:#eee7dc}
.approach-photo img{display:block;width:100%;height:100%;object-fit:cover}
.approach-photo figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin:14px 5% 0;max-width:90%}
.approach-photo figcaption a{text-decoration:underline;text-decoration-color:#706c7b55;text-underline-offset:3px}
.approach-photo-opening .approach-photo-window{aspect-ratio:1.03;border-radius:48% 52% 44% 56% / 48% 38% 62% 52%}
.approach-editorial{grid-template-columns:170px minmax(0,1fr);gap:6%;max-width:1400px;margin:0 auto 100px;padding:0 7%}
.approach-editorial .chapter-nav{top:115px;padding-top:4px}
.approach-editorial .chapter-nav button{font-size:16px}
.approach-step{padding:12px 0 85px;margin:0;max-width:none}
.approach-step-copy{min-width:0;max-width:680px}
.approach-step h2{font-size:clamp(35px,3.6vw,50px);font-weight:600;line-height:1.07;letter-spacing:-.045em;margin:0 0 22px;max-width:20ch}
.approach-step .approach-statement{font-size:23px;line-height:1.5;max-width:43ch;margin:0 0 20px;color:var(--ink)}
.approach-step .disclosure{margin:0;max-width:620px}
.approach-step .disclosure summary{font-size:18px;line-height:1.4;min-height:48px;padding:12px 0;gap:22px}
.approach-step .disclosure-body{font-size:18px;line-height:1.6;max-width:52ch;padding:12px 0 18px}
.approach-step-visual{display:grid;grid-template-columns:1fr .95fr;gap:7%;align-items:center;padding-bottom:95px}
.approach-step-visual h2{font-size:clamp(35px,3vw,44px)}
.approach-step-visual .approach-statement{font-size:22px}
.approach-step-reverse{grid-template-columns:.95fr 1fr}
.approach-step-reverse .approach-photo{grid-column:1;grid-row:1}
.approach-step-reverse .approach-step-copy{grid-column:2;grid-row:1}
.approach-photo-planet .approach-photo-window{aspect-ratio:.94;border-radius:53% 47% 55% 45% / 45% 54% 46% 55%}
.approach-next{padding:0 0 20px}
.approach-next .action{font-size:19px}
@media(max-width:1100px){
 .page-top.approach-top{gap:5%;padding-left:6%;padding-right:6%}
 .approach-editorial{grid-template-columns:150px minmax(0,1fr);gap:5%;padding:0 6%}
 .approach-step-visual,.approach-step-reverse{grid-template-columns:1fr;gap:30px}
 .approach-step-reverse .approach-photo,.approach-step-reverse .approach-step-copy{grid-column:auto;grid-row:auto}
 .approach-step-visual .approach-photo{max-width:540px;width:100%}
 .approach-photo-window,.approach-photo-planet .approach-photo-window{aspect-ratio:1.45}
 .approach-photo-opening .approach-photo-window{aspect-ratio:.92}
}
@media(max-width:800px){
 .page-top.approach-top{display:block;padding:30px 7% 55px}
 .approach-top h1{font-size:clamp(51px,8.5vw,70px);margin-bottom:25px}
 .approach-top .lead{font-size:21px;max-width:39ch}
 .approach-photo-opening{max-width:600px;margin:35px auto 0}
 .approach-photo-opening .approach-photo-window{aspect-ratio:1.55}
 .approach-editorial{display:block;padding:0 7%;margin-bottom:70px}
 .approach-editorial .chapter-nav{top:80px;padding:0 22px}
 .approach-editorial .chapter-nav button{font-size:17px}
 .approach-step{padding:25px 0 55px}
 .approach-step h2,.approach-step-visual h2{font-size:43px;max-width:22ch}
 .approach-step .approach-statement,.approach-step-visual .approach-statement{font-size:21px;max-width:44ch}
 .approach-step .disclosure summary{font-size:18px;padding:15px 0}
 .approach-step .disclosure-body{font-size:18px}
 .approach-step-visual{gap:28px}
 .approach-step-visual .approach-photo{max-width:600px}
}
@media(max-width:520px){
 .approach-top .page-context{font-size:17px;margin-bottom:23px}
 .approach-top h1{font-size:53px;letter-spacing:-.055em}
 .approach-top .lead{font-size:20px;max-width:none}
 .approach-photo-opening .approach-photo-window{aspect-ratio:1.15}
 .approach-photo figcaption{font-size:11px;margin-top:12px}
 .approach-step h2,.approach-step-visual h2{font-size:37px}
 .approach-step .approach-statement,.approach-step-visual .approach-statement{font-size:20px}
 .approach-photo-window,.approach-photo-planet .approach-photo-window{aspect-ratio:1.15}
 .approach-next .action{font-size:17px}
}