:root {
  color-scheme: light;
  --cream: #F8F7F4;
  --beige: #E5DED2;
  --taupe: #958878;
  --sage: #768371;
  --brown: #2C211A;
  font-family: Georgia, "Times New Roman", serif;
  color: var(--brown);
  background: var(--cream);
}

* { box-sizing: border-box; }
body { margin: 0; border-top: 8px solid var(--sage); }
.page { max-width: 1088px; padding: 48px 64px 52px; margin: 0 auto; }
.brand-mark { margin-bottom: 32px; }
.brand-mark img { display: block; width: 124px; height: auto; max-width: 100%; }
.intro { max-width: 840px; }
h1 { font-weight: 400; font-size: clamp(2.5rem, 5.3vw, 4.75rem); letter-spacing: -.035em; line-height: 1.08; margin: 0 0 24px; overflow-wrap: anywhere; }
.service-summary { font-size: clamp(1.125rem, 2vw, 1.375rem); line-height: 1.6; max-width: 660px; margin: 0; }
.accent { display: block; width: 72px; height: 3px; background: var(--sage); margin: 30px 0; }
.construction-note { max-width: 580px; font-size: 1.125rem; line-height: 1.85; margin: 0; }
a { color: var(--brown); text-decoration-color: var(--sage); text-decoration-thickness: 2px; text-underline-offset: 5px; padding: 7px 0; overflow-wrap: anywhere; }
a:hover { text-decoration-color: var(--brown); }
a:focus-visible { outline: 3px solid var(--brown); outline-offset: 5px; border-radius: 2px; background: var(--beige); }
.contact-details { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; border-top: 1px solid var(--taupe); margin-top: 54px; padding-top: 28px; font-size: .9375rem; line-height: 1.7; }
.contact-office { max-width: 300px; }
h2, dt { font-size: .6875rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; line-height: 1.5; margin: 0 0 10px; }
address { font-style: normal; overflow-wrap: anywhere; }
dl { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin: 0; }
dd { margin: 0; }

@media (max-width: 680px) {
  .page { padding: 32px 24px 36px; }
  .brand-mark { margin-bottom: 28px; }
  .brand-mark img { width: 104px; }
  h1 { font-size: clamp(2.25rem, 8.5vw, 3.25rem); margin-bottom: 20px; }
  .accent { margin: 24px 0; }
  .construction-note { font-size: 1.0625rem; line-height: 1.8; }
  .contact-details { grid-template-columns: 1fr; gap: 24px; margin-top: 36px; padding-top: 24px; }
  dl { grid-template-columns: 1fr; gap: 24px; }
}