:root{--layout-width:100vw;--layout-max-width:100vw}.film-archive{width:100%;max-width:70rem;margin:0 auto;padding-bottom:calc(var(--footer-h) + 2rem);padding-top:calc(var(--footer-h) + 6rem)}.film-archive h1{font-size:var(--font-size-7);margin-bottom:2rem}.film-list{display:flex;flex-direction:column;gap:1.2rem;padding:0 1rem}.film-entry{display:flex;align-items:flex-start;gap:1rem}.film-image img{max-width:24rem;border:2px solid var(--color-fg);display:block;aspect-ratio:16/9}.film-image{filter:drop-shadow(6px 6px 2px #4444dd);transition:filter .8s ease}.film-image:hover{filter:drop-shadow(2px 8px 4px #a4a4e7)}.film-text{margin-left:1.2rem;display:flex;flex-direction:column;flex:1;filter:drop-shadow(0 10px 2px #a4a4e7);transition:filter .8s ease;z-index:100}.film-text:hover{filter:drop-shadow(2px 8px 4px #d6d6ec)}.film-list .film-title-list{text-transform:uppercase}.stream-label{background-color:#44d;color:var(--color-bg);font-size:var(--font-size-2);padding:.2rem .6rem;width:fit-content;border-radius:0 0 1rem 1rem;border:2px solid var(--color-fg);border-top:0;z-index:300;filter:drop-shadow(0 0 0 black)}.stream-label--hidden{transform:translateY(-10px);opacity:0;max-height:0;overflow:hidden;pointer-events:none;transition:all .3s ease}.film-text:hover .stream-label--hidden{transform:translateY(0);opacity:1;max-height:2rem;pointer-events:auto}.film-title-list{font-size:var(--font-size-6);background:#44d;color:var(--color-bg);padding:.6rem;font-weight:700;width:100%;box-sizing:border-box;border:2px solid var(--color-fg);border-radius:1rem 0 0 0;z-index:200}.film-text>a,.film-text>a:visited,.film-text>a:hover{text-decoration:none!important}.film-author-subtext{font-size:var(--font-size-3);font-weight:400;text-transform:none}.film-meta-list{font-size:var(--font-size-2);padding-right:9rem}.film-details-list{font-size:var(--font-size-2);margin:0}@media(max-width:1000px){:root{--layout-width:100vw;--layout-max-width:90vw}.film-archive{width:var(--layout-width);max-width:var(--layout-max-width);margin:8rem auto 2rem;padding:0 1rem}.film-entry{display:flex;flex-direction:column;width:100%;gap:0}.film-image img{width:100%;height:auto;aspect-ratio:16/9}.film-text{width:100%;margin:0 0 0 .5rem;padding:0;align-items:flex-start;text-align:left;box-sizing:border-box}.film-title-list{position:relative;width:99%;box-sizing:border-box;font-size:var(--font-size-3);padding:.6rem 1.2rem .6rem .6rem;border:2px solid var(--color-fg);border-radius:0 0 1rem 1rem}.stream-label{position:absolute;top:-1.7rem;left:0;margin:0;border-radius:0 1rem 0 0;font-size:var(--font-size-1);padding:.25rem .6rem;border:2px solid var(--color-fg)}.stream-label--hidden{display:none}.film-text:hover .stream-label--hidden{transform:none;opacity:1;max-height:none}.film-details-hero,.film-author-subtext{font-size:var(--font-size-1)}.film-meta-list,.film-details-list{font-size:var(--font-size-1)}}