.case-study{border-top:1px solid var(--line);padding-top:28px}
.case-head{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:30px}
.case-head h3{font-size:clamp(27px,3vw,42px);line-height:1.18;letter-spacing:-.055em;max-width:680px;margin:0}
.case-head>p{max-width:370px;margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.case-cover{margin:0;position:relative;background:#17212b}
.case-cover .photo-button{height:clamp(340px,51vw,640px)}
.case-cover img{object-position:50% 54%}
.case-cover figcaption{position:absolute;bottom:18px;left:18px;background:var(--ink);color:#fff;padding:12px 16px;font-size:10px;font-weight:800;letter-spacing:.13em;pointer-events:none}
.case-cover figcaption span{color:var(--accent);padding:0 7px}
.case-sequence{margin-top:74px;border-top:1px solid var(--line)}
.case-phase{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,2fr);gap:clamp(28px,5vw,86px);padding:32px 0 45px;border-bottom:1px solid var(--line)}
.phase-heading>span{display:block;color:#2e78ac;font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:18px}
.phase-heading h4{font:800 clamp(22px,2vw,29px)/1.25 'Manrope',Arial,sans-serif;letter-spacing:-.045em;margin:0 0 15px}
.phase-heading p{max-width:265px;color:var(--muted);font-size:13px;line-height:1.7;margin:0}
.phase-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
.phase-images figure{margin:0;min-width:0}
.phase-images .photo-button{height:clamp(205px,23vw,290px)}
.phase-images figcaption{padding-top:11px;font-size:11px;font-weight:700}
.phase-images img{object-position:center}
.case-phase:first-child .phase-images figure:nth-child(2) img{object-position:50% 28%}
.case-phase:nth-child(2) .phase-images figure:nth-child(2) img{object-position:60% 42%}
@media(max-width:800px){.case-head{display:block}.case-head>p{max-width:620px;margin-top:18px}.case-sequence{margin-top:52px}.case-phase{grid-template-columns:1fr;gap:23px}.phase-heading p{max-width:620px}}
@media(max-width:560px){.case-cover .photo-button{height:300px}.case-cover figcaption{bottom:10px;left:10px;padding:10px;font-size:8px}.case-sequence{margin-top:40px}.case-phase{padding:27px 0 32px}.phase-images{gap:10px}.phase-images .photo-button{height:155px}.phase-images figcaption{font-size:10px;line-height:1.4}}
.hero-illustration{display:block;width:100%;height:auto;object-fit:contain}