/* The H sits above section backgrounds and below content and navigation. */
.about-dust-page > section .container {
    position: relative;
    z-index: 2;
}

.h-dust-home {
    position: absolute;
    top: 50%;
    right: max(4vw, calc((100vw - 1320px) / 2));
    width: min(36vw, 520px);
    aspect-ratio: 1;
    transform: translateY(-46%);
    pointer-events: none;
}

.h-dust {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    transform-origin: 0 0;
}

.h-dust.is-ready {
    display: block;
}

.h-dust.is-follow {
    will-change: transform, opacity;
}

@media (max-width: 900px) {
    .h-dust-home {
        right: 20px;
        width: min(38vw, 340px);
    }
}

@media (max-width: 640px) {
    .h-dust-home {
        top: max(110px, 16vh);
        right: 16px;
        width: min(56vw, 300px);
        transform: none;
    }
}