/* Contact page — page-specific styles.
   The design system (tokens, nav, typography, bands, fonts) is inherited
   from styles.css, which must be linked BEFORE this file. */

.contact-hero{
  background:var(--night);color:#fff;
  display:block;min-height:0;overflow:visible;
  padding:calc(66px + 44px) 0 56px;
}
.contact-hero .lede{max-width:56ch;color:rgba(255,255,255,.72);margin:18px 0 0}

.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(32px,5vw,60px);align-items:start}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:36px}}

.contact-card{
  border:1px solid var(--line-light);border-radius:4px;
  padding:clamp(20px,3vw,32px);
}
.contact-card iframe{width:100%;height:660px;border:0;display:block}

.company-address{
  font-style:normal;margin-top:18px;color:var(--ink-soft);
  font-size:1rem;line-height:1.8;
}
.company-address b{color:var(--ink);font-weight:600}
.company-address a{color:var(--primary)}

.about-team{margin-top:36px}
.team-note{color:var(--ink-soft);font-size:.95rem;line-height:1.7;margin:0}