/* Contact section, shared by index.html and every project page. */
.contact-sec{background:#000;color:#fff;padding:clamp(3rem,7vw,6rem) clamp(1.25rem,4vw,3rem) 1.5rem}
.contact-head{max-width:1240px;margin:0 auto 2rem;font:400 clamp(1.8rem,3.5vw,2.6rem)/1 var(--sans);color:#fff}
.contact-in{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.getin{font:400 clamp(3.2rem,9vw,7rem)/.92 var(--font);color:#fff;margin:0}
.getin span{font-weight:300}
.who{font:400 1.4rem var(--sans);color:#fff;margin:.8rem 0 1rem}
.who span{font-weight:300;color:#bdbdc2}
.contact-intro{font:300 1.1rem/1.6 var(--sans);color:#d5d5da;max-width:44ch;margin:0 0 2rem}
.send-row{display:flex;flex-wrap:wrap;gap:1rem}
.send{display:inline-block;background:#fff;color:#000;border:1px solid #fff;text-decoration:none;font:500 1.05rem var(--sans);padding:.8rem 2rem;border-radius:999px;transition:transform .2s}
.send.alt{background:transparent;color:#fff}
.send:hover{transform:scale(1.05)}
.send:focus-visible{outline:3px solid #fff;outline-offset:4px}
.portrait{position:relative;aspect-ratio:1/1;overflow:hidden;background:#141416}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.getin-bar{display:block;width:clamp(140px,22vw,220px);height:32px;margin:1.25rem 0;background:linear-gradient(90deg,#9a4f2c,#d9b261 50%,#2f7a7e)}
.contact-foot{max-width:1240px;margin:clamp(3rem,6vw,5rem) auto 0;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.15);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem 2rem;font:400 .78rem var(--sans);color:#9a9aa0}
.contact-foot nav{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;justify-content:flex-end}
.contact-foot .dl{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.1rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#bdbdc2;font:400 .8rem var(--sans);transition:border-color .2s,color .2s}
.contact-foot .dl:hover{border-color:#fff;color:#fff;text-decoration:none}
.dl svg{width:14px;height:14px}
.contact-foot a{color:inherit;text-decoration:none}
.contact-foot a:hover{text-decoration:underline}
@media(max-width:860px){.contact-foot{grid-template-columns:1fr;justify-items:start}.contact-foot nav{justify-content:flex-start}.contact-in{grid-template-columns:1fr}.portrait{max-width:420px}}