.motion-heading{transform:translateY(var(--motion-y,0px)) scale(var(--motion-scale,1));transform-origin:left center;opacity:var(--motion-opacity,1);transition:transform .45s ease-out,opacity .45s ease-out;will-change:transform,opacity}
.motion-hero{position:relative;isolation:isolate;background:none}
.motion-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:#ded6c5 url('assets/homepage-mother-wix.webp') center/cover no-repeat;transform:translateY(var(--hero-shift,0px)) scale(var(--hero-scale,1.06));transition:transform .45s ease-out;will-change:transform;pointer-events:none}
.motion-hero .reference-hero-copy{position:relative}
.motion-hero .reference-hero-copy h1{animation:hero-title-arrive 1.2s cubic-bezier(.2,.65,.25,1) both}
.family-photo,.story-visual{overflow:hidden}
.motion-photo{transform:translateY(var(--photo-shift,0px)) scale(var(--photo-scale,1.06));transition:transform .45s ease-out;will-change:transform}
.motion-fade{opacity:0;translate:0 8px;transition:opacity .8s ease-out,translate .8s cubic-bezier(.2,.65,.25,1)}
.motion-fade.motion-visible{opacity:1;translate:0 0}
@keyframes hero-title-arrive{from{opacity:.65;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:700px){.motion-hero::before{background-position:65% center}.motion-heading{transform-origin:left top}}
@media(prefers-reduced-motion:reduce){.motion-heading,.motion-photo{transform:none!important;opacity:1!important;transition:none!important}.motion-hero::before{transform:none!important;transition:none!important}.motion-hero .reference-hero-copy h1{animation:none!important}.motion-fade{opacity:1!important;translate:none!important;transition:none!important}}

.medal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:42px 0 30px}.medal-card{text-align:center;border:1px solid #d9d4bf;border-radius:22px;background:#f0efdf;padding:30px 24px;overflow:hidden}.medal-visual{height:176px;display:flex;align-items:center;justify-content:center;margin:0 0 20px}.medal-visual img{width:156px;height:156px;object-fit:contain;mix-blend-mode:multiply}.medal-copy h3{margin:0 0 8px;font-size:24px}.medal-english{display:block;font-size:13px;letter-spacing:.5px}.motion-medal .medal-visual img{transform:translateY(var(--medal-y,0px)) scale(var(--medal-scale,1));opacity:var(--medal-opacity,1);transition:transform .5s cubic-bezier(.2,.65,.25,1),opacity .5s ease-out;will-change:transform,opacity}.motion-medal .medal-copy{transform:translateY(var(--medal-y,0px)) scale(var(--medal-text-scale,1));opacity:var(--medal-opacity,1);transition:transform .5s ease-out,opacity .5s ease-out;transform-origin:center top}@media(max-width:700px){.medal-grid{grid-template-columns:1fr;gap:22px}.medal-card{padding:26px 22px}.medal-visual{height:156px}.medal-visual img{width:142px;height:142px}}@media(prefers-reduced-motion:reduce){.motion-medal .medal-visual img,.motion-medal .medal-copy{transform:none!important;opacity:1!important;transition:none!important}}
/* Keep the mother's face in view when the square Wix image fills a wide hero. */
.motion-hero::before{background-position:center 12%}
@media(max-width:700px){.motion-hero::before{background-position:65% center}.reference-hero-copy{background:linear-gradient(90deg,rgba(252,250,239,.78),rgba(252,250,239,.24));border-radius:18px;padding:16px}}

@media(min-width:701px){
 .motion-hero{background:#ded6c5}
 .motion-hero::before{left:auto;width:56%;background-color:transparent;background-size:contain;background-position:right center;transform-origin:right center;transform:scale(var(--hero-scale,1))}
}

.desktop-hero-photo{display:none}
@media(min-width:701px){
 .reference-hero,.motion-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px;align-items:center;min-height:0;max-height:none;padding:28px 3%;background:#ded6c5}
 .reference-hero-copy{width:100%;max-width:none;min-width:0}
 .reference-hero h1{font-size:clamp(28px,3.4vw,54px);line-height:1.08;margin-bottom:22px}
 .reference-hero p{font-size:clamp(14px,1.2vw,17px);line-height:1.6;margin-bottom:22px}
 .motion-hero::before{display:none}
 .desktop-hero-photo{display:block;width:100%;height:auto;object-fit:contain;object-position:center;transform:scale(var(--hero-scale,1));transition:transform .45s ease-out;transform-origin:center;border-radius:16px}
}
@media(prefers-reduced-motion:reduce){.desktop-hero-photo{transform:none;transition:none}}