section.works{flex-direction:column;gap:10vmin;width:80vw;max-width:200vmin;height:auto;padding:8vmin 0;display:flex;overflow:hidden}@media screen and (max-aspect-ratio:4/3){section.works{gap:4vmin;width:90vw}}section.works h1{text-align:center;text-transform:uppercase;color:#282828;opacity:0;margin:2vmax 0 8vmax;font-size:8vmin;line-height:1}section.works .work-card{opacity:0;border-radius:1vmin;align-self:flex-start;width:100%;height:70vmin;overflow:hidden}section.works .work-card .work-image{object-fit:cover;border-radius:1vmin;width:100%;height:100%}@media screen and (max-aspect-ratio:4/3){section.works .work-card{height:45vmin}}section.works .work-card:first-child{z-index:5}section.works .work-card:nth-child(2){z-index:10}section.works .work-card:nth-child(3){z-index:15}section.works .work-card:nth-child(4){z-index:20}section.works .work-card:nth-child(5){z-index:25}section.works .work-card:nth-child(6){z-index:30}section.works .work-card:nth-child(7){z-index:35}section.works .work-card:nth-child(8){z-index:40}section.works .work-card:nth-child(9){z-index:45}section.works .work-card:nth-child(10){z-index:50}section.works .work-card:nth-child(11){z-index:55}section.works .work-card:nth-child(12){z-index:60}section.works .work-card:nth-child(13){z-index:65}section.works .work-card:nth-child(14){z-index:70}section.works .work-card:nth-child(15){z-index:75}section.works .work-card:nth-child(16){z-index:80}section.works .work-card:nth-child(17){z-index:85}section.works .work-card:nth-child(18){z-index:90}section.works .work-card:nth-child(19){z-index:95}section.works .work-card:nth-child(20){z-index:100}section.works .work-card:nth-child(21){z-index:105}section.works .work-card:nth-child(22){z-index:110}section.works .work-card:nth-child(23){z-index:115}section.works .work-card:nth-child(24){z-index:120}section.works .work-card:nth-child(25){z-index:125}section.works .work-card:nth-child(26){z-index:130}section.works .work-card:nth-child(27){z-index:135}section.works .work-card:nth-child(28){z-index:140}section.works .work-card:nth-child(29){z-index:145}section.works .work-card:nth-child(30){z-index:150}section.works .work-card:nth-child(31){z-index:155}section.works .work-card:nth-child(32){z-index:160}section.works .work-card:nth-child(33){z-index:165}section.works .work-card:nth-child(34){z-index:170}section.works .work-card:nth-child(35){z-index:175}section.works .work-card:nth-child(36){z-index:180}section.works .work-card:nth-child(37){z-index:185}section.works .work-card:nth-child(38){z-index:190}section.works .work-card:nth-child(39){z-index:195}section.works .work-card:nth-child(40){z-index:200}section.works .work-card:nth-child(41){z-index:205}section.works .work-card:nth-child(42){z-index:210}section.works .work-card:nth-child(43){z-index:215}section.works .work-card:nth-child(44){z-index:220}section.works .work-card:nth-child(45){z-index:225}section.works .work-card:nth-child(46){z-index:230}section.works .work-card:nth-child(47){z-index:235}section.works .work-card:nth-child(48){z-index:240}section.works .work-card:nth-child(49){z-index:245}section.works .work-card:nth-child(50){z-index:250}@media screen and (min-aspect-ratio:4/3){section.works .work-card{min-width:120vmin}section.works .work-card:nth-child(2n){align-self:flex-end}}section.works .work-card .hover-overlay{z-index:1;color:#fafafa;-webkit-backdrop-filter:blur(2vmin)brightness(.8);backdrop-filter:blur(2vmin)brightness(.8);background:#0003;width:100%;height:40%;padding:3vmin;transition:all .46s cubic-bezier(.17,.67,.32,.99);position:absolute;top:0;right:0}section.works .work-card .hover-overlay h3.overlay-title{margin:0;font-size:12vmin;transition:inherit}section.works .work-card .hover-overlay .overlay-text{opacity:0;font-size:1.5vmin;transition:inherit}section.works .work-card .hover-overlay .overlay-text ul.work-services{margin:1vmin 0 0 3vmin;padding:0;list-style:none}section.works .work-card .hover-overlay .overlay-text ul.work-services li{margin:.5vmin 0;font-size:1.5vmin}section.works .work-card .hover-overlay .overlay-text ul.work-services li:before{content:"•";color:#c6c6c6;width:1.5vmin;margin-left:-1.5vmin;display:inline-block}@media screen and (max-aspect-ratio:4/3){section.works .work-card .hover-overlay{-webkit-backdrop-filter:blur(2vmin)brightness(.8);backdrop-filter:blur(2vmin)brightness(.8);background:#0002;border:.2vmin solid #ffffff4d;border-radius:1vmin 0 0;width:40%;height:fit-content;padding:1.4vmin 4vmin 1.4vmin 1.4vmin;transition:all .46s cubic-bezier(.17,.67,.32,.99);top:auto;bottom:0%;right:-2vmin}section.works .work-card .hover-overlay h3.overlay-title{font-size:3.6vmin;transition:inherit}section.works .work-card .hover-overlay .overlay-text{opacity:1}section.works .work-card .hover-overlay .overlay-text ul.work-services li{margin:0;font-size:2vmin}}section.works .work-card .video-hover-container{height:100%;display:flex;position:relative}@media screen and (min-aspect-ratio:4/3){section.works .work-card:hover .hover-overlay{-webkit-backdrop-filter:blur(4vmin)brightness(.6);backdrop-filter:blur(4vmin)brightness(.6);border:.2vmin solid #ffffff4d;border-radius:1vmin;width:26%;height:fit-content;padding:2vmin 4vmin 2vmin 2vmin;transition:all .46s cubic-bezier(.17,.67,.32,.99);top:2%;right:-2vmin}section.works .work-card:hover .hover-overlay h3.overlay-title{font-size:4vmin;transition:inherit}section.works .work-card:hover .hover-overlay .overlay-text{opacity:1;text-transform:uppercase}}
