/* V54.1: restrained dual-brand homepage treatment.
   Keep the proven Bio Bay homepage layout intact and add only the minimum
   styling needed to present Puerto Rico Sportfishing Charters clearly.
   Booking, planner, checkout, dashboard, and payment styles remain untouched. */

/* Company identity */
.home-dual-brand .bio-brand-copy strong {
  font-size: 14px;
  letter-spacing: .015em;
}

.home-dual-brand .bio-brand-copy small {
  margin-top: 5px;
  color: #8fe9e3;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.home-dual-brand .bio-brand-copy em {
  display: block;
  margin-top: 4px;
  color: rgba(255,255,255,.56);
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

/* The first V54 concept added a second hero card and a two-panel image strip.
   They compete with the existing hero and caused responsive layout failures.
   Keep them out of the rendered page while retaining the markup on this
   preview branch so no booking-related HTML has to be rewritten. */
.home-dual-brand .hero-fishing-card,
.home-dual-brand .home-experience-split {
  display: none !important;
}

/* Restore the same hero proportions that worked on the production homepage. */
.home-dual-brand .hero-homepage {
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(38px, 7vw, 96px);
  min-height: 720px;
  padding: 76px clamp(20px, 6vw, 92px) 90px;
}

.home-dual-brand .hero-homepage .hero-copy {
  max-width: 680px;
}

.home-dual-brand .hero-homepage h1 {
  max-width: 700px;
  font-size: clamp(45px, 6.2vw, 82px);
}

.home-dual-brand .hero-homepage .hero-lede {
  max-width: 620px;
}

/* Give sportfishing one deliberate, polished feature section rather than
   forcing fishing imagery into the hero. */
.home-dual-brand .signature-fishing-section {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
  gap: clamp(38px, 6vw, 82px);
  align-items: center;
  background: linear-gradient(145deg, #f5efe3 0%, #fbfcfa 58%, #e8f4f1 100%);
}

.home-dual-brand .signature-fishing-media {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 22px 58px rgba(16,44,59,.13);
}

.home-dual-brand .signature-fishing-media img {
  display: block;
  width: 100%;
  height: 520px;
  object-fit: cover;
  object-position: center;
}

.home-dual-brand .signature-fishing-copy {
  min-width: 0;
}

.home-dual-brand .signature-fishing-copy .eyebrow {
  color: #0b6673;
}

.home-dual-brand .signature-fishing-copy h2 {
  max-width: 620px;
}

.home-dual-brand .signature-fishing-copy .signature-lede {
  max-width: 620px;
  color: var(--ink-soft);
  font-size: 18px;
  line-height: 1.65;
}

.home-dual-brand .signature-fishing-section .signature-facts {
  border-color: rgba(16,44,59,.13);
  background: rgba(255,255,255,.7);
}

.home-dual-brand .signature-fishing-section .signature-facts span {
  border-color: rgba(16,44,59,.11);
}

.home-dual-brand .signature-fishing-section .signature-facts strong {
  color: var(--ink);
}

.home-dual-brand .signature-fishing-section .signature-facts small {
  color: var(--ink-soft);
}

.home-dual-brand .signature-fishing-copy ul {
  margin: 26px 0;
  padding-left: 20px;
  color: var(--ink-soft);
}

.home-dual-brand .signature-fishing-copy li + li {
  margin-top: 8px;
}

.home-dual-brand .signature-fishing-copy .signature-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}

.home-dual-brand .final-cta-section {
  background:
    radial-gradient(circle at 12% 20%, rgba(39,183,190,.18), transparent 25rem),
    linear-gradient(120deg, #041522 0%, #0b3448 58%, #0d6870 100%);
}

.home-dual-brand .final-cta-section .eyebrow {
  color: #9bf1eb;
}

@media (max-width: 1120px) {
  .home-dual-brand .bio-brand-copy strong {
    font-size: 13px;
  }

  .home-dual-brand .signature-fishing-section {
    grid-template-columns: 1fr;
  }

  .home-dual-brand .signature-fishing-media img {
    height: 460px;
  }
}

@media (max-width: 760px) {
  .home-dual-brand .bio-brand-copy strong {
    max-width: 180px;
    font-size: 12px;
    line-height: 1.08;
  }

  .home-dual-brand .bio-brand-copy small {
    max-width: 180px;
    font-size: 9px;
    line-height: 1.15;
  }

  .home-dual-brand .bio-brand-copy em {
    display: none;
  }

  /* Preserve the production mobile hero treatment, including its image-first
     crop and text placement. */
  .home-dual-brand .hero-homepage {
    min-height: 790px;
    padding: 40px 18px 46px;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .home-dual-brand .hero-homepage .hero-copy {
    max-width: 100%;
    padding-top: 330px;
  }

  .home-dual-brand .hero-homepage h1 {
    font-size: clamp(42px, 12vw, 60px);
  }

  .home-dual-brand .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .home-dual-brand .hero-actions .button {
    width: 100%;
  }

  .home-dual-brand .signature-fishing-section {
    padding-inline: 18px;
  }

  .home-dual-brand .signature-fishing-media img {
    height: 320px;
  }

  .home-dual-brand .signature-fishing-copy .signature-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .home-dual-brand .signature-fishing-copy .signature-actions .button,
  .home-dual-brand .signature-fishing-copy .signature-actions .text-button-link {
    width: 100%;
    justify-content: center;
  }
}