.page-header { padding-top: 22px; min-height: 390px; }
.trip-brand { display: inline-block; margin-bottom: 18px; }
.trip-brand img { display: block; width: 300px; max-width: 70vw; height: auto; }
.trip-nav { margin: 0 auto 24px; }
.trip-nav ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; list-style: none; padding: 0; margin: 0; }
.trip-nav li, .trip-nav li + li { margin: 0; }
.trip-nav a { display: block; padding: 14px 13px; color: #fff; font-weight: 700; font-size: 18px; text-decoration: none; background: rgb(0 0 0 / 28%); border-bottom: 3px solid transparent; }
.trip-nav a:hover, .trip-nav a:focus-visible { background: rgb(255 255 255 / 90%); color: #222; }
.trip-nav a[aria-current="page"] { background: #fff; color: #222; border-bottom-color: #222; }
@media (max-width: 767px) {
  .page-header { padding: 22px 0 48px; }
  .trip-brand { margin-bottom: 18px; }
  .trip-brand img { width: 230px; }
  .trip-nav ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
  .trip-nav a { padding: 10px 5px; font-size: 14px; }
  .trip-nav li:last-child { grid-column: 1 / -1; }
  .page-backdrop { height: 580px; }
}

.back-to-trips { position: absolute; top: 24px; left: 18px; max-width: 260px; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.3; text-align: left; text-decoration: none; text-transform: uppercase; background: rgb(0 0 0 / 45%); padding: 10px 12px; }
.back-to-trips:hover { color: #fff; background: rgb(0 0 0 / 65%); text-decoration: underline; }
@media (max-width: 1000px) {
  .back-to-trips { position: static; display: block; width: fit-content; max-width: 100%; margin: 0 0 20px; font-size: 12px; }
}