/* Contact page and the shared Contact navigation link. */
.header nav .contact-nav{display:inline-flex!important;white-space:nowrap}
.header nav a[aria-current="page"]{color:#97512d}
.contact-page{max-width:1360px;margin:0 auto;padding:65px 6% 75px;display:grid;grid-template-columns:minmax(0, .9fr) minmax(0,1.1fr);gap:clamp(38px,6vw,84px);align-items:center}
.contact-photo{min-width:0;background:#e8e9e3;border-radius:14px;overflow:hidden}
.contact-photo>img{display:block;width:100%;height:auto;object-fit:contain}
.contact-photo-caption{padding:22px 24px;background:#192d4e;color:white;display:flex;justify-content:space-between;align-items:center;gap:16px}
.contact-photo-caption strong{font-size:17px;font-weight:500}
.contact-photo-caption span{font-size:9px;letter-spacing:1.2px;color:#c1cedf}
.contact-copy .eyebrow{font-size:10px;letter-spacing:1.7px;color:#97512d}
.contact-copy h1{font-size:clamp(34px,4vw,57px);line-height:1.12;letter-spacing:-.045em;margin:23px 0}
.contact-copy h1 span{color:#527f9f;font-family:Georgia,serif;font-style:italic;letter-spacing:-.04em}
.contact-intro{font-size:16px;line-height:1.8;color:#566275;max-width:460px}
.contact-details{margin-top:35px;border-top:1px solid #dce3e9}
.contact-row{display:block;padding:22px 0;border-bottom:1px solid #dce3e9}
.contact-label{display:block;font-size:10px;letter-spacing:1.7px;color:#66778c;margin-bottom:8px}
.contact-value{font-size:clamp(17px,1.7vw,23px);overflow-wrap:anywhere;line-height:1.5;display:flex;justify-content:space-between;gap:15px}
.contact-value b{font-weight:400;color:#97512d}
.contact-row[href]:hover .contact-value{color:#527f9f}
.contact-row:focus-visible{outline:3px solid #527f9f;outline-offset:5px}
.contact-note{margin-top:28px;color:#66778c;font-size:12px}
@media(max-width:760px){.header nav{gap:18px}.header nav .contact-nav{font-size:13px}.header:has(.contact-nav) .logo{width:130px}.contact-page{grid-template-columns:1fr;padding:32px 6% 48px;gap:35px}.contact-photo{max-width:400px;width:100%;margin:0 auto}.contact-copy h1{font-size:clamp(34px,8vw,48px)}.contact-photo-caption{padding:18px}.contact-copy{max-width:500px;margin:0 auto;width:100%}}
@media(max-width:400px){.header nav{gap:12px;font-size:12px}.header nav span{display:none}.header:has(.contact-nav) .logo{width:115px}}
@media(max-width:760px){.header nav a[href$="#perspective"]{display:none}}
/* Keep all three main destinations available on small screens. */
.header nav .approach-nav{display:inline-flex!important;white-space:nowrap}
@media(max-width:760px){.header:has(.approach-nav){height:auto;min-height:85px;flex-wrap:wrap;gap:18px;padding-top:20px;padding-bottom:20px}.header:has(.approach-nav) nav{gap:18px}.header:has(.approach-nav) nav a{font-size:12px}.header:has(.approach-nav) nav span{display:none}}
@media(max-width:520px){.header:has(.approach-nav) nav{width:100%;justify-content:space-between}}

/* Project Gallery navigation. */
.header nav .gallery-nav{display:inline-flex!important;white-space:nowrap}
@media(max-width:1000px){.header:has(.gallery-nav){height:auto;min-height:85px;flex-wrap:wrap;gap:18px;padding-top:20px;padding-bottom:20px}.header:has(.gallery-nav) nav{flex-wrap:wrap;gap:14px 20px}}