.offer-intro{max-width:740px;font-size:21px;line-height:1.5;margin:-25px 0 45px}.brand-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brand-option{padding:35px;background:var(--blue);display:flex;flex-direction:column;color:var(--navy)}.brand-option:nth-child(2){background:var(--navy);color:var(--blue)}.brand-option h3{font-size:clamp(32px,4vw,53px);font-weight:500;line-height:1.05;letter-spacing:-.04em;margin:32px 0 24px;min-height:2.1em}.brand-option p{font-size:17px;line-height:1.55;max-width:480px;margin:0 0 20px}.option-foot{font-size:13px;line-height:1.5;border-top:1px solid currentColor;padding-top:18px;margin-top:auto}.scope-note{font-size:14px;line-height:1.5;max-width:640px;margin:24px 0 70px}.more-help{font-size:clamp(25px,3vw,38px);font-weight:500;letter-spacing:-.03em;margin:0 0 30px}.about .about-name{font-size:15px;line-height:1.6;max-width:300px}.contact-copy{font-size:20px;line-height:1.5;max-width:580px;margin:0 0 28px}.contact-mail{font-size:clamp(18px,3.4vw,42px);letter-spacing:-.03em;display:inline-block;border-bottom:1px solid;padding-bottom:10px;margin-bottom:65px;overflow-wrap:anywhere}.hero-bottom p{max-width:450px}.about p{font-size:19px}.contact h2{margin-bottom:30px}
@media(max-width:700px){.brand-options{grid-template-columns:1fr}.brand-option{padding:28px}.brand-option h3{min-height:0;font-size:38px}.brand-option p{font-size:16px}.offer-intro{font-size:18px;margin-top:-30px}.scope-note{margin-bottom:50px}.about p{font-size:18px}.hero-bottom p{font-size:16px;max-width:340px}.contact-copy{font-size:18px}}
/* Section headings stand on their own, without numbered overlines. */
.intro h2{margin-top:0}.services h2{margin-top:0}.about h2{margin-top:0}.service button{grid-template-columns:1fr 45px}.service-content{padding-left:0}.hero h1{margin-top:20px}@media(max-width:700px){.service button{grid-template-columns:1fr 25px}.hero h1{margin-top:40px}.service-content{padding-left:0}}

.about-portrait{display:block;width:100%;max-width:380px;height:auto;margin-top:32px}@media(max-width:700px){.about-portrait{max-width:360px;margin-top:24px}}

/* Keep the type prominent and let the words reflow on smaller screens. */
.hero{height:auto;min-height:0;padding-bottom:72px}
.hero h1{font-size:clamp(64px,6.3vw,98px);line-height:1.04;max-width:100%}
.hero h1 span{white-space:normal}
@media(max-width:1000px){
 .hero{height:auto;min-height:0;padding-bottom:64px}
 .hero h1{font-size:64px;line-height:1.04;max-width:780px}
 .hero h1 span{display:inline;margin-left:0!important}
}
@media(max-width:700px){
 .hero{padding-top:140px;padding-bottom:48px}
 .hero h1{font-size:60px;margin-top:20px;max-width:600px}
 .hero-bottom{margin-top:42px}
}
@media(max-width:440px){.hero h1{font-size:48px;line-height:1.06}}

/* Anchor the portrait to the section edge in both reading orders. */
.about{padding-bottom:0;grid-template-areas:"heading copy" "portrait copy";column-gap:10vw;row-gap:0;grid-template-rows:auto 1fr}
.about-heading{grid-area:heading}.about-copy{grid-area:copy;padding-bottom:72px}
.about .about-portrait{grid-area:portrait;align-self:end;display:block;width:100%;max-width:460px;height:auto;margin:16px 0 0}
@media(max-width:700px){.about{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"heading" "copy" "portrait";gap:0;padding-bottom:0}.about-copy{padding-bottom:0}.about .about-portrait{max-width:400px;justify-self:center;margin:24px 0 0}}

/* Personal introduction link in the hero. */
.hero-bottom{flex-direction:column;align-items:flex-start;gap:22px}
.hero-about-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 24px;border:1px solid currentColor;border-radius:999px;font-size:16px;line-height:1.25;transition:background .2s,color .2s}
.hero-about-link:hover{background:var(--blue);color:var(--navy)}
#jeannine{scroll-margin-top:24px}

.contact-bottom .legal-links{display:flex;flex-wrap:wrap;gap:24px}.contact-bottom .legal-links a{text-decoration:underline;text-underline-offset:3px}

/* Let offer cards fit very narrow screens without horizontal scrolling. */
.brand-option{min-width:0}.brand-option h3{overflow-wrap:anywhere;hyphens:auto}