.contact-section{justify-content:space-evenly;margin:10rem 0 4rem;display:flex}@media screen and (max-width:767px){.contact-section{background-color:#0000000d;flex-direction:column;margin:8rem 0 2rem;padding:5%;position:absolute;left:0}}
@keyframes slideDown{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.contact-info{width:50%;max-width:28rem;margin-right:8rem}@media screen and (max-width:767px){.contact-info{width:100%;max-width:none;margin:0 0 1.5rem}}.contact-info__heading{border-bottom:1px solid #415057;width:100%;padding-bottom:.5rem}.contact-info--hydrated .contact-info__static{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.contact-info__title{color:#c5630c;opacity:0;transform:translateY(10px)}.contact-info__hook{opacity:0;font-size:.875rem;transform:translateY(10px)}.contact-info--visible .contact-info__title,.contact-info--visible .contact-info__hook{animation:.75s ease-out .25s forwards slideDown}.contact-info--visible .contact-info__social-link{animation:.5s ease-out forwards scaleUp}.contact-info__social{grid-template-columns:repeat(auto-fit,minmax(204px,1fr));justify-items:center;gap:.25rem;width:100%;padding-top:.25rem;display:grid}.contact-info__social-link{color:inherit;cursor:pointer;opacity:0;opacity:0;border-radius:.5rem;flex-direction:column;align-items:center;width:max-content;padding:.75rem;text-decoration:none;transition:background-color .2s;display:flex;transform:scale(.95)}.contact-info__social-link:hover{background-color:#9ea5b114}.contact-info__social-icon{margin-bottom:.5rem}.contact-info__social-name{color:#9ea5b1;font-size:.75rem}
@keyframes scaleInForm{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-wrapper{opacity:0}.form-wrapper--visible{animation:.4s ease-out forwards scaleInForm}.form{color:#9ea5b1;background-color:#dce0d90d;border-radius:.75rem;grid-template-columns:repeat(2,1fr);gap:1rem .75rem;width:24rem;padding:.75rem .875rem;font-size:.875rem;display:grid;box-shadow:4px 4px 12px #00000040}@media screen and (max-width:767px){.form{width:100%}}.form__label{margin-bottom:.5rem}.form__field{grid-column:span 2}.form__field--name{grid-column:span 1}.form__input{color:#dce0d9;background-color:#9ea5b126;border:none;border-radius:.5rem;width:100%;padding:.5rem}.form__input::placeholder{color:#9ea5b199}.form__input:focus,.form__input:hover{outline:1px solid #c5630c}.form__input:invalid:not(:placeholder-shown){outline:1px solid red}.form__input--textbox{resize:none;height:10rem}.form__button{color:#dce0d9;width:100%;font:inherit;cursor:pointer;background-color:#c5630c;border:none;border-radius:.5rem;grid-column:span 2;justify-content:center;padding:.5rem 0;font-size:1rem;font-weight:400;transition:background-color .2s;display:flex}.form__button:hover:not(:disabled){background-color:#c5630cd9}.form__button:disabled{cursor:not-allowed;opacity:.7}.form__button:active{color:#dce0d9bf;border-bottom-width:2px;box-shadow:inset 0 0 10px #000000bf}.form__button-text{opacity:1}.form__button-text--visible{animation:.2s ease-out forwards fadeIn}
