.arco-scroll-progress {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 999;
    height: 3px;
    pointer-events: none;
    background: transparent;
}

.arco-scroll-progress span {
    display: block;
    width: 0%;
    height: 100%;
    background: linear-gradient(90deg, #d7b56d, #fff1b8);
    transform-origin: left center;
}

.reveal,
[data-arco-reveal] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 700ms ease, transform 700ms ease;
}

.reveal.is-visible,
[data-arco-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

.arco-header.is-scrolled {
    border-bottom-color: rgba(255, 255, 255, 0.16);
    background: rgba(21, 8, 29, 0.84);
    backdrop-filter: blur(18px);
}

@media (prefers-reduced-motion: reduce) {
    .reveal,
    [data-arco-reveal] {
        opacity: 1;
        transform: none;
        transition: none;
    }
}