{"id":476,"date":"2026-09-02T11:31:34","date_gmt":"2026-09-02T15:31:34","guid":{"rendered":"https:\/\/groundworkswholesale.com\/?page_id=476"},"modified":"2026-09-10T11:47:24","modified_gmt":"2026-09-10T15:47:24","slug":"servicios-de-diseno","status":"publish","type":"page","link":"https:\/\/datepalm.com\/es\/design-services\/","title":{"rendered":"Servicios de dise\u00f1o"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"476\" class=\"elementor elementor-476\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a4aa92 e-con e-atomic-element e-flexbox-base e-7f22708 \" data-id=\"7a4aa92\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7a4aa92\" data-e-type=\"e-flexbox\" data-id=\"7a4aa92\">\n    <div class=\"elementor-element elementor-element-c2058fa e-con-full e-flex e-con e-parent\" data-id=\"c2058fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fbf490 elementor-widget elementor-widget-html\" data-id=\"4fbf490\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Groundworks Design Services \u2014 private staging widget. *\/\n  html:has(.gwds-root),\n  body:has(.gwds-root) {\n    overflow-x: clip;\n  }\n\n  body:has(.gwds-root) .entry-title,\n  body:has(.gwds-root) .page-title {\n    display: none;\n  }\n\n  .gwds-root {\n    --gwds-ink: #07110c;\n    --gwds-forest: #10271c;\n    --gwds-forest-deep: #06110b;\n    --gwds-forest-soft: #18382a;\n    --gwds-gold: #c8a766;\n    --gwds-gold-pale: #e4ce98;\n    --gwds-ivory: #f3efe4;\n    --gwds-paper: #faf8f1;\n    --gwds-white: #fffdf8;\n    --gwds-muted: #566159;\n    --gwds-line: rgba(200, 167, 102, 0.34);\n    --gwds-body: \"Avenir Next\", Avenir, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    --gwds-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(--gwds-ink);\n    background: var(--gwds-paper);\n    font-family: var(--gwds-body);\n    font-size: 16px;\n    line-height: 1.65;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .gwds-root,\n  .gwds-root *,\n  .gwds-root *::before,\n  .gwds-root *::after {\n    box-sizing: border-box;\n  }\n\n  .gwds-root :where(h1, h2, h3, p, figure, ul, ol, blockquote) {\n    margin: 0;\n  }\n\n  .gwds-root :where(ul, ol) {\n    padding: 0;\n    list-style: none;\n  }\n\n  .gwds-root a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .gwds-root img {\n    display: block;\n    width: 100%;\n  }\n\n  .gwds-wrap {\n    position: relative;\n    width: min(1240px, calc(100% - 96px));\n    margin-inline: auto;\n  }\n\n  .gwds-kicker {\n    display: inline-flex;\n    align-items: center;\n    gap: 13px;\n    color: var(--gwds-gold);\n    font-size: 0.69rem;\n    font-weight: 760;\n    letter-spacing: 0.2em;\n    line-height: 1.35;\n    text-transform: uppercase;\n  }\n\n  .gwds-kicker::before {\n    width: 38px;\n    height: 1px;\n    content: \"\";\n    background: currentColor;\n  }\n\n  .gwds-display {\n    font-family: var(--gwds-display);\n    font-size: clamp(2.75rem, 5.5vw, 5.7rem);\n    font-weight: 400;\n    letter-spacing: -0.045em;\n    line-height: 0.98;\n    text-wrap: balance;\n  }\n\n  .gwds-copy {\n    color: var(--gwds-muted);\n    font-size: clamp(1rem, 1.35vw, 1.15rem);\n    line-height: 1.82;\n  }\n\n  .gwds-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .gwds-button {\n    display: inline-flex;\n    min-height: 56px;\n    align-items: center;\n    justify-content: center;\n    gap: 14px;\n    padding: 15px 24px;\n    border: 1px solid transparent;\n    border-radius: 999px;\n    font-size: 0.73rem;\n    font-weight: 760;\n    letter-spacing: 0.14em;\n    line-height: 1.2;\n    text-transform: uppercase;\n    transition: transform 240ms ease, color 240ms ease, background-color 240ms ease, border-color 240ms ease;\n  }\n\n  .gwds-button svg,\n  .gwds-arrow-link svg {\n    width: 17px;\n    height: 17px;\n    flex: 0 0 auto;\n    transition: transform 240ms ease;\n  }\n\n  .gwds-button-primary {\n    color: var(--gwds-ink) !important;\n    background: var(--gwds-gold);\n    border-color: var(--gwds-gold);\n  }\n\n  .gwds-button-ghost {\n    color: var(--gwds-white) !important;\n    background: rgba(255, 255, 255, 0.045);\n    border-color: rgba(255, 255, 255, 0.42);\n    backdrop-filter: blur(8px);\n  }\n\n  .gwds-button-dark {\n    color: var(--gwds-ivory) !important;\n    background: var(--gwds-forest);\n    border-color: var(--gwds-forest);\n  }\n\n  .gwds-button-outline {\n    color: var(--gwds-forest) !important;\n    border-color: rgba(16, 39, 28, 0.35);\n  }\n\n  .gwds-button:hover {\n    transform: translateY(-2px);\n  }\n\n  .gwds-button:hover svg,\n  .gwds-arrow-link:hover svg {\n    transform: translateX(4px);\n  }\n\n  .gwds-button-primary:hover {\n    background: var(--gwds-gold-pale);\n    border-color: var(--gwds-gold-pale);\n  }\n\n  .gwds-button-ghost:hover {\n    background: rgba(255, 255, 255, 0.1);\n    border-color: var(--gwds-gold);\n  }\n\n  .gwds-button-dark:hover,\n  .gwds-button-outline:hover {\n    border-color: var(--gwds-gold);\n  }\n\n  .gwds-button-dark:hover {\n    background: var(--gwds-forest-soft);\n  }\n\n  .gwds-button:focus-visible,\n  .gwds-scroll:focus-visible,\n  .gwds-arrow-link:focus-visible,\n  .gwds-lens a:focus-visible,\n  .gwds-context:focus-visible {\n    outline: 2px solid var(--gwds-gold-pale);\n    outline-offset: 4px;\n  }\n\n  .gwds-arrow-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    color: var(--gwds-forest);\n    font-size: 0.74rem;\n    font-weight: 760;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  \/* Hero *\/\n  .gwds-hero {\n    position: relative;\n    min-height: clamp(760px, 94svh, 960px);\n    display: flex;\n    align-items: flex-end;\n    overflow: hidden;\n    color: var(--gwds-white);\n    background: var(--gwds-forest-deep);\n  }\n\n  .gwds-hero-media,\n  .gwds-hero-media::before,\n  .gwds-hero-media::after {\n    position: absolute;\n    inset: 0;\n  }\n\n  .gwds-hero-media img {\n    height: 100%;\n    object-fit: cover;\n    object-position: center 48%;\n    transform: scale(1.018);\n  }\n\n  .gwds-hero-media::before {\n    z-index: 1;\n    content: \"\";\n    background:\n      linear-gradient(90deg, rgba(4, 13, 8, 0.94) 0%, rgba(4, 13, 8, 0.69) 43%, rgba(4, 13, 8, 0.18) 76%, rgba(4, 13, 8, 0.34) 100%),\n      linear-gradient(180deg, rgba(4, 12, 8, 0.18) 0%, rgba(4, 12, 8, 0.08) 38%, rgba(4, 12, 8, 0.91) 100%);\n  }\n\n  .gwds-hero-media::after {\n    z-index: 2;\n    content: \"\";\n    background: radial-gradient(circle at 76% 30%, transparent 0 17%, rgba(3, 12, 7, 0.16) 65%, rgba(3, 12, 7, 0.38) 100%);\n  }\n\n  .gwds-hero-grid {\n    z-index: 3;\n    display: grid;\n    grid-template-columns: minmax(0, 1.45fr) minmax(270px, 0.55fr);\n    gap: 72px;\n    align-items: end;\n    padding-block: 160px 112px;\n  }\n\n  .gwds-hero-title {\n    max-width: 850px;\n    margin-top: 26px;\n    font-family: var(--gwds-display);\n    font-size: clamp(4.2rem, 8.4vw, 8.6rem);\n    font-weight: 400;\n    letter-spacing: -0.057em;\n    line-height: 0.84;\n    text-wrap: balance;\n  }\n\n  .gwds-hero-title em {\n    color: var(--gwds-gold-pale);\n    font-weight: 400;\n  }\n\n  .gwds-hero-copy {\n    max-width: 720px;\n    margin-top: 34px;\n    color: rgba(255, 253, 248, 0.83);\n    font-size: clamp(1.02rem, 1.45vw, 1.24rem);\n    line-height: 1.76;\n  }\n\n  .gwds-hero-actions {\n    margin-top: 34px;\n  }\n\n  .gwds-hero-aside {\n    padding: 28px 0 8px 28px;\n    border-left: 1px solid var(--gwds-line);\n  }\n\n  .gwds-hero-aside-label,\n  .gwds-panel-label,\n  .gwds-card-label {\n    color: var(--gwds-gold);\n    font-size: 0.65rem;\n    font-weight: 760;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .gwds-hero-aside-title {\n    margin-top: 15px;\n    font-family: var(--gwds-display);\n    font-size: 2rem;\n    line-height: 1.08;\n  }\n\n  .gwds-hero-aside ul {\n    display: grid;\n    gap: 10px;\n    margin-top: 22px;\n    color: rgba(255, 253, 248, 0.76);\n    font-size: 0.88rem;\n  }\n\n  .gwds-hero-aside li {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .gwds-hero-aside li::before {\n    width: 18px;\n    height: 1px;\n    content: \"\";\n    background: var(--gwds-gold);\n  }\n\n  .gwds-scroll {\n    position: absolute;\n    z-index: 4;\n    right: 48px;\n    bottom: 42px;\n    width: 54px;\n    height: 54px;\n    display: grid;\n    place-items: center;\n    border: 1px solid rgba(228, 206, 152, 0.72);\n    border-radius: 50%;\n    color: var(--gwds-gold-pale);\n    transition: transform 260ms ease, border-color 260ms ease, box-shadow 260ms ease;\n  }\n\n  .gwds-scroll svg {\n    width: 20px;\n    height: 20px;\n    transition: transform 260ms ease;\n  }\n\n  .gwds-scroll:hover {\n    transform: scale(1.045);\n    border-color: var(--gwds-gold-pale);\n    box-shadow: 0 0 20px rgba(200, 167, 102, 0.14);\n  }\n\n  .gwds-scroll:hover svg {\n    transform: translateY(3px);\n  }\n\n  \/* Design lens rail *\/\n  .gwds-lens {\n    color: var(--gwds-ivory);\n    background: var(--gwds-forest-deep);\n    border-top: 1px solid rgba(200, 167, 102, 0.18);\n  }\n\n  .gwds-lens-inner {\n    display: grid;\n    grid-template-columns: 1.25fr repeat(5, auto);\n    align-items: center;\n    gap: 28px;\n    min-height: 108px;\n  }\n\n  .gwds-lens-lead {\n    color: var(--gwds-gold);\n    font-size: 0.65rem;\n    font-weight: 760;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n  }\n\n  .gwds-lens a {\n    color: rgba(255, 253, 248, 0.76);\n    font-size: 0.76rem;\n    letter-spacing: 0.08em;\n    transition: color 220ms ease;\n  }\n\n  .gwds-lens a:hover {\n    color: var(--gwds-gold-pale);\n  }\n\n  \/* Whole-property introduction *\/\n  .gwds-intro {\n    padding: 150px 0;\n    background: var(--gwds-paper);\n  }\n\n  .gwds-intro-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);\n    gap: clamp(68px, 8vw, 126px);\n    align-items: center;\n  }\n\n  .gwds-intro-media {\n    position: relative;\n    min-height: 720px;\n  }\n\n  .gwds-intro-primary {\n    position: absolute;\n    inset: 0 16% 7% 0;\n    overflow: hidden;\n  }\n\n  .gwds-intro-primary img,\n  .gwds-intro-secondary img {\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .gwds-intro-secondary {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    width: 46%;\n    height: 46%;\n    overflow: hidden;\n    border: 12px solid var(--gwds-paper);\n  }\n\n  .gwds-image-mark {\n    position: absolute;\n    top: 38px;\n    right: 4px;\n    color: var(--gwds-gold);\n    font-size: 0.65rem;\n    font-weight: 760;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    writing-mode: vertical-rl;\n  }\n\n  .gwds-intro-content .gwds-display {\n    max-width: 660px;\n    margin-top: 24px;\n  }\n\n  .gwds-intro-content > .gwds-copy {\n    max-width: 640px;\n    margin-top: 30px;\n  }\n\n  .gwds-themes {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    margin-top: 42px;\n    border-top: 1px solid rgba(16, 39, 28, 0.18);\n  }\n\n  .gwds-theme {\n    min-height: 190px;\n    padding: 28px 28px 28px 0;\n    border-bottom: 1px solid rgba(16, 39, 28, 0.18);\n  }\n\n  .gwds-theme:nth-child(even) {\n    padding-left: 28px;\n    border-left: 1px solid rgba(16, 39, 28, 0.18);\n  }\n\n  .gwds-theme span {\n    color: var(--gwds-gold);\n    font-size: 0.64rem;\n    font-weight: 760;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n  }\n\n  .gwds-theme h3 {\n    margin-top: 12px;\n    font-family: var(--gwds-display);\n    font-size: 1.55rem;\n    font-weight: 400;\n    line-height: 1.08;\n  }\n\n  .gwds-theme p {\n    margin-top: 12px;\n    color: var(--gwds-muted);\n    font-size: 0.91rem;\n    line-height: 1.68;\n  }\n\n  \/* Specimen direction *\/\n  .gwds-specimen {\n    position: relative;\n    overflow: hidden;\n    color: var(--gwds-ivory);\n    background: var(--gwds-forest);\n  }\n\n  .gwds-specimen-grid {\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    min-height: 780px;\n  }\n\n  .gwds-specimen-media {\n    position: relative;\n    min-height: 680px;\n    overflow: hidden;\n  }\n\n  .gwds-specimen-media img {\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    transition: transform 900ms cubic-bezier(.2,.7,.2,1);\n  }\n\n  .gwds-specimen:hover .gwds-specimen-media img {\n    transform: scale(1.025);\n  }\n\n  .gwds-specimen-copy {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: clamp(64px, 8vw, 118px);\n  }\n\n  .gwds-specimen-copy .gwds-display {\n    max-width: 570px;\n    margin-top: 24px;\n  }\n\n  .gwds-specimen-copy .gwds-copy {\n    max-width: 570px;\n    margin-top: 30px;\n    color: rgba(243, 239, 228, 0.75);\n  }\n\n  .gwds-specimen-points {\n    display: grid;\n    gap: 0;\n    margin-top: 38px;\n    border-top: 1px solid rgba(200, 167, 102, 0.24);\n  }\n\n  .gwds-specimen-point {\n    display: grid;\n    grid-template-columns: 124px 1fr;\n    gap: 24px;\n    padding: 19px 0;\n    border-bottom: 1px solid rgba(200, 167, 102, 0.24);\n  }\n\n  .gwds-specimen-point span {\n    color: var(--gwds-gold);\n    font-size: 0.64rem;\n    font-weight: 760;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n  }\n\n  .gwds-specimen-point p {\n    color: rgba(243, 239, 228, 0.84);\n    font-size: 0.92rem;\n  }\n\n  .gwds-specimen .gwds-arrow-link {\n    margin-top: 34px;\n    color: var(--gwds-gold-pale);\n  }\n\n  \/* Flow *\/\n  .gwds-flow {\n    padding: 150px 0;\n    background: var(--gwds-ivory);\n  }\n\n  .gwds-flow-grid {\n    display: grid;\n    grid-template-columns: 0.8fr 1.2fr;\n    gap: clamp(64px, 9vw, 140px);\n  }\n\n  .gwds-flow-intro {\n    position: sticky;\n    top: 130px;\n    align-self: start;\n  }\n\n  .gwds-flow-intro .gwds-display {\n    margin-top: 24px;\n  }\n\n  .gwds-flow-intro .gwds-copy {\n    margin-top: 28px;\n  }\n\n  .gwds-flow-note {\n    margin-top: 36px;\n    padding: 22px 0 0 24px;\n    border-top: 1px solid var(--gwds-line);\n    border-left: 1px solid var(--gwds-line);\n    color: var(--gwds-forest);\n    font-family: var(--gwds-display);\n    font-size: 1.45rem;\n    line-height: 1.34;\n  }\n\n  .gwds-flow-steps {\n    position: relative;\n  }\n\n  .gwds-flow-steps::before {\n    position: absolute;\n    top: 20px;\n    bottom: 20px;\n    left: 15px;\n    width: 1px;\n    content: \"\";\n    background: linear-gradient(var(--gwds-gold), rgba(200, 167, 102, 0.18));\n  }\n\n  .gwds-flow-step {\n    position: relative;\n    display: grid;\n    grid-template-columns: 32px 1fr;\n    gap: 30px;\n    padding: 24px 0 42px;\n  }\n\n  .gwds-flow-marker {\n    z-index: 1;\n    width: 31px;\n    height: 31px;\n    margin-top: 3px;\n    border: 1px solid var(--gwds-gold);\n    border-radius: 50%;\n    background: var(--gwds-ivory);\n  }\n\n  .gwds-flow-marker::after {\n    display: block;\n    width: 7px;\n    height: 7px;\n    margin: 11px;\n    border-radius: 50%;\n    content: \"\";\n    background: var(--gwds-gold);\n  }\n\n  .gwds-flow-step h3 {\n    font-family: var(--gwds-display);\n    font-size: clamp(1.85rem, 3vw, 2.65rem);\n    font-weight: 400;\n    line-height: 1.02;\n  }\n\n  .gwds-flow-step p {\n    max-width: 650px;\n    margin-top: 13px;\n    color: var(--gwds-muted);\n    line-height: 1.76;\n  }\n\n  \/* Film *\/\n  .gwds-film {\n    padding: 138px 0;\n    color: var(--gwds-ivory);\n    background: var(--gwds-forest-deep);\n  }\n\n  .gwds-film-head {\n    display: grid;\n    grid-template-columns: 1fr 0.72fr;\n    gap: 70px;\n    align-items: end;\n    margin-bottom: 54px;\n  }\n\n  .gwds-film-head .gwds-display {\n    max-width: 750px;\n    margin-top: 24px;\n  }\n\n  .gwds-film-head .gwds-copy {\n    color: rgba(243, 239, 228, 0.72);\n  }\n\n  .gwds-film-frame {\n    overflow: hidden;\n    border: 1px solid rgba(200, 167, 102, 0.36);\n    background: #020805;\n    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.3);\n  }\n\n  .gwds-film-label {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    padding: 20px 24px;\n    color: var(--gwds-gold-pale);\n    font-size: 0.67rem;\n    font-weight: 760;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n  }\n\n  .gwds-film-label strong {\n    color: var(--gwds-ivory);\n    font-family: var(--gwds-display);\n    font-size: 1.15rem;\n    font-weight: 400;\n    letter-spacing: 0;\n    text-transform: none;\n  }\n\n  .gwds-film-ratio {\n    position: relative;\n    aspect-ratio: 16 \/ 9;\n  }\n\n  .gwds-film-ratio iframe {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n\n  \/* Context mosaic *\/\n  .gwds-contexts {\n    padding: 150px 0;\n    background: var(--gwds-paper);\n  }\n\n  .gwds-context-head {\n    display: grid;\n    grid-template-columns: 1fr 0.65fr;\n    gap: 70px;\n    align-items: end;\n    margin-bottom: 64px;\n  }\n\n  .gwds-context-head .gwds-display {\n    margin-top: 24px;\n  }\n\n  .gwds-context-grid {\n    display: grid;\n    grid-template-columns: 1.15fr 0.85fr 0.85fr;\n    grid-template-rows: repeat(2, minmax(330px, 38vw));\n    gap: 14px;\n  }\n\n  .gwds-context {\n    position: relative;\n    overflow: hidden;\n    color: var(--gwds-white);\n    background: var(--gwds-forest);\n  }\n\n  .gwds-context:first-child {\n    grid-row: 1 \/ span 2;\n  }\n\n  .gwds-context:last-child {\n    grid-column: 2 \/ span 2;\n  }\n\n  .gwds-context img {\n    height: 100%;\n    object-fit: cover;\n    transition: transform 850ms cubic-bezier(.2,.7,.2,1), filter 850ms ease;\n  }\n\n  .gwds-context::after {\n    position: absolute;\n    inset: 0;\n    content: \"\";\n    background: linear-gradient(180deg, rgba(4, 13, 8, 0.04) 25%, rgba(4, 13, 8, 0.9) 100%);\n    transition: background 400ms ease;\n  }\n\n  .gwds-context:hover img {\n    transform: scale(1.035);\n    filter: saturate(1.04);\n  }\n\n  .gwds-context:hover::after {\n    background: linear-gradient(180deg, rgba(4, 13, 8, 0.08) 18%, rgba(4, 13, 8, 0.94) 100%);\n  }\n\n  .gwds-context-copy {\n    position: absolute;\n    z-index: 2;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    padding: 34px;\n    transition: transform 350ms ease;\n  }\n\n  .gwds-context:hover .gwds-context-copy {\n    transform: translateY(-5px);\n  }\n\n  .gwds-context-copy span {\n    color: var(--gwds-gold-pale);\n    font-size: 0.64rem;\n    font-weight: 760;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .gwds-context-copy h3 {\n    margin-top: 12px;\n    font-family: var(--gwds-display);\n    font-size: clamp(1.65rem, 3vw, 2.8rem);\n    font-weight: 400;\n    line-height: 1.02;\n  }\n\n  .gwds-context-copy p {\n    max-width: 520px;\n    margin-top: 12px;\n    color: rgba(255, 253, 248, 0.78);\n    font-size: 0.9rem;\n    line-height: 1.62;\n  }\n\n  \/* Scope and service continuum *\/\n  .gwds-scope {\n    padding: 140px 0;\n    color: var(--gwds-ivory);\n    background: var(--gwds-forest);\n  }\n\n  .gwds-scope-grid {\n    display: grid;\n    grid-template-columns: 1fr 0.85fr;\n    gap: clamp(64px, 9vw, 140px);\n    align-items: center;\n  }\n\n  .gwds-scope-copy .gwds-display {\n    margin-top: 24px;\n  }\n\n  .gwds-scope-copy .gwds-copy {\n    margin-top: 28px;\n    color: rgba(243, 239, 228, 0.74);\n  }\n\n  .gwds-scope-copy .gwds-button {\n    margin-top: 34px;\n  }\n\n  .gwds-scope-panel {\n    padding: 42px;\n    border: 1px solid rgba(200, 167, 102, 0.34);\n    background: rgba(5, 17, 10, 0.42);\n  }\n\n  .gwds-scope-panel h3 {\n    margin-top: 16px;\n    font-family: var(--gwds-display);\n    font-size: 2.2rem;\n    font-weight: 400;\n    line-height: 1.05;\n  }\n\n  .gwds-scope-panel p {\n    margin-top: 20px;\n    color: rgba(243, 239, 228, 0.72);\n    font-size: 0.94rem;\n    line-height: 1.78;\n  }\n\n  .gwds-continuum {\n    padding: 48px 0;\n    background: var(--gwds-paper);\n    border-bottom: 1px solid rgba(16, 39, 28, 0.12);\n  }\n\n  .gwds-continuum-inner {\n    display: grid;\n    grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr));\n    border: 1px solid rgba(16, 39, 28, 0.15);\n  }\n\n  .gwds-continuum-lead,\n  .gwds-continuum a {\n    min-height: 118px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 24px;\n  }\n\n  .gwds-continuum-lead {\n    color: var(--gwds-ivory);\n    background: var(--gwds-forest);\n  }\n\n  .gwds-continuum-lead span,\n  .gwds-continuum a span {\n    color: var(--gwds-gold);\n    font-size: 0.61rem;\n    font-weight: 760;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .gwds-continuum-lead strong,\n  .gwds-continuum a strong {\n    margin-top: 10px;\n    font-family: var(--gwds-display);\n    font-size: 1.32rem;\n    font-weight: 400;\n    line-height: 1.08;\n  }\n\n  .gwds-continuum a {\n    border-left: 1px solid rgba(16, 39, 28, 0.15);\n    transition: color 250ms ease, background 250ms ease;\n  }\n\n  .gwds-continuum a:hover {\n    color: var(--gwds-ivory);\n    background: var(--gwds-forest-soft);\n  }\n\n  \/* Final *\/\n  .gwds-final {\n    position: relative;\n    padding: 160px 0;\n    overflow: hidden;\n    color: var(--gwds-white);\n    background: var(--gwds-forest-deep);\n  }\n\n  .gwds-final::before {\n    position: absolute;\n    inset: 0;\n    content: \"\";\n    background:\n      radial-gradient(circle at 88% 22%, rgba(200, 167, 102, 0.14), transparent 34%),\n      linear-gradient(120deg, rgba(18, 54, 36, 0.46), transparent 65%);\n  }\n\n  .gwds-final-inner {\n    text-align: center;\n  }\n\n  .gwds-final-title {\n    max-width: 920px;\n    margin: 28px auto 0;\n    font-family: var(--gwds-display);\n    font-size: clamp(3.2rem, 7vw, 7rem);\n    font-weight: 400;\n    letter-spacing: -0.05em;\n    line-height: 0.94;\n    text-wrap: balance;\n  }\n\n  .gwds-final-title em {\n    color: var(--gwds-gold-pale);\n    font-weight: 400;\n  }\n\n  .gwds-final-copy {\n    max-width: 680px;\n    margin: 30px auto 0;\n    color: rgba(255, 253, 248, 0.74);\n    font-size: 1.06rem;\n    line-height: 1.78;\n  }\n\n  .gwds-final-actions {\n    justify-content: center;\n    margin-top: 36px;\n  }\n\n  [data-gwds-reveal] {\n    opacity: 0;\n    transform: translateY(24px);\n    transition: opacity 720ms ease var(--gwds-delay, 0ms), transform 720ms cubic-bezier(.2,.7,.2,1) var(--gwds-delay, 0ms);\n  }\n\n  [data-gwds-reveal].gwds-visible {\n    opacity: 1;\n    transform: none;\n  }\n\n  @media (max-width: 1080px) {\n    .gwds-wrap {\n      width: min(100% - 56px, 1100px);\n    }\n\n    .gwds-hero-grid {\n      grid-template-columns: 1fr 250px;\n      gap: 40px;\n    }\n\n    .gwds-lens-inner {\n      grid-template-columns: 1fr repeat(3, auto);\n    }\n\n    .gwds-lens a:nth-last-child(-n+2) {\n      display: none;\n    }\n\n    .gwds-intro-grid,\n    .gwds-flow-grid,\n    .gwds-scope-grid {\n      gap: 64px;\n    }\n\n    .gwds-specimen-copy {\n      padding: 72px 54px;\n    }\n\n    .gwds-context-grid {\n      grid-template-columns: 1.1fr 0.9fr;\n      grid-template-rows: 520px 360px 360px;\n    }\n\n    .gwds-context:first-child {\n      grid-row: 1 \/ span 2;\n    }\n\n    .gwds-context:last-child {\n      grid-column: 1 \/ span 2;\n    }\n\n    .gwds-continuum-inner {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .gwds-continuum a,\n    .gwds-continuum-lead {\n      border: 1px solid rgba(16, 39, 28, 0.15);\n    }\n  }\n\n  @media (max-width: 820px) {\n    .gwds-wrap {\n      width: calc(100% - 44px);\n    }\n\n    .gwds-hero {\n      min-height: 860px;\n    }\n\n    .gwds-hero-grid {\n      grid-template-columns: 1fr;\n      align-content: end;\n      gap: 34px;\n      padding-block: 150px 92px;\n    }\n\n    .gwds-hero-title {\n      font-size: clamp(4.2rem, 13vw, 6.7rem);\n    }\n\n    .gwds-hero-aside {\n      max-width: 540px;\n      padding: 22px 0 0;\n      border-top: 1px solid var(--gwds-line);\n      border-left: 0;\n    }\n\n    .gwds-hero-aside ul {\n      grid-template-columns: repeat(3, auto);\n    }\n\n    .gwds-scroll {\n      right: 24px;\n      bottom: 26px;\n    }\n\n    .gwds-lens-inner {\n      grid-template-columns: 1fr 1fr;\n      gap: 18px 28px;\n      padding-block: 28px;\n    }\n\n    .gwds-lens-lead {\n      grid-column: 1 \/ -1;\n    }\n\n    .gwds-lens a:nth-last-child(-n+2) {\n      display: inline;\n    }\n\n    .gwds-intro,\n    .gwds-flow,\n    .gwds-contexts,\n    .gwds-scope,\n    .gwds-film {\n      padding: 104px 0;\n    }\n\n    .gwds-intro-grid,\n    .gwds-flow-grid,\n    .gwds-scope-grid,\n    .gwds-film-head,\n    .gwds-context-head {\n      grid-template-columns: 1fr;\n      gap: 54px;\n    }\n\n    .gwds-intro-media {\n      min-height: 640px;\n    }\n\n    .gwds-flow-intro {\n      position: static;\n    }\n\n    .gwds-specimen-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .gwds-specimen-media {\n      min-height: 620px;\n    }\n\n    .gwds-specimen-copy {\n      padding: 84px 40px;\n    }\n\n    .gwds-film-head,\n    .gwds-context-head {\n      margin-bottom: 44px;\n    }\n\n    .gwds-context-grid {\n      grid-template-columns: 1fr 1fr;\n      grid-template-rows: 520px 380px 380px;\n    }\n\n    .gwds-context:first-child {\n      grid-column: 1 \/ -1;\n      grid-row: auto;\n    }\n\n    .gwds-context:last-child {\n      grid-column: 1 \/ -1;\n    }\n\n    .gwds-final {\n      padding: 120px 0;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .gwds-wrap {\n      width: calc(100% - 32px);\n    }\n\n    .gwds-kicker {\n      gap: 10px;\n      font-size: 0.62rem;\n      letter-spacing: 0.17em;\n    }\n\n    .gwds-kicker::before {\n      width: 24px;\n    }\n\n    .gwds-hero {\n      min-height: 780px;\n    }\n\n    .gwds-hero-media img {\n      object-position: 63% center;\n    }\n\n    .gwds-hero-media::before {\n      background: linear-gradient(180deg, rgba(3, 11, 7, 0.25), rgba(3, 11, 7, 0.62) 38%, rgba(3, 11, 7, 0.96) 100%);\n    }\n\n    .gwds-hero-grid {\n      gap: 26px;\n      padding-block: 120px 76px;\n    }\n\n    .gwds-hero-title {\n      margin-top: 20px;\n      font-size: clamp(3.45rem, 18vw, 4.7rem);\n      line-height: 0.87;\n    }\n\n    .gwds-hero-copy {\n      margin-top: 25px;\n      font-size: 0.98rem;\n      line-height: 1.67;\n    }\n\n    .gwds-actions {\n      display: grid;\n      grid-template-columns: 1fr;\n    }\n\n    .gwds-button {\n      width: 100%;\n      min-height: 55px;\n      padding-inline: 18px;\n      text-align: center;\n    }\n\n    .gwds-hero-aside-title {\n      font-size: 1.55rem;\n    }\n\n    .gwds-hero-aside ul {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 8px 14px;\n    }\n\n    .gwds-scroll {\n      display: none;\n    }\n\n    .gwds-lens-inner {\n      grid-template-columns: 1fr;\n    }\n\n    .gwds-intro,\n    .gwds-flow,\n    .gwds-contexts,\n    .gwds-scope,\n    .gwds-film {\n      padding: 82px 0;\n    }\n\n    .gwds-intro-media {\n      min-height: 450px;\n    }\n\n    .gwds-intro-primary {\n      inset: 0 11% 11% 0;\n    }\n\n    .gwds-intro-secondary {\n      width: 50%;\n      height: 42%;\n      border-width: 8px;\n    }\n\n    .gwds-themes {\n      grid-template-columns: 1fr;\n    }\n\n    .gwds-theme,\n    .gwds-theme:nth-child(even) {\n      min-height: 0;\n      padding: 25px 0;\n      border-left: 0;\n    }\n\n    .gwds-specimen-media {\n      min-height: 470px;\n    }\n\n    .gwds-specimen-copy {\n      padding: 72px 22px;\n    }\n\n    .gwds-specimen-point {\n      grid-template-columns: 1fr;\n      gap: 7px;\n    }\n\n    .gwds-flow-note {\n      font-size: 1.25rem;\n    }\n\n    .gwds-flow-step {\n      gap: 20px;\n    }\n\n    .gwds-film-label {\n      align-items: flex-start;\n      flex-direction: column;\n      padding: 18px;\n    }\n\n    .gwds-film-ratio {\n      aspect-ratio: 4 \/ 3;\n    }\n\n    .gwds-context-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      grid-template-rows: none;\n    }\n\n    .gwds-context,\n    .gwds-context:first-child,\n    .gwds-context:last-child {\n      grid-column: auto;\n      grid-row: auto;\n      min-height: 480px;\n    }\n\n    .gwds-context-copy {\n      padding: 25px;\n    }\n\n    .gwds-scope-panel {\n      padding: 30px 24px;\n    }\n\n    .gwds-continuum {\n      padding: 28px 0;\n    }\n\n    .gwds-continuum-inner {\n      grid-template-columns: 1fr;\n    }\n\n    .gwds-continuum a,\n    .gwds-continuum-lead {\n      min-height: 106px;\n    }\n\n    .gwds-final {\n      padding: 98px 0;\n    }\n\n    .gwds-final-title {\n      font-size: clamp(3rem, 15vw, 4.6rem);\n    }\n  }\n\n  @media (hover: none) {\n    .gwds-context:hover img,\n    .gwds-specimen:hover .gwds-specimen-media img {\n      transform: none;\n    }\n\n    .gwds-context:hover .gwds-context-copy {\n      transform: none;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .gwds-root *,\n    .gwds-root *::before,\n    .gwds-root *::after {\n      scroll-behavior: auto !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    .gwds-root [data-gwds-reveal] {\n      opacity: 1;\n      transform: none;\n    }\n  }\n<\/style>\n\n<main class=\"gwds-root\" data-gwds-root>\n  <header class=\"gwds-hero\" aria-labelledby=\"gwds-title\">\n    <figure class=\"gwds-hero-media\" aria-hidden=\"true\">\n      <img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_6937-scaled.jpg\" alt=\"\" fetchpriority=\"high\" decoding=\"async\">\n    <\/figure>\n    <div class=\"gwds-wrap gwds-hero-grid\">\n      <div>\n        <p class=\"gwds-kicker\" data-gwds-reveal>Groundworks \u00b7 Design Services<\/p>\n        <h1 class=\"gwds-hero-title\" id=\"gwds-title\" data-gwds-reveal style=\"--gwds-delay:80ms;\">The landscape begins <em>before the first palm moves.<\/em><\/h1>\n        <p class=\"gwds-hero-copy\" data-gwds-reveal style=\"--gwds-delay:150ms;\">Groundworks helps shape palm selection and placement around architecture, scale, sightlines, access, and the way a property will be experienced\u2014so the concept is compelling on paper and practical in the field.<\/p>\n        <div class=\"gwds-actions gwds-hero-actions\" data-gwds-reveal style=\"--gwds-delay:220ms;\">\n          <a class=\"gwds-button gwds-button-primary\" href=\"\/contact-groundworks\/\">Begin a Design Conversation\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n          <a class=\"gwds-button gwds-button-ghost\" href=\"\/palm-sales\/\">Explore Palm Selection\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n      <aside class=\"gwds-hero-aside\" data-gwds-reveal style=\"--gwds-delay:260ms;\" aria-label=\"Design perspective\">\n        <p class=\"gwds-hero-aside-label\">Read the whole property<\/p>\n        <p class=\"gwds-hero-aside-title\">Intent, proportion, and field reality in one view.<\/p>\n        <ul>\n          <li>Architecture<\/li>\n          <li>Sightlines<\/li>\n          <li>Scale<\/li>\n          <li>Access<\/li>\n          <li>Long-term presence<\/li>\n        <\/ul>\n      <\/aside>\n    <\/div>\n    <a class=\"gwds-scroll\" href=\"#gwds-property\" data-gwds-scroll aria-label=\"Continue to the design overview\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M12 5v13M6 13l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"1.45\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n    <\/a>\n  <\/header>\n\n  <nav class=\"gwds-lens\" aria-label=\"Design considerations\">\n    <div class=\"gwds-wrap gwds-lens-inner\">\n      <span class=\"gwds-lens-lead\">Design with the whole site in view<\/span>\n      <a href=\"#gwds-property\" data-gwds-scroll>Architecture<\/a>\n      <a href=\"#gwds-property\" data-gwds-scroll>Sightlines<\/a>\n      <a href=\"#gwds-specimen\" data-gwds-scroll>Specimen Scale<\/a>\n      <a href=\"#gwds-flow\" data-gwds-scroll>Field Access<\/a>\n      <a href=\"#gwds-contexts\" data-gwds-scroll>Property Context<\/a>\n    <\/div>\n  <\/nav>\n\n  <section class=\"gwds-intro\" id=\"gwds-property\" aria-labelledby=\"gwds-property-title\">\n    <div class=\"gwds-wrap gwds-intro-grid\">\n      <div class=\"gwds-intro-media\" data-gwds-reveal>\n        <figure class=\"gwds-intro-primary\">\n          <img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_0615.webp\" alt=\"Groundworks team reviewing a large-format landscape plan\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <figure class=\"gwds-intro-secondary\">\n          <img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_6937-scaled.jpg\" alt=\"Mature palms framing a residential landscape\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <span class=\"gwds-image-mark\" aria-hidden=\"true\">Site Perspective<\/span>\n      <\/div>\n      <div class=\"gwds-intro-content\">\n        <p class=\"gwds-kicker\" data-gwds-reveal>Design With the Whole Property in View<\/p>\n        <h2 class=\"gwds-display\" id=\"gwds-property-title\" data-gwds-reveal style=\"--gwds-delay:70ms;\">Every palm changes the experience of the site.<\/h2>\n        <p class=\"gwds-copy\" data-gwds-reveal style=\"--gwds-delay:120ms;\">A successful composition considers more than species alone. Mature scale, canopy character, trunk height, views, circulation, architecture, neighboring spaces, and field access all influence what belongs\u2014and where.<\/p>\n        <div class=\"gwds-themes\">\n          <article class=\"gwds-theme\" data-gwds-reveal><span>Architecture<\/span><h3>Proportion &amp; presence<\/h3><p>Relate palm scale and character to the building, arrival sequence, and surrounding landscape.<\/p><\/article>\n          <article class=\"gwds-theme\" data-gwds-reveal style=\"--gwds-delay:55ms;\"><span>Experience<\/span><h3>Sightlines &amp; sequence<\/h3><p>Consider what should be revealed, framed, softened, or screened as people move through the property.<\/p><\/article>\n          <article class=\"gwds-theme\" data-gwds-reveal style=\"--gwds-delay:110ms;\"><span>Constructability<\/span><h3>Space &amp; access<\/h3><p>Account for planting areas, clearances, existing conditions, and the practical route from delivery to final placement.<\/p><\/article>\n          <article class=\"gwds-theme\" data-gwds-reveal style=\"--gwds-delay:165ms;\"><span>Maturity<\/span><h3>Long-term presence<\/h3><p>Choose a direction that respects the palm\u2019s mature form and the experience the landscape is intended to create.<\/p><\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwds-specimen\" id=\"gwds-specimen\" aria-labelledby=\"gwds-specimen-title\">\n    <div class=\"gwds-specimen-grid\">\n      <figure class=\"gwds-specimen-media\" data-gwds-reveal>\n        <img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_0444-scaled.webp\" alt=\"Mature specimen palms viewed through a grove\" loading=\"lazy\" decoding=\"async\">\n      <\/figure>\n      <div class=\"gwds-specimen-copy\">\n        <p class=\"gwds-kicker\" data-gwds-reveal>Specimen Direction<\/p>\n        <h2 class=\"gwds-display\" id=\"gwds-specimen-title\" data-gwds-reveal style=\"--gwds-delay:70ms;\">The right palm is a design decision.<\/h2>\n        <p class=\"gwds-copy\" data-gwds-reveal style=\"--gwds-delay:120ms;\">Species, character, size, trunk form, and canopy scale each create a different architectural effect. Groundworks helps clients consider those distinctions early, before sourcing and field coordination begin.<\/p>\n        <div class=\"gwds-specimen-points\" data-gwds-reveal style=\"--gwds-delay:160ms;\">\n          <div class=\"gwds-specimen-point\"><span>Character<\/span><p>Read silhouette, crown form, trunk expression, and specimen individuality.<\/p><\/div>\n          <div class=\"gwds-specimen-point\"><span>Scale<\/span><p>Consider immediate visual impact alongside mature presence and spatial proportion.<\/p><\/div>\n          <div class=\"gwds-specimen-point\"><span>Composition<\/span><p>Use rhythm, grouping, orientation, and focal placement to support the intended experience.<\/p><\/div>\n        <\/div>\n        <a class=\"gwds-arrow-link\" href=\"\/palm-sales\/\" data-gwds-reveal style=\"--gwds-delay:200ms;\">Explore Palm Sales\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwds-flow\" id=\"gwds-flow\" aria-labelledby=\"gwds-flow-title\">\n    <div class=\"gwds-wrap gwds-flow-grid\">\n      <div class=\"gwds-flow-intro\">\n        <p class=\"gwds-kicker\" data-gwds-reveal>From Vision to Direction<\/p>\n        <h2 class=\"gwds-display\" id=\"gwds-flow-title\" data-gwds-reveal style=\"--gwds-delay:70ms;\">A clearer path from idea to execution.<\/h2>\n        <p class=\"gwds-copy\" data-gwds-reveal style=\"--gwds-delay:120ms;\">The exact path changes with the property. These conversations help make the design direction more legible before palms, trucks, and crews begin moving.<\/p>\n        <blockquote class=\"gwds-flow-note\" data-gwds-reveal style=\"--gwds-delay:170ms;\">The earlier the visual intent and the field conditions can be considered together, the more useful the palm decision becomes.<\/blockquote>\n      <\/div>\n      <ol class=\"gwds-flow-steps\">\n        <li class=\"gwds-flow-step\" data-gwds-reveal><span class=\"gwds-flow-marker\" aria-hidden=\"true\"><\/span><div><h3>Listen<\/h3><p>Define the property\u2019s priorities, desired atmosphere, intended use, and practical constraints.<\/p><\/div><\/li>\n        <li class=\"gwds-flow-step\" data-gwds-reveal style=\"--gwds-delay:60ms;\"><span class=\"gwds-flow-marker\" aria-hidden=\"true\"><\/span><div><h3>Read the site<\/h3><p>Consider architecture, views, scale, existing landscape conditions, circulation, and access.<\/p><\/div><\/li>\n        <li class=\"gwds-flow-step\" data-gwds-reveal style=\"--gwds-delay:120ms;\"><span class=\"gwds-flow-marker\" aria-hidden=\"true\"><\/span><div><h3>Compose<\/h3><p>Develop a practical direction for palm type, specimen scale, placement, rhythm, and visual hierarchy.<\/p><\/div><\/li>\n        <li class=\"gwds-flow-step\" data-gwds-reveal style=\"--gwds-delay:180ms;\"><span class=\"gwds-flow-marker\" aria-hidden=\"true\"><\/span><div><h3>Coordinate<\/h3><p>Carry the design intent forward into sourcing, delivery planning, installation, and establishment.<\/p><\/div><\/li>\n      <\/ol>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwds-film\" aria-labelledby=\"gwds-film-title\">\n    <div class=\"gwds-wrap\">\n      <header class=\"gwds-film-head\">\n        <div><p class=\"gwds-kicker\" data-gwds-reveal>Design Meets the Field<\/p><h2 class=\"gwds-display\" id=\"gwds-film-title\" data-gwds-reveal style=\"--gwds-delay:70ms;\">Scale and placement are easier to understand in motion.<\/h2><\/div>\n        <p class=\"gwds-copy\" data-gwds-reveal style=\"--gwds-delay:120ms;\">This Groundworks field presentation illustrates why specimen scale, access, orientation, and installation sequence deserve consideration before work begins.<\/p>\n      <\/header>\n      <div class=\"gwds-film-frame\" data-gwds-reveal style=\"--gwds-delay:150ms;\">\n        <div class=\"gwds-film-label\"><span>Groundworks Field Education<\/span><strong>Specimen Date Palm Installation<\/strong><\/div>\n        <div class=\"gwds-film-ratio\">\n          <iframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/IqxOAAs80Sw?rel=0\" title=\"Groundworks specimen date palm installation\" loading=\"lazy\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwds-contexts\" id=\"gwds-contexts\" aria-labelledby=\"gwds-context-title\">\n    <div class=\"gwds-wrap\">\n      <header class=\"gwds-context-head\">\n        <div><p class=\"gwds-kicker\" data-gwds-reveal>Designed for the Setting<\/p><h2 class=\"gwds-display\" id=\"gwds-context-title\" data-gwds-reveal style=\"--gwds-delay:70ms;\">Different properties ask different questions.<\/h2><\/div>\n        <p class=\"gwds-copy\" data-gwds-reveal style=\"--gwds-delay:120ms;\">The design lens shifts with the architecture, audience, arrival sequence, exposure, views, and working conditions surrounding the landscape.<\/p>\n      <\/header>\n      <div class=\"gwds-context-grid\">\n        <article class=\"gwds-context\" tabindex=\"0\" data-gwds-reveal><img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_6937-scaled.jpg\" alt=\"Mature palms within a waterfront residential landscape\" loading=\"lazy\" decoding=\"async\"><div class=\"gwds-context-copy\"><span>Private Residences<\/span><h3>Architecture, privacy, and long views.<\/h3><p>Palm compositions considered around arrival, outdoor living, sightlines, and the experience of moving through a distinctive property.<\/p><\/div><\/article>\n        <article class=\"gwds-context\" tabindex=\"0\" data-gwds-reveal style=\"--gwds-delay:55ms;\"><img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/1000039961.jpg\" alt=\"Tall palms creating a formal destination landscape\" loading=\"lazy\" decoding=\"async\"><div class=\"gwds-context-copy\"><span>Communities &amp; Entrances<\/span><h3>Rhythm, hierarchy, and identity.<\/h3><p>Prominent shared approaches benefit from a clear sense of scale and arrival.<\/p><\/div><\/article>\n        <article class=\"gwds-context\" tabindex=\"0\" data-gwds-reveal style=\"--gwds-delay:110ms;\"><img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/DJI_20260202121054_0017_D.jpg\" alt=\"Aerial view of a large property and coordinated palm project\" loading=\"lazy\" decoding=\"async\"><div class=\"gwds-context-copy\"><span>Commercial &amp; Hospitality<\/span><h3>Presentation meets field reality.<\/h3><p>Visible landscapes shaped around guest experience, operational needs, access, and project coordination.<\/p><\/div><\/article>\n        <article class=\"gwds-context\" tabindex=\"0\" data-gwds-reveal style=\"--gwds-delay:165ms;\"><img src=\"https:\/\/datepalm.com\/wp-content\/uploads\/2026\/08\/IMG_0444-scaled.webp\" alt=\"Mature palms composed within a finished landscape\" loading=\"lazy\" decoding=\"async\"><div class=\"gwds-context-copy\"><span>Waterfront &amp; Coastal<\/span><h3>Views, exposure, and architectural presence.<\/h3><p>Palm placement considered within the visual and practical constraints of coastal properties.<\/p><\/div><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gwds-scope\" aria-labelledby=\"gwds-scope-title\">\n    <div class=\"gwds-wrap gwds-scope-grid\">\n      <div class=\"gwds-scope-copy\">\n        <p class=\"gwds-kicker\" data-gwds-reveal>The Right Expertise<\/p>\n        <h2 class=\"gwds-display\" id=\"gwds-scope-title\" data-gwds-reveal style=\"--gwds-delay:70ms;\">Design guidance grounded in real palms and real sites.<\/h2>\n        <p class=\"gwds-copy\" data-gwds-reveal style=\"--gwds-delay:120ms;\">Groundworks provides practical palm and landscape design guidance rooted in specimen knowledge and field experience. Projects requiring signed or sealed plans, engineering, irrigation design, architectural approvals, or permitting should remain under the direction of the appropriate licensed professionals.<\/p>\n        <a class=\"gwds-button gwds-button-ghost\" href=\"\/professional\/\" data-gwds-reveal style=\"--gwds-delay:170ms;\">Explore Professional Resources\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n      <\/div>\n      <aside class=\"gwds-scope-panel\" data-gwds-reveal style=\"--gwds-delay:130ms;\">\n        <p class=\"gwds-panel-label\">A useful starting point<\/p>\n        <h3>Bring what exists. It does not need to be final.<\/h3>\n        <p>A design conversation can begin with plans, photographs, reference imagery, a species question, dimensions, access information, or simply the atmosphere the property should create.<\/p>\n      <\/aside>\n    <\/div>\n  <\/section>\n\n  <nav class=\"gwds-continuum\" aria-label=\"Connected Groundworks services\">\n    <div class=\"gwds-wrap gwds-continuum-inner\">\n      <div class=\"gwds-continuum-lead\"><span>Carry the intent forward<\/span><strong>A connected palm program<\/strong><\/div>\n      <a href=\"\/palm-sales\/\"><span>Source<\/span><strong>Palm Sales<\/strong><\/a>\n      <a href=\"\/delivery-logistics\/\"><span>Move<\/span><strong>Delivery &amp; Logistics<\/strong><\/a>\n      <a href=\"\/installation-services\/\"><span>Place<\/span><strong>Installation Services<\/strong><\/a>\n      <a href=\"\/establishment-maintenance\/\"><span>Support<\/span><strong>Establishment &amp; Maintenance<\/strong><\/a>\n    <\/div>\n  <\/nav>\n\n  <section class=\"gwds-final\" aria-labelledby=\"gwds-final-title\">\n    <div class=\"gwds-wrap gwds-final-inner\">\n      <p class=\"gwds-kicker\" data-gwds-reveal>Begin With the Property<\/p>\n      <h2 class=\"gwds-final-title\" id=\"gwds-final-title\" data-gwds-reveal style=\"--gwds-delay:70ms;\">Bring us the site, the vision, <em>and the questions.<\/em><\/h2>\n      <p class=\"gwds-final-copy\" data-gwds-reveal style=\"--gwds-delay:120ms;\">Share photographs, plans, measurements, or the broad outline of what you want to create. Groundworks can help clarify the palm direction and identify the next practical step.<\/p>\n      <div class=\"gwds-actions gwds-final-actions\" data-gwds-reveal style=\"--gwds-delay:170ms;\">\n        <a class=\"gwds-button gwds-button-primary\" href=\"\/contact-groundworks\/\">Discuss Your Project\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n        <a class=\"gwds-button gwds-button-ghost\" href=\"\/services\/\">Explore Groundworks Services\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h13M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/main>\n\n<script>\n  (() => {\n    const root = document.querySelector('[data-gwds-root]');\n    if (!root || root.dataset.gwdsReady === 'true') return;\n    root.dataset.gwdsReady = 'true';\n\n    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    const revealItems = Array.from(root.querySelectorAll('[data-gwds-reveal]'));\n\n    if (reduceMotion || !('IntersectionObserver' in window)) {\n      revealItems.forEach((item) => item.classList.add('gwds-visible'));\n    } else {\n      const observer = new IntersectionObserver((entries, currentObserver) => {\n        entries.forEach((entry) => {\n          if (!entry.isIntersecting) return;\n          entry.target.classList.add('gwds-visible');\n          currentObserver.unobserve(entry.target);\n        });\n      }, { rootMargin: '0px 0px -8% 0px', threshold: 0.08 });\n\n      revealItems.forEach((item) => observer.observe(item));\n    }\n\n    root.querySelectorAll('[data-gwds-scroll]').forEach((link) => {\n      link.addEventListener('click', (event) => {\n        const targetId = link.getAttribute('href');\n        if (!targetId || !targetId.startsWith('#')) return;\n        const target = root.querySelector(targetId);\n        if (!target) return;\n        event.preventDefault();\n        target.scrollIntoView({ behavior: reduceMotion ? 'auto' : 'smooth', block: 'start' });\n      });\n    });\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Groundworks \u00b7 Design Services The landscape begins before the first palm moves. Groundworks helps shape palm selection and placement around architecture, scale, sightlines, access, and the way a property will be experienced\u2014so the concept is compelling on paper and practical in the field. Begin a Design Conversation Explore Palm Selection Read the whole property Intent, [&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-476","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages\/476","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=476"}],"version-history":[{"count":13,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages\/476\/revisions"}],"predecessor-version":[{"id":812,"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/pages\/476\/revisions\/812"}],"wp:attachment":[{"href":"https:\/\/datepalm.com\/es\/wp-json\/wp\/v2\/media?parent=476"}],"curies":[{"name":"buen juego","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}