.portfolio-single-item-wrapper.svelte-u39e{position:relative;width:100%;height:100dvh;background:#000;font-family:Roboto;padding:95px 0 0;overflow:hidden}.portfolio-single-item-content-wrapper.svelte-u39e{height:100%;width:100%;display:flex;flex-direction:column;gap:20px}.portfolio-single-item-name-wrapper.svelte-u39e{text-align:center}.portfolio-single-item-name-and-date.svelte-u39e{display:flex;flex-direction:column;color:#fff;gap:5px}.portfolio-single-item-name.svelte-u39e{font-size:18px;letter-spacing:4px;margin-right:-4px;font-weight:400;text-transform:uppercase}.portfolio-single-item-images-wrapper.svelte-u39e{display:flex;flex-grow:1;position:relative;flex-direction:column}@media only screen and (min-width: 800px){.portfolio-single-item-wrapper.svelte-u39e{padding:120px 10vw 50px}.portfolio-single-item-name-and-date.svelte-u39e{gap:1px}.portfolio-single-item-name.svelte-u39e{font-size:18px}.portfolio-single-item-images-grid.svelte-u39e{width:100%;height:100%;display:grid;grid-template-columns:2fr 1fr;gap:15px;border-radius:15px;overflow:hidden}.images-grid-column.svelte-u39e{display:flex;flex-direction:column;height:100%;position:relative;gap:15px}.video-thumbnail-wrapper.svelte-u39e{outline:none;border:none;display:flex;flex-basis:66.666%;position:relative;overflow:hidden;cursor:pointer}.video-screenshot-wrapper-under-video-thumbnail.svelte-u39e{outline:none;border:none;flex-basis:50%;position:relative;overflow:hidden;cursor:pointer}.video-screenshot-wrapper.svelte-u39e{outline:none;border:none;display:flex;flex-basis:33.333%;position:relative;overflow:hidden;cursor:pointer}.images-grid-under-video-thumbnail.svelte-u39e{flex-basis:33.333%;display:flex;gap:15px}.portfolio-image.svelte-u39e{position:absolute;display:block;top:0;left:0;right:0;bottom:0;object-fit:cover;height:100%;width:100%;transform:scale3d(1.01,1.01,1);transform-style:preserve-3d;transition:transform .3s ease-out}.portfolio-image.svelte-u39e:hover{transform:scale3d(1.04,1.04,1);will-change:transform}.play-button-icon.svelte-u39e{position:absolute;z-index:2;transform:translate(-50%,-50%);top:50%;left:50%;width:125px}.video-thumbnail-wrapper:hover .portfolio-image{transform:scale3d(1.04,1.04,1);will-change:transform}.images-grid-right-to-video-thumbnail.svelte-u39e{display:flex;height:66.666%;flex-direction:column;gap:15px}.video-screenshot-right-to-video-thumbnail.svelte-u39e{flex:1;flex-basis:auto}}@media only screen and (min-width: 1600px){.portfolio-single-item-wrapper.svelte-u39e{padding:130px 10vw 60px}.portfolio-single-item-name-and-date.svelte-u39e{gap:4px}.portfolio-single-item-name.svelte-u39e{font-size:18px}}