/* Only the Phonics hero media; surrounding page layout is unchanged. */
.phonics-hero-animation {
    position: relative;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 28px;
    background: #52d6ee;
    box-shadow: 8px 10px 0 #e2b84a;
}
.phonics-animation-poster { display: block; width: 100%; height: auto; }
.phonics-animation-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; }
.phonics-hero-animation.has-frame .phonics-animation-video { opacity: 1; }
.phonics-animation-toggle {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 1;
    min-height: 44px;
    padding: 8px 14px;
    border: 0;
    border-radius: 24px;
    background: #fffdf4;
    color: #213040;
    font: 800 .85rem/1.2 "Nunito", system-ui, sans-serif;
    cursor: pointer;
}
.phonics-animation-toggle[hidden] { display: none; }
@media (max-width: 900px) {
    .phonics-hero-animation { width: min(100%, 580px); }
}