.page--contact{& :focus-visible{outline-offset:3px}& .masthead{gap:30px;padding:clamp(18px,2.9vh,32px) 0 clamp(14px,2.2vh,22px)}& .nav{gap:clamp(15px,2.3vw,33px)}& .colophon{padding:clamp(12px,1.9vh,18px) 0}& .lbl{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:400}& h1{letter-spacing:-.017em;text-wrap:balance;max-width:22ch;font-size:clamp(25px,2.65vw,34px);font-weight:500;line-height:1.12}& h1 em{font-family:var(--serif);letter-spacing:0;font-style:italic;font-weight:400}& .lede{font-family:var(--serif);color:var(--ink-2);font-size:clamp(14px,1.2vw,17px);line-height:1.6}& .split{flex:1;grid-template-columns:61.8fr 38.2fr;min-height:0;display:grid}& .left{border-right:1px solid var(--rule);flex-direction:column;padding:clamp(24px,4.4vh,46px) clamp(28px,4vw,64px) clamp(22px,3.4vh,38px) 0;display:flex}& .right{flex-direction:column;padding:clamp(24px,4.4vh,46px) 0 clamp(22px,3.4vh,38px) clamp(24px,3vw,52px);display:flex}& .eyebrow{margin-bottom:clamp(12px,1.8vh,17px);display:block}& .left .lede{max-width:46ch;margin-top:clamp(12px,1.8vh,18px)}& form{flex-direction:column;flex:1;margin-top:clamp(18px,2.8vh,30px);display:flex}& .grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2.2vw,34px);display:grid}& .f{flex-direction:column;margin-bottom:clamp(13px,2vh,20px);display:flex}& .f label{letter-spacing:.19em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;font-size:10.5px}& .f input,& .f select,& .f textarea{font-family:var(--sans);color:var(--ink);border:0;border-bottom:1px solid var(--rule);background:0 0;border-radius:0;width:100%;min-width:0;padding:5px 0 7px;font-size:15px;transition:border-color .18s}& .f textarea{font-family:var(--serif);resize:none;min-height:4.4em;font-size:15.5px;line-height:1.6}& .f.grow{flex:1;min-height:0}& .f.grow textarea{border-bottom:0;flex:1}& .f input:focus,& .f select:focus,& .f textarea:focus{border-bottom-color:var(--ink);outline:0}& .f [aria-invalid=true]{border-bottom-color:var(--accent)}& .f input::placeholder,& .f textarea::placeholder{color:var(--ink-3);opacity:1}& .f select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 9px) 12px,calc(100% - 4px) 12px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:20px}& .send{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-top:auto;padding-top:clamp(14px,2.1vh,20px);display:flex}& button[type=submit]{font-family:var(--sans);letter-spacing:.02em;color:var(--ink);border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;padding:0 0 3px;font-size:14px;font-weight:500;transition:color .18s,border-color .18s}& button[type=submit]:hover{color:var(--accent);border-bottom-color:var(--accent)}& button[type=submit]:disabled{cursor:progress;color:var(--ink-3);border-bottom-color:var(--rule)}& .send .note{color:var(--ink-3);font-size:11.5px}& .send .note.is-error{color:var(--ink)}& .right .lbl{margin-bottom:clamp(11px,1.7vh,16px);display:block}& .steps{border-top:1px solid var(--ink)}& .steps li{border-bottom:1px solid var(--rule-soft);grid-template-columns:2.1em 1fr;align-items:baseline;gap:13px;padding:clamp(9px,1.4vh,13px) 0;list-style:none;display:grid}& .steps .n{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:10.5px}& .steps .t{letter-spacing:-.004em;font-size:13.5px;font-weight:500;display:block}& .steps .d{font-family:var(--serif);color:var(--ink-2);margin-top:2px;font-size:12.5px;line-height:1.45;display:block}& .direct{border-top:1px solid var(--rule-soft);margin-top:auto;padding-top:clamp(16px,2.5vh,26px)}& .direct .k{letter-spacing:.19em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px}& .mail{border-bottom:1px solid var(--rule);margin-top:7px;padding-bottom:2px;font-size:14.5px;transition:color .18s,border-color .18s;display:inline-block}& .mail:hover{color:var(--accent);border-bottom-color:var(--accent)}& .direct .sp{font-family:var(--serif);color:var(--ink-2);max-width:34ch;margin-top:5px;font-size:12.5px;line-height:1.45}& .hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}& .done{border-top:1px solid var(--rule);font-family:var(--serif);color:var(--ink);max-width:46ch;margin-top:clamp(18px,2.8vh,30px);padding-top:clamp(14px,2.1vh,20px);font-size:clamp(14px,1.2vw,17px);line-height:1.6}& .done:focus{outline:0}@media (width<=767px){& .split{grid-template-columns:1fr}& .left{border-right:0;border-bottom:1px solid var(--rule);padding-right:0}& .right{padding-left:0}& .left{padding:clamp(32px,6vh,48px) 0}& .right{padding:clamp(28px,5vh,40px) 0 clamp(36px,7vh,56px)}& .grid2{grid-template-columns:1fr;gap:0}& .f{margin-bottom:22px}& .f input,& .f select,& .f textarea{font-size:16px}& .f.grow textarea{min-height:8em}& .send{margin-top:8px}& .direct{margin-top:32px}}}
