@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&family=Cormorant+Garamond:wght@400;500&display=swap";:root{--bg:#050505;--bg-fade:#0d0d0d;--text:#cccbd0;--muted:#9a9aa0;--border-soft:#717178;--font-display:"Cinzel", "Times New Roman", serif;--font-body:"Cormorant Garamond", Georgia, serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 20% 18%, #ffffff0a, transparent 36%), radial-gradient(circle at 82% 88%, #ffffff05, transparent 32%), linear-gradient(180deg, var(--bg-fade), var(--bg));font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3{font-family:var(--font-display);color:var(--text);font-weight:400}p{margin:0}.home-page,.discover-page{min-height:100vh}.home-page{place-items:center;padding:2rem;display:grid}.home-hero{grid-template-columns:minmax(300px,42%) minmax(320px,480px);justify-content:space-between;align-items:center;gap:clamp(1.5rem,4vw,4rem);width:min(1200px,100%);display:grid}.hero-ear{filter:saturate(.9)contrast(1.06);justify-self:center;width:min(100%,520px)}.hero-copy{justify-self:center;max-width:480px}.hero-copy h1{letter-spacing:.03em;margin:0;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.94}.hero-copy p{font-family:var(--font-body);color:var(--muted);margin:2.4rem 0;font-size:clamp(1.3rem,2.7vw,2.2rem)}.discover-link{font-family:var(--font-body);color:var(--text);border-bottom:1.5px solid var(--border-soft);padding:0 .25rem .2rem;font-size:2rem;text-decoration:none;transition:transform .18s,border-color .18s;display:inline-block}.discover-link:hover{border-bottom-color:var(--text);transform:translateY(-2px)}.discover-page{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.record-wrapper{pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none;width:clamp(520px,62vw,880px);position:fixed;bottom:0;left:50%;transform:translate(-50%)translateY(50%)}.record-img{filter:saturate(.8)contrast(1.1);width:100%;height:auto;transition:filter .5s,opacity .5s;display:block}.discover-page.is-initial .record-img{filter:saturate(.8)contrast(1.1)blur(14px);opacity:.55}.discover-page.is-initial .search-area{flex-direction:column;flex:1;justify-content:center;padding-bottom:4rem;display:flex}.discover-page.is-initial .search-form{gap:.7rem;min-width:min(1000px,96vw)}.discover-page.is-initial .search-hint{padding-left:.9rem;font-size:clamp(.95rem,1.2vw,1.2rem)}.discover-page.is-initial .search-input{border-radius:999px;padding:1.15rem 4.8rem 1.15rem 1.8rem;font-size:clamp(1.4rem,2.2vw,2rem)}.discover-page.is-initial .search-submit{right:1.2rem}.discover-page.is-initial .search-submit svg{width:30px;height:30px}.discover-page.is-active .search-hint{display:none}.discover-page.is-initial .results-strip{opacity:0;pointer-events:none;max-height:0;padding-top:0;padding-bottom:0}.results-strip{transition:opacity .35s}.discover-head{z-index:2;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:2rem;padding:2rem clamp(1.5rem,3vw,3rem) 0;display:flex;position:relative}.search-area{z-index:2;flex-shrink:0;padding:1.5rem clamp(1.5rem,3vw,3rem) 0;transition:flex .4s,padding .4s;position:relative}.home-link{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-size:clamp(1.5rem,2.2vw,2.4rem);text-decoration:none}.discover-head p{color:var(--muted);font-family:var(--font-body);text-align:right;font-size:clamp(1rem,1.4vw,1.4rem)}.search-form{flex-direction:column;gap:.55rem;max-width:760px;margin:0 auto .8rem;transition:max-width .4s;display:flex}.search-hint{color:var(--muted);font-family:var(--font-body);letter-spacing:.01em;padding-left:.4rem;font-size:clamp(.9rem,1.1vw,1.1rem);transition:font-size .4s,padding .4s}.search-input-wrap{position:relative}.search-input{font-family:var(--font-body);border:2px solid var(--border-soft);color:var(--text);background:#0f0f0fdb;border-radius:18px;width:100%;padding:.85rem 3.4rem .85rem 1.1rem;font-size:1.1rem;transition:font-size .4s,padding .4s,border-radius .4s,border-color .18s}.search-input:focus-visible{border-color:var(--text);outline:none}.search-submit{color:var(--muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:.4rem;transition:color .18s,right .4s;display:grid;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.search-submit:hover:not(:disabled){color:var(--text)}.search-submit:hover:not(:disabled) svg{transform:translate(3px)}.search-submit svg{transition:transform .18s;display:block}.search-submit-dots{font-family:var(--font-body);font-size:1.1rem;line-height:1}.search-submit:disabled{opacity:.75;cursor:wait}.result-meta{min-height:1.6rem;color:var(--muted);font-family:var(--font-body);letter-spacing:.01em;text-align:center;margin-top:.6rem;font-size:clamp(1.15rem,1.6vw,1.5rem)}.result-hint{color:var(--muted);font-family:var(--font-body);text-align:center;opacity:.8;margin-top:.2rem;font-size:clamp(.9rem,1.1vw,1.1rem);font-style:italic}.results-strip-wrap{z-index:2;flex:1;min-height:0;display:flex;position:relative}.results-strip{overflow-anchor:none;scrollbar-width:none;flex:1;align-items:flex-start;gap:1.25rem;padding:4.5rem clamp(1.5rem,3vw,3rem) 2rem;display:flex;overflow:auto hidden}.strip-nav{z-index:3;color:var(--muted);cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;place-items:center;padding:.3rem;transition:color .18s,transform .18s,opacity .22s;display:grid;position:absolute;top:.8rem}.strip-nav.is-visible{opacity:1;pointer-events:auto}.strip-nav:hover{color:var(--text)}.strip-nav-prev{left:clamp(1.5rem,3vw,3rem)}.strip-nav-prev:hover{transform:translate(-4px)}.strip-nav-next{right:clamp(1.5rem,3vw,3rem)}.strip-nav-next:hover{transform:translate(4px)}.strip-nav svg{display:block}.discover-page.is-initial .strip-nav{display:none}.results-strip::-webkit-scrollbar{display:none}.film-card,.poster-slot{flex-grow:0;flex-shrink:0;width:clamp(210px,19vw,310px);min-width:0}.poster-slot{aspect-ratio:2/3;border:1px solid var(--border-soft);background:#ffffff04;border-radius:12px}.film-card{color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;flex-direction:column;gap:.7rem;padding:0;display:flex}.poster-wrap{width:100%}.poster,.poster-placeholder{aspect-ratio:2/3;object-fit:cover;border:1px solid var(--border-soft);background:#1e1e1e;border-radius:12px;width:100%;transition:border-color .2s,transform .2s;display:block}.film-card:hover .poster,.film-card:hover .poster-placeholder,.film-card:focus-visible .poster,.film-card:focus-visible .poster-placeholder{border-color:var(--text);transform:translateY(-2px)}.film-card:focus-visible{outline:none}.film-title{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-family:var(--font-display);letter-spacing:.04em;color:var(--text);text-transform:uppercase;text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;min-height:2.4em;margin:0;padding:0 .35rem;font-size:clamp(.95rem,1.1vw,1.15rem);line-height:1.2;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:100;background:#000000c7;place-items:center;padding:2rem;animation:.18s ease-out modal-fade;display:grid;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-fade);border:1px solid var(--border-soft);border-radius:18px;width:100%;max-width:min(1120px,94vw);max-height:92vh;padding:3rem 3rem 2.6rem;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0009}.modal-close{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.1rem .55rem .25rem;font-size:1.9rem;line-height:1;transition:background .18s;position:absolute;top:.75rem;right:.85rem}.modal-close:hover{background:#ffffff14}.modal-body{grid-template-columns:clamp(240px,28vw,340px) 1fr;align-items:start;gap:2.4rem;display:grid}.modal-poster,.modal-poster-placeholder{aspect-ratio:2/3;object-fit:cover;background:#1e1e1e;border-radius:10px;width:100%}.modal-details h2{letter-spacing:.02em;margin:0 0 1.1rem;font-size:clamp(1.8rem,2.8vw,2.4rem);line-height:1.15}.modal-details p{color:var(--muted);font-family:var(--font-body);margin:.4rem 0;font-size:clamp(1.05rem,1.25vw,1.2rem);line-height:1.45}.modal-details strong{color:var(--text);font-weight:500}.modal-details .overview{margin-top:1.1rem;font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.55}@media (width<=900px){.home-hero{text-align:center;grid-template-columns:1fr}.hero-copy p{margin-top:1.4rem}.record-wrapper{width:480px}.discover-head{flex-direction:column;align-items:flex-start;gap:.5rem}.discover-head p{text-align:left}.modal-body{grid-template-columns:1fr;gap:1rem}.modal-poster,.modal-poster-placeholder{max-width:180px;margin:0 auto}}@media (width<=640px){.search-form{grid-template-columns:1fr}.search-button{width:100%}.record-wrapper{width:380px}}