/* Open editorial composition, scoped to the quote-preparation preview. */
.quoting-editorial{padding:clamp(64px,7vw,110px) 0 48px;background:#f8f5ef}
.quoting-intro,.quoting-summary{padding:0 4.5vw;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:6vw;align-items:end}
.quoting-editorial h2{font-family:BigShoulders,Impact,sans-serif;font-weight:700;font-size:clamp(44px,5.7vw,94px);line-height:1.03;letter-spacing:-.028em;margin:0;text-wrap:balance}
.quoting-editorial p:not(.section-kicker){font-size:clamp(17px,1.5vw,23px);line-height:1.6;margin:0}
.quoting-intro>.section-kicker,.quoting-editorial .section-kicker{margin-bottom:28px}
.quoting-intro>p{max-width:420px;padding-bottom:6px}
.quoting-image-row{display:grid;grid-template-columns:16.5% 1fr;align-items:center;margin:40px 0}
.quoting-side-note{padding-left:4.5vw;font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:#536b48}
.quoting-photo{margin:0;overflow:hidden;aspect-ratio:2.65;background:#dedbd4}
.quoting-photo img{display:block;width:100%;height:112%;object-fit:cover;object-position:50% 50%;transform:translateY(var(--photo-y,-5%));will-change:transform}
.quoting-summary{align-items:start;padding-top:12px}
.quoting-summary h2{font-size:clamp(40px,4.5vw,74px)}
.quoting-summary .text-link{display:inline-block;margin-top:27px;color:#536b48;font-size:16px;line-height:1.5}
@media(max-width:760px){.quoting-editorial{padding-top:52px;padding-bottom:20px}.quoting-intro,.quoting-summary{display:block;padding:0 6vw}.quoting-editorial h2{font-size:clamp(40px,9.6vw,65px);text-wrap:initial}.quoting-intro>p{margin-top:25px}.quoting-image-row{display:block;margin:28px 0}.quoting-side-note{display:block;padding:0 6vw;margin-bottom:15px;font-size:10px}.quoting-photo{aspect-ratio:1.3}.quoting-photo img{object-position:48% center}.quoting-summary h2{font-size:clamp(38px,9vw,60px);margin-bottom:24px}.quoting-summary .text-link{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.quoting-photo img{transform:translateY(-5%);will-change:auto}}
@media(min-width:761px){.quoting-intro{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:4vw}.quoting-intro h2{font-size:clamp(44px,4.9vw,86px);text-wrap:initial}}
/* Alternate the preparation section to balance the right-led workflow above. */
@media(min-width:761px){
  .refined-page #before-you-scope{grid-template-columns:1.15fr .85fr}
  #before-you-scope>div:first-child{grid-column:2;grid-row:1}
  #before-you-scope>div:last-child{grid-column:1;grid-row:1}
}

/* The preparation copy needs reading width before the phone breakpoint. */
@media (min-width:761px) and (max-width:1000px){
 .refined-page #before-you-scope{grid-template-columns:1fr;gap:30px}
 #before-you-scope>div:first-child,#before-you-scope>div:last-child{grid-column:1;grid-row:auto}
 #before-you-scope .section-title{max-width:24ch}
}
@media (min-width:1001px) and (max-width:1100px){
 #before-you-scope .section-title{font-size:42px}
}
/* Multi-paragraph summaries, long intros and plain section paragraphs on the capability pages. */
.quoting-editorial .quoting-summary>div>p+p{margin-top:1em}
#before-you-scope .brief-list+p{margin-top:24px}
.remaining-page.family-capability .detail-section>p:not(.section-kicker):not(.section-lead){max-width:65ch;line-height:1.75;color:var(--quiet)}
@media(min-width:761px){.quoting-intro.quoting-intro-long{align-items:start;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.quoting-editorial .quoting-intro.quoting-intro-long>p{max-width:56ch;font-size:clamp(17px,1.2vw,19px)}}