/* MyEasyCV homepage hero video (mu-plugins/myeasycv-hero-video.php, CEO 6 Nov 2026) — replaces the CV before/after animation in .cv-hero__image.
   Fixed 16:9 box (aspect-ratio + width/height on the poster) → no layout shift. Look = the site's page-hero player (yellow play button, glass progress bar). */
.cv-hero__image.mecv-hv-host{display:flex;align-items:center;justify-content:flex-end;min-width:0}
.mecv-hv{width:100%;max-width:540px;margin:0;margin-inline-start:auto;padding:0}
.mecv-hv__box{position:relative;aspect-ratio:16/9;width:100%;border-radius:16px;overflow:hidden;background:#111827;border:1px solid #e7e3d8;cursor:pointer;
  box-shadow:0 18px 50px -18px rgba(180,140,20,.40),0 15px 50px rgba(0,0,0,.12)}
@supports not (aspect-ratio:1/1){.mecv-hv__box{height:0;padding-top:56.25%}}
.mecv-hv__box picture,.mecv-hv__poster,.mecv-hv__vid{position:absolute;inset:0;width:100%;height:100%;display:block;margin:0;max-width:none}
.mecv-hv__poster,.mecv-hv__vid{object-fit:cover}
.mecv-hv__vid{opacity:0;transition:opacity .35s ease;background:#111827}
.mecv-hv.is-on .mecv-hv__vid{opacity:1}
.mecv-hv__play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border:0;padding:0;border-radius:50%;cursor:pointer;z-index:3;display:grid;place-items:center;color:#1f2937;
  background:linear-gradient(135deg,#F7D45E,#E4B22E);box-shadow:0 14px 34px -8px rgba(180,130,10,.65),0 0 0 6px rgba(255,255,255,.55);animation:mecvHvBreath 2.2s ease-in-out infinite;transition:opacity .25s ease,transform .25s ease}
.mecv-hv__play::before,.mecv-hv__play::after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid rgba(242,201,76,.85);animation:mecvHvRing 2.2s ease-out infinite;pointer-events:none}
.mecv-hv__play::after{animation-delay:1.1s}
.mecv-hv__play svg{width:34px;height:34px;display:block;margin-inline-start:4px;fill:currentColor}
.mecv-hv__play .ic-pause{display:none;margin-inline-start:0}
.mecv-hv.is-playing .mecv-hv__play{opacity:0;transform:scale(.8);pointer-events:none;animation:none}
.mecv-hv.is-playing .mecv-hv__play::before,.mecv-hv.is-playing .mecv-hv__play::after{animation:none;opacity:0}
.mecv-hv.is-playing .mecv-hv__play:focus-visible{opacity:1;transform:none;pointer-events:auto}
.mecv-hv.is-playing .mecv-hv__play .ic-play{display:none}.mecv-hv.is-playing .mecv-hv__play .ic-pause{display:block}
.mecv-hv__play:focus-visible{outline:3px solid #1f2937;outline-offset:4px}
.mecv-hv.is-loading .mecv-hv__play{animation:mecvHvBreath 1s ease-in-out infinite}
@keyframes mecvHvBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
@keyframes mecvHvRing{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.75);opacity:0}}
.mecv-hv__bar{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;display:flex;align-items:center;gap:10px;height:38px;padding:0 15px;border-radius:999px;background:rgba(31,41,55,.66);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:600 .76rem/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-variant-numeric:tabular-nums;direction:ltr;
  touch-action:none;cursor:pointer;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.mecv-hv.is-on .mecv-hv__bar{opacity:1;transform:none;pointer-events:auto}
.mecv-hv__bar:focus-visible{outline:3px solid #F2C94C;outline-offset:2px}
.mecv-hv__t,.mecv-hv__d{min-width:2.5em;text-align:center;color:#fff}.mecv-hv__d{color:#E8E8E8}
.mecv-hv__trk{position:relative;flex:1;height:6px;border-radius:99px;background:rgba(232,232,232,.38)}
.mecv-hv__fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:linear-gradient(90deg,#F7D45E,#F2C94C 55%,#D4A84B)}
.mecv-hv__knob{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#F2C94C;box-shadow:0 0 0 3px #fff,0 2px 6px rgba(0,0,0,.4);transition:transform .15s ease}
.mecv-hv__bar:hover .mecv-hv__knob,.mecv-hv__bar.is-drag .mecv-hv__knob{transform:scale(1.25)}
.mecv-hv__sub{position:absolute;left:6%;right:6%;bottom:60px;z-index:3;display:flex;justify-content:center;pointer-events:none;opacity:0;transition:opacity .15s ease;text-align:center}
.mecv-hv__sub.is-show{opacity:1}
.mecv-hv__sub span{display:inline-block;max-width:100%;padding:.28em .7em;border-radius:8px;background:rgba(17,24,39,.8);color:#fff;font-family:inherit;font-weight:600;font-size:clamp(.78rem,1.6vw,.98rem);line-height:1.4;
  text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:pre-line;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mecv-hv__cc{position:absolute;top:10px;inset-inline-end:10px;z-index:4;min-width:38px;height:28px;padding:0 9px;border:0;border-radius:7px;background:rgba(31,41,55,.72);color:#fff;
  font:700 .72rem/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease}
.mecv-hv.is-on .mecv-hv__cc,.mecv-hv__cc:focus-visible{opacity:1;pointer-events:auto}
.mecv-hv__cc[aria-pressed="true"]{background:#F2C94C;color:#1f2937}
.mecv-hv__cc:focus-visible{outline:3px solid #F2C94C;outline-offset:2px}
/* dark: the site's own night mode (body.night-mode) and the OS setting */
body.night-mode .mecv-hv__box{border-color:#334155;box-shadow:0 18px 50px -18px rgba(0,0,0,.6),0 0 0 1px rgba(242,201,76,.08)}
@media (prefers-color-scheme:dark){.mecv-hv__box{border-color:#334155;box-shadow:0 18px 50px -18px rgba(0,0,0,.6),0 0 0 1px rgba(242,201,76,.08)}}
@media (prefers-reduced-motion:reduce){.mecv-hv__play,.mecv-hv__play::before,.mecv-hv__play::after,.mecv-hv.is-loading .mecv-hv__play{animation:none}.mecv-hv__play::before,.mecv-hv__play::after{display:none}.mecv-hv__bar,.mecv-hv__knob,.mecv-hv__vid{transition:none}}
/* ≤1024 px the theme stacks the hero and puts the image ABOVE the text (order:-1) → the video goes BELOW the headline + CTA */
@media (max-width:1024px){.cv-hero__image.mecv-hv-host{order:1!important;margin-bottom:0;justify-content:center}.mecv-hv{margin:4px auto 0;max-width:640px}}
@media (max-width:640px){.mecv-hv__box{border-radius:14px}.mecv-hv__play{width:68px;height:68px;margin:-34px 0 0 -34px}.mecv-hv__play svg{width:28px;height:28px}
  .mecv-hv__bar{left:8px;right:8px;bottom:8px;height:36px;padding:0 12px;gap:8px}.mecv-hv__knob{width:16px;height:16px;margin:-8px 0 0 -8px}.mecv-hv__sub{bottom:52px;left:3%;right:3%}}