html[lang="en"]{--font:'DM Sans',Arial,sans-serif}
html[lang="en"] .brand-art{aspect-ratio:1540/469}
html[lang="en"] .brand-art>img{width:100%;height:100%;left:0;top:0;object-fit:contain;mix-blend-mode:screen}
html[lang="en"] .header .brand-art{width:260px}
html[lang="en"] .footer-brand>.brand-art{width:340px}
html[lang="en"] .hero h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(30px,3.8vw,54px);letter-spacing:-.055em;white-space:normal;max-width:600px;line-height:1.12}
html[lang="en"] .hero-description{max-width:380px;line-height:1.8}
html[lang="en"] .ranking-copy h3,html[lang="en"] .catalog-content h3{line-height:1.3}
html[lang="en"] .theme-group-tabs button{white-space:nowrap}
@media(max-width:760px){html[lang="en"] .header .brand-art{width:min(210px,calc(90vw - 144px))}html[lang="en"] .footer-brand>.brand-art{width:min(100%,310px)}html[lang="en"] .hero h1{font-size:clamp(30px,8.6vw,45px);max-width:95%;line-height:1.1}html[lang="en"] .hero-copy{padding-bottom:6px}html[lang="en"] .section-heading h2{font-size:26px}html[lang="en"] .ranking-more{font-size:11px;letter-spacing:0}}