html,body{overflow:hidden;height:100%}main{flex:1;display:flex;align-items:stretch;padding-top:var(--header-height);overflow:hidden;height:calc(100vh - var(--header-height))}.strip{display:flex;align-items:stretch;height:100%;width:max-content;will-change:transform;transition:transform .75s var(--ease-out);cursor:grab}.strip:active{cursor:grabbing}.film-item{position:relative;width:32vw;max-width:480px;min-width:260px;height:100%;flex-shrink:0;overflow:hidden}.film-item a{display:block;width:100%;height:100%;text-decoration:none}.film-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease-out),filter .5s ease;filter:brightness(.88)}.film-item:hover img{transform:scale(1.03);filter:brightness(1)}.film-item+.film-item{border-left:1px solid rgba(255,255,255,.08)}.film-label{position:absolute;bottom:28px;left:24px;right:24px;z-index:2;pointer-events:none}.film-label span{display:block;font-family:var(--font-primary);font-size:11px;letter-spacing:var(--tracking-xwide);text-transform:uppercase;color:#fffffff2;opacity:.7;transition:opacity .35s ease;line-height:1.6}.film-item:hover .film-label span{opacity:1}.film-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:160px;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);pointer-events:none;z-index:1}.scroll-hint{position:fixed;bottom:28px;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:var(--tracking-xwide);text-transform:uppercase;color:var(--color-muted);opacity:1;transition:opacity .6s ease;pointer-events:none;white-space:nowrap}.scroll-hint.hidden{opacity:0}@media(max-width:768px){html,body{overflow-x:hidden;overflow-y:auto;height:auto}main{height:auto;overflow:visible;padding-top:var(--header-height);display:block}.strip{flex-direction:column;width:100%;height:auto;transform:none!important;transition:none;cursor:default}.film-item{width:100%;min-width:0;max-width:none;height:65vw;min-height:200px;max-height:420px;border-left:none!important;border-bottom:2px solid var(--color-bg)}.film-label span{opacity:1;font-size:10px}.scroll-hint{display:none}}@media(min-width:769px)and (max-width:1100px){.film-item{width:42vw}}