{"id":904,"date":"2026-09-14T16:35:27","date_gmt":"2026-09-14T20:35:27","guid":{"rendered":"https:\/\/groundworkswholesale.com\/?page_id=904"},"modified":"2026-09-14T16:35:27","modified_gmt":"2026-09-14T20:35:27","slug":"frente-al-mar-costero","status":"publish","type":"page","link":"https:\/\/datepalm.com\/es\/waterfront-coastal\/","title":{"rendered":"Waterfront &#038; Coastal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"904\" class=\"elementor elementor-904\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea8b016 e-flex e-con-boxed e-con e-parent\" data-id=\"ea8b016\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8258bbe elementor-widget elementor-widget-html\" data-id=\"8258bbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  html:has(.gwwc-root),\n  body:has(.gwwc-root) {\n    margin: 0;\n    max-width: 100%;\n    overflow-x: clip;\n    background: #020a07;\n  }\n\n  body:has(.gwwc-root) .page-header,\n  body:has(.gwwc-root) .entry-header,\n  body:has(.gwwc-root) .entry-title,\n  body:has(.gwwc-root) .page-title,\n  body:has(.gwwc-root) .site-main > header,\n  body:has(.gwwc-root) .site-main > .page-header {\n    display: none !important;\n  }\n\n  body:has(.gwwc-root) .site-main,\n  body:has(.gwwc-root) .site-main > .elementor,\n  body:has(.gwwc-root) .page-content,\n  body:has(.gwwc-root) .page-content > .elementor,\n  body:has(.gwwc-root) .entry-content {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .gwwc-root {\n    --gwwc-ink: #020a07;\n    --gwwc-forest: #07170f;\n    --gwwc-forest-soft: #0d2418;\n    --gwwc-sea: #163a37;\n    --gwwc-gold: #cda95c;\n    --gwwc-gold-bright: #e2c278;\n    --gwwc-ivory: #f4f0e5;\n    --gwwc-paper: #e8e1d1;\n    --gwwc-muted: #9eaa9f;\n    --gwwc-line: rgba(205, 169, 92, 0.28);\n    --gwwc-shell: min(92vw, 1440px);\n    --gwwc-serif: Georgia, \"Times New Roman\", serif;\n    --gwwc-sans: \"Avenir Next\", \"Segoe UI\", Helvetica, Arial, sans-serif;\n    position: relative;\n    width: 100%;\n    max-width: 100%;\n    overflow: clip;\n    color: var(--gwwc-ivory);\n    background: var(--gwwc-ink);\n    font-family: var(--gwwc-sans);\n    font-size: 16px;\n    line-height: 1.6;\n    isolation: isolate;\n  }\n\n  .gwwc-root,\n  .gwwc-root *,\n  .gwwc-root *::before,\n  .gwwc-root *::after {\n    box-sizing: border-box;\n  }\n\n  .gwwc-root :where(h1, h2, h3, p, figure, blockquote) {\n    margin: 0;\n  }\n\n  .gwwc-root :where(img, svg) {\n    display: block;\n    max-width: 100%;\n  }\n\n  .gwwc-root img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .gwwc-root a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .gwwc-root a:focus-visible,\n  .gwwc-root button:focus-visible {\n    outline: 2px solid var(--gwwc-gold-bright);\n    outline-offset: 5px;\n  }\n\n  .gwwc-shell {\n    width: var(--gwwc-shell);\n    margin-inline: auto;\n  }\n\n  .gwwc-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 15px;\n    color: var(--gwwc-gold-bright);\n    font-size: 0.72rem;\n    font-weight: 700;\n    line-height: 1.25;\n    letter-spacing: 0.24em;\n    text-transform: uppercase;\n  }\n\n  .gwwc-eyebrow::before {\n    width: 44px;\n    height: 1px;\n    flex: 0 0 auto;\n    background: currentColor;\n    content: \"\";\n  }\n\n  .gwwc-heading {\n    max-width: 11ch;\n    color: var(--gwwc-ivory);\n    font-family: var(--gwwc-serif);\n    font-size: clamp(3rem, 6vw, 6.8rem);\n    font-weight: 400;\n    line-height: 0.92;\n    letter-spacing: -0.05em;\n    text-wrap: balance;\n  }\n\n  .gwwc-heading em {\n    color: var(--gwwc-gold-bright);\n    font-weight: 400;\n  }\n\n  .gwwc-copy {\n    max-width: 46rem;\n    color: rgba(244, 240, 229, 0.76);\n    font-size: clamp(1rem, 1.25vw, 1.2rem);\n    line-height: 1.8;\n  }\n\n  .gwwc-text-link {\n    display: inline-flex;\n    min-height: 44px;\n    align-items: center;\n    gap: 13px;\n    color: var(--gwwc-ivory);\n    font-size: 0.73rem;\n    font-weight: 700;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n  }\n\n  .gwwc-text-link svg {\n    width: 30px;\n    transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .gwwc-text-link path {\n    stroke-width: 1.25;\n  }\n\n  .gwwc-button {\n    display: inline-flex;\n    min-height: 52px;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    padding: 14px 22px;\n    border: 1px solid var(--gwwc-gold);\n    color: var(--gwwc-ivory);\n    background: rgba(2, 10, 7, 0.5);\n    font-size: 0.72rem;\n    font-weight: 700;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n    backdrop-filter: blur(12px);\n    transition: border-color 320ms ease, background-color 320ms ease, color 320ms ease, transform 320ms ease;\n  }\n\n  .gwwc-button--light {\n    color: var(--gwwc-ink);\n    background: var(--gwwc-gold-bright);\n  }\n\n  .gwwc-button svg {\n    width: 28px;\n  }\n\n  .gwwc-hero {\n    position: relative;\n    min-height: max(720px, 96svh);\n    overflow: hidden;\n    background: var(--gwwc-forest);\n  }\n\n  .gwwc-hero-media,\n  .gwwc-hero-shade,\n  .gwwc-hero-grid,\n  .gwwc-hero-horizon {\n    position: absolute;\n    inset: 0;\n  }\n\n  .gwwc-hero-media img {\n    object-position: 58% 48%;\n    transform: scale(1.025);\n  }\n\n  .gwwc-hero-shade {\n    z-index: 1;\n    background:\n      linear-gradient(90deg, rgba(1, 9, 6, 0.9) 0%, rgba(1, 9, 6, 0.6) 38%, rgba(1, 9, 6, 0.12) 69%, rgba(1, 9, 6, 0.24) 100%),\n      linear-gradient(180deg, rgba(1, 9, 6, 0.28) 0%, rgba(1, 9, 6, 0.04) 38%, rgba(1, 9, 6, 0.76) 100%);\n  }\n\n  .gwwc-hero-grid {\n    z-index: 2;\n    pointer-events: none;\n    background-image: linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(244, 240, 229, 0.1) 50%, transparent calc(50% + 0.5px));\n  }\n\n  .gwwc-hero-horizon {\n    top: auto;\n    bottom: 25%;\n    z-index: 3;\n    height: 1px;\n    background: linear-gradient(90deg, var(--gwwc-gold) 0 10%, rgba(205, 169, 92, 0.15) 10% 100%);\n    transform-origin: left center;\n  }\n\n  .gwwc-hero-inner {\n    position: relative;\n    z-index: 4;\n    display: grid;\n    min-height: max(720px, 96svh);\n    grid-template-columns: minmax(0, 8fr) minmax(220px, 3fr);\n    gap: clamp(30px, 6vw, 96px);\n    align-items: end;\n    padding: clamp(150px, 19vh, 235px) 0 clamp(102px, 12vh, 150px);\n  }\n\n  .gwwc-hero-copy {\n    max-width: 940px;\n  }\n\n  .gwwc-hero h1 {\n    max-width: 8.6ch;\n    margin-top: 24px;\n    color: var(--gwwc-ivory);\n    font-family: var(--gwwc-serif);\n    font-size: clamp(4.8rem, 9.5vw, 10.8rem);\n    font-weight: 400;\n    line-height: 0.79;\n    letter-spacing: -0.072em;\n    text-wrap: balance;\n  }\n\n  .gwwc-hero h1 em {\n    display: block;\n    padding-left: 0.6em;\n    color: var(--gwwc-gold-bright);\n    font-weight: 400;\n  }\n\n  .gwwc-hero-lede {\n    max-width: 590px;\n    margin-top: 34px;\n    color: rgba(244, 240, 229, 0.83);\n    font-size: clamp(1.02rem, 1.35vw, 1.28rem);\n    line-height: 1.75;\n  }\n\n  .gwwc-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 14px;\n    margin-top: 34px;\n  }\n\n  .gwwc-hero-aside {\n    display: grid;\n    align-content: end;\n    gap: 18px;\n    padding-bottom: 4px;\n  }\n\n  .gwwc-hero-aside p {\n    max-width: 22rem;\n    padding-top: 18px;\n    border-top: 1px solid rgba(244, 240, 229, 0.24);\n    color: rgba(244, 240, 229, 0.72);\n    font-size: 0.86rem;\n    line-height: 1.65;\n  }\n\n  .gwwc-scroll-cue {\n    position: absolute;\n    right: 4vw;\n    bottom: 38px;\n    z-index: 5;\n    display: grid;\n    width: 50px;\n    height: 50px;\n    place-items: center;\n    border: 1px solid rgba(226, 194, 120, 0.68);\n    border-radius: 50%;\n    color: var(--gwwc-gold-bright);\n    background: rgba(2, 10, 7, 0.28);\n    backdrop-filter: blur(10px);\n    transition: border-color 300ms ease, background-color 300ms ease, transform 300ms ease;\n  }\n\n  .gwwc-scroll-cue svg {\n    width: 17px;\n    height: 17px;\n  }\n\n  .gwwc-scroll-cue path {\n    fill: none;\n    stroke: currentColor;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke-width: 1.4;\n  }\n\n  .gwwc-intro {\n    position: relative;\n    color: var(--gwwc-ink);\n    background: var(--gwwc-ivory);\n  }\n\n  .gwwc-intro::after {\n    position: absolute;\n    top: 0;\n    right: 7vw;\n    width: 1px;\n    height: 100%;\n    background: rgba(7, 23, 15, 0.12);\n    content: \"\";\n  }\n\n  .gwwc-intro-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.75fr);\n    gap: clamp(54px, 9vw, 145px);\n    padding: clamp(100px, 12vw, 190px) 0;\n  }\n\n  .gwwc-intro .gwwc-eyebrow {\n    color: #8b6c2f;\n  }\n\n  .gwwc-intro h2 {\n    max-width: 11ch;\n    margin-top: 30px;\n    color: var(--gwwc-forest);\n    font-family: var(--gwwc-serif);\n    font-size: clamp(3.3rem, 6.2vw, 7rem);\n    font-weight: 400;\n    line-height: 0.92;\n    letter-spacing: -0.052em;\n    text-wrap: balance;\n  }\n\n  .gwwc-intro h2 em {\n    color: #8b6c2f;\n    font-weight: 400;\n  }\n\n  .gwwc-intro-body {\n    align-self: end;\n  }\n\n  .gwwc-intro-body p {\n    color: #33443b;\n    font-size: clamp(1.05rem, 1.4vw, 1.28rem);\n    line-height: 1.85;\n  }\n\n  .gwwc-intro-body p + p {\n    margin-top: 22px;\n  }\n\n  .gwwc-intro-body .gwwc-text-link {\n    margin-top: 30px;\n    color: var(--gwwc-forest);\n  }\n\n  .gwwc-lens {\n    position: relative;\n    padding: clamp(88px, 10vw, 156px) 0;\n    background:\n      radial-gradient(circle at 80% 10%, rgba(22, 58, 55, 0.4), transparent 38%),\n      var(--gwwc-ink);\n  }\n\n  .gwwc-lens-head {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.6fr);\n    gap: 60px;\n    align-items: end;\n  }\n\n  .gwwc-lens-head .gwwc-copy {\n    justify-self: end;\n  }\n\n  .gwwc-lens-grid {\n    display: grid;\n    margin-top: clamp(60px, 8vw, 108px);\n    border-top: 1px solid var(--gwwc-line);\n    border-left: 1px solid var(--gwwc-line);\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .gwwc-lens-card {\n    position: relative;\n    min-height: 300px;\n    padding: clamp(28px, 3.2vw, 50px);\n    border-right: 1px solid var(--gwwc-line);\n    border-bottom: 1px solid var(--gwwc-line);\n    overflow: hidden;\n  }\n\n  .gwwc-lens-card::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 2px;\n    background: var(--gwwc-gold);\n    content: \"\";\n    transform: scaleX(0.18);\n    transform-origin: left center;\n    transition: transform 500ms cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .gwwc-lens-card svg {\n    width: 28px;\n    color: var(--gwwc-gold-bright);\n  }\n\n  .gwwc-lens-card h3 {\n    margin-top: 68px;\n    color: var(--gwwc-ivory);\n    font-family: var(--gwwc-serif);\n    font-size: clamp(1.65rem, 2.2vw, 2.55rem);\n    font-weight: 400;\n    line-height: 1.06;\n    letter-spacing: -0.03em;\n  }\n\n  .gwwc-lens-card p {\n    margin-top: 18px;\n    color: rgba(244, 240, 229, 0.62);\n    font-size: 0.93rem;\n    line-height: 1.7;\n  }\n\n  .gwwc-water-work {\n    position: relative;\n    min-height: 820px;\n    overflow: hidden;\n    background: var(--gwwc-forest);\n  }\n\n  .gwwc-water-work-media,\n  .gwwc-water-work-shade {\n    position: absolute;\n    inset: 0;\n  }\n\n  .gwwc-water-work-media img {\n    object-position: 48% 54%;\n  }\n\n  .gwwc-water-work-shade {\n    z-index: 1;\n    background:\n      linear-gradient(90deg, rgba(2, 10, 7, 0.12) 0 42%, rgba(2, 10, 7, 0.86) 76% 100%),\n      linear-gradient(180deg, rgba(2, 10, 7, 0.15), rgba(2, 10, 7, 0.66));\n  }\n\n  .gwwc-water-work-inner {\n    position: relative;\n    z-index: 2;\n    display: grid;\n    min-height: 820px;\n    grid-template-columns: minmax(0, 1fr) minmax(350px, 0.62fr);\n    gap: 72px;\n    align-items: end;\n    padding: 110px 0;\n  }\n\n  .gwwc-water-work-copy {\n    grid-column: 2;\n    padding: clamp(34px, 4vw, 62px);\n    border-top: 1px solid var(--gwwc-gold);\n    border-right: 1px solid rgba(226, 194, 120, 0.38);\n    border-bottom: 1px solid rgba(226, 194, 120, 0.38);\n    background: rgba(2, 10, 7, 0.73);\n    backdrop-filter: blur(14px);\n  }\n\n  .gwwc-water-work-copy h2 {\n    margin-top: 25px;\n    color: var(--gwwc-ivory);\n    font-family: var(--gwwc-serif);\n    font-size: clamp(3rem, 4.8vw, 5.7rem);\n    font-weight: 400;\n    line-height: 0.94;\n    letter-spacing: -0.05em;\n  }\n\n  .gwwc-water-work-copy p {\n    margin-top: 25px;\n    color: rgba(244, 240, 229, 0.72);\n    line-height: 1.78;\n  }\n\n  .gwwc-water-work-links {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px 26px;\n    margin-top: 28px;\n  }\n\n  .gwwc-perspective {\n    position: relative;\n    padding: clamp(100px, 11vw, 180px) 0;\n    color: var(--gwwc-forest);\n    background: var(--gwwc-ivory);\n  }\n\n  .gwwc-perspective-head {\n    display: grid;\n    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr);\n    gap: 80px;\n    align-items: end;\n  }\n\n  .gwwc-perspective-head .gwwc-eyebrow {\n    color: #8b6c2f;\n  }\n\n  .gwwc-perspective-head h2 {\n    color: var(--gwwc-forest);\n  }\n\n  .gwwc-perspective-head p {\n    max-width: 540px;\n    justify-self: end;\n    color: #435048;\n    font-size: 1.05rem;\n    line-height: 1.8;\n  }\n\n  .gwwc-perspective-stage {\n    position: relative;\n    display: grid;\n    min-height: 820px;\n    margin-top: clamp(65px, 8vw, 112px);\n    grid-template-columns: minmax(0, 1.25fr) minmax(270px, 0.58fr);\n    grid-template-rows: 1fr 0.74fr;\n    gap: 18px;\n  }\n\n  .gwwc-perspective-stage::before {\n    position: absolute;\n    top: -34px;\n    left: 18%;\n    width: 64%;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, #9f7934, transparent);\n    content: \"\";\n  }\n\n  .gwwc-frame {\n    position: relative;\n    min-height: 0;\n    overflow: hidden;\n    background: #0a1b13;\n  }\n\n  .gwwc-frame--terrace {\n    grid-row: 1 \/ 3;\n  }\n\n  .gwwc-frame--sky img {\n    object-position: 54% 42%;\n  }\n\n  .gwwc-frame--plan img {\n    object-position: center 46%;\n  }\n\n  .gwwc-frame::after {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, transparent 55%, rgba(2, 10, 7, 0.82));\n    content: \"\";\n    pointer-events: none;\n  }\n\n  .gwwc-frame img {\n    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), filter 600ms ease;\n  }\n\n  .gwwc-frame figcaption {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 2;\n    display: flex;\n    min-height: 85px;\n    align-items: flex-end;\n    justify-content: space-between;\n    gap: 20px;\n    padding: 24px 26px;\n    color: var(--gwwc-ivory);\n  }\n\n  .gwwc-frame figcaption strong {\n    font-family: var(--gwwc-serif);\n    font-size: 1.35rem;\n    font-weight: 400;\n  }\n\n  .gwwc-frame figcaption span {\n    color: var(--gwwc-gold-bright);\n    font-size: 0.63rem;\n    font-weight: 700;\n    letter-spacing: 0.15em;\n    text-align: right;\n    text-transform: uppercase;\n  }\n\n  .gwwc-brief {\n    position: relative;\n    padding: clamp(100px, 11vw, 174px) 0;\n    background:\n      linear-gradient(90deg, transparent 49.95%, rgba(205, 169, 92, 0.13) 50%, transparent 50.05%),\n      var(--gwwc-forest);\n  }\n\n  .gwwc-brief-head {\n    max-width: 880px;\n  }\n\n  .gwwc-brief-head .gwwc-copy {\n    margin-top: 28px;\n  }\n\n  .gwwc-brief-grid {\n    display: grid;\n    margin-top: clamp(64px, 8vw, 112px);\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 1px;\n    background: var(--gwwc-line);\n  }\n\n  .gwwc-brief-item {\n    min-height: 290px;\n    padding: clamp(32px, 4.5vw, 70px);\n    background: var(--gwwc-forest);\n  }\n\n  .gwwc-brief-item span {\n    display: inline-block;\n    width: 34px;\n    height: 1px;\n    margin-bottom: 34px;\n    background: var(--gwwc-gold);\n  }\n\n  .gwwc-brief-item h3 {\n    color: var(--gwwc-ivory);\n    font-family: var(--gwwc-serif);\n    font-size: clamp(2rem, 3vw, 3.5rem);\n    font-weight: 400;\n    line-height: 1;\n    letter-spacing: -0.035em;\n  }\n\n  .gwwc-brief-item p {\n    max-width: 33rem;\n    margin-top: 18px;\n    color: rgba(244, 240, 229, 0.62);\n    line-height: 1.72;\n  }\n\n  .gwwc-continuity {\n    position: relative;\n    min-height: 760px;\n    overflow: hidden;\n  }\n\n  .gwwc-continuity-media,\n  .gwwc-continuity-shade {\n    position: absolute;\n    inset: 0;\n  }\n\n  .gwwc-continuity-media img {\n    object-position: 59% 50%;\n  }\n\n  .gwwc-continuity-shade {\n    z-index: 1;\n    background:\n      linear-gradient(90deg, rgba(2, 10, 7, 0.94), rgba(2, 10, 7, 0.56) 48%, rgba(2, 10, 7, 0.12) 76%),\n      linear-gradient(180deg, rgba(2, 10, 7, 0.08), rgba(2, 10, 7, 0.66));\n  }\n\n  .gwwc-continuity-inner {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    min-height: 760px;\n    align-items: center;\n  }\n\n  .gwwc-continuity-copy {\n    max-width: 720px;\n    padding: 60px 0;\n  }\n\n  .gwwc-continuity-copy h2 {\n    max-width: 9ch;\n    margin-top: 26px;\n    color: var(--gwwc-ivory);\n    font-family: var(--gwwc-serif);\n    font-size: clamp(3.6rem, 7vw, 8.2rem);\n    font-weight: 400;\n    line-height: 0.87;\n    letter-spacing: -0.06em;\n  }\n\n  .gwwc-continuity-copy p {\n    max-width: 540px;\n    margin-top: 30px;\n    color: rgba(244, 240, 229, 0.78);\n    font-size: 1.04rem;\n    line-height: 1.8;\n  }\n\n  .gwwc-continuity-copy .gwwc-button {\n    margin-top: 32px;\n  }\n\n  .gwwc-routes {\n    padding: clamp(88px, 9vw, 140px) 0;\n    color: var(--gwwc-forest);\n    background: var(--gwwc-ivory);\n  }\n\n  .gwwc-routes-head {\n    display: flex;\n    align-items: end;\n    justify-content: space-between;\n    gap: 40px;\n  }\n\n  .gwwc-routes-head .gwwc-eyebrow {\n    color: #8b6c2f;\n  }\n\n  .gwwc-routes-head h2 {\n    max-width: 9ch;\n    margin-top: 24px;\n    color: var(--gwwc-forest);\n    font-family: var(--gwwc-serif);\n    font-size: clamp(3rem, 5.4vw, 6.1rem);\n    font-weight: 400;\n    line-height: 0.94;\n    letter-spacing: -0.05em;\n  }\n\n  .gwwc-routes-head .gwwc-text-link {\n    flex: 0 0 auto;\n    color: var(--gwwc-forest);\n  }\n\n  .gwwc-route-grid {\n    display: grid;\n    margin-top: 60px;\n    border-top: 1px solid rgba(7, 23, 15, 0.18);\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .gwwc-route {\n    position: relative;\n    display: flex;\n    min-height: 210px;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 34px;\n    padding: 32px;\n    border-right: 1px solid rgba(7, 23, 15, 0.18);\n    border-bottom: 1px solid rgba(7, 23, 15, 0.18);\n    transition: color 350ms ease, background-color 350ms ease;\n  }\n\n  .gwwc-route:first-child {\n    border-left: 1px solid rgba(7, 23, 15, 0.18);\n  }\n\n  .gwwc-route small {\n    color: #8b6c2f;\n    font-size: 0.64rem;\n    font-weight: 700;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n  }\n\n  .gwwc-route strong {\n    display: block;\n    max-width: 12ch;\n    font-family: var(--gwwc-serif);\n    font-size: clamp(1.65rem, 2.35vw, 2.7rem);\n    font-weight: 400;\n    line-height: 1.04;\n    letter-spacing: -0.03em;\n  }\n\n  .gwwc-route svg {\n    width: 30px;\n    color: #8b6c2f;\n  }\n\n  .gwwc-contact {\n    position: relative;\n    padding: clamp(105px, 12vw, 190px) 0;\n    overflow: hidden;\n    background:\n      radial-gradient(circle at 76% 35%, rgba(22, 58, 55, 0.56), transparent 28%),\n      var(--gwwc-ink);\n  }\n\n  .gwwc-contact::before {\n    position: absolute;\n    top: 50%;\n    right: -12vw;\n    width: 46vw;\n    height: 46vw;\n    border: 1px solid rgba(205, 169, 92, 0.18);\n    border-radius: 50%;\n    content: \"\";\n    transform: translateY(-50%);\n  }\n\n  .gwwc-contact-inner {\n    position: relative;\n    z-index: 1;\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: 60px;\n    align-items: end;\n  }\n\n  .gwwc-contact h2 {\n    max-width: 10ch;\n    margin-top: 26px;\n    color: var(--gwwc-ivory);\n    font-family: var(--gwwc-serif);\n    font-size: clamp(3.6rem, 7.5vw, 8.5rem);\n    font-weight: 400;\n    line-height: 0.87;\n    letter-spacing: -0.064em;\n    text-wrap: balance;\n  }\n\n  .gwwc-contact-actions {\n    display: grid;\n    min-width: 270px;\n    gap: 14px;\n  }\n\n  .gwwc-contact-actions .gwwc-button {\n    width: 100%;\n  }\n\n  .gwwc-motion-ready [data-gwwc-reveal] {\n    opacity: 0;\n    transform: translateY(26px);\n    transition: opacity 760ms ease, transform 900ms cubic-bezier(0.22, 1, 0.36, 1);\n  }\n\n  .gwwc-motion-ready [data-gwwc-reveal=\"left\"] {\n    transform: translateX(-34px);\n  }\n\n  .gwwc-motion-ready [data-gwwc-reveal=\"right\"] {\n    transform: translateX(34px);\n  }\n\n  .gwwc-motion-ready [data-gwwc-reveal].gwwc-visible {\n    opacity: 1;\n    transform: none;\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .gwwc-button:hover {\n      border-color: var(--gwwc-gold-bright);\n      color: var(--gwwc-ink);\n      background: var(--gwwc-gold-bright);\n      transform: translateY(-2px);\n    }\n\n    .gwwc-button--light:hover {\n      color: var(--gwwc-ivory);\n      background: var(--gwwc-forest-soft);\n    }\n\n    .gwwc-text-link:hover svg {\n      transform: translateX(5px);\n    }\n\n    .gwwc-scroll-cue:hover {\n      border-color: var(--gwwc-gold-bright);\n      background: rgba(2, 10, 7, 0.62);\n      transform: translateY(3px);\n    }\n\n    .gwwc-lens-card:hover::before {\n      transform: scaleX(1);\n    }\n\n    .gwwc-frame:hover img {\n      filter: saturate(1.05) contrast(1.02);\n      transform: scale(1.035);\n    }\n\n    .gwwc-route:hover {\n      color: var(--gwwc-ivory);\n      background: var(--gwwc-forest);\n    }\n\n    .gwwc-route:hover small,\n    .gwwc-route:hover svg {\n      color: var(--gwwc-gold-bright);\n    }\n  }\n\n  @media (max-width: 980px) {\n    .gwwc-hero,\n    .gwwc-hero-inner {\n      min-height: max(720px, 90svh);\n    }\n\n    .gwwc-hero-inner {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 34px;\n      padding-top: 140px;\n      padding-bottom: 118px;\n    }\n\n    .gwwc-hero-copy {\n      max-width: 760px;\n    }\n\n    .gwwc-hero h1 {\n      font-size: clamp(4.5rem, 13vw, 8rem);\n    }\n\n    .gwwc-hero-aside {\n      max-width: 500px;\n    }\n\n    .gwwc-intro-grid,\n    .gwwc-lens-head,\n    .gwwc-perspective-head,\n    .gwwc-contact-inner {\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .gwwc-intro-body,\n    .gwwc-lens-head .gwwc-copy,\n    .gwwc-perspective-head p {\n      max-width: 700px;\n      justify-self: start;\n    }\n\n    .gwwc-lens-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .gwwc-water-work-shade {\n      background:\n        linear-gradient(180deg, rgba(2, 10, 7, 0.08) 0 36%, rgba(2, 10, 7, 0.88) 78% 100%);\n    }\n\n    .gwwc-water-work-inner {\n      grid-template-columns: minmax(0, 1fr);\n      align-items: end;\n    }\n\n    .gwwc-water-work-copy {\n      grid-column: 1;\n      max-width: 620px;\n      justify-self: end;\n    }\n\n    .gwwc-perspective-stage {\n      min-height: 700px;\n      grid-template-columns: minmax(0, 1fr) minmax(230px, 0.62fr);\n    }\n\n    .gwwc-route-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .gwwc-contact-actions {\n      width: min(100%, 540px);\n      min-width: 0;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 640px) {\n    .gwwc-root {\n      --gwwc-shell: min(89vw, 540px);\n    }\n\n    .gwwc-eyebrow {\n      gap: 11px;\n      font-size: 0.64rem;\n      letter-spacing: 0.19em;\n    }\n\n    .gwwc-eyebrow::before {\n      width: 28px;\n    }\n\n    .gwwc-heading {\n      font-size: clamp(3rem, 14vw, 4.6rem);\n    }\n\n    .gwwc-hero,\n    .gwwc-hero-inner {\n      min-height: max(720px, 92svh);\n    }\n\n    .gwwc-hero-media img {\n      object-position: 62% 50%;\n    }\n\n    .gwwc-hero-shade {\n      background:\n        linear-gradient(90deg, rgba(1, 9, 6, 0.78), rgba(1, 9, 6, 0.17)),\n        linear-gradient(180deg, rgba(1, 9, 6, 0.28), rgba(1, 9, 6, 0.12) 33%, rgba(1, 9, 6, 0.9));\n    }\n\n    .gwwc-hero-grid {\n      display: none;\n    }\n\n    .gwwc-hero-horizon {\n      bottom: 29%;\n    }\n\n    .gwwc-hero-inner {\n      gap: 25px;\n      padding-top: 126px;\n      padding-bottom: 110px;\n    }\n\n    .gwwc-hero h1 {\n      max-width: 8ch;\n      margin-top: 19px;\n      font-size: clamp(4rem, 20vw, 6rem);\n      line-height: 0.82;\n    }\n\n    .gwwc-hero h1 em {\n      padding-left: 0.22em;\n    }\n\n    .gwwc-hero-lede {\n      margin-top: 25px;\n      font-size: 0.98rem;\n      line-height: 1.7;\n    }\n\n    .gwwc-hero-actions,\n    .gwwc-water-work-links {\n      align-items: stretch;\n      flex-direction: column;\n    }\n\n    .gwwc-hero-actions .gwwc-button {\n      width: 100%;\n    }\n\n    .gwwc-hero-aside {\n      display: none;\n    }\n\n    .gwwc-scroll-cue {\n      right: 5.5vw;\n      bottom: 28px;\n      width: 48px;\n      height: 48px;\n    }\n\n    .gwwc-intro-grid {\n      gap: 38px;\n      padding: 90px 0;\n    }\n\n    .gwwc-intro h2 {\n      font-size: clamp(3.2rem, 16vw, 5rem);\n    }\n\n    .gwwc-intro::after {\n      right: 4vw;\n    }\n\n    .gwwc-lens {\n      padding: 84px 0;\n    }\n\n    .gwwc-lens-head {\n      gap: 30px;\n    }\n\n    .gwwc-lens-grid {\n      margin-top: 54px;\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .gwwc-lens-card {\n      min-height: 230px;\n      padding: 30px;\n    }\n\n    .gwwc-lens-card h3 {\n      margin-top: 42px;\n    }\n\n    .gwwc-water-work,\n    .gwwc-water-work-inner {\n      min-height: 760px;\n    }\n\n    .gwwc-water-work-media img {\n      object-position: 39% center;\n    }\n\n    .gwwc-water-work-inner {\n      padding: 76px 0 46px;\n    }\n\n    .gwwc-water-work-copy {\n      padding: 28px;\n      border-left: 1px solid rgba(226, 194, 120, 0.38);\n    }\n\n    .gwwc-water-work-copy h2 {\n      font-size: clamp(3rem, 14vw, 4.8rem);\n    }\n\n    .gwwc-perspective {\n      padding: 90px 0;\n    }\n\n    .gwwc-perspective-head {\n      gap: 30px;\n    }\n\n    .gwwc-perspective-stage {\n      min-height: 0;\n      margin-top: 58px;\n      grid-template-columns: minmax(0, 1fr);\n      grid-template-rows: none;\n    }\n\n    .gwwc-frame,\n    .gwwc-frame--terrace {\n      min-height: 430px;\n      grid-row: auto;\n    }\n\n    .gwwc-frame--sky,\n    .gwwc-frame--plan {\n      min-height: 330px;\n    }\n\n    .gwwc-frame figcaption {\n      min-height: 78px;\n      align-items: flex-start;\n      flex-direction: column;\n      gap: 4px;\n      padding: 22px;\n    }\n\n    .gwwc-frame figcaption span {\n      text-align: left;\n    }\n\n    .gwwc-brief {\n      padding: 88px 0;\n      background: var(--gwwc-forest);\n    }\n\n    .gwwc-brief-grid {\n      margin-top: 52px;\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .gwwc-brief-item {\n      min-height: 0;\n      padding: 38px 28px 44px;\n    }\n\n    .gwwc-continuity,\n    .gwwc-continuity-inner {\n      min-height: 690px;\n    }\n\n    .gwwc-continuity-media img {\n      object-position: 66% center;\n    }\n\n    .gwwc-continuity-copy h2 {\n      font-size: clamp(3.5rem, 17vw, 5.5rem);\n    }\n\n    .gwwc-routes {\n      padding: 84px 0;\n    }\n\n    .gwwc-routes-head {\n      align-items: flex-start;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    .gwwc-route-grid {\n      margin-top: 46px;\n      grid-template-columns: minmax(0, 1fr);\n    }\n\n    .gwwc-route {\n      min-height: 170px;\n      padding: 28px;\n      border-left: 1px solid rgba(7, 23, 15, 0.18);\n    }\n\n    .gwwc-contact {\n      padding: 96px 0;\n    }\n\n    .gwwc-contact::before {\n      right: -36vw;\n      width: 100vw;\n      height: 100vw;\n    }\n\n    .gwwc-contact-inner {\n      gap: 44px;\n    }\n\n    .gwwc-contact h2 {\n      font-size: clamp(3.7rem, 18vw, 5.8rem);\n    }\n\n    .gwwc-contact-actions {\n      width: 100%;\n      grid-template-columns: minmax(0, 1fr);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .gwwc-root *,\n    .gwwc-root *::before,\n    .gwwc-root *::after {\n      scroll-behavior: auto !important;\n      transition-duration: 0.01ms !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n    }\n\n    .gwwc-motion-ready [data-gwwc-reveal] {\n      opacity: 1;\n      transform: none;\n    }\n  }\n<\/style>\n\n<main class=\"gwwc-root\">\n  <section class=\"gwwc-hero\" aria-labelledby=\"gwwc-title\">\n    <figure class=\"gwwc-hero-media\">\n      <img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_6937-scaled.jpg\" alt=\"Mature palms framing a waterfront residence\" fetchpriority=\"high\" decoding=\"async\">\n    <\/figure>\n    <div class=\"gwwc-hero-shade\" aria-hidden=\"true\"><\/div>\n    <div class=\"gwwc-hero-grid\" aria-hidden=\"true\"><\/div>\n    <div class=\"gwwc-hero-horizon\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"gwwc-shell gwwc-hero-inner\">\n      <div class=\"gwwc-hero-copy\" data-gwwc-reveal>\n        <p class=\"gwwc-eyebrow\">Waterfront &amp; coastal landscapes<\/p>\n        <h1 id=\"gwwc-title\">Designed at <em>water\u2019s edge.<\/em><\/h1>\n        <p class=\"gwwc-hero-lede\">Palm landscapes considered from the shoreline inward\u2014where open views, architecture, access, placement, and long-term care must read as one composition.<\/p>\n        <div class=\"gwwc-hero-actions\">\n          <a class=\"gwwc-button gwwc-button--light\" href=\"\/contact-groundworks\/\">Discuss a coastal property\n            <svg viewBox=\"0 0 32 12\" aria-hidden=\"true\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg>\n          <\/a>\n          <a class=\"gwwc-button\" href=\"\/projects\/\">View project imagery<\/a>\n        <\/div>\n      <\/div>\n\n      <aside class=\"gwwc-hero-aside\" data-gwwc-reveal=\"right\" aria-label=\"Waterfront planning note\">\n        <p>Every visible approach matters: from the street, from the terrace, and from across the water.<\/p>\n        <a class=\"gwwc-text-link\" href=\"\/design-services\/\">Begin with design\n          <svg viewBox=\"0 0 32 12\" aria-hidden=\"true\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg>\n        <\/a>\n      <\/aside>\n    <\/div>\n\n    <a class=\"gwwc-scroll-cue\" href=\"#gwwc-edge\" aria-label=\"Continue to waterfront planning\">\n      <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path d=\"M10 3v13M5 11l5 5 5-5\"><\/path><\/svg>\n    <\/a>\n  <\/section>\n\n  <section class=\"gwwc-intro\" id=\"gwwc-edge\" aria-labelledby=\"gwwc-edge-title\">\n    <div class=\"gwwc-shell gwwc-intro-grid\">\n      <header data-gwwc-reveal=\"left\">\n        <p class=\"gwwc-eyebrow\">A wider field of view<\/p>\n        <h2 id=\"gwwc-edge-title\">The edge changes <em>every decision.<\/em><\/h2>\n      <\/header>\n      <div class=\"gwwc-intro-body\" data-gwwc-reveal=\"right\">\n        <p>Waterfront settings place the palm composition in full view. Trunk rhythm, crown scale, architectural balance, and negative space can be read from long distances and from multiple sides.<\/p>\n        <p>The planning conversation also includes how selected palms reach the site, how work is sequenced, and how the landscape will be supported after placement.<\/p>\n        <a class=\"gwwc-text-link\" href=\"\/professional\/\">Coordinate with Groundworks\n          <svg viewBox=\"0 0 32 12\" aria-hidden=\"true\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwwc-lens\" aria-labelledby=\"gwwc-lens-title\">\n    <div class=\"gwwc-shell\">\n      <header class=\"gwwc-lens-head\">\n        <div data-gwwc-reveal=\"left\">\n          <p class=\"gwwc-eyebrow\">The coastal lens<\/p>\n          <h2 class=\"gwwc-heading\" id=\"gwwc-lens-title\">Compose beyond the <em>property line.<\/em><\/h2>\n        <\/div>\n        <p class=\"gwwc-copy\" data-gwwc-reveal=\"right\">A strong waterfront palm plan considers what is seen, what must remain open, and how the landscape connects the built environment to the horizon.<\/p>\n      <\/header>\n\n      <div class=\"gwwc-lens-grid\">\n        <article class=\"gwwc-lens-card\" data-gwwc-reveal>\n          <svg viewBox=\"0 0 32 24\" aria-hidden=\"true\"><path d=\"M2 18c5-5 9-5 14 0s9 5 14 0M2 11c5-5 9-5 14 0s9 5 14 0\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg>\n          <h3>Long views<\/h3>\n          <p>Read the palm composition from near and far, including water-facing elevations and outdoor living areas.<\/p>\n        <\/article>\n        <article class=\"gwwc-lens-card\" data-gwwc-reveal>\n          <svg viewBox=\"0 0 32 24\" aria-hidden=\"true\"><path d=\"M3 20h26M7 16V7l9-4 9 4v9M12 16v-5h8v5\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg>\n          <h3>Architectural balance<\/h3>\n          <p>Place height, crown mass, and open space in conversation with the building rather than in competition with it.<\/p>\n        <\/article>\n        <article class=\"gwwc-lens-card\" data-gwwc-reveal>\n          <svg viewBox=\"0 0 32 24\" aria-hidden=\"true\"><path d=\"M4 20C9 9 13 4 28 4M19 3l9 1-4 8\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg>\n          <h3>Access &amp; sequence<\/h3>\n          <p>Consider equipment routes, staging, neighboring structures, and the order of work before installation begins.<\/p>\n        <\/article>\n        <article class=\"gwwc-lens-card\" data-gwwc-reveal>\n          <svg viewBox=\"0 0 32 24\" aria-hidden=\"true\"><path d=\"M16 21V9M16 9c-1-5-6-6-10-5 0 5 4 8 10 5Zm0 4c2-5 7-6 11-4-1 5-5 7-11 4Z\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg>\n          <h3>Continuity<\/h3>\n          <p>Plan establishment and ongoing attention as part of the landscape\u2014not as an afterthought to placement.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwwc-water-work\" aria-labelledby=\"gwwc-water-work-title\">\n    <figure class=\"gwwc-water-work-media\">\n      <img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/DJI_20260202121054_0017_D.jpg\" alt=\"Aerial view of a crane on a work barge beside a waterfront residence\" loading=\"lazy\" decoding=\"async\">\n    <\/figure>\n    <div class=\"gwwc-water-work-shade\" aria-hidden=\"true\"><\/div>\n    <div class=\"gwwc-shell gwwc-water-work-inner\">\n      <div class=\"gwwc-water-work-copy\" data-gwwc-reveal=\"right\">\n        <p class=\"gwwc-eyebrow\">Access shapes execution<\/p>\n        <h2 id=\"gwwc-water-work-title\">When land access narrows, planning must widen.<\/h2>\n        <p>Some waterfront installations require an approach built around constrained access and coordinated lifting. The route, equipment, protection strategy, and sequence are considered before the palms move.<\/p>\n        <div class=\"gwwc-water-work-links\">\n          <a class=\"gwwc-text-link\" href=\"\/installation-services\/\">Installation services\n            <svg viewBox=\"0 0 32 12\" aria-hidden=\"true\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg>\n          <\/a>\n          <a class=\"gwwc-text-link\" href=\"\/delivery-logistics\/\">Delivery &amp; logistics\n            <svg viewBox=\"0 0 32 12\" aria-hidden=\"true\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwwc-perspective\" aria-labelledby=\"gwwc-perspective-title\">\n    <div class=\"gwwc-shell\">\n      <header class=\"gwwc-perspective-head\">\n        <div data-gwwc-reveal=\"left\">\n          <p class=\"gwwc-eyebrow\">A landscape in the round<\/p>\n          <h2 class=\"gwwc-heading\" id=\"gwwc-perspective-title\">Every angle belongs to the <em>same story.<\/em><\/h2>\n        <\/div>\n        <p data-gwwc-reveal=\"right\">The terrace, the open sky, and the planning table are different views of one process: compose carefully, coordinate early, and protect the experience of the place.<\/p>\n      <\/header>\n\n      <div class=\"gwwc-perspective-stage\">\n        <figure class=\"gwwc-frame gwwc-frame--terrace\" data-gwwc-reveal=\"left\">\n          <img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/pix6.webp\" alt=\"Palm-lined pool terrace with cabanas and umbrellas\" loading=\"lazy\" decoding=\"async\">\n          <figcaption><strong>Life beside the landscape<\/strong><span>Shade \u00b7 rhythm \u00b7 open space<\/span><\/figcaption>\n        <\/figure>\n        <figure class=\"gwwc-frame gwwc-frame--sky\" data-gwwc-reveal=\"right\">\n          <img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/1000039961.jpg\" alt=\"Tall palm rising above a landscaped setting beneath a clear sky\" loading=\"lazy\" decoding=\"async\">\n          <figcaption><strong>Vertical presence<\/strong><span>Scale against open sky<\/span><\/figcaption>\n        <\/figure>\n        <figure class=\"gwwc-frame gwwc-frame--plan\" data-gwwc-reveal=\"right\">\n          <img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_0615.webp\" alt=\"Two people reviewing large-format plans at a table\" loading=\"lazy\" decoding=\"async\">\n          <figcaption><strong>Decisions before movement<\/strong><span>Review \u00b7 access \u00b7 sequence<\/span><\/figcaption>\n        <\/figure>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwwc-brief\" aria-labelledby=\"gwwc-brief-title\">\n    <div class=\"gwwc-shell\">\n      <header class=\"gwwc-brief-head\" data-gwwc-reveal>\n        <p class=\"gwwc-eyebrow\">A disciplined coastal brief<\/p>\n        <h2 class=\"gwwc-heading\" id=\"gwwc-brief-title\">Bring the visible and the practical into <em>one plan.<\/em><\/h2>\n        <p class=\"gwwc-copy\">The strongest first conversation connects design intent to site realities. Groundworks can join the project team early enough to consider the palm selection, the route to placement, and the care that follows.<\/p>\n      <\/header>\n\n      <div class=\"gwwc-brief-grid\">\n        <article class=\"gwwc-brief-item\" data-gwwc-reveal=\"left\"><span aria-hidden=\"true\"><\/span><h3>Horizon &amp; view corridors<\/h3><p>Identify which views should be framed, softened, screened, or kept intentionally open.<\/p><\/article>\n        <article class=\"gwwc-brief-item\" data-gwwc-reveal=\"right\"><span aria-hidden=\"true\"><\/span><h3>Scale &amp; placement<\/h3><p>Consider how trunk height, crown volume, spacing, and architecture read together from each principal viewpoint.<\/p><\/article>\n        <article class=\"gwwc-brief-item\" data-gwwc-reveal=\"left\"><span aria-hidden=\"true\"><\/span><h3>Access &amp; protection<\/h3><p>Review likely routes, staging areas, equipment needs, and sensitive site conditions before work begins.<\/p><\/article>\n        <article class=\"gwwc-brief-item\" data-gwwc-reveal=\"right\"><span aria-hidden=\"true\"><\/span><h3>Establishment &amp; care<\/h3><p>Carry the design intent forward with a plan for the period after installation and the landscape beyond it.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwwc-continuity\" aria-labelledby=\"gwwc-continuity-title\">\n    <figure class=\"gwwc-continuity-media\">\n      <img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_6937-scaled.jpg\" alt=\"Established palms framing a waterfront residence and open water\" loading=\"lazy\" decoding=\"async\">\n    <\/figure>\n    <div class=\"gwwc-continuity-shade\" aria-hidden=\"true\"><\/div>\n    <div class=\"gwwc-shell gwwc-continuity-inner\">\n      <div class=\"gwwc-continuity-copy\" data-gwwc-reveal=\"left\">\n        <p class=\"gwwc-eyebrow\">Beyond installation day<\/p>\n        <h2 id=\"gwwc-continuity-title\">A coastal landscape is a continuing composition.<\/h2>\n        <p>Establishment and maintenance planning help keep the original intent visible as the palms settle into the landscape.<\/p>\n        <a class=\"gwwc-button\" href=\"\/establishment-maintenance\/\">Explore establishment &amp; maintenance\n          <svg viewBox=\"0 0 32 12\" aria-hidden=\"true\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <nav class=\"gwwc-routes\" aria-labelledby=\"gwwc-routes-title\">\n    <div class=\"gwwc-shell\">\n      <header class=\"gwwc-routes-head\" data-gwwc-reveal>\n        <div>\n          <p class=\"gwwc-eyebrow\">Continue the process<\/p>\n          <h2 id=\"gwwc-routes-title\">From concept to field.<\/h2>\n        <\/div>\n        <a class=\"gwwc-text-link\" href=\"\/projects\/\">Explore projects\n          <svg viewBox=\"0 0 32 12\" aria-hidden=\"true\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg>\n        <\/a>\n      <\/header>\n\n      <div class=\"gwwc-route-grid\">\n        <a class=\"gwwc-route\" href=\"\/design-services\/\" data-gwwc-reveal><small>Shape the intent<\/small><strong>Design Services<\/strong><svg viewBox=\"0 0 32 12\" aria-hidden=\"true\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg><\/a>\n        <a class=\"gwwc-route\" href=\"\/delivery-logistics\/\" data-gwwc-reveal><small>Plan the movement<\/small><strong>Delivery &amp; Logistics<\/strong><svg viewBox=\"0 0 32 12\" aria-hidden=\"true\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg><\/a>\n        <a class=\"gwwc-route\" href=\"\/installation-services\/\" data-gwwc-reveal><small>Coordinate the work<\/small><strong>Installation Services<\/strong><svg viewBox=\"0 0 32 12\" aria-hidden=\"true\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg><\/a>\n        <a class=\"gwwc-route\" href=\"\/field-video-library\/\" data-gwwc-reveal><small>See work in motion<\/small><strong>Field Video Library<\/strong><svg viewBox=\"0 0 32 12\" aria-hidden=\"true\"><path d=\"M1 6h28M24 1l5 5-5 5\" fill=\"none\" stroke=\"currentColor\"><\/path><\/svg><\/a>\n      <\/div>\n    <\/div>\n  <\/nav>\n\n  <section class=\"gwwc-contact\" aria-labelledby=\"gwwc-contact-title\">\n    <div class=\"gwwc-shell gwwc-contact-inner\">\n      <header data-gwwc-reveal=\"left\">\n        <p class=\"gwwc-eyebrow\">Bring us into the view<\/p>\n        <h2 id=\"gwwc-contact-title\">Let\u2019s consider the property from the water back.<\/h2>\n      <\/header>\n      <div class=\"gwwc-contact-actions\" data-gwwc-reveal=\"right\">\n        <a class=\"gwwc-button gwwc-button--light\" href=\"\/contact-groundworks\/\">Start the conversation<\/a>\n        <a class=\"gwwc-button\" href=\"\/professional\/\">For project professionals<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/main>\n\n<script>\n  (() => {\n    const roots = document.querySelectorAll('.gwwc-root');\n    if (!roots.length) return;\n\n    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    roots.forEach((root) => {\n      const revealItems = root.querySelectorAll('[data-gwwc-reveal]');\n\n      if (!reduceMotion && 'IntersectionObserver' in window) {\n        root.classList.add('gwwc-motion-ready');\n        const observer = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            if (!entry.isIntersecting) return;\n            entry.target.classList.add('gwwc-visible');\n            observer.unobserve(entry.target);\n          });\n        }, { rootMargin: '0px 0px -8% 0px', threshold: 0.12 });\n\n        revealItems.forEach((item) => observer.observe(item));\n      } else {\n        revealItems.forEach((item) => item.classList.add('gwwc-visible'));\n      }\n\n      root.querySelectorAll('a[href^=\"#\"]').forEach((link) => {\n        link.addEventListener('click', (event) => {\n          const target = root.querySelector(link.getAttribute('href'));\n          if (!target) return;\n          event.preventDefault();\n          target.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block: 'start' });\n        });\n      });\n    });\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Waterfront &amp; coastal landscapes Designed at water\u2019s edge. Palm landscapes considered from the shoreline inward\u2014where open views, architecture, access, placement, and long-term care must read as one composition. Discuss a coastal property View project imagery Every visible approach matters: from the street, from the terrace, and from across the water. Begin with design A wider [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-904","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages\/904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/comments?post=904"}],"version-history":[{"count":5,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages\/904\/revisions"}],"predecessor-version":[{"id":1039,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages\/904\/revisions\/1039"}],"wp:attachment":[{"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/media?parent=904"}],"curies":[{"name":"buen juego","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}