.home-tropical {
  background:#fff9ee;
  color:#153d37
}

.home-tropical nav {
  background:rgba(255,249,238,.97)
}

.home-tropical nav>div {
  max-width:1400px
}

.home-tropical nav a.bg-primary {
  border-radius:100px
}

.tropical-hero {
  max-width:1440px;
  margin:auto;
  padding:140px 5% 64px;
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:5%;
  align-items:center;
  min-height:680px
}

.hero-eyebrow,.hero-location {
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  line-height:1.8
}

.hero-eyebrow {
  color:#326b5b;
  margin-bottom:24px
}

.hero-copy h1 {
  font-family:'Playfair Display',serif;
  font-size:clamp(42px,4.7vw,70px);
  line-height:1.08;
  letter-spacing:-.045em;
  color:#164c42;
  margin:0 0 26px
}

.hero-description {
  font-size:18px;
  line-height:1.7;
  max-width:430px;
  color:#344b43
}

.hero-actions {
  display:flex;
  gap:24px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:30px
}

.tropical-button {
  background:#ed8669;
  color:#182b24;
  padding:16px 25px;
  border-radius:100px;
  font-size:14px;
  font-weight:700;
  transition:background .2s
}

.tropical-button:hover {
  background:#f7b24b
}

.tropical-link {
  font-size:14px;
  font-weight:700;
  border-bottom:1px solid #164c42;
  padding:8px 0
}

.hero-location {
  margin-top:40px;
  color:#52665a;
  font-size:10px
}

.hero-film {
  padding:13px;
  background:#e8edce;
  border-radius:130px 24px 24px 24px;
  box-shadow:18px 22px 0 #f6cf7e;
  transform:rotate(2deg)
}

.hero-film video {
  display:block;
  width:100%;
  height:auto;
  border-radius:118px 16px 12px 12px;
  aspect-ratio:1920/1010;
  object-fit:contain;
  background:#153d37
}

.hero-film-caption {
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:19px 12px 10px;
  font-size:13px;
  font-weight:600
}

.tropical-strip {
  background:#164c42;
  color:#f4e9b6;
  display:flex;
  justify-content:space-around;
  align-items:center;
  gap:24px;
  padding:22px 24px;
  font-size:12px;
  letter-spacing:.2em;
  font-weight:600;
  overflow:hidden
}

.home-tropical #experiencia {
  background:transparent;
  padding-top:100px;
  padding-bottom:64px
}

.home-tropical #experiencia h2 {
  font-size:clamp(32px,3.5vw,48px);
  line-height:1.15;
  color:#164c42
}

.home-tropical #experiencia .aspect-\[4\/5\] {
  aspect-ratio:1/1
}

.home-tropical #experiencia .relative.group {
  border-radius:160px 160px 24px 24px
}

.home-tropical #experiencia .absolute {
  bottom:20px;
  left:20px;
  right:20px;
  text-align:center;
  padding:18px
}

.discover-title {
  font-family:'Playfair Display',serif;
  color:#164c42;
  font-size:clamp(32px,3.5vw,46px);
  max-width:600px;
  line-height:1.15;
  margin-bottom:32px
}

.discovery-grid {
  display:grid;
  grid-template-columns:1.3fr 1fr;
  grid-template-rows:240px 240px;
  gap:24px
}

.discovery-grid>* {
  grid-column:auto!important;
  min-height:0!important
}

.discovery-grid>a:first-child {
  grid-row:span 2
}

.discovery-grid>div {
  background:#f4ca78;
  padding:32px;
  border-radius:24px
}

.gallery-caption {
  position:absolute;
  bottom:28px;
  left:28px;
  right:24px;
  color:white;
  font:30px/1.2 'Playfair Display',serif
}

.home-tropical footer {
  background:#eaf0de;
  max-width:none;
  margin-top:40px;
  padding:64px max(24px,calc((100vw - 1152px)/2)) 40px
}

.home-tropical footer img.h-64 {
  height:120px;
  width:auto;
  object-fit:contain
}

.home-tropical footer .text-headline-md {
  font-size:28px
}

.home-tropical a:focus-visible,.home-tropical button:focus-visible {
  outline:3px solid #8f4c6f;
  outline-offset:5px
}

@media(max-width:1000px) {
  .home-tropical nav .gap-8 {
    gap:16px
  }
  .tropical-hero {
    gap:30px;
    padding-left:24px;
    padding-right:32px
  }
  .hero-copy h1 {
    font-size:48px
  }
}

@media(max-width:767px) {
  .tropical-hero {
    grid-template-columns:1fr;
    padding:110px 24px 50px;
    gap:30px;
    min-height:0
  }
  .hero-copy h1 {
    font-size:46px;
    max-width:500px
  }
  .hero-description {
    font-size:16px
  }
  .hero-location {
    margin-top:24px
  }
  .hero-film {
    transform:none;
    margin-right:12px;
    border-radius:60px 20px 20px 20px;
    box-shadow:12px 12px 0 #f6cf7e
  }
  .hero-film video {
    border-radius:50px 12px 12px 12px
  }
  .hero-film-caption {
    font-size:12px;
    padding:14px 4px 5px
  }
  .tropical-strip {
    font-size:10px;
    gap:20px;
    flex-wrap:wrap;
    padding:18px
  }
  .tropical-strip span:last-child,.tropical-strip span:nth-child(4) {
    display:none
  }
  .home-tropical #experiencia {
    padding-top:56px;
    padding-bottom:24px
  }
  .home-tropical #experiencia>.grid {
    gap:32px
  }
  .home-discover {
    padding-top:40px;
    padding-bottom:32px
  }
  .discovery-grid {
    display:flex;
    flex-direction:column;
    gap:18px
  }
  .discovery-grid>a:first-child {
    min-height:360px!important
  }
  .discovery-grid>.gallery-feature {
    min-height:240px!important
  }
  .discovery-grid>a:first-child .p-10 {
    padding:28px
  }
  .home-tropical footer {
    margin-top:20px
  }
}

@media(prefers-reduced-motion:reduce) {
  .home-tropical * {
    scroll-behavior:auto!important;
    transition:none!important
  }
}