/* Figma 1:13 composition. Scoped to the authored homepage variants. */
.home.gw-scrolly .gw-eyebrow,
.home.gw-scrolly .gw-intro__body p:last-child,
.home.gw-scrolly .gw-chapter__body p:last-child,
.home.gw-scrolly .gw-chapter__callout { padding-bottom: 0; }
.home.gw-scrolly .gw-plan { padding-block: 0; }
.gw-home-intro { position: relative; }
.gw-home-intro__seal { position: absolute; width: clamp(110px, 13.02vw, 250px); right: 9.84%; top: 4.7vw; pointer-events: none; }
.gw-home-intro__seal svg { display: block; max-width: 100%; height: auto; }
.gw-home-intro .gw-intro__body { max-width: 63vw; }
.gw-home-intro .gw-intro__cta .gw-pill { min-width: clamp(184px, 12.6vw, 242px); min-height: clamp(56px, 3.65vw, 70px); padding-inline: clamp(30px, 2vw, 40px); font-size: clamp(16px, 1.146vw, 22px); letter-spacing: var(--gw-track-label); } /* Website 472:1754: 242x70, 22px */
/* SELECT A HOME rail (Website 472:1758 + 472:1759): a 2.31px vertical rule 368 tall at x129, then the label 42px below it,
   both centred on x129. The rule is drawn on the section; the rotated label is positioned to the comp. */
.gw-home-intro::before { content: ''; position: absolute; left: calc(6.72vw - 1.16px); top: 7.2vw; width: 2.31px; height: 19.2vw; background: #00554f; pointer-events: none; }
.gw-home-intro .gw-intro__rail { border: 0; padding: 0; top: 16.5vw; height: auto; /* relative to .gw-intro (eyebrow top) */ left: calc(6.72vw - var(--gw-fluid-margin-content) - 0.5em); }
.home.gw-scrolly .gw-story__head { min-height: 65.3vw; }
.home.gw-scrolly .gw-story__head-inner { padding-bottom: 6.2vw; }
.home.gw-scrolly .gw-story__head-media { height: 51.1vw; }
.home.gw-scrolly .gw-story__head-fade { background: linear-gradient(transparent 10%, rgba(255,251,246,.72) 37%, var(--gw-cream-100) 64%); }
/* Eyebrow → heading gaps from the Website file 472:1669 (box to box at 1920): story 65, intro 60,
   chapters 45. The grid gaps below also space heading → body, so the extra goes on the eyebrow. */
.home.gw-scrolly .gw-story__head .gw-intro { gap: 2.6vw; }
.home.gw-scrolly .gw-story__head .gw-intro__eyebrow { margin-bottom: .78vw; }
.home.gw-scrolly .gw-story__head .gw-intro__heading { max-width: 60vw; margin-inline: auto; }
.home.gw-scrolly .gw-story__head .gw-intro__body { max-width: 67vw; }
.gw-home-amenities .gw-intro { text-align: center; justify-items: center; }
.gw-home-amenities .gw-amenities__head { max-width: none; }
.gw-home-amenities .gw-intro__body { max-width: 69.4vw; }
.gw-home-amenities .gw-amenities__grid { gap: 3.54vw; }
.gw-home-amenities .gw-amenity-tile__img { height: 100% !important; object-fit: cover; }

@media (min-width: 1000px) {
  .gw-home-intro { padding-top: 12.1vw; padding-bottom: 9.3vw; }
  .gw-home-intro .gw-intro { gap: 2.7vw; }
  .gw-home-intro .gw-intro__eyebrow { margin-bottom: .42vw; }
  /* Lower sections, same source: amenITIES 24 → heading → 60 → body; RESIDENCE FEATURES 40 / 50; DESIGN DIFFERENCE 50 / 82. */
  .gw-home-amenities .gw-intro { gap: 3.125vw; }
  .gw-home-amenities .gw-intro__eyebrow { margin-bottom: -1.875vw; }
  .gw-scrolly .gw-home-amenities h2.gw-intro__heading, .gw-scrolly .gw-home-amenities h3.gw-intro__heading { font-size: clamp(44px, 5.73vw, 110px) !important; } /* comp 110/99 (was display-l); (0,3,1) beats scrollytelling's h2.gw-display-l */
  .home.gw-scrolly .gw-feature .gw-intro { gap: 2.6vw; }
  .home.gw-scrolly .gw-feature .gw-intro__eyebrow { margin-bottom: -.52vw; }
  .home.gw-scrolly .gw-builders .gw-intro { gap: 4.27vw; }
  .home.gw-scrolly .gw-builders .gw-intro__eyebrow { margin-bottom: -1.67vw; }
  .home.gw-scrolly .gw-builders .gw-intro__body { max-width: 61.1vw; } /* comp body box 1173 */
  .home.gw-scrolly .gw-builders .gw-pill { padding-inline: clamp(30px, 3vw, 58px); } /* comp pill 388 wide */
  .home.gw-scrolly .gw-story__counter { display: none; }
  .gw-home-beaches, .gw-home-airports, .gw-home-downtown, .gw-home-culture { display: block; padding: 0; }
  .gw-home-beaches .gw-chapter__copy, .gw-home-airports .gw-chapter__copy,
  .gw-home-downtown .gw-chapter__copy, .gw-home-culture .gw-chapter__copy { position: relative; max-width: none; gap: 1.65vw; }
  .gw-home-beaches .gw-chapter__eyebrow, .gw-home-airports .gw-chapter__eyebrow,
  .gw-home-downtown .gw-chapter__eyebrow, .gw-home-culture .gw-chapter__eyebrow { margin-bottom: .68vw; }
  .gw-home-beaches { min-height: 61.1vw; }
  .gw-home-beaches .gw-chapter__copy { left: 9.58%; width: 35.42%; }
  .gw-home-beaches .gw-chapter__media { position: absolute; right: 0; top: 1.3vw; width: 30.52%; }
  .gw-home-beaches .gw-chapter__photo { aspect-ratio: 586 / 723; }
  .gw-home-beaches .gw-chapter__img { height: 100% !important; object-fit: cover; }
  .gw-home-beaches .gw-chapter__marker { left: 46.1%; top: 0; }
  .gw-home-beaches .gw-sticker--2 { left: -5%; top: 57%; width: 23.5vw; }
  .gw-home-airports { min-height: 72.3vw; z-index: 4; }
  .gw-home-airports .gw-chapter__copy { left: 48.85%; width: 37.86%; }
  .gw-home-airports .gw-chapter__media { position: absolute; left: 0; top: 46.67vw; width: 38.96%; }
  .gw-home-airports .gw-chapter__photo--1 { aspect-ratio: 748 / 489; }
  .gw-home-airports .gw-chapter__photo--2 { position: absolute; left: 64.97%; bottom: calc(100% + 3vw); width: 40.11%; aspect-ratio: 300 / 452; }
  .gw-home-airports .gw-sticker--2 { left: -3.5%; top: 35%; }
  .gw-home-airports .gw-chapter__img { height: 100% !important; object-fit: cover; }
  .gw-home-airports .gw-chapter__marker { left: 33.13%; right: auto; top: 3.7vw; }
  .gw-home-downtown { min-height: 49.27vw; z-index: auto; }
  .gw-home-downtown .gw-chapter__copy { left: 50%; width: 46%; padding-top: 3.39vw; }
  .gw-home-downtown .gw-chapter__media { position: absolute; right: 0; bottom: -13.23vw; width: 49.95%; z-index: 3; }
  .gw-home-downtown .gw-chapter__photo { aspect-ratio: 1918 / 954; } /* comp frame; attachment 82 became portrait 2026-10-14 */
  .gw-home-downtown .gw-chapter__img { height: 100% !important; object-fit: cover; }
  .gw-home-downtown .gw-sticker { z-index: 3; }
  .gw-home-downtown .gw-chapter__marker { left: 41.2%; right: auto; top: 8.07vw; }
  .gw-home-panel { overflow: visible; z-index: 2; min-height: 77.19vw; padding-top: 19.7vw; padding-bottom: 5.4vw; }
  .gw-home-panel .gw-panel__pattern { overflow: hidden; }
  .gw-home-panel .gw-panel__inner { max-width: 55.36vw; }
  .gw-home-panel .gw-intro__heading { font-size: 7.1875vw !important; }
  .gw-home-panel .gw-intro { gap: 2.1vw; width: 100%; }
  .gw-home-panel .gw-intro__body { max-width: none; }
  .gw-home-panel .gw-panel__kicker { max-width: 28.44vw; font-size: 1.82vw; letter-spacing: .15em; }
  .gw-home-panel .gw-panel__rule { height: 8.4vw; }
  .gw-home-culture { min-height: 75.1vw; }
  .gw-home-culture .gw-chapter__copy { left: 13.49%; width: 38.7%; padding-top: 35.78vw; }
  .gw-home-culture .gw-chapter__media { position: absolute; left: 0; top: 7.14vw; width: 39.32%; }
  .gw-home-culture .gw-chapter__marker { left: 52.65%; right: auto; top: 34.74vw; }
  .home.gw-scrolly .gw-chapter__body { line-height: 1.9259; }
  .home.gw-scrolly .gw-chapter__callout { max-width: none; width: max-content; max-width: 46vw; font-size: clamp(11px, 1.04vw, 20px); }
  .home.gw-scrolly .gw-story__path-wrap { top: 2.3vw; }
  .gw-home-amenities { padding-top: 12vw; padding-bottom: 12vw; }
  .gw-home-amenities .gw-amenity-tile__media { aspect-ratio: 2 / 3; }
}
.home.gw-scrolly .gw-chapter__callout { color: var(--gw-teal-500); }
.home.gw-scrolly .gw-chapter__callout strong { color: var(--gw-green-700); font-weight: 700; }
.gw-story .gw-sticker__img { filter: none; }
.gw-story .gw-sticker { will-change: auto; }
@media (max-width: 999px) {
  .gw-home-intro__seal { position: relative; right: auto; top: auto; width: 92px; margin: 0 auto 32px; }
  .gw-home-intro .gw-intro__body, .gw-home-amenities .gw-intro__body { max-width: none; }
  .gw-home-intro::before { display: none; }
  .home.gw-scrolly .gw-story__head { min-height: 680px; }
  .home.gw-scrolly .gw-story__head-media { height: 460px; }
  .home.gw-scrolly .gw-story__head .gw-intro { gap: 28px; }
  .home.gw-scrolly .gw-story__head .gw-intro__heading, .home.gw-scrolly .gw-story__head .gw-intro__body { max-width: none; }
  .gw-home-panel .gw-sticker { position: relative; top: auto; bottom: auto; left: auto; right: auto; width: 48vw; margin: 24px 0 -60px -12vw; }
  .gw-home-downtown .gw-sticker--1 { width: 64vw; }
  .gw-home-culture .gw-sticker--1 { width: 46vw; }
  .gw-home-amenities .gw-amenities__grid { gap: 24px; }
}