.page-hero {
        margin: 1rem auto 1.2rem;
        max-width: 1240px;
        width: min(100%, calc(100vw - 2rem));
        padding: 0 1rem;
        box-sizing: border-box;
    }

    .page-hero img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 12px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
    }

    header#top {
        margin-top: 0;
    }