.cf{display:grid;gap:clamp(1.5rem,3vw,2.5rem);padding-block:var(--section-gap)}.cf-grid{display:grid;gap:clamp(2rem,4vw,3rem);align-items:start}.cf-cardwrap{position:relative;z-index:0}.cf-cardwrap:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink);transform:translate(calc(10px + var(--mx, 0) * .05px),calc(10px + var(--my, 0) * .05px));transition:transform .4s var(--ease-paper)}.cf-cardwrap.is-tilt:before{transition-duration:.12s;transition-timing-function:linear}.cf-card.edge{background:var(--red);color:var(--paper);box-shadow:none;padding:clamp(1.5rem,3vw,2rem);display:grid;gap:1rem;align-content:start}.cf-card__label{color:var(--red-muted)}.cf-card__mail{font-family:var(--text);font-weight:600;font-size:clamp(1.25rem,1.06rem + .78vw,1.75rem);line-height:1.22;color:var(--paper);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.2em;overflow-wrap:anywhere;transition:color var(--t-fast),text-decoration-color var(--t-fast)}.cf-card__mail:hover{color:var(--ink);text-decoration-color:var(--ink)}.cf-card__note{color:var(--red-muted)}.cf-card :focus-visible{outline-color:var(--paper)}.cf-card ::selection{background:var(--ink);color:var(--paper)}.cf-form{display:grid;gap:1.25rem;margin-top:1.5rem}.cf-field{display:grid;gap:.4rem;align-content:start}.cf-field label{font-weight:600}.cf-field em{font-style:normal;font-weight:400;color:var(--paper-muted)}.cf-box{position:relative;display:block}.cf-form input,.cf-form textarea{width:100%;padding:.7rem .85rem;border:var(--rule) solid var(--ink);background:var(--paper);color:var(--ink);border-radius:0;display:block}.cf-form textarea{min-height:11rem;line-height:1.5;resize:vertical}.cf-form input:focus,.cf-form textarea:focus{outline:none}@media(forced-colors:active){.cf-form input:focus,.cf-form textarea:focus{outline:var(--rule) solid;outline-offset:2px}}.cf-box:after{content:"";position:absolute;inset:-5px;pointer-events:none;background-image:linear-gradient(var(--red),var(--red)),linear-gradient(var(--red),var(--red)),linear-gradient(var(--red),var(--red)),linear-gradient(var(--red),var(--red));background-repeat:no-repeat;background-position:left top,right top,right bottom,left bottom;background-size:0 var(--rule),var(--rule) 0,0 var(--rule),var(--rule) 0}.cf-box:focus-within:after{animation:cf-draw .32s linear both}@keyframes cf-draw{0%{background-size:0 var(--rule),var(--rule) 0,0 var(--rule),var(--rule) 0}25%{background-size:100% var(--rule),var(--rule) 0,0 var(--rule),var(--rule) 0}50%{background-size:100% var(--rule),var(--rule) 100%,0 var(--rule),var(--rule) 0}75%{background-size:100% var(--rule),var(--rule) 100%,100% var(--rule),var(--rule) 0}to{background-size:100% var(--rule),var(--rule) 100%,100% var(--rule),var(--rule) 100%}}.cf-form input[aria-invalid=true],.cf-form textarea[aria-invalid=true]{border-color:var(--red)}.cf-error{color:var(--red);font-weight:500;font-size:.9375rem;line-height:1.4}.cf-context:not([hidden]){display:flex;flex-wrap:wrap}.cf-context__label{color:var(--paper-muted)}.cf-context .chip{--tilt: 0deg}.cf-context.is-out .chip{animation:cf-chip-out .2s var(--ease-paper) both}@keyframes cf-chip-out{0%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.16) rotate(4deg);opacity:0}}.cf-send{margin-top:.25rem}.cf-send__note{color:var(--paper-muted);margin-bottom:1rem}.cf-send__row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.cf-copy-msg[hidden]{display:none}.cf-status{font-weight:500;max-width:60ch;margin-top:1rem}.cf-stamp{--tilt: -8deg;display:inline-block;padding:.3rem .7rem;background:var(--red);color:var(--paper);border:2px solid var(--paper);box-shadow:0 0 0 var(--rule) var(--red);font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:1.1rem;letter-spacing:.06em;line-height:1.1;transform:rotate(-8deg)}.cf-stamp[hidden]{display:none}.cf-nojs{margin-top:.5rem}html.js .cf-nojs{display:none}html:not(.js) .cf-formwrap{display:none}@media(min-width:1000px){.cf-grid{grid-template-columns:400px 64px minmax(0,1fr)}.cf-cardwrap{grid-column:1}.cf-main{grid-column:3}}@media(min-width:1200px){.cf-form{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}.cf-field--wide{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.cf-cardwrap:before{transform:translate(10px,10px);transition:none}.cf-box:focus-within:after{animation:none;background-size:100% var(--rule),var(--rule) 100%,100% var(--rule),var(--rule) 100%}}
