body{font-family:sans-serif}body,html{width:100%;height:100%}img{position:relative;will-change:transform}.container{width:100%;height:100vh;position:fixed}.project-list{position:absolute;width:100%;height:100%;will-change:transform;list-style:none;display:flex;align-items:center;justify-content:center}.project{aspect-ratio:16/9;height:18vh;display:flex;position:absolute;will-change:transform;opacity:1;transition:filter .6s ease-in-out;a{position:absolute;z-index:10;pointer-events:none;height:100%;width:100%}}.filtered{filter:brightness(0);a{pointer-events:none!important}h2,p{opacity:0!important}}.project-container{width:100%}.film-wrapper{width:100%;height:100%;pointer-events:none;img{filter:grayscale(1);pointer-events:none;transform:translate(-50%,-50%);top:50%;left:50%;transition:opacity .2s ease;opacity:.4}}.filtered{.active{a{pointer-events:none}}}.categories-item{flex-direction:column;position:absolute;bottom:-19.3vh;right:0;display:flex;align-items:flex-end}.active{z-index:999;a{pointer-events:all}img{filter:grayscale(0);opacity:1}.film-info{opacity:0}}#film-info{position:fixed;width:calc(18vh * (16 / 9));height:18vh}.titles{position:absolute;width:calc(18vh * (16 / 9));height:18vh;transform:translate(-50%,-50%);h2{display:flex;justify-content:space-between;position:absolute;width:100%;opacity:1;span{width:25vh;text-align:left}}}.description-item{top:19.5vh;text-align:left;opacity:1}.autor-item,.description-item{position:absolute;text-transform:uppercase}.autor-item{top:-7.4vh;font-size:1.4vh}.duration-item{position:absolute;top:36vh;opacity:1}.duration-item,.title-year{color:var(--color-black)}.title-item{top:-19.5vh}.film-info-container{position:absolute;width:100%;height:100%;opacity:0}#filters-wrapper{position:fixed;width:100vw;height:auto;display:flex;align-items:end;justify-content:center;padding:2vh;opacity:1;bottom:0}li{p{text-transform:uppercase}}.filter-button{opacity:1;transition:opacity .4s ease-in-out;cursor:pointer;padding:0 .5vw}.filter-button:hover{opacity:.6}h1,span{display:flow-root}h1,span:before{content:"";display:table;margin-bottom:calc(-.5lh + .33em)}h1,span:after{content:"";display:table;margin-bottom:calc(-.5lh + .42em)}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--background)}@font-face{font-family:Helv;src:url(/fonts/helvetica-now.woff2)}@font-face{font-family:Druk Medium;src:url(/fonts/druk-medium-bien.woff)}:root{--background:#666666;--color-white:#ffffff;--color-black:#000000;--ease-inoutquart:cubic-bezier(0.77,0,0.175,1)}body{min-height:100vh;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--color-white)}button{background-color:transparent;border:0}h1{font-family:Druk Medium;text-transform:uppercase;font-size:24.25vh;font-weight:100}h2{font-weight:400;text-transform:uppercase}h2,p{font-family:Helv,Helvetica,sans-serif;font-size:.7vw;text-align:justify;line-height:1.1}#hero{width:100%;min-height:100vh;position:fixed;z-index:1;pointer-events:none}#contenedor-titulo{height:100vh;position:fixed;width:100vw;z-index:100;pointer-events:none;padding:0 calc(50vw - 42vh);transition:padding .8s cubic-bezier(.77,0,.175,1);opacity:1;h1{display:flex;justify-content:space-between;#titulo-der{transform:rotate(180deg);color:var(--color-white)}#titulo-izq{height:100vh;color:var(--color-black)}}.titulo{width:100%;position:relative;span{position:absolute;bottom:1.5vh;left:1.5vh;height:75.5vh;line-height:.8}}}#carousel{cursor:-webkit-grab;cursor:grab;opacity:0}#contenedor-contenido{position:relative;height:100vh;display:flex;align-items:center}#contenedor-deg{position:absolute;width:100%;height:100%;z-index:5;height:100vh;top:0;pointer-events:none}#deg-izq{left:0;background:linear-gradient(90deg,var(--background),transparent)}#deg-der,#deg-izq{width:35vw;height:100%;position:absolute}#deg-der{right:0;left:auto;background:linear-gradient(270deg,var(--background),transparent)}#play-wrapper{position:fixed;width:100vw;height:100vh;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999999;pointer-events:none}#play-icon{width:1.5vw;height:1.5vw;position:absolute;left:50%;top:50%;transform:translate(-32%,-50%);background-color:var(--color-white);-webkit-clip-path:polygon(0 0,0 100%,85% 50%);clip-path:polygon(0 0,0 100%,85% 50%)}.contenedor-titulo{top:-19.5vh;position:absolute;text-transform:uppercase;width:100%;display:flex;justify-content:space-between}.descripcion{position:absolute;top:18.2vh;padding-top:.3vw}.inner-titulo{max-width:75%;text-align:left}.contenedor-titulo,.descripcion{opacity:0;transition:opacity .4s var(--ease-inoutquart)}.swiper-slide-active{pointer-events:all;.contenedor-titulo,.descripcion{opacity:1}a{pointer-events:all}}.link{width:100%;display:block}.img,.link{height:100%;position:relative}img{width:100%;height:100%;object-fit:cover;will-change:auto}.info-link{opacity:0}#film-wrapper{z-index:1;position:fixed;transition:filter .6s}