svg{display:block}
.logo svg{height:30px;width:auto}
.contact{padding-top:clamp(48px,10vw,128px);padding-bottom:clamp(64px,12vw,160px);min-height:64vh}
.eyebrow{font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--muted);margin:0 0 20px}
h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-optical-sizing:auto;
    font-size:clamp(2.6rem,7.5vw,5.2rem);line-height:.96;letter-spacing:-.025em;margin:0}
.lede{max-width:42ch;margin:22px 0 0;font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--muted);line-height:1.5}
.mail-link{display:inline-block;margin-top:clamp(40px,7vw,84px);
    font-family:"Bricolage Grotesque",sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.06;
    font-size:clamp(1.8rem,6.4vw,4.6rem);color:var(--ink);overflow-wrap:anywhere;
    background:linear-gradient(var(--ink),var(--ink)) no-repeat left 94%/0% 5px;
    transition:background-size .45s cubic-bezier(.6,0,.2,1)}
.mail-link:hover,.mail-link:focus-visible{background-size:100% 5px}
.links{display:flex;flex-wrap:wrap;gap:clamp(20px,3vw,38px);margin-top:clamp(34px,5vw,58px)}
.clink{display:inline-flex;align-items:center;gap:11px;font-weight:600;font-size:1.06rem;color:var(--ink)}
.clink svg{width:20px;height:20px}
.clink .ar{transition:transform .3s ease;font-weight:500}
.clink:hover .ar{transform:translate(4px,-4px)}
.clink:hover .lbl{text-decoration:underline;text-underline-offset:3px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
@media(max-width:760px){.bar{height:68px}nav ul{gap:16px}nav a{font-size:.92rem}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}.reveal{opacity:1;transform:none}}