.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:100%;height:100vh}.gallery-item{width:150px;height:100px}.gallery-row{gap:10px;flex-wrap:wrap}.modal-video{height:200px}}