/* Desktop rhythm for the public Vitrux pages. Small screens keep their own layout. */
@media (min-width: 1100px) {
  .opening { min-height: min(710px, calc(100svh - 82px)); padding-top: 30px; padding-bottom: 48px; }
  .opening h1 { font-size: clamp(57px, 4.25vw, 80px); margin: 15px 0; }
  .opening-art { width: min(32vw, 520px); right: 5%; }
  .opening-cta { margin-top: 25px; }

  .mp-hero { padding-top: 88px; padding-bottom: 82px; }
  .mp-hero h1 { font-size: clamp(48px, 5.5vw, 88px); }
  .mp-section { padding-top: 78px; padding-bottom: 78px; }
  .mp-section h2 { font-size: clamp(35px, 3.8vw, 55px); }
  .mp-auth { padding-top: 78px; padding-bottom: 78px; }
  .mp-auth-copy h1 { font-size: clamp(45px, 4.25vw, 64px); }
  .mp-auth-inner { gap: 64px; }

  .home-bridge, .home-benefits { padding-top: 88px; padding-bottom: 88px; }
  .home-bridge h2, .home-benefits h2 { font-size: clamp(39px, 4.4vw, 63px); }
  .home-bridge-parts { margin-top: 40px; }
  .home-bridge-parts article { min-height: 240px; padding: 30px; }
  .home-benefits-grid { margin-top: 38px; }
  .home-benefits-grid article { min-height: 220px; padding: 29px; }
  .experience-intro h2 { font-size: clamp(40px, 3vw, 50px); }
  .stage-area, .stage-visual { min-height: 400px; }
  .stage-copy h3 { font-size: clamp(38px, 3.3vw, 54px); }
  .audience { padding-top: 82px; padding-bottom: 72px; }
  .audience-heading h2, .vitrux-updates h2 { font-size: clamp(39px, 4vw, 58px); }
  .audience-grid article { min-height: 245px; padding: 29px; }
  .vitrux-updates { padding-top: 62px; padding-bottom: 62px; }
  .updates-card { min-height: 285px; padding: 36px 44px; }
  .updates-card h3 { font-size: clamp(32px, 3.2vw, 49px); }
  .manifesto { padding-top: 85px; padding-bottom: 85px; }
  .manifesto h2 { font-size: clamp(41px, 4.5vw, 70px); }

  .functions-hero-grid { min-height: 390px; }
  .functions-hero h1 { font-size: clamp(46px, 4vw, 64px); }
  .explore-hero-inner { min-height: 500px; padding-top: 58px; padding-bottom: 62px; }
  .explore-hero-copy h1 { font-size: clamp(51px, 5.4vw, 84px); }
  .explore-journey { padding-top: 78px; padding-bottom: 80px; }
  .explore-journey h2, .explore-closing h2 { font-size: clamp(39px, 4.2vw, 61px); }
  .explore-closing { padding-top: 82px; padding-bottom: 82px; }
  .explore-card-visual { height: 175px; }

  .pricing-card { min-height: 500px; padding: 28px 30px 26px; }
  .pricing-card h3 { font-size: clamp(32px, 2.6vw, 40px); }
  .pricing-card-price strong { font-size: clamp(36px, 3.2vw, 45px); }
  .pricing-compare, .pricing-formats { margin-top: 78px; }
  .pricing-compare-heading h3 { font-size: clamp(36px, 3.6vw, 50px); }
  .pricing-format-card { min-height: 285px; padding: 29px; }
  .pricing-format-card h4 { font-size: clamp(29px, 2.5vw, 38px); margin-top: 25px; }

  .contact-hero h1 { font-size: clamp(48px, 5.2vw, 77px); }
  .contact-copy h2 { font-size: clamp(37px, 3.4vw, 50px); }
  .contact-channel { min-height: 88px; padding-top: 14px; padding-bottom: 14px; }
}