.page-intro-loader::before,
.page-intro-loader::after {
    position: absolute;
    aspect-ratio: 1;
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.page-intro-loader::before {
    width: clamp(10.5rem, 18vw, 13rem);
    border: 1px solid rgba(138, 73, 55, .18);
    border-top: 2px solid #a95e42;
    border-right: 2px solid #edbd79;
    box-shadow: 0 0 10px rgba(237, 189, 121, .44), 0 0 24px rgba(169, 94, 66, .16), inset 0 0 12px rgba(237, 189, 121, .12);
    animation: neon-ring-orbit 1.35s linear infinite;
}

.page-intro-loader::after {
    width: clamp(11.5rem, 20vw, 14rem);
    border: 1px solid rgba(138, 73, 55, .13);
    border-bottom-color: rgba(169, 94, 66, .52);
    box-shadow: 0 0 18px rgba(237, 189, 121, .12);
    animation: neon-ring-orbit 3.2s linear infinite reverse;
}

.page-intro-loader img {
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 0 8px rgba(237, 189, 121, .2));
}

@keyframes neon-ring-orbit {
    to { transform: rotate(1turn); }
}

@media (prefers-reduced-motion: reduce) {
    .page-intro-loader::before,
    .page-intro-loader::after { animation: none; }
}
