.films-section[data-astro-cid-qkk2h45m]{flex:1;padding:4rem 0;padding-top:0;display:flex;justify-content:center;align-items:flex-start;width:100%}.films-container[data-astro-cid-qkk2h45m]{width:100%;max-width:100%;text-align:center;margin:0;padding:0 2rem;box-sizing:border-box}.films-table[data-astro-cid-qkk2h45m]{width:100%;text-align:left;margin:0;padding:0}.films-body[data-astro-cid-qkk2h45m]{width:100%}.film-row[data-astro-cid-qkk2h45m]{display:grid;grid-template-columns:1fr 100px 120px;gap:0;opacity:0;animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards;cursor:pointer;position:relative;align-items:center}.film-row[data-astro-cid-qkk2h45m]:before{content:"";position:absolute;left:-2rem;right:-2rem;top:0;bottom:0;background-color:transparent;transition:background-color .2s ease;z-index:0;pointer-events:none}.film-row[data-astro-cid-qkk2h45m]:after{content:"";position:absolute;left:-2rem;right:-2rem;bottom:0;height:1px;background-color:var(--color-primary-text);z-index:1;pointer-events:none}@media(hover:hover){.film-row[data-astro-cid-qkk2h45m]:hover:before{background-color:var(--color-black-overlay-10)}}.film-row[data-astro-cid-qkk2h45m]:last-child:after{display:none}.film-name-cell[data-astro-cid-qkk2h45m],.film-year-cell[data-astro-cid-qkk2h45m],.film-poster-cell[data-astro-cid-qkk2h45m]{padding:1rem 0;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:400;color:var(--color-primary-text);line-height:1.6;display:flex;align-items:center}.film-name-cell[data-astro-cid-qkk2h45m]{text-align:left}.film-year-cell[data-astro-cid-qkk2h45m],.film-poster-cell[data-astro-cid-qkk2h45m]{text-align:center;justify-content:center}.film-link[data-astro-cid-qkk2h45m]{text-decoration:none;color:var(--color-primary-text);transition:color .2s ease}@media(hover:hover){.film-link[data-astro-cid-qkk2h45m]:hover{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:.2em}}.film-link-italic[data-astro-cid-qkk2h45m]{font-style:italic}.film-poster[data-astro-cid-qkk2h45m]{height:60px;width:auto;vertical-align:middle;border-radius:var(--radius-sm);box-shadow:0 1px 3px var(--color-black-overlay-10);transition:transform .2s ease;opacity:0;transform:rotate(var(--random-rotation, 0deg)) translateY(calc(var(--random-y, 0px) + 20px));animation:fadeInPoster .6s cubic-bezier(.4,0,.2,1) forwards}@media(hover:hover){.film-poster[data-astro-cid-qkk2h45m]:hover{transform:scale(1.05) rotate(var(--random-rotation, 0deg)) translateY(var(--random-y, 0px))!important}}.film-poster-preview[data-astro-cid-qkk2h45m]{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important;pointer-events:none;opacity:0;transition:opacity .3s ease;max-width:95vw;max-height:95vh;margin:0!important}.film-poster-preview[data-astro-cid-qkk2h45m].active{opacity:1}.film-poster-preview-image[data-astro-cid-qkk2h45m]{max-width:100%;max-height:95vh;width:auto;height:auto;min-width:500px;box-shadow:0 20px 60px var(--color-black-overlay-70);object-fit:contain}@keyframes fadeIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInPoster{0%{opacity:0;transform:rotate(var(--random-rotation, 0deg)) translateY(calc(var(--random-y, 0px) + 20px))}to{opacity:1;transform:rotate(var(--random-rotation, 0deg)) translateY(var(--random-y, 0px))}}@media(max-width:768px){.films-section[data-astro-cid-qkk2h45m]{padding:2rem 0}.films-container[data-astro-cid-qkk2h45m]{padding:0 1rem}.film-row[data-astro-cid-qkk2h45m]:after{left:-1rem;right:-1rem}}@media(max-width:480px){.films-section[data-astro-cid-qkk2h45m]{padding:2rem 0}.films-container[data-astro-cid-qkk2h45m]{padding:0 1rem}.film-row[data-astro-cid-qkk2h45m]:after{left:-1rem;right:-1rem}.film-name-cell[data-astro-cid-qkk2h45m],.film-year-cell[data-astro-cid-qkk2h45m]{font-size:clamp(.85rem,2vw,.95rem)}.film-row[data-astro-cid-qkk2h45m]{grid-template-columns:1fr 80px 100px}}.films-grid-section[data-astro-cid-jaerayix]{flex:1;padding:4rem 2rem;display:flex;justify-content:center;align-items:center;min-height:100%}.films-grid-container[data-astro-cid-jaerayix]{width:100%;max-width:800px;margin:0 auto}.films-grid[data-astro-cid-jaerayix]{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:.75rem;perspective:1000px}.film-card[data-astro-cid-jaerayix]{position:relative;border-radius:var(--radius-2xl);overflow:hidden;aspect-ratio:2 / 3;text-decoration:none;cursor:pointer;opacity:1;transform:translateY(0) rotate(var(--random-rotation, 0deg));display:flex;flex-direction:column;margin:-.5rem;transition:all .4s ease}.film-card[data-astro-cid-jaerayix]:hover{z-index:9999!important;box-shadow:0 20px 40px 0 var(--color-black-overlay-40);transform:translateY(-5px) rotate(var(--random-rotation, 0deg)) scale(1.05)}.film-card[data-astro-cid-jaerayix]:after{content:"";position:absolute;inset:0;border:1px solid var(--color-white-overlay-20);border-radius:var(--radius-2xl);pointer-events:none;z-index:15}.film-card-cover[data-astro-cid-jaerayix],.film-card-cover-image[data-astro-cid-jaerayix]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.film-card-poster[data-astro-cid-jaerayix]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.film-card-title-treatment[data-astro-cid-jaerayix]{width:auto;height:auto;max-width:50%;max-height:30%;object-fit:contain;opacity:1;pointer-events:none}.film-card-overlay[data-astro-cid-jaerayix]{position:absolute;inset:0;background:linear-gradient(to top,var(--color-black-overlay-80) 0%,var(--color-black-overlay-40) 40%,transparent 70%);z-index:1;pointer-events:none}.film-card-content[data-astro-cid-jaerayix]{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;z-index:2;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:1rem}.film-card-name[data-astro-cid-jaerayix]{font-family:var(--font-serif);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;color:var(--color-white);line-height:1.2;text-shadow:0 2px 4px var(--color-black-overlay-50)}.film-card-year[data-astro-cid-jaerayix]{font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:400;color:var(--color-white-overlay-90);text-shadow:0 1px 2px var(--color-black-overlay-50)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) rotate(var(--random-rotation, 0deg))}to{opacity:1;transform:translateY(0) rotate(var(--random-rotation, 0deg))}}