.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;transition:.5s ease;cursor:pointer}.contact-content-top-item:hover{background-color:hsla(0,0%,100%,.05)}.contact-content-top-item-profile{width:4vw;height:4vw;border-radius:100%;overflow:hidden;flex-shrink:0;background-color:#212120;padding-top:.75vh}.contact-content-top-item-image{width:100%;height:100%;object-fit:contain}.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;transition:.5s ease;cursor:pointer;text-decoration:none}.contact-content-small-item:hover{background-color:hsla(0,0%,100%,.05)}.contact-content-small-item-icon{width:1.25vw;height:1.25vw;object-fit:contain;color:#fff}.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;transition:.5s ease;cursor:pointer;text-decoration:none}.contact-content-item:hover{background-color:hsla(0,0%,100%,.05)}.contact-content-right{width:65%;height:55vh;display:flex;align-items:center;justify-content:center;position:relative}.contact-content-right-videobox{width:-moz-fit-content;width:fit-content;height:110%;position:relative}.contact-content-right-video{width:auto;height:100%;object-fit:contain}.contact-content-right-image{width:65%;height:65%;object-fit:contain}.contact-video-bottom-fade{overflow:hidden;bottom:0;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#010101)}.contact-video-bottom-fade,.contact-video-top-fade{position:absolute;left:0;width:100%;height:10vh;z-index:1}.contact-video-top-fade{top:0;background:linear-gradient(0deg,hsla(0,0%,100%,0) 0,#010101)}.contact-video-left-fade{left:0;background:linear-gradient(270deg,hsla(0,0%,100%,0) 0,#010101)}.contact-video-left-fade,.contact-video-right-fade{position:absolute;top:0;width:10vw;height:100%;z-index:1}.contact-video-right-fade{right:0;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#010101)}@media (max-width:768px){.contact{width:100%;height:-moz-fit-content;height:fit-content;padding-top:30vw;padding-bottom:10vw}.contact-content{width:100%;gap:15vw}.contact-content-top{gap:12.5vw}.contact-content-row{height:-moz-fit-content;height:fit-content;display:flex;gap:10vw}.contact-content-column,.contact-content-left,.contact-content-row{width:100%;flex-direction:column}.contact-content-column{height:100%;display:flex;gap:2.5vw}.contact-content-top-item{padding:7.5vw;gap:5vw}.contact-content-top-item:hover{background-color:hsla(0,0%,100%,.025)}.contact-content-top-item-profile{width:15vw;height:15vw}.contact-content-column-row{gap:2.5vw}.contact-content-small-item{gap:1vw;border-radius:10px;padding:5vw}.contact-content-small-item:hover{background-color:hsla(0,0%,100%,.025)}.contact-content-small-item-icon{width:5vw;height:5vw}.contact-content-item{padding:5vw 7.5vw;gap:1vw}.contact-content-item:hover{background-color:hsla(0,0%,100%,.025)}.contact-content-right{width:100%;height:auto}.contact-content-right-videobox{width:100%;height:-moz-fit-content;height:fit-content;position:relative}.contact-content-right-video{width:100%;height:auto;object-fit:contain}.contact-content-right-image{width:100%;height:100%;display:none}}