@font-face{font-family:MCH Manrope;src:url("fonts/manrope.ttf") format("truetype");font-style:normal;font-weight:200 800;font-display:swap}
.mch-hero{--mch-blue:#76bce1;--mch-mauve:#c681b5;position:relative;isolation:isolate;width:100%;background:#141d22;color:#fff;font-family:"MCH Manrope",Arial,Helvetica,sans-serif;overflow:hidden;text-align:left;line-height:1.5}
.mch-hero *,.mch-hero *::before,.mch-hero *::after{box-sizing:border-box}
.mch-stage{position:relative;min-height:660px;min-height:clamp(620px,48vw,790px)}
.mch-slide{position:relative;min-height:inherit;overflow:hidden}
.mch-slide[hidden]{display:none!important}
.mch-hero .mch-photo{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:var(--mch-position,65%) center!important;border:0!important;border-radius:0!important;filter:none!important;opacity:1!important;transform:none!important;image-rendering:auto}
.mch-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,25,32,.90) 0%,rgba(13,25,32,.78) 28%,rgba(13,25,32,.30) 57%,rgba(13,25,32,.07) 100%),linear-gradient(0deg,rgba(13,25,32,.6),transparent 40%)}
.mch-inner{position:relative;max-width:1360px;margin:0 auto;padding:80px 64px 96px;min-height:inherit;display:flex;align-items:center}
.mch-copy{max-width:635px}
.mch-eyebrow{display:flex;gap:12px;align-items:center;margin:0 0 25px!important;font-size:11px!important;font-weight:700!important;letter-spacing:.15em;text-transform:uppercase;line-height:1.7!important;color:#e3eff6!important}
.mch-eyebrow>span{width:27px;height:3px;background:linear-gradient(90deg,var(--mch-blue),var(--mch-mauve));flex-shrink:0}
.mch-title{font-family:inherit!important;font-size:clamp(44px,4.4vw,68px)!important;line-height:1.055!important;letter-spacing:-.045em!important;text-transform:none!important;font-weight:700!important;color:#fff!important;margin:0 0 27px!important;text-wrap:balance;max-width:620px}
.mch-description{max-width:475px;font-size:17px!important;line-height:1.75!important;color:#e0e7eb!important;margin:0 0 34px!important;font-weight:400!important}
.mch-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mch-hero .mch-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 23px;min-height:54px;border:1px solid transparent;border-radius:5px;font-family:"MCH Manrope",Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;line-height:1.35;text-decoration:none!important;box-shadow:none;transition:transform .2s,background-position .3s,background-color .2s}
.mch-hero .mch-primary{background:linear-gradient(110deg,var(--mch-blue),#b2b5d2,var(--mch-mauve));background-size:160% 100%;color:#1c1c1c!important}
.mch-primary>span{font-size:21px;line-height:1}
.mch-hero .mch-primary:hover{background-position:100% 0;transform:translateY(-2px)}
.mch-hero .mch-secondary{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.65)}
.mch-hero .mch-secondary:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}
/* Navigation sits on the photograph, never in an extra strip below the hero. */
.mch-navigation{position:absolute;inset:0;pointer-events:none;z-index:5}
.mch-hero .mch-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:48px;height:64px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:32px;background:rgba(15,28,36,.28);color:#fff;cursor:pointer;pointer-events:auto;box-shadow:none;backdrop-filter:blur(8px);transition:background .2s,border-color .2s}
.mch-hero .mch-arrow:hover{background:rgba(15,28,36,.72);border-color:rgba(255,255,255,.75)}
.mch-arrow-prev{left:20px}.mch-arrow-next{right:20px}
.mch-arrow svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.mch-pagination{position:absolute;top:27px;right:30px;display:flex;align-items:center;gap:13px;padding:5px 10px 5px 15px;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:rgba(15,28,36,.52);backdrop-filter:blur(8px);pointer-events:auto}
.mch-count{font-size:10px;letter-spacing:.12em;color:#e0e7eb;white-space:nowrap}
.mch-dots{display:flex;align-items:center;gap:3px}
.mch-hero .mch-dot{display:grid;place-items:center;width:24px;height:30px;background:transparent;border:0;padding:0;border-radius:4px;cursor:pointer;box-shadow:none}
.mch-dot>span{display:block;width:5px;height:5px;border-radius:5px;background:#a2aeb5;transition:width .25s,background .25s}
.mch-dot.is-active>span{width:19px;background:linear-gradient(90deg,var(--mch-blue),var(--mch-mauve))}
.mch-hero .mch-toggle{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-left:1px solid rgba(255,255,255,.22);border-radius:0;background:transparent;color:#fff;font:13px "MCH Manrope",Arial,sans-serif;cursor:pointer;box-shadow:none}
.mch-hero a:focus-visible,.mch-hero button:focus-visible{outline:3px solid var(--mch-blue);outline-offset:5px}
.mch-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mch-hero:not(.is-enhanced) .mch-navigation{display:none}
.mch-slide.is-leaving{position:absolute;inset:0;z-index:2;pointer-events:none}
.mch-slide.is-moving{transition:transform 650ms cubic-bezier(.22,.68,.18,1);will-change:transform}

/* Header clearance includes positioned children of zero-height Elementor wrappers.
   Set --mch-header-fallback:0px on the hero for a known normal-flow header before JS. */
.mch-hero{--mch-header-fallback:200px;--mch-header-clearance:var(--mch-header-fallback);--mch-breathing:48px;--mch-card-clearance:100px;--mch-bottom:calc(var(--mch-card-clearance) + 48px);--mch-top:calc(var(--mch-header-clearance) + var(--mch-breathing) + 24px)}
.mch-hero .mch-stage{min-height:820px}
.mch-hero .mch-inner{max-width:1280px;min-height:inherit;padding:var(--mch-top) 84px var(--mch-bottom);align-items:center}
.mch-hero .mch-copy{max-width:600px;min-width:0}
.mch-hero .mch-title{font-size:clamp(60px,4.7vw,68px)!important;line-height:1.1!important}
.mch-hero .mch-navigation{top:var(--mch-header-clearance);bottom:var(--mch-bottom)}
.mch-hero .mch-pagination{top:var(--mch-breathing);right:max(30px,calc((100% - 1112px)/2));height:54px;gap:4px}
.mch-hero .mch-dot,.mch-hero .mch-toggle{width:44px;height:44px;flex-shrink:0}
.mch-hero .mch-arrow-prev{left:18px}.mch-hero .mch-arrow-next{right:18px}
.mch-hero .mch-button{max-width:100%;overflow-wrap:anywhere}
@media(max-width:1100px){
 .mch-hero{--mch-breathing:32px;--mch-header-fallback:180px;--mch-top:calc(var(--mch-header-clearance) + var(--mch-breathing) + 76px)}
 .mch-hero .mch-stage{min-height:720px}
 .mch-hero .mch-inner{padding-left:80px;padding-right:80px}
 .mch-hero .mch-title{font-size:clamp(44px,5vw,52px)!important}
 .mch-hero .mch-pagination{right:24px}
}
@media(max-width:640px){
 .mch-hero{--mch-header-fallback:160px;--mch-breathing:24px;--mch-top:calc(var(--mch-header-clearance) + var(--mch-breathing));--mch-bottom:calc(var(--mch-card-clearance) + 112px)}
 .mch-hero .mch-stage{min-height:0}
 /* Separate photo band preserves faces without putting controls over them. */
 .mch-hero .mch-photo{height:calc(var(--mch-header-clearance) + 240px)!important;object-position:var(--mch-mobile-position,55%) center!important}
 .mch-hero .mch-shade{background:linear-gradient(90deg,rgba(13,25,32,.25),transparent),linear-gradient(0deg,#141d22 0%,#141d22 48%,rgba(20,29,34,.25) 90%)}
 .mch-hero .mch-inner{padding:calc(var(--mch-top) + 220px) 60px var(--mch-bottom);align-items:flex-start}
 .mch-hero .mch-copy{max-width:480px;width:100%}
 .mch-hero .mch-eyebrow{font-size:10px!important;letter-spacing:.08em;margin-bottom:18px!important;gap:8px}
 .mch-hero .mch-eyebrow>span{width:18px}
 .mch-hero .mch-title{font-size:clamp(34px,9.2vw,40px)!important;line-height:1.12!important;margin-bottom:22px!important}
 .mch-hero .mch-description{font-size:15px!important;line-height:1.65!important;margin-bottom:26px!important}
 .mch-hero .mch-actions{align-items:stretch;flex-direction:column;gap:12px}
 .mch-hero .mch-button{font-size:13px;padding:14px 12px;min-height:48px;gap:10px}
 .mch-hero .mch-navigation{bottom:calc(var(--mch-card-clearance) + 24px)}
 .mch-hero .mch-arrow{width:44px;height:52px}
 .mch-hero .mch-arrow-prev{left:8px}.mch-hero .mch-arrow-next{right:8px}
 .mch-hero .mch-pagination{top:auto;bottom:0;right:50%;transform:translateX(50%);padding:4px 8px;gap:2px}
}
@media(prefers-reduced-motion:reduce){.mch-hero *{animation:none!important;transition:none!important}}