/* Only the photographs crossfade; copy, logo and glass rail remain still. */
.hero__picture{opacity:0;transition:opacity 1.2s ease-in-out}
.hero__picture.is-active{opacity:1}
.hero__switcher{display:none;position:absolute;z-index:2;top:50%;right:12px;transform:translateY(-50%);flex-direction:column;align-items:center;gap:2px;padding:2px;border:0;border-radius:999px;background:rgba(var(--accent-rgb),.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.js .hero__switcher{display:flex}
.hero__switcher button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:#FFF;cursor:pointer}
.hero__slide-select::before{content:'';width:4px;height:4px;border:1px solid #FFF;border-radius:50%;background:transparent}
.hero__slide-select[aria-pressed=true]::before{background:#FFF}
.hero__switcher button:hover{background:#FFFFFF1A}
.hero__switcher button:focus-visible{outline-color:#F5C400;outline-offset:1px}
.hero__switcher svg{width:10px;height:10px}
.parents__intro{position:sticky;top:125px;align-self:start}
@media(min-width:761px){.doctor__photo{position:sticky;top:125px;align-self:start;max-width:min(455px,calc((100svh - 184px)*.75))}}
@media(max-width:760px){.hero__switcher{top:65%;right:6px}.parents__intro{position:static}}
@media(max-width:760px) and (max-height:660px){.hero__switcher{top:71%;gap:0}}
@media(max-width:960px){.hero__picture[data-hero-aligner] img{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.hero__picture{transition:none}}