/* ═══ ACTIVATIONS · SECTION 1 — HERO (full-bleed video) ═══ */
.hero{position:relative;overflow:hidden;min-height:clamp(540px,94svh,960px);
  display:grid;grid-template-rows:1fr auto;
  padding:calc(var(--nav-h) + clamp(34px,6vh,70px)) var(--gut) 0}
.hero .media{position:absolute;inset:-8% 0;z-index:0;will-change:transform}
.hero video,.hero .vph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero video{filter:grayscale(.34) brightness(.44)}
.hero .vph{background:repeating-linear-gradient(36.5deg,#141414 0 16px,#0f0f0f 16px 32px);
  display:grid;place-items:center}
.hero .vph i{font-style:normal;font-size:10.5px;letter-spacing:.18em;font-weight:600;color:var(--dim)}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(88deg,rgba(10,10,10,.93) 0%,rgba(10,10,10,.6) 48%,rgba(10,10,10,.42) 100%)}
.hero .cut{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.hero .cut line{stroke:var(--cut);stroke-width:2.6;fill:none;
  stroke-dasharray:2600;stroke-dashoffset:2600;
  animation:draw 1.25s cubic-bezier(.65,0,.35,1) .3s forwards}
.hero-main{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;
  will-change:transform}
.crumb{display:flex;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.18em;
  color:var(--dim);margin-bottom:clamp(18px,3vh,32px);opacity:0;animation:fade .8s ease .1s forwards}
.crumb a:hover{color:var(--text)}
.crumb i{font-style:normal;color:var(--cut)}
.hero h1{font-size:clamp(2.4rem,8.4vw,8.2rem);line-height:.87;max-width:13ch}
.hero h1 .row{display:block;overflow:hidden}
.hero h1 .row > span{display:block;transform:translateY(104%);
  animation:rise .95s cubic-bezier(.16,1,.3,1) forwards}
.hero h1 .row:nth-child(1) > span{animation-delay:.05s}
.hero h1 .row:nth-child(2) > span{animation-delay:.13s}
.hero h1 .dot{color:var(--cut)}
.hero .sub{margin-top:clamp(22px,3.6vh,38px);max-width:46ch;
  font-size:clamp(.96rem,1.16vw,1.16rem);line-height:1.6;color:var(--muted);
  opacity:0;animation:fade .85s ease .58s forwards}
.hero-foot{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:clamp(18px,4vw,64px);
  padding:clamp(18px,3vh,26px) 0;border-top:1px solid var(--border);
  opacity:0;animation:fade .85s ease .8s forwards}
.hero-foot div b{display:block;font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:900;
  font-size:clamp(1.1rem,2vw,1.6rem);letter-spacing:-.03em;line-height:1}
.hero-foot div i{display:block;font-style:normal;font-size:10px;letter-spacing:.16em;
  color:var(--dim);margin-top:7px}

@media(prefers-reduced-motion:reduce){
  .hero h1 .row > span{transform:none}
  .crumb,.hero .sub,.hero-foot{opacity:1;transform:none}
  .hero .media,.hero-main{transform:none!important;inset:0}
  .hero .cut line{stroke-dashoffset:0}
}
