.works { padding: 125px var(--g) 110px; }
.works-topline { display:flex; justify-content:space-between; gap:20px; padding-bottom:20px; border-bottom:1px solid var(--line); color:#68756b; font-size:10px; letter-spacing:.14em; text-transform:uppercase; }
.works-heading { display:grid; grid-template-columns:1.2fr .55fr; gap:10%; align-items:end; padding:70px 0 65px; }
.works-heading h1,.case-intro h1 { font:400 clamp(48px,6.5vw,96px)/1.07 var(--serif); letter-spacing:-.045em; }
.works-heading p,.case-intro p { color:#5b675f; max-width:470px; }
.works-grid { display:grid; grid-template-columns:1fr 1fr; gap:75px 24px; }
.work-card { display:block; }
.work-card-image { aspect-ratio:1.35; overflow:hidden; background:#e5e7df; }
.work-card-image img { transition:transform .6s ease; }
.work-card:hover img { transform:scale(1.025); }
.work-card-info { display:flex; justify-content:space-between; gap:15px; padding-top:20px; border-top:1px solid var(--line); margin-top:16px; }
.work-card-info h2 { font:400 clamp(26px,2.5vw,38px)/1.15 var(--serif); letter-spacing:-.03em; }
.work-card-info p,.image-label,.case-meta,.case-figure figcaption { color:#657168; font-size:11px; letter-spacing:.04em; }
.work-card-info p { margin-top:8px; }
.work-card-arrow { font-size:22px; }
.case-intro { display:grid; grid-template-columns:1fr .65fr; gap:8%; align-items:end; padding:65px 0 45px; }
.case-intro .eyebrow { margin-bottom:24px; }
.case-intro p { font-size:16px; }
.case-hero { margin:0; }
.case-hero img { width:100%; height:min(70vw,750px); min-height:390px; object-fit:cover; background:#e5e7df; }
.case-figure figcaption { margin-top:10px; }
.case-facts { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:70px; }
.case-facts div { padding:25px 22px 25px 0; }
.case-facts dt { color:#6a766d; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.case-facts dd { margin:10px 0 0; font:400 21px/1.35 var(--serif); }
.case-story { display:grid; grid-template-columns:.75fr 1fr; gap:13%; padding:110px 0; }
.case-story h2,.case-gallery h2,.case-next h2 { font:400 clamp(35px,4.5vw,65px)/1.1 var(--serif); letter-spacing:-.04em; }
.case-story-copy { max-width:660px; color:#526057; font-size:16px; line-height:1.85; }
.case-story-copy p+p { margin-top:20px; }
.case-story-copy .case-cost { margin-top:28px; padding-top:17px; border-top:1px solid var(--line); color:#6d796f; font-size:12px; line-height:1.65; }
.case-story-copy .button { margin-top:28px; }
.case-gallery { border-top:1px solid var(--line); padding-top:30px; }
.case-gallery-head { display:flex; justify-content:space-between; align-items:end; gap:25px; padding:50px 0 35px; }
.case-gallery-head p { max-width:390px; color:#647067; }
.case-gallery-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px 20px; }
.case-gallery-grid figure { min-width:0; }
.case-gallery-grid img { width:100%; height:auto; aspect-ratio:1.4; object-fit:cover; background:#e5e7df; }
.case-gallery-grid img.contain { object-fit:contain; background:#fff; }
.case-gallery-grid figure[hidden] { display:none; }
.case-next { background:#203028; color:#f5f4ed; padding:80px var(--g); display:flex; justify-content:space-between; align-items:end; gap:30px; }
.case-next .button { border:1px solid #cfd8cb; color:#fff; }
@media(max-width:760px) {
 .works { padding-top:100px; padding-bottom:70px; }
 .works-topline { font-size:9px; }
 .works-heading,.case-intro { display:block; padding:45px 0; }
 .works-heading p,.case-intro p { margin-top:22px; }
 .works-grid,.case-gallery-grid { grid-template-columns:1fr; gap:35px; }
 .work-card-image { aspect-ratio:1.2; }
 .case-hero img { min-height:0; height:65vh; max-height:550px; }
 .case-facts { grid-template-columns:1fr 1fr; margin-top:45px; }
 .case-facts div { padding:20px 15px 20px 0; }
 .case-facts dd { font-size:18px; }
 .case-story { display:block; padding:70px 0; }
 .case-story-copy { margin-top:30px; font-size:15px; }
 .case-gallery-head { display:block; padding:35px 0 25px; }
 .case-gallery-head p { margin-top:18px; }
 .case-next { display:block; padding:60px var(--g); }
 .case-next .button { margin-top:25px; }
}
@media(prefers-reduced-motion:reduce){.work-card-image img{transition:none}}

/* Навигация и подписи галерей */
.works-topline { font-size:14px; letter-spacing:.06em; color:#43554a; }
.case-intro .eyebrow { font-size:14px; letter-spacing:.07em; color:#43554a; }
.case-figure figcaption, .work-card-info p { font-size:14px; line-height:1.5; color:#56675b; }
.case-gallery-group { margin-top:44px; }
.case-gallery-group h3 { font:400 clamp(26px,2.6vw,38px)/1.15 var(--serif); letter-spacing:-.025em; margin:0 0 22px; }
@media(max-width:760px) { .works-topline { font-size:14px; } .case-gallery-group { margin-top:38px; } }