/* Fan component — a wheel whose centre sits ON a screen edge, so exactly one
   half is visible. Scroll rotates the wheel; blades carry image + text + link. */
.fan-layer { position:fixed; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:5; }

.fan-wheel {
  position:absolute;
  border-radius:50%;
  will-change:transform;
  transform:translate(-50%,-50%);
}

.fan-blade {
  position:absolute; left:50%; bottom:50%;
  width:26%; height:50%;
  transform-origin:50% 100%;
  display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
  pointer-events:auto; cursor:pointer; text-decoration:none;
}
.fan-blade img {
  width:82%; max-height:58%; object-fit:contain; display:block;
  pointer-events:none;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));
}
.fan-blade:active img { transform:scale(.92); }
.fan-blade-txt {
  margin-top:4px; max-width:100%;
  font:600 clamp(10px,1.3vw,15px)/1.2 system-ui,sans-serif;
  color:#fff; text-align:center; text-shadow:0 1px 4px rgba(0,0,0,.85);
  overflow-wrap:break-word;
}
