body {
    background-image:none;
}

.wrap {
    width:100%;
    max-width:100%;
    padding:0;
}

#hero-img {
    position:absolute;
    top:0;
    width:100%;
    mask-image:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    z-index:0;
}

    main {
        padding:6rem 5vw 5vw;
        width:1000px;
        max-width:100%;
        margin-inline:auto;
        position: relative;
        z-index:1;
    }

        main h1 {
            font-size:4rem;
            color:var(--gold2);
            margin-bottom:1rem;
        }

        main :is(p,li) {
            font-size:1rem;
            line-height:1.6;
            margin-bottom:1rem;
        }

        main :is(ul,ol) {
            padding:1rem;
        }

        main li {
            padding-inline:1rem;
        }

        main :is(h2,h3,h4,h5,h6) {
            color:var(--gold2);
            margin-bottom:1rem;
            margin-top:2rem;
            line-height:1.1;
            font-size:2rem;
        }

        main :is(h3,h4,h5,h6) {
            font-size:1.5rem;
        }