/* The bar and central badge share one continuous contour. */
.hero-reference-v36 .header{
  container-type:inline-size;
  height:auto;
  aspect-ratio:1742 / 107;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  isolation:isolate;
}
.hero-reference-v36 .header:before{
  content:'';
  position:absolute;
  left:0;right:0;
  top:var(--nav-frame-top,-22.4299065%);
  height:var(--nav-frame-height,156.0747664%);
  pointer-events:none;
  z-index:-1;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  mask-image:var(--nav-frame-mask);
  -webkit-mask-image:var(--nav-frame-mask);
  mask-size:100% 100%;
  -webkit-mask-size:100% 100%;
  mask-repeat:no-repeat;
  -webkit-mask-repeat:no-repeat;
}
.hero-reference-v36 .navigation-contour{
  position:absolute;
  left:0;
  top:var(--nav-frame-top,-22.4299065%);
  width:100%;
  height:var(--nav-frame-height,156.0747664%);
  overflow:visible;
  pointer-events:none;
  z-index:-1;
  stroke:none;
}
.hero-reference-v36 .header>.brand.brand-logo{
  width:15.8438576%;
  height:auto;
  aspect-ratio:276 / 167;
  top:-22.4299065%;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.hero-reference-v36 #main-nav a,
.hero-reference-v36 #main-nav button{
  font-family:Baskerville,'Times New Roman',serif;
  font-size:clamp(15px,1.2055cqw,21px);
  line-height:1.3;
  letter-spacing:0;
}
.hero-reference-v36 .header #main-nav .nav-label{
  width:auto;
  height:clamp(20px,1.60735cqw,28px);
  max-width:none;
  flex:none;
  pointer-events:none;
}
.hero-reference-v36 .header #main-nav a:hover .nav-label,
.hero-reference-v36 .header #main-nav button:hover .nav-label{filter:brightness(1.1)}
.hero-reference-v36 .header-divider{background:#c5bb88a6;height:29%;top:35.5%}
.hero-reference-v36 .header-leaf{width:1.95178cqw;height:2.29621cqw}
@media(max-width:1190px) and (min-width:701px){
  .hero-reference-v36 .header{height:70px;aspect-ratio:auto}
  .hero-reference-v36 .header>.brand.brand-logo{top:-10px;width:176px;height:auto}
  .hero-reference-v36 .header #main-nav .nav-label{height:20px}
}
@media(max-width:900px) and (min-width:701px){
  .hero-reference-v36 .header>.brand.brand-logo{width:158px}
  .hero-reference-v36 .header #main-nav .nav-label{height:18.5px}
}
@media(max-width:700px){
  .hero-reference-v36 .header{height:70px;aspect-ratio:auto}
  .hero-reference-v36 .header>.brand.brand-logo{top:-9px;width:184px;height:auto}
  .hero-reference-v36 .header #main-nav .nav-label{height:24px}
  .hero-reference-v36 .header #main-nav a,
  .hero-reference-v36 .header #main-nav button{font-size:18px}
  html:not(.js) .hero-reference-v36 .navigation-contour{display:none}
  html:not(.js) .hero-reference-v36 .header{background:#142b20e8;border:1px solid #c5b985;border-radius:24px}
  html:not(.js) .hero-reference-v36 .header>.brand.brand-logo{background:#142b20;border:1px solid #c5b985;border-radius:28px}
}
@media(max-width:360px){
  .hero-reference-v36 .header>.brand.brand-logo{width:166px}
}