.elementor-10625 .elementor-element.elementor-element-6653ce6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10625 .elementor-element.elementor-element-6653ce6:not(.elementor-motion-effects-element-type-background), .elementor-10625 .elementor-element.elementor-element-6653ce6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-84225a3 );}.elementor-10625 .elementor-element.elementor-element-6dd0892{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10625 .elementor-element.elementor-element-6dd0892:not(.elementor-motion-effects-element-type-background), .elementor-10625 .elementor-element.elementor-element-6dd0892 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-84225a3 );}.elementor-10625 .elementor-element.elementor-element-b184866{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10625 .elementor-element.elementor-element-b184866:not(.elementor-motion-effects-element-type-background), .elementor-10625 .elementor-element.elementor-element-b184866 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-84225a3 );}.elementor-10625 .elementor-element.elementor-element-ca893fd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10625 .elementor-element.elementor-element-ca893fd:not(.elementor-motion-effects-element-type-background), .elementor-10625 .elementor-element.elementor-element-ca893fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-84225a3 );}.elementor-10625 .elementor-element.elementor-element-aa72b48{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10625 .elementor-element.elementor-element-aa72b48:not(.elementor-motion-effects-element-type-background), .elementor-10625 .elementor-element.elementor-element-aa72b48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-84225a3 );}.elementor-10625 .elementor-element.elementor-element-f1c893e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10625 .elementor-element.elementor-element-f1c893e:not(.elementor-motion-effects-element-type-background), .elementor-10625 .elementor-element.elementor-element-f1c893e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-84225a3 );}/* Start custom CSS *//* ============================================================
   COLUMBINE LANDSCAPES CO — Page CSS
   /services/ongoing-care/
   Body class: .page-id-10625
   Prefix: .cl-oc-*
   Last updated: Phase 2 revised — session 22 May 2026

   Depends on columbine-global.css for:
     cl-cta, cl-dh-link, cl-blockquote-wrap, cl-blockquote,
     cl-blockquote-attr, cl-text-link, cl-dh-resource-card
   ============================================================ */


/* ============================================================
   SECTION 01 — INTRO
   Philosophy-page pattern. Two-column: text left, image right.
   No hero. Opens directly below the nav.
   ============================================================ */

.cl-oc-intro {
  background: #FAF8F5;
  padding: 80px 80px 96px 80px;
  box-sizing: border-box;
  width: 100%;
}

.cl-oc-intro-inner {
  max-width: 1200px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: stretch;
}

.cl-oc-intro-text {
  display: flex;
  flex-direction: column;
}

.cl-oc-intro-eyebrow {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #9A9588 !important;
  display: block;
  margin-bottom: 20px !important;
}

/* Line 1 of the headline — roman, slate */
.cl-oc-intro-h1 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: clamp(36px, 4.5vw, 52px) !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
  color: #2C2830 !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
  /* Each line is a separate element so the break is structural,
     not reliant on viewport width. white-space: nowrap locks
     each line within the grid column at desktop. */
  white-space: nowrap;
}

/* Line 2 of the headline — italic, plum, block so it sits
   on its own line beneath .cl-oc-intro-h1 */
.cl-oc-intro-h1-italic {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: clamp(36px, 4.5vw, 52px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  line-height: 1.1 !important;
  color: #6B2D68 !important;
  letter-spacing: -0.01em !important;
  display: block;
  margin: 0 0 28px 0 !important;
  white-space: nowrap;
}

.cl-oc-intro-body {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  color: #4A4840 !important;
  max-width: 480px;
  margin: 0 0 14px 0 !important;
}

.cl-oc-intro-body:last-of-type {
  margin-bottom: 0 !important;
}

/* Right column — image */
.cl-oc-intro-image {
  width: 100%;
  background: #DDD9CF;
  border-radius: 6px;
  padding: 40px;
  box-sizing: border-box;
  align-self: stretch;
  display: flex;
  align-items: stretch;
}

.cl-oc-intro-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 480px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 4px !important;
  display: block !important;
}


/* ============================================================
   SECTION 02 — WHAT IT INVOLVES
   Linen background. Two-column: copy left, stepped list right.
   ============================================================ */

.cl-oc-involves {
  background: #DDD9CF;
  padding: 96px 80px;
  box-sizing: border-box;
  width: 100%;
  border-top: 0.5px solid #DDD9D2;
}

.cl-oc-involves-inner {
  max-width: 1160px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

/* Left column — eyebrow, h2, copy, pull-quote, link */
.cl-oc-involves-text {
  display: flex;
  flex-direction: column;
}

.cl-oc-involves-eyebrow {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #9A9588 !important;
  display: block;
  margin-bottom: 20px !important;
}

.cl-oc-involves-h2 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: clamp(26px, 2.8vw, 38px) !important;
  font-weight: 300 !important;
  line-height: 1.18 !important;
  color: #2C2830 !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 24px 0 !important;
}

.cl-oc-involves-h2 em {
  font-style: italic !important;
  color: #6B2D68 !important;
}

.cl-oc-involves-body {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  color: #4A4840 !important;
  max-width: 420px;
  margin: 0 0 18px 0 !important;
}

/* Inline pull-quote — Fraunces italic plum, lighter than the
   formal blockquote in Section 03 (no border-left rule) */
.cl-oc-pull-quote {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  font-style: italic !important;
  line-height: 1.5 !important;
  color: #6B2D68 !important;
  margin: 4px 0 24px 0 !important;
}

/* Right column — stepped care list */
.cl-oc-care-list {
  padding-top: 4px;
}

.cl-oc-care-item {
  display: flex;
  gap: 20px;
  padding: 22px 0;
  border-bottom: 0.5px solid #C8C4BC;
  align-items: flex-start;
}

.cl-oc-care-item:first-child {
  border-top: 0.5px solid #C8C4BC;
}

.cl-oc-care-num {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #9A9588 !important;
  flex-shrink: 0;
  min-width: 22px;
  margin-top: 1px;
}

.cl-oc-care-item-text {
  display: flex;
  flex-direction: column;
}

.cl-oc-care-item-name {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #2C2830 !important;
  margin-bottom: 3px !important;
}

.cl-oc-care-item-desc {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #9A9588 !important;
  line-height: 1.65 !important;
}


/* ============================================================
   SECTION 03 — CARE AS THE CONTINUATION OF DESIGN
   Fog background. Two-column: blockquote + copy left, photo right.
   ============================================================ */

.cl-oc-philosophy {
  background: #FAF8F5;
  padding: 96px 80px;
  box-sizing: border-box;
  width: 100%;
  border-top: 0.5px solid #DDD9D2;
}

.cl-oc-philosophy-inner {
  max-width: 1160px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

.cl-oc-philosophy-text {
  display: flex;
  flex-direction: column;
}

.cl-oc-philosophy-eyebrow {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #9A9588 !important;
  display: block;
  margin-bottom: 20px !important;
}

.cl-oc-philosophy-h2 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: clamp(26px, 2.8vw, 38px) !important;
  font-weight: 300 !important;
  line-height: 1.18 !important;
  color: #2C2830 !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 36px 0 !important;
}

.cl-oc-philosophy-h2 em {
  font-style: italic !important;
  color: #6B2D68 !important;
}

/* Blockquote uses global cl-blockquote-wrap + cl-blockquote.
   Override adds bottom margin before the body copy. */
.cl-oc-philosophy-text .cl-blockquote-wrap {
  margin-bottom: 36px;
}

.cl-oc-philosophy-body {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.85 !important;
  color: #4A4840 !important;
  margin: 0 0 18px 0 !important;
}

.cl-oc-philosophy-body:last-of-type {
  margin-bottom: 0 !important;
}

/* Service area note — separated from editorial copy by a
   border-top; muted stone reads as a practical aside */
.cl-oc-philosophy-service-note {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.75 !important;
  color: #9A9588 !important;
  border-top: 0.5px solid #DDD9D2;
  padding-top: 20px;
  margin-top: 28px !important;
}

/* Right column — photo with linen background wrapper,
   consistent with .cl-oc-intro-image treatment */
.cl-oc-philosophy-image {
  width: 100%;
  background: #DDD9CF;
  border-radius: 6px;
  padding: 40px;
  box-sizing: border-box;
  align-self: stretch;
  display: flex;
  align-items: stretch;
}

.cl-oc-philosophy-image img {
  width: 100% !important;
  height: 100% !important;
  min-height: 440px !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 4px !important;
  display: block !important;
}


/* ============================================================
   SECTION 04 — INSPIRATION CARDS
   Linen background. Three manually placed posts.
   Card grid inherits cl-dh-resource-card from global.
   ============================================================ */

.cl-oc-inspiration {
  background: #DDD9CF;
  padding: 96px 0;
  border-top: 0.5px solid #DDD9D2;
}

.cl-oc-inspiration-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 48px;
}

.cl-oc-inspiration-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 48px;
}

.cl-oc-inspiration-heading {
  display: flex;
  flex-direction: column;
}

.cl-oc-inspiration-eyebrow {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #9A9588 !important;
  display: block;
  margin-bottom: 14px !important;
}

.cl-oc-inspiration-h2 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: clamp(24px, 2.5vw, 34px) !important;
  font-weight: 300 !important;
  line-height: 1.18 !important;
  color: #2C2830 !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
}

.cl-oc-inspiration-sub {
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #9A9588 !important;
  margin: 6px 0 0 0 !important;
}

/* Card grid wrapper — 1px gap achieved via background colour
   on the grid container; cards are #FAF8F5 */
.cl-oc-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: #DDD9D2;
}


/* ============================================================
   SECTION 05 — CTA
   Global cl-cta handles all styling. No overrides needed.
   The page-specific body copy is set directly in the widget HTML.
   ============================================================ */


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 900px) {
  .cl-oc-intro          { padding: 64px 40px 80px; }
  .cl-oc-intro-inner    { grid-template-columns: 1fr; gap: 48px; }
  .cl-oc-intro-h1,
  .cl-oc-intro-h1-italic { white-space: normal; }
  .cl-oc-intro-image    { padding: 28px; }
  .cl-oc-intro-image img { min-height: 380px !important; }
  .cl-oc-involves       { padding: 72px 40px; }
  .cl-oc-involves-inner { grid-template-columns: 1fr; gap: 48px; }
  .cl-oc-philosophy     { padding: 72px 40px; }
  .cl-oc-philosophy-inner { grid-template-columns: 1fr; gap: 48px; }
  .cl-oc-philosophy-image { padding: 28px; }
  .cl-oc-philosophy-image img { min-height: 360px !important; }
  .cl-oc-inspiration    { padding: 72px 0; }
  .cl-oc-inspiration-inner { padding: 0 40px; }
  .cl-oc-inspiration-header { flex-direction: column; align-items: flex-start; gap: 16px; }
  .cl-oc-cards-grid     { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .cl-oc-intro          { padding: 48px 24px 64px; }
  .cl-oc-intro-image    { padding: 20px; }
  .cl-oc-intro-image img { min-height: 280px !important; }
  .cl-oc-involves       { padding: 56px 24px; }
  .cl-oc-philosophy     { padding: 56px 24px; }
  .cl-oc-involves-h2    { font-size: 24px !important; }
  .cl-oc-philosophy-h2  { font-size: 24px !important; }
  .cl-oc-intro-image    { padding: 20px; }
  .cl-oc-intro-image img { min-height: 280px !important; }
  .cl-oc-philosophy-image { padding: 20px; }
  .cl-oc-philosophy-image img { min-height: 280px !important; }
  .cl-oc-inspiration    { padding: 56px 0; }
  .cl-oc-inspiration-inner { padding: 0 24px; }
  .cl-oc-cards-grid     { grid-template-columns: 1fr; }
}/* End custom CSS */