:root{--color-text:#4d5154;--color-light:#fff;--color-grey-light:#f4f5f5;--color-grey:#959a9d;--color-grey-medium:#a0a4a7;--color-grey-border:#dfe0e2;--color-dark:#312b20;--color-primary:#a96840;--color-secondary:#a83833;--color-tertiary:#d7bc42;--color-danger:#de3e3e;--color-success:#3fa154;--color-info:#255c99;--color-warning:#e6a940;--font-family-default:"Lato",sans-serif;--color-shadow:rgba(0,0,0,0.1)}html{box-sizing:border-box;font-size:16px}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}a{color:var(--color-primary);text-decoration:none}body,html{height:100%}body{color:var(--color-text);color:var(--color-light);display:grid;font-family:var(--font-family-default);font-weight:400;grid-template-rows:1fr auto;overflow-y:auto}body.no-scroll{height:100vh;overflow:hidden}body>main{display:grid;grid-template-rows:auto 1fr}#header{backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.1);background-image:linear-gradient(180deg,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.1) 25%,transparent 50%,transparent 75%,hsla(0,0%,100%,.3));box-shadow:0 .25rem 2rem rgba(0,0,0,.2);padding:1rem 0;position:sticky;top:0;z-index:10}#header .container{align-items:center;display:flex;justify-content:space-between}#header .container .brand{font-size:1.5rem;font-size:clamp(1.2rem,4vw,2.5rem);letter-spacing:2px;line-height:1;white-space:nowrap}#header .container .brand a{color:inherit}#header .container .toggle-menu{flex-shrink:0}.toggle-menu{align-items:center;background-color:var(--color-light);border:none;border-radius:.25rem;box-shadow:0 0 .25rem rgba(0,0,0,.1);cursor:pointer;display:flex;height:2rem;justify-content:center;overflow:hidden;position:relative;transition:.2s;width:2rem;z-index:2}.toggle-menu:after,.toggle-menu:before{background-color:var(--color-secondary);content:"";height:2px;position:absolute;transition:.2s;width:1.5rem}.toggle-menu:before{box-shadow:0 .5rem 0 var(--color-secondary);transform:translateY(-.5rem)}.toggle-menu:after{transform:translateY(.5rem)}.toggle-menu.active{background-color:var(--color-secondary)}.toggle-menu.active:before{background-color:var(--color-light);box-shadow:0 0 0 transparent;transform:translateY(0) rotate(45deg)}.toggle-menu.active:after{background-color:var(--color-light);transform:translateY(0) rotate(-45deg)}.full-menu{align-items:center;color:var(--color-dark);display:flex;justify-content:center;opacity:0;padding:2rem;pointer-events:none;transition:opacity .2s;z-index:1}.full-menu.active,.full-menu:target{opacity:1;pointer-events:auto}.full-menu .menu-accordion{max-height:80vh}.login-container{align-items:center;display:flex;height:100%;justify-content:center}.login-container .form-container{padding:4rem 2rem}::-webkit-scrollbar{cursor:pointer;height:.5rem;width:.5rem}::-webkit-scrollbar-track{background:var(--color-grey-light)}::-webkit-scrollbar-thumb{background:var(--color-secondary)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.container>.content{padding:1rem 0}.main-bg{background-attachment:fixed;background-image:linear-gradient(-45deg,var(--color-primary) 0,var(--color-primary) 50%,var(--color-secondary) 50%)}.full-fixed{height:100vh;left:0;max-height:100vh;position:fixed;top:0;width:100%}.card{background-color:hsla(0,0%,100%,.1);border-radius:6px;box-shadow:0 .25rem 2rem rgba(0,0,0,.2);padding:1rem;position:relative}.card:after{background-image:linear-gradient(180deg,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.1) 25%,transparent 50%,transparent 75%,hsla(0,0%,100%,.3));border-radius:.25rem;bottom:.25rem;content:"";left:.25rem;pointer-events:none;position:absolute;right:.25rem;top:.25rem}.form-container{position:relative;width:100%}.form-container h2{color:var(--color-light);font-weight:600;letter-spacing:2px;text-align:center}.form-container .field-row{color:var(--color-light);margin-top:1rem;position:relative;width:100%}.form-container .field-row .flash-error{background-color:var(--color-light);border:1px solid;border-radius:.25rem;box-shadow:0 0 .25rem var(--color-danger),inset 0 0 .25rem var(--color-danger);color:var(--color-danger);line-height:1;padding:.5rem}.form-container .field-row input{background-color:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:.25rem;box-shadow:inset 0 0 25px rgba(0,0,0,.2);color:inherit;font-size:1rem;outline:none;padding:.5rem 1rem .5rem 2rem;width:100%}.form-container .field-row input::placeholder{color:var(--color-light)}.form-container .field-row .btn{width:100%}.form-container .field-row .fa{left:1rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.btn{border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:.5rem 1rem}.btn-sm{font-size:.85rem;padding:.125rem .25rem}.btn-light{background-color:var(--color-light);color:var(--color-primary)}.glossy{backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.1);background-image:linear-gradient(180deg,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.1) 25%,transparent 50%,transparent 75%,hsla(0,0%,100%,.3));box-shadow:0 .25rem 2rem rgba(0,0,0,.2)}.film-list{margin-top:1rem}.film-list+.film-list{margin-top:2rem}.film-list .film-list-title{align-items:center;color:inherit;display:flex;font-size:2rem;font-size:clamp(1.2rem,4vw,2rem);font-weight:600;justify-content:space-between;letter-spacing:1px;text-transform:uppercase}.film-list .film-list-title .more{background-color:var(--color-light);color:var(--color-secondary);white-space:nowrap}.film-list .film-grid{margin-top:1rem}.film-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(30%,1fr))}@media screen and (min-width:900px){.film-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15%,1fr))}}.film-grid-item{overflow:hidden;padding:0;position:relative}.film-grid-item .image-container{display:block;padding-bottom:142%;position:relative}.film-grid-item .image-container img{cursor:zoom-in;height:calc(100% - .5rem);left:.25rem;object-fit:cover;object-position:top right;position:absolute;top:.25rem;width:calc(100% - .5rem)}.film-grid-item .title{align-items:center;border:1px solid hsla(0,0%,100%,.2);bottom:.25rem;color:var(--color-grey-light);display:none;filter:drop-shadow(0 0 10px var(--color-dark));font-size:.85rem;font-weight:600;justify-content:center;left:.25rem;letter-spacing:.5px;line-height:1.2;min-height:3.6rem;mix-blend-mode:luminosity;padding:.5rem;position:absolute;right:.25rem;text-align:center;top:auto}.menu-accordion{border:1px solid var(--color-grey-light);border-radius:.25rem;font-size:1.4rem;max-height:100%;overflow-y:auto}.menu-accordion ul{line-height:1;list-style:none}.menu-accordion ul>li a{color:var(--color-grey-light);display:block;padding:1rem}.menu-accordion ul>li a:hover{background-color:hsla(0,0%,100%,.1)}.menu-accordion .blocks{min-width:15rem}.menu-accordion .blocks .block+.block{border-top:1px solid var(--color-grey-light)}.menu-accordion .blocks>li .accordion-action{display:flex;justify-content:space-between}.menu-accordion .blocks>li .accordion-action:after{content:"+";font-weight:600}.menu-accordion .blocks>li .accordion-action+.block-content{background-color:hsla(0,0%,100%,.2);box-shadow:inset 0 0 1rem rgba(0,0,0,.3);font-size:90%;height:0;overflow:hidden;transition:height .5s}.menu-accordion .blocks>li .accordion-action.active:after{content:"-"}.menu-accordion .blocks>li .accordion-action.active+.block-content{border-top:1px solid var(--color-grey-light);height:15rem;overflow-y:auto}.tag-list{display:flex;flex-wrap:wrap}.tag-list .tag{margin-right:.5rem;margin-top:.5rem}.tag{align-items:center;background-color:var(--color-light);border-radius:.25rem;box-shadow:0 0 .25rem rgba(0,0,0,.1);color:var(--color-secondary);display:flex;font-weight:600;justify-content:center;padding:.25rem .5rem;text-align:center}.gallery{padding:0;z-index:10}.gallery:not(.active){display:none}.gallery .container{display:flex;flex-direction:column;height:100%;position:relative}.gallery .container .toggle-menu{position:absolute;right:1rem;top:1rem}.gallery .container .navigation{align-items:center;background-color:var(--color-light);border-radius:.25rem;box-shadow:0 0 .5rem rgba(0,0,0,.5);color:var(--color-light);color:var(--color-secondary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:.2s;width:2.5rem;z-index:2}.gallery .container .navigation.disabled{opacity:.3;pointer-events:none}.gallery .container .navigation.hidden{opacity:0;pointer-events:none}.gallery .container .navigation:hover{background-color:var(--color-secondary);color:var(--color-light)}.gallery .container .navigation.prev{left:1rem}.gallery .container .navigation.next{right:1rem}.gallery .tag-list{margin-top:.5rem}.gallery .items{height:calc(100% - 2rem);position:relative;top:1rem;width:100%}.gallery .item{display:grid;filter:grayscale(.5) drop-shadow(0 0 8px rgba(0,0,0,.2));height:100%;left:0;opacity:.4;overflow:hidden;position:absolute;top:0;transform:translate(-200%);transition:.3s;width:100%}.gallery .item .image-container{overflow:hidden;position:relative}.gallery .item .image-container img{display:block;height:100%;object-fit:contain;width:100%}.gallery .item .info{align-items:center;border-radius:.25rem;color:var(--color-light);display:flex;flex-direction:column;justify-content:center;padding:1rem}.gallery .item .info .title{font-size:1.1rem;text-align:center}.gallery .item.active{filter:grayscale(0) drop-shadow(0 0 8px rgba(0,0,0,.2));mix-blend-mode:normal;opacity:1;transform:translate(0) scale(1) perspective(1000px) rotateY(0deg)}.gallery .item.prev-el{transform:translate(-105%) scale(.95) perspective(500px) rotateY(-2deg)}.gallery .item.next-el{transform:translate(105%) scale(.95) perspective(500px) rotateY(2deg)}.gallery .item.next-el~.item{transform:translate(200%) scale(.95) perspective(500px) rotateY(2deg)}.search{color:var(--color-primary);margin:0 .5rem;max-width:20rem;position:relative}.search label{width:100%}.search label input{border:1px solid var(--color-primary);border-radius:1.25rem;height:2rem;outline:none;padding:.25rem 1rem .25rem 2.5rem;width:100%}.search label input:focus{box-shadow:0 0 4px var(--color-primary)}.search label i{left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.pager{border-radius:.25rem;gap:.5rem;margin:2rem auto;padding:1rem}.pager,.pager-item{display:flex;justify-content:center}.pager-item{align-items:center;border:1px solid var(--color-light);border-radius:.25rem;color:inherit;height:2rem;min-width:2rem;padding:.5rem}.pager-item:hover:not(.pager-item-current){background-color:var(--color-light);color:var(--color-secondary)}.pager-item[disabled]{opacity:.3;pointer-events:none}.pager-item.pager-item-current{border-color:var(--color-light);box-shadow:0 0 .125rem var(--color-light);color:var(--color-light);font-size:1.2rem;font-weight:600}.breadcrumbs{display:flex;flex-wrap:wrap}.breadcrumbs a{color:var(--color-light);display:block;font-weight:600;padding:1rem 0;white-space:nowrap}.breadcrumbs a+a{margin-left:.5rem}.breadcrumbs a+a:before{content:">";display:inline-block;margin-right:.5rem}.breadcrumbs+.content{padding-top:0}.breadcrumbs+.content>.film-list{margin-top:0}