/* GigaWorks — soft orange/grey fabric-like motion */
body {
  position: relative;
  isolation: isolate;
  background: #eee8e3;
}
#gw-metallic-background {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background:
    linear-gradient(135deg, #eee9e5 0%, #ded8d4 36%, #F0A064 72%, #E8752A 100%);
  contain: strict;
}
#gw-metallic-background::before {
  content: "";
  position: absolute;
  inset: -18%;
  background:
    radial-gradient(ellipse at 15% 35%, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 34%),
    radial-gradient(ellipse at 68% 28%, rgba(240,160,100,.26) 0%, rgba(255,204,161,0) 38%),
    radial-gradient(ellipse at 48% 78%, rgba(107,100,96,.16) 0%, rgba(107,100,96,0) 42%),
    linear-gradient(120deg,
      rgba(255,255,255,.20) 0%,
      rgba(255,255,255,.02) 22%,
      rgba(188,181,176,.18) 42%,
      rgba(232,117,42,.18) 64%,
      rgba(255,255,255,.16) 82%,
      rgba(255,255,255,.03) 100%);
  background-size: 150% 150%, 160% 160%, 170% 170%, 180% 180%;
  filter: blur(18px) saturate(.92);
  transform: scale(1.10);
  animation: gw-fabric-drift 160s linear infinite;
}
#gw-metallic-background::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg,
      rgba(248,245,242,.72) 0%,
      rgba(248,245,242,.58) 34%,
      rgba(248,245,242,.24) 62%,
      rgba(248,245,242,.06) 100%);
}
.hero, .light, .service, .homepage {
  background: transparent;
}
.hero::after {
  display: none;
}
.nav {
  background: rgba(250,248,246,.96);
  box-shadow: 0 1px 0 rgba(90,74,65,.10), 0 6px 20px rgba(70,55,45,.05);
}
.card, .pm-tile {
  background: #ececec;
  border-color: #d4d0cd;
  box-shadow: 0 14px 30px rgba(50,37,31,.16), 0 3px 8px rgba(50,37,31,.08);
}
.pm-symbol {
  background: #f8f7f5;
}
.hero p, .intro p, .sectionlead, .pm-intro, .about-intro, .about-block p {
  color: #564943;
}
.about-block {
  border-top-color: rgba(130,112,103,.22);
}
.contact, .footer {
  position: relative;
}
html.gw-motion-paused #gw-metallic-background::before {
  animation-play-state: paused;
}
@keyframes gw-fabric-drift {
  0% {
    background-position: 0% 30%, 20% 10%, 40% 80%, 0% 50%;
    transform: translate3d(-2%, 0, 0) scale(1.10) skewX(-1deg);
  }
  25% {
    background-position: 25% 35%, 35% 15%, 55% 72%, 28% 48%;
    transform: translate3d(0%, 1.2%, 0) scale(1.11) skewX(.5deg);
  }
  50% {
    background-position: 50% 40%, 50% 22%, 68% 65%, 55% 52%;
    transform: translate3d(2%, 0, 0) scale(1.10) skewX(1deg);
  }
  75% {
    background-position: 75% 34%, 65% 16%, 82% 74%, 78% 49%;
    transform: translate3d(0%, -1.2%, 0) scale(1.11) skewX(-.4deg);
  }
  100% {
    background-position: 100% 30%, 80% 10%, 100% 80%, 100% 50%;
    transform: translate3d(-2%, 0, 0) scale(1.10) skewX(-1deg);
  }
}
@media (max-width: 650px) {
  #gw-metallic-background::before {
    filter: blur(14px) saturate(.90);
  }
  #gw-metallic-background::after {
    background: linear-gradient(90deg,
      rgba(248,245,242,.76),
      rgba(248,245,242,.56) 58%,
      rgba(248,245,242,.24));
  }
}
@media (prefers-reduced-motion: reduce) {
  #gw-metallic-background::before {
    animation: none;
  }
  html {
    scroll-behavior: auto;
  }
}


/* gw-desktop-relief-2026: dimensional architectural backdrop, desktop only */
@media (min-width: 801px) {
  #gw-metallic-background {
    background:
      radial-gradient(ellipse 75% 85% at 8% 8%, rgba(255,255,255,.87) 0%, rgba(255,255,255,0) 77%),
      radial-gradient(ellipse 70% 74% at 93% 75%, rgba(214,151,116,.13) 0%, transparent 82%),
      linear-gradient(134deg, #f5f2ef 0%, #ebe6e1 48%, #e5dbd4 100%);
  }
  #gw-metallic-background::before {
    opacity: .43;
    filter: blur(24px) saturate(.72);
  }
  #gw-metallic-background::after {
    background:
      linear-gradient(90deg, rgba(250,248,246,.91) 0%, rgba(250,248,246,.78) 31%, rgba(250,248,246,.50) 55%, rgba(250,248,246,.10) 84%, rgba(250,248,246,.05) 100%),
      url("./gw-dimensional-relief.svg") no-repeat right center / auto 100%;
  }
}
@media (max-width: 800px) {
  #gw-metallic-background { display: none !important; }
}


/* gw-approved-technical-drawing-20261019-v2: approved architectural plans on both desktop and mobile */
#gw-metallic-background {
  display: block !important;
  background-color: #f5f1eb !important;
  background-image: url("./gw-approved-technical-desktop-20261019.jpg") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
#gw-metallic-background::before,
#gw-metallic-background::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}
@media (max-width: 800px) {
  #gw-metallic-background {
    display: block !important;
    background-image: url("./gw-approved-technical-mobile-20261019.jpg") !important;
    background-position: center center !important;
  }
}