.hero-connection {
  width: min(410px, 68%);
  margin: 0 0 26px 15%;
  rotate: -5deg;
}
.hero-connection img { width: 100%; height: auto; }
.hero-taglines {
  --phrase-row: 1.7em;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 540px;
  margin-top: 32px;
  font-size: clamp(18px, 1.8vw, 24px);
}
.hero-taglines .hero-subtitle { margin: 0; font-size: 24px; color: var(--ink); }
.hero-phrase-wheel {
  position: relative;
  flex: 1;
  min-width: 0;
  height: calc(var(--phrase-row) * 3);
  overflow: hidden;
  mask-image: linear-gradient(transparent, #000 18%, #000 82%, transparent);
}
.hero-phrase-track { position: absolute; top: calc(var(--phrase-row) * -1); width: 100%; }
.hero-phrase {
  display: flex;
  align-items: center;
  height: var(--phrase-row);
  padding: 0 2px;
  font-size: inherit;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -.025em;
  white-space: nowrap;
  transform-origin: center center;
  backface-visibility: hidden;
}
.hero-phrase:nth-child(1) { opacity: 0; filter: blur(1px); transform: perspective(360px) translateZ(-24px) rotateX(60deg) skewX(-4deg) scale3d(.95,.90,1); }
.hero-phrase:nth-child(2) { opacity: .36; filter: blur(.3px); transform: perspective(360px) translateZ(-8px) rotateX(32deg) skewX(-2deg) scale3d(.99,.98,1); }
.hero-phrase:nth-child(3) { opacity: 1; filter: blur(0); transform: perspective(360px) translateZ(0) rotateX(0) skewX(0) scale3d(1,1,1); }
.hero-phrase:nth-child(4) { opacity: .34; filter: blur(.3px); transform: perspective(360px) translateZ(-8px) rotateX(-32deg) skewX(2deg) scale3d(.99,.98,1); }
.hero-phrase:nth-child(5) { opacity: 0; filter: blur(1px); transform: perspective(360px) translateZ(-24px) rotateX(-60deg) skewX(4deg) scale3d(.95,.90,1); }
.hero-screen-reader { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.home-page .hero-actions { display: none; }
.hero-taglines.is-static .hero-phrase-wheel { height: auto; overflow: visible; mask-image: none; }
.hero-taglines.is-static .hero-phrase-track { position: static; }
.hero-taglines.is-static .hero-phrase { display: none; }
.hero-taglines.is-static .hero-phrase:nth-child(3) { display: block; height: auto; white-space: normal; transform: none; filter: none; opacity: 1; }
@media (min-width: 901px) and (max-height: 760px) {
  .hero-connection { width: 300px; margin-bottom: 18px; }
  .home-page .hero-title { font-size: clamp(52px, 6vw, 88px); }
  .hero-taglines { margin-top: 24px; }
}
@media (max-width: 900px) {
  .home-page .hero-actions { display: flex; margin-top: 20px; }
  .hero-connection { width: min(360px, 66%); margin-left: 12%; margin-bottom: 22px; }
  .hero-taglines { max-width: 500px; margin-top: 26px; }
  .hero-taglines { font-size: clamp(17px, 2.8vw, 23px); }
}
@media (max-width: 520px) {
  .hero-connection { width: 92%; margin-left: 0; margin-bottom: 24px; }
  .hero-taglines { --phrase-row: 1.9em; gap: 4px; margin-top: 26px; font-size: clamp(15px, 4.6vw, 20px); }
  .hero-phrase { letter-spacing: -.03em; }
  .home-page .hero-actions { margin-top: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-taglines .hero-phrase-wheel { height: auto; overflow: visible; mask-image: none; }
  .hero-taglines .hero-phrase-track { position: static; }
  .hero-taglines .hero-phrase { display: none; }
  .hero-taglines .hero-phrase:nth-child(3) { display: block; height: auto; white-space: normal; transform: none; filter: none; opacity: 1; }
}