/* ==========================================================================
   CONTACT — form + studio info
   ========================================================================== */

.contact-hero{
  padding: 11rem clamp(1.25rem,4vw,3rem) 4rem;
  border-bottom: 1px solid var(--hairline);
}
.contact-hero h1{ font-size: clamp(2.4rem, 6vw, 4.6rem); max-width: 16ch; }
.contact-hero p{ margin-top:1.6rem; max-width:48ch; color:var(--muted-2); font-size:1.05rem; line-height:1.7; }

.contact-wrap{
  display:grid; grid-template-columns: 1.3fr 1fr; gap:4rem;
  padding: 6rem clamp(1.25rem,4vw,3rem) 8rem;
}
@media (max-width: 900px){
  .contact-wrap{ grid-template-columns: 1fr; gap:3.5rem; padding-top:4rem; }
}

.field{ margin-bottom:1.8rem; }
.field label{
  display:block; font-family:'JetBrains Mono', monospace; font-size:0.72rem;
  letter-spacing:0.1em; text-transform:uppercase; color:var(--muted-2); margin-bottom:0.7rem;
}
.field input, .field select, .field textarea{
  width:100%; background:transparent; border:none; border-bottom:1px solid var(--hairline);
  color:var(--ink); font-family:'Inter',sans-serif; font-size:1rem; font-weight:300;
  padding: 0.8rem 0.2rem; transition: border-color 0.3s var(--ease);
}
.field select{ appearance:none; -webkit-appearance:none; cursor:pointer; }
.field select option{ background:#0E0E10; }
.field input:focus, .field select:focus, .field textarea:focus{
  outline:none; border-color: var(--gold);
}
.field textarea{ resize:vertical; min-height:120px; }
.field-row{ display:flex; gap:1.6rem; }
.field-row .field{ flex:1; }

.form-status{
  margin-top:1.2rem; font-family:'JetBrains Mono', monospace; font-size:0.8rem; color:var(--gold);
  display:none;
}
.form-status.is-visible{ display:block; }

.info-block{ margin-bottom:2.8rem; }
.info-block strong{
  display:block; font-family:'JetBrains Mono', monospace; font-size:0.7rem;
  letter-spacing:0.12em; text-transform:uppercase; color:var(--gold); margin-bottom:0.8rem;
}
.info-block p, .info-block a{ font-size:0.98rem; color:var(--muted-2); line-height:1.7; }
.info-block a:hover{ color:var(--ink); }

/* ---- The Team — horizontal scroll strip ---- */
.team-strip-wrap{
  padding: 5.5rem clamp(1.25rem,4vw,3rem) 0;
}
.team-strip-head h2{ font-size: clamp(1.8rem, 4vw, 2.6rem); margin-top:0.6rem; }
.team-strip-status{
  margin-top: 1.6rem; font-family:'JetBrains Mono', monospace; font-size:0.85rem; color: var(--muted-2);
}
.team-strip{
  display:flex; gap:1.4rem; overflow-x:auto; overscroll-behavior-x: contain;
  margin-top: 2.2rem; padding-bottom: 1.2rem; scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
.team-strip::-webkit-scrollbar{ height:4px; }
.team-strip::-webkit-scrollbar-thumb{ background: var(--hairline); }
.team-card{
  flex: 0 0 210px; scroll-snap-align: start;
  display:block; border:1px solid var(--hairline); background: var(--bg-card);
  transition: border-color 0.3s var(--ease), transform 0.3s var(--ease);
}
.team-card:hover{ border-color: var(--gold); transform: translateY(-3px); }
.team-card__photo{
  width:100%; aspect-ratio: 1 / 1; background-size:cover; background-position:center;
  background-color: var(--bg-raised); filter: grayscale(0.6) brightness(0.85);
  transition: filter 0.4s var(--ease);
}
.team-card:hover .team-card__photo{ filter: grayscale(0) brightness(1); }
.team-card__body{ padding: 1.1rem 1.2rem 1.3rem; }
.team-card__name{ font-family:'Syne', sans-serif; font-weight:700; font-size:1.02rem; }
.team-card__position{
  margin-top:0.3rem; font-family:'JetBrains Mono', monospace; font-size:0.68rem;
  letter-spacing:0.08em; text-transform:uppercase; color: var(--gold);
}
.team-card__quote{
  margin-top:0.7rem; font-size:0.86rem; line-height:1.55; color: var(--muted-2); font-style:italic;
}
.team-card__quote::before{ content:'“'; }
.team-card__quote::after{ content:'”'; }

@media (max-width: 640px){
  .team-strip-wrap{ padding-left:1.25rem; padding-right:1.25rem; }
  .team-card{ flex-basis: 168px; }
}