/* Give the vertical mark enough header space to show the full wordmark. */
.main-header { height: 104px !important; }
.main-header__layout, .main-header__inner { height: 104px !important; }
.main-header__logo { height: 96px !important; }
.main-header__logo .logo-light {
  position: absolute;
  top: 0;
  width: 72px !important;
  height: 96px !important;
  overflow: hidden;
}
.main-header__logo .logo-light a {
  display: block;
  width: 72px;
  height: 96px;
}
.main-header__logo .logo-light img {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px !important;
  height: 96px !important;
  max-height: none !important;
}
.main-header__logo .logo-dark {
  width: 182px !important;
  height: 66px !important;
  overflow: hidden;
}
.main-header__logo .logo-dark a {
  display: block;
  width: 182px;
  height: 66px;
}
.main-header__logo .logo-dark img {
  position: relative;
  top: -50px;
  width: auto !important;
  height: 154px !important;
  max-height: none !important;
}
@media (max-width: 767px) {
  .main-header, .main-header__layout, .main-header__inner { height: 88px !important; }
  .main-header__logo { height: 80px !important; }
  .main-header__logo .logo-light,
  .main-header__logo .logo-light a {
    width: 60px !important;
    height: 80px !important;
  }
  .main-header__logo .logo-light { top: 0; }
  .main-header__logo .logo-light img {
    top: 0;
    left: 0;
    width: 60px !important;
    height: 80px !important;
  }
  .main-header__logo .logo-dark,
  .main-header__logo .logo-dark a {
    width: 158px !important;
    height: 58px !important;
  }
  .main-header__logo .logo-dark img {
    top: -43px;
    height: 133px !important;
  }
}
/* Keep the long About headline from leaving a single letter on its own line. */
.ze3-about-title {
  font-size: clamp(36px, 4.7vw, 56px) !important;
}
.page-id-15 .ms-sp--header { display: none; }
@media (max-width: 768px) {
  .home .hero-static-word { display: none !important; }
  .home .ze3-play-video {
    position: absolute;
    z-index: 20;
    top: 28px;
    right: 20px;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 4px;
    background: rgba(0,0,0,.65);
    color: #fff;
    padding: 10px 14px;
    font: 600 12px/1.2 Inter,Arial,sans-serif;
    cursor: pointer;
  }
}
.ze3-contact {
  max-width: 1120px;
  margin: 0 auto;
  min-height: min(710px, 80vh);
  padding: clamp(74px, 10vw, 145px) 0 90px;
  color: #f4f1eb;
}
.ze3-contact__eyebrow,
.ze3-contact__details span {
  display: block;
  color: #fbd316;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .22em;
}
.ze3-contact h1 {
  margin: 22px 0 28px;
  font-family: 'Syne', sans-serif;
  font-size: clamp(48px, 7vw, 100px);
  font-weight: 800;
  line-height: .99;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
.ze3-contact h1 span { color: #fbd316; }
.ze3-contact__intro {
  max-width: 650px;
  color: #b8b8b8;
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.65;
}
.ze3-contact__actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 38px 0 90px; }
.ze3-contact__actions a {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  min-width: 205px;
  padding: 19px 22px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s ease;
}
.ze3-contact__actions a:hover { opacity: .78; }
.ze3-contact__primary { background: #fbd316; color: #111 !important; }
.ze3-contact__secondary { color: #f4f1eb !important; border: 1px solid #5b5b5b; }
.ze3-contact__details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  border-top: 1px solid #444;
  padding-top: 30px;
}
.ze3-contact__details span { color: #888; margin-bottom: 12px; }
.ze3-contact__details a { color: #f4f1eb; text-decoration: none; }
.ze3-contact__details nav { display: flex; gap: 18px; flex-wrap: wrap; }
@media (max-width: 767px) {
  .ze3-contact { padding: 70px 0 65px; min-height: 0; }
  .ze3-contact__actions { margin-bottom: 60px; }
  .ze3-contact__actions a { width: 100%; }
  .ze3-contact__details { grid-template-columns: 1fr; }
}