/* Brush Tech mulcher intro — overlay wipes left-to-right as the machine drives.
   pointer-events:none so the page underneath renders and stays live. */
#hd-gate{
  position:fixed;inset:0;z-index:100000;
  pointer-events:none;overflow:hidden;
}
#hd-gate.hd-gate--dismiss{
  animation:hdGateOut .28s ease forwards;
}
.hd-gate__brush{
  position:absolute;inset:0;
  background-color:#14241c;
  background-image:
    repeating-linear-gradient(90deg,
      rgba(16,22,18,.55) 0 5px,
      rgba(27,60,47,.15) 5px 9px,
      transparent 9px 15px),
    repeating-linear-gradient(180deg,
      transparent 0 14px,
      rgba(10,14,12,.35) 14px 16px),
    linear-gradient(180deg,#1B3C2F 0%,#14241c 42%,#101612 100%);
  box-shadow:inset 0 0 80px rgba(0,0,0,.45);
  clip-path:inset(0 0 0 0);
  -webkit-clip-path:inset(0 0 0 0);
  animation:hdWipe .67s cubic-bezier(.4,0,.2,1) forwards;
  -webkit-animation:hdWipe .67s cubic-bezier(.4,0,.2,1) forwards;
}
.hd-gate__brush::before{
  content:"";
  position:absolute;inset:0;
  background-image:repeating-linear-gradient(90deg,
    #101612 0 3px,
    transparent 3px 18px,
    #1B3C2F 18px 21px,
    transparent 21px 34px);
  opacity:.55;
}
.hd-gate__machine{
  position:absolute;
  top:54%;
  left:0;
  width:min(46vw,400px);
  transform:translate(-72%,-50%);
  animation:hdDrive .67s cubic-bezier(.4,0,.2,1) forwards;
  -webkit-animation:hdDrive .67s cubic-bezier(.4,0,.2,1) forwards;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.45));
}
.hd-gate__svg{display:block;width:100%;height:auto}
.hd-gate__drum{
  transform-box:fill-box;
  transform-origin:center;
  animation:hdDrumSpin .32s linear infinite;
}
.hd-chip{fill:#F0C75E}
.hd-chip--1{animation:hdChip 0.55s ease-out infinite}
.hd-chip--2{animation:hdChip 0.62s ease-out .08s infinite}
.hd-chip--3{animation:hdChip 0.5s ease-out .14s infinite}
.hd-chip--4{animation:hdChip 0.7s ease-out .05s infinite}
.hd-chip--5{animation:hdChip 0.58s ease-out .2s infinite}
.hd-chip--6{animation:hdChip 0.64s ease-out .1s infinite;fill:#D4A017}
.hd-chip--7{animation:hdChip 0.48s ease-out .16s infinite;fill:#F5EFE4}

@keyframes hdWipe{
  from{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}
  to{clip-path:inset(0 0 0 100%);-webkit-clip-path:inset(0 0 0 100%)}
}
@-webkit-keyframes hdWipe{
  from{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}
  to{clip-path:inset(0 0 0 100%);-webkit-clip-path:inset(0 0 0 100%)}
}
@keyframes hdDrive{
  from{left:0}
  to{left:100%}
}
@-webkit-keyframes hdDrive{
  from{left:0}
  to{left:100%}
}
@keyframes hdDrumSpin{
  to{transform:rotate(360deg)}
}
@keyframes hdChip{
  0%{opacity:.95;transform:translate(0,0) scale(1)}
  100%{opacity:0;transform:translate(-28px,-22px) scale(.4)}
}
@keyframes hdGateOut{to{opacity:0;visibility:hidden}}

@media (prefers-reduced-motion:reduce){
  #hd-gate{display:none!important}
}