/* Terry's September 23 corrections. Only the four reviewed routes opt in.
 * Container units follow the fitted slide, unlike viewport units when a
 * short laptop window shrinks the canvas. Keep the complete source quotes.
 * https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length
 */
.pilot-page.terry-sept23 #slide-2 .ism-phase-detail {
  align-items: center !important;
}

.pilot-page.terry-sept23 #slide-2 .ism-phase-detail > div {
  align-self: center !important;
}

.pilot-page.terry-sept23 #slide-2 .ism-phase-number {
  align-self: center !important;
  margin-block: 0 !important;
}

@media (min-width: 951px) {
  .pilot-page.terry-sept23 #slide-4::before {
    background: linear-gradient(90deg, rgba(3, 16, 18, .72), rgba(3, 16, 18, .5) 67%, rgba(3, 16, 18, .02) 86%) !important;
  }

  .pilot-page.terry-sept23 #slide-2 .ism-narrative {
    top: 8% !important;
    bottom: 6% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .pilot-page.terry-sept23 #slide-2 .ism-phase-stack {
    flex: 1 1 auto !important;
    display: grid !important;
    grid-template-rows: repeat(3, minmax(min-content, 1fr)) !important;
    gap: 0 !important;
  }

  .pilot-page.terry-sept23 #slide-2 .ism-phase-detail {
    padding-block: .7cqw !important;
  }

  .pilot-page.terry-sept23 #slide-4 .presidents-brand-story {
    top: 6.4cqw !important;
    width: 65% !important;
  }

  .pilot-page.terry-sept23 #slide-4 .presidents-brand-story h2 {
    width: auto !important;
    max-width: 52cqw !important;
    font-size: 3.15cqw !important;
    line-height: 1.04 !important;
  }

  .pilot-page.terry-sept23 #slide-4 .ism-closing-legacy {
    max-width: 58ch;
    margin: .75cqw 0 !important;
    font-size: clamp(12px, 1.2cqw, 22px) !important;
    line-height: 1.35 !important;
  }

  .pilot-page.terry-sept23 #slide-4 .business-objectives {
    min-height: 0 !important;
    margin-block: 1cqw !important;
    padding-block: .5cqw !important;
  }

  .pilot-page.terry-sept23 #slide-4 .client-perspectives {
    margin-top: .8cqw !important;
  }

  .pilot-page.terry-sept23 #slide-4 .client-perspectives-label {
    font-size: clamp(10px, .95cqw, 17px) !important;
    line-height: 1.3 !important;
  }

  .pilot-page.terry-sept23 #slide-4 .client-quote-pair {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
    gap: 1.7cqw !important;
    margin-top: .6cqw !important;
  }

  .pilot-page.terry-sept23.deck-usopen #slide-4 .client-quote-pair {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr) !important;
  }

  .pilot-page.terry-sept23 #slide-4 .client-quote {
    display: flex !important;
    flex-direction: column !important;
    padding: .7cqw 0 0 !important;
    margin: 0 !important;
  }

  .pilot-page.terry-sept23 #slide-4 .client-quote blockquote {
    font-size: clamp(14px, 1.48cqw, 26px) !important;
    line-height: 1.28 !important;
    margin: 0 !important;
  }

  .pilot-page.terry-sept23 #slide-4 .client-quote figcaption {
    margin-top: auto !important;
    padding-top: .7cqw !important;
    line-height: 1.25 !important;
  }

  .pilot-page.terry-sept23 #slide-4 .client-quote cite {
    font-size: clamp(10.5px, .94cqw, 16px) !important;
    line-height: 1.3 !important;
    letter-spacing: .055em !important;
  }

  .pilot-page.terry-sept23 #slide-4 .presidents-close-band {
    height: auto !important;
    min-height: 10.8cqw !important;
    padding: 1.1cqw 4.7cqw !important;
  }

  .pilot-page.terry-sept23 #slide-4 .seller-handoff strong {
    font-size: clamp(16px, 1.8cqw, 30px) !important;
    line-height: 1.18 !important;
  }

  .pilot-page.terry-sept23 #slide-4 .seller-handoff p {
    font-size: clamp(12px, 1.17cqw, 20px) !important;
    line-height: 1.35 !important;
    margin-top: .45cqw !important;
  }

  .pilot-page.terry-sept23 #slide-4 .seller-handoff a {
    font-size: clamp(13px, 1.3cqw, 22px) !important;
    line-height: 1.3 !important;
    margin-top: .45cqw !important;
  }
}

/* Portrait/tablet and phone landscape read in document flow. There is no
 * absolute CTA panel that can paint over a longer quotation or attribution. */
@media (max-width: 950px) {
  .pilot-page.terry-sept23 #slide-4 {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }

  .pilot-page.terry-sept23 #slide-4 .presidents-brand-panel {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    padding: 230px 22px 28px !important;
  }

  .pilot-page.terry-sept23 #slide-4 .presidents-brand-story {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .pilot-page.terry-sept23 #slide-4 .presidents-brand-story h2 {
    width: auto !important;
    max-width: none !important;
    font-size: clamp(30px, 5.3vw, 44px) !important;
    line-height: 1.08 !important;
  }

  .pilot-page.terry-sept23 #slide-4 .client-quote-pair {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .pilot-page.terry-sept23 #slide-4 .client-quote blockquote {
    font-size: 18px !important;
    line-height: 1.45 !important;
  }

  .pilot-page.terry-sept23 #slide-4 .client-quote cite {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .pilot-page.terry-sept23 #slide-4 .presidents-close-band {
    position: relative !important;
    inset: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 24px 22px !important;
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 601px) and (max-width: 950px) {
  .pilot-page.terry-sept23 #slide-4 .presidents-brand-panel {
    padding-top: 180px !important;
  }

  .pilot-page.terry-sept23 #slide-4 .client-quote-pair {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
  }
}