/* Real Labs brand art v4.2. Identity display + subtle document watermarks.
   Does not touch navigation, form, footer, or interactive control styles. */

.rl26-identity-frame {
  position: relative !important;
  isolation: isolate;
  display: grid;
  place-items: center;
  overflow: hidden;
  min-height: clamp(245px, 31vw, 425px);
  margin-inline: auto;
  max-width: 1100px;
  box-sizing: border-box;
}
.rl26-identity-frame > .rl26-identity-watermark {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: url("/assets/brand-2026/real-labs-circuit-watermark-2026.webp") center center / min(100%, 1080px) auto no-repeat;
  opacity: .105;
  filter: saturate(.85);
  pointer-events: none;
}
img.rl26-identity-emblem {
  display: block !important;
  position: relative;
  z-index: 1;
  width: min(395px, 68vw) !important;
  height: auto !important;
  max-height: 410px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  padding: 0 !important;
  filter: drop-shadow(0 10px 28px rgba(4, 119, 183, .15));
}
.rl26-hero-watermark {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  top: 3%;
  right: 0;
  bottom: 3%;
  left: 0;
  background: url("/assets/brand-2026/real-labs-circuit-watermark-2026.webp") center center / min(95%, 1150px) auto no-repeat;
  opacity: .062;
}
.rl26-watermark-hero {
  position: relative;
  isolation: isolate;
}
.rl26-watermark-hero > :not(.rl26-hero-watermark) {
  position: relative;
  z-index: 1;
}
@media (max-width: 640px) {
  .rl26-identity-frame { min-height: 258px; }
  img.rl26-identity-emblem { width: min(315px, 81vw) !important; max-height: 320px !important; }
  .rl26-identity-frame > .rl26-identity-watermark { opacity: .08; background-size: 140% auto; }
  .rl26-hero-watermark { opacity: .035; background-size: 155% auto; }
}
@media (prefers-reduced-motion: reduce) {
  img.rl26-identity-emblem { transition: none !important; animation: none !important; }
}