.mr-hero {
  --mr-mx: 0; --mr-my: 0; --mr-dir: 1;
  --mr-deep: #092d66; --mr-primary: #135bb4; --mr-white: #f9fcff; --mr-yellow: #f5c63d;
  --mr-ease: cubic-bezier(.16,.84,.24,1);
  position: relative; height: 86vh; min-height: 32rem; overflow: hidden; isolation: isolate;
  color: var(--mr-white); background: var(--mr-deep); font-family: "IBM Plex Sans", Arial, sans-serif; touch-action: pan-y;
}
.mr-hero:focus{
    border: 1px solid #ffffff;
}
.mr-hero *, .mr-hero *::before, .mr-hero *::after { box-sizing: border-box; }
.mr-hero[data-dir="prev"] { --mr-dir: -1; }
.mr-hero__stage, .mr-hero__slide { position: absolute; inset: 0; }
.mr-hero__slide { z-index: 0; visibility: hidden; }
.mr-hero__slide[data-state="active"] { z-index: 2; visibility: visible; }
.mr-hero__slide[data-state="exit"] { z-index: 1; visibility: visible; }
.mr-hero__slide [data-layer] { --shift: 6%; --duration: 1000ms; --delay: 0ms; opacity: 0; transform: translate3d(calc(var(--mr-dir) * var(--shift)),0,0); transition: transform var(--duration) var(--mr-ease) var(--delay), opacity calc(var(--duration) * .7) ease-out var(--delay); will-change: transform,opacity; }
.mr-hero__slide[data-state="active"] [data-layer] { opacity: 1; transform: translate3d(0,0,0); }
.mr-hero__slide[data-state="exit"] [data-layer] { opacity: 0; transform: translate3d(calc(var(--mr-dir) * var(--shift) * -1),0,0); transition-delay: 0ms; }
.mr-hero__slide [data-layer="media"] { --shift: 7%; --duration: 1500ms; }
.mr-hero__slide [data-layer="veil"] { --shift: 5%; --duration: 1350ms; }
.mr-hero__slide [data-layer="decor"] { --shift: 11%; --duration: 1250ms; --delay: 60ms; }
.mr-hero__slide [data-layer="eyebrow"] { --shift: 14%; --duration: 1000ms; --delay: 80ms; }
.mr-hero__slide [data-layer="title"] { --shift: 17%; --duration: 1050ms; --delay: 140ms; }
.mr-hero__slide [data-layer="description"] { --shift: 22%; --duration: 1000ms; --delay: 300ms; }
.mr-hero__slide [data-layer="cta"] { --shift: 28%; --duration: 950ms; --delay: 440ms; }
.mr-hero__media, .mr-hero__veil { position: absolute; inset: -2% -6%; }
.mr-hero__media-inner { width: 100%; height: 100%; transform: translate3d(calc(var(--mr-mx) * -18px),calc(var(--mr-my) * -12px),0) scale(1.06); transition: transform 700ms cubic-bezier(.22,1,.36,1); }
.mr-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.mr-hero__veil { background: linear-gradient(100deg,rgba(0,34,127,.9) 0%,rgba(0,34,127,.62) 42%,rgba(0,34,127,.08) 72%,transparent 100%),linear-gradient(to top,rgb(201, 44, 154) 0%,transparent 75%); }
.mr-hero__rules { position: absolute; inset: 0; transform: translate3d(calc(var(--mr-mx) * -8px),0,0); }

.mr-hero__rules span { position: absolute; inset-block: 0; width: 30px; background-repeat: no-repeat; opacity: 0.6;}

.mr-hero__rules span:nth-child(1) { left: 12%; width: 93px; background-image: url(dec-1.png); background-position-y: 50px; }
.mr-hero__rules span:nth-child(2) { left: 78%; width: 147px; background-image: url(dec-2.png); background-position-y: bottom; }
.mr-hero__rules span:nth-child(3) { left: 88%; width: 136px; background-image: url(dec-3.png); background-position-y: top; }

.mr-hero__copy { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; gap: 1.25rem; width: 100%; height: 100%; max-width: 78rem; margin: auto; padding: 4rem 3rem 10rem; transform: translate3d(calc(var(--mr-mx) * 8px),calc(var(--mr-my) * 5px),0); transition: transform 700ms cubic-bezier(.22,1,.36,1); }
.mr-hero__eyebrow { display: inline-flex; align-items: center; gap: .75rem; margin: 0; color: rgba(249,252,255,.82); font-size: .72rem; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; }
.mr-hero__eyebrow-dash { display: block; width: 2.5rem; height: 2px; background: var(--mr-yellow); }
.mr-hero__title { max-width: 22ch; margin: 0; font: 700 clamp(2.35rem,6.2vw,5.1rem)/.98 "Archivo",Arial,sans-serif; letter-spacing: -.025em; text-wrap: balance; }
.mr-hero__mask { display: block; overflow: hidden; padding-bottom: .08em; }
.mr-hero__mask-inner { display: block; transform: translate3d(0,105%,0); transition: transform 1150ms var(--mr-ease) 180ms; }
.mr-hero__slide[data-state="active"] .mr-hero__mask-inner { transform: translate3d(0,0,0); }
.mr-hero__slide[data-state="exit"] .mr-hero__mask-inner { transform: translate3d(0,-105%,0); transition-delay: 0ms; transition-duration: 800ms; }
.mr-hero__description { max-width: 42ch; margin: 0; color: rgba(249,252,255,.88); font-size: clamp(1rem,1.4vw,1.3rem); line-height: 1.55; }
.mr-hero__cta { position: relative; display: inline-flex; min-height: 3.25rem; padding: .95rem 1.9rem; align-items: center; gap: .75rem; overflow: hidden; border: 1px solid rgba(249,252,255,.42); border-radius: .375rem; color: var(--mr-white); background: rgba(19,91,180,.55); backdrop-filter: blur(6px); font: 600 .86rem/1 "Archivo",Arial,sans-serif; letter-spacing: .14em; text-decoration: none; text-transform: uppercase; transition: background-color .32s,border-color .32s,transform .32s var(--mr-ease),box-shadow .32s; }
.mr-hero__cta::before { content: ""; position: absolute; inset: 0; background: var(--mr-yellow); transform: translate3d(-101%,0,0); transition: transform .42s var(--mr-ease); }
.mr-hero__cta > * { position: relative; z-index: 1; }.mr-hero__cta svg { width: 1.15rem; height: 1.15rem; transition: transform .32s var(--mr-ease); }
.mr-hero__cta:hover { border-color: var(--mr-yellow); color: #173252; box-shadow: 0 18px 40px -22px rgba(5,38,85,.9); transform: translate3d(4px,0,0); }.mr-hero__cta:hover::before { transform: none; }.mr-hero__cta:hover svg { transform: translate3d(5px,0,0); }
.mr-hero__arrow { position: absolute; top: 50%; z-index: 4; display: grid; width: 3.5rem; height: 3.5rem; padding: 0; place-items: center; border: 1px solid rgba(249,252,255,.32); border-radius: 50%; color: var(--mr-white); background: rgba(5,38,85,.35); backdrop-filter: blur(4px); cursor: pointer; transform: translateY(-50%); transition: background-color .3s,border-color .3s,scale .3s var(--mr-ease); }
.mr-hero__arrow svg { width: 1.4rem; height: 1.4rem; }.mr-hero__arrow:hover { border-color: var(--mr-yellow); background: rgba(19,91,180,.65); scale: 1.09; }.mr-hero__arrow--prev { left: 2rem; }.mr-hero__arrow--next { right: 2rem; }
.mr-hero__thumbs { position: absolute; bottom: 2.75rem; left: 50%; z-index: 4; display: flex; gap: 1rem; padding-inline: 1rem; transform: translateX(-50%); }
.mr-hero__thumb { position: relative; display: flex; width: 5.5rem; min-height: 3.25rem; padding: .45rem 0 0; flex-direction: column; gap: .55rem; border: 0; color: rgba(249,252,255,.7); background: none; cursor: pointer; text-align: left; transition: width .62s var(--mr-ease),color .3s; }.mr-hero__thumb[data-active="true"] { width: 13rem; color: var(--mr-white); }
.mr-hero__thumb-index { font: 600 .78rem/1 "Archivo",Arial,sans-serif; letter-spacing: .16em; }.mr-hero__thumb-figure { display: block; height: 0; overflow: hidden; border-radius: 4px; opacity: 0; transition: height .62s var(--mr-ease),opacity .42s; }.mr-hero__thumb[data-active="true"] .mr-hero__thumb-figure { height: 4.5rem; opacity: 1; }.mr-hero__thumb-figure img { width: 100%; height: 100%; object-fit: cover; }
.mr-hero__thumb-track { display: block; width: 100%; height: 2px; overflow: hidden; background: rgba(249,252,255,.28); }.mr-hero__thumb[data-active="true"] .mr-hero__thumb-track { height: 3px; }.mr-hero__thumb-progress { display: block; width: 100%; height: 100%; background: var(--mr-yellow); transform-origin: left; animation: mrHeroProgress linear forwards; }
.mr-hero__sr-only { position: absolute!important; width: 1px!important; height: 1px!important; padding: 0!important; margin: -1px!important; overflow: hidden!important; clip: rect(0,0,0,0)!important; white-space: nowrap!important; border: 0!important; }
.mr-hero__cta:focus-visible,.mr-hero__arrow:focus-visible,.mr-hero__thumb:focus-visible,.mr-hero:focus-visible { outline: 2px solid var(--mr-yellow); outline-offset: 3px; }
.mr-hero--single .mr-hero__arrow,.mr-hero--single .mr-hero__thumbs { display: none; }
@keyframes mrHeroProgress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (max-width: 1023px) { .mr-hero { height: 84vh; }.mr-hero__media-inner,.mr-hero__copy,.mr-hero__rules { transform: none; }.mr-hero__slide [data-layer="title"] { --shift: 12%; }.mr-hero__slide [data-layer="description"] { --shift: 15%; }.mr-hero__slide [data-layer="cta"] { --shift: 18%; } }
@media (max-width: 767px) { .mr-hero__copy { gap: 1.25rem; padding: 5.5rem 1.5rem 9rem; }.mr-hero__arrow { display: none; }.mr-hero__thumbs { bottom: 1.75rem; gap: .75rem; max-width: 100%; }.mr-hero__thumb { width: 4rem; }.mr-hero__thumb[data-active="true"] { width: 8.5rem; }.mr-hero__thumb-figure { display: none; } }
@media (max-width: 480px) { .mr-hero { height: 100svh; min-height: 36rem; }.mr-hero__thumb { width: 2.25rem; }.mr-hero__thumb[data-active="true"] { width: 5.25rem; }.mr-hero__title { font-size: clamp(2.1rem,12vw,3.25rem); }.mr-hero__eyebrow-dash { width: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { .mr-hero__slide [data-layer],.mr-hero__slide[data-state="active"] [data-layer],.mr-hero__slide[data-state="exit"] [data-layer] { transform: none!important; transition-duration: .2s; transition-delay: 0ms; }.mr-hero__mask-inner,.mr-hero__slide[data-state="exit"] .mr-hero__mask-inner,.mr-hero__media-inner,.mr-hero__copy,.mr-hero__rules { transform: none!important; transition: none; }.mr-hero__cta:hover { transform: none; } }