#project{width:100%;min-height:250vh;padding:250rem var(--margin);box-sizing:border-box}#project .project-title,#project .project-content{position:relative;z-index:1;color:#fff;mix-blend-mode:difference;pointer-events:none}#project .project-title{font-weight:400;font-size:inherit;text-transform:uppercase;margin:0;margin-bottom:20rem}#project .project-content{max-width:520rem;font-size:17rem}#project .project-content a{pointer-events:auto;text-decoration:underline}#project .project-content a:hover{text-decoration:none}#project .project-medias{width:100%;position:absolute;min-height:250vh;top:0;left:0;z-index:0;transition:opacity .3s var(--curve)}#project .project-medias .media-container{width:20vw;height:auto;position:absolute;left:0;top:0;display:flex}#project .project-medias .media-container .media{width:100%;height:auto;transition:opacity 1s var(--curve),transform 1.5s var(--curve)}#project .project-popup{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#000000e6;transition:opacity 1s var(--curve)}#project .project-popup .project-popup-close{width:40rem;height:40rem;position:absolute;top:40rem;left:50%;z-index:1;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transform:translate(-50%)}#project .project-popup .project-popup-close svg{width:80%;height:80%;will-change:transform;transition:transform 1s var(--curve)}#project .project-popup .project-popup-close:hover svg{transform:scale(.9) rotate(90deg)}#project .project-popup .project-popup-content{width:80%;height:80%;max-height:calc(100% - 260rem);display:flex;justify-content:center;align-items:center}#project .project-popup .project-popup-content .project-popup-video{display:none}#project .project-popup .project-popup-content .project-popup-media{width:100%;height:auto}#project .project-popup.is-portrait .project-popup-media{width:auto;height:100%}#project .project-popup.is-video .project-popup-content .project-popup-video{display:block}#project .project-popup.is-video .project-popup-content .project-popup-image{display:none}#project .project-popup:not(.active){opacity:0;pointer-events:none}#project.grabbing{cursor:grabbing}#project.grabbing .project-medias .media-container:not(.active) .media{opacity:.2;transform:scale(.95)}#project:not(.loaded) .project-medias{opacity:0!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/project.css.map */