.case-page{background:var(--paper);color:var(--ink)}
.case-page .site-header{margin-bottom:0}
.case-main{padding-block:42px 100px}
.case-breadcrumb{display:inline-flex;align-items:center;gap:12px;color:var(--teal);font-size:.875rem;font-weight:600;margin-bottom:50px}
.case-breadcrumb span{font-size:1.2rem;line-height:1}
.case-hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:70px}
.case-kicker{color:var(--teal);font-size:.8125rem;line-height:1.5;letter-spacing:.12em;font-weight:650}
.case-hero h1{font-size:clamp(3.25rem,7vw,7.2rem);letter-spacing:-.07em;line-height:1.04;font-weight:500;margin-top:25px}
.case-hero h1 span{color:var(--gold)}
.case-lead{font-size:1.2rem;line-height:1.75;color:#535965;max-width:590px}
.case-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.case-meta span{border:1px solid var(--line);padding:7px 12px;font-size:.8125rem;color:var(--teal);border-radius:2px}
.case-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:72px;padding-block:70px;border-bottom:1px solid var(--line)}
.case-intro h2{font-size:clamp(2rem,3.5vw,3.7rem);letter-spacing:-.055em;font-weight:500;line-height:1.15}
.case-intro p{font-size:1.05rem;line-height:1.9;color:#535965;max-width:680px}
.case-intro p+p{margin-top:17px}
.case-gallery-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-top:30px}
.case-gallery-heading h2{font-size:1.1rem;font-weight:550}
.case-gallery-heading span{font-size:.8125rem;color:var(--muted)}
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:28px}
.case-gallery figure{margin:0;min-width:0}
.case-gallery figure:first-child{grid-column:1/-1}
.case-gallery a{display:block;overflow:hidden;border-radius:3px;background:#e7e8e9}
.case-gallery img{width:100%;height:460px;object-fit:contain;transition:transform .5s cubic-bezier(.2,.75,.25,1)}
.case-gallery figure:first-child img{height:640px}
.case-gallery a:hover img{transform:scale(1.018)}
.case-gallery figcaption{font-size:.875rem;line-height:1.65;color:var(--muted);margin-top:11px}
.case-credit{border-top:1px solid var(--line);margin-top:66px;padding-top:22px;font-size:.875rem;line-height:1.7;color:var(--muted);max-width:800px}
.case-footer{border-top:1px solid var(--line);padding-top:28px;display:flex;justify-content:space-between;gap:20px;margin-top:70px;font-size:.8125rem;color:var(--muted)}
.case-footer a{color:var(--teal);font-weight:600}
.case-theme-kivuli .case-gallery a{background:#b6ab99}.case-theme-kivuli .case-gallery figure:nth-child(3) a,.case-theme-kivuli .case-gallery figure:nth-child(4) a{background:#ddd3c4}
.case-theme-urban .case-gallery a{background:#29171d}.case-theme-urban .case-gallery figure:nth-child(3) a{background:#171418}
.case-theme-veloura .case-gallery a{background:#b9c1bc}.case-theme-veloura .case-gallery figure:nth-child(3) a,.case-theme-veloura .case-gallery figure:nth-child(4) a{background:#e5e2df}
@media(max-width:900px){.case-hero,.case-intro{grid-template-columns:1fr;gap:30px}.case-hero{padding-bottom:55px}.case-intro{padding-block:52px}.case-gallery img{height:360px}.case-gallery figure:first-child img{height:520px}}
@media(max-width:600px){.case-main{padding-block:28px 62px}.case-breadcrumb{margin-bottom:34px}.case-hero h1{font-size:clamp(2.8rem,14vw,4.6rem);margin-top:17px}.case-lead{font-size:1.05rem}.case-gallery{grid-template-columns:1fr;gap:24px}.case-gallery figure:first-child{grid-column:auto}.case-gallery img,.case-gallery figure:first-child img{height:auto;max-height:560px;min-height:220px}.case-gallery-heading{display:block}.case-gallery-heading span{display:block;margin-top:7px}.case-footer{display:block}.case-footer a{display:inline-block;margin-top:10px}}
