/* Qubby unified site header */
.qubby-global-header,
.qubby-global-header *{box-sizing:border-box}

.qubby-global-header{
  position:sticky;
  top:0;
  z-index:1000;
  width:100%;
  min-height:84px;
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:28px;
  padding:0 max(22px,4vw);
  background:rgba(243,239,230,.96);
  color:#151515;
  border-bottom:4px solid #151515;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.qubby-global-header .qubby-header-brand{
  display:flex;
  align-items:center;
  line-height:0;
  min-width:0;
}

.qubby-global-header .qubby-header-brand img{
  display:block;
  width:clamp(116px,10vw,150px);
  height:auto;
}

.qubby-global-header .qubby-header-nav{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(20px,2vw,34px);
}

.qubby-global-header .qubby-header-nav a,
.qubby-global-header .qubby-header-cta{
  color:#151515;
  text-decoration:none;
  font:900 11px/1 Arial,sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
}

.qubby-global-header .qubby-header-nav a{
  position:relative;
  padding:12px 0 10px;
}

.qubby-global-header .qubby-header-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:3px;
  height:3px;
  background:#151515;
  transition:right .18s ease;
}

.qubby-global-header .qubby-header-nav a:hover::after,
.qubby-global-header .qubby-header-nav a:focus-visible::after{right:0}

.qubby-global-header .qubby-header-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:0 18px;
  background:#2357D9;
  color:#fff;
  border:3px solid #151515;
  box-shadow:5px 5px 0 #151515;
  transition:transform .15s ease,box-shadow .15s ease;
  justify-self:end;
}

.qubby-global-header .qubby-header-cta:hover,
.qubby-global-header .qubby-header-cta:focus-visible{
  transform:translate(-2px,-2px);
  box-shadow:7px 7px 0 #151515;
}

.qubby-global-header .qubby-header-cta:active{
  transform:translate(3px,3px);
  box-shadow:2px 2px 0 #151515;
}


@media (min-width:761px) and (max-width:1020px){
  .qubby-global-header{
    gap:20px;
    padding-inline:22px;
  }
  .qubby-global-header .qubby-header-brand img{width:120px}
  .qubby-global-header .qubby-header-nav{gap:18px}
  .qubby-global-header .qubby-header-nav a,
  .qubby-global-header .qubby-header-cta{font-size:9px;letter-spacing:.08em}
  .qubby-global-header .qubby-header-cta{padding-inline:14px}
}

@media (max-width:760px){
  .qubby-global-header{
    position:sticky;
    min-height:0;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "brand cta"
      "nav nav";
    gap:0 18px;
    padding:12px 16px 0;
    border-bottom-width:3px;
  }

  .qubby-global-header .qubby-header-brand{grid-area:brand}
  .qubby-global-header .qubby-header-cta{grid-area:cta;min-height:40px;padding-inline:14px;font-size:9px;box-shadow:4px 4px 0 #151515}

  .qubby-global-header .qubby-header-nav{
    grid-area:nav;
    width:calc(100% + 32px);
    margin:11px -16px 0;
    padding:0 14px;
    min-height:48px;
    justify-content:flex-start;
    gap:0;
    border-top:3px solid #151515;
    overflow-x:auto;
    scrollbar-width:none;
    background:#F3EFE6;
  }
  .qubby-global-header .qubby-header-nav::-webkit-scrollbar{display:none}
  .qubby-global-header .qubby-header-nav a{
    flex:0 0 auto;
    padding:17px 14px 14px;
    font-size:9px;
  }
}

@media (max-width:390px){
  .qubby-global-header{padding-inline:12px;gap:0 10px}
  .qubby-global-header .qubby-header-brand img{width:106px}
  .qubby-global-header .qubby-header-cta{padding-inline:11px;font-size:8px}
  .qubby-global-header .qubby-header-nav{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;padding-inline:8px}
  .qubby-global-header .qubby-header-nav a{padding-inline:10px;font-size:8px}
}

@media (prefers-reduced-motion:reduce){
  .qubby-global-header .qubby-header-nav a::after,
  .qubby-global-header .qubby-header-cta{transition:none}
}