/* Hero stack r25. Desktop retains its bounded aspect height. On phones, overlapping
   grid items contribute their natural content height, even when visually hidden.
   This keeps all slide choices reachable and avoids height changes between slides. */
html #amx-home-slideshow.amx-hs-stack{container-type:inline-size}
html #amx-home-slideshow.amx-hs-stack>.amx-hs-stage{display:block;position:relative;overflow:hidden;overflow:clip;height:max(495px,min(680px,calc(100vw * 680 / 1440)))}
@supports (height:1cqw){html #amx-home-slideshow.amx-hs-stack>.amx-hs-stage{height:max(495px,min(680px,calc(100cqw * 680 / 1440)))}}
@media (min-width:768px) and (max-width:1024px){html #amx-home-slideshow.amx-hs-stack>.amx-hs-stage{height:530px}}
@media (max-width:767px){html #amx-home-slideshow.amx-hs-stack>.amx-hs-stage{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:max(600px,min(680px,calc(100vw * 640 / 390)))}@supports (height:1cqw){html #amx-home-slideshow.amx-hs-stack>.amx-hs-stage{min-height:max(600px,min(680px,calc(100cqw * 640 / 390)))}}}
/* A variable slide count owns as many rows as its controls need. */
html #amx-home-slideshow.amx-hs-stack>.amx-hs-controls{box-sizing:border-box!important;max-width:100%!important;height:auto!important;min-height:32px!important;flex-wrap:wrap!important}

/* slides: stacked in the stage, sideways slide between them (the r18 opacity crossfade is replaced) */
html #amx-home-slideshow.amx-hs-stack .amx-hs-stage>.amx-hs-slide{position:absolute;inset:0;grid-area:auto;display:flex;flex-direction:column;min-width:0;opacity:1;visibility:hidden;pointer-events:none;transform:translate3d(100%,0,0);transition:transform .6s cubic-bezier(.4,0,.2,1),visibility 0s linear .6s}
html #amx-home-slideshow.amx-hs-stack .amx-hs-stage>.amx-hs-slide.is-before{transform:translate3d(-100%,0,0)}
html #amx-home-slideshow.amx-hs-stack .amx-hs-stage>.amx-hs-slide.is-active{visibility:visible;pointer-events:auto;transform:none;transition:transform .6s cubic-bezier(.4,0,.2,1),visibility 0s}
html #amx-home-slideshow.amx-hs-stack .amx-hs-stage>.amx-hs-slide.no-anim{transition:none!important}
html #amx-home-slideshow.amx-hs-stack .amx-hs-stage>.amx-hs-slide>section{flex:1 1 auto;min-height:0}
@media (max-width:767px){
html #amx-home-slideshow.amx-hs-stack .amx-hs-stage>.amx-hs-slide{position:relative;inset:auto;grid-area:1 / 1}
html #amx-home-slideshow.amx-hs-stack #amx-home-edit .he-info{min-width:0}
html #amx-home-slideshow.amx-hs-stack #amx-home-edit .he-link{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}
html #amx-home-slideshow.amx-hs-stack #amx-home-edit .he-choices{height:auto;flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){html #amx-home-slideshow.amx-hs-stack .amx-hs-stage>.amx-hs-slide{transition:none!important}}

/* preview placeholders (only while a slide plugin is missing, ?amx_hs2=1) */
#amx-home-slideshow .amx-hs-ph{flex:1 1 auto;display:flex;align-items:center;justify-content:center;margin:0;padding:24px;text-align:center;font:400 18px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
#amx-home-slideshow .amx-hs-ph p{margin:0;max-width:560px}
#amx-home-slideshow .amx-hs-ph strong{display:block;font-size:30px;font-weight:700;margin-bottom:8px}
#amx-home-slideshow .amx-hs-ph--reel{background:#29433e;color:#fff}
#amx-home-slideshow .amx-hs-ph--px{background:#fff;color:#29433e;box-shadow:inset 0 0 0 1px #e3e3e1}
/* the reel paints its own scenes; its wrapper starts in the reel's first colour, so no frame can show the page white */
html #amx-home-slideshow.amx-hs-stack .amx-hs-stage>.amx-hs-slide[data-kind="reel"]{background:#29433e}