/* v83: three embedded project cases, photo captions and area/duration facts only. */
#portfolio .p-card-case .p-meta p{display:block;margin:9px 0 0;font-size:15px;line-height:1.4;color:#fff}
#portfolio .p-card-case::after{background:linear-gradient(180deg,transparent 40%,rgba(12,12,11,.77) 100%)}
.p-case-link{display:inline-flex;gap:18px;align-items:center;margin-top:16px;font-size:14px;line-height:1.4}
.case-study{display:none;border-top:1px solid var(--line)}
.case-study:target,body:has(#gallery-p12 .native-gallery-slide:target) #case-park-stolic,body:has(#gallery-p1 .native-gallery-slide:target) #case-nagorny,body:has(#gallery-p11 .native-gallery-slide:target) #case-klever-park{display:block}
.case-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:42px;font-size:14px;line-height:1.5}
.case-nav a,.case-back{padding:10px 0;text-decoration:underline;text-underline-offset:5px}
.case-heading h2{font-size:clamp(38px,5.1vw,72px);line-height:1.05;max-width:1000px}
.case-heading>p{margin:22px 0 0;font-size:clamp(17px,1.6vw,21px);line-height:1.5;color:#625a50}
.case-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:36px 0 44px;padding:28px 0;border-block:1px solid var(--line)}
.case-facts dt{font-size:13px;line-height:1.5;color:#645d53}
.case-facts dd{margin:12px 0 0;font-size:clamp(25px,3vw,40px);line-height:1.15;letter-spacing:-.035em;font-weight:500}
.case-overview{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.case-cover,.case-feature{margin:0;min-width:0}
.case-photo-link{display:block;background:#e9e4dc}
.case-photo-link img{display:block;width:100%;height:auto}
.case-cover figcaption{margin:12px 0 0;font-size:13px;line-height:1.5;color:#6e665c}
.case-story{display:grid;gap:32px}
.case-story h3{margin:0;font-size:25px;font-weight:500;line-height:1.25}
.case-story p{margin:14px 0 0;font-size:17px;line-height:1.75;color:#5d574e}
.case-details{margin-top:72px}
.case-details>h3{font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.2;margin:0 0 30px}
.case-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}
.case-features .case-photo-link img{aspect-ratio:3/4;object-fit:contain;background:#e9e4dc}
.case-feature figcaption{padding-top:20px}
.case-feature h4{margin:0;font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.02em}
.case-feature p{margin:10px 0 0;font-size:16px;line-height:1.65;color:#625b52;max-width:580px}
.case-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:48px}
.case-actions .cta{white-space:normal;line-height:1.5;text-align:center;min-height:52px}
.case-back{display:inline-block;margin-top:26px;font-size:14px}
.case-study a:focus-visible{outline:2px solid #866332;outline-offset:4px}
:is(#gallery-p12,#gallery-p1,#gallery-p11) .native-gallery-slide{grid-template-rows:minmax(0,1fr) auto auto}
:is(#gallery-p12,#gallery-p1,#gallery-p11) .case-gallery-caption{width:100%;max-width:880px;margin:0 auto;padding:14px 8px 4px}
:is(#gallery-p12,#gallery-p1,#gallery-p11) .case-gallery-caption h3{margin:0;font-size:18px;line-height:1.3;font-weight:500}
:is(#gallery-p12,#gallery-p1,#gallery-p11) .case-gallery-caption p{margin:7px 0 0;font-size:14px;line-height:1.5;color:#c5bfb5}
@media(max-width:900px){
  .case-overview{grid-template-columns:1fr;gap:28px}
  .case-facts{grid-template-columns:1fr 1fr;gap:24px 16px;padding:22px 0;margin:28px 0 30px}
  .case-facts dd{font-size:32px}
  .case-study{padding-top:36px;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
  .case-nav{margin-bottom:28px;flex-wrap:wrap;font-size:13px}
  .case-story{gap:26px}
  .case-story h3{font-size:23px}
  .case-story p{font-size:16px;line-height:1.65;margin-top:10px}
  .case-details{margin-top:42px}
}
@media(max-width:600px){
  #portfolio .p-card-case .p-meta h3{font-size:21px;line-height:1.25}
  .case-heading h2{font-size:clamp(34px,9vw,46px)}
  .case-facts dt{font-size:12px}
  .case-facts dd{font-size:28px}
  .case-features{grid-template-columns:1fr;gap:32px}
  .case-features .case-photo-link img{aspect-ratio:auto;height:auto}
  .case-feature figcaption{padding-top:16px}
  .case-feature h4{font-size:21px}
  .case-feature p{font-size:15px}
  .case-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:32px}
  .case-actions .cta{padding-inline:12px;font-size:11px;letter-spacing:.08em}
  :is(#gallery-p12,#gallery-p1,#gallery-p11) .case-gallery-caption{padding:10px 6px 2px}
  :is(#gallery-p12,#gallery-p1,#gallery-p11) .case-gallery-caption h3{font-size:16px}
  :is(#gallery-p12,#gallery-p1,#gallery-p11) .case-gallery-caption p{font-size:13px;line-height:1.45}
  :is(#gallery-p12,#gallery-p1,#gallery-p11) .native-gallery-title strong{font-size:12px}
  :is(#gallery-p12,#gallery-p1,#gallery-p11) .native-gallery-hint{font-size:9px;max-width:200px;letter-spacing:.02em;text-transform:none}
}
