/* contact.html only. */

.hero{padding:76px 0 34px;text-align:center}
.hero .eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.28em;color:#62584e;text-transform:uppercase}
.hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(56px,9vw,100px);font-weight:500;line-height:.85;color:var(--accent);margin:18px 0 16px}
.hero h1 em{font-style:italic}
.hero .script{font-family:"Nothing You Could Do",cursive;font-size:26px;transform:rotate(-2deg);display:inline-block;margin-bottom:18px;color:#4b4138}
.hero .lede{font-family:"Cormorant Garamond",serif;font-size:21px;line-height:1.35;max-width:560px;margin:0 auto}

.contact-section{max-width:1080px;margin:0 auto;padding:20px 0 120px}
.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:start}

#contact-form .field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
#contact-form label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#62584e}
#contact-form input,#contact-form textarea{font-family:Georgia,serif;font-size:16px;color:var(--ink);background:var(--cream);border:1px solid var(--line);padding:12px 14px;border-radius:2px;width:100%}
#contact-form input:focus,#contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
#contact-form textarea{min-height:140px;resize:vertical}
.submit-btn{background:var(--accent);color:var(--cream);border:0;border-radius:3px;padding:15px 26px;font-family:"DM Mono",monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.submit-btn:hover{opacity:.92}
.form-error{font-family:"DM Mono",monospace;font-size:11px;color:var(--accent);display:none;margin:0 0 14px}
.form-error.visible{display:block}
.form-note{font-family:"Cormorant Garamond",serif;font-size:16px;color:#5d5349;margin:12px 0 0}

.contact-aside{display:flex;flex-direction:column;gap:36px;padding-top:6px}
.aside-block .label{font-family:"DM Mono",monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#62584e;margin-bottom:12px}
.aside-link{display:block;font-family:"Cormorant Garamond",serif;font-size:22px;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:10px}
.aside-link:last-child{margin-bottom:0}
.aside-link:hover{color:var(--accent);border-color:var(--accent)}

@media(max-width:850px){
  .contact-grid{grid-template-columns:1fr;gap:44px}
  .contact-aside{flex-direction:row;flex-wrap:wrap;gap:28px}
  .aside-block{min-width:200px}
}