section.ela-vsot[data-wos-library="ela-01-home3-projects"] {
  background: #252423;
  color: #EDDDD1;
}

section.ela-vsot[data-wos-library="ela-01-home3-projects"] .font-anton {
  font-family: 'Anton', sans-serif; text-transform: uppercase;
}

section.ela-vsot[data-wos-library="ela-01-home3-projects"] .font-space {
  font-family: '"Space Mono"', monospace;
}

section.ela-vsot[data-wos-library="ela-01-home3-projects"] ::selection {
  background: #6F8E99; color: #EDDDD1;
}

/* Cards are block-level anchors: transforms need display:block, and the
   link must not pick up default link color/underline. */
section.ela-vsot[data-wos-library="ela-01-home3-projects"] a.proj-card {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

section.ela-vsot[data-wos-library="ela-01-home3-projects"] a.proj-card:hover h3 {
  color: #6F8E99;
  transition: color 0.3s ease;
}

section.ela-vsot[data-wos-library="ela-01-home3-projects"] .hero-container {
  position: relative;
              height: 100vh;
              display: flex;
              align-items: center;
              justify-content: center;
              overflow: hidden;
}

section.ela-vsot[data-wos-library="ela-01-home3-projects"] .hero-video {
  position: absolute;
              top: 50%; left: 50%;
              transform: translate(-50%, -50%);
              width: 100vw;
              height: 100vh;
              object-fit: cover;
              z-index: 1;
}

section.ela-vsot[data-wos-library="ela-01-home3-projects"] .font-anton {
  font-family: var(--wos-font-heading, Anton, sans-serif); text-transform: uppercase;
}

section.ela-vsot[data-wos-library="ela-01-home3-projects"] .font-space {
  font-family: var(--wos-font-body, "Space Mono", monospace);
}