.page-header{padding:88px 0 65px;background:var(--cream);border-bottom:1px solid var(--line)}
.page-header h1{font-family:var(--serif);font-size:clamp(3.2rem,6vw,5.5rem);line-height:.95;color:var(--green);margin:12px 0 0}
.site-header .navbar{position:relative}

/* =========================================================
   CONTACT FORM
   ========================================================= */
.contact-page .intro-grid{align-items:start;}
.contact-form{
    display:flex;
    flex-direction:column;
    gap:16px;
    background:#fff;
    padding:32px;
    border-radius:var(--radius);
    box-shadow:var(--shadow-sm);
    border:1px solid var(--line);
}
.contact-form .form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.contact-form input,
.contact-form textarea{
    width:100%;
    border:1px solid #ddd;
    border-radius:6px;
    background:#fff;
    color:#222;
    padding:14px 16px;
    font:inherit;
    outline:none;
    transition:border-color .25s ease, box-shadow .25s ease;
    box-sizing:border-box;
}
.contact-form input{height:50px;}
.contact-form textarea{min-height:150px;resize:vertical;}
.contact-form input:focus,
.contact-form textarea:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 3px rgba(184,145,70,.12);
}
.contact-form .btn{align-self:flex-start;border:0;cursor:pointer;}
@media(max-width:768px){
    .inner-page .site-header{padding:18px 0;}
    .contact-form{padding:22px;}
    .contact-form .form-row{grid-template-columns:1fr;}
}

/* Consistent interior-page header */
.inner-page .site-header{
    position:relative;
    top:auto;
    left:auto;
    background:var(--green);
    padding:22px 0;
}
.inner-page .site-header .navbar{position:relative;}
.inner-page .site-header .logo img{width:175px;height:auto;}
.inner-page .site-header nav a{color:#fff;}
.inner-page .site-header nav a:hover{color:var(--gold);}
@media(max-width:768px){
    .inner-page .site-header{padding:18px 0;}
}
