/* BUILD 16 — WHOLE-SITE LOGO WATERMARK */
html,body{
  background:#050505;
}
body{
  position:relative;
  isolation:isolate;
}
.site-watermark{
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  overflow:hidden;
}
.site-watermark::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(72vw,980px);
  aspect-ratio:1/1;
  transform:translate(-50%,-50%);
  background:url('../images/wit-logo-transparent.png') center/contain no-repeat;
  opacity:.045;
  filter:grayscale(1) brightness(2.1) contrast(.85);
  animation:witWatermarkFloat 18s ease-in-out infinite alternate;
}
.site-watermark::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.015),transparent 42%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12));
}
@keyframes witWatermarkFloat{
  from{transform:translate(-50%,-50%) scale(1)}
  to{transform:translate(-50%,-53%) scale(1.035)}
}

/* Keep content above the watermark */
header,main,section,footer,.topbar,.mobile-call,.sticky-call,.video-lightbox{
  position:relative;
  z-index:1;
}

/* Let dark sections show the logo subtly without hurting readability */
.section,
.about-page,
.video-page,
.case-section{
  background-color:rgba(5,5,5,.90);
}
.services.section,
.about-story.section,
.reviews.section,
.video-preview.section,
.video-showcase.section,
.contact.section,
.spotlight.section{
  background-color:rgba(5,5,5,.86);
}

/* Clean comparison images with no captions */
.spotlight-comparison figure{
  overflow:hidden;
}
.spotlight-comparison figcaption{
  display:none !important;
}

/* Mobile watermark */
@media(max-width:820px){
  .site-watermark::before{
    width:120vw;
    opacity:.035;
    top:48%;
  }
  .section,
  .about-page,
  .video-page,
  .case-section{
    background-color:rgba(5,5,5,.92);
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .site-watermark::before{animation:none!important}
}