/* Shared editorial type scale for all portfolio case studies. */
.portfolio-case-study { --case-font: Arial, Helvetica, sans-serif; --case-body: 16px; --case-title: clamp(26px, 3vw, 32px); --case-heading: 22px; font-family: var(--case-font); font-size: var(--case-body); line-height: 1.65; }
.portfolio-case-study *, .portfolio-case-study svg text { font-family: var(--case-font) !important; }
.portfolio-case-study h1 { font-size: var(--case-title) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.01em !important; }
.portfolio-case-study h2 { font-size: var(--case-heading) !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0 !important; }
.portfolio-case-study h3 { font-size: 18px !important; font-weight: 700 !important; line-height: 1.4 !important; }
.portfolio-case-study section p:not(.eyebrow):not(.live-cap):not([class*="uppercase"]):not([class*="text-[10px]"]):not([class*="text-[11px]"]):not([class*="text-[12px]"]):not([class*="text-[13px]"]):not([class*="text-xs"]) { font-size: var(--case-body) !important; line-height: 1.65 !important; }
.portfolio-case-study .case-index { font-size: 12px; font-weight: 400; line-height: 1.25; }
.mga-case-layout { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 40px; max-width: 1420px; padding-inline: 32px; margin-inline: auto; }
.mga-case-index { padding-top: 0; }
.mga-case-index .case-index { top: 6rem; }
.mga-case-index a[aria-current="location"] { color: #191815; font-weight: 700; }
@media (max-width: 767px) { .mga-case-layout { display: block; padding-inline: 0; } .mga-case-index { display: none; } }