/* Third pass: clearer contact hierarchy, distinct portrait, readable small text. */
.site-header nav { font-size: 12px; }
.section-intro, .feedback-intro, .faq-intro { font-size: 13px; }
.filters button, .process-list p, .service > p { font-size: 12px; }
.card-info p, .service li, .service .text-link { font-size: 11px; }
.faqs summary, .faqs details p { font-size: 13px; }
.services-note p { font-size: 11px; }
.about-portrait { margin: 0; min-width: 0; }
.about-portrait .about-photo { aspect-ratio: 4 / 4.8; border: 7px solid #faf7f1; box-shadow: 0 14px 36px #49341c12; }
.about-portrait .about-photo img { object-position: 50% 47%; transform: scale(1.28); filter: none; }
.about-portrait .about-photo::after { display: none; }
.about-portrait figcaption { margin: 20px 0 0; padding-top: 14px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.about-portrait figcaption span { font-size: 7px; letter-spacing: 1px; max-width: 100px; line-height: 1.7; }
.about-portrait figcaption em { font: italic 24px/1.1 var(--serif); }
.contact-email-only { grid-template-columns: .8fr 1.15fr; gap: 8%; }
.contact-email-only h2 { font-size: clamp(43px, 4.5vw, 66px); }
.contact-copy > p:not(.eyebrow) { font-size: 13px; max-width: 340px; }
.email-card { padding: 35px 30px 30px; min-width: 0; }
.email-card-label { display: block; }
.email-card::before { width: 42px; height: 42px; top: -21px; font-size: 23px; }
.email-card .contact-email { display: inline-flex; align-items: baseline; gap: 16px; max-width: 100%; white-space: nowrap; overflow-wrap: normal; font: 400 clamp(23px, 3.3vw, 48px)/1.15 var(--serif); letter-spacing: -1.2px; margin: 25px 0 30px; }
.email-card .contact-email .email-address { font: inherit; letter-spacing: inherit; margin: 0; white-space: nowrap; }
.email-card .contact-email .email-arrow { font: 400 .53em/1 var(--sans); margin: 0; transition: transform .2s; }
.email-card .contact-email:hover .email-arrow { transform: translate(3px, -3px); }
.email-actions { gap: 25px; flex-wrap: wrap; }
.email-actions .button, .copy-email { font-size: 11px; }
.email-prompt > p { font-size: 12px; max-width: 360px; }
.copy-status { min-height: 22px; font-size: 10px; }
.contact-signoff { margin-top: 23px; }
.site-footer > div { flex-wrap: wrap; justify-content: flex-end; gap: 15px 24px; }
@media (max-width: 1100px) and (min-width: 761px) {
  .contact-email-only { grid-template-columns: .85fr 1.15fr; gap: 5%; }
  .email-card { padding: 30px 22px 25px; }
  .email-card .contact-email { font-size: clamp(22px, 3.2vw, 37px); gap: 12px; letter-spacing: -.9px; }
  .about-portrait figcaption { align-items: flex-start; flex-direction: column; gap: 7px; }
  .about-portrait figcaption span { max-width: none; }
}
@media (max-width: 760px) {
  .section-intro, .feedback-intro, .faq-intro { font-size: 12px; }
  .filters button { font-size: 10px; }
  .card-info p { font-size: 9px; }
  .about-portrait { max-width: 450px; }
  .about-portrait .about-photo { aspect-ratio: 4 / 4.6; }
  .about-portrait figcaption em { font-size: 23px; }
  .contact-email-only { grid-template-columns: 1fr; gap: 40px; }
  .contact-email-only h2 { font-size: 51px; }
  .email-card { padding: 28px 20px 25px; }
  .email-card .contact-email { font-size: clamp(24px, 7.3vw, 41px); letter-spacing: -.8px; gap: 12px; margin: 23px 0 27px; }
  .email-actions { gap: 23px; }
  .email-prompt > p { font-size: 11px; }
  .email-actions .button, .copy-email { font-size: 10px; }
  .site-footer > div { justify-content: flex-start; }
}
@media (max-width: 365px) {
  .email-card { padding-left: 16px; padding-right: 16px; }
  .email-card .contact-email { font-size: 24px; gap: 10px; letter-spacing: -.9px; }
  .email-actions { gap: 18px; }
  .about-portrait figcaption { align-items: flex-start; flex-direction: column; gap: 7px; }
  .about-portrait figcaption span { max-width: none; }
}
@media (prefers-reduced-motion: reduce) { .email-arrow { transition: none!important; } }