.contact{display:grid}@media screen and (min-width:768px){.contact{grid-template-columns:1fr 1fr}}.contact__image{position:relative}@media screen and (min-width:768px){.contact--image-right .contact__image{grid-column:2/3;grid-row:1/2}}.contact__image .image{width:100%;height:100%;background-color:#e8e8e8}.form-contact{display:flex;flex-wrap:wrap;justify-content:space-between;grid-gap:1.8em 0;width:min(100%,550px);margin:0 auto;padding:var(--global-padding-y) var(--global-padding-x)}.form-contact__row{display:flex;flex-direction:column;width:100%}.form-contact__group{display:flex;flex-direction:column;justify-content:center;width:100%;position:relative}@media screen and (min-width:1155px){.form-contact__group{width:48%}}.form-contact__label:not(.form-contact__label:has(.form-contact__checkbox)){position:absolute;transform-origin:left top;transition:transform 80ms linear 0ms,color 80ms linear 0ms}.form-contact__label:has(+.form-contact__text:focus),.form-contact__label:has(+.form-contact__text:valid){color:var(--colour-mid-grey);transform:translateY(-100%) scale(.8)}.form-contact__label:has(.form-contact__checkbox){font-size:var(--fontsize-tiny);line-height:1em}.form-contact__text{padding:1em 0 .6em;border-bottom:.5px solid var(--colour-midnight)}.form-contact__textarea{width:100%;padding:1em;border:.5px solid var(--colour-midnight)}.form-contact__checkbox{margin:0 1em 0 0;-webkit-appearance:auto;cursor:pointer}