/* FCN hero slider — adapted from multinfo "mx_hero" v6 (peek carousel). Vanilla, no library. */
.fcnh{--w:80%;--gap:20px;--h:580px;--ms:7500ms;--navy:#18223A;--cyan:#54C7D7;--red:#B3122E;position:relative;max-width:1920px;margin:0 auto;padding:28px 0 0;overflow:hidden;font-family:'Nunito Sans',system-ui,sans-serif}
.fcnh-vp{overflow:hidden;touch-action:pan-y}
.fcnh-track{display:flex;gap:var(--gap);will-change:transform;transition:transform .55s cubic-bezier(.25,.8,.25,1)}
.fcnh-s{flex:0 0 var(--w);height:var(--h);position:relative;border-radius:22px;overflow:hidden;background:var(--navy);color:#fff;transition:opacity .4s,transform .55s;cursor:pointer}
.fcnh-s:not(.is-on){opacity:.55;transform:scale(.94)}
.fcnh-s.is-on{cursor:auto;box-shadow:0 24px 60px rgba(24,34,58,.28)}
.fcnh-s picture,.fcnh-s>img,.fcnh-media{position:absolute;inset:0;width:100%;height:100%}
.fcnh-s img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}
.fcnh-s:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,34,58,.94) 0%,rgba(24,34,58,.78) 42%,rgba(24,34,58,.05) 75%);pointer-events:none}
.fcnh-s--art:after{display:none}
.fcnh-c{position:absolute;z-index:2;left:clamp(24px,5%,72px);top:50%;transform:translateY(-50%);max-width:min(560px,52%)}
.fcnh-eye{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:16px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan)}
.fcnh-eye svg{width:20px;height:20px}
.fcnh-c h2{font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:clamp(44px,5.4vw,80px);line-height:.98;margin:12px 0 16px}
.fcnh-c h2 em{font-style:normal;color:var(--cyan)}
.fcnh-c p{font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:#E6EEF4;margin:0 0 24px}
.fcnh-ctas{display:flex;gap:12px;flex-wrap:wrap}
.fcnh-btn{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:12px 26px;border-radius:999px;font-weight:900;font-size:17px;text-decoration:none;border:2px solid transparent}
.fcnh-btn--red{background:var(--red);color:#fff}.fcnh-btn--red:hover{background:#8F0E25}
.fcnh-btn--out{border-color:#fff;color:#fff}.fcnh-btn--out:hover{background:#fff;color:var(--navy)}
.fcnh-btn:focus-visible,.fcnh-bar button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
/* control bar — bottom edge, away from CTAs */
.fcnh-bar{display:flex;align-items:center;justify-content:center;gap:14px;padding:22px 16px 30px}
.fcnh-arr,.fcnh-pause{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:56px;height:56px;border-radius:999px;border:2px solid var(--navy);background:#fff;color:var(--navy);cursor:pointer;font:800 16px/1 'Nunito Sans',sans-serif}
.fcnh-arr svg,.fcnh-pause svg{width:24px;height:24px}
.fcnh-arr:hover,.fcnh-pause:hover{background:var(--navy);color:#fff}
.fcnh-pause{padding:0 20px}
.fcnh-dots{display:flex;gap:8px;margin:0 8px}
.fcnh-dots button{position:relative;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.fcnh-dots button:before{content:'';position:absolute;left:4px;right:4px;top:19px;height:6px;border-radius:6px;background:#C3CFDA}
.fcnh-dots button span{position:absolute;left:4px;top:19px;height:6px;border-radius:6px;background:var(--navy);width:0}
.fcnh-dots button[aria-current=true] span{width:calc(100% - 8px)}
.fcnh.is-run .fcnh-dots button[aria-current=true] span{width:0;animation:fcnh-fill var(--ms) linear forwards}
.fcnh.is-hold .fcnh-dots button[aria-current=true] span{animation-play-state:paused}
@keyframes fcnh-fill{to{width:calc(100% - 8px)}}
.fcnh-count{font:800 17px/1 'Nunito Sans',sans-serif;color:#33465E;min-width:56px;text-align:center}
.fcnh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fcnh--dark .fcnh-count{color:#DCE6EE}
@media (max-width:767px){
 .fcnh{--w:88%;--gap:10px;--h:600px;padding-top:16px}
 .fcnh-s{border-radius:16px}
 .fcnh-s:after{background:linear-gradient(0deg,rgba(24,34,58,.96) 0%,rgba(24,34,58,.82) 50%,rgba(24,34,58,.1) 85%)}
 .fcnh-c{top:auto;bottom:24px;transform:none;left:20px;right:20px;max-width:none}
 .fcnh-c h2{font-size:44px}
 .fcnh-bar{gap:8px}.fcnh-dots button{width:34px}.fcnh-pause span{display:none}.fcnh-count{display:none}
}
@media (prefers-reduced-motion:reduce){.fcnh-track,.fcnh-s{transition:none}.fcnh-dots button span{animation:none!important}}
/* art slides (mascot / packs on a frost gradient) */
.fcnh-s--art .fcnh-media{background:radial-gradient(circle at 75% 50%,#2C4A72 0%,#18223A 62%)}
.fcnh-s--art .fcnh-art{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:auto;height:86%;max-width:46%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.4))}
.fcnh-s--art .fcnh-art.is-photo{border-radius:18px;height:78%}
@media (max-width:767px){.fcnh-s--art .fcnh-art{top:18px;transform:none;right:50%;margin-right:-34%;height:auto;width:68%;max-width:none}}
.fcnh .fcnh-s--art img.fcnh-art{position:absolute;inset:auto;right:4%;left:auto;top:50%;bottom:auto;transform:translateY(-50%);width:auto;height:86%;max-width:46%;object-fit:contain}
.fcnh .fcnh-s--art img.fcnh-art.is-photo{height:78%;border-radius:18px}
@media (max-width:767px){.fcnh .fcnh-s--art img.fcnh-art{top:18px;transform:translateX(50%);right:50%;width:68%;height:auto;max-width:none}}

/* no visible pause button (mx_hero behaviour: hover/focus/hidden-tab pause) */
.fcnh-pause{display:none!important}
.fcnh.is-hold .fcnh-dots span{animation-play-state:paused}

/* v3.1 — mx_hero proportions: 1920:780 desktop, 1:1 mobile (no fixed tall height) */
.fcnh{--w:50.4%;--gap:16px}
.fcnh .fcnh-s{height:auto;aspect-ratio:1920/780;container-type:inline-size}
.fcnh .fcnh-c{left:5.5cqw;max-width:56%}
.fcnh .fcnh-eye{font-size:clamp(12px,1.75cqw,16px);letter-spacing:1.5px}
.fcnh .fcnh-eye svg{width:1.2em;height:1.2em}
.fcnh .fcnh-c h2{font-size:clamp(28px,5.4cqw,64px);margin:.25em 0 .3em}
.fcnh .fcnh-c p{font-size:clamp(16px,2.1cqw,20px);line-height:1.4;margin:0 0 clamp(10px,2cqw,22px)}
.fcnh .fcnh-ctas{gap:10px}
.fcnh .fcnh-btn{min-height:44px;padding:8px clamp(14px,2.4cqw,26px);font-size:clamp(15px,1.9cqw,17px)}
.fcnh .fcnh-s--art img.fcnh-art{height:90%;max-width:42%}
@media (max-width:767px){
 .fcnh{--w:88%;--gap:10px}
 .fcnh .fcnh-s{aspect-ratio:1/1}
 .fcnh .fcnh-c{left:18px;right:18px;bottom:18px;max-width:none}
 .fcnh .fcnh-c h2{font-size:clamp(30px,10cqw,40px)}
 .fcnh .fcnh-c p{font-size:16px;margin-bottom:12px}
 .fcnh .fcnh-eye{font-size:13px}
 .fcnh .fcnh-s--art img.fcnh-art{top:14px;right:14px;transform:none;width:auto;height:38%;max-width:50%}
 .fcnh .fcnh-s--art img.fcnh-art.is-photo{height:34%}
}
@media (min-width:768px) and (max-width:1199px){.fcnh{--w:86%}}
@media (max-width:767px){.fcnh .fcnh-s--art img.fcnh-art{height:30%}.fcnh .fcnh-s--art img.fcnh-art.is-photo{height:28%}}
@media (max-width:380px){.fcnh .fcnh-c{bottom:14px;left:14px;right:14px}}
@media (max-width:767px){.fcnh .fcnh-s--art img.fcnh-art{margin:0;left:auto}}
@media (max-width:767px){.fcnh .fcnh-c h2{font-size:clamp(26px,9.4cqw,38px);margin:.2em 0 .25em}.fcnh .fcnh-c p{line-height:1.35}.fcnh .fcnh-ctas{gap:8px;flex-wrap:nowrap}.fcnh .fcnh-btn{padding:8px 12px;font-size:15px;white-space:nowrap}.fcnh .fcnh-eye{letter-spacing:1px}}

/* v4 — crisp photos (gradient only behind the text), big centred art on mobile */
.fcnh .fcnh-s:after{background:linear-gradient(90deg,rgba(24,34,58,.92) 0%,rgba(24,34,58,.78) 34%,rgba(24,34,58,.35) 52%,rgba(24,34,58,0) 64%)}
.fcnh .fcnh-s--art:after{display:none}
.fcnh .fcnh-s:not(.is-on){opacity:.6}
.fcnh .fcnh-s--art img.fcnh-art{height:100%;max-width:50%;right:2%;top:50%;transform:translateY(-50%)}
.fcnh .fcnh-s--art img.fcnh-art.is-photo{height:86%;max-width:46%;right:4%}
@media (max-width:767px){
 .fcnh .fcnh-s:after{background:linear-gradient(0deg,rgba(24,34,58,.95) 0%,rgba(24,34,58,.8) 34%,rgba(24,34,58,0) 62%)}
 .fcnh .fcnh-s--art img.fcnh-art,.fcnh .fcnh-s--art img.fcnh-art.is-photo{top:4%;left:50%;right:auto;transform:translateX(-50%);height:56%;width:auto;max-width:94%;margin:0}
 .fcnh .fcnh-s--art img.fcnh-art.is-photo{top:6%;height:52%;border-radius:12px}
 .fcnh .fcnh-s--art .fcnh-c{text-align:center}
 .fcnh .fcnh-s--art .fcnh-c p{display:none}
 .fcnh .fcnh-s--art .fcnh-ctas{justify-content:center}
 .fcnh .fcnh-s--art .fcnh-eye{justify-content:center}
}
.fcnh .fcnh-s--art .fcnh-c{max-width:50%}
.fcnh .fcnh-s--art img.fcnh-art.is-photo{max-width:40%;height:auto;max-height:86%}
@media (max-width:767px){
 .fcnh .fcnh-s--art .fcnh-c{max-width:none}
 .fcnh .fcnh-s--art .fcnh-eye{display:none}
 .fcnh .fcnh-s--art img.fcnh-art{height:54%;top:3%}
 .fcnh .fcnh-s--art img.fcnh-art.is-photo{height:46%;max-height:none;max-width:94%;top:5%}
}


/* v1.3.0 — flying mascot slide: landscape cutout, text and art in separate columns */
@media (min-width:768px){
 .fcnh .fcnh-s--fly .fcnh-c{max-width:44%;padding-block:8px}
 .fcnh .fcnh-s--fly .fcnh-c h2{font-size:clamp(22px,4.2cqw,46px)!important;line-height:1.05;margin:4px 0 8px}
 .fcnh .fcnh-s--fly .fcnh-c p{font-size:clamp(13px,1.7cqw,16px);line-height:1.35;margin:0 0 10px}
 .fcnh .fcnh-s--fly .fcnh-eye{margin:0}
 .fcnh .fcnh-s--fly .fcnh-btn{min-height:40px;padding:6px 18px}
 .fcnh .fcnh-s--fly img.fcnh-art{height:auto;width:auto;max-width:54%;max-height:92%;right:1%;left:auto;top:50%;bottom:auto;transform:translateY(-50%);object-fit:contain}
}
@media (max-width:767px){
 .fcnh .fcnh-s--fly img.fcnh-art{top:3%;left:50%;right:auto;transform:translateX(-50%);width:94%;height:auto;max-width:94%;max-height:50%;margin:0}
 .fcnh .fcnh-s--fly .fcnh-c{max-width:none;text-align:center}
 .fcnh .fcnh-s--fly .fcnh-c h2{font-size:clamp(22px,7.2cqw,32px)!important;line-height:1.15}
 .fcnh .fcnh-s--fly .fcnh-c p{display:none}
 .fcnh .fcnh-s--fly .fcnh-ctas{justify-content:center}
 .fcnh .fcnh-s--fly .fcnh-eye{justify-content:center}
}
@media (max-width:380px){
 .fcnh .fcnh-s--fly .fcnh-c h2{font-size:clamp(20px,6.8cqw,28px)!important}
 .fcnh .fcnh-s--fly img.fcnh-art{max-height:46%;top:2%}
}
