/* Keep supplied homepage screenshots clean: no text is painted over them. */
.projects .project-visual > span,
.projects .project-visual > b {
    display: none !important;
}

.projects .project-visual {
    background-position: top center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.v81-home-window {
    width: 100%;
    overflow: hidden;
    padding: 2px 0 10px;
    mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
}

.v62-home-grid.v81-home-track {
    display: flex !important;
    width: max-content !important;
    gap: 18px !important;
    animation: v81-sample-scroll 95s linear infinite;
    will-change: transform;
}

.v62-home-grid.v81-home-track:hover {
    animation-play-state: paused;
}

.v81-home-track > a {
    width: clamp(270px,29vw,430px) !important;
    flex: 0 0 auto !important;
}

.v81-home-track > a > img,
.v81-home-track > a > .v62-home-placeholder {
    display: block !important;
    width: 100% !important;
    height: clamp(155px,18vw,235px) !important;
    object-fit: cover !important;
    object-position: top center !important;
}

@keyframes v81-sample-scroll {
    to { transform: translateX(calc(-50% - 9px)); }
}

@media (max-width: 700px) {
    .v62-home-grid.v81-home-track { gap: 8px !important; animation-duration: 72s; }
    .v81-home-track > a { width: 43vw !important; min-width: 148px !important; }
    .v81-home-track > a > img,
    .v81-home-track > a > .v62-home-placeholder { height: 25vw !important; min-height: 88px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .v62-home-grid.v81-home-track { animation-play-state: paused; }
    .v81-home-window { overflow-x: auto; mask-image: none; }
}