/* San Marco Vision — service pages V4 Brand AI */
body[data-rich-version="4"] {
  --smv-blue: #65a9dd;
  --smv-blue-accessible: #2c7fb0;
  --smv-navy: #0a2540;
  --smv-black: #1d1e1c;
  --smv-warm: #f7f6f2;
}

body[data-rich-version="4"] .rich-gallery {
  color: #fff;
  background:
    radial-gradient(circle at 88% 10%, rgba(101, 169, 221, .28), transparent 30rem),
    radial-gradient(circle at 8% 95%, rgba(0, 144, 255, .14), transparent 25rem),
    var(--smv-navy);
}

body[data-rich-version="4"] .rich-gallery::before {
  opacity: .1;
  background-size: 56px 56px;
}

body[data-rich-version="4"] .rich-gallery__eyebrow,
body[data-rich-version="4"] .rich-gallery__status {
  color: var(--smv-blue);
  font-family: var(--font-mono);
  font-weight: 600;
}

body[data-rich-version="4"] .rich-gallery h2 {
  color: #fff;
  font-family: var(--font-display);
}

body[data-rich-version="4"] .rich-gallery__intro { color: rgba(255, 255, 255, .72); }
body[data-rich-version="4"] .rich-gallery__button { border-color: rgba(101, 169, 221, .55); }
body[data-rich-version="4"] .rich-gallery__button:hover { background: rgba(101, 169, 221, .22); }
body[data-rich-version="4"] .rich-gallery__track { scrollbar-color: var(--smv-blue) rgba(255, 255, 255, .08); }
body[data-rich-version="4"] .rich-gallery__track:focus-visible { outline-color: var(--smv-blue); }

body[data-rich-version="4"] .rich-gallery__card {
  color: var(--smv-navy);
  background: var(--smv-warm);
  box-shadow: 0 24px 54px rgba(0, 0, 0, .25);
  opacity: .86;
  transition: opacity .3s ease, transform .3s ease, box-shadow .3s ease;
}

body[data-rich-version="4"] .rich-gallery__card.is-rich-current,
body[data-rich-version="4"] .rich-gallery__card:hover,
body[data-rich-version="4"] .rich-gallery__card:focus-within { opacity: 1; }

body[data-rich-version="4"] .rich-gallery__card.is-rich-current {
  box-shadow: 0 30px 70px rgba(0, 0, 0, .32);
}

body[data-rich-version="4"] .rich-gallery__card:hover { transform: translateY(-4px); }
body[data-rich-version="4"] .rich-gallery__media img { transition-duration: .35s; }
body[data-rich-version="4"] .rich-gallery__card:hover img,
body[data-rich-version="4"] .rich-gallery__card.is-rich-current img { transform: scale(1.02); }
body[data-rich-version="4"] .rich-gallery__copy h3 { color: var(--smv-navy); }
body[data-rich-version="4"] .rich-gallery__copy p { color: #586875; }
body[data-rich-version="4"] .rich-gallery__tag {
  color: var(--smv-navy);
  background: rgba(101, 169, 221, .2);
}

body[data-rich-version="4"] .rich-gallery__status::before { background: var(--smv-blue); }

/* Three restrained depth planes. Text and controls never move. */
body[data-rich-version="4"] [data-v3-scene] { --v3-back-y: 0px; --v3-mid-y: 0px; --v3-front-y: 0px; }
body[data-rich-version="4"] [data-v3-scene] > picture { transform: translate3d(0, var(--v3-back-y), 0); }
body[data-rich-version="4"] [data-v3-layer="mid"] { transform: translate3d(0, var(--v3-mid-y), 0); }
body[data-rich-version="4"] [data-v3-layer="front"] { transform: translate3d(0, var(--v3-front-y), 0); }
body[data-rich-version="4"] [data-v3-scene].is-v3-active > picture,
body[data-rich-version="4"] [data-v3-scene].is-v3-active > [data-v3-layer] { will-change: transform; }

/* Per-service kinetic signatures: one visual gesture per page. */
body[data-rich-version="4"][data-service="offset"] .registration-deck { --v3-signature-shift: var(--v3-mid-y); }
body[data-rich-version="4"][data-service="offset"] .registration-deck { translate: 0 var(--v3-signature-shift); }

body[data-rich-version="4"][data-service="labels"] .visual-glint {
  opacity: 0;
  transform: translateX(-115%) skewX(-15deg);
}
body[data-rich-version="4"][data-service="labels"] .is-v3-visible .visual-glint {
  opacity: .68;
  transform: translateX(115%) skewX(-15deg);
  transition: transform 1.25s cubic-bezier(.2,.7,.2,1) .2s, opacity .3s ease;
}

body[data-rich-version="4"][data-service="promo"] .object-tags span {
  transition: transform .65s cubic-bezier(.2,.7,.2,1), opacity .45s ease;
}
body[data-rich-version="4"][data-service="promo"] .is-v3-visible .object-tags span:nth-child(1) { transform: translate3d(0, -4px, 0); }
body[data-rich-version="4"][data-service="promo"] .is-v3-visible .object-tags span:nth-child(2) { transform: translate3d(0, 4px, 0); }

body[data-rich-version="4"][data-service="continuous"] .paper-path { translate: 0 var(--v3-mid-y); }
body[data-rich-version="4"][data-service="continuous"] .paper-sequence { opacity: .72; }

body[data-rich-version="4"][data-service="design"] .design-boards { translate: 0 var(--v3-mid-y); }

@media (max-width: 860px) {
  body[data-rich-version="4"] .rich-gallery__card { opacity: 1; }
  body[data-rich-version="4"] [data-v3-scene] > picture,
  body[data-rich-version="4"] [data-v3-layer="mid"],
  body[data-rich-version="4"] [data-v3-layer="front"] { transform: none !important; translate: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-rich-version="4"] [data-v3-scene] > picture,
  body[data-rich-version="4"] [data-v3-layer],
  body[data-rich-version="4"] .visual-glint,
  body[data-rich-version="4"] .object-tags span { transform: none !important; translate: none !important; transition: none !important; }
  body[data-rich-version="4"] .visual-glint { opacity: 0 !important; }
}