/* ============================================================
   GROUNDWORK STUDIO — contact.css
   ============================================================ */

.contact-section {
  background: var(--green);
  min-height: 100vh;
  padding: calc(var(--nav-h) + 5rem) 0 6rem;
  position: relative;
  overflow: hidden;
}
.contact-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(-55deg, transparent 0px, transparent 40px, rgba(201,168,76,.025) 40px, rgba(201,168,76,.025) 41px);
  pointer-events: none;
}
.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 6rem;
  align-items: start;
  position: relative;
  z-index: 1;
}
.contact-info p { color: rgba(245,240,232,.78); font-size: .95rem; margin-bottom: 2rem; }
.contact-headline { font-family: var(--font-display); font-size: clamp(2.2rem, 4vw, 3.5rem); font-weight: 300; line-height: 1.08; color: var(--cream); margin-bottom: .5rem; }
.contact-headline em { font-style: italic; color: var(--gold); }
.contact-tagline { font-family: var(--font-display); font-size: clamp(1rem, 1.8vw, 1.3rem); font-style: italic; font-weight: 300; color: rgba(201,168,76,.75); margin-bottom: 1.5rem; }

.contact-links { display: flex; flex-direction: column; }
.contact-link { display: flex; align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid rgba(201,168,76,.2); font-size: .92rem; color: rgba(245,240,232,.85); transition: color var(--trans); }
.contact-link:hover { color: var(--gold); }
.contact-link:first-child { border-top: 1px solid rgba(201,168,76,.2); }
.contact-link-icon { width: 34px; height: 34px; background: rgba(245,240,232,.07); border: 1px solid rgba(201,168,76,.22); border-radius: var(--radius); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--gold); font-size: .82rem; }

.contact-local-note { margin-top: 2rem; padding: 1.4rem; border: 1px solid rgba(201,168,76,.2); border-radius: 2px; background: rgba(201,168,76,.06); }
.contact-local-note strong { display: block; font-size: .65rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); margin-bottom: 6px; font-weight: 400; }
.contact-local-note p { font-size: .84rem; color: rgba(245,240,232,.85); margin: 0; line-height: 1.8; }

/* Responsive */
@media (max-width: 900px) {
  .contact-grid { grid-template-columns: 1fr; gap: 3rem; }
  .contact-section { padding-top: calc(var(--nav-h) + 3rem); }
}