/* Canonical homepage header. This file owns the full desktop and mobile treatment. */
body.rm-page-home .site-nav.repmation-shared-header{
  position:sticky;
  top:0;
  z-index:100;
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto minmax(260px,1fr);
  align-items:center;
  gap:clamp(22px,3vw,44px);
  min-height:72px;
  padding:11px clamp(20px,3.2vw,44px)!important;
  background:#171513!important;
  border:0!important;
  border-bottom:1px solid #3A342E!important;
  box-shadow:0 10px 30px rgba(23,21,19,.2)!important;
  color:#F7F4F1!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

body.rm-page-home .site-nav.repmation-shared-header.compact{
  min-height:64px;
  padding-block:7px!important;
  background:#171513!important;
  border-bottom-color:#3A342E!important;
  box-shadow:0 12px 34px rgba(0,0,0,.34)!important;
}

body.rm-page-home .site-nav .repmation-shared-brand{
  justify-self:start;
  gap:10px!important;
  color:#F7F4F1!important;
}

body.rm-page-home .site-nav .repmation-shared-brand .brand-mark{
  width:32px!important;
  height:32px!important;
}

body.rm-page-home .site-nav .repmation-shared-brand .brand-frame{
  fill:#F54703!important;
}

body.rm-page-home .site-nav .repmation-shared-brand .brand-star{
  fill:#FFFFFF!important;
}

body.rm-page-home .site-nav .repmation-shared-brand .brand-wordmark,
body.rm-page-home .site-nav .repmation-shared-brand .brand-wordmark-rep,
body.rm-page-home .site-nav .repmation-shared-brand .brand-wordmark-mation{
  color:#FFFFFF!important;
}

body.rm-page-home .site-nav .repmation-shared-brand .brand-wordmark{
  display:inline-flex;
  font-family:Archivo,Arial,sans-serif!important;
  font-size:27px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}

body.rm-page-home .site-nav .brand-type small,
body.rm-page-home .site-nav .brand-type small{
  display:none!important;
}

body.rm-page-home .site-nav .desktop-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(20px,2.3vw,32px);
}

body.rm-page-home .site-nav .desktop-nav a,
body.rm-page-home .site-nav .nav-login{
  position:relative;
  color:rgba(247,244,241,.82)!important;
  font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  text-shadow:none!important;
  transition:color .16s ease;
}

body.rm-page-home .site-nav .desktop-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-8px;
  height:2px;
  background:#F54703;
  opacity:0;
  transform:scaleX(.45);
  transition:opacity .16s ease,transform .16s ease;
}

body.rm-page-home .site-nav .desktop-nav a:hover,
body.rm-page-home .site-nav .desktop-nav a:focus-visible,
body.rm-page-home .site-nav .nav-login:hover,
body.rm-page-home .site-nav .nav-login:focus-visible{
  color:#FFFFFF!important;
}

body.rm-page-home .site-nav .desktop-nav a:hover::after,
body.rm-page-home .site-nav .desktop-nav a:focus-visible::after{
  opacity:1;
  transform:scaleX(1);
}

body.rm-page-home .site-nav .nav-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:14px;
}

body.rm-page-home .site-nav .button-primary{
  min-height:42px!important;
  padding:11px 16px!important;
  border:1px solid #F54703!important;
  border-radius:8px!important;
  background:#F54703!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
  font-family:Archivo,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
  white-space:nowrap;
}

body.rm-page-home .site-nav .button-primary:hover{
  border-color:#D93B02!important;
  background:#D93B02!important;
  color:#FFFFFF!important;
  box-shadow:0 10px 24px rgba(245,71,3,.24)!important;
  transform:translateY(-1px);
}

body.rm-page-home .site-nav a:focus-visible,
body.rm-page-home .site-nav button:focus-visible{
  outline:3px solid #F7F4F1!important;
  outline-offset:3px;
}

body.rm-page-home .site-nav .menu-button{
  display:none;
  justify-self:end;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  border:1px solid rgba(247,244,241,.5)!important;
  border-radius:8px!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.rm-page-home .site-nav .menu-button:hover,
body.rm-page-home .site-nav .menu-button:focus-visible{
  border-color:#F7F4F1!important;
  background:rgba(247,244,241,.08)!important;
}

body.rm-page-home .site-nav .menu-button span{
  display:block;
  width:18px!important;
  height:2px;
  margin:5px auto;
  background:#FFFFFF!important;
}

body.rm-page-home .site-nav .mobile-menu{
  position:absolute;
  inset:100% 0 auto;
  display:none;
  padding:12px 20px calc(22px + env(safe-area-inset-bottom));
  background:#171513!important;
  border:0!important;
  border-top:1px solid #3A342E!important;
  border-bottom:1px solid #3A342E!important;
  box-shadow:0 22px 38px rgba(0,0,0,.34)!important;
}

body.rm-page-home .site-nav .mobile-menu.open{
  display:block;
}

body.rm-page-home .site-nav .mobile-menu>a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:15px 8px;
  border-bottom:1px solid rgba(247,244,241,.12);
  color:#F7F4F1!important;
  font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}

body.rm-page-home .site-nav .mobile-menu>a:hover,
body.rm-page-home .site-nav .mobile-menu>a:focus-visible{
  color:#FFFFFF!important;
  background:rgba(247,244,241,.05)!important;
}

body.rm-page-home .site-nav .mobile-menu-actions{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:10px;
  margin-top:16px;
}

body.rm-page-home .site-nav .mobile-menu-actions .button{
  min-height:48px!important;
  padding:13px 12px!important;
  border-radius:8px!important;
  font-family:Archivo,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

body.rm-page-home .site-nav .mobile-menu-actions .button-secondary{
  border-color:rgba(247,244,241,.5)!important;
  background:transparent!important;
  color:#F7F4F1!important;
}

body.rm-page-home .site-nav .mobile-menu-actions .button-secondary:hover{
  border-color:#F7F4F1!important;
  background:rgba(247,244,241,.08)!important;
}

@media(max-width:1180px){
  body.rm-page-home .site-nav.repmation-shared-header{
    grid-template-columns:1fr auto;
    gap:20px;
    min-height:68px;
    padding:10px 20px!important;
  }

  body.rm-page-home .site-nav .desktop-nav,
  body.rm-page-home .site-nav>.nav-actions{
    display:none!important;
  }

  body.rm-page-home .site-nav .menu-button{
    display:block!important;
  }
}

@media(max-width:560px){
  body.rm-page-home .site-nav.repmation-shared-header{
    min-height:64px;
    padding:9px 14px!important;
  }

  body.rm-page-home .site-nav .repmation-shared-brand{
    gap:8px!important;
  }

  body.rm-page-home .site-nav .repmation-shared-brand .brand-mark{
    width:30px!important;
    height:30px!important;
  }

  body.rm-page-home .site-nav .repmation-shared-brand .brand-wordmark{
    font-size:22px!important;
  }

  body.rm-page-home .site-nav .menu-button{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }

  body.rm-page-home .site-nav .mobile-menu{
    padding-inline:14px;
  }

  body.rm-page-home .site-nav .mobile-menu-actions{
    grid-template-columns:1fr;
  }
}