of-case-hero{--section-y:3rem;background-color:var(--color-brand-gray);> of-inner{gap:2.5rem;@media(min-width:576px){gap: 4rem;}@media(min-width:1200px){gap: 4.5rem; width: var(--page-width-narrow);}}> of-inner > div{gap:1rem;@media(min-width:576px){gap: 2rem;}}> of-inner > img{border-radius:1.5rem}of-case-meta{display:flex;flex-direction:column;gap:2.5rem;@media(min-width:1200px){flex-direction: row; gap: 4.5rem;}}of-case-meta > div{@media(min-width:576px){flex: 1 1 0%; width: 33.33333333%; gap: 0.5rem;}}of-case-meta h2{font-size:1rem;font-weight:400;color:var(--color-text-secondary)}}of-case-body{> of-inner{@media(min-width:1200px){width: var(--page-width-prose);}}of-accent{color:var(--color-primary);&[data-bold]{font-weight:700}} [data-important] { font-family: "Space Grotesk"; font-size: 1.6875rem; line-height: 2rem; font-weight: 500; color: var(--color-primary); text-align: justify; word-break: break-word; }}of-case-highlight{color:var(--color-text-primary-dark);gap:2.5rem;padding:2rem 1.5rem;margin-block:4.5rem;background-color:var(--color-primary);border-radius:1.5rem;h2, h3, p{color:inherit}> h2{line-height:72%}of-case-stats{display:flex;flex-direction:column;gap:3rem;&[data-compact]{gap:2.5rem}@media(min-width:1200px){flex-direction: row; flex-wrap: wrap; gap: 2.5rem; &[data-compact]{gap:2rem}}}of-case-stat{gap:1rem;> h3{font-size:1rem;font-weight:400;line-height:100%}p{font-size:1rem}small{font-size:.75rem}@media(min-width:1200px){flex: 1 1 0;}}of-case-logos{flex-wrap:wrap;gap:2rem;&[data-compact]{gap:1.5rem}img{height:3.1875rem}}of-case-figure{gap:.5rem}of-case-number{display:block;font-family:space grotesk;font-size:4rem;line-height:75%;letter-spacing:-.02em;white-space:normal;@media(min-width:576px){white-space: nowrap;}}@media(min-width:576px){gap: 4rem; padding: 3rem; margin-block: 6rem;}@media(min-width:1200px){position: relative; left: -296px; width: min(87rem,100vw - var(--page-gutter-wide)); padding: 7.5rem 5.5rem; margin-block: 7rem;}}