:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;font-family:Inter,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background-color:#103347}.header-container{color:#fff;text-align:center;background-color:#103347;flex-direction:column;align-items:center;gap:12px;padding:24px 20px 20px;display:flex}.header-brand{width:100%}.header-title{letter-spacing:.04em;justify-content:center;align-items:center;margin:0;font-family:Faster One,system-ui;font-size:clamp(2.8rem,4vw,4rem);display:flex}.nav-links{justify-content:center;align-items:center;width:100%;display:flex}.desktop-nav{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.desktop-nav button{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px 0;font-family:Barlow,sans-serif;font-size:16px;transition:opacity .2s}.desktop-nav button:hover{opacity:.85}.desktop-nav button.active{text-underline-offset:4px;font-weight:600;text-decoration:underline}.mobile-nav{width:min(100%,280px);display:none}.mobile-nav select{color:#fff;background-color:#1a5162;border:1px solid #4f8ea6;border-radius:8px;width:100%;padding:10px 12px;font-family:Cinzel,serif;font-size:14px}.mobile-nav select:focus{border-color:#8bd4e3;outline:none}.header-container.mobile-nav-active .header-title{font-size:clamp(3.6rem,10vw,5rem)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:769px){.header-container{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.header-brand{text-align:left;flex:1;width:auto}.header-title{justify-content:flex-start}.nav-links{justify-content:flex-end;width:auto}}@media (max-width:768px){.header-container{padding:20px 16px 18px}.header-title{font-size:clamp(2.4rem,6vw,3rem)}.desktop-nav{display:none}.mobile-nav{display:block}}.sort-by{gap:10px;width:100px;margin:0 10px 20px 0;font-family:Barlow,sans-serif}.sort-by-options{flex-direction:column;height:100px;font-family:Barlow,sans-serif;display:flex}.assort-by{width:100px;margin:0 10px 20px 0;font-family:Barlow,sans-serif}body{margin:0 10vw}.watch-movies{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:1rem 0;display:grid}.movie-card{background:#fff;border-radius:6px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000014}.movie-poster{object-fit:cover;width:100%;height:auto}.movie-info{padding:.5rem .75rem 1rem}.movie-title{color:#333;margin:0 0 .25rem;font-size:1rem}.movie-date{color:#666;margin:0 0 .5rem;font-size:.85rem}.movie-desc{color:#333;opacity:.98;max-height:4.5rem;margin:0;font-size:.9rem;transition:max-height .8s,opacity .2s;overflow:hidden}.movie-desc.expanded{opacity:1;max-height:1000px;overflow:hidden}.movie-card .read-more{color:#333;cursor:pointer;background:0 0;border:1px solid #333;border-radius:5px;margin-top:.5rem;padding:8px;font-size:.95rem}.movie-card .read-more:focus{outline-offset:2px;outline:2px solid #cfe9ff}.footer{text-align:center;padding:1rem}