/* An intergenerational mirror portrait with the teaching alongside. */
.mother-mirror-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center;padding:46px 0 52px}
.mother-intro-copy{min-width:0}.mother-intro-copy h1{font-size:clamp(48px,5vw,68px)}
.mother-intro-copy .mother-context{display:block;padding:0;margin:24px 0;border:0;max-width:600px}
.mother-intro-copy .mother-context p+p{margin-top:17px}.mother-intro-copy .mother-context .mother-scope{font-size:12px;margin-top:20px}
.mother-mirror-portrait{margin:0;max-width:420px;width:100%;min-width:0;justify-self:center}
.mother-mirror-portrait img{display:block;width:100%;max-width:100%;height:auto;border:1px solid var(--line);border-radius:180px 180px 5px 5px;box-shadow:0 16px 40px #4b293610}
.mother-mirror-portrait figcaption{font:italic 23px/1.5 Queen,Georgia,serif;color:var(--rose);text-align:center;margin-top:24px}
.mother-begin{display:inline-block;background:var(--rose);color:white;border-radius:4px;padding:13px 22px;font-size:14px}
.mother-begin:hover{background:#703046}.mother-begin:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
.mother-complimentary{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0 0}
@media(max-width:900px){.mother-mirror-intro{gap:32px}.mother-mirror-portrait figcaption{font-size:21px}}
@media(max-width:700px){.mother-mirror-intro{grid-template-columns:1fr;gap:32px;padding:30px 0 38px}.mother-mirror-portrait{max-width:440px}.mother-intro-copy h1{font-size:54px}.mother-mirror-portrait figcaption{font-size:22px}}