.masthead {
  display: block;
  min-height: auto;
  padding: 32px 3.5vw 28px;
}

.hero-copy h2 {
  line-height: .9;
}

.trip-five .plan-option summary .trip-copy b,
.trip-five .trip-static .trip-copy b {
  font-size: 40px;
}

.hero-controls {
  bottom: 14px;
  gap: 8px;
  padding: 5px 7px;
  background: transparent;
  backdrop-filter: none;
}

.hero .hero-arrow {
  width: 24px;
  height: 24px;
  border-color: rgba(255, 255, 255, .45);
  background: rgba(0, 31, 70, .08);
  opacity: .35;
  font-size: 19px;
  transition: opacity .2s ease, background .2s ease;
}

.hero:hover .hero-arrow,
.hero .hero-arrow:focus-visible {
  opacity: .9;
  background: rgba(0, 31, 70, .28);
}

.hero .hero-dot {
  width: 6px;
  height: 6px;
  border-color: rgba(255, 255, 255, .75);
  opacity: .65;
}

.hero .hero-dot.is-active {
  opacity: 1;
}

.bonaire-weather {
  padding: 18px 3.5vw 14px;
  background: var(--paper);
  border-bottom: 1px solid var(--line);
}

.bonaire-weather::before {
  display: none;
}

.plan-stay {
  border-top: 0;
}

.bonaire-weather .weatherwidget-io {
  min-height: 92px;
}

@media (max-width: 800px) {
  .hero-copy h2 {
    line-height: .94;
  }

  .trip-five .plan-option summary .trip-copy b,
  .trip-five .trip-static .trip-copy b {
    font-size: 29px;
  }

  .hero .hero-arrow {
    display: none;
  }

  .bonaire-weather {
    padding: 14px 20px 10px;
  }

  .bonaire-weather::before {
    margin-bottom: 10px;
  }

  .bonaire-weather .weatherwidget-io {
    min-height: 110px;
  }
}