.contact-page{background:var(--black);color:var(--white)}
.contact-hero{min-height:calc(100dvh - 82px);padding:90px 10vw 110px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #ffffff20}
.contact-hero h1{margin:0;color:var(--orange);font-size:clamp(72px,11vw,170px);line-height:.84;letter-spacing:-.1em}.contact-hero h1 em{font-style:normal;color:var(--white)}
.contact-lede{max-width:650px;margin:42px 0 0;color:var(--white);font-size:clamp(20px,2.4vw,32px);line-height:1.3;letter-spacing:-.035em}
.contact-people{padding:120px 10vw 145px;background:var(--paper);color:var(--ink)}.contact-heading{max-width:720px}.contact-heading h2{margin:0;color:var(--ink);font-size:clamp(54px,7vw,112px);line-height:.88;letter-spacing:-.09em}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:72px}.contact-card{display:flex;flex-direction:column;background:#d4cabe;padding:22px}.contact-card img{width:min(100%,160px);height:160px;aspect-ratio:1;object-fit:cover;filter:grayscale(1);display:block;margin:0 auto 28px}.contact-card h3{margin:0 0 18px;font-size:clamp(24px,2.4vw,36px);line-height:1;letter-spacing:-.05em}.contact-card a{display:block;color:var(--ink);font:13px/1.8 'DM Mono',monospace;text-decoration:none}.contact-card a:hover{color:#946600}.contact-page + footer{background:var(--black)}
@media(max-width:800px){.contact-hero{height:100lvh;min-height:100lvh;padding:clamp(42px,8vh,72px) 7vw 72px}.contact-hero h1{font-size:18vw}.contact-lede{margin-top:30px;font-size:21px}.contact-people{padding:85px 7vw 105px}.contact-heading h2{font-size:17vw}.contact-grid{display:block;margin-top:52px}.contact-card{margin-bottom:14px;padding:18px}.contact-card img{width:min(100%,125px);height:125px;margin-bottom:22px}.contact-card h3{font-size:30px}}
