/* ── Outer wrapper ───────────────────────────────────────────────────────── */
.northspur-post-form {
	width: 100%;
}

/* ── Hero ────────────────────────────────────────────────────────────────── */
.northspur-post-form__hero {
    position: relative;
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: left 49% top;
    background-size: 137% auto;
    background-repeat: no-repeat;
    padding: clamp(116px, 17.2vw, 241px) 7% 300px;
    background-size: cover;
}
.northspur-post-form__form{
    margin-top: 20px;
    margin-bottom: 24px;
}
/* Dark overlay over the hero image */
.northspur-post-form__overlay {
	position: absolute;
    inset: 0;
    background: rgb(61 61 61 / 75%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.northspur-post-form__title {
	position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    color: #ffffff;
    text-align: center;
    font-size: clamp(32px, 4.2vw, 84px);
    max-width: 1000px;
    font-weight: 700;
    letter-spacing: 1px;
}

/* ── Blue background band ────────────────────────────────────────────────── */
.northspur-post-form__lower {
	background-color: #616f5a; /* adjust to match brand blue */
	padding: 0 20px 60px;
}

/* ── White card ──────────────────────────────────────────────────────────── */
.northspur-post-form__card {
    position: relative;
    z-index: 2;
    background: #ede3c6;
    margin-top: -226px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1560px;
    min-height: 400px;
    padding: 55px 40px 50px;
    box-sizing: border-box;
}
@media screen and (max-width: 767px){
    .northspur-post-form__card{
        padding: 40px 20px 40px;
    }
}