.metrics .section__header:not(:last-child){margin-bottom:clamp(2rem,1.6rem + 2vw,4rem)}.metrics__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.5rem,1.45rem + .25vw,1.75rem);display:grid}.metrics__grid>li{grid-column:span 3}.metrics__grid>.metrics__portfolio{grid-area:span 2/1/auto/span 6}.metrics__grid>.metrics__ratings{grid-column:7/span 6}.metrics__card{border-radius:var(--border-radius-24);background-color:var(--color-basic-white-5);padding:clamp(1.5rem,1.2rem + 1.5vw,3rem) clamp(1.5rem,1.325rem + .875vw,2.375rem);overflow:hidden}.metrics__card-header:not(:last-child){margin-bottom:1.5rem}.metrics__info{flex-direction:column-reverse;flex:auto;gap:1.5rem;min-width:0}.metrics__value{font-size:clamp(1.875rem,1.55rem + 1.625vw,3.5rem)}.metrics__label{color:var(--color-basic-white-60);font-size:clamp(1rem,.95rem + .25vw,1.25rem)}.metrics__img{border-radius:var(--border-radius-24);overflow:hidden}.metrics__img picture{display:contents}.metrics__img img{width:100%;height:auto;display:block;transform:scale(1.01)}.metrics__stat{flex-direction:column-reverse;gap:1rem}.metrics__icon{flex:0 0 2rem;width:2rem;height:2rem}.metrics__icon picture{display:contents}.metrics__icon img{object-fit:contain;width:100%;height:100%;display:block}.metrics__ratings-list{grid-template-columns:var(--grid-4);gap:1rem;display:grid}.metrics__rating{background-color:var(--color-basic-white-5);height:5rem;transition:background-color var(--transition-duration);border-radius:1.125rem;padding:1rem}@media (any-hover:hover){.metrics__rating:hover{background-color:var(--color-basic-white-10)}}@media (width>=80rem){.metrics__rating{padding:1.5rem}}@media (width<=61rem){.metrics__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.metrics__grid>.metrics__portfolio,.metrics__grid>.metrics__ratings{grid-area:auto/1/auto/-1}.metrics__ratings-list{grid-template-columns:var(--grid-2)}}@media (width<=47rem){.metrics__grid>li{grid-column:1/-1}}.metrics__title{font-family:var(--body-font-family);font-weight:var(--body-font-weight)}