of-case-fields{display:flex;flex-wrap:wrap;gap:1.5rem;@media(min-width:576px){gap: 2rem;}}of-case-field{width:45%;> h3{font-size:1rem;font-weight:400;color:var(--color-text-secondary)}@media(min-width:576px){flex: 1 1 0%; width: 11.9375rem; gap: 0.5rem;}}of-value-props{background-color:var(--color-black);> of-inner[data-stack]{gap:3rem}of-eyebrow{justify-content:center}> of-inner > h2{text-align:center;color:var(--color-text-secondary-dark)}> of-inner > ul[data-row]{align-items:stretch;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:1.5rem -.75rem 0;> li{flex-shrink:0;width:100%;padding-inline:.75rem;@media(min-width:576px){width: 66.66666667%;}@media(min-width:1200px){width: auto; padding-inline: 0;}}}of-value{gap:1rem;> header[data-row]{align-items:flex-start;justify-content:space-between;> img{width:2.5rem;height:2.5rem;margin-bottom:10rem}}> h3{margin-top:5rem;color:var(--color-white)}> p{color:var(--color-text-secondary-dark)}}of-value-detail{padding:1.5rem;background-color:var(--color-white);color:var(--color-gray-800)}@media(min-width:576px){of-value>h3{margin-top:0}of-value>p{font-size:var(--text-subtitle)}of-value-detail{padding:2rem}}@media(min-width:1200px){of-value-reveal{display:none}}}of-case-studies{> of-inner > a{gap:1.5rem;text-decoration:none;&:hover h2{color:var(--color-primary)}> img{border-radius:1.25rem}> article{gap:1.5rem;> footer{display:flex;> p[data-button]{display:none;width:fit-content;height:100%}}}@media(min-width:1200px){gap: 2rem;>article>footer{justify-content:space-between;> p[data-button]{display:block}}}}> of-inner > hr{height:1px;margin:3rem 0;border:0;opacity:1;background-color:var(--color-gray-300);@media(min-width:576px){margin-block: 5rem;}}> of-inner > of-spinner{width:3rem;height:3rem;border:4px solid var(--color-primary);border-bottom-color:var(--color-gray-300);margin:0 auto}}of-case-list{@media(min-width:576px){grid-template-columns: 1fr 1fr; column-gap: 2rem;}@media(min-width:1200px){column-gap: 3rem;}> a{gap:1.5rem;text-decoration:none;&:not(:last-child){margin-bottom:3.5rem}&:hover h2{color:var(--color-primary)}> img{height:18.75rem;border-radius:1.25rem;object-fit:cover}> article{gap:1rem}of-case-field:first-of-type{order:1}@media(min-width:576px){&:not(:last-child){margin-bottom:2rem}of-case-field:first-of-type{order:0}}@media(min-width:1200px){&:not(:last-child){margin-bottom:3rem}>img{height:25rem}}}}