.custom-project{margin-top:36px;padding:36px;border:1px solid #d9d7c9;border-radius:24px;background:#faeee7}.custom-project h3{font-size:32px;line-height:1.2;margin:10px 0 16px}.custom-project>p{max-width:850px;line-height:1.7}.custom-project ol{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:28px 0;padding:0}.custom-project li{counter-increment:steps;display:flex;flex-direction:column;gap:8px;line-height:1.5}.custom-project li:before{content:'0' counter(steps);color:#695638;font-size:13px;font-weight:700}.custom-project li span{font-size:14px}.service-menu{padding:28px;background:#f2f5f2;border-radius:22px}.service-menu li{line-height:1.8}.shop-window .product-heading>p{white-space:normal;max-width:420px}.shop-window .product-heading h2{font-size:clamp(32px,4.2vw,56px)}

@media(max-width:760px){.custom-project{padding:25px}.custom-project ol{grid-template-columns:1fr}.product-sequence .product{min-width:0}}

/* Keep the product sequence and project invitation on one continuous backdrop. */
.products-section{background:var(--bg);border-bottom:0}
.custom-project{margin-top:28px}
.products-section>.wrap.section{padding-bottom:14px}
#services.section{padding-top:14px}
@media(max-width:760px){.custom-project{margin-top:28px}.products-section>.wrap.section{padding-bottom:14px}#services.section{padding-top:14px}}

.custom-project .custom-app-emphasis{font-size:clamp(21px,2.4vw,28px);line-height:1.4;color:#26353d;border-left:4px solid #b98870;padding:12px 18px;background:#ffffff80;border-radius:0 8px 8px 0}
/* Two aligned service panels, with a clean list instead of loose bullets. */
#services{align-items:stretch;gap:28px}
#services .service-intro,#services .service-menu{padding:32px;border:1px solid #dce1e5;border-radius:22px;background:#fff;min-width:0}
#services .service-intro h2{font-size:clamp(30px,3vw,42px)}
#services .service-menu h3{margin:0 0 24px}
#services .service-menu ul{list-style:none;padding:0;margin:0;display:grid;gap:0}
#services .service-menu li{padding:19px 0;border-top:1px solid #dce1e5;line-height:1.5;font-size:18px}
@media(max-width:760px){#services{grid-template-columns:1fr;gap:22px}#services .service-intro,#services .service-menu{padding:24px}}

#services .service-intro>p:not(.eyebrow):not(.lead){font-size:18px;line-height:1.7}

/* v37: Looking Ahead follows the service cards with the same 28px rhythm. */
#services.section{padding-bottom:14px}
.future-projects.section{padding-top:14px}
/* Bring A Little More About Us / Good to Know closer without changing its grid. */
.future-projects.section{padding-bottom:14px}
#good-to-know.section{padding-top:14px}
.custom-offerings{margin:12px 0 0;padding-left:22px;font-size:18px;line-height:1.7}
.custom-offerings li{display:list-item;margin:6px 0}
.new-offering{display:inline-block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#674331;background:#f6dccb;padding:2px 7px;border-radius:20px;vertical-align:middle;margin-left:5px}
.custom-project .custom-offerings li{counter-increment:none;display:list-item}
.custom-project .custom-offerings li:before{content:none}
.custom-project .custom-offerings .new-offering{font-size:10px}
