/* Menopause lander visuals, 28 September 2026. */
.mk-lh--crop-menopause .mk-lh__media{position:relative;aspect-ratio:1128/844;background:transparent}
.mk-lh--crop-menopause .mk-lh__media img{position:absolute;width:100%;height:165.877%;max-height:none;top:-32.939%;left:0;object-fit:fill}
.mk-layer-animation{margin:0;border-radius:14px;overflow:hidden;background:transparent;padding:0}
.mk-layer-animation>.mk-eyebrow{margin:0;padding:0 24px;color:#5e1e34}
.mk-layer-animation__scene{position:relative;aspect-ratio:1.12;overflow:hidden}
.mk-layer-animation__art{position:absolute;inset:0 44% 0 0;overflow:hidden}
.mk-layer-animation__art img{position:absolute;width:161.29%;max-width:none;height:128.205%;top:-7.692%;left:0;object-fit:fill}
.mk-layer-animation__label{position:absolute;left:57%;right:2%;top:var(--y);transform:translateY(-50%);font-size:clamp(13px,1.4vw,19px);font-weight:500;line-height:1.25;color:#302824;display:flex;align-items:center;gap:8px;animation:mk-layer-focus 6s ease-in-out var(--delay) 2}
.mk-layer-animation__label::before{content:"";width:20px;height:2px;background:#5e1e34;flex:none;transform-origin:left;animation:mk-layer-line 6s ease-in-out var(--delay) 2}
.mk-layer-animation figcaption{font-size:12px;line-height:1.5;color:#51453d;padding:0 24px;margin:0}
@keyframes mk-layer-focus{0%,25%,100%{color:#302824}8%,18%{color:#8d3554}}
@keyframes mk-layer-line{0%,25%,100%{transform:scaleX(1)}8%,18%{transform:scaleX(1.35)}}
@media(max-width:860px){.mk-layer-animation{margin-left:calc(-1 * var(--mk-gutter));border-radius:0}.mk-layer-animation__label{font-size:clamp(12px,3.3vw,19px)}}
@media(prefers-reduced-motion:reduce){.mk-layer-animation__label,.mk-layer-animation__label::before{animation:none}}