.hero.hero-variant-2 {
  margin: 0;
  border-radius: 0;
  height: auto;
  min-height: max(730px, 61vw);
  background: #173848;
}
.hero-variant-2 .heroimage img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-position: center 50%;
}
.hero-variant-2::after { background: rgb(10 30 44 / 48%); }
.hero-variant-2 .hero-brand {
  top: 25px;
  left: 6%;
  padding: 0;
  background: transparent;
  filter: drop-shadow(0 0 5px #fff9);
}
.hero-variant-2 .hero-brand img { width: clamp(117px, 11vw, 164px); }
.hero-variant-2 .herocopy { padding: 200px 6% 76px; max-width: 980px; }
.hero-variant-2 h1 { font-size: clamp(43px, 6.3vw, 92px); max-width: none; }
.hero-variant-2 h1 span { display: block; font-size: .42em; letter-spacing: 0; }
.hero-variant-2 h1 em { display: block; font-size: .54em; color: #ffd28b; }
.hero-variant-2 .hero-secondary {
  color: white;
  border: 1px solid #fffc;
  background: #13283699;
}
.hero-variant-2 .hero-subtitle { margin-bottom: 18px; }
.hero-variant-2 .hero-gallery { display: none; }
.variant-facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin-top: 22px;
  padding: 12px 16px;
  border: 1px solid #ffffff80;
  border-radius: 18px;
  background: #183242b8;
  color: white;
  font-size: 14px;
}
.hero-variant-2 .variant-facts .booking-badge {
  margin: 0;
  padding: 0;
  min-height: 44px;
  background: none;
  border: 0;
}
.variant-booking { color: white; padding: 8px 0; }
.variant-menu { display: none; }

@media (max-width: 760px) {
  .hero.hero-variant-2 { min-height: max(720px, 176vw); }
  .hero-variant-2 .heroimage img { object-position: 54% center; }
  .hero-variant-2 .herocopy { padding: 170px 6% 44px; }
  .hero-variant-2 h1 { font-size: clamp(36px, 10vw, 66px); }
  .hero-variant-2 .hero-actions { gap: 8px; }
  .hero-variant-2 .button { padding: 13px 16px; }
  .variant-facts { gap: 7px 14px; }
  .variant-menu { display: block; position: absolute; z-index: 4; right: 6%; top: 28px; }
  .variant-menu summary {
    display: grid;
    place-items: center;
    width: 46px;
    min-height: 46px;
    margin-left: auto;
    border: 1px solid #fffc;
    border-radius: 12px;
    background: #183242c9;
    color: white;
    cursor: pointer;
    list-style: none;
    font-size: 23px;
  }
  .variant-menu summary::-webkit-details-marker { display: none; }
  .variant-menu nav {
    display: grid;
    min-width: 175px;
    margin-top: 6px;
    padding: 8px;
    border-radius: 12px;
    background: #183242;
    color: white;
  }
  .variant-menu nav a { color: white; padding: 10px; }
}
@media (min-width: 761px) {
  .hero-variant-2 .heroimage img { object-position: 50% 44%; }
}
.hero-variant-2 .hero-brand { filter: drop-shadow(0 0 2px #fffc); }
@media (max-width: 760px) {
  body:has(.hero-variant-2) > .mobile-sections { display: none; }
  .hero-variant-2 .hero-secondary { display: inline-flex; }
  .variant-menu { padding: 0; border: 0; }
}