.contact__grid{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:80px;padding-top:180px;padding-bottom:120px;display:grid}.contact__title{margin-top:20px;margin-left:-.05em}.contact__lead{max-width:520px;font-size:var(--t-lead);color:var(--craie-80);margin-top:40px;line-height:1.45}.contact__mail,.contact__socials{margin-top:56px}.contact__socials ul{flex-wrap:wrap;gap:8px 28px;margin-top:14px;display:flex}.contact__socials a,.contact__todo{min-height:44px;color:var(--craie-85);align-items:center;font-size:18px;display:inline-flex}.contact__todo{color:var(--craie-45)}@media (hover:hover){.contact__socials a:hover{color:var(--lime)}}.contact__right{align-self:end;position:relative}.form{background:var(--carbone);border:1px solid var(--craie-12);border-radius:16px;flex-direction:column;gap:28px;padding:40px;display:flex}.form__hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.field{flex-direction:column;gap:10px;display:flex}.field__label{font-family:var(--f-mono);letter-spacing:.12em;color:var(--craie-70);font-size:12px;font-weight:500}.field input,.field textarea{border:1px solid var(--graphite);background:var(--nuit);width:100%;min-height:52px;color:var(--craie);font:inherit;border-radius:10px;padding:14px 16px;font-size:17px;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:150px;line-height:1.5}.field input:hover,.field textarea:hover{border-color:var(--craie-30)}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-color:var(--lime)}.field.has-error input,.field.has-error textarea{border-color:#ff6a52}.field__error{color:#ff8a75;font-size:14px;line-height:1.4}.form__global{color:#ff8a75;font-size:15px}.form__actions{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.form__note{color:var(--craie-45)}.contact__sent{background:var(--carbone);border-radius:16px;flex-direction:column;align-items:flex-start;gap:18px;padding:56px 40px;display:flex;position:relative}.contact__sent-corners i{border:0 solid var(--lime);width:30px;height:30px;position:absolute}.contact__sent-corners i:first-child{border-top-width:2px;border-left-width:2px;top:16px;left:16px}.contact__sent-corners i:nth-child(2){border-top-width:2px;border-right-width:2px;top:16px;right:16px}.contact__sent-corners i:nth-child(3){border-bottom-width:2px;border-left-width:2px;bottom:16px;left:16px}.contact__sent-corners i:nth-child(4){border-bottom-width:2px;border-right-width:2px;bottom:16px;right:16px}.contact__sent-data{color:var(--lime)}.contact__sent-title{font-size:var(--t-h3);letter-spacing:-.045em;font-weight:500;line-height:1}.contact__sent-text{color:var(--craie-70);overflow-wrap:anywhere;margin-bottom:12px;font-size:17px}.contact__shutter{pointer-events:none;border-radius:16px;position:absolute;inset:0;overflow:hidden}.contact__shutter i{background:#000;height:51%;transition:transform 70ms linear;position:absolute;left:0;right:0;transform:scaleY(0)}.contact__shutter i:first-child{transform-origin:top;top:0}.contact__shutter i:last-child{transform-origin:bottom;bottom:0}.contact__shutter.is-on i{transform:scaleY(1)}@media (width<=1024px){.contact__grid{grid-template-columns:1fr;gap:56px;padding-top:120px}}@media (width<=639px){.contact__grid{padding-top:96px}.form,.contact__sent{padding:28px 20px}}
