/* One water and halftone treatment across the agency's page heroes. */
.hero{background:#080e10;isolation:isolate}
.hero .hero-art{opacity:1;object-position:center;pointer-events:none}
.hero .hero-video{opacity:0}
.hero .hero-video.is-playing{opacity:1}
.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(8,14,16,.97) 0%,rgba(8,14,16,.85) 40%,rgba(8,14,16,0) 100%),
    radial-gradient(circle at center,transparent 0,transparent 2.6px,rgba(8,14,16,.72) 3.6px) 0 0 / 8px 8px;
}
.examples-page .site-header,.concepts-page .site-header{position:absolute;inset:16px 16px auto;margin:0}
.examples-hero,.concepts-hero{padding:185px 0 70px;margin-bottom:56px}
.examples-hero .examples-intro,.concepts-hero .concepts-intro{position:relative;z-index:1;padding:35px 0 0}
@media(max-width:760px){
  .examples-page .site-header,.concepts-page .site-header{inset:9px 9px auto}
  .examples-hero,.concepts-hero{padding-bottom:42px;margin-bottom:35px}
}
@media(prefers-reduced-motion:reduce){.hero .hero-video{display:none}}