/* More useful explanation, within the existing Syne/DM brand typography. */
.personal-with-portrait .personal-grid{gap:clamp(32px,5vw,80px)}
.personal-with-portrait h2{font-size:clamp(30px,3.6vw,52px);line-height:1.12;margin-bottom:32px;text-wrap:balance}
.personal-portrait{width:min(100%,300px);margin:0}
.personal-portrait img{display:block;width:100%;height:auto;border-radius:12px}
.personal-portrait figcaption{font-size:14px;line-height:1.5;margin-top:12px}
.personal-guidance{border-top:1px solid #0a0a0a40;margin-top:48px;padding-top:32px}
.personal-with-portrait .personal-guidance h2{font-family:DM,Arial,sans-serif;font-size:clamp(24px,2.5vw,32px);font-weight:700;letter-spacing:-.025em;line-height:1.2;text-wrap:initial;margin:0 0 14px}
.personal-guidance>div>p{max-width:66ch;margin-bottom:28px}
.personal-guidance .content-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.personal-guidance .content-options article+article{margin-top:0}
.personal-guidance .content-options h3{font-size:20px;line-height:1.3}
.personal-guidance .content-options p{font-size:16px;margin-bottom:0}
@media(max-width:700px){.personal-guidance{margin-top:32px;padding-top:26px}.personal-guidance .content-options{grid-template-columns:1fr;gap:24px}.personal-guidance h2{font-size:24px}}
@media(max-width:700px){.personal-with-portrait h2{font-size:clamp(26px,7vw,38px);margin-bottom:26px}.personal-portrait{width:min(100%,260px)}}
.about-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:44px;align-items:center}
.about-portrait{margin:0 0 32px}
.about-portrait img{width:100%;height:auto;border-radius:12px}
.about-portrait figcaption{font-size:14px;margin-top:10px;color:#514b46}
@media(max-width:700px){.about-intro{grid-template-columns:1fr;gap:0}.about-portrait{width:min(100%,360px)}}
.cost-list{max-width:66ch;margin:24px 0}
.cost-list dt{font-weight:700;margin-top:22px}
.cost-list dd{margin:5px 0 0}
.cost-guide-link{margin:28px 0 18px}
.content-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:80px 10px}
.content-intro h2{margin-bottom:26px}
.content-intro p{max-width:58ch}
.content-options article+article{margin-top:28px}
.content-options h3{font-family:DM,Arial,sans-serif;font-weight:700;letter-spacing:-.025em;font-size:23px;line-height:1.25;margin-bottom:10px}
.content-options a{text-decoration:underline;text-underline-offset:4px}
.reading .content-story{padding-top:34px;border-top:1px solid #0a0a0a26}
.reading .content-story h3{font-family:DM,Arial,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:24px;line-height:1.25;margin:28px 0 12px}
.reading .content-story p{max-width:66ch}
.reading .content-story details{max-width:76ch}
@media(max-width:700px){.content-intro{grid-template-columns:1fr;gap:32px;padding-block:48px 0}.content-options h3{font-size:21px}.reading .content-story{padding-top:26px}.reading .content-story h3{font-size:22px}}