.site  {
    --cassiopeia-color-primary: #000;
    --cassiopeia-color-hover: #999;
    --cassiopeia-color-link: #666;
  }

.container-header {
    background-image: linear-gradient(135deg, #FFFFFF 50% , #c0c0c0 100%);
    background-color: #FFFFFF;
  }
.container-header .mod-menu {
    color: #4b4b4b;
  }

  .lead {
	font-size: clamp(0.75rem, 3vw, 1.1rem);
}

.bottom-b {
background-color: var(--gray-900);
background-image: linear-gradient(90deg, var(--gray-900) 0%, var(--gray-700) 100%);
margin-top: 0;
}
  
.Xfooter {
  position: relative;
  background: var(--gray-900);
}

.Xfooter:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0;
  clip-path: polygon(1% 0%, 4% 100%, 4% 1%, 7% 50%, 11% 42%, 13% 100%, 19% 1%, 21% 100%, 26% 5%, 30% 100%, 35% 7%, 43% 100%, 45% 1%, 52% 100%, 51% 21%, 55% 76%, 56% 10%, 61% 90%, 61% 0%, 69% 94%, 70% 0%, 76% 100%, 76% 10%, 84% 100%, 84% 69%, 89% 4%, 90% 97%, 92% 52%, 96% 84%, 99% 3%);
  -webkit-clip-path: polygon(1% 0%, 4% 100%, 4% 1%, 7% 50%, 11% 42%, 13% 100%, 19% 1%, 21% 100%, 26% 5%, 30% 100%, 35% 7%, 43% 100%, 45% 1%, 52% 100%, 51% 21%, 55% 76%, 56% 10%, 61% 90%, 61% 0%, 69% 94%, 70% 0%, 76% 100%, 76% 10%, 84% 100%, 84% 69%, 89% 4%, 90% 97%, 92% 52%, 96% 84%, 99% 3%);
}

.Xfooter:before {
  background-color: #FFFFFF;
  top: 0;
}

.footer-secondary {
	background:   url("../images/block_texture_border_secondary.png") 50% -29px repeat-x, 
                url("../images/block_texture_shadow.png") 50% 100% repeat-x, 
                url("../images/block_texture_secondary.png") #4b4b4b 50% 0 repeat;
	background-clip: border-box, border-box, padding-box;
  border-top: 30px solid transparent;
}

@supports (display: grid) {
  .site-grid {
    grid-template-columns: [full-start] minmax(0, 3fr)[main-start] repeat(4, minmax(0, 19.875rem))[main-end] minmax(0, 3fr)[full-end];
  }

}

.hero-title, .hero-lead {
  filter: drop-shadow(-2px 2px 2px #1d1d1d);
}

.anibox {
  transition: transform 1s, opacity 2s;
  opacity: 0;
  transform: translateY(50px);
}

.anibox.visible {
  opacity: 1;
  transform: translateY(0);
}

