/* Home hero mark entrance: the red mark drops in. The V falls from above and lands with a squash and a small rebound, a ring of light
   spreads where it lands, then the circle drops into its place and bounces twice before it settles (js/sections/home-mark-drop.js). */
.h-mark.ld{position:relative}
.ld-v,.ld-dot{display:block;will-change:transform}
.ld-v img,.ld-dot img{width:100%;height:auto;display:block}
.ld-dot{position:absolute;inset:0}
.ld-v{transform-origin:50% 100%}
.ld-dot{transform-origin:50% 33.5%}
.js .ld-v,.js .ld-dot{opacity:0}
.ld-ring{position:absolute;pointer-events:none;border-radius:50%;border:2px solid var(--red-on-dark);opacity:0;
  box-shadow:0 0 18px var(--red-a70),inset 0 0 12px var(--red-a35)}
.ld-ring.v{left:50%;top:100%;width:46%;aspect-ratio:4/1;translate:-50% -50%}
.ld-ring.d{left:50%;top:16.8%;width:22%;aspect-ratio:1;translate:-50% -50%}
@media (prefers-reduced-motion:reduce){.js .ld-v,.js .ld-dot{opacity:1}}