.contact-header{display:flex;flex-direction:column;gap:8rem}.contact-header__title{color:var(--theme-text-primary);font-size:24rem;font-weight:700;margin:0}@media only screen and (min-width:768px){.contact-header__title{font-size:32rem}}.contact-header__subtitle{color:var(--theme-text-secondary);font-size:14rem;line-height:1.6;margin:0}@media only screen and (min-width:768px){.contact-header__subtitle{font-size:16rem}}.contact-cards{display:flex;flex-direction:column;gap:12rem}@media only screen and (min-width:768px){.contact-cards{gap:16rem}}.contact-cards__title{color:var(--theme-text-primary);font-size:18rem;font-weight:600;margin:0}@media only screen and (min-width:768px){.contact-cards__title{font-size:20rem}}.contact-cards__grid{display:grid;gap:12rem;grid-template-columns:1fr}@media only screen and (min-width:768px){.contact-cards__grid{gap:16rem;grid-template-columns:repeat(3,minmax(0,1fr))}}.contact-cards__card{background:var(--theme-background-secondary);border-radius:12rem;display:flex;flex-direction:column;gap:8rem;padding:12rem}.contact-cards__card-title{color:var(--theme-text-primary);font-size:16rem;font-weight:600;margin:0}.contact-cards__card-text{color:var(--theme-text-secondary);font-size:14rem;line-height:1.5;margin:0}.contact-cards__card-link{font-size:14rem;margin-top:auto}.contact-form{background:var(--theme-background-secondary);border-radius:12rem;display:flex;flex-direction:column;gap:12rem;padding:12rem}@media only screen and (min-width:768px){.contact-form{gap:16rem;padding:16rem}}.contact-form__title{color:var(--theme-text-primary);font-size:18rem;font-weight:600;margin:0}.contact-form__subtitle{color:var(--theme-text-secondary);font-size:14rem;margin:0}.contact-form__body{display:flex;flex-direction:column;gap:12rem}@media only screen and (min-width:768px){.contact-form__body{gap:16rem}}.contact-form__row{display:flex;flex-direction:column;gap:12rem}@media only screen and (min-width:768px){.contact-form__row{flex-direction:row}}.contact-form__field{display:flex;flex:1;flex-direction:column;gap:6rem}.contact-form__label{color:var(--theme-text-muted);font-size:13rem}.contact-form__input{background:var(--theme-background-primary);border:1rem solid var(--theme-border);border-radius:8rem;color:var(--theme-text-primary);font-size:14rem;outline:none;padding:8rem 10rem;transition:border-color .15s,background .15s}.contact-form__input::-moz-placeholder{color:var(--theme-text-muted)}.contact-form__input::placeholder{color:var(--theme-text-muted)}.contact-form__input:focus{background:var(--theme-background-primary);border-color:var(--theme-accent)}.contact-form__input--textarea{resize:vertical}.contact-form__input--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.contact-form__footer{display:flex;flex-direction:column;gap:8rem}@media only screen and (min-width:768px){.contact-form__footer{align-items:center;flex-direction:row;gap:12rem}}.contact-form__hint{color:var(--theme-text-muted);font-size:12rem;margin:0}.contact-info{background:var(--theme-background-secondary);border-radius:12rem;display:flex;flex-direction:column;gap:12rem;padding:12rem}@media only screen and (min-width:768px){.contact-info{gap:16rem;padding:16rem}}.contact-info__title{color:var(--theme-text-primary);font-size:16rem;font-weight:600;margin:0}.contact-info__section{display:flex;flex-direction:column;gap:6rem}.contact-info__subtitle{color:var(--theme-text-primary);font-size:14rem;font-weight:600;margin:0}.contact-info__text{color:var(--theme-text-secondary);font-size:13rem;line-height:1.6;margin:0}.contact-info__divider{--ui-divider-spacing:4rem 0}.contact-info__list{display:flex;flex-direction:column;gap:4rem;list-style:none;margin:0;padding:0}.contact-info__list-item{font-size:13rem}.contact-page{display:flex;flex-direction:column;gap:24rem}@media only screen and (min-width:768px){.contact-page{gap:32rem}}.contact-page__grid{display:grid;gap:24rem;grid-template-columns:1fr}@media only screen and (min-width:768px){.contact-page__grid{align-items:flex-start;gap:32rem;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.contact-page__main{display:flex;flex-direction:column;gap:16rem}@media only screen and (min-width:768px){.contact-page__main{gap:24rem}}