/* Process selector: show the work before asking visitors to read about it. */
.process-explorer--visual{background:var(--wash);padding-block:72px}
.process-explorer--visual .process-explorer-heading{gap:40px;margin-bottom:32px}
.process-explorer--visual .process-explorer-heading h2{font-size:clamp(30px,3.2vw,44px);max-width:25ch}
.process-explorer--visual .process-explorer-heading>p{max-width:34ch;line-height:1.65}
.process-explorer--visual .process-explorer-tabs{border:0;gap:18px}
.process-explorer--visual .process-explorer-tabs>a{display:block;padding:0 0 16px;border:0;border-bottom:2px solid transparent;min-width:0;background:transparent;box-shadow:none;text-decoration:none}
.process-explorer--visual .process-explorer-tabs>a:hover,.process-explorer--visual .process-explorer-tabs>a[aria-selected=true]{background:transparent;box-shadow:none;color:var(--ink);border-bottom-color:var(--accent)}
.process-explorer--visual .process-explorer-tabs>a:focus-visible{outline-offset:5px}
.process-selector-photo{margin:0 0 14px!important;overflow:hidden;background:#dce1dc}
.process-selector-photo picture{display:block}
.process-selector-photo img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .25s ease}
.process-explorer-tabs>a:hover .process-selector-photo img{transform:scale(1.025)}
.process-explorer--visual .process-explorer-tabs>a>.process-selector-label{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:16px;line-height:1.4;font-weight:500}
.process-selector-arrow{color:var(--accent);flex:0 0 auto}
.process-explorer--visual .process-explorer-tabs>a>.process-selector-hint{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px}
.process-explorer--visual .process-explorer-panel{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);padding-top:36px;gap:clamp(30px,5vw,70px);align-items:center}
.process-explorer--visual .process-explorer-photo img{aspect-ratio:4/3;max-height:460px}
.process-explorer--visual .process-explorer-panel--portrait .process-explorer-photo img{object-fit:contain;background:#dce1dc}
.process-explorer--visual .process-explorer-copy h3{font-size:clamp(26px,2.6vw,36px);max-width:23ch}
.process-explorer--visual .process-explorer-copy>p:not(.eyebrow){margin-top:16px;line-height:1.65;max-width:38ch}
.process-explorer-record{margin:24px 0 28px;border-top:1px solid var(--line)}
.process-explorer-record>div{padding:14px 0;display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;border-bottom:1px solid var(--line)}
.process-explorer-record dt{font-size:12px;line-height:1.6;color:var(--muted)}
.process-explorer-record dd{margin:0;font-size:14px;line-height:1.6;color:var(--ink)}
.process-explorer--visual .process-explorer-copy .text-link{font-size:14px;min-height:36px}
.process-explorer--visual .process-plan-note{justify-content:space-between;margin-top:30px;padding-top:22px;gap:20px}
.process-explorer--visual .process-plan-note a{font-size:13px;min-height:30px;white-space:normal}
@media(max-width:900px){
 .process-explorer--visual{padding-block:56px}
 .process-explorer--visual .process-explorer-tabs{gap:14px}
 .process-explorer--visual .process-explorer-tabs>a>.process-selector-label{font-size:14px}
 .process-explorer--visual .process-explorer-panel{grid-template-columns:1fr 1fr;gap:28px}
 .process-explorer-record>div{grid-template-columns:1fr;gap:4px}
}
@media(max-width:600px){
 .process-explorer--visual{padding-block:44px}
 .process-explorer--visual .process-explorer-heading{margin-bottom:25px}
 .process-explorer--visual .process-explorer-heading h2{font-size:31px}
 .process-explorer--visual .process-explorer-heading>p{margin-top:14px;max-width:35ch}
 .process-explorer--visual .process-explorer-tabs{grid-template-columns:1fr 1fr;gap:20px 16px}
 .process-explorer--visual .process-explorer-tabs>a{padding-bottom:12px;min-height:0;border-bottom:2px solid var(--line)}
 .process-explorer--visual .process-explorer-tabs>a:nth-child(n+3){border-bottom:2px solid var(--line)}
 .process-explorer--visual .process-explorer-tabs>a[aria-selected=true]{border-bottom-color:var(--accent)}
 .process-selector-photo{margin-bottom:10px!important}
 .process-explorer--visual .process-explorer-tabs>a>.process-selector-label{font-size:14px}
 .process-explorer--visual .process-explorer-tabs>a>.process-selector-hint{font-size:11px;margin-top:3px}
 .process-explorer--visual .process-explorer-panel{grid-template-columns:1fr;gap:24px;padding-top:27px}
 .process-explorer--visual .process-explorer-photo img,.process-explorer--visual .process-explorer-panel--portrait .process-explorer-photo img{aspect-ratio:4/3;max-height:none}
 .process-explorer--visual .process-explorer-copy h3{font-size:28px;max-width:23ch}
 .process-explorer-record{margin-block:20px 24px}
 .process-explorer-record>div{grid-template-columns:80px minmax(0,1fr);gap:16px}
 .process-explorer--visual .process-plan-note{align-items:start;gap:20px}
}
@media(prefers-reduced-motion:reduce){.process-selector-photo img{transition:none}}