/* Extend the introduction photograph from its grid column to the viewport. */
@media(min-width:1440px){.intro .intro-asset{width:calc(100% + max(32px, (100vw - 1200px)/2));max-width:none;height:auto;aspect-ratio:auto;object-fit:contain}}
@media(min-width:651px) and (max-width:1439px){.intro .intro-asset{width:calc(100% + 32px);max-width:none;height:auto;aspect-ratio:auto;object-fit:contain}}
@media(max-width:650px){.intro .intro-asset{width:calc(100% + 20px);max-width:none;height:auto;aspect-ratio:auto;object-fit:contain}}
/* Number badges occupy their own space above each step's copy. */
.quote-steps{gap:0;align-items:stretch}
.quote-steps li,.quote-steps li+li{display:block;position:relative;padding:0 20px;border:0;text-align:center}
.quote-steps li+li:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--navy)}
.step-art{position:relative;height:112px;margin:0 -20px 12px}
.quote-steps .step-art .step-number{position:absolute;top:0;left:14px;width:52px;height:52px;margin:0;object-fit:contain}
.quote-steps .step-art .step-illustration{display:block;position:static;width:90px;height:96px;margin:0 auto;object-fit:contain}
.quote-steps h3{font-size:22px;line-height:1.1}
.quote-steps p{margin-top:16px;font-size:17px}
.button.start-quote-art{width:274px;height:69px;max-width:100%;margin-top:26px}
@media(min-width:651px) and (max-width:1439px){.quote-steps .step-art .step-number{width:40px;height:40px;left:8px}.quote-steps .step-art .step-illustration{width:70px;height:82px}.step-art{height:92px}.quote-steps li,.quote-steps li+li{padding-inline:12px}.step-art{margin-inline:-12px}.quote-steps h3{font-size:20px}.quote-steps p{font-size:16px}}
@media(max-width:950px) and (min-width:651px){.quote-layout .start-quote-art{margin-top:0;justify-self:end}.quote-steps .step-art .step-number{width:52px;height:52px;left:14px}.quote-steps .step-art .step-illustration{width:85px;height:92px}.step-art{height:104px}}
@media(max-width:650px){.quote-steps{gap:24px}.quote-steps li,.quote-steps li+li{padding:0;text-align:left;display:grid;grid-template-columns:116px 1fr;column-gap:16px}.quote-steps li+li:before{display:none}.step-art{grid-row:span 2;position:relative;height:92px;width:116px;margin:0}.quote-steps .step-art .step-number{width:36px;height:36px;left:0;top:0}.quote-steps .step-art .step-illustration{width:70px;height:85px;margin-left:43px}.quote-steps h3{font-size:20px;align-self:end}.quote-steps p{font-size:16px;margin-top:8px}.quote-steps h3 br{display:none}.quote-layout .start-quote-art{margin-top:24px;width:250px;height:62.96px}}

/* Scroll reveals keep each photograph's final layout and crop unchanged. */
.section-image-reveal{transform:translateX(var(--reveal-offset));opacity:0;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .65s ease;will-change:transform,opacity}
.section-image-reveal.is-visible{transform:translateX(0);opacity:1;will-change:auto}
@media(prefers-reduced-motion:reduce){.section-image-reveal{transform:none;opacity:1;transition:none;will-change:auto}}

/* Keep the introduction heading on the reference's two desktop lines. */
@media(min-width:1440px){.intro #intro-title{width:540px;max-width:none}}