/* A restrained traveling highlight around the three division cards. */
@property --division-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
#divisions .website-tile{position:relative;isolation:isolate;border-color:#ffffff1f}
#divisions .website-tile::after{
  content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;
  background:conic-gradient(from var(--division-angle),transparent 0deg 245deg,#a855f7 285deg,#e8ff5f 325deg,#fff7d1 340deg,transparent 360deg);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
  pointer-events:none;animation:division-border-travel 6s linear infinite;
}
#divisions .website-tile:nth-child(2)::after{animation-delay:-2s}
#divisions .website-tile:nth-child(3)::after{animation-delay:-4s}
@keyframes division-border-travel{to{--division-angle:360deg}}
@media(prefers-reduced-motion:reduce){#divisions .website-tile::after{animation:none;--division-angle:135deg}}

#divisions .division-demo-note{display:block;font:10px var(--mono);color:var(--text-dim);margin:0 0 10px}