/* ==========================================================
   TAKE FIVE — EDITORIAL VISUAL REFRESH
   Typography + homepage stays/testimonials
   Uses the existing Take Five navy/blue palette.
   ========================================================== */

/* Editorial type system */
html, body,
body button, body input, body select, body textarea,
body .nav-link, body .btn {
  font-family: "Jost", "Helvetica Neue", Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.t5-home-hero h1,
.t5-home-section h2,
.t5-stays-split-copy h2,
.t5-story-body h3 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  letter-spacing: -0.02em;
}

/* Keep small UI/editorial labels clean and restrained */
.t5-section-eyebrow,
.t5-home-pill-link,
.t5-site-links .nav-link,
.t5-site-plan,
.t5-stays-split-more,
.t5-stays-split-img small,
.t5-home-testimonial-journey {
  font-family: "Jost", "Helvetica Neue", Arial, sans-serif !important;
}

/* ==========================================================
   HOMEPAGE — PLACES TO STAY
   Editorial asymmetric composition inspired by the reference.
   ========================================================== */
.t5-stays-split {
  background: #f7f5f0 !important;
  padding: clamp(76px, 9vw, 132px) max(24px, 6vw) !important;
  overflow: hidden;
}

.t5-stays-split-inner {
  width: min(1240px, 100%) !important;
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  gap: clamp(55px, 8vw, 115px) !important;
  align-items: center !important;
}

.t5-stays-split-copy {
  max-width: 500px;
}

.t5-stays-split-copy > .t5-section-eyebrow {
  display: block;
  margin-bottom: 10px;
}

.t5-stays-split-copy h2 {
  font-size: clamp(42px, 4.4vw, 68px) !important;
  line-height: .98 !important;
  font-weight: 500 !important;
  margin: 0 0 22px !important;
  color: #0d274c !important;
}

.t5-stays-split-copy h2 em {
  color: #496f9e !important;
  font-weight: 400 !important;
}

.t5-stays-split-copy > p {
  max-width: 455px !important;
  margin: 0 0 0 !important;
  color: #66717d !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
}

/* Remove the old large promo/checklist treatment */
.t5-stays-promo,
.t5-stays-points {
  display: none !important;
}

/* Image collage */
.t5-stays-split-media {
  min-height: 590px !important;
  position: relative !important;
}

.t5-stays-split-img {
  border-radius: 0 !important;
  box-shadow: 0 18px 42px rgba(13, 39, 76, .12) !important;
}

.t5-stays-split-img-a {
  width: 69% !important;
  height: 405px !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 1;
}

.t5-stays-split-img-b {
  width: 55% !important;
  height: 300px !important;
  left: 0 !important;
  bottom: 40px !important;
  z-index: 2;
  border: 10px solid #f7f5f0 !important;
}

.t5-stays-split-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(9, 28, 52, .48));
  pointer-events: none;
}

.t5-stays-split-img span {
  padding: 24px 22px !important;
  z-index: 2;
}

.t5-stays-split-img small {
  color: #fff !important;
  opacity: .82;
  font-size: 9px !important;
}

.t5-stays-split-img h4 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 27px !important;
  font-weight: 500 !important;
  color: #fff !important;
}

.t5-stays-split-more {
  left: auto !important;
  right: 0 !important;
  bottom: 2px !important;
  color: #123f86 !important;
  border-bottom: 1px solid rgba(18,63,134,.35);
  padding-bottom: 7px;
}

.t5-stays-split-more i {
  color: #123f86 !important;
}

/* ==========================================================
   HOMEPAGE — TESTIMONIALS
   Clean three-card editorial rail; no gold/orange treatment.
   ========================================================== */
.t5-traveler-voices {
  padding: clamp(86px, 9vw, 128px) max(24px, 6vw) !important;
  background: #fff !important;
}

.t5-traveler-voices .t5-home-section-head {
  width: min(1240px, 100%);
  margin: 0 auto 48px;
  align-items: end;
}

.t5-traveler-voices .t5-home-section-head h2 {
  font-size: clamp(42px, 4vw, 62px) !important;
  font-weight: 500 !important;
  line-height: .98 !important;
  margin: 10px 0 14px !important;
}

.t5-traveler-voices .t5-home-section-head p {
  max-width: 510px;
  font-size: 14px;
  line-height: 1.75;
}

.t5-testimonial-viewport {
  width: min(1240px, 100%);
  margin: 0 auto;
  overflow: hidden;
}

#homeTravelerTestimonials {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 26px !important;
  width: 100% !important;
  margin: 0 !important;
  transition: transform 600ms cubic-bezier(.22,.61,.36,1);
}

#homeTravelerTestimonials > * {
  flex: 0 0 calc((100% - 52px) / 3) !important;
}

.t5-home-testimonial-card {
  min-height: 285px !important;
  padding: 30px 28px 25px !important;
  border: 1px solid #e2e6eb !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(10,31,55,.055) !important;
  transform: none !important;
}

.t5-home-testimonial-card::before {
  display: none !important;
}

.t5-home-testimonial-card:hover {
  transform: translateY(-5px) !important;
  border-color: #ccd6e1 !important;
  box-shadow: 0 24px 50px rgba(10,31,55,.10) !important;
}

.t5-home-testimonial-top {
  margin-bottom: 22px !important;
}

.t5-home-testimonial-journey {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #54759f !important;
  font-size: 9px !important;
  letter-spacing: .16em !important;
}

.t5-home-testimonial-stars {
  color: #123f86 !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
}

.t5-home-testimonial-quote {
  color: #d7dfe8 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: 54px !important;
  line-height: .55 !important;
  height: 20px !important;
}

.t5-home-testimonial-text {
  margin: 0 0 25px !important;
  color: #334355 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
}

.t5-home-testimonial-author {
  margin: auto 0 0 !important;
  padding-top: 17px !important;
  border-top: 1px solid #e6e9ed !important;
}

.t5-home-testimonial-avatar {
  width: 40px !important;
  height: 40px !important;
  flex-basis: 40px !important;
}

.t5-home-testimonial-author h6 {
  font-family: "Jost", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #132a47 !important;
}

.t5-home-testimonial-author span {
  font-family: "Jost", sans-serif !important;
  font-size: 10px !important;
  color: #7b8794 !important;
}

.t5-testimonial-controls {
  width: min(1240px, 100%);
  margin: 38px auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.t5-testimonial-arrow {
  width: 38px;
  height: 38px;
  border: 1px solid #b9c6d5;
  border-radius: 50%;
  background: transparent;
  color: #123f86;
  display: grid;
  place-items: center;
  font-size: 13px;
  cursor: pointer;
  transition: .2s ease;
}

.t5-testimonial-arrow:hover {
  background: #123f86;
  border-color: #123f86;
  color: #fff;
}

.t5-testimonial-arrow:disabled {
  opacity: .32;
  cursor: default;
  background: transparent;
  color: #123f86;
}

.t5-testimonial-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.t5-testimonial-dot {
  width: 24px;
  height: 2px;
  padding: 0;
  border: 0;
  background: #d6e0eb;
  opacity: .7;
  cursor: pointer;
  transition: width .25s ease, opacity .25s ease, background .25s ease;
}

.t5-testimonial-dot.is-active {
  width: 34px;
  background: #123f86;
  opacity: 1;
}

/* Mobile */
@media (max-width: 900px) {
  .t5-stays-split-inner {
    grid-template-columns: 1fr !important;
    gap: 45px !important;
  }

  .t5-stays-split-copy {
    max-width: 620px;
  }

  .t5-stays-split-media {
    min-height: 510px !important;
  }

  #homeTravelerTestimonials > * {
    flex-basis: calc((100% - 26px) / 2) !important;
  }
}

@media (max-width: 640px) {
  .t5-stays-split {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .t5-stays-split-copy h2 {
    font-size: 46px !important;
  }

  .t5-stays-split-media {
    min-height: 390px !important;
  }

  .t5-stays-split-img-a {
    width: 76% !important;
    height: 270px !important;
  }

  .t5-stays-split-img-b {
    width: 64% !important;
    height: 205px !important;
    bottom: 25px !important;
    border-width: 7px !important;
  }

  .t5-stays-split-img h4 {
    font-size: 23px !important;
  }

  #homeTravelerTestimonials > * {
    flex-basis: 100% !important;
  }

  .t5-traveler-voices .t5-home-section-head {
    margin-bottom: 34px;
  }

  .t5-traveler-voices .t5-home-section-head h2 {
    font-size: 46px !important;
  }

  .t5-testimonial-controls {
    margin-top: 28px;
  }

  .t5-testimonial-dot {
    width: 16px;
  }

  .t5-testimonial-dot.is-active {
    width: 28px;
  }
}