.section{width:100vw;position:relative;display:flex;justify-content:center;align-items:center}.hero{height:100vh}.hero .img{aspect-ratio:1;width:50%}.footer{height:50vh}.footer a{color:rgb(2,2,2);font-size:4vw}.main{width:100%;flex-direction:column}.row{width:100vw;margin:1em 0;display:flex;justify-content:center;gap:2em}.card,.row{position:relative}.card{width:40%;height:360px;border-radius:.75em;will-change:transform}.main-content{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:100}.logo{width:150px;height:150px;border:2px solid #fff;border-radius:100%;overflow:hidden;transform:scale(0)}.copy{margin:2em 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.line{margin:.5em 0;width:max-content;height:20px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.line,.line p{position:relative}.line p{font-size:14px;transform:translateY(30px)}@media (max-width:900px){.card{width:50%;height:240px}}*{-webkit-font-smoothing:antialiased;-mox-osx-font-smoothing:grayscale}.magic-body{width:100%;color:#fff}.magic-section{width:100vw;height:100vh}.magic-h1{font-size:30px;font-weight:500;letter-spacing:-.01em}.magic-h1 span{color:#6e6e6e}.magic-p{font-size:16px;font-weight:500;color:#555555;text-align:justify;line-height:130%}.magic-img{width:100%;height:100%;object-fit:cover;opacity:0}.magic-about{display:flex;justify-content:center;align-items:center;background-color:#fff}.magic-about p{color:#000}.magic-sticky{background-color:black}.hand-container{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);width:800px;height:800px;display:flex;justify-content:center;align-items:flex-start;transform-origin:center center;transform-style:preserve-3d;z-index:2}.hand,.hand-container{position:absolute;will-change:transform}.hand{width:5.5%;height:52.75%;background-color:var(--color-primary-white);border-radius:1000px;overflow:hidden;opacity:1}.intro{width:45.5%;position:absolute;top:calc(50% - 20px);left:25%}.intro p{position:relative;margin-top:.75em;transform:translateX(20px);opacity:0}.website-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0}.website-content h1{font-size:10vw;letter-spacing:-.03em}.spacer{width:100%;height:50vh;background:#ddd}.gallery h1{font-size:clamp(2em,4vw,6em)}.gallery p{font-size:clamp(1.4em,2.5vw,3.5em);line-height:1.4}.gallery{display:flex}.left,.right{width:50%}.right{height:100vh;display:flex;flex-direction:column;justify-content:center}.desktopContent{margin:auto;width:80%}.desktopContentSection{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.desktopPhotos{width:40vw;height:40vw;border-radius:20px;position:relative;overflow:hidden}.desktopPhoto{position:absolute;width:100%;height:100%}.red{background:crimson}.green{background:MediumSeaGreen}.blue{background:dodgerblue}.pink{background:deepPink}.mobileContent{display:none;width:90vw}.mobilePhoto{width:80vw;height:80vw;margin-top:5em;border-radius:6vw}@media screen and (max-width:599px){.left{display:none}.right{height:auto;width:100%;align-items:center;justify-content:flex-start}.desktopPhotos{display:none}.mobileContent{display:flex}}.p{font-size:12px;font-weight:500;color:#6a6a6a}.container1{position:relative}.container1,.slider{width:100%;height:100vh}.slider{perspective:204px;perspective-origin:50% 75%;top:-50vh}.card1,.slider{position:absolute}.card1{background:#000;border-right:1px solid #303030;border-radius:7px;flex-direction:column;width:50%;height:300px;display:flex;top:50%;left:50%;overflow:hidden;transform:translate3d(-50%,-50%,0)}.card1:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #303030;border-radius:8px;z-index:2}.card-info{width:100%;padding:.5em .75em;display:flex;align-items:center;background-color:#000;z-index:2}.card-item{flex:1}.card-item p{font-size:7px;color:#6a6a6a}.card-item:nth-child(2){text-align:center}.card-item:nth-child(2) p{font-size:8px;font-weight:600;color:#fff}.card-item:nth-child(3){text-align:right}.video-player{width:100%;height:100%;overflow:hidden}.video-player>div{position:relative;transform:scale(1.5)}@media (max-width:900px){.video-player>div{transform:scale(3)}.slider{perspective:500px;perspective-origin:50% 100%;height:100vh;top:-25vh}.container1{height:70vh}.card1{height:200px;width:82%}}.gallery-container{width:90%;height:80vh;overflow:hidden;position:relative;background:#000;margin:auto auto 20px;border-radius:20px}.video-gallery{width:140vw;height:190vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform 2s cubic-bezier(.075,.82,.165,1);flex-direction:column;padding:10em}.gallery-row,.video-gallery{display:flex;justify-content:space-between;gap:20px}.gallery-row{width:100%;flex-wrap:wrap}.gallery-row:nth-child(2){justify-content:space-around}.gallery-img{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.gallery-item{position:relative;width:400px;height:275px;overflow:hidden;border-radius:10px}.gallery-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(2);transition:all .3s}.gallery-video-wrapper>div{opacity:0;transition:.3s}.gallery-item:hover .gallery-video-wrapper>div{opacity:1}#videoName{position:absolute;width:50%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:30px;color:#fff;opacity:0;transition:.15s;pointer-events:none;z-index:2;user-select:none}.gallery-item:hover #videoName{opacity:1}.preview-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.preview-img img{opacity:1;transition:.3s;pointer-events:none;user-select:none}.gallery-item:hover .preview-img img{opacity:0}.video-modal-overlay{position:absolute;z-index:9999;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.video-modal{background:var(--color-primary-white);padding:2em;border-radius:20px;max-width:90vw;max-height:90%;height:fit-content;position:relative;color:#0a0a0a;display:flex;flex-direction:column;gap:1.5em;clip-path:inset(0 0 0 0);will-change:clip-path}.modal-close{position:absolute;top:1em;right:1em;background:none;border:none;color:#fff;font-size:2em;z-index:100;cursor:pointer}.modal-contact-btn{background:#3B6585;color:#fff;padding:.75em 2em;border-radius:.5em;text-align:center;text-decoration:none;font-weight:700;margin-top:1em;transition:background .2s;display:inline-block}.modal-contact-btn:hover{background:#5a8bb0}.modal-video{height:400px;display:flex;align-items:center}@media (max-width:900px){.video-gallery{width:100vw;height:100vh;padding:0;gap:30px;justify-content:center}.gallery-container{width:95%;height:60vh}.gallery-item{width:150px;height:100px}.gallery-row{gap:10px;flex-wrap:wrap}.modal-video{height:200px}}