/*
 * Location page (/location/, body.gw-location-page) — Website file 472:1275, 1920 wide.
 * Section rhythm between the stock elements, measured off the comp (y values relative to
 * the frame top): hero 0-1080, intro eyebrow 1244, pill ends 2156, panel photo 2287-2948,
 * panel 2617-4099, swoop 4318-5029, three-up 4667-5390, "Close to everything" 5527,
 * map label 6117, legend 6280, map 6391-7292, gems eyebrow 7439, rows 7721 / 8572 / 9706,
 * Destinations 10573, card 11246-11967, Move Closer photo 12154, footer 13256.
 * Loaded by inc/location.php. Element classes are the el_class values on the page's elements (edit in WPBakery).
 */

body.gw-location-page .container-wrap { padding-top: 0 !important; padding-bottom: 0 !important; } /* hero under the header, last section meets the footer */


/* Intro (472:1281-1287): body 32.65/57 Host Grotesk on a 1315 measure, 376x63 pill */
.gw-loc-intro.gw-section-intro { padding-top: clamp(64px, 8.54vw, 164px); padding-bottom: clamp(48px, 6.8vw, 131px); }
.gw-loc-intro .gw-intro__body { max-width: clamp(280px, 71vw, 1363px); font-size: clamp(18px, 1.7vw, 32.65px); line-height: 1.75; }
.gw-loc-intro .gw-intro__body p { margin-bottom: 0; }
.gw-loc-intro .gw-intro__body p + p { margin-top: 1.75em; }
.gw-location-page .gw-feature--collage .gw-pill { min-width: clamp(160px, 12.55vw, 241px); min-height: clamp(48px, 3.28vw, 63px); font-size: var(--gw-fluid-label-l); } /* 472:1478 */
.gw-loc-intro .gw-pill, .gw-loc-panel .gw-panel__pill .gw-pill { min-width: clamp(220px, 19.6vw, 376px); min-height: clamp(48px, 3.28vw, 63px); font-size: var(--gw-fluid-label-l); }

/* Orange panel (472:1608): body 32/57 on a 942 measure */
.gw-loc-panel .gw-intro__body { max-width: clamp(280px, 49vw, 942px); font-size: clamp(18px, 1.67vw, 32px); line-height: 1.78; }
.gw-loc-panel .gw-panel__inner { gap: clamp(24px, 3.4vw, 66px); }

/* Citron swoop (472:1412, 2165x726) from 349 above the first three-up, drawn over its tiles */
.gw-loc-swoop { position: relative; margin-top: clamp(96px, 29.6vw, 568px); overflow-x: clip; overflow-y: visible; } /* the path runs past both page edges */
.gw-loc-swoop::before { content: ""; position: absolute; z-index: 5; left: -6.04vw; top: -18.18vw; width: 112.76vw; aspect-ratio: 2165 / 726; background: url("../svg/location-swoop.svg") center / 100% 100% no-repeat; pointer-events: none; }

.gw-loc-close.gw-section-intro { padding-top: clamp(56px, 7.14vw, 137px); padding-bottom: clamp(56px, 8vw, 154px); }
.gw-location-page .gw-place-map--map { padding-top: 0; padding-bottom: clamp(56px, 7.66vw, 147px); }
.gw-loc-gems.gw-section-intro { padding-top: 0; padding-bottom: clamp(48px, 5.6vw, 108px); }
.gw-loc-row { margin-bottom: clamp(24px, 6.67vw, 128px); }
.gw-loc-row-last { margin-bottom: clamp(56px, 7.5vw, 144px); } /* el_class is one sanitized class, so the last row has its own */

@media (max-width: 999px) {
  .gw-loc-swoop { margin-top: var(--gw-space-7); }
  .gw-loc-swoop::before { top: -14vw; }
}

/* ---- Motion ---- (assets/js/motion/location.js) */
/* The swoop is redrawn inline for DrawSVG in the ::before's exact box; the static art stays for reduced motion / no JS. */
.gw-loc-swoop--drawn::before { content: none; }
.gw-loc-swoop__draw { position: absolute; z-index: 5; left: -6.04vw; top: -18.18vw; width: 112.76vw; aspect-ratio: 2165 / 726; pointer-events: none; line-height: 0; }
.gw-loc-swoop__draw svg { display: block; width: 100%; height: 100%; overflow: visible; }
@media (max-width: 999px) { .gw-loc-swoop__draw { top: -14vw; } }