/* STUDIOFENCE | Project reasoning and quiet cross-page pathways | review only */
.sf43-steps{display:grid;gap:17px}
.sf43-step{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin:0!important}
.sf43-step-label{display:block;font-size:10px;line-height:1.6;letter-spacing:.075em;color:#686c64}
.sf43-step-copy{display:block}
.sf43-approach-link{display:inline-flex;gap:12px;align-items:center;justify-content:space-between;margin-top:24px;padding-bottom:4px;border-bottom:1px solid rgba(17,17,15,.32);font-size:10px;line-height:1.8;letter-spacing:.055em;color:inherit;text-decoration:none}
.sf43-approach-link:hover,.sf43-view-all:hover,.sf43-work-route a:hover{opacity:.58}
.sf43-approach-link:focus-visible,.sf43-case:focus-visible,.sf43-view-all:focus-visible,.sf43-work-route a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.direction-page .sf43-case-section{border-top:1px solid var(--line);padding:clamp(48px,6vw,88px) 0 clamp(62px,7vw,100px)}
.direction-page .sf43-case-heading{margin:0 0 clamp(24px,3vw,44px)}
.direction-page .sf43-overline{color:var(--faint);font-size:10px;letter-spacing:.14em;margin:0 0 20px}
.direction-page .sf43-case-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(25px,3vw,44px);line-height:1.22;letter-spacing:-.04em;margin:0 0 16px}
.direction-page .sf43-case-heading>p:last-child{color:var(--muted);font-size:11px;line-height:1.9;margin:0}
.direction-page .sf43-case-list{border-top:1px solid var(--line)}
.direction-page .sf43-case{display:grid;grid-template-columns:minmax(170px,.9fr) minmax(0,1.7fr) 22px;align-items:baseline;gap:clamp(20px,4vw,60px);padding:clamp(20px,2.6vw,32px) 0;border-bottom:1px solid var(--line);text-decoration:none;transition:opacity .22s ease}
.direction-page .sf43-case:hover{opacity:.58}
.direction-page .sf43-case-name{font-size:clamp(13px,1.2vw,16px);line-height:1.7;color:var(--ink)}
.direction-page .sf43-case-detail{color:var(--muted);font-size:11px;line-height:1.8}
.direction-page .sf43-case-arrow{text-align:right;font-size:13px;color:var(--muted)}
.direction-page .sf43-view-all{display:inline-block;margin-top:27px;padding-bottom:4px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.04em;text-decoration:none}
.sf43-work-route{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:14px 40px;border-top:1px solid rgba(17,17,15,.13);padding:24px 0 35px;color:#777c74;font-size:11px;line-height:1.8;letter-spacing:.025em}
.sf43-work-route a{display:inline-flex;align-items:center;gap:10px;padding-bottom:3px;border-bottom:1px solid rgba(17,17,15,.3);color:#30342f;text-decoration:none}
@media(max-width:760px){
 .sf43-steps{gap:21px}
 .direction-page .sf43-case{grid-template-columns:minmax(0,1fr) 20px;gap:4px 16px}
 .direction-page .sf43-case-name{grid-column:1;grid-row:1;font-size:14px}
 .direction-page .sf43-case-detail{grid-column:1;grid-row:2;font-size:11px}
 .direction-page .sf43-case-arrow{grid-column:2;grid-row:1 / 3;align-self:center}
 .sf43-work-route{gap:8px 20px;padding-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.direction-page .sf43-case{transition:none}}