/* Discord page - custom overrides only. Shared styles in sections.css */

.dc-hero__screenshot {
    display: block;
    text-decoration: none;
    transition: transform 0.25s ease;
}

.dc-hero__screenshot .browser-frame {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.dc-hero__screenshot:hover .browser-frame {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.06);
    transform: translateY(-2px);
}

@media (max-width: 860px) {
    .dc-hero__screenshot {
        max-width: 560px;
        margin: 0 auto;
    }
}