/* Enlarge the original case composition without replacing its visual identity. */
.case-page { padding-block: 24px; }
.case-shell { width: min(calc(100% - 64px), 1280px); max-width: 1280px; }
.case-hero { padding: 32px clamp(32px, 4.5vw, 64px) 48px; }
.case-nav { font-size: .8rem; }
.case-heading { padding-block: 60px 44px; }
.case-kicker { margin-bottom: 28px; font-size: .8rem; }
.case-heading h1 { font-size: clamp(10rem, 20vw, 16rem); }
.case-deck { max-width: 50rem; margin-top: 44px; font-size: clamp(1.12rem, 1.5vw, 1.4rem); line-height: 1.3; }
.case-facts div { padding: 18px 20px; }
.case-facts dt { margin-bottom: 9px; font-size: .68rem; }
.case-facts dd { font-size: .88rem; line-height: 1.25; }
.behance-bridge { padding: 64px clamp(32px, 4.5vw, 64px) 76px; }
.bridge-label { margin-bottom: 40px; font-size: .8rem; }
.behance-preview { margin-bottom: 44px; padding: 10px; }
.preview-tape { width: 80px; height: 28px; }
.behance-cta { min-height: 112px; gap: 24px; padding: 20px 24px; }
.behance-mark { width: 64px; height: 64px; font-size: 1.75rem; }
.behance-cta__label { font-size: clamp(2.6rem, 4.4vw, 4rem); }
.behance-cta__label small { margin-top: 10px; font-size: .78rem; }
.behance-arrow { font-size: 2.6rem; }
.case-footer { padding: 32px clamp(32px, 4.5vw, 64px) 40px; }
.case-footer p, .case-footer a { font-size: .78rem; }

@media (max-width: 1100px) {
  .case-shell { width: calc(100% - 40px); }
  .case-heading { padding-top: 48px; }
  .case-heading h1 { font-size: clamp(9rem, 20vw, 13rem); }
  .behance-cta { gap: 18px; padding-inline: 18px; }
}