/* ============================================================
   ABOUT + CONTACT
   ============================================================ */

.about-intro{max-width:64ch;margin:0 0 clamp(34px,6vh,64px);}
.about-kicker{
  font-family:var(--font-mono);
  font-size:10px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--feedback-blue);margin:0 0 14px;
}
.about-title{
  font-family:var(--font-display);
  font-size:clamp(2.4rem,7vw,6rem);
  line-height:.9;text-transform:uppercase;margin:0 0 24px;
}
.about-body p{
  font-family:var(--font-body);
  font-weight:300;
  font-size:clamp(.95rem,1.15vw,1.08rem);
  line-height:1.75;
  opacity:.82;
  margin:0 0 18px;
}
.about-body p:last-child{margin-bottom:0;}

.about-section-head{
  font-family:var(--font-mono);
  font-size:10px;letter-spacing:.24em;text-transform:uppercase;
  opacity:.42;
  margin:clamp(40px,7vh,80px) 0 22px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(232,221,200,.12);
}

/* founding panel */
.founding{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:1px;
  background:rgba(232,221,200,.12);
  border:1px solid rgba(232,221,200,.12);
}
.founding div{
  background:var(--amp-black);
  padding:clamp(18px,2.4vw,28px);
}
.founding dt{
  font-family:var(--font-mono);
  font-size:9px;letter-spacing:.2em;text-transform:uppercase;
  opacity:.42;margin:0 0 8px;
}
.founding dd{
  font-family:var(--font-display);
  font-size:clamp(1.2rem,2.4vw,1.9rem);
  text-transform:uppercase;
  margin:0;line-height:1;
}
.founding dd small{
  display:block;
  font-family:var(--font-body);
  font-size:.78rem;
  text-transform:none;
  letter-spacing:0;
  opacity:.6;
  margin-top:8px;
  line-height:1.5;
  font-weight:300;
}

/* properties rail */
.props{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:14px;
}
.prop{
  border:1px solid rgba(232,221,200,.12);
  padding:clamp(16px,2vw,22px);
  text-decoration:none;
  color:var(--bone);
  transition:border-color .26s var(--ease-micro),color .26s var(--ease-micro);
  display:block;
}
.prop:hover{border-color:var(--feedback-blue);color:var(--feedback-blue);}
.prop__name{
  font-family:var(--font-display);
  font-size:1.15rem;text-transform:uppercase;
  margin:0 0 6px;
}
.prop__note{
  font-family:var(--font-body);
  font-weight:300;font-size:.82rem;line-height:1.5;
  opacity:.65;margin:0;
}

/* credit block */
.credit{
  margin-top:clamp(40px,7vh,80px);
  padding:clamp(26px,4vw,48px);
  border:1px solid rgba(232,221,200,.14);
  text-align:center;
}
.credit p{
  font-family:var(--font-editorial);
  font-style:italic;
  font-size:clamp(1.05rem,2vw,1.5rem);
  line-height:1.5;opacity:.82;margin:0;
}
.credit span{
  display:block;
  font-family:var(--font-mono);
  font-size:9px;letter-spacing:.22em;text-transform:uppercase;
  font-style:normal;
  opacity:.4;margin-top:16px;
}

/* ---------- CONTACT ---------- */
.contact-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(28px,4vw,60px);
  align-items:start;
}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr;}}

.contact-intro{max-width:44ch;}
.contact-intro p{
  font-family:var(--font-body);
  font-weight:300;font-size:clamp(.9rem,1.05vw,1rem);
  line-height:1.7;opacity:.76;margin:0 0 20px;
}

.channels{list-style:none;margin:0;padding:0;}
.channels li{
  padding:14px 0;
  border-bottom:1px solid rgba(232,221,200,.10);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
.channels span{
  font-family:var(--font-mono);
  font-size:9px;letter-spacing:.2em;text-transform:uppercase;
  opacity:.42;
}
.channels a{
  font-family:var(--font-body);
  font-weight:300;font-size:.92rem;
  color:var(--bone);opacity:.78;text-decoration:none;
  transition:color .26s var(--ease-micro),opacity .26s var(--ease-micro);
}
.channels a:hover{color:var(--feedback-blue);opacity:1;}

/* form */
.form{border:1px solid rgba(232,221,200,.12);padding:clamp(20px,3vw,34px);}
.field{margin-bottom:20px;}
.field label{
  display:block;
  font-family:var(--font-mono);
  font-size:9px;letter-spacing:.2em;text-transform:uppercase;
  opacity:.52;margin-bottom:8px;
}
.field input,
.field select,
.field textarea{
  width:100%;
  background:#0b0b0e;
  border:1px solid rgba(232,221,200,.18);
  color:var(--bone);
  font-family:var(--font-body);
  font-size:.95rem;
  padding:12px 14px;
  border-radius:0;
  min-height:44px;
  transition:border-color .26s var(--ease-micro);
}
.field textarea{min-height:130px;resize:vertical;}
.field input:focus,
.field select:focus,
.field textarea:focus{
  outline:none;
  border-color:var(--feedback-blue);
}
.field input:focus-visible,
.field select:focus-visible,
.field textarea:focus-visible{
  outline:2px solid var(--feedback-blue);
  outline-offset:2px;
}
/* honeypot — hidden from humans, not from bots */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

.form__submit{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--font-mono);
  font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--bone);background:transparent;
  border:1px solid rgba(232,221,200,.4);
  padding:16px 30px;min-height:44px;cursor:pointer;
  border-radius:0;
  transition:border-color .26s var(--ease-micro),color .26s var(--ease-micro);
}
.form__submit:hover{border-color:var(--feedback-blue);color:var(--feedback-blue);}

.form__status{
  font-family:var(--font-mono);
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  margin-top:14px;min-height:18px;
}
.form__status--ok{color:var(--jade);}
.form__status--err{color:var(--oxide-red);}

.form__note{
  font-family:var(--font-mono);
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  opacity:.4;margin-top:18px;line-height:1.7;
}

/* pending-links note */
.about-pending{
  margin-top:20px;
  font-family:var(--font-mono);
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;
  line-height:1.8;opacity:.45;
}
.about-pending b{color:var(--oxide-red);opacity:.9;}

/* ---------- REDUCED MOTION ---------- */
@media (prefers-reduced-motion:reduce){
  .prop,.form__submit,
  .field input,.field select,.field textarea{transition:none;}
}
