/* Fractional CTPO landing — cover-title variant (overrides index cover-title-headline layout) */

.cover-title .cover-title-main,
.cover-title .cover-title-accent {
  display: block;
}

.cover-title .cover-title-accent {
  font-size: 1.25em;
  line-height: 0.95;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.22s ease, transform 0.22s ease;
  will-change: opacity, transform;
}

.cover-title .cover-title-accent.is-switching {
  opacity: 0;
  transform: translateY(-18%);
}

@media (max-width: 768px) {
  .cover-title {
    top: max(10vh, calc(env(safe-area-inset-top) + 64px));
    width: min(86vw, 620px);
    font-family: var(--serif);
    font-style: italic;
    font-weight: 700;
    font-size: clamp(3rem, 10vw, 6rem);
    line-height: 1.05;
    letter-spacing: -0.02em;
    color: #000;
  }

  .hero h1,
  .hero-solution,
  .hero-sub {
    text-shadow: none;
  }
}

@media (max-width: 480px) {
  .cover-title {
    top: 12vh;
    line-height: 1.08;
  }
}