.contact{z-index:2;min-height:100svh;padding:120px var(--sc-gutter) 12vh;justify-items:center;display:grid;position:relative}.letter{width:min(100%,58rem)}.letter__title{margin:0 0 var(--sc-8) max(0px, 6vw);font-family:var(--sc-font-display);letter-spacing:-.045em;font-size:clamp(2.6rem,6.4vw,6rem);font-weight:700;line-height:.95;display:inline-block}.letter__body{font-family:var(--sc-font-display);letter-spacing:-.025em;font-size:clamp(1.45rem,2.7vw,2.5rem);font-weight:500;line-height:1.5}.letter__body p{text-wrap:pretty;margin:0 0 .3em}.blank{vertical-align:baseline;margin-inline:.28em .12em;display:inline-block}.blank :is(input,textarea,select){font:inherit;letter-spacing:inherit;color:#2f5a2b;field-sizing:content;min-width:6ch;max-width:100%;transition:border-color var(--sc-d-fast) var(--sc-ease-out), background-color var(--sc-d-fast) var(--sc-ease-out);background:0 0;border:0;border-bottom:2px solid #1c1f1a38;border-radius:0;padding:0 .1em}.blank textarea{resize:none;vertical-align:top;width:min(100%,40rem);min-width:14ch}.blank select{appearance:none;cursor:pointer;min-width:0;padding-right:.1em}.blank :is(input,textarea)::placeholder{color:#6f7466;opacity:1}.blank :is(input,textarea,select):focus{background:#e2622f0f;border-bottom-color:#e2622f;outline:none}.blank :is(input,textarea,select):focus-visible{outline:none}.blank [aria-invalid=true]{border-bottom-color:#b44a1f}@media (hover:hover) and (pointer:fine){.blank :is(input,textarea,select):hover{border-bottom-color:#1c1f1a73}}.letter__sign{margin-top:1.1em!important}.letter__sign span{color:#2f5a2b}.letter__trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.letter__send{align-items:center;gap:var(--sc-4) var(--sc-6);margin-top:var(--sc-8);flex-wrap:wrap;display:flex}.letter__send button{color:#1c1f1a;font-weight:600;font-size:var(--sc-t-base);cursor:pointer;transition:transform var(--sc-d-fast) var(--sc-ease-out), background-color var(--sc-d-fast) var(--sc-ease-out);background:#e2622f;border:0;border-radius:4px;padding:14px 24px}.letter__send button:active:not(:disabled){transform:scale(.97)}.letter__send button:disabled{opacity:.6;cursor:progress}@media (hover:hover) and (pointer:fine){.letter__send button:hover:not(:disabled){background:#ec7444}}.letter__status{max-width:46ch;font-size:var(--sc-t-sm);color:var(--sc-ink-soft);margin:0}.letter--sent{text-align:center;align-self:center}.letter--sent .letter__title{margin-left:0;margin-bottom:var(--sc-6);font-size:clamp(3.4rem,10vw,9rem)}.letter__note{margin:0 0 var(--sc-3);font-size:var(--sc-t-lg)}.letter__note a{text-underline-offset:.25em;text-decoration-color:#e2622f}@media (max-width:860px){.contact{padding-top:96px}.letter__title{margin-left:12vw;margin-bottom:var(--sc-6)}.letter__body{font-size:clamp(1.3rem,5.6vw,1.7rem);line-height:1.55}}