body{
  padding: 0 !important;
  margin: 0 !important;
}



/* ===== HERO ===== */
.ft-hero{
  position: relative;
  height: 780px;
  color:#fff;
  font-family: Swissra-Bold;
      display: none;

}

/* background */
.ft-hero__bg,
.ft-hero__bg img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.ft-hero__bg img{
  object-fit:cover;
}
.ft-hero__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.25);
}

/* header */
.ft-header{
  position:absolute;
  top:0;
  width:100%;
  z-index:10;
}
.ft-header__inner{
  height:100px;
  background:rgba(255,255,255,.4);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 60px;
}

/* logo */
.ft-logo img{
  max-width:300px;
}

/* nav */
.ft-nav__menu{
  display:flex;
  gap:32px;
  list-style:none;
}
.ft-nav__menu a{
  color:#fff;
  text-decoration:none;
}

/* cta */
.ft-header__cta{
  border:1px solid #fff;
  border-radius:10px;
  padding:14px 24px;
  color:#fff;
  text-decoration:none;
}

/* hero text */
.ft-hero__content{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  text-align:center;
  font-size:48px;
}

/* burger */
.ft-burger{
  display:none;
  background:none;
  border:0;
}
.ft-burger span{
  display:block;
  width:26px;
  height:3px;
  background:#134b70;
  margin:5px 0;
}

/* ===== MOBILE ===== */
@media(max-width:992px){
  .ft-nav{display:none;}
  .ft-burger{display:block;}

  .ft-hero{height:520px;}
  .ft-hero__content{font-size:28px;}
}

/* side menu */
.ft-side{
  position:fixed;
  top:0;
  right:-280px;
  width:260px;
  height:100%;
  background:#134b70;
  z-index:20;
  padding:30px;
  transition:.3s;
}
.ft-side.open{right:0;}

.ft-side__menu{
  list-style:none;
  margin-top:40px;
}
.ft-side__menu li{
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.3);
}
.ft-side__menu a{
  color:#fff;
  text-decoration:none;
}

.ft-side__close{
  background:none;
  border:0;
  font-size:26px;
  color:#fff;
}

/* overlay */
.ft-side-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.4);
  display:none;
  z-index:15;
}
.ft-side-overlay.show{display:block;}


/* ===== Desktop header layout ===== */
.ft-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}

/* logo */
.ft-logo{ flex: 0 0 auto; }

/* nav takes middle space */
.ft-nav{ flex: 1 1 auto; }
.ft-nav__menu{
  display:flex;
  justify-content:center;
  gap:32px;
  list-style:none;
  margin:0;
  padding:0;
}

/* CTA at end */
.ft-header__cta{ flex: 0 0 auto; }

/* ===== Side menu should NEVER show by default ===== */
.ft-side,
.ft-side-overlay{
  display:none;
}

/* burger hidden on desktop */
.ft-burger{ display:none; }

/* ===== Mobile ===== */
@media (max-width: 992px){
  .ft-nav{ display:none; }
  .ft-burger{ display:block; }

  /* enable side menu only on mobile */
  .ft-side{ display:block; }
  .ft-side-overlay{ display:block; }

  /* side menu initial hidden state */
  .ft-side{ right:-280px; }
  .ft-side.open{ right:0; }

  /* overlay initial hidden */
  .ft-side-overlay{ display:none; }
  .ft-side-overlay.show{ display:block; }
}

