/* Match the model directory hero while keeping contact form styles scoped. */
.page-contact .public-page-header { position: relative; overflow: hidden; padding-block: clamp(60px, 8vw, 98px); background: linear-gradient(118deg, #171713 0%, #29271e 62%, #f8b803 62.1%); }
.page-contact .public-page-header::after { position: absolute; right: clamp(18px, 7vw, 100px); bottom: -28px; color: rgba(23, 23, 19, .2); content: "CONTACT"; font-size: clamp(5rem, 14vw, 12rem); font-weight: 950; letter-spacing: -.07em; line-height: 1; }
.page-contact .public-page-header .public-shell { position: relative; z-index: 1; }
.page-contact .public-page-header h1, .page-contact .public-page-header p { max-width: 680px; color: #fff; }
.page-contact .public-page-header .eyebrow { color: var(--masao-yellow); }
@media (max-width: 760px) {
    .page-contact .public-page-header { background: linear-gradient(145deg, #171713 0%, #29271e 82%, #f8b803 82.2%); }
    .page-contact .public-page-header::after { right: 16px; bottom: -14px; font-size: 5rem; }
}