/* Public presentation pass — tighter editorial rhythm without changing the brand. */

html {
  scroll-padding-top: 92px;
}

.home-launch .studio-window-visual img {
  height: auto;
}

.studio-page .studio-browse {
  position: relative;
  top: auto;
  z-index: 2;
}

.studio-page .studio-collection,
#family-protection,
#policy-reviews,
#business-protection,
#legacy-planning,
#founder-film {
  scroll-margin-top: 96px;
}

.executive-tier .footer {
  padding-block: clamp(44px, 4.5vw, 58px) clamp(48px, 5vw, 64px);
}

.executive-tier .footer-inner {
  row-gap: 30px;
}

.executive-tier .footer-nav a {
  min-height: 42px;
}

@media (min-width: 821px) {
  /* Home: turn the long slide-deck cadence into a deliberate editorial page. */
  .home-launch .launch-section {
    padding-block: clamp(88px, 6.5vw, 112px);
  }

  .home-launch .situation-section,
  .home-launch .language-proof {
    padding-bottom: clamp(96px, 7vw, 120px);
  }

  .home-launch .launch-section-heading {
    margin-bottom: clamp(40px, 4.5vw, 58px);
  }

  .executive-tier .launch-section-heading h2,
  .executive-tier .language-proof-heading h2,
  .executive-tier .home-faq-heading h2,
  .executive-tier .studio-window h2 {
    font-size: clamp(40px, 4.45vw, 64px);
    line-height: 1;
  }

  .home-launch .situation-card {
    min-height: 310px;
    padding: clamp(32px, 3vw, 44px);
  }

  .executive-tier .situation-card h3 {
    margin-top: 29px;
    font-size: clamp(29px, 2.9vw, 42px);
  }

  .home-launch .situation-card strong {
    padding-top: 27px;
  }

  .home-launch .founder-clarity-portrait {
    min-height: 660px;
  }

  .home-launch .founder-clarity-copy {
    padding: clamp(60px, 6.2vw, 96px);
  }

  .executive-tier .founder-clarity-copy h2 {
    font-size: clamp(48px, 5vw, 72px);
    line-height: .96;
  }

  .home-launch .language-proof-heading {
    margin-bottom: 44px;
  }

  .home-launch .language-card {
    min-height: 330px;
    padding: clamp(38px, 4vw, 54px);
  }

  .home-launch .language-card p {
    margin-top: 28px;
  }

  .home-launch .process-list li {
    min-height: 172px;
    grid-template-columns: 124px minmax(0, 1fr);
    padding-block: 27px;
  }

  .home-launch .process-list > li > span {
    font-size: 52px;
  }

  .executive-tier .process-list h3 {
    font-size: clamp(28px, 2.55vw, 38px);
  }

  .home-launch .home-faq {
    gap: clamp(46px, 6vw, 92px);
  }

  .home-launch .faq-list summary {
    min-height: 82px;
    font-size: clamp(21px, 1.75vw, 26px);
  }

  .home-launch .studio-window {
    gap: clamp(52px, 6vw, 96px);
  }

  .home-launch .launch-final {
    padding-block: clamp(94px, 8vw, 132px);
  }

  .executive-tier .launch-final h2 {
    max-width: 14.5ch;
    font-size: clamp(49px, 5.8vw, 86px);
    line-height: .95;
  }

  /* About: keep the portraits and film important without isolating every block. */
  .about-page .page-hero-cinematic {
    min-height: 560px;
    padding-top: 120px;
    padding-bottom: 72px;
  }

  .about-page .section {
    padding-block: clamp(76px, 6vw, 94px);
  }

  .about-page .section-head {
    margin-bottom: 38px;
  }

  .about-page .grid.three {
    gap: 18px;
  }

  .about-page .card {
    min-height: 0;
    padding: 32px;
  }

  .about-page .about-studio-invitation {
    min-height: 0;
    padding-block: clamp(74px, 6vw, 92px);
  }

  .executive-tier .about-studio-invitation h2 {
    font-size: clamp(44px, 4.8vw, 68px);
    line-height: 1;
  }

  .about-page .about-studio-count strong {
    font-size: clamp(58px, 6vw, 82px);
  }

  .about-page .founder-film-section {
    padding-block: clamp(72px, 6vw, 92px);
  }

  /* Financial Clarity: consistent chapter proportions and less empty runway. */
  .financial-clarity-page .page-hero-cinematic {
    min-height: 600px;
    padding-top: 122px;
    padding-bottom: 76px;
  }

  .financial-clarity-page .section {
    padding-block: clamp(78px, 6.5vw, 98px);
  }

  .financial-clarity-page .financial-start-grid {
    margin-top: 40px;
  }

  .financial-clarity-page .financial-start-grid a {
    min-height: 240px;
    padding: 28px;
  }

  .financial-clarity-page .financial-start-grid a > strong {
    margin-top: 28px;
  }

  .financial-clarity-page .financial-start-grid a > small {
    padding-top: 22px;
  }

  .financial-clarity-page .financial-life {
    padding-block: clamp(82px, 7vw, 104px);
  }

  .financial-clarity-page .financial-photo-grid {
    min-height: 660px;
  }

  .financial-clarity-page .service-atlas {
    gap: clamp(24px, 3vw, 36px);
  }

  .financial-clarity-page .service-chapter-visual {
    min-height: 520px;
  }

  .financial-clarity-page .financial-faq .faq-list {
    margin-top: 40px;
  }

  .financial-clarity-page .faq-list summary {
    min-height: 82px;
  }

  .financial-clarity-page .financial-final {
    padding-block: clamp(94px, 8vw, 132px);
  }

  /* Studio: the directory stays visible in the document flow instead of covering work. */
  .studio-page .studio-atlas {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .studio-page .studio-atlas-heading {
    margin-bottom: 32px;
  }

  .studio-page .studio-collections {
    margin-top: 38px;
  }

  .studio-page .studio-closing {
    padding-block: 70px 80px;
  }
}

@media (min-width: 1081px) {
  .financial-clarity-page .service-chapter:nth-child(even) {
    grid-template-columns: minmax(0, 1.28fr) minmax(350px, .72fr);
  }
}

@media (min-width: 901px) and (max-width: 1080px) {
  .financial-clarity-page .service-chapter:nth-child(even) {
    grid-template-columns: minmax(0, 1.32fr) minmax(310px, .68fr);
  }
}

@media (max-width: 820px) {
  .home-launch .launch-section {
    padding-block: 72px;
  }

  .home-launch .founder-clarity-copy {
    padding-block: 58px 64px;
  }

  .home-launch .launch-final,
  .financial-clarity-page .financial-final {
    padding-block: 82px;
  }

  .about-page .section,
  .financial-clarity-page .section {
    padding-block: 68px;
  }

  .about-page .page-hero-cinematic,
  .financial-clarity-page .page-hero-cinematic {
    min-height: 520px;
    padding-top: 108px;
    padding-bottom: 64px;
  }

  .about-page .about-studio-invitation,
  .about-page .founder-film-section {
    padding-block: 64px;
  }

  .financial-clarity-page .financial-photo-grid {
    min-height: 0;
  }

  .studio-page .studio-atlas {
    padding-top: 52px;
    padding-bottom: 60px;
  }

  .studio-page .studio-closing {
    padding-block: 62px 70px;
  }

  .executive-tier .footer {
    padding-block: 44px 52px;
  }
}

@media (max-width: 620px) {
  .home-launch .situation-card {
    min-height: 280px;
  }

  .home-launch .process-list li {
    padding-block: 26px;
  }

  .about-page .page-hero-cinematic,
  .financial-clarity-page .page-hero-cinematic {
    min-height: 500px;
  }
}