/* Image-led additions within the portfolio's existing paper-and-ink system. */
.brand-case .proj-head h2 { max-width:none; line-height:1.2; }
.brand-case .case-context { margin:18px 0 0; color:#555663; font-size:13px; line-height:1.6; }
.brand-case .case-section { margin:clamp(36px,5vw,64px) 0 0; }
.brand-case .case-section h3 { margin:0 0 10px; font-size:clamp(22px,2.5vw,30px); line-height:1.3; letter-spacing:-.01em; }
.brand-case .case-section > p { max-width:62ch; margin:0 0 22px; color:#4c5160; line-height:1.75; }
.brand-case .case-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px; margin:0; }
.brand-case .case-gallery--wide { grid-template-columns:minmax(0,1fr); }
.brand-case .case-gallery + .case-gallery { margin-top:28px; }
.brand-case .case-art { min-width:0; margin:0; padding:0; border:0; background:none; box-shadow:none; border-radius:0; overflow:visible; }
.brand-case .case-art img { display:block; width:100%; height:auto; max-height:none; aspect-ratio:auto; object-fit:contain; border:0; border-radius:4px; box-shadow:none; transition:opacity .2s ease; }
.brand-case .case-art figcaption { margin-top:10px; padding:0; color:#4c5160; font-size:13px; line-height:1.65; background:none; text-align:left; }
.brand-case .case-gallery--characters { gap:36px; }
.brand-case .case-gallery--characters figcaption { font-size:15px; font-weight:600; color:#20242f; }
@media (hover:hover) { .brand-case .case-art img:hover { opacity:.94; } }
@media (max-width:600px) {
  .brand-case .case-gallery { grid-template-columns:minmax(0,1fr); gap:22px; }
  .brand-case .case-context { margin-top:14px; }
  .brand-case .proj-head h2 { font-size:27px; }
}
@media (prefers-reduced-motion:reduce) { .brand-case .case-art img { transition:none; } }

body[data-page="commercial"] .ink-canvas { opacity:.26; }

.brand-case .case-roles { margin:0 0 24px; }
.brand-case .case-site-link { margin:0 0 8px; }