.brand{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.brand-logo{display:block;width:120px;height:auto;aspect-ratio:1;object-fit:contain}
.top{padding-block:18px}
.top .brand-logo{width:156px}
.hero-content{padding-top:220px}
.detail-header{padding-block:12px}
.footer-brand .brand-logo{width:124px}
@media(min-width:1700px){.hero-content{padding-top:235px}}
@media(max-width:1050px) and (min-width:801px){.top .brand-logo{width:136px}.top nav{gap:20px}.links{gap:20px}}
@media(max-width:800px){.top{padding-block:14px}.top .brand-logo{width:128px}.hero-content{padding-top:188px}}
@media(max-width:600px){.detail-header .brand-logo{width:94px}.detail-header{padding-block:10px}.detail-header nav{gap:16px}.header-links{gap:12px}.footer-brand .brand-logo{width:118px}}