.film-controls{z-index:10;background:color-mix(in srgb, var(--paper) 78%, transparent);-webkit-backdrop-filter:blur(.625rem);border:1px solid var(--rule);border-radius:.25rem;flex-wrap:wrap;align-items:baseline;gap:.875rem;max-width:calc(100vw - 3rem);margin:0;padding:.625rem 1rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 .75rem 2rem -1rem #00000040}.film-control{align-items:baseline;gap:.625rem;margin:0;display:flex}.film-control label{font-family:var(--serif);letter-spacing:.02em;color:var(--muted);font-size:.9375rem;font-variant-caps:small-caps}.film-control select{appearance:none;border:0;border-bottom:1px solid var(--rule);font-family:var(--serif);color:var(--ink);cursor:pointer;background:0 0;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:right .4rem center,right .1rem center;background-repeat:no-repeat;background-size:.3rem .3rem,.3rem .3rem;padding:.125rem 1.25rem .125rem 0;font-size:.9375rem;transition:border-color .2s}.film-control select:hover,.film-control select:focus-visible{border-color:var(--accent)}@supports not (backdrop-filter:blur(1px)){.film-controls{background:color-mix(in srgb, var(--paper) 94%, transparent)}}.film-random-button{appearance:none;cursor:pointer;font-family:var(--serif);letter-spacing:.02em;color:var(--muted);border:0;border-bottom:1px solid var(--rule);background:0 0;padding:0;font-size:.9375rem;font-variant-caps:small-caps;transition:color .2s,border-color .2s}.film-random-button:hover,.film-random-button:focus-visible{color:var(--accent);border-color:var(--accent)}.film-year-group{margin-top:clamp(4rem,6vw,6rem)}.film-year-group:first-of-type{margin-top:0}.film-year-group:first-of-type{animation:.7s cubic-bezier(.16,1,.3,1) both reveal}.film-year-group:nth-of-type(2){animation:.7s cubic-bezier(.16,1,.3,1) 80ms both reveal}.film-year-group:nth-of-type(3){animation:.7s cubic-bezier(.16,1,.3,1) .16s both reveal}.film-year-heading{border-bottom:1px solid var(--rule);align-items:baseline;gap:.875rem;margin:0 0 2.25rem;padding-bottom:.75rem;display:flex}.film-year-heading h2{letter-spacing:-.02em;font-size:clamp(1.75rem,1rem + 3vw,2.75rem);font-weight:340}.film-year-count{font-family:var(--serif);letter-spacing:.02em;color:var(--muted);font-size:.9375rem;font-variant-caps:small-caps}.film-grid{grid-template-columns:repeat(2,1fr);gap:3rem 1.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.film-grid{grid-template-columns:repeat(3,1fr);gap:3.5rem 2rem}}@media (width>=64rem){.film-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=80rem){.film-grid{grid-template-columns:repeat(5,1fr)}}.film-poster-frame{aspect-ratio:2/3;background:var(--rule);margin:0 0 1rem;padding:.375rem;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;overflow:hidden}.film-card:hover .film-poster-frame{transform:translateY(-3px);box-shadow:0 1.25rem 2.5rem -1.25rem #00000059}.film-poster{object-fit:contain;background:var(--paper);width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);display:block}.film-card:hover .film-poster{transform:scale(1.02)}.film-poster[data-cropped=true]{object-fit:cover;object-position:var(--focal-x,50%) var(--focal-y,50%);transform:scale(var(--focal-zoom,1))}.film-card:hover .film-poster[data-cropped=true]{transform:scale(calc(var(--focal-zoom,1) * 1.02))}@keyframes film-highlight-ring{0%{outline-color:var(--accent);outline-offset:.5rem}to{outline-offset:.875rem;outline-color:#0000}}.film-card.is-highlighted .film-poster-frame{outline:2px solid var(--accent);outline-offset:.5rem;animation:1.6s ease-out forwards film-highlight-ring}@media (prefers-reduced-motion:reduce){.film-card.is-highlighted .film-poster-frame{outline-color:var(--accent);animation:none}}.film-poster-placeholder{background:var(--paper);width:100%;height:100%;font-family:var(--serif);color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:.8125rem;font-style:italic;display:flex}.film-card-body{flex-direction:column;gap:.5rem;display:flex}.film-title{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:1.0625rem;font-weight:400;line-height:1.3}.film-release-year{font-variant-numeric:oldstyle-nums tabular-nums;color:var(--muted)}.film-meta{font-family:var(--serif);letter-spacing:.02em;color:var(--muted);margin:0;font-size:.8125rem;font-variant-caps:small-caps}.film-genres{letter-spacing:.01em;color:var(--muted);opacity:.8;margin:0;font-size:.75rem}.film-overview{color:var(--muted);margin:.125rem 0 0;font-size:.8125rem;font-style:italic;line-height:1.6}.film-letterboxd-link{font-family:var(--serif);letter-spacing:.02em;color:var(--muted);margin-top:.25rem;font-size:.8125rem;font-variant-caps:small-caps;text-decoration:none;transition:color .2s}.film-letterboxd-link:hover{color:var(--accent)}.film-attribution{border-top:1px solid var(--rule);color:var(--muted);margin-top:clamp(4rem,6vw,6rem);padding-top:1.5rem;padding-bottom:6rem;font-size:.8125rem}.film-attribution a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--rule);transition:color .2s}.film-attribution a:hover{color:var(--accent)}