:root {
  --gzd-asset-grain: url("/images/gzd/gzd-paper-grain.png");
  --gzd-asset-wash: url("/images/gzd/gzd-mobile-wash.png");
  --gzd-asset-mist: url("/images/gzd/gzd-header-mist.png");
  --gzd-asset-vignette: url("/images/gzd/gzd-vignette.png");
  --gzd-asset-panel: url("/images/gzd/gzd-panel-soft.png");
  --gzd-asset-fiber: url("/images/gzd/gzd-paper-fiber.svg");
  --gzd-asset-footer: url("/images/gzd/gzd-footer-band.png");
  --gzd-asset-search: url("/images/gzd/gzd-search-panel.png");
  --gzd-asset-btn: url("/images/gzd/gzd-btn-vermilion.png");
  --gzd-asset-btn-hover: url("/images/gzd/gzd-btn-vermilion-hover.png");
  --gzd-asset-divider: url("/images/gzd/gzd-divider-rule.png");
  --gzd-silk: var(--gzd-asset-grain);
}


@media (max-width: 959px) {
  html.gzd-portal-home-page body,
  html.gzd-portal-search-page body,
  html.gzd-login-html body,
  html.gzd-advice-html body,
  html.gzd-help-html body,
  html.gzd-video-html body,
  html.gzd-about-html body,
  html.gzd-portal-elder-page body {
    background-color: #E8DCC6 !important;
    background-image:
      radial-gradient(ellipse 100% 40% at 50% -8%, rgba(168, 137, 58, 0.14) 0%, transparent 55%),
      linear-gradient(180deg, rgba(247, 239, 226, 0.55) 0%, rgba(240, 230, 212, 0.25) 40%, transparent 70%),
      var(--gzd-asset-wash),
      var(--gzd-asset-grain) !important;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat !important;
    background-size:
      auto,
      auto,
      cover,
      140px 140px !important;
    background-position: center top, center top, center top, 0 0 !important;
    background-attachment: scroll, scroll, scroll, scroll !important;
  }

  
  html.gzd-portal-home-page .header,
  html.gzd-portal-search-page .search-header,
  html.gzd-portal-search-page .header.search-header,
  html.gzd-login-html .header,
  html.gzd-advice-html .gzd-satellite-header,
  html.gzd-help-html .gzd-satellite-header,
  html.gzd-video-html .gzd-satellite-header,
  html.gzd-about-html .gzd-satellite-header,
  html.gzd-portal-elder-page .elder-home-header,
  html.gzd-portal-elder-page .elder-search-header {
    background-image:
      linear-gradient(180deg, rgba(247, 239, 226, 0.82) 0%, rgba(240, 230, 212, 0.55) 100%),
      var(--gzd-asset-mist) !important;
    background-repeat: no-repeat !important;
    background-size: cover, cover !important;
    background-position: center top !important;
  }

  
  html.gzd-portal-home-page .home-search-panel,
  html.gzd-portal-home-page .resources-panel,
  html.gzd-portal-search-page .search-card--results,
  html.gzd-portal-search-page .results-archive,
  html.gzd-portal-search-page .search-sidebar,
  html.gzd-login-html .login-card,
  html.gzd-advice-html .gzd-advice-card,
  html.gzd-help-html .gzd-help-card,
  html.gzd-video-html .gzd-video-card {
    background-image:
      linear-gradient(165deg, rgba(247, 239, 226, 0.92) 0%, rgba(240, 230, 212, 0.88) 55%, rgba(237, 226, 206, 0.9) 100%),
      var(--gzd-asset-panel) !important;
    background-repeat: no-repeat, repeat !important;
    background-size: auto, 160px 160px !important;
  }

  
  html.gzd-portal-home-page body::before,
  html.gzd-portal-search-page body::before,
  html.gzd-login-html body::before,
  html.gzd-advice-html body::before,
  html.gzd-help-html body::before,
  html.gzd-video-html body::before,
  html.gzd-about-html body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
      var(--gzd-asset-vignette) center / cover no-repeat;
    opacity: 0.55;
  }

  html.gzd-portal-home-page .wrapper,
  html.gzd-portal-search-page .wrapper,
  html.gzd-login-html .page,
  html.gzd-advice-html .gzd-advice-wrapper,
  html.gzd-help-html .gzd-help-wrapper,
  html.gzd-video-html .gzd-video-wrapper,
  html.gzd-about-html .gzd-about-wrapper {
    position: relative;
    z-index: 1;
  }

  
  html.gzd-portal-home-page .footer,
  html.gzd-portal-search-page .search-footer,
  html.gzd-portal-search-page .footer.search-footer {
    background-image:
      linear-gradient(180deg, rgba(243, 234, 217, 0.75) 0%, rgba(232, 220, 198, 0.92) 100%),
      var(--gzd-asset-grain) !important;
    background-repeat: no-repeat, repeat !important;
    background-size: auto, 120px 120px !important;
  }
}


@media (min-width: 960px) {
  html.gzd-portal-home-page body,
  html.gzd-portal-search-page body,
  html.gzd-login-html body {
    background-image:
      radial-gradient(ellipse 90% 45% at 50% -10%, rgba(168, 137, 58, 0.12) 0%, transparent 58%),
      linear-gradient(180deg, #F3EAD9 0%, #EDE2CE 50%, #E4D6BE 100%),
      var(--gzd-asset-grain) !important;
    background-repeat: no-repeat, no-repeat, repeat !important;
    background-size: auto, auto, 160px 160px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.gzd-portal-home-page body::before,
  html.gzd-portal-search-page body::before,
  html.gzd-login-html body::before {
    opacity: 0.35;
  }
}