@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Oswald:wght@500;600&display=swap";:root{color-scheme:dark;font-family:Manrope,system-ui,sans-serif;color:#f4f4f5;background:#09090b;font-synthesis:none;text-rendering:optimizeLegibility;--orange: #f55b2f;--orange-bright: #ff6b3e;--surface: #111113;--surface-light: #1a1a1e;--muted: #a1a1aa;--line: rgba(255, 255, 255, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 22%,rgba(245,91,47,.08),transparent 24rem),#09090b}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{position:absolute;z-index:20;top:0;left:0;display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:inline-flex;align-items:center;gap:11px;width:fit-content;font-family:Oswald,sans-serif;font-size:.98rem;font-weight:600;letter-spacing:.12em}.brand-mark{position:relative;width:25px;height:25px;border:6px solid var(--orange);border-radius:50%}.brand-mark:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.main-nav{display:none;gap:34px;color:#ffffffb8;font-size:.88rem;font-weight:600}.main-nav a,.site-footer a{transition:color .18s ease}.main-nav a:hover,.main-nav a:focus-visible,.site-footer a:hover,.site-footer a:focus-visible{color:var(--orange-bright)}.main-nav a[aria-current=page]{color:#fff}.inner-header{position:relative;background:#09090bf5}.header-link{justify-self:end;color:var(--orange-bright);font-size:.72rem;font-weight:800}.favorites-button{justify-self:end;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#09090b6b;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .18s ease,background .18s ease;font-size:0}.favorites-button>span{font-size:.95rem}.favorites-button:hover,.favorites-button:focus-visible,.favorites-button.is-active{border-color:var(--orange);background:#f55b2f26}.favorite-count{display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:var(--orange);color:#fff;font-size:.72rem!important;font-weight:800}.hero{position:relative;display:flex;align-items:flex-end;min-height:690px;overflow:hidden;padding:140px 22px 76px;border-bottom:1px solid var(--line);background:#111113}.hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(135deg,#29292d,#101012);background-position:center 18%;background-size:cover;filter:saturate(.75) contrast(1.05);transform:scale(1.02);transition:background-image .3s ease;opacity:.54}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#09090bfa,#09090b94),linear-gradient(0deg,#09090b,transparent 45%)}.hero-content{position:relative;z-index:2;max-width:760px}.eyebrow,.section-index{display:flex;align-items:center;gap:10px;margin:0 0 21px;color:var(--orange-bright);font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{display:block;width:32px;height:2px;background:currentColor}.hero h1,.section-heading h2,.dialog-copy h2{margin:0;font-family:Oswald,sans-serif;font-weight:600;line-height:.98;text-transform:uppercase}.hero h1{max-width:750px;font-size:clamp(3.2rem,15vw,5.3rem);letter-spacing:-.035em}.hero-copy{max-width:610px;margin:30px 0 0;color:#c7c7cc;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.hero-actions .button{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:4px;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:var(--orange);color:#fff}.button-primary:hover,.button-primary:focus-visible{background:var(--orange-bright)}.button-ghost{border-color:#ffffff42;background:#ffffff0f}.button-ghost:hover,.button-ghost:focus-visible{border-color:#ffffff8c;background:#ffffff1f}.hero-fact{position:absolute;z-index:2;right:clamp(22px,5vw,78px);bottom:95px;display:none;align-items:baseline;gap:13px;padding-left:18px;border-left:2px solid var(--orange)}.hero-fact strong{font-family:Oswald,sans-serif;font-size:2.7rem}.hero-fact span{max-width:90px;color:var(--muted);font-size:.74rem;line-height:1.35}.catalog{padding:78px 22px}.section-heading{display:flex;align-items:start;flex-direction:column;justify-content:space-between;gap:32px;margin-bottom:40px}.section-heading h2{font-size:clamp(2.5rem,4.5vw,4.8rem);letter-spacing:-.025em}.section-note{margin:0 0 8px;color:var(--muted);font-size:.84rem}.controls{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:32px}.search-field,.select-field{display:flex;align-items:center;min-height:56px;border:1px solid var(--line);border-radius:4px;background:var(--surface);transition:border-color .18s ease,background .18s ease}.search-field:focus-within,.select-field:focus-within{border-color:var(--orange);background:var(--surface-light)}.search-field svg,.refresh-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.search-field svg{margin-left:18px;color:var(--muted)}.search-field input,.select-field select{width:100%;min-width:0;height:54px;border:0;outline:0;background:transparent;color:#fff}.search-field input{padding:0 18px 0 12px}.search-field input::placeholder{color:#71717a}.select-field select{padding:0 42px 0 17px;cursor:pointer}.refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:56px;padding:0 21px;border:1px solid var(--line);border-radius:4px;background:var(--surface);font-weight:700;cursor:pointer;transition:border-color .18s ease,color .18s ease}.refresh-button:hover,.refresh-button:focus-visible{border-color:var(--orange);color:var(--orange-bright)}.movie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.movie-card{min-width:0;animation:card-in .5s both;animation-delay:var(--delay)}@keyframes card-in{0%{opacity:0;transform:translateY(18px)}}.poster-button{position:relative;display:block;width:100%;aspect-ratio:2 / 3;overflow:hidden;padding:0;border:0;border-radius:3px;background:#1a1a1e;cursor:pointer}.poster-button img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .25s ease}.poster-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 55%,rgba(0,0,0,.74));transition:background .25s ease}.poster-button:hover img,.poster-button:focus-visible img{transform:scale(1.055);filter:saturate(.75)}.poster-button:hover .poster-shade,.poster-button:focus-visible .poster-shade{background:#09090b85}.rating{position:absolute;top:11px;right:11px;padding:6px 8px;border-radius:3px;background:#09090bc2;font-size:.69rem;font-weight:800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rating span{color:#fbbf24}.details-label{position:absolute;top:50%;left:50%;padding:10px 13px;border:1px solid rgba(255,255,255,.65);border-radius:3px;opacity:0;font-size:.78rem;font-weight:800;transform:translate(-50%,-35%);transition:opacity .22s ease,transform .22s ease}.poster-button:hover .details-label,.poster-button:focus-visible .details-label{opacity:1;transform:translate(-50%,-50%)}.card-body{padding-top:13px}.card-title-row{display:flex;align-items:start;justify-content:space-between;gap:8px}.card-title-row>div{min-width:0}.card-title-row h3{overflow:hidden;margin:0;font-size:.93rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.card-title-row p{margin:5px 0 0;color:var(--muted);font-size:.72rem}.favorite-toggle{flex:0 0 auto;width:31px;height:31px;border:1px solid var(--line);border-radius:50%;background:transparent;color:#71717a;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.favorite-toggle:hover,.favorite-toggle:focus-visible{border-color:#71717a;background:#ffffff0f;color:#d4d4d8}.favorite-toggle.is-favorite{border-color:var(--orange);background:#f55b2f1f;color:var(--orange-bright)}.favorite-toggle.is-favorite:hover,.favorite-toggle.is-favorite:focus-visible{border-color:var(--orange-bright);background:#f55b2f33;color:#fff}.genre-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.genre-list span{color:#87878f;font-size:.64rem;letter-spacing:.04em;text-transform:uppercase}.genre-list span+span:before{content:"/";margin-right:5px;color:#3f3f46}.status{color:var(--muted)}.status-error,.status-empty{display:flex;align-items:center;gap:16px;min-height:150px;padding:28px;border:1px solid var(--line);background:var(--surface);align-items:flex-start;flex-direction:column}.status-error strong,.status-empty strong{color:#fff;font-size:1.05rem}.status-error p,.status-empty p{margin:6px 0 0;font-size:.88rem}.status-icon{display:grid;flex:0 0 auto;place-items:center;width:46px;height:46px;border:1px solid var(--orange);border-radius:50%;color:var(--orange-bright);font-size:1.2rem;font-weight:800}.status-error button{min-height:42px;margin-left:0;padding:0 16px;border:0;border-radius:3px;background:var(--orange);font-weight:800;cursor:pointer}.skeleton-card{display:flex;flex-direction:column;gap:10px}.skeleton-poster,.skeleton-line{display:block;border-radius:3px;background:linear-gradient(90deg,#151518 25%,#202025,#151518 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}.skeleton-poster{aspect-ratio:2 / 3}.skeleton-line{width:56%;height:9px}.skeleton-line-wide{width:82%;height:13px}@keyframes shimmer{to{background-position:-200% 0}}code{padding:2px 5px;border-radius:3px;background:#f55b2f1f;color:var(--orange-bright)}.site-footer{display:grid;grid-template-columns:1fr;justify-items:start;align-items:center;gap:24px;min-height:120px;padding:40px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.site-footer p{margin:0}.site-footer>a:last-child{justify-self:start}.brand-footer{color:#fff}.details-dialog{width:min(960px,calc(100% - 32px));max-height:min(720px,calc(100% - 32px));padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:#101012;color:#fff;box-shadow:0 28px 90px #0009}.details-dialog::backdrop{background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{position:absolute;z-index:2;top:15px;right:15px;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#09090bbf;font-size:1.5rem;cursor:pointer}#dialogContent{display:block;min-height:0;max-height:calc(100vh - 32px);overflow-y:auto}.dialog-poster{min-height:320px;max-height:45vh;background:#1a1a1e}.dialog-poster img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.dialog-copy{align-self:center;padding:clamp(34px,6vw,72px)}.dialog-copy h2{font-size:clamp(2.6rem,5vw,4.8rem)}.dialog-copy>p:not(.eyebrow):not(.dialog-meta){display:-webkit-box;overflow:hidden;margin:28px 0;color:#c1c1c8;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:7}.dialog-meta{margin:16px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}.subpage-main{min-height:calc(100vh - 120px)}.page-hero{padding:86px 22px 72px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 20%,rgba(245,91,47,.2),transparent 22rem),#0d0d0f}.page-hero h1,.project-story h2,.requirements h2,.favorites-content h2{margin:0;font-family:Oswald,sans-serif;font-weight:600;line-height:1;letter-spacing:-.025em;text-transform:uppercase}.page-hero h1{max-width:900px;font-size:clamp(3.2rem,14vw,5.6rem)}.page-hero>p:last-child{max-width:660px;margin:26px 0 0;color:#b8b8c0;line-height:1.75}.page-hero-compact{padding-bottom:64px}.project-story,.requirements,.favorites-content{padding:72px 22px}.project-story{display:grid;grid-template-columns:1fr;gap:36px;border-bottom:1px solid var(--line)}.project-story h2,.requirements h2,.favorites-content h2{font-size:clamp(2.5rem,9vw,4.6rem)}.project-copy{padding-top:8px;border-top:1px solid var(--line)}.project-copy p{margin:18px 0 0;color:#b8b8c0;line-height:1.75}.requirements{background:var(--surface)}.requirements-grid{display:grid;grid-template-columns:1fr;gap:1px;margin-top:40px;background:var(--line);border:1px solid var(--line)}.requirements-grid article{min-width:0;padding:28px;background:#111113}.requirements-grid article>span{color:var(--orange-bright);font-family:Oswald,sans-serif;font-size:.78rem}.requirements-grid h3{margin:42px 0 12px;font-size:1rem}.requirements-grid p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.65}.favorites-page{background:#09090b}.favorites-content .status-empty .button{flex:0 0 auto}@media(min-width:481px){.controls{grid-template-columns:1fr 1fr}.search-field{grid-column:1 / -1}.hero-actions .button{width:auto}.status-error,.status-empty{align-items:center;flex-direction:row}.status-error button,.status-empty .button{margin-left:auto}.requirements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:801px){.site-header{grid-template-columns:1fr auto 1fr;padding:26px clamp(22px,5vw,78px)}.brand{font-size:1.12rem}.main-nav{display:flex}.favorites-button{font-size:.88rem}.hero{min-height:760px;padding:160px clamp(22px,8vw,130px) 100px}.hero-backdrop{top:0;right:0;bottom:0;left:45%;opacity:1}.hero-shade{background:linear-gradient(90deg,#09090b,#09090bf7 31%,#09090b4d 72%,#09090b8c),linear-gradient(0deg,#09090b 0%,transparent 35%)}.hero h1{font-size:clamp(3.8rem,7.3vw,7.6rem)}.catalog{padding:105px clamp(22px,6vw,96px)}.section-heading{align-items:end;flex-direction:row}.controls{grid-template-columns:minmax(260px,1fr) 230px auto}.search-field{grid-column:auto}.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 17px}.site-footer{grid-template-columns:1fr auto 1fr;justify-items:stretch;padding:30px clamp(22px,6vw,96px)}.site-footer>a:last-child{justify-self:end}#dialogContent{display:grid;grid-template-columns:40% 60%;min-height:600px;max-height:none;overflow:visible}.dialog-poster{min-height:600px;max-height:none}.dialog-poster img{object-position:center}.header-link{font-size:.82rem}.page-hero{padding:120px clamp(22px,8vw,130px) 104px}.project-story,.requirements,.favorites-content{padding:105px clamp(22px,6vw,96px)}.project-story{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(48px,8vw,140px)}}@media(min-width:1181px){.movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-fact{display:flex}.requirements-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}