#section-hero{gap:var(--gap-lg);padding:44px var(--internal-padding-x);background-color:var(--bg-panel);border:1px solid var(--line-color);border-radius:var(--radius);grid-template-columns:1fr 390px;align-items:center;display:grid}#section-hero .hero__copy{flex-direction:column;gap:18px;max-width:520px;display:flex}#section-hero .hero__title{text-transform:uppercase}#section-hero .hero__title span{color:var(--primary)}#section-hero .hero__feature{background-color:var(--bg-raised);border:1px solid var(--line-color);border-radius:var(--radius);display:flex;overflow:hidden}#section-hero .hero__portrait{background-color:var(--bg-hover);flex-shrink:0;width:160px;position:relative}#section-hero .hero__portrait img{object-fit:cover;width:100%;height:100%}#section-hero .hero__portrait .rank{position:absolute;top:10px;right:-13px}#section-hero .hero__details{flex-direction:column;flex:1;gap:10px;min-width:0;padding:16px;display:flex}#section-hero .hero__name{font-size:var(--text-xl);font-weight:var(--weight-bold)}#section-hero .hero__divider{background-color:var(--line-color);height:1px}@media screen and (width<=1250px){#section-hero{grid-template-columns:1fr}}@media screen and (width<=520px){#section-hero .hero__feature{flex-direction:column}#section-hero .hero__portrait{width:100%;height:220px}}