/* Original metallic identity, composed on transparent pixels without clipping. */
.site-brand{position:relative;display:block;width:300px;max-width:100%;flex:0 0 auto;line-height:1;isolation:isolate}
.site-brand img{display:block;position:static;width:100%;height:auto;max-width:100%;object-fit:contain;margin:0;border:0;border-radius:0}
.site-brand small{position:absolute;left:28%;top:79%;width:67%;margin:0;text-align:center;white-space:nowrap;color:#acc1d5;font:500 7px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:1px}
.home-header{height:112px}
.home-header .header-inner{height:112px;gap:24px}
.home-header .nav-mobile-contact{display:none}
.hero .actions{gap:14px}
.hero .hero-catalog-link{border:1px solid #5c8ca9;color:#b9e9ff;padding:14px 19px;white-space:nowrap}
.hero .hero-catalog-link:hover{background:#71d9ff12;border-color:#71d9ff}
.catalog-header .header-inner{height:112px}
.christmas-header{padding-top:10px;padding-bottom:10px}
html{scroll-padding-top:126px}

@media(max-width:1100px) and (min-width:1081px){
  .home-header .site-brand{width:260px}
  .home-header .header-inner{gap:18px}
  .home-header nav{gap:18px}
}
@media(max-width:1080px){
  .home-header{height:104px}
  .home-header .header-inner{height:104px;gap:16px}
  .home-header .site-brand{width:300px;max-width:calc(100% - 56px)}
  .home-header .header-cta{display:none}
  .home-header .menu-toggle{display:flex;flex:0 0 40px;width:40px;height:40px;flex-direction:column;gap:6px;align-items:center;justify-content:center;border:1px solid #ffffff35;border-radius:6px;background:none}
  .home-header .menu-toggle span{width:17px;height:1px;background:#d1e9ff;transition:transform .2s}
  .home-header .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .home-header .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .home-header nav{display:none;position:absolute;left:0;right:0;top:103px;flex-direction:column;gap:0;padding:12px 20px 20px;background:#091321;border-bottom:1px solid #ffffff18;box-shadow:0 14px 20px #0005}
  .home-header nav.open{display:flex}
  .home-header nav a{font-size:17px;padding:14px;border-bottom:1px solid #ffffff18}
  .home-header nav .nav-mobile-contact{display:block;color:#91e0ff}
}
@media(max-width:600px){
  .home-header .site-brand{width:288px}
  .site-brand small{font-size:6.5px;letter-spacing:.65px}
  .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:430px}
  .hero .actions>.primary{grid-column:1 / -1}
  .hero .actions>.text-link{justify-content:center;font-size:12px;gap:12px}
  .hero .hero-catalog-link{padding:13px 17px;justify-content:center;font-size:12px}
  .catalog-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;gap:3px 12px;padding-top:6px;padding-bottom:10px}
  .catalog-header .site-brand{width:280px;max-width:100%;grid-column:1;grid-row:1}
  .catalog-header .header-contact{grid-column:2;grid-row:1;white-space:nowrap;font-size:11px;padding:10px 12px}
  .catalog-header nav{display:flex;grid-column:1 / -1;grid-row:2;justify-content:center;gap:26px;font-size:12px;line-height:1.5}
  .catalog-header nav a:first-child,.catalog-header nav a[aria-current]{display:block}
  .christmas-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:8px 20px}
  .christmas-header .site-brand{width:260px;max-width:100%}
  .christmas-header .contact{margin-left:0;padding:10px;font-size:11px;white-space:nowrap}
}
@media(max-width:360px){
  .site-brand small{font-size:5.5px;letter-spacing:.35px}
  .home-header{height:94px}
  .home-header .header-inner{height:94px}
  .home-header nav{top:93px}
  .catalog-header .header-contact{padding:9px;font-size:10px}
}