body.light-prototype {
  --light-paper: #f7fbfa;
  --light-paper-alt: #edf7f5;
  --light-ink: #0a292e;
  --light-muted: #48676c;
  --light-line: rgba(10, 41, 46, 0.12);
  --light-accent: #0891b2;
  background: var(--light-paper);
  color: var(--light-ink);
}

body.light-prototype ::selection {
  background: rgba(6, 182, 212, 0.24);
  color: #061c20;
}

body.light-prototype main {
  background: var(--light-paper);
}

body.light-prototype .static-noise {
  opacity: 0.026;
  mix-blend-mode: multiply;
  background-image:
    radial-gradient(circle at center, rgba(10, 41, 46, 0.72) 0 0.42px, transparent 0.66px),
    radial-gradient(circle at center, rgba(8, 145, 178, 0.7) 0 0.36px, transparent 0.6px),
    radial-gradient(circle at center, rgba(10, 41, 46, 0.42) 0 0.46px, transparent 0.72px);
}

body.light-prototype #hero {
  background: var(--light-paper);
  color: var(--light-ink);
}

body.light-prototype #hero .hero-base {
  background: var(--light-paper);
}

body.light-prototype #hero .hero-wash {
  background: linear-gradient(
    90deg,
    #f7fbfa 0%,
    rgba(247, 251, 250, 0.99) 30%,
    rgba(247, 251, 250, 0.9) 49%,
    rgba(247, 251, 250, 0.22) 78%,
    rgba(247, 251, 250, 0.05) 100%
  );
}

body.light-prototype #hero .hero-grid {
  opacity: 0.52;
  background-image:
    linear-gradient(rgba(10, 41, 46, 0.042) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10, 41, 46, 0.042) 1px, transparent 1px);
}

body.light-prototype #hero #equipment {
  filter: contrast(1.04) saturate(0.92) drop-shadow(0 34px 70px rgba(18, 73, 82, 0.17));
}

body.light-prototype #hero .hero-image-fade {
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(247, 251, 250, 0.08) 30%,
    rgba(247, 251, 250, 0.83) 76%,
    #f7fbfa 100%
  );
}

body.light-prototype #hero h1 {
  color: var(--light-ink);
}

body.light-prototype #hero h1 .text-cyan-400,
body.light-prototype #rentals h2 .text-cyan-400,
body.light-prototype #led-wall h2 .text-cyan-400,
body.light-prototype #where-it-shines h2 .text-cyan-400,
body.light-prototype #service-area h2 .text-cyan-400 {
  color: var(--light-accent);
  text-shadow: none;
}

body.light-prototype #hero .hero-support {
  color: var(--light-muted);
}

body.light-prototype #hero > div:last-child > div:last-child {
  border-color: var(--light-line);
  color: rgba(10, 41, 46, 0.52);
}

body.light-prototype #hero .hero-cta,
body.light-prototype #led-wall a,
body.light-prototype #rentals a:hover,
body.light-prototype #service-area a:hover {
  border-color: rgba(8, 145, 178, 0.3);
  background: #15c1d5;
  color: #05262b;
  box-shadow: 0 14px 42px rgba(8, 145, 178, 0.16);
}

body.light-prototype #hero .hero-cta:hover,
body.light-prototype #led-wall a:hover {
  background: #22d3ee;
}

body.light-prototype #rentals {
  background:
    radial-gradient(circle at 50% 45%, rgba(34, 211, 238, 0.11), transparent 34rem),
    var(--light-paper-alt);
  color: var(--light-ink);
}

body.light-prototype #rentals h2,
body.light-prototype #led-wall h2,
body.light-prototype #where-it-shines h2,
body.light-prototype #service-area h2 {
  color: var(--light-ink);
}

body.light-prototype #rentals .rental-reveal > div:first-child > p,
body.light-prototype #led-wall .led-copy-inner > div > div,
body.light-prototype #where-it-shines .where-header > p + div > p,
body.light-prototype #service-area .location-copy > p:nth-of-type(2) {
  color: var(--light-muted);
}

body.light-prototype #rentals .rental-reveal > div:first-child > p:first-child,
body.light-prototype #led-wall .led-copy-inner > div > p:first-child,
body.light-prototype #where-it-shines .where-header > p:first-child,
body.light-prototype #service-area .location-copy > p:first-child,
body.light-prototype .spotlight-copy > div > p:first-child,
body.light-prototype .gallery-cta-inner > p:first-child {
  color: #0e7490;
}

body.light-prototype #rentals > div:first-child {
  background: rgba(34, 211, 238, 0.09);
}

body.light-prototype #rentals a,
body.light-prototype #service-area a {
  border-color: rgba(14, 116, 144, 0.34);
  background: rgba(255, 255, 255, 0.34);
  color: #0e7490;
}

body.light-prototype #rentals figure,
body.light-prototype #led-wall .led-card {
  border-color: rgba(10, 41, 46, 0.15);
  box-shadow: 0 24px 65px rgba(20, 66, 72, 0.16);
}

body.light-prototype #rentals figure:nth-child(2) img {
  filter: brightness(0.92) saturate(0.92);
}

body.light-prototype #rentals figure:nth-child(3) img {
  filter: brightness(0.88) saturate(0.88);
}

body.light-prototype #rentals figure:nth-child(4) img {
  filter: brightness(0.9) saturate(0.92);
}

body.light-prototype #rentals figcaption,
body.light-prototype #led-wall .led-card figcaption,
body.light-prototype #service-area figcaption {
  color: rgba(255, 255, 255, 0.82);
}

body.light-prototype #led-wall,
body.light-prototype #led-stage {
  background: var(--light-paper-alt);
  color: var(--light-ink);
}

body.light-prototype #led-stage .led-vignette {
  background: radial-gradient(
    circle at center,
    rgba(237, 247, 245, 0.04) 0%,
    rgba(237, 247, 245, 0.46) 58%,
    #edf7f5 100%
  );
}

body.light-prototype #led-stage .led-top-fade {
  background: linear-gradient(to bottom, #edf7f5, transparent);
}

body.light-prototype #led-stage .led-bottom-fade {
  background: linear-gradient(to top, #edf7f5, transparent);
}

body.light-prototype #led-wall .spotlight-panel,
body.light-prototype #led-wall .spotlight-image,
body.light-prototype #led-wall .gallery-cta-panel {
  background-color: var(--light-paper);
}

body.light-prototype #led-wall .spotlight-image img {
  filter: brightness(0.98) saturate(0.88) contrast(1.02);
}

body.light-prototype #led-wall .spotlight-image-wash {
  background: linear-gradient(
    180deg,
    rgba(247, 251, 250, 0.35) 0%,
    rgba(247, 251, 250, 0.82) 42%,
    rgba(247, 251, 250, 0.98) 86%,
    #f7fbfa 100%
  );
}

body.light-prototype #led-wall .spotlight-image-side-fade {
  background: linear-gradient(to right, #f7fbfa, rgba(247, 251, 250, 0.82), transparent);
}

body.light-prototype #led-wall .spotlight-image .mix-blend-color {
  opacity: 0;
}

body.light-prototype #led-wall .spotlight-copy h2,
body.light-prototype #led-wall .gallery-cta-inner h2 {
  color: var(--light-ink);
}

body.light-prototype #led-wall .spotlight-copy > div > p:nth-of-type(2),
body.light-prototype #led-wall .spotlight-copy ul,
body.light-prototype #led-wall .gallery-cta-inner > p:nth-of-type(2) {
  color: var(--light-muted);
}

body.light-prototype #led-wall .spotlight-copy li {
  border-color: var(--light-line);
}

body.light-prototype #led-wall .spotlight-copy strong {
  color: var(--light-ink);
}

body.light-prototype #led-wall .spotlight-copy > div > p:last-child,
body.light-prototype #led-wall .led-progress {
  color: rgba(10, 41, 46, 0.48);
}

body.light-prototype #led-wall .gallery-cta-panel > div:first-child {
  border-color: rgba(8, 145, 178, 0.14);
  background: rgba(34, 211, 238, 0.08);
  box-shadow: 0 0 150px rgba(8, 145, 178, 0.11);
}

body.light-prototype #where-it-shines {
  background: var(--light-paper);
  color: var(--light-ink);
}

body.light-prototype #where-it-shines > div:first-child {
  background: rgba(34, 211, 238, 0.1);
}

body.light-prototype #where-it-shines .where-band {
  border-color: rgba(10, 41, 46, 0.1);
  box-shadow: 0 13px 34px rgba(25, 72, 78, 0.08);
}

body.light-prototype #where-it-shines .where-band:nth-child(2),
body.light-prototype #where-it-shines .where-band:nth-child(4),
body.light-prototype #where-it-shines .where-band:nth-child(6) {
  background: #dcefed;
}

body.light-prototype #where-it-shines .where-band:nth-child(3),
body.light-prototype #where-it-shines .where-band:nth-child(7) {
  background: #ffffff;
}

body.light-prototype #where-it-shines .where-band h3 {
  color: var(--light-ink);
}

body.light-prototype #service-area {
  border-color: var(--light-line);
  background: #e9f4f2;
  color: var(--light-ink);
}

body.light-prototype #service-area .service-wash {
  background: linear-gradient(
    90deg,
    #e9f4f2 0%,
    rgba(233, 244, 242, 0.98) 38%,
    rgba(233, 244, 242, 0.34) 72%,
    rgba(233, 244, 242, 0.65) 100%
  );
}

body.light-prototype #service-wave-canvas {
  opacity: 0.72;
}

body.light-prototype #service-area .location-photo {
  border-color: rgba(10, 41, 46, 0.12);
  background: #dcebea;
  box-shadow: 0 30px 85px rgba(21, 65, 71, 0.16);
}

body.light-prototype #service-area .location-photo-image {
  filter: brightness(1.02) saturate(0.92) contrast(1.02);
}

body.light-prototype #service-area .location-photo-wash {
  background: linear-gradient(
    180deg,
    rgba(233, 244, 242, 0.08) 0%,
    transparent 50%,
    rgba(7, 27, 31, 0.78) 100%
  );
}

body.light-prototype #service-area .location-photo-side-fade {
  background: linear-gradient(to right, #e9f4f2, rgba(233, 244, 242, 0.5), transparent);
}

body.light-prototype #service-area .location-photo .mix-blend-color {
  opacity: 0;
}

@media (min-width: 1024px) {
  body.light-prototype #service-area .location-photo figcaption {
    padding-right: calc(1.75rem + 8vw);
  }

  body.light-prototype #led-wall .spotlight-image-wash {
    background: linear-gradient(
      90deg,
      #f7fbfa 0%,
      rgba(247, 251, 250, 0.94) 17%,
      rgba(247, 251, 250, 0.13) 51%,
      rgba(247, 251, 250, 0.22) 100%
    );
  }
}

@media (max-width: 767px) {
  body.light-prototype #hero .hero-wash {
    background: linear-gradient(
      180deg,
      rgba(247, 251, 250, 0.96) 0%,
      rgba(247, 251, 250, 0.9) 54%,
      rgba(247, 251, 250, 0.98) 100%
    );
  }

  body.light-prototype #hero #equipment {
    opacity: 0.44 !important;
  }
}