/* Reused verbatim from ../v5/index.html: Nest rings, breathing and hover. */
.nest-mark { position: relative; display: inline-block; width: 68px; aspect-ratio: 1; flex: none; }
.nest-mark__rings { position: absolute; inset: 0; display: block; transform-origin: 50% 50%; transition: transform .68s cubic-bezier(.2, .72, .2, 1); }
.nest-ring { position: absolute; inset: 10%; border: 2px solid; border-radius: 48% 52% 44% 56% / 53% 43% 57% 47%; }
.nest-ring--navy { border-color: currentColor; transform: rotate(8deg) scale(.93, 1.05); }
.nest-ring--sage { border-color: var(--sage); transform: rotate(52deg) scale(1.04, .92); }
.nest-ring--gold { border-color: var(--gold); transform: rotate(94deg) scale(.9, 1.08); }
.nest-ring--sky { border-color: var(--sky); transform: rotate(132deg) scale(1.08, .96); }
.nest-orbit--woven .nest-mark { animation: nest-breathe 8s var(--ease) infinite; }
.nest-orbit--woven .nest-ring { transition: transform .72s cubic-bezier(.2, .72, .2, 1); }
.nest-orbit--woven .nest-mark:hover .nest-ring--navy { transform: rotate(8deg) scale(1.14, 1.28); }
.nest-orbit--woven .nest-mark:hover .nest-ring--sage { transform: rotate(52deg) scale(1.3, 1.1); }
.nest-orbit--woven .nest-mark:hover .nest-ring--gold { transform: rotate(94deg) scale(1.12, 1.32); }
.nest-orbit--woven .nest-mark:hover .nest-ring--sky { transform: rotate(132deg) scale(1.32, 1.14); }
@keyframes nest-breathe {
      0%, 100% { transform: scale(1) rotate(0); }
      50% { transform: scale(1.06) rotate(7deg); }
    }