.elementor-5444 .elementor-element.elementor-element-e307c9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-5444 .elementor-element.elementor-element-e307c9f{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-c6263de *//* =========================
   UNIVERSAL HEADER
========================= */

.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  height:104px;
  z-index:99999;

  padding:0 6vw;

  display:grid;
  grid-template-columns:150px 1fr auto auto;

  align-items:center;

  gap:34px;

  transition:
  height .45s ease,
  transform .45s ease;
}

.site-header::before{
  content:"";

  position:absolute;
  inset:0;

  z-index:-1;

  background:rgba(9,9,9,0);

  backdrop-filter:blur(0);
  -webkit-backdrop-filter:blur(0);

  border-bottom:1px solid transparent;

  transition:.45s ease;
}

.site-header.scrolled{
  height:82px;
}

.site-header.scrolled::before{
  background:rgba(9,9,9,.88);

  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);

  border-bottom:
  1px solid
  rgba(255,255,255,.08);
}

/* LOGO */

.brand{
  display:flex;
  align-items:center;
  height:100%;
}

.brand img{
  width:118px;
  display:block;
}

/* CLAIM */

.header-claim{
  font-size:10px;

  letter-spacing:.28em;

  text-transform:uppercase;

  color:
  rgba(244,239,231,.68);

  white-space:nowrap;
}

/* NAVIGATION */

.desktop-nav{
  display:flex;

  align-items:center;
  justify-content:flex-end;

  gap:36px;
}

.desktop-nav a{
  position:relative;

  font-size:12px;

  letter-spacing:.17em;

  text-transform:uppercase;

  color:#f4efe7;

  opacity:.82;

  transition:.3s ease;

  white-space:nowrap;
}

.desktop-nav a::after{
  content:"";

  position:absolute;

  left:0;
  bottom:-10px;

  width:0;
  height:1px;

  background:#d8b98f;

  transition:.35s ease;
}

.desktop-nav a:hover{
  color:#d8b98f;
  opacity:1;
}

.desktop-nav a:hover::after{
  width:100%;
}

/* CTA */

.header-cta{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  padding:14px 24px;

  border:
  1px solid
  rgba(255,255,255,.32);

  border-radius:999px;

  font-size:11px;

  letter-spacing:.16em;

  text-transform:uppercase;

  color:#f4efe7;

  transition:.35s ease;

  white-space:nowrap;
}

.header-cta:hover{
  background:#f4efe7;
  color:#090909;
}

/* BURGER */

.burger{
  display:none;

  background:none;
  border:0;

  width:42px;
  height:42px;

  cursor:pointer;

  z-index:100000;
}

.burger span{
  display:block;

  width:28px;
  height:1px;

  background:#fff;

  margin:8px auto;

  transition:.35s ease;
}

.burger.active span:first-child{
  transform:
  rotate(45deg)
  translateY(6px);
}

.burger.active span:last-child{
  transform:
  rotate(-45deg)
  translateY(-6px);
}

/* MOBILE MENU */

.mobile-menu{
  position:fixed;

  inset:0;

  z-index:9999;

  background:#090909;

  display:flex;

  flex-direction:column;

  justify-content:center;

  padding:8vw;

  transform:translateY(-100%);

  transition:
  transform .8s cubic-bezier(.76,0,.24,1);
}

.mobile-menu.active{
  transform:translateY(0);
}

.mobile-menu a{
  font-size:
  clamp(48px,13vw,96px);

  line-height:1;

  font-weight:300;

  letter-spacing:-.06em;

  color:#f4efe7;

  margin:10px 0;

  transition:.3s ease;
}

.mobile-menu a:hover{
  color:#d8b98f;
}

body.menu-open{
  overflow:hidden;
}

/* MOBILE */

@media(max-width:900px){

  .site-header{
    height:76px;

    padding:0 22px;

    display:flex;

    align-items:center;
    justify-content:space-between;
  }

  .site-header.scrolled{
    height:68px;
  }

  .desktop-nav,
  .header-claim,
  .header-cta{
    display:none;
  }

  .burger{
    display:block;
  }

  .brand img{
    width:92px;
  }

}/* End custom CSS */