/* Stillwater: architectural proportions, mineral tones, generous negative space. */
header { height: 80px; }
.hero { min-height: 610px; height: calc(100dvh - 80px); max-height: 940px; }
.hero h1 { font-size: clamp(64px, 8.6vw, 132px); letter-spacing: -.055em; bottom: 130px; }
.hero-shade { background: linear-gradient(180deg, #10201b65 0%, #10201b00 32%, #10201bbd 100%); }
.hero-top { font-size: 14px; }
.hero-bottom { bottom: 35px; }
.hero-bottom p { max-width: 26ch; }
.intro { grid-template-columns: 1fr 2fr; padding: 110px 6% 100px; }
.intro > div > p { max-width: 45ch; }
.section-label { color: #3e4e42; }
.project-image img { object-fit: cover; }
.project .view { position: static; display: block; width: fit-content; padding: 14px 0; background: none; border-bottom: 1px solid currentColor; }
.project-image { overflow: visible; margin-bottom: 60px; }
.project-image img { display: block; }
.project-meta { margin-top: 20px; }
.project-meta h3 { font-size: 29px; }
.project-two { padding-top: 125px; }
.approach { background: #dfe2db; }
.approach-list summary { padding: 5px 0; }
.approach-copy > p:not(.section-label) { max-width: 40ch; }
.contact { text-align: left; padding: 95px 6%; }
.contact h2 { font-size: clamp(50px, 7.5vw, 100px); }
.contact-button { min-width: 275px; justify-content: space-between; }
.gallery-bottom { align-items: flex-start; }
.gallery-bottom > div:first-child { max-width: 680px; }
.gallery-bottom p { line-height: 1.7; max-width: 62ch; }
#gallery-details { font-size: 12px; line-height: 1.7; color: #3e4e42; }
#enquiry-dialog label { font-size: 14px; }
#enquiry-result { outline-offset: 8px; }
.disclosure, .demo-note, .gallery-disclosure { font-size: 12px !important; line-height: 1.7; }
footer { padding-block: 40px; }
@media (max-width: 760px) {
  header { height: auto; padding-top: 18px; padding-bottom: 0; }
  .hero { min-height: 580px; height: 77dvh; max-height: 800px; }
  .hero h1 { bottom: 160px; font-size: clamp(48px, 12.6vw, 80px); }
  .hero-bottom { align-items: start; gap: 22px; flex-direction: column; }
  .hero-bottom p { font-size: 14px; }
  .round-link { font-size: 13px; }
  .round-link b { min-height: 44px; min-width: 44px; }
  .hero-top { font-size: 13px; }
  .intro { display: block; padding: 60px 24px; }
  .project-two { padding-top: 0; }
  .project-image, .project-two .project-image { height: 360px; }
  .project-meta > span { font-size: 13px; }
  .approach { padding: 50px 24px; }
  .approach-image { height: 360px; }
  .contact { padding: 65px 24px; }
  .contact h2 { font-size: 49px; }
  .contact-button { min-width: 0; width: 100%; }
  .enquire { font-size: 12px; }
  .gallery-photo { height: 30dvh; }
  .gallery-controls { align-self: start; }
  .gallery-bottom h2 { font-size: 28px; }
}