.nav-phone { white-space: nowrap; }
.gallery-intro { color: #52645d; max-width: 48rem; margin: 1.5rem 0; }
.gallery-intro a, .project-card h3 a { color: inherit; text-underline-offset: .2em; }
.project-card h3 a { text-decoration-thickness: 1px; }
.quote-call { color: #294b61; margin: -1rem 0 1.75rem; font-size: 1rem; line-height: 1.8; }
.quote-call a { color: inherit; font-weight: 800; }
.quote-call span { font-size: .8rem; }
.back-link { display: inline-block; margin-left: 1.5rem; }
.work-grid, .project-photo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3rem 2rem; padding-top: 2rem; }
.work-card { min-width: 0; }
.work-card > a:first-child { color: inherit; text-decoration: none; }
.work-card img { display: block; width: 100%; height: 340px; object-fit: cover; }
.work-card .eyebrow { margin-top: 1.5rem; }
.work-card h2 { font: 800 1.65rem var(--sans); letter-spacing: -.04em; }
.work-card > p { color: #52645d; font-size: 1rem; line-height: 1.75; }
.project-photo-grid figure { margin: 0; min-width: 0; }
.project-photo-grid img { display: block; height: auto; width: 100%; border-radius: 2px; }
.project-photo-grid figcaption { padding-top: .75rem; font-size: .8rem; color: #52645d; }
.reading-copy { max-width: 1000px; padding-top: 0; }
.reading-copy h2 { font: 800 1.6rem var(--sans); margin-top: 2rem; }
.reading-copy p { line-height: 1.85; color: #3d5046; }
.reading-copy a { color: inherit; text-underline-offset: .2em; }
.quote-form input:focus-visible, .quote-form textarea:focus-visible, .quote-form select:focus-visible { outline: 2px solid #426f89; outline-offset: 5px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #d9835c; outline-offset: 5px; }
@media (min-width: 781px) { .hero h1 { font-size: clamp(2.5rem,4.7vw,5rem); } nav a { padding-inline: .85rem; } }
@media (max-width: 780px) { .work-grid,.project-photo-grid { grid-template-columns: 1fr; gap: 2rem; } .work-card img { height: 280px; } .back-link { margin: 1.5rem 0 0; display: block; } .hero h1 { font-size: clamp(2.35rem,10vw,4.25rem); } }

.hp-field { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.quote-form button:disabled { opacity: .65; cursor: wait; }
.form-footer a { color: inherit; text-underline-offset: .2em; }
.related-work { padding-top: 0; }
.related-work h2 { font: 800 2rem var(--sans); letter-spacing: -.04em; }
.related-work ul { display: flex; flex-wrap: wrap; gap: 1rem 2rem; list-style: none; padding: 0; margin: 1.5rem 0; }
.related-work a { color: inherit; text-underline-offset: .2em; }