/* Shared GROMKO palette. Only interface surfaces and text; media keeps its color. */
:root {
  --gromko-base: #171a20;
  --gromko-panel: #19212d;
  --gromko-text: #f1f3f7;
  --gromko-muted: #c7ccd5;
  --gromko-line: #74839966;
  --gromko-accent: #8ebaf0;
  --gromko-atmosphere: radial-gradient(ellipse at 85% 22%,#19365b 0,transparent 52%),linear-gradient(135deg,#1b1e24,#101217 70%);
  --background: #171a20 !important;
  background-color: #171a20 !important;
}
body { background: #171a20 !important; }
.gromko-preview { color: var(--gromko-text); background: var(--gromko-base); }
.gromko-preview .site { background: var(--gromko-base) !important; }
.gromko-preview :is(.projects,.services-overview,.team-section,.service-page,.room-blueprint-page,.equipment-blueprint-page) {
  background: var(--gromko-atmosphere) !important;
  color: var(--gromko-text);
}
.gromko-preview #approach-2.engineering { background: var(--gromko-atmosphere); }
.gromko-preview .rental-page .services { background: none !important; }
.gromko-preview #top.hero { background-color: var(--gromko-base); }
.gromko-preview #top .veil {
  background: linear-gradient(90deg,#171a20ed 0%,#171a2099 44%,#171a2014 80%),linear-gradient(180deg,#171a206b,transparent 30%,#171a2080);
}
.gromko-preview :is(.project,.service-card,.equipment-item,.service-result,.rental-contact) {
  background: linear-gradient(135deg,#202b3b,#151d29 78%) !important;
  border-color: var(--gromko-line);
}
.gromko-preview :is(.project,.service-card):hover { border-color: #8ebaf0a0; }
.gromko-preview :is(.project-copy,.service-card-copy) { background: transparent !important; }
.gromko-preview :is(.project-description,.project-date,.service-card-copy p,.team-member p,.service-lead,.service-inclusions p,.service-result p,.rental-intro p,.rental-process p) { color: var(--gromko-muted); }
.gromko-preview :is(.section-header,.home-footer,.service-nav,.rental-nav) { border-color: var(--gromko-line); }
.gromko-preview :is(.section-header nav a,.site-main-nav a,.home-footer a) { color: #d6dde8; }
.gromko-preview :is(.section-header nav a,.site-main-nav a,.home-footer a):hover { color: #fff; }
.gromko-preview :is(.eyebrow,.project-label,.service-detail-heading,.visuals-heading p) { color: #c0cbdc; }
.gromko-preview .service-marquee.hero-ribbon { background: #171a20; color: var(--gromko-muted); }
.gromko-preview .service-marquee .marquee-group { color: #d6dde8; }
.gromko-preview :is(.projects-more button,.service-order-cta,.rental-actions a,.contacts-call) {
  background: linear-gradient(120deg,#26364d,#19212d) !important;
  border-color: #849cb875;
  color: var(--gromko-text);
}
.gromko-preview :is(.projects-more button,.service-order-cta,.rental-actions a,.contacts-call):hover { background: #2b3b52 !important; border-color: #a6c8ef; }
.gromko-preview .equipment-filters button { background: #19212d; color: #ccd5e2; border-color: #74839966; }
.gromko-preview .equipment-filters button[aria-pressed=true] { background: #dbe9fc; color: #142135; border-color: #dbe9fc; }
.gromko-preview .equipment-item .rental-model-plate { background: linear-gradient(135deg,#2a3a50,#19212d); border-color: var(--gromko-line); }
.gromko-preview .team-photo-slot { background-color: #202833; border-color: var(--gromko-line); }
.gromko-preview .contacts-section { background-color: var(--gromko-base) !important; }
.gromko-preview .contacts-section .contacts-scrim {
  background: linear-gradient(90deg,#171a20 0%,#171a20f5 26%,#171a20b8 47%,#171a2038 75%),linear-gradient(0deg,#171a20ae,transparent 45%);
}
.gromko-preview .contacts-section .messenger-icon { background: #19212dc9; border-color: #849cb875; color: #e2ebf7; }
.gromko-preview .contacts-section :is(.eyebrow,.contacts-details dt) { color: #c7ccd5; }
.case-page { background: var(--gromko-atmosphere); color: var(--gromko-text); }
.case-page :is(.case-nav,.case-footer,.case-category) { border-color: var(--gromko-line); }
.case-page :is(.case-overline,.small-label,.case-date,.case-intro,.case-description p) { color: var(--gromko-muted); }
.case-page .back-link { border-color: #849cb875; color: #d6dde8; }
.case-page .back-link:hover { color: #fff; }
@media(max-width:760px) {
  .gromko-preview :is(.projects,.services-overview,.team-section,.service-page,.room-blueprint-page,.equipment-blueprint-page),
  .gromko-preview #approach-2.engineering,.case-page {
    background: radial-gradient(ellipse at 100% 35%,#19365b 0,transparent 60%),#171a20 !important;
  }
  .gromko-preview .rental-page .services { background: none !important; }
  .gromko-preview .contacts-section .contacts-scrim { background: linear-gradient(90deg,#171a20ed,#171a20b8); }
}