/* SITUP v1 media rollout: scoped styles only. Existing brand/nav/canvas untouched. */
.hero[data-situp-image="home"] {
  min-height: 0;
  padding-top: clamp(52px, 6vw, 88px);
  padding-bottom: 24px;
  grid-template-columns: minmax(0, 1.618fr) minmax(0, 1fr);
}
.situp-media { margin: 0; text-align: center; position: relative; min-width: 0; }
.situp-media img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.18));
}
.situp-media figcaption {
  color: var(--muted, #bdd1d9);
  font-size: .71rem;
  line-height: 1.35;
  opacity: .78;
  margin-top: 6px;
}
.situp-home-visual img { max-height: 410px; width: 100%; }
.hero-panel[data-situp-proof] {
  margin: 0 0 42px;
  padding: 20px 24px;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 22px;
  width: 100%;
}
.hero-panel[data-situp-proof] .metric {
  border: 0;
  border-right: 1px solid var(--border,rgba(160,214,200,.2));
  padding: 8px 16px 8px 0;
}
.hero-panel[data-situp-proof] .metric:last-child { border-right: 0; }
.hero-panel[data-situp-proof] .eyebrow {
  grid-column: 1/-1;
  margin: 0;
  padding: 0;
}
.hero-panel[data-situp-proof] .metric strong { font-size: clamp(1.1rem,2vw,1.5rem); }
.situp-visual-split {
  display: grid;
  grid-template-columns: minmax(0, 1.618fr) minmax(0, 1fr);
  gap: clamp(20px,4.5vw,72px);
  align-items: center;
  padding-top: 34px;
}
.situp-visual-split > .page-hero {
  max-width: none;
  padding: 40px 0 36px;
  min-width: 0;
}
.situp-service-visual img { max-height: 460px; }
.situp-visual-split:has(img[src*="surveillance-trailer"]) .situp-service-visual img {
  max-height: 570px;
}
.situp-camera-module {
  margin: 26px auto 50px;
  padding: 25px clamp(20px,3vw,38px);
  display: grid;
  grid-template-columns: minmax(0,1.618fr) minmax(0,1fr);
  align-items: center;
  gap: 26px;
  border: 1px solid var(--border,rgba(120,210,185,.2));
  border-radius: var(--radius,16px);
  background: rgba(8,27,40,.65);
}
.situp-camera-module h2 { font-size: clamp(1.5rem,2.6vw,2.3rem); }
.situp-camera-module p { color: var(--muted,#bdd1d9); }
.situp-camera-module .situp-camera-label {
  color: var(--green,var(--cyan,#53f36e));
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: .76rem;
  font-weight: 800;
}
.situp-camera-module a { color: var(--green,var(--cyan,#53f36e)); font-weight: 750; }
.situp-camera-visual img { max-height: 340px; }
@media (max-width: 900px) {
  .hero[data-situp-image="home"], .situp-visual-split, .situp-camera-module {
    grid-template-columns: minmax(0,1fr);
  }
  .hero-panel[data-situp-proof] { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .situp-visual-split { padding-top: 14px; }
  .situp-visual-split > .page-hero { padding: 32px 0 12px; }
  .situp-service-visual img, .situp-home-visual img { max-height: 380px; }
}
@media (max-width: 560px) {
  .hero-panel[data-situp-proof] { grid-template-columns: minmax(0,1fr); gap: 7px; }
  .hero-panel[data-situp-proof] .metric { border-right: 0; border-bottom: 1px solid var(--border,rgba(160,214,200,.2)); }
  .hero-panel[data-situp-proof] .metric:last-child { border-bottom: 0; }
  .situp-camera-module { padding: 22px 16px; }
  .situp-media figcaption { font-size: .67rem; }
}