.contact-wrapper{--contact-content-offset:0px;width:100%;max-width:var(--page-wrapper-max-width);grid-template-rows:auto auto 1fr;min-height:520px;margin:0 auto;display:grid}.contact-hero{text-align:center;padding:var(--sl-spacing-large) var(--sl-spacing-medium) var(--sl-spacing-medium);max-width:var(--page-hero-max-width);margin:0 auto}.contact-hero__title{margin:0 0 var(--sl-spacing-x-small);justify-content:center;line-height:1;display:flex}.contact-hero__description{font-size:var(--sl-font-size-large);color:var(--sl-color-neutral-700);margin:0}.contact-spacer{height:var(--sl-spacing-medium)}.contact-divider{--spacing:32px;display:none}.contact-layout{max-width:var(--page-content-max-width);width:100%;transform:translateY(calc(-1 * var(--contact-content-offset)));align-self:center;margin:0 auto;padding:8px 16px;transition:opacity .15s}@media (width>=600px){.contact-wrapper{--contact-content-offset:64px;min-height:560px}}@media (width>=768px){.contact-wrapper{flex:1;min-height:640px}.contact-divider{display:block}main:has(.contact-wrapper){flex-direction:column;display:flex}}@media (width>=768px) and (width<=1024px) and (orientation:portrait){.contact-wrapper{--contact-content-offset:40px;grid-template-rows:auto auto auto;align-content:start}.contact-layout{align-self:auto}}@media (width>=820px) and (width<=1024px) and (height>=1100px) and (orientation:portrait){.contact-layout{transform:translateY(64px)}}@media (width>=1920px){main:has(.contact-wrapper){place-items:center;display:grid}.contact-wrapper{flex:initial}}@media (width>=1024px){.contact-wrapper{min-height:700px}}@media (width>=1024px) and (width<=1279px) and (height<=860px) and (orientation:landscape){.contact-wrapper{min-height:620px}}@media (width>=1280px){.contact-wrapper{min-height:760px}}@media (width<=599px){.contact-hero{padding:var(--sl-spacing-2x-large) var(--sl-spacing-medium) var(--sl-spacing-large)}}@media (width>=600px){.contact-hero{padding-top:var(--sl-spacing-medium)}}.contact-section{margin-bottom:var(--sl-spacing-x-small)}.contact-section:first-of-type{margin-top:calc(-1 * var(--sl-spacing-large))}.contact-section__title{font-size:var(--sl-font-size-x-large);font-weight:var(--sl-font-weight-semibold);margin:0 0 var(--sl-spacing-small);color:var(--color-primary)}.contact-section__text{color:var(--sl-color-neutral-600);margin:0;line-height:1.6}.contact-section__text a{color:var(--color-link,var(--sl-color-primary-600));text-decoration:none}.contact-section__text a:hover{color:var(--color-link-hover,var(--sl-color-primary-700));text-decoration:underline}.social-links{gap:var(--sl-spacing-small);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.social-links__link{align-items:center;gap:var(--sl-spacing-small);color:var(--sl-color-neutral-700);font-size:var(--sl-font-size-medium);text-decoration:none;display:inline-flex}.social-links__link:hover{color:var(--sl-color-primary-600)}.social-links__link sl-icon{flex-shrink:0;font-size:1.25rem}.contact-form,.contact-form__column,.contact-form__footer{gap:var(--sl-spacing-medium);flex-direction:column;display:flex}.contact-form__aux{display:none}.contact-form sl-input.field-error::part(form-control-help-text),.contact-form sl-textarea.field-error::part(form-control-help-text){color:var(--sl-color-red-600)}.contact-form__actions{justify-content:flex-start;display:flex}.contact-form__actions sl-button{width:100%}.contact-form__actions sl-button::part(base){justify-content:center;width:100%}.contact-form__note{font-size:var(--sl-font-size-x-small);color:var(--sl-color-neutral-700);margin:0;line-height:1.45}.contact-form__note a{color:var(--color-link,var(--sl-color-primary-600))}.contact-form__note a:hover{color:var(--color-link-hover,var(--sl-color-primary-700))}@media (width>=768px){.contact-form{align-items:start;gap:var(--sl-spacing-large);grid-template-columns:1fr 1fr;display:grid}.contact-form__footer{align-items:center;gap:var(--sl-spacing-medium);grid-column:1/-1;grid-template-columns:1fr auto;display:grid}.contact-form__actions{justify-content:flex-end}.contact-form__actions sl-button,.contact-form__actions sl-button::part(base){width:auto}}@media (width>=1024px) and (width<=1279px) and (height<=860px) and (orientation:landscape){.contact-wrapper{min-height:500px}.contact-layout{gap:var(--sl-spacing-large);padding-top:8px;padding-bottom:8px}.contact-divider{--spacing:16px}.contact-form,.contact-form__column,.contact-form__footer{gap:var(--sl-spacing-small)}}