*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0b0f;--surface:#13131a;--card:#1a1a24;--border:#ffffff12;--gold:#c9a84c;--gold-dim:#c9a84c26;--white:#f0ede6;--muted:#f0ede68c;--sans:"Barlow", sans-serif;--cond:"Barlow Condensed", sans-serif;--serif:"Playfair Display", serif;font-size:17px}body.light{--bg:#f2ede4;--surface:#e8e2d8;--card:#fff;--border:#0000001f;--white:#1a1a24;--muted:#1a1a2499;--gold-dim:#c9a84c21}body.light .hero-title,body.light .modal-title,body.light .card-title,body.light .modal-plot,body.light .modal-detail-value,body.light .watchlist-item-title,body.light .footer-bottom p,body.light .footer-tagline,body.light .search-status,body.light .watchlist-empty,body.light .sort-btn,body.light .sort-label,body.light .results-count,body.light .card-desc,body.light .card-director,body.light .card-director span{color:var(--white)}body.light .search-input{color:var(--white)}body.light .search-input::placeholder{color:#1a1a244d}body.light .modal-plot{color:#1a1a24bf}body.light .footer-bottom p{color:#1a1a2466}body.light .footer-tagline{color:#966e1eb3}body.light .footer-col ul li a{color:#1a1a2499}body.light .footer-col ul li a:hover{color:var(--white)}body.light .footer-brand p{color:#1a1a2499}body.light .sort-btn:hover{color:var(--white)}body.light .nav-icon-btn{color:#1a1a2499}body.light .nav-icon-btn:hover{color:var(--white)}body.light .watchlist-header button{color:#1a1a2480}body.light .tl-era,body.light .tl-desc,body.light .section-body,body.light .about-hero-lead,body.light .how-card p,body.light .quote-text,body.light .contact-detail-value,body.light .form-note{color:#1a1a24a6}body.light .tl-title,body.light .how-card h3,body.light .modal-detail-value{color:#1a1a24}body.light .tl-film-tag{color:#1a1a248c;background:#e8e2d8;border-color:#0000001a}body.light .story-visual-text{color:#1a1a2480}body.light .hero-dot{background:#1a1a2433}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--sans);flex-direction:column;min-height:100vh;font-size:1rem;transition:background .3s,color .3s;display:flex}nav{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0b0b0ff2;justify-content:space-between;align-items:center;gap:1rem;height:66px;padding:0 2.5rem;display:flex;position:sticky;top:0}body.light nav{background:#f2ede4f7}.logo{font-family:var(--serif);color:var(--gold);letter-spacing:.02em;flex-shrink:0;font-size:1.5rem;font-style:italic;text-decoration:none;transition:opacity .18s}.logo:hover{opacity:.8}.logo span{color:var(--white);font-style:normal;font-weight:900}.nav-center{flex:1;justify-content:center;align-items:center;gap:.25rem;display:flex}.genre-tab{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:.38rem 1rem;font-size:.82rem;transition:all .18s}.genre-tab:hover{color:var(--white);border-color:var(--border)}.genre-tab.active{color:var(--gold);border-color:var(--gold);background:var(--gold-dim)}.nav-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.nav-icon-btn{font-family:var(--cond);letter-spacing:.08em;border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;padding:.38rem .9rem;font-size:.82rem;transition:all .18s}.nav-icon-btn:hover{color:var(--white);border-color:#c9a84c66}.watchlist-btn{color:var(--gold);border-color:#c9a84c4d}.nav-about{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:2px;padding:.38rem .9rem;font-size:.82rem;text-decoration:none;transition:all .18s}.nav-about:hover{color:var(--white);border-color:var(--border)}.nav-about.active{color:var(--gold)}.nav-back{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:2px;padding:.4rem 1rem;font-size:.78rem;text-decoration:none;transition:all .18s}.nav-back:hover{border-color:var(--gold);color:var(--gold)}.nav-links{gap:1.75rem;list-style:none;display:flex}.nav-links a{font-family:var(--cond);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:.8rem;text-decoration:none;transition:color .18s}.nav-links a:hover,.nav-links a.active{color:var(--gold)}.hero{border-bottom:1px solid var(--border);align-items:flex-end;min-height:520px;padding:0 3rem 3.5rem;display:flex;position:relative;overflow:hidden}.hero-backdrop{filter:blur(2px)brightness(.32);background-position:50% 20%;background-size:cover;transition:background-image .6s;position:absolute;inset:0;transform:scale(1.05)}.hero-overlay{background:linear-gradient(#0000 0%,#0b0b0f59 40%,#0b0b0ffa 100%);position:absolute;inset:0}.hero-content{z-index:1;max-width:680px;position:relative}.hero-eyebrow{font-family:var(--cond);letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:.85rem;font-size:.82rem}.hero-title{font-family:var(--serif);letter-spacing:-.02em;color:#f0ede6;margin-bottom:1rem;font-size:clamp(2.6rem,5vw,4.6rem);font-weight:900;line-height:1.05}.hero-title em{color:var(--gold);font-style:italic;font-weight:400}.hero-sub{color:#f0ede69e;max-width:460px;margin-bottom:1.5rem;font-size:1rem;font-weight:300;line-height:1.75}.hero-actions{gap:.75rem;margin-bottom:1.75rem;display:flex}.btn-hero-primary{font-family:var(--cond);letter-spacing:.14em;text-transform:uppercase;background:var(--gold);border:1px solid var(--gold);color:#0b0b0f;cursor:pointer;border-radius:2px;padding:.75rem 1.65rem;font-size:.82rem;font-weight:700;transition:all .18s}.btn-hero-primary:hover{color:var(--gold);background:0 0}.btn-hero-ghost{font-family:var(--cond);letter-spacing:.14em;text-transform:uppercase;color:#f0ede6e0;cursor:pointer;background:#f0ede61a;border:1px solid #f0ede640;border-radius:2px;padding:.75rem 1.65rem;font-size:.82rem;transition:all .18s}.btn-hero-ghost:hover{background:#f0ede62e}.btn-hero-ghost.in-watchlist{color:var(--gold);border-color:var(--gold);background:var(--gold-dim)}.hero-dots{gap:.5rem;display:flex}.hero-dot{cursor:pointer;background:#f0ede640;border:none;border-radius:2px;width:24px;height:3px;padding:0;transition:all .2s}.hero-dot.active{background:var(--gold);width:36px}.search-bar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:.75rem;padding:1.25rem 3rem;display:flex}.search-input-wrap{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--muted);pointer-events:none;font-size:1rem;line-height:1;position:absolute;left:1rem}.search-input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--white);font-family:var(--sans);border-radius:2px;outline:none;padding:.75rem 2.75rem;font-size:.95rem;font-weight:300;transition:border-color .18s}.search-input::placeholder{color:#f0ede640}.search-input:focus{border-color:#c9a84c80}.search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.82rem;line-height:1;transition:color .18s;display:none;position:absolute;right:.85rem}.search-clear:hover{color:var(--white)}.search-clear.visible{display:block}.search-submit{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;background:var(--gold);border:1px solid var(--gold);color:#0b0b0f;cursor:pointer;white-space:nowrap;border-radius:2px;padding:.75rem 1.85rem;font-size:.82rem;font-weight:600;transition:all .18s}.search-submit:hover{color:var(--gold);background:0 0}.search-submit:disabled{opacity:.5;cursor:not-allowed}.controls-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.1rem 3rem;display:flex}.results-count{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.85rem}.results-count strong{color:var(--gold);font-weight:600}.sort-row{align-items:center;gap:.6rem;display:flex}.sort-label{font-family:var(--cond);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.sort-btn{font-family:var(--cond);letter-spacing:.1em;text-transform:uppercase;background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:2px;padding:.42rem 1rem;font-size:.8rem;transition:all .18s}.sort-btn:hover{color:var(--white);border-color:#c9a84c66}.sort-btn.active{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}main{flex:1;padding:2.5rem 3rem}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.5rem;display:grid}.movie-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:6px;transition:transform .22s,border-color .22s,box-shadow .22s;animation:.35s both cardIn;overflow:hidden}.movie-card:hover{border-color:#c9a84c66;transform:translateY(-6px);box-shadow:0 16px 40px #00000073}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card-poster{aspect-ratio:2/3;width:100%;position:relative;overflow:hidden}.card-poster-img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .4s;display:block}.movie-card:hover .card-poster-img{transform:scale(1.04)}.card-poster-fallback{background:var(--surface);width:100%;height:100%;font-family:var(--serif);color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:1rem;font-style:italic;display:flex}.card-poster-overlay{background:linear-gradient(#0000 45%,#1a1a24f2 100%);position:absolute;inset:0}.card-rating{border:1px solid var(--gold);color:var(--gold);font-family:var(--cond);letter-spacing:.05em;background:#000000c7;border-radius:2px;padding:.18rem .45rem;font-size:.75rem;font-weight:600;position:absolute;top:.6rem;right:.6rem}.card-genre-badge{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:#c9a84c26;border:1px solid #c9a84c4d;border-radius:2px;padding:.18rem .55rem;font-size:.68rem;position:absolute;bottom:.6rem;left:.6rem}.card-watchlist-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;z-index:2;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;transition:all .18s;display:flex;position:absolute;bottom:.6rem;right:.6rem}.card-watchlist-btn:hover,.card-watchlist-btn.saved{color:var(--gold);border-color:var(--gold);background:#c9a84c26}.card-body{padding:1rem 1rem 1.1rem}.card-year{font-family:var(--cond);letter-spacing:.15em;color:var(--muted);margin-bottom:.25rem;font-size:.75rem}.card-title{font-family:var(--serif);color:var(--white);margin-bottom:.5rem;font-size:1.05rem;font-weight:700;line-height:1.25}.card-desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.84rem;font-weight:300;line-height:1.65;display:-webkit-box;overflow:hidden}.card-director{font-family:var(--cond);letter-spacing:.1em;text-transform:uppercase;color:#f0ede647;margin-top:.65rem;font-size:.7rem}.card-director span{color:#f0ede685}.omdb-badge{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;color:#0b0b0f;background:#c9a84ceb;border-radius:2px;padding:.15rem .48rem;font-size:.62rem;font-weight:700;position:absolute;top:.6rem;left:.6rem}.search-status{text-align:center;font-family:var(--serif);color:var(--muted);padding:4rem 2rem;font-size:1.1rem;font-style:italic}.search-status strong{font-family:var(--sans);color:var(--white);margin-bottom:.5rem;font-size:1.45rem;font-style:normal;display:block}.search-spinner{border:2px solid #c9a84c33;border-top-color:var(--gold);border-radius:50%;width:30px;height:30px;margin-bottom:1rem;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:500;opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;padding:2rem;transition:opacity .25s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:250px 1fr;width:100%;max-width:840px;max-height:88vh;transition:transform .25s;display:grid;position:relative;overflow:hidden;transform:translateY(20px)}.modal-overlay.open .modal{transform:translateY(0)}.modal-close{z-index:10;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .18s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--white);background:#000c}.modal-poster-col{flex-direction:column;display:flex}.modal-poster-img{aspect-ratio:2/3;object-fit:cover;object-position:center top;width:100%;display:block}.modal-poster-fallback{aspect-ratio:2/3;background:var(--card);width:100%;font-family:var(--serif);color:var(--muted);text-align:center;justify-content:center;align-items:center;padding:1rem;font-size:.95rem;font-style:italic;display:flex}.modal-watchlist-btn{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;background:var(--gold-dim);border:none;border-top:1px solid var(--border);color:var(--gold);cursor:pointer;padding:.9rem;font-size:.78rem;font-weight:600;transition:all .18s}.modal-watchlist-btn:hover{background:#c9a84c40}.modal-watchlist-btn.saved{background:var(--gold);color:#0b0b0f}.modal-info-col{flex-direction:column;gap:1rem;padding:2rem 1.85rem 1.85rem;display:flex;overflow-y:auto}.modal-badges{flex-wrap:wrap;gap:.5rem;display:flex}.modal-badge{font-family:var(--cond);letter-spacing:.12em;text-transform:uppercase;border-radius:2px;padding:.22rem .65rem;font-size:.68rem}.badge-genre{background:var(--gold-dim);color:var(--gold);border:1px solid #c9a84c4d}.badge-omdb{color:#0b0b0f;background:#c9a84ce6;font-weight:700}.modal-title{font-family:var(--serif);color:var(--white);font-size:1.8rem;font-weight:900;line-height:1.15}.modal-meta{font-family:var(--cond);letter-spacing:.1em;color:var(--muted);flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.modal-plot{color:#f0ede6b8;font-size:.92rem;font-weight:300;line-height:1.8}.modal-details{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.modal-detail-label{font-family:var(--cond);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem;font-size:.68rem}.modal-detail-value{color:var(--white);font-size:.88rem;line-height:1.45}.modal-ratings{flex-wrap:wrap;gap:.75rem;display:flex}.modal-rating-pill{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:4px;padding:.55rem .9rem}.modal-rating-source{font-family:var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.15rem;font-size:.62rem}.modal-rating-value{font-family:var(--serif);color:var(--gold);font-size:1.15rem;font-weight:700}.modal-trailer-btn{font-family:var(--cond);letter-spacing:.14em;text-transform:uppercase;color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:2px;align-self:flex-start;margin-top:auto;padding:.75rem 1.5rem;font-size:.78rem;text-decoration:none;transition:background .18s;display:inline-block}.watchlist-backdrop{z-index:299;opacity:0;pointer-events:none;background:#00000080;transition:opacity .25s;position:fixed;inset:0}.watchlist-backdrop.open{opacity:1;pointer-events:all}.watchlist-panel{z-index:300;background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:340px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.watchlist-panel.open{transform:translate(0)}.watchlist-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.watchlist-header h3{font-family:var(--serif);color:var(--gold);font-size:1.15rem}.watchlist-header button{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.05rem;transition:color .18s}.watchlist-header button:hover{color:var(--white)}.watchlist-body{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.watchlist-empty{text-align:center;font-family:var(--serif);color:var(--muted);padding:3rem 1rem;font-size:1rem;font-style:italic}.watchlist-item{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:4px;align-items:flex-start;gap:.85rem;padding:.65rem;transition:border-color .18s;display:flex}.watchlist-item:hover{border-color:#c9a84c59}.watchlist-item-thumb{object-fit:cover;background:var(--bg);border-radius:2px;flex-shrink:0;width:46px;height:64px}.watchlist-item-info{flex:1;min-width:0}.watchlist-item-title{font-family:var(--serif);color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.watchlist-item-year{font-family:var(--cond);color:var(--muted);letter-spacing:.1em;margin-top:.15rem;font-size:.7rem}.watchlist-item-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.2rem;font-size:.8rem;transition:color .18s}.watchlist-item-remove:hover{color:#c0392b}footer{background:var(--surface);border-top:1px solid var(--border);margin-top:auto}.footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:3rem;padding:3.5rem 3rem 3rem;display:grid}.footer-brand .logo{margin-bottom:1rem;display:block}.footer-brand p{color:var(--muted);max-width:280px;font-size:.9rem;font-weight:300;line-height:1.75}.footer-col h4{font-family:var(--cond);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.25rem;font-size:.78rem}.footer-col ul{list-style:none}.footer-col ul li a{color:var(--muted);font-size:.9rem;font-weight:300;text-decoration:none;transition:color .18s}.footer-col ul li a:hover{color:var(--white)}.footer-bottom{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 3rem;display:flex}.footer-bottom p{font-family:var(--cond);letter-spacing:.1em;color:#f0ede638;text-transform:uppercase;font-size:.75rem}.footer-tagline{font-family:var(--serif);color:#c9a84c73;font-size:.9rem;font-style:italic}:root{--gutter:clamp(1rem, 3.4vw, 5rem);--space-section:clamp(3.5rem, 7vw, 7rem);--space-component:clamp(1.5rem, 3vw, 3rem);--muted:#b2b0b8;--border:#f0ede629;--ink-on-gold:#0b0b0f;--gold-fill:#c9a84c;--focus:#e2c773;--radius-control:2px}body.light{--muted:#59545e;--gold:#806019;--gold-dim:#8060191a;--focus:#725211}.btn-hero-primary,.search-submit,.modal-watchlist-btn.saved{background:var(--gold-fill);color:var(--ink-on-gold)}body.light .nav-icon-btn,body.light .watchlist-header button{color:var(--muted)}body.light .watchlist-btn{color:var(--gold)}button,select,input{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{border-radius:var(--radius-control)}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.search-input:focus-visible{outline:2px solid var(--focus)}main:focus{outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;color:var(--ink-on-gold);background:var(--focus);padding:.85rem;position:fixed;top:.5rem;left:1rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.navbar{padding-inline:var(--gutter);height:76px}.navbar .logo{align-items:center;min-height:44px;display:inline-flex}.nav-icon-btn,.genre-tab,.nav-about{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.nav-icon-btn{min-width:44px}.genre-tab,.nav-about{padding-inline:.8rem}.menu-toggle{display:none}.project-banner{padding:.35rem var(--gutter);color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;font-size:.76rem;display:flex}.project-banner a{color:var(--gold);text-underline-offset:4px;flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.home-main{padding:0}.hero{--gold:#c9a84c;--focus:#e2c773;padding:3rem var(--gutter) 2rem;background:#0b0b0f;align-items:center;min-height:min(670px,78vh)}.hero-content{max-width:800px}.hero-title{max-width:750px;font-size:clamp(2.5rem,4.8vw,5rem)}.hero-film-meta{font-family:var(--cond);color:#e2c773;letter-spacing:.08em;gap:.65rem;margin-bottom:1rem;display:flex}.hero-sub{color:#c7c5ce;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:580px;font-weight:400;display:-webkit-box;overflow:hidden}body.light .hero-title{color:#f0ede6}body.light .hero-sub{color:#c7c5ce}.hero-empty{min-height:540px}.hero-empty .hero-sub{display:block}.hero-empty a{text-decoration:none;display:inline-flex}.hero-actions{flex-wrap:wrap;margin-bottom:.75rem}.hero-carousel-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hero-dots{gap:.15rem}.hero-dot,.hero-dot.active,body.light .hero-dot{background:0 0;border:0;align-items:center;width:44px;height:44px;padding:0 6px;display:grid}.hero-dot span{background:#707077;border-radius:1px;width:100%;height:3px}.hero-dot.active span{background:var(--gold)}body.light .hero-dot.active{background:0 0}.carousel-play{color:#c7c5ce;min-height:44px;font-family:var(--cond);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;padding:.5rem;font-size:.85rem}.collection-intro{padding:var(--space-component) var(--gutter) 1.5rem;justify-content:space-between;align-items:end;gap:2rem;display:flex}.section-label{color:var(--gold);font-family:var(--cond);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.85rem;font-size:.85rem}.collection-intro h1,.collection-intro h2{font-family:var(--serif);font-size:clamp(1.65rem,2.4vw,2.5rem);font-weight:700;line-height:1.2}.collection-intro>p{color:var(--muted);max-width:370px;font-size:.9rem;line-height:1.6}.search-bar,.controls-bar{padding-inline:var(--gutter)}.search-bar{border-top:1px solid var(--border)}.search-input,.search-submit{min-height:48px;font-size:1rem}.search-input{padding-left:2.5rem;padding-right:3rem;font-weight:400}.search-input::placeholder,body.light .search-input::placeholder{color:var(--muted);opacity:1}.search-input::-webkit-search-cancel-button{-webkit-appearance:none}.search-clear{width:44px;height:44px;right:.15rem}.sort-btn{min-height:44px;font-size:.9rem}.sort-btn option{color:var(--white);background:var(--surface)}.sort-row{flex-wrap:nowrap}.grid-wrap{padding:2rem var(--gutter) 3rem;min-height:20rem}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:clamp(1rem,1.8vw,2rem)}.movie-card{cursor:default;animation:none;position:relative}.movie-card:hover{transform:translateY(-3px)}.movie-card:focus-within{border-color:var(--gold)}.card-detail-trigger{font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;text-align:left;line-height:inherit;cursor:pointer;background:0 0;border:0;padding:0}.card-detail-trigger:after{content:"";z-index:1;position:absolute;inset:0}.card-detail-trigger:focus-visible{outline:none}.movie-card:has(.card-detail-trigger:focus-visible){outline:2px solid var(--focus);outline-offset:4px}.card-watchlist-btn{z-index:2;color:#e5e0d5;background:#0b0b0fe6;border-color:#787276;width:44px;height:44px}.card-watchlist-btn.saved{color:#e2c773;background:#242018;border-color:#e2c773}.card-rating{color:#e2c773;border-color:#c9a84c}.card-genre-badge{color:#e2c773;background:#0b0b0fe0;border-color:#80734b;max-width:calc(100% - 75px)}.card-desc,body.light .card-desc{color:var(--muted);font-size:.94rem;font-weight:400}.card-director,.card-director span,body.light .card-director,body.light .card-director span{color:var(--muted);font-size:.78rem}.data-warning{padding:1rem var(--gutter);background:var(--gold-dim);justify-content:space-between;align-items:center;gap:1rem;font-size:.94rem;display:flex}.search-status{font-style:normal;font-family:var(--sans);padding:3rem 1rem}.search-status p{margin-block:1rem;line-height:1.65}.pagination{padding:0 var(--gutter) 3rem;justify-content:center;align-items:center;gap:1rem;display:flex}.pagination p{color:var(--muted);font-size:.9rem}.skeleton-card{border:1px solid var(--border);background:var(--card);border-radius:6px;overflow:hidden}.skeleton-card div{aspect-ratio:2/3;background:var(--surface)}.skeleton-card span{background:var(--surface);width:70%;height:1rem;margin:1rem;display:block}.film-dialog{width:min(900px,100% - 3rem);max-width:none;max-height:88dvh;color:var(--white);grid-template-columns:260px minmax(0,1fr);margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto;transform:none;box-shadow:0 24px 100px #0006}.film-dialog:not([open]),.watchlist-panel:not([open]){display:none}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d1}.modal-info-col{gap:1.2rem;padding:3rem 2rem 2rem;overflow:visible}.modal-title{padding-right:1.5rem;font-size:clamp(1.7rem,2.6vw,2.5rem)}.modal-close{width:44px;height:44px;color:var(--white);background:var(--card);border-radius:50%;top:.65rem;right:.65rem}.modal-plot,body.light .modal-plot{color:var(--muted);font-size:1rem;font-weight:400;line-height:1.7}.modal-badge,.modal-detail-label,.modal-rating-source{font-size:.8rem}.modal-detail-value{font-size:.96rem}.modal-meta{font-size:.94rem}.modal-watchlist-btn{border:1px solid var(--gold);min-height:46px;padding-inline:1rem;font-size:.87rem}.film-actions{flex-wrap:wrap;gap:.75rem;display:flex}.modal-trailer-btn{color:var(--white);border:1px solid var(--border);background:0 0;min-height:46px;margin-top:0;padding:.8rem 1rem;font-size:.87rem}.modal-trailer-btn:hover{background:var(--card)}.poster-credit,.data-source-note{color:var(--muted);padding:1rem;font-size:.8rem;line-height:1.5}.data-source-note{padding:0}.detail-status{color:var(--muted);font-size:.9rem}.detail-status button{margin-top:.5rem}.watchlist-panel{width:min(420px,94vw);max-width:none;height:100dvh;max-height:100dvh;color:var(--white);border:0;border-left:1px solid var(--border);margin:0;padding:0;inset:0 0 0 auto}.watchlist-header h2{font-family:var(--serif);color:var(--gold);font-size:1.4rem}.watchlist-header button,.watchlist-item-remove{min-width:44px;min-height:44px}.watchlist-note{color:var(--muted);padding:1rem 1.5rem 0;font-size:.85rem;line-height:1.5}.watchlist-item{cursor:default;align-items:center;gap:.2rem}.watchlist-film-trigger{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:.8rem;min-width:0;display:flex}.watchlist-item-title,.watchlist-item-year{display:block}.watchlist-item-title{white-space:normal;line-height:1.4}.watchlist-item-year{font-size:.85rem}.watchlist-item-remove{color:var(--muted)}.watchlist-empty{font-family:var(--sans);padding:2rem .5rem;font-style:normal}.empty-star{color:var(--gold);margin-bottom:1rem;font-size:3rem;display:block}.watchlist-empty h3{font-family:var(--serif);color:var(--white);font-size:1.4rem}.watchlist-empty p{margin-block:1rem 1.5rem;line-height:1.65}.footer-main{padding:3rem var(--gutter)}.footer-col h2{font-family:var(--cond);letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;font-size:.9rem}.footer-col ul li{margin-bottom:.1rem}.footer-col ul li a{align-items:center;min-height:44px;display:inline-flex}.footer-bottom{padding-inline:var(--gutter)}.footer-bottom p,body.light .footer-bottom p{color:var(--muted);font-size:.8rem}.footer-bottom a{color:var(--gold);text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}.footer-brand .logo{min-height:44px}.case-main{padding:0}.case-hero{padding:var(--space-section) var(--gutter) var(--space-component);background:var(--surface);border-bottom:1px solid var(--border)}.case-hero h1{font-family:var(--serif);letter-spacing:-.025em;max-width:1100px;font-size:clamp(2.6rem,5.8vw,6rem);line-height:1.08}.case-hero em,.case-cta em{color:var(--gold);font-weight:400}.case-lead{color:var(--muted);max-width:730px;margin-block:2rem;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.75}.case-hero .btn-hero-primary,.case-cta .btn-hero-primary{align-items:center;min-height:48px;text-decoration:none;display:inline-flex}.project-facts{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem;padding-block:2rem 1rem;display:grid}.project-facts dt{color:var(--gold);font-family:var(--cond);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.65rem;font-size:.85rem}.project-facts dd{color:var(--muted);line-height:1.5}.case-section{padding:var(--space-section) var(--gutter);border-bottom:1px solid var(--border);scroll-margin-top:90px}.case-section h2,.case-cta h2{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:2rem;font-size:clamp(2rem,3.7vw,4rem);line-height:1.2}.case-section p{color:var(--muted);max-width:760px;font-size:1.05rem;line-height:1.8}.case-section p+p{margin-top:1.25rem}.case-overview{grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,7rem);display:grid}.journey{gap:var(--space-component);grid-template-columns:repeat(3,1fr);margin-top:3rem;list-style:none;display:grid}.journey li{border-top:1px solid var(--gold);padding-top:1.5rem}.journey li>span{color:var(--gold);font-family:var(--cond);font-size:1.2rem}.journey h3,.decision-list h3{font-family:var(--serif);margin-block:1rem;font-size:1.5rem}.decision-list{margin-top:3rem}.decision-list article{border-top:1px solid var(--border);grid-template-columns:.2fr 1fr;gap:2rem;padding-block:2rem;display:grid}.decision-list article>span{color:var(--gold);font-family:var(--serif);font-size:2rem}.decision-list h3{margin-top:0}.engineering-list{margin-block:1.75rem;list-style:none}.engineering-list li{border-top:1px solid var(--border);color:var(--muted);padding-block:1rem;font-size:1rem;line-height:1.75}.engineering-list strong{color:var(--white)}.case-source{min-height:44px;color:var(--gold);text-underline-offset:5px;align-items:center;margin-top:1rem;display:inline-flex}.case-cta{background:var(--surface);padding:var(--space-section) var(--gutter)}.not-found{min-height:70vh;padding:var(--space-section) var(--gutter)}.not-found a{color:var(--gold)}#discovery{scroll-margin-top:76px}@media (width<=1050px){.navbar{gap:.5rem}.genre-tab,.nav-about{padding-inline:.55rem}}@media (width<=900px){.navbar{height:68px}.menu-toggle{order:2;margin-left:auto;display:inline-flex}.nav-right{order:1;gap:.35rem;margin-left:auto}.nav-center{display:none}.nav-center.menu-open{background:var(--surface);padding:1rem var(--gutter);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:start;align-items:stretch;gap:.5rem;display:flex;position:absolute;top:100%;left:0;right:0}.nav-center.menu-open>*{flex:1 0 28%}.project-banner{font-size:.72rem}.hero{min-height:540px}.film-dialog{grid-template-columns:1fr;width:min(680px,100% - 2rem)}.modal-poster-col{display:none}.modal-info-col{padding:3.2rem 1.5rem 1.5rem}.collection-intro{flex-direction:column;align-items:start;gap:1rem}.collection-intro>p{max-width:600px}.project-facts{grid-template-columns:1fr 1fr}.case-overview{grid-template-columns:1fr;gap:1rem}}@media (width<=600px){.logo{font-size:1.3rem}.nav-icon-btn{padding-inline:.55rem}.project-banner{flex-direction:column;align-items:start;gap:.15rem}.project-banner a{align-self:start}.hero{min-height:520px;padding-block:2rem}.hero-title{overflow-wrap:break-word;font-size:clamp(2.35rem,9vw,3.6rem)}.hero-sub{-webkit-line-clamp:3;font-size:1rem;line-height:1.65}.hero-film-meta{flex-wrap:wrap;font-size:.88rem}.hero-actions>button{flex:1;padding-inline:.7rem}.search-bar{gap:.5rem;padding-block:1rem}.search-input{padding-left:2rem;font-size:.94rem}.search-icon{left:.6rem}.search-submit{padding-inline:.75rem;font-size:.85rem}.controls-bar{flex-wrap:wrap;gap:1rem;padding-block:1rem}.sort-row{flex:1;justify-content:end}.sort-label{white-space:nowrap;font-size:.75rem}.sort-btn{padding-inline:.6rem;font-size:.82rem}.results-count{font-size:.8rem}.grid-wrap{padding-top:1rem}.movies-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.card-poster{aspect-ratio:2/3}.card-poster-img{object-fit:cover;background:#111116}.card-title{overflow-wrap:break-word;font-size:1rem;line-height:1.35}.card-body{padding:.8rem .7rem}.card-desc,.card-director{display:none}.card-genre-badge{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 62px);padding:.2rem .35rem;font-size:.63rem;bottom:.5rem;left:.4rem;overflow:hidden}.card-watchlist-btn{bottom:.4rem;right:.4rem}.movie-card:hover{transform:none}.data-warning{flex-direction:column;align-items:start}.pagination{flex-wrap:wrap;gap:.75rem}.pagination p{text-align:center;flex-basis:100%;order:-1}.film-dialog{width:calc(100% - 1rem);max-height:94dvh}.modal-info-col{padding-inline:1.1rem}.modal-details{grid-template-columns:1fr}.film-actions>*{text-align:center;white-space:nowrap;flex:1}.film-actions{gap:.5rem}.footer-main{grid-template-columns:1fr 1fr;gap:2rem 1rem}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:none}.project-facts{gap:1.5rem 1rem;margin-top:3rem}.project-facts dd{font-size:.9rem}.journey{grid-template-columns:1fr}.decision-list article{grid-template-columns:2.5rem 1fr;gap:1rem}.case-section p{font-size:1rem}}@media (width>=1920px){.movies-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.hero{min-height:700px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}