.mz-motion-hero,.mz-motion-hero *{box-sizing:border-box}
.mz-motion-hero{position:relative;isolation:isolate;overflow:hidden;width:min(94%,1600px);margin:20px auto 38px;min-height:var(--mz-hero-height,690px);border-radius:30px;background:#020719;color:#fff;font-family:inherit}
.mz-motion-hero__backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 81% 69%,#102d92 0%,#081b68 28%,transparent 66%),linear-gradient(118deg,#02040d 0%,#030719 50%,#061953 100%)}
.mz-motion-hero__glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(64px);opacity:.55}
.mz-motion-hero__glow--one{width:75%;height:74%;left:16%;top:61%;background:#0b51f5;animation:mz-glow-one 11s ease-in-out infinite alternate}
.mz-motion-hero__glow--two{width:45%;height:54%;right:-7%;top:8%;background:#0b3ccf;opacity:.38;animation:mz-glow-two 14s ease-in-out infinite alternate}
.mz-motion-hero__waves{position:absolute;inset:-9% -9%;width:118%;height:118%;filter:saturate(1.2);animation:mz-wave-drift 12s cubic-bezier(.45,0,.55,1) infinite alternate;transform-origin:65% 55%}
.mz-motion-hero__wave-group{animation:mz-wave-pulse 8s ease-in-out infinite alternate}
.mz-motion-hero__content{position:relative;z-index:1;width:min(780px,75%);padding:clamp(96px,14vw,190px) 0 110px clamp(28px,5vw,84px);animation:mz-copy-in 1.1s ease both}
.mz-motion-hero__eyebrow{margin-bottom:22px;font-size:11px;font-weight:650;letter-spacing:.21em;color:#c7d7ff}
.mz-motion-hero__eyebrow:before{content:'|';margin-right:12px;color:#9ac7ff}
.mz-motion-hero__title{font-size:clamp(43px,5.2vw,84px)!important;font-weight:700!important;line-height:1.06!important;letter-spacing:-.055em!important;text-transform:none!important;color:#fff!important;margin:0 0 23px!important}
.mz-motion-hero__title span{display:block}
.mz-motion-hero__lead{max-width:480px;margin:0 0 34px!important;font-size:clamp(15px,1.3vw,19px)!important;line-height:1.65!important;color:#cbd5f0!important}
.mz-motion-hero__button{display:inline-flex!important;align-items:center;gap:11px;text-decoration:none!important;background:#fff!important;color:#121728!important;padding:8px 8px 8px 22px!important;border-radius:40px!important;font-size:15px!important;font-weight:650!important;line-height:1!important;transition:transform .25s,box-shadow .25s}
.mz-motion-hero__button:hover,.mz-motion-hero__button:focus-visible{transform:translateY(-3px);box-shadow:0 10px 30px #2771ff55;color:#121728!important}
.mz-motion-hero__button-arrow{display:grid;place-items:center;background:#101b42;color:#fff;border-radius:50%;width:35px;height:35px;font-size:22px;font-weight:400}
.mz-motion-hero__scroll{position:absolute;left:50%;bottom:25px;display:grid;gap:0;transform:translateX(-50%) rotate(45deg);opacity:.7}
.mz-motion-hero__scroll span{width:11px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff}
@keyframes mz-wave-drift{0%{transform:translate(-6%,9%) rotate(-7deg) scale(1.06)}50%{transform:translate(0,0) rotate(0) scale(1)}100%{transform:translate(4%,-9%) rotate(6deg) scale(1.11)}}
@keyframes mz-wave-pulse{0%{opacity:.65}100%{opacity:1}}
@keyframes mz-glow-one{to{transform:translate(13%,-24%) scale(1.15)}}
@keyframes mz-glow-two{to{transform:translate(-19%,19%) scale(.8)}}
@keyframes mz-copy-in{from{opacity:0;transform:translateY(27px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.mz-motion-hero{width:94%;min-height:560px;margin:12px auto 28px;border-radius:22px}.mz-motion-hero__content{width:100%;padding:135px 26px 100px}.mz-motion-hero__title{font-size:clamp(37px,9vw,59px)!important}.mz-motion-hero__waves{width:180%;left:-40%;top:8%;height:110%}.mz-motion-hero__eyebrow{font-size:10px}.mz-motion-hero__lead{max-width:350px}.mz-motion-hero__glow--one{width:110%;left:10%}}
@media(prefers-reduced-motion:reduce){.mz-motion-hero__waves,.mz-motion-hero__glow,.mz-motion-hero__wave-group,.mz-motion-hero__content{animation:none!important}}
/* Version 2: viewport-aligned width independently of Gutenberg/theme content container */
.mz-motion-hero{width:calc(100vw - 2 * var(--mz-outside,36px));max-width:none;left:50%;transform:translateX(-50%);margin:20px 0 38px;min-height:var(--mz-hero-height,780px);display:flex;flex-direction:column;justify-content:space-between}
.mz-motion-hero__content{padding:clamp(95px,12vw,170px) 0 28px clamp(28px,5vw,90px);width:min(760px,75%)}
.mz-motion-hero__title{font-family:inherit!important;font-size:clamp(38px,4.3vw,76px)!important;font-weight:650!important;letter-spacing:-.045em!important}
.mz-motion-hero__title span{display:block!important}
.mz-motion-hero__featured{position:relative;z-index:2;margin:24px clamp(28px,5vw,90px) 56px;padding-top:20px;border-top:1px solid #ffffff77;max-width:none}
.mz-motion-hero__slide{max-width:840px;min-height:140px}.mz-motion-hero__slide[hidden]{display:none!important}.mz-motion-hero__slide-inner{display:flex;align-items:flex-start;gap:24px}.mz-motion-hero__thumb{height:130px;width:190px;object-fit:cover;border-radius:14px;flex-shrink:0}.mz-motion-hero__slide-copy h2{font-size:clamp(18px,1.6vw,24px)!important;color:#fff!important;margin:0 0 7px!important;line-height:1.3}.mz-motion-hero__slide-copy p{font-size:15px!important;line-height:1.5!important;margin:0 0 10px!important;color:#e0e5f7!important}.mz-motion-hero__slide-copy a{font-weight:650;color:#fff!important;text-decoration:none!important;font-size:15px}.mz-motion-hero__slide-copy a:hover{text-decoration:underline!important}.mz-motion-hero__dots{display:flex;gap:9px;margin-top:21px;align-items:center}.mz-motion-hero__dot{border:0!important;border-radius:99px!important;width:9px!important;height:9px!important;min-width:0!important;padding:0!important;background:#ffffff75!important;cursor:pointer;transition:width .25s,background .25s}.mz-motion-hero__dot[aria-pressed=true]{width:27px!important;background:#fff!important}.mz-motion-hero__dot:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:767px){.mz-motion-hero{width:calc(100vw - 24px);min-height:max(640px,var(--mz-hero-height,780px));margin:12px 0 24px}.mz-motion-hero__content{width:100%;padding:145px 24px 30px}.mz-motion-hero__featured{margin:12px 24px 55px}.mz-motion-hero__slide-inner{gap:14px}.mz-motion-hero__thumb{width:100px;height:95px}.mz-motion-hero__slide-copy p{font-size:13px!important}.mz-motion-hero__slide-copy a{font-size:13px}.mz-motion-hero__title{font-size:clamp(35px,9vw,55px)!important}}

/* V3: all visuals confined to the hero backdrop; no header/navigation selectors. */
.mz-motion-hero__backdrop{background:linear-gradient(118deg,var(--mz-c-start,#001c21) 0%,var(--mz-c-mid,#003d46) 50%,var(--mz-c-end,#005d6a) 100%)!important;isolation:isolate}
.mz-motion-hero__image{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--mz-image-opacity,.3);pointer-events:none}
.mz-motion-hero__glow--one{background:var(--mz-glow-one,#005d6a)!important;z-index:1}
.mz-motion-hero__glow--two{background:var(--mz-glow-two,#008a99)!important;z-index:1}
.mz-motion-hero__waves{z-index:2;filter:saturate(1.15)}
/* Staggered content reveal, no empty hero waiting period */
.mz-motion-hero__content{animation:none!important}
.mz-motion-hero__content > *{animation:mz-v3-reveal .55s cubic-bezier(.22,1,.36,1) both}
.mz-motion-hero__content > :nth-child(1){animation-delay:.08s}
.mz-motion-hero__content > :nth-child(2){animation-delay:.24s}
.mz-motion-hero__content > :nth-child(3){animation-delay:.4s}
.mz-motion-hero__content > :nth-child(4){animation-delay:.56s}
.mz-motion-hero__featured{animation:mz-v3-reveal .65s .7s both}
@keyframes mz-v3-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mz-motion-hero__content > *,.mz-motion-hero__featured{animation:none!important}}

/* V4: RTL content, scoped to the hero. Header and theme are untouched. */
.mz-motion-hero--rtl .mz-motion-hero__content{padding-left:0;padding-right:clamp(28px,5vw,90px);margin-left:auto;margin-right:0;text-align:right}
.mz-motion-hero--rtl .mz-motion-hero__featured{direction:rtl;text-align:right}
.mz-motion-hero--rtl .mz-motion-hero__dots{justify-content:flex-start}
@media(max-width:767px){.mz-motion-hero--rtl .mz-motion-hero__content{padding:145px 24px 30px}}
