/* Mosum Voyage 1.1 - home hero slider ------------------------------------------------ */
.mv-hero{position:relative;display:flex;flex-direction:column;min-height:min(86vh,760px);color:#fff;background:var(--theme-palette-color-8);overflow:hidden;isolation:isolate}
.mv-hero,.mv-hero *{text-align:left}
.mv-hero__bg{position:absolute;inset:0;z-index:-1}
.mv-hero__img{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.mv-hero__img.is-active{opacity:1}
.mv-hero__photo{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);transition:transform 9s ease-out}
.mv-hero__img.is-active .mv-hero__photo{transform:scale(1.13)}
.mv-hero__shade{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(6,25,29,.88) 0%,rgba(10,45,51,.62) 46%,rgba(10,45,51,.18) 100%),
  linear-gradient(0deg,rgba(6,25,29,.72) 0%,rgba(6,25,29,0) 38%)}

.mv-hero__inner{flex:1;display:grid;grid-template-columns:56px minmax(0,1fr) 330px;column-gap:clamp(20px,3vw,48px);align-items:center;padding-block:clamp(48px,8vh,96px) 44px}

/* vertical social rail + white line */
.mv-hero__side{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.mv-hero__side::before{content:"";flex:1;width:2px;max-height:150px;background:linear-gradient(#fff,rgba(255,255,255,.1));border-radius:2px}
.mv-hero__social.mv-social{display:flex;flex-direction:column;gap:10px}
.mv-hero__social.mv-social a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s,color .2s,transform .2s}
.mv-hero__social.mv-social a:hover{background:var(--theme-palette-color-1);color:var(--theme-palette-color-5);transform:translateY(-2px)}

/* slides share one grid cell so the stage keeps the tallest slide's height */
.mv-hero__stage{display:grid;max-width:680px}
.mv-hero__slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}
.mv-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease .15s,visibility 0s}
.mv-hero__eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--theme-palette-color-3)}
.mv-hero__title .mv-hero__eyebrow{display:flex;font-size:13px;line-height:1.4;letter-spacing:.16em;font-weight:700;text-transform:uppercase}
.mv-hero__eyebrow::before{content:"";width:34px;height:2px;background:var(--theme-palette-color-1)}
.mv-hero__title{margin:0 0 22px;font-family:var(--mv-font);font-weight:700;font-size:clamp(2.35rem,5.6vw,5rem);line-height:1.02;letter-spacing:-.01em;text-transform:uppercase;color:#fff}
.mv-hero__line{display:block;overflow:hidden}
.mv-hero__line.is-outline{color:transparent;-webkit-text-stroke:2px #fff;text-stroke:2px #fff;paint-order:stroke fill}
.mv-hero__text{max-width:520px;margin:0 0 30px;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.65;color:rgba(255,255,255,.88)}
.mv-hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.mv-hero__link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;font-size:15px;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.4);padding-bottom:3px;transition:border-color .2s,gap .2s}
.mv-hero__link:hover{border-color:var(--theme-palette-color-1);gap:12px;color:#fff}

/* entry animation */
.mv-hero__slide .mv-hero__eyebrow,.mv-hero__slide .mv-hero__line,.mv-hero__slide .mv-hero__text,.mv-hero__slide .mv-hero__cta{opacity:0;transform:translateY(22px)}
.mv-hero__slide.is-active .mv-hero__eyebrow,.mv-hero__slide.is-active .mv-hero__line,.mv-hero__slide.is-active .mv-hero__text,.mv-hero__slide.is-active .mv-hero__cta{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.mv-hero__slide.is-active .mv-hero__eyebrow{transition-delay:.15s}
.mv-hero__slide.is-active .mv-hero__line:nth-child(1){transition-delay:.25s}
.mv-hero__slide.is-active .mv-hero__line:nth-child(2){transition-delay:.35s}
.mv-hero__slide.is-active .mv-hero__line:nth-child(3){transition-delay:.45s}
.mv-hero__slide.is-active .mv-hero__line:nth-child(4){transition-delay:.55s}
.mv-hero__slide.is-active .mv-hero__text{transition-delay:.55s}
.mv-hero__slide.is-active .mv-hero__cta{transition-delay:.65s}

/* side cards (white, like the reference) */
.mv-hero__cards{display:flex;flex-direction:column;gap:14px}
.mv-hcard{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:10px;background:#fff;color:var(--theme-palette-color-8);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.25);transition:transform .25s ease}
.mv-hcard:hover{transform:translateX(-6px)}
.mv-hcard__media{display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden}
.mv-hcard__media img{width:100%;height:100%;object-fit:cover;display:block}
.mv-hcard__title{margin:0 0 4px;font-size:15px;line-height:1.25;font-weight:700;color:var(--theme-palette-color-8)}
.mv-hcard__title a{color:inherit;text-decoration:none}
.mv-hcard__text{margin:0 0 6px;font-size:12.5px;line-height:1.45;color:#4d5b5f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mv-hcard__more{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--theme-palette-color-2);text-decoration:none}
.mv-hcard__more:hover{color:var(--theme-palette-color-8)}

/* controls */
.mv-hero__controls{display:flex;align-items:center;gap:14px;padding-block:6px 30px;position:relative;z-index:2;max-width:calc(var(--mv-wrap) + var(--mv-gutter)*2)}
@media (min-width:1100px){.mv-hero__controls{padding-left:calc(var(--mv-gutter) + 56px + clamp(20px,3vw,48px))}.mv-hero__pause{margin-left:auto}}
.mv-hero__nav,.mv-hero__pause{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .2s,color .2s,border-color .2s;padding:0}
.mv-hero__nav:hover,.mv-hero__pause:hover{background:var(--theme-palette-color-1);border-color:var(--theme-palette-color-1);color:var(--theme-palette-color-5)}
.mv-hero__pause{width:38px;height:38px;margin-left:8px}
.mv-hero__pause .i-play{display:none}.mv-hero__pause[aria-pressed=true] .i-pause{display:none}.mv-hero__pause[aria-pressed=true] .i-play{display:block}
.mv-hero__dots{display:flex;gap:8px;padding-inline:6px}
.mv-hero__dot{position:relative;width:34px;height:4px;border:0;border-radius:4px;background:rgba(255,255,255,.35);cursor:pointer;padding:0;overflow:hidden}
.mv-hero__dot::after{content:"";position:absolute;inset:0;background:var(--theme-palette-color-1);transform:scaleX(0);transform-origin:left}
.mv-hero__dot.is-active::after{transform:scaleX(1)}
.mv-hero.is-playing .mv-hero__dot.is-active::after{transform:scaleX(0);animation:mvdot var(--mv-dur,6.5s) linear forwards}
@keyframes mvdot{to{transform:scaleX(1)}}
.mv-hero__dot::before{content:"";position:absolute;inset:-14px -4px}

/* trust strip */
.mv-trust{background:var(--theme-palette-color-7);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.mv-trust__list{list-style:none;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.mv-trust__list li{display:flex;align-items:center;gap:12px;padding:20px 18px;border-left:1px solid rgba(255,255,255,.1)}
.mv-trust__list li:first-child{border-left:0;padding-left:0}
.mv-trust__list strong{display:inline-flex;align-items:center;gap:6px;font-size:1.5rem;line-height:1;color:var(--theme-palette-color-1);font-weight:700}
.mv-trust__list span{font-size:13px;line-height:1.35;color:rgba(255,255,255,.78)}

/* tablet */
@media (max-width:1099.98px){
  .mv-hero__inner{grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;row-gap:34px}
  .mv-hero__side{grid-row:1}
  .mv-hero__cards{grid-column:2;flex-direction:row}
  .mv-hcard{flex:1 1 0;grid-template-columns:1fr;gap:10px}
  .mv-hcard__media{aspect-ratio:16/10}
  .mv-hcard:hover{transform:translateY(-4px)}
  .mv-hcard__text{display:none}
}
/* mobile */
@media (max-width:767.98px){
  .mv-hero{min-height:0}
  .mv-hero__shade{background:linear-gradient(180deg,rgba(6,25,29,.55) 0%,rgba(6,25,29,.78) 55%,rgba(6,25,29,.92) 100%)}
  .mv-hero__inner{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding-block:44px 8px}
  .mv-hero__side{display:none}
  .mv-hero__title{font-size:clamp(2rem,10.5vw,2.8rem)}
  .mv-hero__line.is-outline{-webkit-text-stroke-width:1.5px}
  .mv-hero__text{font-size:15.5px;margin-bottom:24px}
  .mv-hero__cta .mv-btn{min-height:48px;padding:0 24px}
  .mv-hero__cards{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;margin-inline:calc(var(--mv-gutter) * -1);padding:4px var(--mv-gutter) 14px;scrollbar-width:none}
  .mv-hero__cards::-webkit-scrollbar{display:none}
  .mv-hcard{flex:0 0 72%;scroll-snap-align:start;scroll-margin-inline:var(--mv-gutter);grid-template-columns:1fr}
  .mv-hcard__text{display:-webkit-box}
  .mv-hero__controls{padding-block:0 20px;justify-content:center}
  .mv-hero__nav{width:40px;height:40px}
  .mv-hero__pause{margin-left:0;width:34px;height:34px}
  .mv-hero__dot{width:24px}
  .mv-trust__list{grid-template-columns:1fr 1fr}
  .mv-trust__list li{padding:16px 12px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .mv-trust__list li:nth-child(-n+2){border-top:0}
  .mv-trust__list li:nth-child(odd){padding-left:0}
  .mv-trust__list li{flex-direction:column;align-items:flex-start;gap:4px}
  .mv-trust__list strong{font-size:1.25rem}
}
@media (prefers-reduced-motion:reduce){
  .mv-hero__photo,.mv-hero__img.is-active .mv-hero__photo{transform:none;animation:none!important}
  .mv-hero__slide .mv-hero__eyebrow,.mv-hero__slide .mv-hero__line,.mv-hero__slide .mv-hero__text,.mv-hero__slide .mv-hero__cta{opacity:1;transform:none}
}
