.contact img{max-width:100%}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:var(--ax2)}.contact .field{flex-wrap:wrap;margin-bottom:var(--ax30)}.contact__field-error{flex-basis:100%;padding-bottom:var(--ax2)}.contact__field-error .form__message{margin:var(--ax6) 0 0}.contact [data-contact-errors] .form-status{color:rgb(var(--c-foreground))}.contact .field__input:focus-visible{outline:1px solid currentColor;outline-offset:2px}.contact__button{display:flex;justify-content:center;margin-top:var(--ax30)}[data-contact-submit][aria-disabled=true]{cursor:default;opacity:.5}[data-submitting=true] [data-contact-submit]{cursor:wait;opacity:.7}.contact__status{align-items:center;display:flex;justify-content:center;margin-top:var(--ax12);min-height:var(--ax20)}.contact__status-message{align-items:center;display:inline-flex;justify-content:center;line-height:1.4;margin:0;text-align:center}.contact__status-message--success{gap:var(--ax6)}.contact__status-message--success .icon-success{flex:0 0 auto;margin-top:0}@media only screen and (min-width:750px){.contact__fields{grid-column-gap:var(--ax20);display:grid;grid-template-columns:repeat(2,1fr)}}contact-form{padding:0!important}.contact{height:calc(var(--ax)*829);max-width:calc(var(--ax)*662);position:relative;width:100%}.contact:has([data-contact-errors]:not([hidden])){height:calc(var(--ax)*979)}@media only screen and (max-width:749px){.contact{height:calc(var(--ax)*610)}.contact:has([data-contact-errors]:not([hidden])){height:calc(var(--ax)*760)}}.contact form{background-color:#faf9f7;box-shadow:2px 2px 4px #00000026;left:calc(var(--ax)*55);max-width:calc(var(--ax)*558);padding:calc(var(--ax)*40);position:absolute;right:calc(var(--ax)*55);top:calc(var(--ax)*129);width:calc(100% - var(--ax)*100);z-index:1}@media only screen and (max-width:749px){.contact form{left:calc(var(--ax)*30);padding:calc(var(--ax)*15);right:calc(var(--ax)*30);top:0;width:calc(100% - var(--ax)*60)}.contact form .button{width:100%}}.contact form [hidden]{display:none}.contact form .field__label{opacity:.8}@media (max-width:989px),(pointer:coarse){.contact form .field__input,.contact form .field__input:-webkit-autofill,.contact form .field__input:focus,.contact form .field__input:not(:placeholder-shown){font-size:16px}}.contact form .field__input:-webkit-autofill~.field__label,.contact form .field__input:focus~.field__label,.contact form .field__input:not(:placeholder-shown)~.field__label{opacity:1}.contact form .field__select,.contact form .field__select:focus,.contact form .field__select:not(:placeholder-shown){padding:calc(var(--ax)*10) calc(var(--ax)*30) calc(var(--ax)*10) calc(var(--ax)*20)}.contact form .text-area::placeholder{opacity:0}.contact .letter-back__image,.contact .letter-front__image{bottom:0;left:0;opacity:.8;pointer-events:none;position:absolute;right:0}.contact__subject-arrow{border-bottom:1px solid;border-right:1px solid;height:calc(var(--ax)*7);pointer-events:none;position:absolute;right:calc(var(--ax)*10);top:50%;transform:translateY(-70%) rotate(45deg);width:calc(var(--ax)*7)}.js contact-form[data-contact-media-state=pending] .contact form{animation:contact-form-fallback-reveal 1ms 5s forwards;opacity:0;visibility:hidden}contact-form[data-contact-media-state=ready] .contact form{animation:contact-form-slide-up .6s cubic-bezier(.19,1,.22,1) both}@media only screen and (max-width:749px){contact-form[data-contact-media-state=ready] .contact form{animation-name:contact-form-slide-up-mobile}}@keyframes contact-form-slide-up{0%{transform:translateY(calc(var(--ax)*261))}}@keyframes contact-form-slide-up-mobile{0%{transform:translateY(calc(var(--ax)*180))}}@keyframes contact-form-fallback-reveal{to{opacity:1;visibility:visible}}@media (prefers-reduced-motion:reduce){contact-form[data-contact-media-state=ready] .contact form{animation:none}}main:has(contact-form),main:has(contact-form) .section--spacer{background:var(--contact-page-background)}