/* Homepage "Resort amenities, made for together." — focus slider (preview). Desktop >=1000px only; below that the existing one-card-at-a-time layout is untouched.
   The three visible cards still span rail to rail (170 / clamp / 24), but the MIDDLE card is larger and the two side cards smaller:
   side 440 + gap 65 + centre 550 + gap 65 + side 440 = 1560 frame units (--f = (100vw - 2 rails) / 1560, i.e. 1px at a 1900px frame).
   Side cards are the centre card scaled .8 from their top-left corner and dropped so all three photos share one horizontal midline.
   The arrows now sit in the margins OUTSIDE the first and last photo, level with the centre photo; the dots show the centre card. */
@media(min-width:1000px){
 .amc{--f:calc((100vw - 2 * var(--rail)) / 1560);--cwc:calc(550 * var(--f));--kc:calc(550 * var(--f) / 459);--sy:calc(38 * var(--kc));
  height:calc(150px + 922 * var(--m) - var(--e) + 61 * var(--f))}
 .amc__plate{height:calc(1060 * var(--m) + 61 * var(--f));background-size:100% 100%}
 .amc__stage{height:calc(922 * var(--m) - var(--e) + 61 * var(--f))}
 .amc__show{height:calc(660 * var(--k) + 61 * var(--f))}
 .amc__a{--k:var(--kc);width:var(--cwc);transform-origin:0 0;transform:translate(var(--x,0),var(--y,0)) scale(var(--s,1))}
 .amc__a:nth-child(1){--x:0px;--y:var(--sy);--s:.8}.amc__a:nth-child(2){--x:calc(505 * var(--f));--y:0px;--s:1}.amc__a:nth-child(3){--x:calc(1120 * var(--f));--y:var(--sy);--s:.8}
 .amc__a[data-pos="-2"]{--x:calc(-1010 * var(--f));--y:var(--sy);--s:.8}
 .amc__a[data-pos="-1"]{--x:calc(-505 * var(--f));--y:var(--sy);--s:.8}
 .amc__a[data-pos="0"]{--x:0px;--y:var(--sy);--s:.8}
 .amc__a[data-pos="1"]{--x:calc(505 * var(--f));--y:0px;--s:1;z-index:2}
 .amc__a[data-pos="2"]{--x:calc(1120 * var(--f));--y:var(--sy);--s:.8}
 .amc__a[data-pos="3"]{--x:calc(1625 * var(--f));--y:var(--sy);--s:.8}
 .amc__a[data-pos="0"],.amc__a[data-pos="2"]{cursor:pointer}
 .amc__a[data-pos="1"]{cursor:default}
 /* arrows: outside the photos, in the page margins, level with the centre photo */
 .gulf-hero-live #resort-amenities .amc__arrow{top:calc(190 * var(--kc) - 16px)}
 .gulf-hero-live #resort-amenities .amc__arrow--prev{left:calc(var(--rail) - 76px)}   /* beats home-amenities-hero-alignment.css (rail + 12px = on the photo) */
 .gulf-hero-live #resort-amenities .amc__arrow--next{right:calc(var(--rail) - 76px)}
 .amc__dots{top:calc(1.235 * var(--cwc))}
}