/* V36 FAQ — shorter photographic hero and simplified reservation questions. */

.faq-page-v36 .faq-hero-v36,
.faq-page-v36 .faq-hero-v36 .inner-hero-content {
  min-height: 450px;
}

.faq-page-v36 .faq-hero-v36 {
  background: #07343a;
}

.faq-page-v36 .faq-hero-v36::before,
.faq-page-v36 .faq-hero-v36::after {
  display: none;
}

.faq-page-v36 .faq-hero-v36 .inner-hero-image {
  object-position: center 48%;
}

.faq-page-v36 .faq-hero-v36 .inner-hero-overlay {
  background:
    linear-gradient(90deg, rgba(3, 31, 36, .96) 0%, rgba(3, 31, 36, .86) 39%, rgba(3, 31, 36, .5) 64%, rgba(3, 31, 36, .2) 100%),
    linear-gradient(0deg, rgba(3, 31, 36, .24), transparent 48%);
}

.faq-page-v36 .faq-hero-v36 .inner-hero-content {
  justify-content: center;
  padding-block: 44px;
}

.faq-page-v36 .faq-hero-v36 h1 {
  max-width: 720px;
}

.faq-page-v36 .faq-hero-v36 .inner-hero-lead {
  max-width: 680px;
  margin: 18px 0 24px;
}

@media (max-width: 760px) {
  .faq-page-v36 .faq-hero-v36,
  .faq-page-v36 .faq-hero-v36 .inner-hero-content {
    min-height: 500px;
  }

  .faq-page-v36 .faq-hero-v36 .inner-hero-image {
    object-position: 68% center;
  }

  .faq-page-v36 .faq-hero-v36 .inner-hero-overlay {
    background: linear-gradient(180deg, rgba(3, 31, 36, .91), rgba(3, 31, 36, .84) 62%, rgba(3, 31, 36, .76));
  }

  .faq-page-v36 .faq-hero-v36 .inner-hero-content {
    justify-content: flex-end;
    padding-block: 42px;
  }
}