:root{--foreground: #fdfdfd;--background: #121212;--accent-primary: #e51937;--accent-secondary: #3e3eaf;--border-radius-primary: 1rem;--border-radius-secondary: .25rem;font-family:Figtree,sans-serif;font-weight:400;font-size:1.125rem;color:var(--foreground);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}.page-body{padding:2rem}.logo{margin:0;font-size:2.5rem;font-weight:700;width:auto;height:2.5rem}.page-header{display:flex;align-items:center;justify-content:space-between}.nav-primary-list{display:flex;gap:2rem;margin:0;padding:0;list-style:none}.nav-primary-link{display;: block;color:var(--foreground);text-decoration:none;font-size:1.125rem}.nav-primary-link:hover{border-bottom:.125rem solid var(--foreground)}.nav-primary-link.active{border-bottom:.125rem solid var(--accent-primary)}input,textarea,button{font-size:1rem}h1,h2,h3,h4,p{margin:0}h1{margin-top:3rem}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.mt-sm{margin-top:.5rem}.movie-list{align-items:start;gap:5rem 2.5rem;margin-top:5rem}.combo-form-control{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.combo-form-control .form-control{flex:1}.form-control{display:block;margin-top:2rem}.form-control-label{font-size:1.125rem}.form-control-input{margin-top:.75rem;border:0;border-radius:var(--border-radius-primary);padding:.5rem 1rem;width:100%}.form-control-button{cursor:pointer;display:block;border:0;border-radius:var(--border-radius-primary);padding:.5rem 1rem;color:var(--foreground);background:var(--accent-primary)}.universal-grid{display:grid;grid-template-columns:1fr}@media (min-width: 768px){.universal-grid{grid-template-columns:repeat(2,1fr)}.combo-form-control{grid-column:span 2}}@media (min-width: 1024px){.universal-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.universal-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1536px){.universal-grid{grid-template-columns:repeat(5,1fr)}}.header{display:flex;margin-top:3rem;min-height:50dvh;background-size:cover;background-position:center}.header-content{flex:1;display:grid;grid-template-columns:1fr;background:linear-gradient(to top,var(--background),transparent)}.header-content h1{margin-top:0}.header-poster{margin:1rem}.header-title{display:flex;flex-direction:column;justify-content:flex-end;padding:1rem}.genres{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.movie-information .heading{margin-top:1rem}.movie-details{display:grid;grid-template-columns:1fr;align-items:start;gap:1rem 2rem;margin-top:3rem}.movie-meta{display:grid;grid-template-columns:auto 1fr;gap:0 1rem;margin:0}.movie-meta dt,.movie-meta dd{margin:0}.video{width:100%;height:auto;aspect-ratio:16/9;border:0}.ratings{display:grid;gap:1rem 2rem;grid-template-columns:1fr;margin-top:2rem}.rating{border-radius:var(--border-radius-primary);padding:1rem;background:#222}@media (min-width: 768px){.header-content{grid-template-columns:auto 1fr}}@media (min-width: 1024px){.movie-details{grid-template-columns:1fr 1fr}.ratings{grid-template-columns:1fr 1fr}.ratings .heading{grid-column:span 2}}