/* Desktop-only typography and spacing correction.
   Mobile and the approved hero composition remain untouched. */
.talkwise-site .phase2-opening__journey-art {
  display: none;
}

@media (min-width: 1024px) {
  .talkwise-site .scroll-scrub__chapter {
    min-height: calc(100vh + 220px) !important;
  }

  .talkwise-site .scroll-scrub__chapter-pin {
    position: sticky;
    top: 96px;
    min-height: calc(100vh - 96px) !important;
    padding-top: 30px;
    padding-bottom: 30px;
    align-items: flex-start;
  }

  .talkwise-site .phase2-opening {
    width: min(1140px, 84vw);
    max-width: 1140px;
    padding: 36px 44px 32px;
  }

  .talkwise-site .phase2-opening__primary {
    grid-template-columns: minmax(0, 1.65fr) minmax(260px, .85fr);
    gap: clamp(36px, 3.7vw, 52px);
  }

  .talkwise-site .phase2-opening__person {
    padding-left: 24px;
  }

  .talkwise-site .phase2-opening__scope {
    gap: 40px;
    margin-top: 22px;
    padding-top: 20px;
  }

  .talkwise-site .phase2-opening .scroll-scrub__actions {
    margin-top: 22px;
  }

  .talkwise-site .phase2-opening .hero-credentials {
    margin-top: 18px;
  }
}

@media (min-width: 900px) {
  .talkwise-site {
    --desktop-content: 1240px;
    --desktop-reading: 760px;
    --desktop-intro: 880px;
    --desktop-body: clamp(1.125rem, 1.3vw, 1.1875rem);
    --desktop-body-leading: 1.7;
    --desktop-h2: clamp(3.25rem, 4.2vw, 4rem);
    --desktop-h3: clamp(1.875rem, 2.4vw, 2.375rem);
    --desktop-section-space: clamp(80px, 6.3vw, 104px);
  }

  .talkwise-site .desktop-navigation > a,
  .talkwise-site a.nav-action {
    font-size: clamp(1rem, 1.12vw, 1.0625rem);
  }

  .talkwise-site .talkwise-section .section-label {
    font-size: clamp(.875rem, 1vw, .9375rem);
  }

  .talkwise-site .phase2-opening__journey-art {
    display: block;
    width: min(100%, 34rem);
    margin: 26px 0 0;
    opacity: .78;
  }

  .talkwise-site .phase2-opening__journey-art img {
    display: block;
    width: 100%;
    height: auto;
  }

  .talkwise-site .phase2-section2,
  .talkwise-site .phase2-section4,
  .talkwise-site .phase2-section5,
  .talkwise-site .phase2-section6 {
    padding-block: var(--desktop-section-space);
  }

  .talkwise-site .talkwise-section.phase2-section2 {
    padding-right: max(48px, calc(50vw - 620px));
    padding-left: max(48px, calc(50vw - 620px));
  }

  /* When we begin to talk */
  .talkwise-site .phase2-section2__inner {
    display: grid;
    grid-template-columns: minmax(0, .4fr) minmax(0, .6fr);
    column-gap: clamp(64px, 6vw, 90px);
    width: min(100%, var(--desktop-content));
    align-items: start;
  }

  .talkwise-site .phase2-section2__opening {
    grid-column: 1;
    grid-row: 1 / span 3;
  }

  .talkwise-site .phase2-section2__opening h2 {
    max-width: 14ch;
    margin-bottom: clamp(28px, 2.6vw, 38px);
    font-size: clamp(2.25rem, 2.65vw, 2.75rem);
    line-height: 1.1;
  }

  .talkwise-site .talkwise-section.phase2-section2 p:not(.gentle-emphasis) {
    max-width: 42ch;
    font-size: var(--desktop-body);
    line-height: var(--desktop-body-leading);
  }

  .talkwise-site .phase2-section2__trust {
    margin-top: 26px !important;
    font-size: clamp(1.875rem, 2.35vw, 2.25rem) !important;
  }

  .talkwise-site .phase2-section2__exploration {
    grid-column: 2;
    grid-row: 1;
    gap: 24px;
    margin-top: 0;
    padding-left: 32px;
  }

  .talkwise-site .phase2-section2__challenge {
    grid-column: 2;
    grid-row: 2;
    margin-top: 48px;
    padding-block: 34px;
  }

  .talkwise-site .phase2-section2__challenge h3 {
    margin-bottom: 24px;
    font-size: var(--desktop-h3);
  }

  .talkwise-site .phase2-section2__autonomy {
    grid-column: 2;
    grid-row: 3;
    margin-top: 40px;
  }

  .talkwise-site .phase2-section2__choice {
    margin-bottom: 20px !important;
    font-size: clamp(1.75rem, 2.1vw, 2rem) !important;
  }

  /* What might bring you to therapy? */
  .talkwise-site .phase2-section4 {
    padding-inline: max(48px, calc(50vw - 620px));
  }

  .talkwise-site .phase2-section4__inner {
    width: min(100%, var(--desktop-content));
  }

  .talkwise-site .phase2-section4__header {
    grid-template-columns: minmax(0, .44fr) minmax(0, .5fr);
    column-gap: clamp(60px, 5.4vw, 80px);
    row-gap: 14px;
    align-items: start;
  }

  .talkwise-site .phase2-section4__header h2 {
    grid-row: 1 / span 2;
    max-width: 12ch;
    font-size: var(--desktop-h2);
    line-height: 1.1;
  }

  .talkwise-site .phase2-section4__header > p:not(.section-label) {
    font-size: var(--desktop-body);
    line-height: var(--desktop-body-leading);
  }

  .talkwise-site .phase2-section4__intro {
    align-self: start;
    margin-bottom: 0 !important;
    font-size: clamp(1.75rem, 2.15vw, 2.125rem) !important;
    line-height: 1.38 !important;
  }

  .talkwise-site .phase2-section4__pathways {
    margin-top: 64px;
  }

  .talkwise-site .phase2-section4__pathways article {
    padding-top: 44px;
    padding-bottom: 48px;
  }

  .talkwise-site .phase2-section4__pathways h3 {
    font-size: var(--desktop-h3);
  }

  .talkwise-site .phase2-section4__pathways p,
  .talkwise-site .phase2-section4__ending p {
    font-size: var(--desktop-body);
    line-height: var(--desktop-body-leading);
  }

  .talkwise-site .phase2-section4__ending {
    margin-top: 64px;
  }

  /* What happens in therapy? */
  .talkwise-site .phase2-section5__inner {
    width: min(calc(100% - 96px), 900px);
  }

  .talkwise-site .phase2-section5__header h2 {
    margin-bottom: 30px;
    font-size: var(--desktop-h2);
    line-height: 1.1;
  }

  .talkwise-site .phase2-section5__lead {
    max-width: var(--desktop-intro);
    font-size: clamp(1.875rem, 2.35vw, 2.25rem);
    line-height: 1.42;
  }

  .talkwise-site .phase2-section5__flow {
    margin-top: 36px;
  }

  .talkwise-site .phase2-section5__passage {
    padding-block: 30px;
  }

  .talkwise-site .phase2-section5__passage h3 {
    margin-bottom: 18px;
    font-size: var(--desktop-h3);
  }

  .talkwise-site .phase2-section5__passage p {
    max-width: var(--desktop-reading);
    font-size: var(--desktop-body);
    line-height: var(--desktop-body-leading);
  }

  /* Sessions and fees */
  .talkwise-site .phase2-section6 {
    padding-right: max(48px, calc(50vw - 620px));
    padding-bottom: 72px;
    padding-left: max(48px, calc(50vw - 620px));
  }

  .talkwise-site .phase2-section6__inner {
    width: min(100%, var(--desktop-content));
  }

  .talkwise-site .phase2-section6__header h2 {
    font-size: var(--desktop-h2);
  }

  .talkwise-site .phase2-section6__continuity {
    gap: 20px clamp(48px, 5vw, 68px);
    margin-top: 44px;
  }

  .talkwise-site .phase2-section6__continuity p,
  .talkwise-site .phase2-section6__ways p:not(.phase2-section6__way-label),
  .talkwise-site .phase2-section6__conversation p {
    font-size: var(--desktop-body);
    line-height: var(--desktop-body-leading);
  }

  .talkwise-site .phase2-section6__six {
    margin-top: 8px !important;
    font-size: clamp(1.625rem, 1.9vw, 1.875rem) !important;
  }

  .talkwise-site .phase2-section6__ways {
    margin-top: 52px;
    padding-block: 48px;
  }

  .talkwise-site .phase2-section6__ways h3,
  .talkwise-site .phase2-section6__conversation h3 {
    font-size: var(--desktop-h3);
  }

  .talkwise-site .phase2-section6__conversation {
    gap: clamp(48px, 5.5vw, 76px);
    margin-top: 56px;
  }

  .talkwise-site .phase2-section6__urgent {
    margin-top: 32px;
  }

  /* Confidentiality transition */
  .talkwise-site .home-confidentiality {
    padding-top: 76px;
    padding-bottom: 84px;
  }

  .talkwise-site .home-confidentiality h2 {
    margin-bottom: 28px;
    font-size: var(--desktop-h2);
  }

  .talkwise-site .talkwise-section.home-confidentiality p:not(.gentle-emphasis) {
    max-width: var(--desktop-reading);
    font-size: var(--desktop-body);
    line-height: var(--desktop-body-leading);
  }
}

@media (min-width: 1024px) {
  .talkwise-site .phase2-opening__journey-art {
    width: min(100%, 31rem);
    margin-top: 20px;
  }
}