{"id":174,"date":"2026-08-27T13:42:11","date_gmt":"2026-08-27T17:42:11","guid":{"rendered":"https:\/\/groundworkswholesale.com\/?page_id=174"},"modified":"2026-09-10T12:25:18","modified_gmt":"2026-09-10T16:25:18","slug":"proyectos","status":"publish","type":"page","link":"https:\/\/datepalm.com\/es\/projects\/","title":{"rendered":"Proyectos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"174\" class=\"elementor elementor-174\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19408653 e-flex e-con-boxed e-con e-parent\" data-id=\"19408653\" 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-1cc55f2 elementor-widget elementor-widget-text-editor\" data-id=\"1cc55f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p><style>\n  \/*\n   * Groundworks Projects private staging widget.\n   * Private draft page shell.\n   *\/\n  body.page-id-666,\n  body:has(.gwprj1-root) {\n    overflow-x: clip;\n  }\n\n  body.page-id-666 .entry-title,\n  body:has(.gwprj1-root) .entry-title {\n    display: none;\n  }\n\n  .gwprj1-root {\n    --gwprj1-ink: #07110c;\n    --gwprj1-forest: #10271c;\n    --gwprj1-forest-mid: #183729;\n    --gwprj1-moss: #617868;\n    --gwprj1-gold: #c8a766;\n    --gwprj1-gold-pale: #e5d09d;\n    --gwprj1-ivory: #f3efe4;\n    --gwprj1-paper: #faf8f1;\n    --gwprj1-white: #fffdf7;\n    --gwprj1-line: rgba(200, 167, 102, 0.34);\n    --gwprj1-body: \"Avenir Next\", Avenir, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    --gwprj1-display: \"Iowan Old Style\", Baskerville, \"Times New Roman\", Times, serif;\n    position: relative;\n    left: 50%;\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: -50vw;\n    overflow: hidden;\n    isolation: isolate;\n    color: var(--gwprj1-ink);\n    background: var(--gwprj1-paper);\n    font-family: var(--gwprj1-body);\n    font-size: 16px;\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .gwprj1-root,\n  .gwprj1-root *,\n  .gwprj1-root *::before,\n  .gwprj1-root *::after {\n    box-sizing: border-box;\n  }\n\n  .gwprj1-root :where(h1, h2, h3, p, figure, ul, ol, blockquote) {\n    margin: 0;\n  }\n\n  .gwprj1-root :where(ul, ol) {\n    padding: 0;\n    list-style: none;\n  }\n\n  .gwprj1-root a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .gwprj1-root img {\n    display: block;\n    width: 100%;\n  }\n\n  .gwprj1-root :where(a, button):focus-visible {\n    outline: 2px solid var(--gwprj1-gold-pale);\n    outline-offset: 4px;\n  }\n\n  .gwprj1-wrap {\n    position: relative;\n    width: min(1260px, calc(100% - 96px));\n    margin-inline: auto;\n  }\n\n  .gwprj1-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--gwprj1-gold);\n    font-size: 0.71rem;\n    font-weight: 750;\n    letter-spacing: 0.2em;\n    line-height: 1.35;\n    text-transform: uppercase;\n  }\n\n  .gwprj1-kicker::before {\n    width: 36px;\n    height: 1px;\n    content: \"\";\n    background: currentColor;\n  }\n\n  .gwprj1-display {\n    color: inherit;\n    font-family: var(--gwprj1-display);\n    font-size: clamp(2.9rem, 5.75vw, 5.85rem);\n    font-weight: 400;\n    letter-spacing: -0.046em;\n    line-height: 0.98;\n    text-wrap: balance;\n  }\n\n  .gwprj1-copy {\n    color: #4e5c53;\n    font-size: clamp(1rem, 1.35vw, 1.14rem);\n    line-height: 1.8;\n  }\n\n  .gwprj1-button {\n    display: inline-flex;\n    min-height: 56px;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    padding: 15px 23px;\n    border: 1px solid transparent;\n    border-radius: 999px;\n    font-size: 0.73rem;\n    font-weight: 750;\n    letter-spacing: 0.14em;\n    line-height: 1.2;\n    text-transform: uppercase;\n    transition: color 220ms ease, background-color 220ms ease, border-color 220ms ease, transform 220ms ease;\n  }\n\n  .gwprj1-button svg,\n  .gwprj1-text-link svg,\n  .gwprj1-case-link svg,\n  .gwprj1-context-link svg {\n    width: 16px;\n    height: 16px;\n    flex: 0 0 auto;\n    transition: transform 220ms ease;\n  }\n\n  .gwprj1-button-primary {\n    color: var(--gwprj1-ink) !important;\n    background: var(--gwprj1-gold);\n    border-color: var(--gwprj1-gold);\n  }\n\n  .gwprj1-button-ghost {\n    color: #fff !important;\n    background: rgba(255, 255, 255, 0.035);\n    border-color: rgba(255, 255, 255, 0.43);\n    backdrop-filter: blur(8px);\n  }\n\n  .gwprj1-button-dark {\n    color: var(--gwprj1-ivory) !important;\n    background: var(--gwprj1-forest);\n    border-color: var(--gwprj1-forest);\n  }\n\n  .gwprj1-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  @media (hover: hover) {\n    .gwprj1-button:hover {\n      transform: translateY(-2px);\n    }\n\n    .gwprj1-button-primary:hover {\n      background: var(--gwprj1-gold-pale);\n      border-color: var(--gwprj1-gold-pale);\n    }\n\n    .gwprj1-button-ghost:hover {\n      color: var(--gwprj1-ink) !important;\n      background: var(--gwprj1-gold-pale);\n      border-color: var(--gwprj1-gold-pale);\n    }\n\n    .gwprj1-button:hover svg,\n    .gwprj1-text-link:hover svg,\n    .gwprj1-case-link:hover svg,\n    .gwprj1-context-link:hover svg {\n      transform: translateX(4px);\n    }\n  }\n\n  \/* Hero *\/\n  .gwprj1-hero {\n    position: relative;\n    display: grid;\n    min-height: min(940px, 96svh);\n    align-items: end;\n    overflow: hidden;\n    color: #fff;\n    background: var(--gwprj1-ink);\n  }\n\n  .gwprj1-hero-media,\n  .gwprj1-hero-shade,\n  .gwprj1-hero-frame {\n    position: absolute;\n    inset: 0;\n  }\n\n  .gwprj1-hero-media img {\n    height: 100%;\n    object-fit: cover;\n    object-position: center 54%;\n    filter: saturate(0.78) contrast(1.08) brightness(0.86);\n    transform: scale(1.018);\n  }\n\n  .gwprj1-hero-shade {\n    z-index: 1;\n    background:\n      linear-gradient(90deg, rgba(3, 11, 7, 0.93) 0%, rgba(3, 11, 7, 0.62) 44%, rgba(3, 11, 7, 0.12) 77%),\n      linear-gradient(180deg, rgba(3, 11, 7, 0.47) 0%, transparent 37%, rgba(3, 11, 7, 0.9) 100%);\n  }\n\n  .gwprj1-hero-frame {\n    z-index: 2;\n    inset: 22px;\n    border: 1px solid rgba(229, 208, 157, 0.3);\n    pointer-events: none;\n  }\n\n  .gwprj1-hero-top {\n    position: absolute;\n    z-index: 3;\n    top: 48px;\n    right: 48px;\n    left: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n    color: rgba(255, 255, 255, 0.72);\n    font-size: 0.66rem;\n    font-weight: 750;\n    letter-spacing: 0.2em;\n    line-height: 1.35;\n    text-transform: uppercase;\n  }\n\n  .gwprj1-hero-mark {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n  }\n\n  .gwprj1-hero-mark::before {\n    width: 8px;\n    height: 8px;\n    border: 1px solid var(--gwprj1-gold);\n    border-radius: 50%;\n    content: \"\";\n    box-shadow: 0 0 0 5px rgba(200, 167, 102, 0.12);\n  }\n\n  .gwprj1-hero-content {\n    position: relative;\n    z-index: 3;\n    width: min(1260px, calc(100% - 128px));\n    margin: 0 auto;\n    padding: clamp(190px, 24vh, 255px) 0 clamp(76px, 9.5vh, 102px);\n  }\n\n  .gwprj1-hero .gwprj1-kicker {\n    margin-bottom: 28px;\n    color: var(--gwprj1-gold-pale);\n  }\n\n  .gwprj1-hero-title {\n    max-width: 990px;\n    font-family: var(--gwprj1-display);\n    font-size: clamp(3.5rem, 7.2vw, 7.55rem);\n    font-weight: 400;\n    letter-spacing: -0.053em;\n    line-height: 0.9;\n    text-wrap: balance;\n  }\n\n  .gwprj1-hero-title em {\n    color: var(--gwprj1-gold-pale);\n    font-weight: 400;\n  }\n\n  .gwprj1-hero-lower {\n    display: grid;\n    grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.58fr);\n    gap: clamp(44px, 8vw, 108px);\n    align-items: end;\n    margin-top: clamp(42px, 6vw, 72px);\n  }\n\n  .gwprj1-hero-copy {\n    max-width: 660px;\n    color: rgba(255, 255, 255, 0.83);\n    font-size: clamp(1.02rem, 1.45vw, 1.2rem);\n    line-height: 1.78;\n  }\n\n  .gwprj1-hero-index {\n    position: relative;\n    padding: 24px 0 5px 26px;\n    border-left: 1px solid rgba(229, 208, 157, 0.48);\n  }\n\n  .gwprj1-hero-index-label {\n    margin-bottom: 11px !important;\n    color: var(--gwprj1-gold-pale);\n    font-size: 0.65rem;\n    font-weight: 750;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .gwprj1-hero-index p:last-child {\n    max-width: 330px;\n    color: rgba(255, 255, 255, 0.67);\n    font-family: var(--gwprj1-display);\n    font-size: 1.36rem;\n    line-height: 1.35;\n  }\n\n  .gwprj1-hero-actions {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n    margin-top: 42px;\n  }\n\n  .gwprj1-scroll {\n    display: inline-flex;\n    align-items: center;\n    gap: 13px;\n    color: rgba(255, 255, 255, 0.74) !important;\n    font-size: 0.66rem;\n    font-weight: 750;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .gwprj1-scroll-circle {\n    display: grid;\n    width: 48px;\n    height: 48px;\n    place-items: center;\n    border: 1px solid rgba(229, 208, 157, 0.56);\n    border-radius: 50%;\n    color: var(--gwprj1-gold-pale);\n    transition: border-color 220ms ease, transform 220ms ease;\n  }\n\n  .gwprj1-scroll-circle svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  @media (hover: hover) {\n    .gwprj1-scroll:hover .gwprj1-scroll-circle {\n      border-color: var(--gwprj1-gold-pale);\n      transform: translateY(3px);\n    }\n  }\n\n  \/* Category rail *\/\n  .gwprj1-rail {\n    color: var(--gwprj1-ivory);\n    background: var(--gwprj1-ink);\n    border-top: 1px solid rgba(229, 208, 157, 0.16);\n  }\n\n  .gwprj1-rail-inner {\n    display: grid;\n    grid-template-columns: 1.2fr repeat(4, 1fr);\n  }\n\n  .gwprj1-rail-label,\n  .gwprj1-rail-link {\n    min-height: 104px;\n    padding: 24px 22px;\n    border-right: 1px solid rgba(229, 208, 157, 0.16);\n  }\n\n  .gwprj1-rail-label {\n    display: flex;\n    align-items: center;\n    color: rgba(255, 255, 255, 0.54);\n    font-size: 0.65rem;\n    font-weight: 750;\n    letter-spacing: 0.19em;\n    text-transform: uppercase;\n  }\n\n  .gwprj1-rail-link {\n    display: grid;\n    align-content: center;\n    gap: 5px;\n    color: rgba(255, 255, 255, 0.82) !important;\n    transition: color 220ms ease, background-color 220ms ease;\n  }\n\n  .gwprj1-rail-link:last-child {\n    border-right: 0;\n  }\n\n  .gwprj1-rail-context {\n    color: var(--gwprj1-gold);\n    font-size: 0.63rem;\n    font-weight: 750;\n    letter-spacing: 0.14em;\n  }\n\n  .gwprj1-rail-name {\n    font-family: var(--gwprj1-display);\n    font-size: 1.02rem;\n    line-height: 1.25;\n  }\n\n  @media (hover: hover) {\n    .gwprj1-rail-link:hover {\n      color: var(--gwprj1-white) !important;\n      background: rgba(200, 167, 102, 0.08);\n    }\n  }\n\n  \/* Intro *\/\n  .gwprj1-intro {\n    position: relative;\n    padding: clamp(112px, 13vw, 186px) 0 clamp(100px, 12vw, 168px);\n    background:\n      radial-gradient(circle at 89% 18%, rgba(200, 167, 102, 0.1), transparent 25%),\n      var(--gwprj1-paper);\n  }\n\n  .gwprj1-intro-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.62fr);\n    gap: clamp(60px, 10vw, 142px);\n    align-items: end;\n  }\n\n  .gwprj1-intro .gwprj1-kicker {\n    margin-bottom: 30px;\n  }\n\n  .gwprj1-intro-title {\n    max-width: 870px;\n  }\n\n  .gwprj1-intro-title em {\n    color: var(--gwprj1-moss);\n    font-weight: 400;\n  }\n\n  .gwprj1-intro-aside {\n    padding: 30px 0 7px 30px;\n    border-left: 1px solid var(--gwprj1-line);\n  }\n\n  .gwprj1-intro-aside strong {\n    display: block;\n    margin-bottom: 18px;\n    color: var(--gwprj1-forest);\n    font-family: var(--gwprj1-display);\n    font-size: 1.38rem;\n    font-weight: 400;\n    line-height: 1.35;\n  }\n\n  .gwprj1-intro-aside p {\n    color: #58665d;\n    font-size: 1rem;\n    line-height: 1.78;\n  }\n\n  .gwprj1-text-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 13px;\n    margin-top: 28px;\n    color: var(--gwprj1-forest) !important;\n    font-size: 0.72rem;\n    font-weight: 750;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  \/* Editorial case-study mosaic *\/\n  .gwprj1-work {\n    position: relative;\n    padding: clamp(100px, 11vw, 154px) 0 clamp(112px, 13vw, 178px);\n    color: var(--gwprj1-ivory);\n    background: var(--gwprj1-forest);\n  }\n\n  .gwprj1-work::before {\n    position: absolute;\n    inset: 0;\n    content: \"\";\n    background:\n      linear-gradient(rgba(229, 208, 157, 0.04) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(229, 208, 157, 0.04) 1px, transparent 1px);\n    background-size: 96px 96px;\n    mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);\n    pointer-events: none;\n  }\n\n  .gwprj1-work-head {\n    display: grid;\n    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.55fr);\n    gap: 60px;\n    align-items: end;\n    margin-bottom: clamp(60px, 7vw, 92px);\n  }\n\n  .gwprj1-work .gwprj1-kicker {\n    margin-bottom: 28px;\n    color: var(--gwprj1-gold-pale);\n  }\n\n  .gwprj1-work-title {\n    max-width: 800px;\n  }\n\n  .gwprj1-work-note {\n    max-width: 420px;\n    color: rgba(255, 255, 255, 0.66);\n    font-size: 1rem;\n    line-height: 1.75;\n  }\n\n  .gwprj1-mosaic {\n    display: grid;\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    grid-template-rows: 350px 350px;\n    gap: 18px;\n  }\n\n  .gwprj1-case {\n    position: relative;\n    min-height: 0;\n    overflow: hidden;\n    color: #fff;\n    background: var(--gwprj1-ink);\n  }\n\n  .gwprj1-case::after {\n    position: absolute;\n    z-index: 4;\n    inset: 12px;\n    border: 1px solid rgba(229, 208, 157, 0.58);\n    content: \"\";\n    opacity: 0;\n    transform: scale(0.985);\n    transition: opacity 320ms ease, transform 420ms cubic-bezier(0.2, 0.8, 0.2, 1);\n    pointer-events: none;\n  }\n\n  .gwprj1-case-primary {\n    grid-column: span 7;\n    grid-row: span 2;\n  }\n\n  .gwprj1-case-secondary,\n  .gwprj1-case-tertiary {\n    grid-column: span 5;\n  }\n\n  .gwprj1-case img,\n  .gwprj1-context-card img,\n  .gwprj1-bridge-media img,\n  .gwprj1-final-media img {\n    height: 100%;\n    object-fit: cover;\n    transition: transform 900ms cubic-bezier(0.2, 0.78, 0.2, 1), filter 500ms ease;\n  }\n\n  .gwprj1-case-primary img {\n    object-position: 58% center;\n  }\n\n  .gwprj1-case-secondary img {\n    object-position: center 52%;\n  }\n\n  .gwprj1-case-tertiary img {\n    object-position: center 45%;\n  }\n\n  .gwprj1-case-shade {\n    position: absolute;\n    z-index: 1;\n    inset: 0;\n    background: linear-gradient(180deg, rgba(3, 11, 7, 0.05) 25%, rgba(3, 11, 7, 0.86) 100%);\n    transition: background 360ms ease;\n  }\n\n  .gwprj1-case-top {\n    position: absolute;\n    z-index: 2;\n    top: 28px;\n    right: 28px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(255, 255, 255, 0.78);\n    font-size: 0.61rem;\n    font-weight: 750;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .gwprj1-case-top::before {\n    width: 24px;\n    height: 1px;\n    content: \"\";\n    background: var(--gwprj1-gold);\n  }\n\n  .gwprj1-case-body {\n    position: absolute;\n    z-index: 3;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    padding: 36px;\n    transition: transform 360ms cubic-bezier(0.2, 0.78, 0.2, 1);\n  }\n\n  .gwprj1-case-primary .gwprj1-case-body {\n    padding: 48px;\n  }\n\n  .gwprj1-case-meta {\n    margin-bottom: 13px !important;\n    color: var(--gwprj1-gold-pale);\n    font-size: 0.66rem;\n    font-weight: 750;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .gwprj1-case h3 {\n    max-width: 680px;\n    font-family: var(--gwprj1-display);\n    font-size: clamp(2rem, 3vw, 3.6rem);\n    font-weight: 400;\n    letter-spacing: -0.035em;\n    line-height: 1.02;\n    text-wrap: balance;\n  }\n\n  .gwprj1-case:not(.gwprj1-case-primary) h3 {\n    max-width: 530px;\n    font-size: clamp(1.75rem, 2.25vw, 2.45rem);\n  }\n\n  .gwprj1-case-summary {\n    max-width: 610px;\n    max-height: 0;\n    margin-top: 0 !important;\n    overflow: hidden;\n    color: rgba(255, 255, 255, 0.76);\n    font-size: 0.93rem;\n    line-height: 1.65;\n    opacity: 0;\n    transition: max-height 380ms ease, margin-top 380ms ease, opacity 300ms ease;\n  }\n\n  .gwprj1-case-link {\n    position: absolute;\n    z-index: 5;\n    inset: 0;\n  }\n\n  .gwprj1-case-link span {\n    position: absolute;\n    top: 28px;\n    left: 28px;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    clip: rect(0 0 0 0);\n  }\n\n  @media (hover: hover) {\n    .gwprj1-case:hover::after,\n    .gwprj1-case:focus-within::after {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    .gwprj1-case:hover img,\n    .gwprj1-case:focus-within img {\n      filter: saturate(1.03) contrast(1.03);\n      transform: scale(1.045);\n    }\n\n    .gwprj1-case:hover .gwprj1-case-shade,\n    .gwprj1-case:focus-within .gwprj1-case-shade {\n      background: linear-gradient(180deg, rgba(3, 11, 7, 0.08) 17%, rgba(3, 11, 7, 0.92) 100%);\n    }\n\n    .gwprj1-case:hover .gwprj1-case-body,\n    .gwprj1-case:focus-within .gwprj1-case-body {\n      transform: translateY(-8px);\n    }\n\n    .gwprj1-case:hover .gwprj1-case-summary,\n    .gwprj1-case:focus-within .gwprj1-case-summary {\n      max-height: 110px;\n      margin-top: 14px !important;\n      opacity: 1;\n    }\n  }\n\n  .gwprj1-work-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 32px;\n    margin-top: 32px;\n  }\n\n  .gwprj1-work-footer p {\n    max-width: 660px;\n    color: rgba(255, 255, 255, 0.53);\n    font-size: 0.82rem;\n    line-height: 1.7;\n  }\n\n  .gwprj1-work .gwprj1-text-link {\n    margin-top: 0;\n    color: var(--gwprj1-gold-pale) !important;\n  }\n\n  \/* Project contexts *\/\n  .gwprj1-contexts {\n    padding: clamp(110px, 13vw, 184px) 0;\n    background: var(--gwprj1-paper);\n  }\n\n  .gwprj1-contexts-head {\n    display: grid;\n    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.52fr);\n    gap: 60px;\n    align-items: end;\n    margin-bottom: clamp(58px, 7vw, 90px);\n  }\n\n  .gwprj1-contexts .gwprj1-kicker {\n    margin-bottom: 28px;\n  }\n\n  .gwprj1-context-title {\n    max-width: 820px;\n  }\n\n  .gwprj1-context-note {\n    color: #59675e;\n    font-size: 1rem;\n    line-height: 1.78;\n  }\n\n  .gwprj1-context-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    border-top: 1px solid rgba(16, 39, 28, 0.18);\n    border-left: 1px solid rgba(16, 39, 28, 0.18);\n  }\n\n  .gwprj1-context-card {\n    display: grid;\n    min-height: 460px;\n    grid-template-columns: 0.88fr 1fr;\n    border-right: 1px solid rgba(16, 39, 28, 0.18);\n    border-bottom: 1px solid rgba(16, 39, 28, 0.18);\n    background: rgba(255, 255, 255, 0.34);\n  }\n\n  .gwprj1-context-media {\n    position: relative;\n    min-height: 100%;\n    overflow: hidden;\n    background: var(--gwprj1-forest);\n  }\n\n  .gwprj1-context-media img {\n    position: absolute;\n    inset: 0;\n  }\n\n  .gwprj1-context-body {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: clamp(34px, 4vw, 58px);\n  }\n\n  .gwprj1-context-label {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--gwprj1-gold);\n    font-size: 0.64rem;\n    font-weight: 750;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n  }\n\n  .gwprj1-context-label::after {\n    width: 34px;\n    height: 1px;\n    content: \"\";\n    background: currentColor;\n  }\n\n  .gwprj1-context-card h3 {\n    margin-top: 34px !important;\n    color: var(--gwprj1-forest);\n    font-family: var(--gwprj1-display);\n    font-size: clamp(2rem, 3vw, 3rem);\n    font-weight: 400;\n    letter-spacing: -0.035em;\n    line-height: 1;\n  }\n\n  .gwprj1-context-card p {\n    margin-top: 22px !important;\n    color: #5a685f;\n    font-size: 0.96rem;\n    line-height: 1.72;\n  }\n\n  .gwprj1-context-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 13px;\n    margin-top: 36px;\n    color: var(--gwprj1-forest) !important;\n    font-size: 0.68rem;\n    font-weight: 750;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  @media (hover: hover) {\n    .gwprj1-context-card:hover .gwprj1-context-media img {\n      transform: scale(1.045);\n    }\n  }\n\n  \/* Project-to-service bridge *\/\n  .gwprj1-bridge {\n    color: var(--gwprj1-ivory);\n    background: var(--gwprj1-ink);\n  }\n\n  .gwprj1-bridge-grid {\n    display: grid;\n    min-height: 820px;\n    grid-template-columns: minmax(0, 1.08fr) minmax(500px, 0.92fr);\n  }\n\n  .gwprj1-bridge-media {\n    position: relative;\n    min-height: 680px;\n    overflow: hidden;\n  }\n\n  .gwprj1-bridge-media::after {\n    position: absolute;\n    inset: 0;\n    content: \"\";\n    background:\n      linear-gradient(90deg, transparent 58%, rgba(7, 17, 12, 0.96) 100%),\n      linear-gradient(180deg, rgba(7, 17, 12, 0.08), rgba(7, 17, 12, 0.44));\n  }\n\n  .gwprj1-bridge-media img {\n    object-position: center 46%;\n    filter: saturate(0.8) contrast(1.05);\n  }\n\n  .gwprj1-bridge-caption {\n    position: absolute;\n    z-index: 2;\n    right: 32px;\n    bottom: 32px;\n    padding: 16px 19px;\n    border: 1px solid rgba(229, 208, 157, 0.38);\n    color: rgba(255, 255, 255, 0.72);\n    background: rgba(7, 17, 12, 0.58);\n    font-size: 0.63rem;\n    font-weight: 750;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    backdrop-filter: blur(8px);\n  }\n\n  .gwprj1-bridge-content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: clamp(80px, 9vw, 132px) clamp(48px, 7vw, 112px) clamp(80px, 9vw, 132px) clamp(34px, 5vw, 76px);\n  }\n\n  .gwprj1-bridge .gwprj1-kicker {\n    margin-bottom: 26px;\n    color: var(--gwprj1-gold-pale);\n  }\n\n  .gwprj1-bridge-title {\n    max-width: 650px;\n    font-family: var(--gwprj1-display);\n    font-size: clamp(2.75rem, 5.2vw, 5.25rem);\n    font-weight: 400;\n    letter-spacing: -0.045em;\n    line-height: 0.98;\n    text-wrap: balance;\n  }\n\n  .gwprj1-bridge-copy {\n    max-width: 590px;\n    margin-top: 28px !important;\n    color: rgba(255, 255, 255, 0.67);\n    font-size: 1rem;\n    line-height: 1.78;\n  }\n\n  .gwprj1-sequence {\n    margin-top: 48px;\n    border-top: 1px solid rgba(229, 208, 157, 0.2);\n  }\n\n  .gwprj1-sequence li {\n    display: grid;\n    grid-template-columns: 88px 1fr;\n    gap: 18px;\n    padding: 17px 0;\n    border-bottom: 1px solid rgba(229, 208, 157, 0.14);\n  }\n\n  .gwprj1-sequence span {\n    color: var(--gwprj1-gold);\n    font-size: 0.61rem;\n    font-weight: 750;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .gwprj1-sequence strong {\n    color: rgba(255, 255, 255, 0.82);\n    font-size: 0.83rem;\n    font-weight: 650;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .gwprj1-bridge .gwprj1-actions {\n    margin-top: 42px;\n  }\n\n  \/* Editorial quote *\/\n  .gwprj1-perspective {\n    padding: clamp(105px, 12vw, 168px) 0;\n    color: var(--gwprj1-forest);\n    background: var(--gwprj1-ivory);\n  }\n\n  .gwprj1-perspective-grid {\n    display: grid;\n    grid-template-columns: 160px minmax(0, 1fr) minmax(260px, 0.42fr);\n    gap: clamp(36px, 6vw, 84px);\n    align-items: center;\n  }\n\n  .gwprj1-perspective-index {\n    align-self: stretch;\n    padding-top: 6px;\n    border-right: 1px solid rgba(16, 39, 28, 0.18);\n    color: var(--gwprj1-gold);\n    font-size: 0.67rem;\n    font-weight: 750;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .gwprj1-perspective blockquote {\n    max-width: 850px;\n    font-family: var(--gwprj1-display);\n    font-size: clamp(2.6rem, 4.6vw, 4.95rem);\n    font-weight: 400;\n    letter-spacing: -0.04em;\n    line-height: 1.04;\n    text-wrap: balance;\n  }\n\n  .gwprj1-perspective-copy {\n    color: #5a675f;\n    font-size: 0.97rem;\n    line-height: 1.8;\n  }\n\n  \/* Final CTA *\/\n  .gwprj1-final {\n    position: relative;\n    display: grid;\n    min-height: 760px;\n    align-items: center;\n    overflow: hidden;\n    color: #fff;\n    background: var(--gwprj1-ink);\n  }\n\n  .gwprj1-final-media,\n  .gwprj1-final-shade {\n    position: absolute;\n    inset: 0;\n  }\n\n  .gwprj1-final-media img {\n    object-position: center 54%;\n    filter: saturate(0.74) brightness(0.84);\n  }\n\n  .gwprj1-final-shade {\n    z-index: 1;\n    background:\n      linear-gradient(90deg, rgba(4, 12, 8, 0.95) 0%, rgba(4, 12, 8, 0.73) 48%, rgba(4, 12, 8, 0.26) 100%),\n      linear-gradient(180deg, rgba(4, 12, 8, 0.18), rgba(4, 12, 8, 0.7));\n  }\n\n  .gwprj1-final-inner {\n    position: relative;\n    z-index: 2;\n    width: min(1260px, calc(100% - 128px));\n    margin-inline: auto;\n    padding: 108px 0;\n  }\n\n  .gwprj1-final .gwprj1-kicker {\n    margin-bottom: 28px;\n    color: var(--gwprj1-gold-pale);\n  }\n\n  .gwprj1-final-title {\n    max-width: 900px;\n    font-family: var(--gwprj1-display);\n    font-size: clamp(3.3rem, 6.6vw, 6.9rem);\n    font-weight: 400;\n    letter-spacing: -0.05em;\n    line-height: 0.93;\n    text-wrap: balance;\n  }\n\n  .gwprj1-final-copy {\n    max-width: 620px;\n    margin-top: 30px !important;\n    color: rgba(255, 255, 255, 0.75);\n    font-size: 1.05rem;\n    line-height: 1.78;\n  }\n\n  .gwprj1-final .gwprj1-actions {\n    margin-top: 38px;\n  }\n\n  .gwprj1-final-contact {\n    margin-top: 24px !important;\n    color: rgba(255, 255, 255, 0.6);\n    font-size: 0.82rem;\n  }\n\n  .gwprj1-final-contact a {\n    color: var(--gwprj1-gold-pale) !important;\n    border-bottom: 1px solid rgba(229, 208, 157, 0.52);\n  }\n\n  \/* Reveals *\/\n  .gwprj1-ready [data-gwprj1-reveal] {\n    opacity: 0;\n    transform: translateY(28px);\n    transition: opacity 700ms ease var(--gwprj1-delay, 0ms), transform 760ms cubic-bezier(0.2, 0.78, 0.2, 1) var(--gwprj1-delay, 0ms);\n  }\n\n  .gwprj1-ready [data-gwprj1-reveal].gwprj1-inview {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* Tablet *\/\n  @media (max-width: 1080px) {\n    .gwprj1-wrap {\n      width: min(100% - 64px, 1120px);\n    }\n\n    .gwprj1-hero-content,\n    .gwprj1-final-inner {\n      width: calc(100% - 96px);\n    }\n\n    .gwprj1-rail-inner {\n      grid-template-columns: repeat(4, 1fr);\n    }\n\n    .gwprj1-rail-label {\n      display: none;\n    }\n\n    .gwprj1-intro-grid,\n    .gwprj1-work-head,\n    .gwprj1-contexts-head {\n      grid-template-columns: minmax(0, 1fr) minmax(260px, 0.55fr);\n      gap: 46px;\n    }\n\n    .gwprj1-mosaic {\n      grid-template-rows: 320px 320px;\n    }\n\n    .gwprj1-case-primary .gwprj1-case-body,\n    .gwprj1-case-body {\n      padding: 32px;\n    }\n\n    .gwprj1-case-summary {\n      display: none;\n    }\n\n    .gwprj1-context-card {\n      min-height: 420px;\n      grid-template-columns: 0.82fr 1fr;\n    }\n\n    .gwprj1-bridge-grid {\n      grid-template-columns: minmax(0, 0.9fr) minmax(430px, 1.1fr);\n    }\n\n    .gwprj1-perspective-grid {\n      grid-template-columns: 110px minmax(0, 1fr);\n    }\n\n    .gwprj1-perspective-copy {\n      grid-column: 2;\n      max-width: 650px;\n    }\n  }\n\n  @media (max-width: 820px) {\n    .gwprj1-wrap {\n      width: calc(100% - 48px);\n    }\n\n    .gwprj1-hero {\n      min-height: 900px;\n    }\n\n    .gwprj1-hero-top {\n      top: 36px;\n      right: 36px;\n      left: 36px;\n    }\n\n    .gwprj1-hero-content,\n    .gwprj1-final-inner {\n      width: calc(100% - 72px);\n    }\n\n    .gwprj1-hero-lower,\n    .gwprj1-intro-grid,\n    .gwprj1-work-head,\n    .gwprj1-contexts-head {\n      grid-template-columns: 1fr;\n      gap: 36px;\n    }\n\n    .gwprj1-hero-index {\n      max-width: 520px;\n    }\n\n    .gwprj1-rail-inner {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .gwprj1-rail-link:nth-child(3) {\n      border-right: 0;\n    }\n\n    .gwprj1-rail-link:nth-child(2),\n    .gwprj1-rail-link:nth-child(3) {\n      border-bottom: 1px solid rgba(229, 208, 157, 0.16);\n    }\n\n    .gwprj1-intro-aside {\n      max-width: 650px;\n    }\n\n    .gwprj1-mosaic {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      grid-template-rows: 560px 420px;\n    }\n\n    .gwprj1-case-primary {\n      grid-column: span 2;\n      grid-row: auto;\n    }\n\n    .gwprj1-case-secondary,\n    .gwprj1-case-tertiary {\n      grid-column: auto;\n    }\n\n    .gwprj1-case::after {\n      opacity: 0.55;\n      transform: none;\n    }\n\n    .gwprj1-work-footer {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n\n    .gwprj1-context-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .gwprj1-context-card {\n      min-height: 430px;\n      grid-template-columns: 0.8fr 1fr;\n    }\n\n    .gwprj1-bridge-grid {\n      min-height: 0;\n      grid-template-columns: 1fr;\n    }\n\n    .gwprj1-bridge-media {\n      min-height: 68vw;\n      max-height: 620px;\n    }\n\n    .gwprj1-bridge-media::after {\n      background: linear-gradient(180deg, rgba(7, 17, 12, 0.03), rgba(7, 17, 12, 0.7));\n    }\n\n    .gwprj1-bridge-content {\n      padding: 82px 36px 92px;\n    }\n\n    .gwprj1-perspective-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .gwprj1-perspective-index {\n      min-height: auto;\n      padding: 0 0 22px;\n      border-right: 0;\n      border-bottom: 1px solid rgba(16, 39, 28, 0.18);\n    }\n\n    .gwprj1-perspective-copy {\n      grid-column: auto;\n    }\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 620px) {\n    .gwprj1-wrap {\n      width: calc(100% - 40px);\n    }\n\n    .gwprj1-kicker {\n      gap: 10px;\n      font-size: 0.66rem;\n      letter-spacing: 0.17em;\n    }\n\n    .gwprj1-kicker::before {\n      width: 26px;\n    }\n\n    .gwprj1-display {\n      font-size: clamp(2.65rem, 13.5vw, 4.1rem);\n      line-height: 0.99;\n    }\n\n    .gwprj1-button {\n      width: 100%;\n      min-height: 56px;\n      padding-inline: 20px;\n    }\n\n    .gwprj1-actions {\n      width: 100%;\n      flex-direction: column;\n    }\n\n    .gwprj1-hero {\n      min-height: 850px;\n    }\n\n    .gwprj1-hero-frame {\n      inset: 10px;\n    }\n\n    .gwprj1-hero-media img {\n      object-position: 59% 54%;\n    }\n\n    .gwprj1-hero-shade {\n      background:\n        linear-gradient(90deg, rgba(3, 11, 7, 0.83), rgba(3, 11, 7, 0.2)),\n        linear-gradient(180deg, rgba(3, 11, 7, 0.6) 0%, rgba(3, 11, 7, 0.21) 29%, rgba(3, 11, 7, 0.94) 100%);\n    }\n\n    .gwprj1-hero-top {\n      top: 26px;\n      right: 24px;\n      left: 24px;\n      font-size: 0.58rem;\n      letter-spacing: 0.15em;\n    }\n\n    .gwprj1-hero-top > span:last-child {\n      display: none;\n    }\n\n    .gwprj1-hero-content {\n      width: calc(100% - 48px);\n      padding: 154px 0 58px;\n    }\n\n    .gwprj1-hero-title {\n      max-width: 360px;\n      font-size: clamp(3.1rem, 16.5vw, 5rem);\n      line-height: 0.91;\n    }\n\n    .gwprj1-hero-lower {\n      gap: 28px;\n      margin-top: 34px;\n    }\n\n    .gwprj1-hero-copy {\n      font-size: 0.98rem;\n      line-height: 1.65;\n    }\n\n    .gwprj1-hero-index {\n      padding: 15px 0 2px 20px;\n    }\n\n    .gwprj1-hero-index p:last-child {\n      font-size: 1.12rem;\n    }\n\n    .gwprj1-hero-actions {\n      align-items: stretch;\n      flex-direction: column;\n      margin-top: 30px;\n    }\n\n    .gwprj1-scroll {\n      justify-content: space-between;\n      order: -1;\n    }\n\n    .gwprj1-rail-link {\n      min-height: 98px;\n      padding: 20px 18px;\n    }\n\n    .gwprj1-rail-name {\n      font-size: 0.95rem;\n    }\n\n    .gwprj1-intro {\n      padding: 100px 0 105px;\n    }\n\n    .gwprj1-intro-aside {\n      padding: 26px 0 0 22px;\n    }\n\n    .gwprj1-work {\n      padding: 98px 0 108px;\n    }\n\n    .gwprj1-work::before {\n      background-size: 64px 64px;\n    }\n\n    .gwprj1-mosaic {\n      grid-template-columns: 1fr;\n      grid-template-rows: none;\n      gap: 14px;\n    }\n\n    .gwprj1-case,\n    .gwprj1-case-primary,\n    .gwprj1-case-secondary,\n    .gwprj1-case-tertiary {\n      min-height: 470px;\n      grid-column: auto;\n      grid-row: auto;\n    }\n\n    .gwprj1-case-primary {\n      min-height: 590px;\n    }\n\n    .gwprj1-case-primary .gwprj1-case-body,\n    .gwprj1-case-body {\n      padding: 30px 26px;\n    }\n\n    .gwprj1-case-top {\n      top: 24px;\n      right: 24px;\n    }\n\n    .gwprj1-case h3,\n    .gwprj1-case:not(.gwprj1-case-primary) h3 {\n      font-size: 2.25rem;\n    }\n\n    .gwprj1-contexts {\n      padding: 100px 0 112px;\n    }\n\n    .gwprj1-context-card {\n      min-height: 0;\n      grid-template-columns: 1fr;\n    }\n\n    .gwprj1-context-media {\n      min-height: 72vw;\n      max-height: 440px;\n    }\n\n    .gwprj1-context-body {\n      min-height: 360px;\n      padding: 34px 28px 40px;\n    }\n\n    .gwprj1-context-card h3 {\n      margin-top: 28px !important;\n      font-size: 2.5rem;\n    }\n\n    .gwprj1-bridge-media {\n      min-height: 88vw;\n      max-height: 530px;\n    }\n\n    .gwprj1-bridge-media img {\n      object-position: 52% center;\n    }\n\n    .gwprj1-bridge-caption {\n      right: 16px;\n      bottom: 16px;\n      left: 16px;\n      text-align: center;\n    }\n\n    .gwprj1-bridge-content {\n      padding: 76px 22px 84px;\n    }\n\n    .gwprj1-bridge-title {\n      font-size: clamp(2.75rem, 13vw, 4.1rem);\n    }\n\n    .gwprj1-sequence li {\n      grid-template-columns: 78px 1fr;\n      gap: 13px;\n    }\n\n    .gwprj1-sequence strong {\n      font-size: 0.76rem;\n    }\n\n    .gwprj1-perspective {\n      padding: 100px 0 108px;\n    }\n\n    .gwprj1-perspective blockquote {\n      font-size: clamp(2.45rem, 12.8vw, 3.7rem);\n    }\n\n    .gwprj1-final {\n      min-height: 760px;\n    }\n\n    .gwprj1-final-media img {\n      object-position: 52% center;\n    }\n\n    .gwprj1-final-shade {\n      background:\n        linear-gradient(90deg, rgba(4, 12, 8, 0.77), rgba(4, 12, 8, 0.27)),\n        linear-gradient(180deg, rgba(4, 12, 8, 0.45), rgba(4, 12, 8, 0.94));\n    }\n\n    .gwprj1-final-inner {\n      width: calc(100% - 48px);\n      padding: 96px 0;\n    }\n\n    .gwprj1-final-title {\n      font-size: clamp(3.05rem, 15vw, 4.8rem);\n      line-height: 0.94;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .gwprj1-root {\n      scroll-behavior: auto;\n    }\n\n    .gwprj1-root *,\n    .gwprj1-root *::before,\n    .gwprj1-root *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .gwprj1-ready [data-gwprj1-reveal] {\n      opacity: 1;\n      transform: none;\n    }\n  }\n<\/style><\/p>\n<div class=\"gwprj1-root\" data-gwprj1-root=\"\"><header class=\"gwprj1-hero\" aria-labelledby=\"gwprj1-page-title\">\n<figure class=\"gwprj1-hero-media\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/1000039961.jpg\" alt=\"\" \/><\/figure>\n<div class=\"gwprj1-hero-shade\" aria-hidden=\"true\">\u00a0<\/div>\n<div class=\"gwprj1-hero-frame\" aria-hidden=\"true\">\u00a0<\/div>\n<div class=\"gwprj1-hero-top\" aria-hidden=\"true\"><span class=\"gwprj1-hero-mark\">Groundworks selected work<\/span>Palm Beach County \u00b7 Florida<\/div>\n<div class=\"gwprj1-hero-content\">\n<p class=\"gwprj1-kicker\" data-gwprj1-reveal=\"\">Projects &amp; Places<\/p>\n<h1 id=\"gwprj1-page-title\" class=\"gwprj1-hero-title\" style=\"--gwprj1-delay: 80ms;\" data-gwprj1-reveal=\"\">Landscapes remembered by the palms that <em>define them.<\/em><\/h1>\n<div class=\"gwprj1-hero-lower\" style=\"--gwprj1-delay: 150ms;\" data-gwprj1-reveal=\"\">\n<p class=\"gwprj1-hero-copy\">A portfolio of specimen palms, coordinated field work, and finished landscapes\u2014presented across private estates, community arrivals, waterfront settings, and commercial destinations.<\/p>\n<aside class=\"gwprj1-hero-index\">\n<p class=\"gwprj1-hero-index-label\">The Groundworks perspective<\/p>\n<p>Selection, setting, and execution considered as one enduring composition.<\/p>\n<\/aside>\n<\/div>\n<div class=\"gwprj1-hero-actions\" style=\"--gwprj1-delay: 220ms;\" data-gwprj1-reveal=\"\">\n<div class=\"gwprj1-actions\"><a class=\"gwprj1-button gwprj1-button-primary\" href=\"#gwprj1-selected-work\"> Explore selected work <\/a> <a class=\"gwprj1-button gwprj1-button-ghost\" href=\"\/field-video-library\/\">View field films<\/a><\/div>\n<a class=\"gwprj1-scroll\" href=\"#gwprj1-intro\"> Continue <\/a><\/div>\n<\/div>\n<\/header><nav class=\"gwprj1-rail\" aria-label=\"Project categories\">\n<div class=\"gwprj1-rail-inner\">\n<p class=\"gwprj1-rail-label\">Browse by setting<\/p>\n<a class=\"gwprj1-rail-link\" href=\"#gwprj1-residential\"><span class=\"gwprj1-rail-context\">Private settings<\/span><span class=\"gwprj1-rail-name\">Residential Estates<\/span><\/a> <a class=\"gwprj1-rail-link\" href=\"#gwprj1-communities\"><span class=\"gwprj1-rail-context\">Shared arrivals<\/span><span class=\"gwprj1-rail-name\">Communities &amp; Entrances<\/span><\/a> <a class=\"gwprj1-rail-link\" href=\"#gwprj1-commercial\"><span class=\"gwprj1-rail-context\">Public-facing landscapes<\/span><span class=\"gwprj1-rail-name\">Commercial &amp; Hospitality<\/span><\/a> <a class=\"gwprj1-rail-link\" href=\"#gwprj1-waterfront\"><span class=\"gwprj1-rail-context\">Coastal properties<\/span><span class=\"gwprj1-rail-name\">Waterfront &amp; Coastal<\/span><\/a><\/div>\n<\/nav>\n<section id=\"gwprj1-intro\" class=\"gwprj1-intro\" aria-labelledby=\"gwprj1-intro-title\">\n<div class=\"gwprj1-wrap gwprj1-intro-grid\">\n<div data-gwprj1-reveal=\"\">\n<p class=\"gwprj1-kicker\">A living portfolio<\/p>\n<h2 id=\"gwprj1-intro-title\" class=\"gwprj1-display gwprj1-intro-title\">The finished view is only one chapter of the <em>project story.<\/em><\/h2>\n<\/div>\n<aside class=\"gwprj1-intro-aside\" style=\"--gwprj1-delay: 100ms;\" data-gwprj1-reveal=\"\"><strong>Every memorable palm begins with a sequence of good decisions.<\/strong>\n<p>Scale, silhouette, site access, placement, and the larger landscape all shape the result. This collection brings those moments together without losing sight of the finished experience.<\/p>\n<a class=\"gwprj1-text-link\" href=\"\/services\/\"> Explore our services <\/a><\/aside>\n<\/div>\n<\/section>\n<section id=\"gwprj1-selected-work\" class=\"gwprj1-work\" aria-labelledby=\"gwprj1-work-title\">\n<div class=\"gwprj1-wrap\"><header class=\"gwprj1-work-head\">\n<div data-gwprj1-reveal=\"\">\n<p class=\"gwprj1-kicker\">Selected perspectives<\/p>\n<h2 id=\"gwprj1-work-title\" class=\"gwprj1-display gwprj1-work-title\">Distinct perspectives of work at specimen scale.<\/h2>\n<\/div>\n<p class=\"gwprj1-work-note\" style=\"--gwprj1-delay: 90ms;\" data-gwprj1-reveal=\"\">From the calm of a finished landscape to the choreography behind installation, each image reveals a different part of the Groundworks discipline.<\/p>\n<\/header>\n<div class=\"gwprj1-mosaic\">\n<article class=\"gwprj1-case gwprj1-case-primary\" data-gwprj1-reveal=\"\"><img decoding=\"async\" src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_6937-scaled.jpg\" alt=\"Mature specimen palms within a waterfront residential landscape\" \/>\n<div class=\"gwprj1-case-shade\" aria-hidden=\"true\">\u00a0<\/div>\n<p class=\"gwprj1-case-top\">Finished landscape<\/p>\n<div class=\"gwprj1-case-body\">\n<p class=\"gwprj1-case-meta\">Waterfront \u00b7 Residential<\/p>\n<h3>A mature waterfront setting shaped by palm scale.<\/h3>\n<p class=\"gwprj1-case-summary\">Strong vertical form, generous spacing, and the surrounding property working together as one composed view.<\/p>\n<\/div>\n<a class=\"gwprj1-case-link\" href=\"#gwprj1-waterfront\">Explore waterfront project settings<\/a><\/article>\n<article class=\"gwprj1-case gwprj1-case-secondary\" style=\"--gwprj1-delay: 90ms;\" data-gwprj1-reveal=\"\"><img decoding=\"async\" src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/1000039961.jpg\" alt=\"Tall palms creating a formal destination landscape\" \/>\n<div class=\"gwprj1-case-shade\" aria-hidden=\"true\">\u00a0<\/div>\n<p class=\"gwprj1-case-top\">Destination rhythm<\/p>\n<div class=\"gwprj1-case-body\">\n<p class=\"gwprj1-case-meta\">Arrival \u00b7 Rhythm<\/p>\n<h3>A destination defined by repeated form.<\/h3>\n<p class=\"gwprj1-case-summary\">A consistent palm rhythm gives the landscape an unmistakable sense of arrival.<\/p>\n<\/div>\n<a class=\"gwprj1-case-link\" href=\"#gwprj1-communities\">Explore entrance project settings<\/a><\/article>\n<article class=\"gwprj1-case gwprj1-case-tertiary\" style=\"--gwprj1-delay: 150ms;\" data-gwprj1-reveal=\"\"><img decoding=\"async\" src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/DJI_20260202121054_0017_D.jpg\" alt=\"Aerial view of a large specimen palm project in progress\" \/>\n<div class=\"gwprj1-case-shade\" aria-hidden=\"true\">\u00a0<\/div>\n<p class=\"gwprj1-case-top\">Field coordination<\/p>\n<div class=\"gwprj1-case-body\">\n<p class=\"gwprj1-case-meta\">Installation \u00b7 Coordination<\/p>\n<h3>The field choreography behind the finished view.<\/h3>\n<p class=\"gwprj1-case-summary\">Site access, sequencing, and placement come together around the scale of the specimen.<\/p>\n<\/div>\n<a class=\"gwprj1-case-link\" href=\"\/installation-services\/\">Explore installation services<\/a><\/article>\n<\/div>\n<div class=\"gwprj1-work-footer\" data-gwprj1-reveal=\"\">\n<p>Photography is shown as a visual record of Groundworks settings and field work. Final scope and approach are shaped around each property&#8217;s conditions.<\/p>\n<a class=\"gwprj1-text-link\" href=\"\/field-video-library\/\"> Explore the field video library <\/a><\/div>\n<\/div>\n<\/section>\n<section class=\"gwprj1-contexts\" aria-labelledby=\"gwprj1-context-title\">\n<div class=\"gwprj1-wrap\"><header class=\"gwprj1-contexts-head\">\n<div data-gwprj1-reveal=\"\">\n<p class=\"gwprj1-kicker\">Project settings<\/p>\n<h2 id=\"gwprj1-context-title\" class=\"gwprj1-display gwprj1-context-title\">Distinct places. One considered standard.<\/h2>\n<\/div>\n<p class=\"gwprj1-context-note\" style=\"--gwprj1-delay: 90ms;\" data-gwprj1-reveal=\"\">The desired impression may change from property to property. The need for scale awareness, placement judgment, and field coordination does not.<\/p>\n<\/header>\n<div class=\"gwprj1-context-grid\">\n<article id=\"gwprj1-residential\" class=\"gwprj1-context-card\" data-gwprj1-reveal=\"\">\n<figure class=\"gwprj1-context-media\"><img decoding=\"async\" src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_0444-scaled.webp\" alt=\"Mature palms composed within a finished landscape\" \/><\/figure>\n<div class=\"gwprj1-context-body\">\n<div><span class=\"gwprj1-context-label\">Private settings<\/span>\n<h3>Residential Estates<\/h3>\n<p>Specimen palms considered around architecture, privacy, long views, and the experience of moving through a distinctive private landscape.<\/p>\n<\/div>\n<a class=\"gwprj1-context-link\" href=\"\/contact-groundworks\/\">Discuss a residence <\/a><\/div>\n<\/article>\n<article id=\"gwprj1-communities\" class=\"gwprj1-context-card\" style=\"--gwprj1-delay: 80ms;\" data-gwprj1-reveal=\"\">\n<figure class=\"gwprj1-context-media\"><img decoding=\"async\" src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/1000039961.jpg\" alt=\"Palm-lined landscape creating a formal sense of arrival\" \/><\/figure>\n<div class=\"gwprj1-context-body\">\n<div><span class=\"gwprj1-context-label\">Daily arrival<\/span>\n<h3>Communities &amp; Entrances<\/h3>\n<p>Palms used to establish rhythm, presence, and a lasting first impression across prominent shared approaches and entrances.<\/p>\n<\/div>\n<a class=\"gwprj1-context-link\" href=\"\/contact-groundworks\/\">Discuss an entrance <\/a><\/div>\n<\/article>\n<article id=\"gwprj1-commercial\" class=\"gwprj1-context-card\" data-gwprj1-reveal=\"\">\n<figure class=\"gwprj1-context-media\"><img decoding=\"async\" src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/DJI_20260202121054_0017_D.jpg\" alt=\"Aerial view of coordinated palm installation work at a large site\" \/><\/figure>\n<div class=\"gwprj1-context-body\">\n<div><span class=\"gwprj1-context-label\">Visible at scale<\/span>\n<h3>Commercial &amp; Hospitality<\/h3>\n<p>Large-format landscapes where schedule, access, presentation, and communication must stay aligned around a public-facing result.<\/p>\n<\/div>\n<a class=\"gwprj1-context-link\" href=\"\/professional\/\">Professional resources <\/a><\/div>\n<\/article>\n<article id=\"gwprj1-waterfront\" class=\"gwprj1-context-card\" style=\"--gwprj1-delay: 80ms;\" data-gwprj1-reveal=\"\">\n<figure class=\"gwprj1-context-media\"><img decoding=\"async\" src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_6937-scaled.jpg\" alt=\"Mature palms framing a waterfront residential landscape\" \/><\/figure>\n<div class=\"gwprj1-context-body\">\n<div><span class=\"gwprj1-context-label\">Water&#8217;s edge<\/span>\n<h3>Waterfront &amp; Coastal<\/h3>\n<p>Highly visible palm compositions considered within the architecture, exposure, views, and access constraints of a coastal setting.<\/p>\n<\/div>\n<a class=\"gwprj1-context-link\" href=\"\/contact-groundworks\/\">Discuss a waterfront project <\/a><\/div>\n<\/article>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"gwprj1-bridge\" aria-labelledby=\"gwprj1-bridge-title\">\n<div class=\"gwprj1-bridge-grid\">\n<figure class=\"gwprj1-bridge-media\" data-gwprj1-reveal=\"\"><img decoding=\"async\" src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_2418-scaled.jpg\" alt=\"Groundworks field team working around mature specimen palms\" \/>\n<figcaption class=\"gwprj1-bridge-caption\">Field attention \u00b7 Project continuity<\/figcaption>\n<\/figure>\n<div class=\"gwprj1-bridge-content\" style=\"--gwprj1-delay: 100ms;\" data-gwprj1-reveal=\"\">\n<p class=\"gwprj1-kicker\">Behind the image<\/p>\n<h2 id=\"gwprj1-bridge-title\" class=\"gwprj1-bridge-title\">A finished landscape begins long before the final photograph.<\/h2>\n<p class=\"gwprj1-bridge-copy\">Groundworks connects the visual ambition of a project to the practical decisions that help bring it into the field. The exact pathway changes, but the work stays connected.<\/p>\n<ol class=\"gwprj1-sequence\" aria-label=\"Groundworks project sequence\">\n<li>Specimen<strong>Palm selection &amp; scale<\/strong><\/li>\n<li>Site<strong>Design and site coordination<\/strong><\/li>\n<li>Logistics<strong>Delivery and access planning<\/strong><\/li>\n<li>Field<strong>Installation execution<\/strong><\/li>\n<li>Care<strong>Establishment continuity<\/strong><\/li>\n<\/ol>\n<div class=\"gwprj1-actions\"><a class=\"gwprj1-button gwprj1-button-primary\" href=\"\/services\/\"> Explore the full process <\/a><\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"gwprj1-perspective\" aria-labelledby=\"gwprj1-perspective-title\">\n<div class=\"gwprj1-wrap gwprj1-perspective-grid\">\n<p class=\"gwprj1-perspective-index\" data-gwprj1-reveal=\"\">Project perspective<\/p>\n<blockquote id=\"gwprj1-perspective-title\" style=\"--gwprj1-delay: 70ms;\" data-gwprj1-reveal=\"\">The palm is never an isolated object. It is part of the arrival, the architecture, the horizon, and the way a place is remembered.<\/blockquote>\n<p class=\"gwprj1-perspective-copy\" style=\"--gwprj1-delay: 140ms;\" data-gwprj1-reveal=\"\">That wider view guides how Groundworks approaches selection, field coordination, and long-term presence within the landscape.<\/p>\n<\/div>\n<\/section>\n<section class=\"gwprj1-final\" aria-labelledby=\"gwprj1-final-title\">\n<figure class=\"gwprj1-final-media\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/20210301_092335.webp\" alt=\"\" \/><\/figure>\n<div class=\"gwprj1-final-shade\" aria-hidden=\"true\">\u00a0<\/div>\n<div class=\"gwprj1-final-inner\">\n<p class=\"gwprj1-kicker\" data-gwprj1-reveal=\"\">Bring the next project into view<\/p>\n<h2 id=\"gwprj1-final-title\" class=\"gwprj1-final-title\" style=\"--gwprj1-delay: 80ms;\" data-gwprj1-reveal=\"\">Let\u2019s shape the palm plan around the place it needs to become.<\/h2>\n<p class=\"gwprj1-final-copy\" style=\"--gwprj1-delay: 150ms;\" data-gwprj1-reveal=\"\">Share the plans, the intended setting, or the challenge already taking shape. Groundworks can help identify the most useful next conversation.<\/p>\n<div class=\"gwprj1-actions\" style=\"--gwprj1-delay: 220ms;\" data-gwprj1-reveal=\"\"><a class=\"gwprj1-button gwprj1-button-primary\" href=\"\/contact-groundworks\/\"> Discuss project plans <\/a> <a class=\"gwprj1-button gwprj1-button-ghost\" href=\"\/contact-groundworks\/\">Request a quote<\/a><\/div>\n<p class=\"gwprj1-final-contact\" style=\"--gwprj1-delay: 280ms;\" data-gwprj1-reveal=\"\">Prefer to begin with a conversation? <a href=\"\/contact-groundworks\/\">Contact Groundworks.<\/a><\/p>\n<\/div>\n<\/section>\n<\/div>\n<p><script>\n  (() => {\n    const script = document.currentScript;\n    let root = script ? script.previousElementSibling : null;\n\n    if (!root || !root.hasAttribute('data-gwprj1-root')) {\n      root = Array.from(document.querySelectorAll('[data-gwprj1-root]')).find((item) => !item.hasAttribute('data-gwprj1-bound'));\n    }\n\n    if (!root || root.hasAttribute('data-gwprj1-bound')) return;\n    root.setAttribute('data-gwprj1-bound', 'true');\n\n    const targets = root.querySelectorAll('[data-gwprj1-reveal]');\n    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    if (reduceMotion || !('IntersectionObserver' in window)) {\n      targets.forEach((target) => target.classList.add('gwprj1-inview'));\n      return;\n    }\n\n    root.classList.add('gwprj1-ready');\n\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (!entry.isIntersecting) return;\n        entry.target.classList.add('gwprj1-inview');\n        observer.unobserve(entry.target);\n      });\n    }, {\n      threshold: 0.1,\n      rootMargin: '0px 0px -6% 0px'\n    });\n\n    targets.forEach((target) => observer.observe(target));\n  })();\n<\/script><\/p>\n\t\t\t\t\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>\u00a0 \u00a0 Groundworks selected workPalm Beach County \u00b7 Florida Projects &amp; Places Landscapes remembered by the palms that define them. A portfolio of specimen palms, coordinated field work, and finished landscapes\u2014presented across private estates, community arrivals, waterfront settings, and commercial destinations. The Groundworks perspective Selection, setting, and execution considered as one enduring composition. Explore selected [&hellip;]<\/p>\n","protected":false},"author":1,"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-174","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages\/174","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/comments?post=174"}],"version-history":[{"count":5,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages\/174\/revisions"}],"predecessor-version":[{"id":859,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages\/174\/revisions\/859"}],"wp:attachment":[{"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/media?parent=174"}],"curies":[{"name":"buen juego","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}