.desktop-nav{padding:7px;gap:5px;font-size:16px}
.desktop-nav a{padding:13px 26px;font-size:16px;font-weight:500}
.category-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;padding:10px 5%;min-height:66px;background:#151614;border-bottom:1px solid #ffffff12}
.category-nav a{display:block;padding:10px 22px;border:1px solid transparent;border-radius:30px;color:#d4c9ae;font-size:14px;font-weight:600;letter-spacing:.55px;line-height:1.4;white-space:nowrap;transition:color .2s,background .2s,border-color .2s}
.category-nav a:hover{background:#c8ad7710;border-color:#c8ad774d;color:#f0dfba}
.category-nav a.active{background:#c8ad771c;border-color:var(--gold);color:#efd5a0}
.site-header .brand.header-brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:none;width:max-content;flex-shrink:0}
.site-header .header-brand>.brand-lockup{display:flex;align-items:center;gap:12px;max-width:none}
.site-header .header-brand .brand-name{font:800 15px/1.25 var(--sans);letter-spacing:.09em}
.site-header .header-brand .brand-tagline{display:block;font:600 10px/1.45 var(--sans);letter-spacing:0;color:#c8bd9f;white-space:nowrap;max-width:none;width:max-content}
.hero-video .hero-title{top:42px}
.hero-video-stage{top:130px}
.hero.hero-video{height:calc(100svh - 164px)}
.catalog-layout{display:block}
@media(max-width:1150px){
 .desktop-nav a{font-size:14px;padding:12px 19px}
 .category-nav{gap:4px;padding-left:3%;padding-right:3%}
 .category-nav a{font-size:13px;padding:10px 16px}
 .site-header .header-brand .brand-tagline{font-size:9px}
 .site-header .header-brand .brand-name{font-size:12px}
}
@media(max-width:900px){.desktop-nav a{font-size:13px;padding:12px 13px}}
@media(max-width:760px){.desktop-nav{display:none}.mobile-menu-btn{display:inline-flex}}
@media(max-width:700px){
 .category-nav{min-height:90px;gap:3px 5px;padding:8px 4%}
 .category-nav a{font-size:11px;padding:8px 10px;letter-spacing:.2px}
 .site-header .brand.header-brand{gap:4px}
 .site-header .header-brand>.brand-lockup{gap:9px}
 .site-header .header-brand .brand-name{font-size:11px}
 .site-header .header-brand .brand-tagline{font-size:7.5px;line-height:1.4}
 .hero-video .hero-title{top:35px}
 .hero-video-stage{top:150px}
 .hero.hero-video{height:calc(100svh - 168px);min-height:660px}
}