/* CASE STUDIES */
  .case{position:relative;height:560px;margin:0 48px 24px;border-radius:3px;overflow:hidden;display:flex;align-items:flex-end;}

/* Full-bleed photo-overlay treatment carries through to mobile, matching the
     completed-projects listing pattern — the card just needs an explicit
     min-height for the absolutely-positioned photo to fill correctly. */
  @media(max-width:760px){
    .case{height:auto;min-height:520px;margin:0 24px 24px;}
    .case-row{margin:0 24px 24px;}
    .case-row .case{height:auto;min-height:460px;margin:0;}
    .case-content{grid-template-columns:1fr;grid-template-areas:"text" "timeline" "link";align-items:start;gap:22px;padding:28px 24px 32px;}
    .case-text{max-width:100%;}
    .case-timeline-v{flex-direction:column;width:100%;padding-left:18px;padding-top:2px;gap:14px;}
    .case-timeline-v::before{top:4px;bottom:4px;left:3px;right:auto;width:1px;height:auto;}
    .case-timeline-v--lg{gap:15px;}
    .case-timeline-v--lg .ctv-dot{left:-18px;}
    .case-timeline-v--lg .ctv-label{font-size:10.5px;letter-spacing:0.8px;}
    .case-timeline-v--lg .ctv-date{font-size:9.5px;}
    .case-timeline-v--sm{padding-left:16px;padding-top:2px;gap:12px;}
    .ctv-step{text-align:left;}
    .ctv-label{white-space:normal;line-height:1.5;}
  }

/* Current-project card address (homepage only) -- borrowed .dev-address
   class from the listing page didn't read as visually distinct in this
   card context, so this scopes an explicit style just to here rather
   than touching the shared class the listing page already relies on. */
.current-card .dev-address{font-weight:600;color:#15120e;margin:6px 0 10px;}