/*
 * Casalta v85 — Montserrat main-title hierarchy matched to v52.
 * V83 remains the complete source. The four primary section titles are
 * recalibrated here, and the production header receives its approved light
 * liquid-glass material; every other Montserrat role and layout rule stays intact.
 */

.site-v2.site-v74.site-v83.site-v85 .atlas-toolbar h2,
.site-v2.site-v74.site-v83.site-v85 .section-heading h2,
.site-v2.site-v74.site-v83.site-v85 .about h2 {
  font-size: 69px;
  font-weight: 385;
}

/* Match the calm About-copy grey established by the Inter v69 study. */
.site-v2.site-v74.site-v83.site-v85 .about > p {
  color: #5f5f5b;
}

@media (max-width: 900px) {
  .site-v2.site-v74.site-v83.site-v85 .atlas-toolbar h2,
  .site-v2.site-v74.site-v83.site-v85 .section-heading h2,
  .site-v2.site-v74.site-v83.site-v85 .about h2 {
    font-size: 54px;
  }
}

@media (max-width: 560px) {
  .site-v2.site-v74.site-v83.site-v85 .atlas-toolbar h2,
  .site-v2.site-v74.site-v83.site-v85 .section-heading h2,
  .site-v2.site-v74.site-v83.site-v85 .about h2 {
    font-size: 44px;
  }
}

/*
 * Responsive logo screen grades. The underlying seven paths remain locked;
 * only one whole-word non-scaling stroke follows the navigation text grade.
 */
.site-v2.site-v74.site-v83.site-v85 .responsive-logo {
  display: block;
  line-height: 0;
}

.site-v2.site-v74.site-v83.site-v85 .responsive-logo--hero {
  width: clamp(380px, 32vw, 490px);
}

.site-v2.site-v74.site-v83.site-v85 .responsive-logo--hero .hero-brand-mark {
  height: auto;
  width: 100%;
}

@media (min-width: 701px) and (max-width: 900px) {
  .site-v2.site-v74.site-v83.site-v85 .responsive-logo--hero {
    width: clamp(330px, 48vw, 400px);
  }
}

/*
 * Desktop hero refinement: keep the logo, message, and store actions as one
 * compact upper-left composition. Mobile retains its full-screen treatment.
 */
@media (min-width: 901px) {
  .site-v2.site-v74.site-v83.site-v85 .hero-download {
    top: clamp(44px, 5.5svh, 64px);
  }

  .site-v2.site-v74.site-v83.site-v85 .responsive-logo--hero {
    width: clamp(350px, 29vw, 440px);
  }
}

@media (max-width: 700px) {
  .site-v2.site-v74.site-v83.site-v85 .responsive-logo--hero {
    filter: brightness(0) invert(1);
    margin: clamp(24px, 7svh, 66px) auto 0;
    opacity: 0.92;
    width: min(84vw, 390px);
  }

  .site-v2.site-v74.site-v83.site-v85 .responsive-logo--hero .hero-brand-mark {
    filter: none;
    margin: 0;
    opacity: 1;
  }
}

/*
 * Production navigation material — Apple's restrained light web scrim.
 * Keep Casalta's own dimensions and layout; match the optical surface only.
 */
.site-v2.site-v18.site-v74.site-v83.site-v85
  .site-header:not(.is-scrolled):not(.is-open) {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: transparent;
  border-bottom-color: transparent;
  box-shadow: none;
}

.site-v2.site-v18.site-v74.site-v83.site-v85 .site-header.is-scrolled {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: rgba(255, 255, 255, var(--casalta-header-glass-fallback-opacity, 0.92));
  border-bottom-color: transparent;
  box-shadow: none;
}

@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
  .site-v2.site-v18.site-v74.site-v83.site-v85 .site-header.is-scrolled {
    -webkit-backdrop-filter: saturate(var(--casalta-header-glass-saturation, 180%)) blur(var(--casalta-header-glass-blur, 20px));
    backdrop-filter: saturate(var(--casalta-header-glass-saturation, 180%)) blur(var(--casalta-header-glass-blur, 20px));
    background: rgba(255, 255, 255, var(--casalta-header-glass-opacity, 0.8));
  }
}

/* An expanded navigation needs a stable reading surface, as on Apple.com. */
.site-v2.site-v18.site-v74.site-v83.site-v85 .site-header.is-open,
.site-v2.site-v18.site-v74.site-v83.site-v85 .site-header.is-open .site-nav {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: #fff;
  border-color: transparent;
  box-shadow: none;
}

@media (max-width: 700px) {
  .site-v2.site-v74.site-v85
    .site-header:not(.is-scrolled):not(.is-open)
    .menu-toggle span {
    background: transparent;
    border-top-color: #fff;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .site-v2.site-v18.site-v74.site-v83.site-v85 .site-header.is-scrolled {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #fff;
  }
}