#contact{padding-bottom:clamp(72px,8vw,136px)}#contact .mailrow{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;padding-bottom:clamp(20px,2.4vw,32px);border-bottom:1px solid var(--rule2)}#contact .mail{font:600 clamp(30px,6vw,104px)/1.02 var(--sans);letter-spacing:-.045em;overflow-wrap:anywhere;user-select:all;-webkit-user-select:all;cursor:text}#contact .mail::selection{background:var(--g);color:var(--on-g)}#contact .copy{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 16px 0 14px;border:1px solid var(--rule2);border-radius:8px;font:500 14px/1 var(--sans);color:var(--fg);cursor:pointer;white-space:nowrap;transition:background-color .2s var(--ease),border-color .2s,color .2s}#contact .copy:hover{background:var(--fg);border-color:var(--fg);color:var(--bg)}#contact .copy:focus-visible{outline:2px solid var(--g);outline-offset:3px}#contact .copy:active{transform:translateY(1px)}#contact .ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}#contact .k{display:none}#contact .copy.done{background:var(--g);border-color:var(--g);color:var(--on-g)}#contact .copy.done .c{display:none}#contact .copy.done .k{display:inline}#contact .copy.done svg.k{display:block}#contact .facts{display:flex;flex-wrap:wrap;gap:12px clamp(28px,4vw,64px);margin-top:20px}#contact .facts div{display:flex;gap:10px;align-items:baseline}#contact .facts dt{font:400 12px var(--mono);color:var(--faint)}#contact .facts dd{font-size:15px}@media(max-width:767px){#contact .copy{height:40px}}#contact:has(+#topics){padding-bottom:0}#contact .ct-reply{margin-top:14px}
