/* Photographs and HTML occupy separate columns; no copy is baked into an asset. */
.parenting-hero{padding-block:calc(var(--intro-space) + 36px) 52px}
.parenting-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:clamp(32px,4.5vw,68px)}
.parenting-hero-copy{min-width:0}
.parenting-hero h1{font-size:clamp(2.75rem,4.9vw,4.65rem);line-height:1.05;letter-spacing:-.035em;margin:20px 0 28px}
.parenting-hero-copy>p{max-width:45ch;font-size:17px}
.parenting-hero-copy>p.lead{font-size:clamp(19px,1.6vw,23px);line-height:1.6}
.parenting-hero-copy .button{margin-top:12px}
.parenting-hero .eyebrow{font-size:13px}
.parenting-hero .breadcrumb{display:inline-flex;margin-bottom:26px;color:var(--intro-muted)}
.parenting-hero .text-link{color:var(--intro-ink);border-color:var(--intro-accent);margin-top:10px}
.parenting-hero-image{margin:0;min-width:0}
.parenting-hero-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 46%}
.parenting-hero-image figcaption{font-size:12px;line-height:1.5;letter-spacing:.02em;color:var(--intro-muted);margin-top:10px;text-align:right}
.parenting-hero--courses{padding-bottom:40px}
.parenting-hero--courses h1{max-width:10ch}
.parenting-hero--courses .parenting-hero-image img{aspect-ratio:16/10;object-position:50% 60%}
.parenting-hero--detail{padding-block:110px 36px}
.parenting-hero--detail .parenting-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.parenting-hero--detail h1{max-width:14ch;font-size:clamp(2.65rem,4.6vw,4.4rem);margin-bottom:22px}
.parenting-hero--detail .parenting-hero-image img{aspect-ratio:2/1;object-position:50% 70%}
.parenting-hero--detail .lead{font-size:18px}
.course-detail-content{padding-block:20px var(--section-space)}
.course-detail-content .course-row{border-top:0}
#course-announcements{scroll-margin-top:110px}
:root[data-presentation=restorative] .parenting-hero h1{font-size:clamp(2.65rem,4.4vw,4.2rem);letter-spacing:-.025em}
@media(max-width:1000px){.parenting-hero-grid{gap:30px}.parenting-hero h1{font-size:clamp(2.7rem,4.8vw,3.7rem)}.parenting-hero-copy .button{font-size:15px;padding-inline:18px}}
@media(max-width:800px){
 .parenting-hero{padding-block:100px 30px}
 .parenting-hero-grid,.parenting-hero--detail .parenting-hero-grid{grid-template-columns:1fr;gap:30px}
 .parenting-hero h1,:root[data-presentation=restorative] .parenting-hero h1{font-size:clamp(2.7rem,8.8vw,4rem);max-width:15ch;margin:18px 0 24px}
 .parenting-hero-copy>p{max-width:60ch}
 .parenting-hero .breadcrumb{margin-bottom:18px}
 .parenting-hero-image img,.parenting-hero--courses .parenting-hero-image img{aspect-ratio:3/2;object-position:center}
 .parenting-hero--detail .parenting-hero-image img{aspect-ratio:2/1}
 .parenting-hero-image figcaption{margin-top:7px}
 .parenting-hero--courses .text-link{margin-bottom:0}
 .course-detail-content{padding-top:8px}
}
@media(max-width:380px){.parenting-hero-copy .button{width:100%;white-space:normal;justify-content:space-between;font-size:14px;gap:12px}.parenting-hero h1,:root[data-presentation=restorative] .parenting-hero h1{font-size:2.5rem}}
@media print{.parenting-hero-image{display:none}.parenting-hero-grid,.parenting-hero--detail .parenting-hero-grid{display:block}.parenting-hero{padding-block:20px}}