section.contact{background:var(--white);padding:calc(45 / var(--size) * var(--size-end)) 0}section.contact .intro{max-width:calc(362 / var(--size) * var(--size-end))}section.contact form{position:relative}@media (max-width:1023px){section.contact form{margin-top:calc(40 / var(--size) * var(--size-end))}}section.contact form.sent>div{opacity:0;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease;pointer-events:none}section.contact form.sent>.success{opacity:1}section.contact form .success{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none}@media (min-width:768px){section.contact form .grid .field{width:calc(50% - 10 / var(--size) * var(--size-end))}}section.contact form .field{margin-bottom:calc(24 / var(--size) * var(--size-end))}@media (max-width:767px){section.contact form .field{width:100%}}section.contact form .field input,section.contact form .field select,section.contact form .field textarea{font-size:calc(18 / var(--size) * var(--size-end));border-radius:calc(10 / var(--size) * var(--size-end));width:100%;padding:calc(18 / var(--size) * var(--size-end)) calc(16 / var(--size) * var(--size-end));border:1px solid var(--stone)}section.contact form .field input.error,section.contact form .field select.error,section.contact form .field textarea.error{border-color:red}section.contact form .field textarea{min-height:calc(210 / var(--size) * var(--size-end))}section.contact form .field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}section.contact form .field:has(select){position:relative}section.contact form .field:has(select) svg{width:calc(24 / var(--size) * var(--size-end));height:calc(24 / var(--size) * var(--size-end));position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:calc(16 / var(--size) * var(--size-end));pointer-events:none}section.contact form .field:has([type=checkbox]) label{cursor:pointer}section.contact form .field:has([type=checkbox]) input{display:none}section.contact form .field:has([type=checkbox]) input.error+span:before{border-color:red}section.contact form .field:has([type=checkbox]) input:checked+span:after{display:block}section.contact form .field:has([type=checkbox]) span{display:block;font-size:calc(20 / var(--size) * var(--size-end));padding-left:calc(40 / var(--size) * var(--size-end));position:relative}@media (max-width:767px){section.contact form .field:has([type=checkbox]) span{font-size:calc(17 / var(--size) * var(--size-end))}}section.contact form .field:has([type=checkbox]) span:before{content:"";display:block;position:absolute;width:calc(22 / var(--size) * var(--size-end));height:calc(22 / var(--size) * var(--size-end));top:calc(-2 / var(--size) * var(--size-end));left:0;border-radius:calc(5 / var(--size) * var(--size-end));border:1px solid var(--blue)}section.contact form .field:has([type=checkbox]) span:after{content:"";display:block;position:absolute;width:calc(12 / var(--size) * var(--size-end));height:calc(12 / var(--size) * var(--size-end));border-radius:calc(2.5 / var(--size) * var(--size-end));background:var(--orange);top:calc(4 / var(--size) * var(--size-end));left:calc(6 / var(--size) * var(--size-end));display:none}section.contact form .action{margin-top:calc(30 / var(--size) * var(--size-end))}section.contact form .action button{padding:0;border-radius:0;border:0;cursor:pointer}section.contact form .action button span{border:1px solid var(--orange)}