/* About page — story, photos, contact. */
.about{max-width:780px;margin:0 auto;padding:5rem 2.5rem}
.about .kicker{color:var(--amber);margin-bottom:1.25rem}
.about h2{font-family:var(--font-display);font-size:3rem;line-height:1.1;letter-spacing:-.02em;margin-bottom:2.5rem;font-weight:400}
.about p{font-size:1.05rem;line-height:1.75;color:#3a3630;margin-bottom:1.5rem}

.about-images{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:3rem 0}
.about-img{height:180px;background:var(--ink);position:relative;display:flex;align-items:flex-end;padding:1.25rem}
.about-img.alt{background:#2a1f0a}
.about-img span{color:var(--amber-mid);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:500}

.about hr{border:none;border-top:1px solid var(--rule);margin:3rem 0}

.about-contact-label{font-size:.75rem;color:var(--muted-strong);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem}
.about-contact-email{font-family:var(--font-display);font-size:1.5rem;color:var(--amber);text-decoration:none}
.about-contact-email:hover{text-decoration:underline}

@media (max-width:600px){
  .about h2{font-size:2.25rem}
  .about-images{grid-template-columns:1fr}
}