/* Flagship digital marketing: photograph-led editorial art direction.
   The shared service drawer and its opening mechanics remain intact. */
.digital-marketing-editorial {
  --dm-ink: #030405;
  --dm-paper: #f6f4ec;
  --dm-signal: #8bea4d;
  --dm-line: rgb(255 255 255 / .18);
  background: var(--dm-paper);
}

.digital-marketing-editorial .site-header {
  background: rgb(3 4 5 / .93);
  border-bottom-color: rgb(255 255 255 / .14);
}

.digital-marketing-editorial .site-menu > a:not(.site-button),
.digital-marketing-editorial .site-menu-toggle { color: #f8f7f0 !important; }

.digital-marketing-editorial .site-menu .site-button {
  background: var(--dm-signal);
  border-color: var(--dm-signal);
  color: var(--dm-ink);
}

.digital-marketing-editorial .site-menu.is-open { background: var(--dm-paper); }
.digital-marketing-editorial .site-menu.is-open > a:not(.site-button) { color: var(--dm-ink) !important; }

/* The closed drawer is now the first photographic moment, not a diagram. */
.digital-marketing-editorial [data-service-design='digital-marketing'] .service-drawer-panel {
  background-color: #111510;
  background-image:
    linear-gradient(180deg, rgb(3 4 5 / .08), rgb(3 4 5 / .64)),
    url('../images/editorial/digital-marketing-campaign-wall.webp') !important;
  background-position: center;
  background-size: cover;
  color: #fff9f2;
}

.digital-marketing-editorial [data-service-design='digital-marketing'] .service-drawer-panel--right {
  background-color: #101311;
  background-image:
    linear-gradient(180deg, rgb(3 4 5 / .1), rgb(3 4 5 / .68)),
    url('../images/editorial/digital-marketing-hero-editorial.webp') !important;
  background-position: 74% center;
  color: #fff9f2;
}

.digital-marketing-editorial [data-service-design='digital-marketing'] .drawer-panel-art { opacity: 0; }

.digital-marketing-editorial [data-service-design='digital-marketing'] .drawer-panel-label {
  color: var(--dm-signal);
  font-weight: 700;
  opacity: 1;
  text-shadow: 0 1px 12px rgb(0 0 0 / .6);
}

.digital-marketing-editorial [data-service-design='digital-marketing'] .drawer-panel-word {
  max-width: 7ch;
  color: #fff9f2;
  text-shadow: 0 5px 22px rgb(0 0 0 / .74);
}

.digital-marketing-editorial .service-drawer-controls p { background: var(--dm-ink); color: var(--dm-signal); }
.digital-marketing-editorial .service-drawer-button { background: var(--dm-signal); border-color: var(--dm-signal); color: var(--dm-ink); }

.digital-marketing-editorial .opening-growth {
  background:
    linear-gradient(118deg, rgb(3 4 5 / .96), rgb(3 4 5 / .76)),
    url('../images/generated/lead-manager-system-texture.png') center / cover,
    var(--dm-ink);
  color: #f8f7f0;
}

.digital-marketing-editorial .opening-growth .service-kicker,
.digital-marketing-editorial .opening-growth .service-location { color: var(--dm-signal); }

.digital-marketing-editorial .opening-growth .service-tagline { color: #f8f7f0; }
.digital-marketing-editorial .opening-growth .service-intro-detail { color: #c7cec4; }
.digital-marketing-editorial .opening-growth .service-intro h1 em { color: var(--dm-signal); font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600; }
.digital-marketing-editorial .opening-growth .service-hero-actions .site-button { background: var(--dm-signal); border-color: var(--dm-signal); color: var(--dm-ink); }
.digital-marketing-editorial .opening-growth .service-hero-actions .text-link { color: #f8f7f0; }
.digital-marketing-editorial .opening-growth .service-hero-bottom { border-color: var(--dm-line); color: #c7cec4; }
.digital-marketing-editorial .opening-growth .service-hero-bottom a { color: #f8f7f0; }

/* Replace the reused line-art cluster with two connected photographic moments. */
.digital-marketing-editorial .opening-growth .service-art > .lm-art-decor,
.digital-marketing-editorial .opening-growth .lm-art-sheen { display: none !important; }

.digital-marketing-editorial .opening-growth .growth-visual {
  height: clamp(340px, 31vw, 520px);
  grid-template-columns: minmax(0, 1.18fr) minmax(210px, .82fr);
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 14px;
}

.digital-marketing-editorial .opening-growth .growth-photo {
  grid-row: 1 / -1;
  min-height: 0;
  border: 1px solid rgb(255 255 255 / .22);
  border-radius: 0;
}

.digital-marketing-editorial .opening-growth .growth-photo picture,
.digital-marketing-editorial .opening-growth .growth-photo img { display: block; width: 100%; height: 100%; }
.digital-marketing-editorial .opening-growth .growth-photo img { object-position: 72% center; }

.digital-marketing-editorial .opening-growth .growth-photo > span {
  right: 14px;
  bottom: 14px;
  left: 14px;
  padding: 10px 12px;
  border: 1px solid rgb(255 255 255 / .2);
  background: rgb(3 4 5 / .84);
  color: #f8f7f0;
}

.digital-marketing-editorial .opening-growth .growth-radar {
  min-height: 0;
  border-radius: 0;
  background: #111610;
}

.digital-marketing-editorial .opening-growth .growth-radar > picture,
.digital-marketing-editorial .opening-growth .growth-radar > picture img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.digital-marketing-editorial .opening-growth .growth-radar > picture img {
  object-fit: cover;
  object-position: 68% center;
  filter: saturate(.78) contrast(1.04);
}

.digital-marketing-editorial .opening-growth .growth-radar::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 32%, rgb(3 4 5 / .82));
  content: '';
}

.digital-marketing-editorial .opening-growth .growth-radar i { display: none; }
.digital-marketing-editorial .opening-growth .growth-radar > span,
.digital-marketing-editorial .opening-growth .growth-radar > b { z-index: 1; color: #fff9f2; }
.digital-marketing-editorial .opening-growth .growth-radar > span { right: 15px; top: 14px; font-size: 21px; }
.digital-marketing-editorial .opening-growth .growth-radar > b { align-self: end; padding: 16px; font-size: clamp(23px, 2.2vw, 37px); text-align: left; }

.digital-marketing-editorial .opening-growth .growth-path {
  padding: 17px 18px;
  border: 1px solid rgb(139 234 77 / .54);
  border-radius: 0;
  background: #111811;
  gap: 10px;
}

.digital-marketing-editorial .opening-growth .growth-path::before { background: rgb(139 234 77 / .4); }
.digital-marketing-editorial .opening-growth .growth-path > span { font-size: clamp(12px, 1vw, 14px); color: #f8f7f0; }
.digital-marketing-editorial .opening-growth .growth-path b { border-color: var(--dm-signal); background: #111811; color: var(--dm-signal); }

.digital-marketing-editorial .dm-editorial-feature { background: var(--dm-ink); }
.digital-marketing-editorial .dm-editorial-feature img {
  height: clamp(500px, 58vw, 790px) !important;
  max-height: none !important;
  object-position: center;
  filter: saturate(.82) contrast(1.04);
}

.digital-marketing-editorial .dm-editorial-feature::after {
  position: absolute;
  inset: auto 0 0;
  height: 35%;
  background: linear-gradient(transparent, rgb(3 4 5 / .74));
  content: '';
  pointer-events: none;
}

.digital-marketing-editorial .dm-editorial-feature figcaption {
  z-index: 1;
  border: 1px solid rgb(255 255 255 / .22);
  border-radius: 0;
  background: rgb(3 4 5 / .84);
  color: #f8f7f0;
}

.digital-marketing-editorial #service-content { padding-top: clamp(85px, 9vw, 150px); }
.digital-marketing-editorial #service-content .service-kicker { color: #537a39; }
.digital-marketing-editorial .capability-grid { gap: 0 clamp(30px, 4vw, 64px); }
.digital-marketing-editorial .capability { border-top-color: #9ba798; }
.digital-marketing-editorial .capability-number { color: #537a39; }

.digital-marketing-editorial .service-workflow { background: #090e09; }
.digital-marketing-editorial .dm-workflow-image {
  border: 1px solid rgb(139 234 77 / .48);
  border-radius: 0;
  background: #111;
  box-shadow: 14px 16px 0 rgb(139 234 77 / .12);
}

.digital-marketing-editorial .dm-workflow-image img { object-position: 63% center; filter: saturate(.78) contrast(1.04); }
.digital-marketing-editorial .dm-workflow-image figcaption { border-radius: 0; background: rgb(3 4 5 / .84); color: #f8f7f0; }
.digital-marketing-editorial .dm-workflow-image .lm-art-sheen { display: none !important; }

/* CTA is intentionally quiet: visual proof belongs above it, action stays clear. */
.digital-marketing-editorial .service-cta { background: #080b08; }
.digital-marketing-editorial .service-cta::before {
  position: absolute;
  width: min(48vw, 650px);
  aspect-ratio: 1;
  top: -52%;
  right: -18%;
  border: 1px solid rgb(139 234 77 / .26);
  border-radius: 50%;
  box-shadow: 0 0 0 40px rgb(139 234 77 / .035), 0 0 0 80px rgb(139 234 77 / .02);
  content: '';
}

.digital-marketing-editorial .service-cta-orb { display: none; }
.digital-marketing-editorial .service-brief-card {
  right: auto;
  left: 0;
  width: min(100%, 390px);
  padding: 22px 0 22px 24px;
  border: 0;
  border-left: 2px solid var(--dm-signal);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.digital-marketing-editorial .service-brief-card > i { display: none; }
.digital-marketing-editorial .service-brief-card span { color: var(--dm-signal); }
.digital-marketing-editorial .service-brief-card strong { color: #f8f7f0; }
.digital-marketing-editorial .service-brief-next {
  right: auto;
  bottom: 30px;
  left: 0;
  border: 1px solid rgb(255 255 255 / .24);
  border-radius: 0;
  background: rgb(3 4 5 / .56);
}

.digital-marketing-editorial .service-brief-next b { color: var(--dm-signal); }

@media (max-width: 800px) {
  .digital-marketing-editorial .opening-growth .growth-visual {
    height: 390px;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  .digital-marketing-editorial .opening-growth .growth-photo { display: block; height: auto; }
  .digital-marketing-editorial .opening-growth .growth-radar { height: auto; }
  .digital-marketing-editorial .opening-growth .growth-path { grid-column: 2; }
  .digital-marketing-editorial .service-cta-art { min-height: 285px; }
}

@media (max-width: 600px) {
  .digital-marketing-editorial .site-menu-toggle { border-color: rgb(255 255 255 / .45); }
  .digital-marketing-editorial .opening-growth .growth-visual { height: auto; grid-template-columns: 1fr; grid-template-rows: none; }
  .digital-marketing-editorial .opening-growth .growth-photo { grid-row: auto; height: 340px; }
  .digital-marketing-editorial .opening-growth .growth-radar { min-height: 228px; }
  .digital-marketing-editorial .opening-growth .growth-path { grid-column: auto; min-height: 128px; }
  .digital-marketing-editorial .opening-growth .growth-path > span { font-size: 11px; }
  .digital-marketing-editorial .dm-editorial-feature img { height: 470px !important; object-position: 50% center; }
  .digital-marketing-editorial .dm-editorial-feature figcaption { left: 18px; bottom: 18px; }
  .digital-marketing-editorial .service-cta-art { min-height: 240px; }
}

@media (prefers-reduced-motion: reduce) {
  .digital-marketing-editorial .service-drawer-panel,
  .digital-marketing-editorial .service-drawer-controls { transition: none !important; }
}