/* Each menu destination is a separate document, with the shared brand frame. */
html { scroll-behavior: auto; }
.nav nav > a[aria-current="page"] { color: #e4c992; }
.nav nav > a[aria-current="page"]::after { width: 100%; }
.inner-page > .section:first-child { padding-top: 60px; }
.page-title {
  font-size: 44px;
  line-height: 1.22;
  letter-spacing: -1.8px;
  font-weight: 600;
}
.page-title span { color: #e3c78f; }
.about-image {
  border: 1px solid #c1a67588;
  padding: 9px;
  border-radius: 26px;
}
.about-image > img {
  object-position: 50% 50%;
  image-orientation: from-image;
  border-radius: 16px;
}
.about-copy { align-self: start; margin-top: -20px; }
.about-copy > p:not(.overline) { font-size: 16px; }
.about-copy > p.intro { font-size: 18px; }
.about-copy > p.about-gold {
  color: #f4d58d;
  text-shadow: 0 1px 2px #041326;
}
.inner-page .services { border-top: 0; }
.project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.project-card { min-width: 0; margin: 0; }
.project-photo { display: block; border: 1px solid #c1a67588; padding: 9px; border-radius: 26px; }
.project-photo img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; object-position: center; border-radius: 16px; image-orientation: from-image; }
.project-card figcaption { padding: 20px 4px 0; }
.project-card h2 { font-size: 17px; line-height: 1.5; letter-spacing: -.3px; }
.project-card figcaption a { display: inline-block; padding: 8px 0; font-size: 12px; color: #e3c78f; }
.project-card figcaption a span { margin-left: 12px; }
.home-footer .footer-bottom { border-top: 0; }
@media (max-width: 900px) {
  .page-title { font-size: 36px; }
  .project-grid { gap: 18px; }
  .project-card h2 { font-size: 15px; }
}
@media (max-width: 640px) {
  .inner-page > .section:first-child { padding-top: 40px; }
  .about-image { padding: 7px; }
  .about-copy { margin-top: 0; }
  .about-copy > p:not(.overline) { font-size: 15px; }
  .about-copy > p.intro { font-size: 17px; }
  .page-title { font-size: 35px; letter-spacing: -1.5px; }
  .project-grid { grid-template-columns: 1fr; gap: 34px; }
  .project-card h2 { font-size: 18px; }
}
@media (max-width: 360px) {
  .page-title { font-size: 32px; }
}