/* MultiAdam v272 — approved Hero fade + swipeable training paths. */

/* The image and copy now overlap through a real fade instead of meeting at a hard seam. */
body.ma-v272-front .ma271-hero{
 display:block!important;height:600px!important;min-height:600px!important;
 background:linear-gradient(135deg,#0f5d3d 0%,#0b4934 50%,#082b20 100%)!important
}
body.ma-v272-front .ma271-hero-media{
 position:absolute!important;inset:0 auto 0 0!important;width:64%!important;height:100%!important;
 background-position:50% center!important;
 -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.88) 80%,rgba(0,0,0,.38) 92%,transparent 100%);
 mask-image:linear-gradient(90deg,#000 0%,#000 72%,rgba(0,0,0,.88) 80%,rgba(0,0,0,.38) 92%,transparent 100%);
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat
}
body.ma-v272-front .ma271-hero-media::after{display:none!important}
body.ma-v272-front .ma271-hero-copy{
 position:absolute!important;z-index:2!important;inset:0 0 0 auto!important;width:49%!important;height:100%!important;
 padding:54px clamp(34px,5vw,76px)!important;
 background:linear-gradient(90deg,transparent 0%,rgba(15,93,61,.54) 17%,rgba(15,93,61,.92) 33%,rgba(8,43,32,.98) 100%)!important
}

/* Real carousel: mouse wheel/trackpad, touch swipe, keyboard, arrows and dots. */
body.ma-v272-front .ma272-path-carousel{position:relative;width:100%;overflow:hidden;padding:2px 0 30px;isolation:isolate}
body.ma-v272-front .ma272-path-carousel .ma271-path-grid{
 display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;
 grid-auto-columns:min(62vw,620px)!important;gap:16px!important;
 width:100%!important;max-width:none!important;margin:0!important;
 padding-inline:calc((100% - min(62vw,620px))/2)!important;
 overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;
 scroll-padding-inline:calc((100% - min(62vw,620px))/2)!important;
 overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;direction:ltr;
 scrollbar-width:none
}
body.ma-v272-front .ma272-path-carousel .ma271-path-grid::-webkit-scrollbar{display:none}
body.ma-v272-front .ma272-path-carousel .ma271-path-card{
 direction:rtl;scroll-snap-align:center;min-height:390px!important;border-radius:25px!important;
 opacity:.72;transform:scale(.955);transition:opacity .28s ease,transform .28s ease,box-shadow .28s ease!important
}
body.ma-v272-front .ma272-path-carousel .ma271-path-card.is-active{
 opacity:1;transform:scale(1);box-shadow:0 16px 34px rgba(15,93,61,.11)
}
body.ma-v272-front .ma272-path-carousel .ma271-path-card:hover{transform:scale(.975)!important}
body.ma-v272-front .ma272-path-carousel .ma271-path-card.is-active:hover{transform:scale(1)!important}
body.ma-v272-front .ma272-path-arrow{
 position:absolute;z-index:5;top:calc(50% - 32px);display:grid;place-items:center;width:52px;height:52px;
 padding:0;border:1px solid rgba(15,93,61,.18);border-radius:50%;background:rgba(255,255,255,.94);
 color:#0f5d3d;font-size:1.35rem;cursor:pointer;box-shadow:0 8px 22px rgba(14,30,24,.1);
 touch-action:manipulation;-webkit-tap-highlight-color:transparent
}
body.ma-v272-front .ma272-path-arrow.is-prev{left:14px}
body.ma-v272-front .ma272-path-arrow.is-next{right:14px}
body.ma-v272-front .ma272-path-arrow:hover{background:#0f5d3d;color:#fff;transform:translateY(-1px)}
body.ma-v272-front .ma272-path-arrow:focus-visible{outline:3px solid rgba(24,201,130,.34);outline-offset:3px}
body.ma-v272-front .ma272-path-dots{position:absolute;z-index:5;inset:auto 0 3px;display:flex;justify-content:center;gap:7px;direction:ltr}
body.ma-v272-front .ma272-path-dots span{display:block;width:8px;height:8px;border-radius:99px;background:#bfd2c9;transition:width .22s ease,background-color .22s ease}
body.ma-v272-front .ma272-path-dots span.is-active{width:28px;background:#0f5d3d}

@media (max-width:1020px) and (min-width:761px){
 body.ma-v272-front .ma271-hero-media{width:67%!important}
 body.ma-v272-front .ma271-hero-copy{width:52%!important;padding:38px!important}
 body.ma-v272-front .ma272-path-carousel .ma271-path-grid{grid-auto-columns:min(72vw,560px)!important;padding-inline:calc((100% - min(72vw,560px))/2)!important;scroll-padding-inline:calc((100% - min(72vw,560px))/2)!important}
}

@media (max-width:760px){
 body.ma-v272-front .ma271-hero{height:620px!important;min-height:620px!important}
 body.ma-v272-front .ma271-hero-media{
  inset:0 0 auto!important;width:100%!important;height:64%!important;background-position:50% 53%!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 70%,rgba(0,0,0,.9) 79%,rgba(0,0,0,.4) 91%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 70%,rgba(0,0,0,.9) 79%,rgba(0,0,0,.4) 91%,transparent 100%)
 }
 body.ma-v272-front .ma271-hero-copy{
  inset:auto 0 0!important;width:100%!important;height:45%!important;padding:32px 18px 18px!important;
  background:linear-gradient(180deg,transparent 0%,rgba(15,93,61,.72) 17%,rgba(10,69,49,.96) 34%,#082b20 100%)!important
 }
 body.ma-v272-front .ma271-hero h1{font-size:2.15rem!important}
 body.ma-v272-front .ma272-path-carousel{width:calc(100% + 24px);margin-inline:-12px;padding-bottom:27px}
 body.ma-v272-front .ma272-path-carousel .ma271-path-grid{
  grid-auto-columns:84vw!important;gap:11px!important;
  padding-inline:calc((100% - 84vw)/2)!important;scroll-padding-inline:calc((100% - 84vw)/2)!important
 }
 body.ma-v272-front .ma272-path-carousel .ma271-path-card{min-height:360px!important;border-radius:22px!important}
 body.ma-v272-front .ma272-path-carousel .ma271-path-copy{display:grid!important;grid-template-columns:1fr auto!important;gap:4px 10px!important;padding:19px!important}
 body.ma-v272-front .ma272-path-carousel .ma271-path-copy small{grid-column:1/-1!important;font-size:.62rem!important;letter-spacing:.1em!important}
 body.ma-v272-front .ma272-path-carousel .ma271-path-copy strong{display:block!important;margin:0!important;font-size:1.3rem!important;white-space:normal!important}
 body.ma-v272-front .ma272-path-carousel .ma271-path-copy em{display:block!important;grid-column:1!important;font-size:.72rem!important}
 body.ma-v272-front .ma272-path-carousel .ma271-path-copy b{position:static!important;grid-column:2!important;grid-row:2/4!important;width:42px!important;height:42px!important;font-size:1.15rem!important}
 body.ma-v272-front .ma272-path-arrow{top:calc(50% - 29px);width:46px;height:46px;font-size:1.15rem}
 body.ma-v272-front .ma272-path-arrow.is-prev{left:17px}.ma-v272-front .ma272-path-arrow.is-next{right:17px}
}

@media (max-width:390px){
 body.ma-v272-front .ma271-hero{height:590px!important;min-height:590px!important}
 body.ma-v272-front .ma271-hero-copy{height:46%!important;padding-top:34px!important}
 body.ma-v272-front .ma272-path-carousel .ma271-path-card{min-height:330px!important}
}

@media (prefers-reduced-motion:reduce){
 body.ma-v272-front .ma272-path-carousel .ma271-path-grid{scroll-behavior:auto!important}
 body.ma-v272-front .ma272-path-carousel .ma271-path-card{transition:none!important}
}
