.contact{padding-top:20vh;padding-bottom:10vh}.contact,.contact-content{width:100%;height:-moz-fit-content;height:fit-content;display:flex}.contact-content{flex-direction:column;gap:10vh}.contact-content-top{display:flex;flex-direction:column;gap:8.25vh}.contact-content-row{width:100%;height:-moz-fit-content;height:fit-content;display:flex}.contact-content-left{width:35%;height:100%;display:flex;flex-direction:column;gap:10vh}.contact-divider{width:100%;height:1px;background-color:hsla(0,0%,100%,.15)}.contact-content-column{width:100%;height:100%;display:flex;flex-direction:column;gap:1vw}.contact-content-top-item{width:100%;height:-moz-fit-content;height:fit-content;border-radius:10px;box-shadow:inset 0 0 0 calc(1px + 0px) hsla(0,0%,100%,.075),inset 0 0 2.5vw hsla(0,0%,100%,.05);background-color:hsla(0,0%,100%,.025);display:flex;align-items:center;padding:1.5vw;gap:1vw}.contact-content-top-item-profile{width:4vw;height:4vw;border-radius:100%;overflow:hidden;flex-shrink:0}.contact-content-top-item-image{width:100%;height:100%;object-fit:cover}.contact-content-top-item-text{width:100%;height:100%}.contact-content-column-row{width:100%;display:flex;gap:1vw}.contact-content-small-item{width:100%;height:-moz-fit-content;height:fit-content;box-shadow:inset 0 0 0 calc(1px + 0px) hsla(0,0%,100%,.075),inset 0 0 2.5vw hsla(0,0%,100%,.05);background-color:hsla(0,0%,100%,.025);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5vh;border-radius:10px;padding:1vw}.contact-content-small-item-icon{width:1.25vw;height:1.25vw;object-fit:contain;color:#fff}.contact-content-small-item--link{text-decoration:none;cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease,transform .2s ease}.contact-content-small-item--link:hover{background-color:hsla(0,0%,100%,.06);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12),inset 0 0 2.5vw hsla(0,0%,100%,.08)}.contact-content-small-item--link:active{transform:scale(.98)}.contact-content-small-item--hovered{background-color:hsla(0,0%,100%,.06);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12),inset 0 0 2.5vw hsla(0,0%,100%,.08)}.contact-content-item{width:100%;height:-moz-fit-content;height:fit-content;box-shadow:inset 0 0 0 calc(1px + 0px) hsla(0,0%,100%,.075),inset 0 0 2.5vw hsla(0,0%,100%,.05);background-color:hsla(0,0%,100%,.025);display:flex;flex-direction:column;justify-content:center;padding:1vw;gap:.5vh;border-radius:10px}.contact-content-right{width:65%;height:66vh;display:flex;align-items:center;justify-content:center;position:relative}.contact-content-right-image{width:65%;height:65%;object-fit:contain}.contact-form-wrapper{width:100%}.contact-form{width:100%;display:flex;flex-direction:column;gap:1vw;padding:1.5vw;border-radius:10px;box-shadow:inset 0 0 0 calc(1px + 0px) hsla(0,0%,100%,.075),inset 0 0 2.5vw hsla(0,0%,100%,.05);background-color:hsla(0,0%,100%,.025)}.contact-form-input,.contact-form-textarea{width:100%;padding:1vw;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;background-color:rgba(0,0,0,.2);color:#fff;font-family:inherit;font-size:1vw}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:hsla(0,0%,100%,.4)}.contact-form-input:focus,.contact-form-textarea:focus{outline:none;border-color:hsla(0,0%,100%,.2)}.contact-form-textarea{resize:vertical;min-height:80px}.contact-form-button{width:-moz-fit-content;width:fit-content;padding:1vw 2vw;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;background-color:hsla(0,0%,100%,.05);color:#fff;font-family:inherit;font-size:1vw;cursor:pointer;transition:background-color .2s ease}.contact-form-button:hover:not(:disabled){background-color:hsla(0,0%,100%,.1)}.contact-form-button:disabled{opacity:.6;cursor:not-allowed}.contact-form-message{font-size:1vw;margin:0}.contact-form-message-success{color:#fff}.contact-form-message-error{color:#f87171}.contact-form-honeypot,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.contact{padding-top:25vw;padding-bottom:8vh;height:auto!important}.contact-content{gap:5vh}.contact-content-top{gap:4vh}.contact-content-row{flex-direction:column;gap:5vh}.contact-content-left{width:100%;gap:5vh}.contact-content-right{display:none}.contact-content-column{gap:3vw}.contact-content-top-item{padding:4vw;gap:3.5vw;border-radius:12px}.contact-content-top-item-profile{width:14vw;height:14vw}.contact-content-column-row{gap:3vw}.contact-content-small-item{padding:4vw 3vw;gap:1vh;border-radius:12px}.contact-content-small-item-icon{width:5.5vw;height:5.5vw}.contact-content-item{padding:4vw;gap:1vh;border-radius:12px}.contact-form{padding:5vw;gap:3.5vw;border-radius:12px}.contact-form-input,.contact-form-textarea{padding:3.5vw;font-size:3.5vw;border-radius:10px}.contact-form-textarea{min-height:100px}.contact-form-button{width:100%;padding:3.5vw 5vw;font-size:3.5vw;border-radius:10px;text-align:center}.contact-form-message{font-size:3.25vw}}@media (min-width:769px) and (max-width:1024px){.contact-content-left{width:50%}.contact-content-right{width:50%;height:50vh}.contact-content-top-item-profile{width:5vw;height:5vw}.contact-content-small-item-icon{width:2vw;height:2vw}.contact-form-input,.contact-form-textarea{font-size:1.5vw;padding:1.25vw}.contact-form-button{font-size:1.5vw;padding:1.25vw 2.5vw}.contact-form-message{font-size:1.5vw}}