/* Keep the main statement crisp over the dark player panel. */
.home-page .hero .hero-copy .home-headline {
  max-width: 12ch;
  color: #fff;
  font-size: clamp(2.8rem, 5.2vw, 5.2rem);
  font-weight: 950;
  line-height: 1.02;
  letter-spacing: -.055em;
  text-wrap: balance;
  text-shadow: 0 3px 18px rgba(0,0,0,.72);
}
.home-page .hero .hero-copy .home-headline .caribbean-word {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  -webkit-text-fill-color: currentColor;
  -webkit-text-stroke: 0;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.8));
}
.home-page .hero .hero-copy .home-headline .caribbean-word > span {display:inline;background:none;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;filter:none;text-shadow:0 0 3px rgba(255,255,255,.2)}
.home-page .hero .hero-copy .caribbean-word > span:nth-child(1) {color:#e96b7d}
.home-page .hero .hero-copy .caribbean-word > span:nth-child(2) {color:#eaa65c}
.home-page .hero .hero-copy .caribbean-word > span:nth-child(3) {color:#e6cb66}
.home-page .hero .hero-copy .caribbean-word > span:nth-child(4) {color:#8ed477}
.home-page .hero .hero-copy .caribbean-word > span:nth-child(5) {color:#64c9a0}
.home-page .hero .hero-copy .caribbean-word > span:nth-child(6) {color:#71c7d9}
.home-page .hero .hero-copy .caribbean-word > span:nth-child(7) {color:#83a9d6}
.home-page .hero .hero-copy .caribbean-word > span:nth-child(8) {color:#aa8fd2}
.home-page .hero .hero-copy .caribbean-word > span:nth-child(9) {color:#dc91bf}
@media (max-width: 720px) {
  .home-page .hero .hero-copy .home-headline {
    max-width: none;
    font-size: clamp(2.55rem, 10vw, 3.7rem);
  }
}

/* A soft signal glow frames the live audio controls without obscuring them. */
.home-page .hero .radio-player {
  border-color: #a4f2e5;
  box-shadow: inset 0 1px rgba(235,255,255,.22),
    0 12px 28px rgba(0,0,0,.52),
    0 0 0 1px rgba(161,241,223,.38),
    0 0 26px rgba(74,229,212,.59),
    0 0 52px rgba(235,77,93,.24);
}