@media only screen and (min-width: 0rem) {:root {--topperFontSize: clamp(0.8125rem, 1.6vw, 1rem);--headerFontSize: clamp(1.9375rem, 4.5vw, 3.0625rem);--bodyFontSize: 1rem;--sectionPadding: clamp(3.75em, 7.82vw, 6.25em) 1rem;}#contact {padding: var(--sectionPadding);font-family: "Roboto", "Arial", sans-serif;}#contact .container {margin: auto;max-width: 50rem;width: 100%;}#contact .content {width: 100%;}#contact .topper {margin-bottom: clamp(0.5rem, 1.4vw, 0.75rem);text-align: left;}#contact .title {max-width: 50rem;text-align: left;}#contact .text {margin: 0 auto 0 0;margin-bottom: clamp(2.5rem, 6.3vw, 3rem);max-width: clamp(25.25rem, 30vw, 32.625rem);text-align: left;}#contact #form {margin-bottom: 2.5rem;}#contact #form label {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;margin-bottom: clamp(0.75rem, 1.3em, 1.25rem);font-size: 1rem;line-height: 1.5em;font-weight: 700;color: var(--headerColor);}#contact #form .label-message {margin-bottom: clamp(2rem, 6.3vw, 3rem);}#contact #form input, #contact #form textarea {border: 1px solid #b4b2c7;border-radius: 0.5rem;margin-top: 0.25rem;height: 4rem;width: 100%;box-sizing: border-box;padding-left: 1.25rem;font-size: 1rem;transition: border 0.3s;}#contact #form input:hover, #contact #form textarea:hover {border: 1px solid var(--primary);}#contact #form textarea {min-height: 7.5rem;padding-top: 1.25rem;font-family: inherit;}#contact #form .button-solid {border: none;width: 100%;}#contact .right-section {position: relative;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;border-radius: 0.5rem;min-height: 20rem;overflow: hidden;padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.25rem, 3vw, 2.5rem);}#contact .header {display: block;margin-bottom: 0.25rem;font-size: clamp(1rem, 3vw, 1.25rem);line-height: 1.2em;font-weight: 700;color: var(--bodyTextColorWhite);}#contact .office {width: 100%;margin-bottom: 1rem;}#contact .address {margin: 0;font-size: 1rem;line-height: 1.5em;color: var(--bodyTextColorWhite);}#contact .details {width: 100%;margin: 0.25rem 0 0 0;padding: 0;list-style: none;}#contact .detail {margin-bottom: 0.375rem;font-size: 1rem;line-height: 1.5em;color: var(--bodyTextColorWhite);}#contact .detail:last-of-type {margin-bottom: 0;}#contact .detail-label {font-weight: 700;}#contact .note {display: block;margin: 0;font-size: 0.875rem;line-height: 1.4em;color: var(--bodyTextColorWhite);opacity: 0.8;}#contact .link {position: relative;display: inline-block;text-decoration: none;font-size: 1rem;line-height: 1.5em;color: var(--bodyTextColorWhite);}#contact .link:before {position: absolute;bottom: -0.125rem;left: 0;content: "";opacity: 1;display: block;background: currentColor;height: 2px;width: 0%;transition: width 0.3s;}#contact .link:hover:before {width: 100%;}#contact .link.address {display: block;}#contact .bg-picture {z-index: -1;position: absolute;top: 0;left: 0;display: block;height: 100%;width: 100%;transition: transform 0.6s;}#contact .bg-picture img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#contact .bg-picture:before {z-index: 1;position: absolute;top: 0;left: 0;content: "";display: block;background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.6) 45%, rgba(0, 0, 0, 0.9) 100%);height: 100%;width: 100%;}}@media only screen and (min-width: 43.75em) {#contact #form {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}#contact #form label {width: 48%;}#contact #form .label-message {width: 100%;}}@media only screen and (min-width: 64rem) {#contact .container {display: flex;justify-content: flex-end;align-items: stretch;max-width: 80rem;gap: 5rem;}#contact #form {max-width: 39.375rem;}#contact #form label {width: 100%;}#contact .right-section {min-height: 0;max-width: 33.875rem;width: 40%;flex: none;}#contact .right-section:hover .bg-picture {transform: scale(1.1);}}@media only screen and (min-width: 81.25em) {#contact #form {column-gap: 0rem;}#contact #form label {max-width: 19.0625rem;width: 48%;}#contact #form .label-message {max-width: 100%;}}@media only screen and (min-width: 0rem) {body.dark-mode #contact .text, body.dark-mode #contact .title {color: var(--bodyTextColorWhite);}body.dark-mode #contact #form label, body.dark-mode #contact #form input, body.dark-mode #contact #form textarea {background-color: transparent;color: var(--bodyTextColorWhite);}body.dark-mode #contact #form label::placeholder, body.dark-mode #contact #form input::placeholder, body.dark-mode #contact #form textarea::placeholder {filter: brightness(1.4);}body.dark-mode #contact .bg-picture {background-color: #000;}body.dark-mode #contact .bg-picture img {opacity: 0.5;}}