header.hero{
  position:relative; height:92vh;
  display:flex; align-items:center; justify-content:center;
  perspective:1000px; overflow:hidden; isolation:isolate;
}
.brand{ position:relative; line-height:.85; text-align:center; letter-spacing:.16em; filter: drop-shadow(0 10px 26px rgba(0,0,0,.55)); user-select:none; }
.brand .word{
  display:block; font-weight:800; font-size:min(16vw,220px); text-transform:uppercase;
  background-size:cover; background-position:center;
  -webkit-background-clip:text; background-clip:text; color:transparent; mix-blend-mode:screen;
  animation: shimmer 12s ease-in-out infinite alternate;
  background-image: url('../images/woodoo_05.png');
}
.brand .sub{ margin-top:1.25rem; font-size:clamp(12px,1.4vw,14px); letter-spacing:.35em; color:#8e8b85; text-transform:uppercase; opacity:.8;}
@keyframes shimmer{ 0%{background-position:20% 40%; letter-spacing:.08em;} 100%{background-position:80% 60%; letter-spacing:.22em;} }
.stage{ position:absolute; inset:0; }
.mask{
  position:absolute;
  width:22vmax;
  max-width:360px;
  aspect-ratio:4/3;
  border-radius:18px;
clip-path: polygon(12% 8%, 88% 5%, 96% 45%, 84% 92%, 20% 88%, 6% 42%);
  overflow:hidden;
  opacity:0.92;
  mix-blend-mode:normal;
  filter:brightness(0.95) contrast(1.1) saturate(1.05);
  box-shadow:0 20px 50px rgba(0,0,0,0.55);
  transform:translate3d(0,0,0) rotate(var(--r,0deg)) scale(var(--s,1));
  transition:filter .6s ease, transform 1.2s cubic-bezier(.2,.6,.2,1);
}
.mask:hover{ filter:brightness(1.1) contrast(1.2); transform:translateZ(0) rotate(calc(var(--r,0deg) + 3deg)) scale(calc(var(--s,1) * 1.02)); }
.mask .img{ position:absolute; inset:0; background-size:cover; background-position:center; transition: transform 18s linear; }
.mask .img{
  filter:brightness(0.85) contrast(1.15);
}
.mask.slow .img{ animation: pan 30s linear infinite; }
@keyframes pan { from{transform:scale(1.05) translateX(-4%) } to{ transform:scale(1.05) translateX(4%) } }
.p1{ top:10%; left:12%; --r:-4deg; --s:.95 }
.p2{ top:6%; right:12%; --r:3deg; --s:.95 }
.p3{ bottom:6%; left:14%; --r:2deg; --s:1.0 }
.p4{ bottom:4%; right:14%; --r:-2deg; --s:1.0 }
.marquee{ position:relative; overflow:hidden; white-space:nowrap; border-block:1px solid #1f1f1f; background:linear-gradient(0deg, transparent, rgba(255,255,255,.02), transparent); }
.marquee span{ display:inline-block; padding:1rem 2rem; letter-spacing:.35em; text-transform:uppercase; color:#a7a49e; opacity:.6; animation: slide 24s linear infinite;}
@keyframes slide{ from{ transform:translateX(0)} to{ transform:translateX(-50%)} }
section.manifest{ position:relative; padding:10vh 7vw 16vh; z-index:2; }
.line{ font-size: clamp(20px, 3.6vw, 42px); letter-spacing: .02em; line-height: 1.15; margin: 8vh 0; max-width: 28ch; }
.line em{ color:#b59656; font-style:normal;}
.rule{height:1px;width:100%;background:linear-gradient(90deg, transparent, #2a2a2a 30%, #2a2a2a 70%, transparent); opacity:.9}