/* ZAI Films collection directory */
.browse-main{padding-top:84px;min-height:100vh}
.browse-lead{position:relative;isolation:isolate;padding:125px clamp(24px,7.6vw,140px) 80px;overflow:hidden;border-bottom:1px solid #ffffff20}
.browse-lead:before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/cimmerian-wide.webp') center 41%/cover no-repeat;opacity:.38;filter:saturate(.45)}
.browse-lead:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#070809 5%,#070809ce 56%,#07080952 100%),linear-gradient(0deg,#070809,transparent)}
.browse-lead h1{font-size:clamp(52px,7.5vw,112px);letter-spacing:-.075em;line-height:1;margin:14px 0 18px}
.browse-lead h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}
.browse-lead>p:last-child{font-size:15px;line-height:1.8;color:#cec9c3;max-width:550px}
.library{max-width:1650px;margin:auto;padding:62px clamp(24px,7.6vw,140px) 120px}
.library-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}
.library-top h2{font-size:clamp(26px,3vw,42px);letter-spacing:-.045em;margin:7px 0}
.library-count{color:#aaa39c;font-size:12px;white-space:nowrap}
.library-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:36px}
.library-filters{display:flex;gap:8px;flex-wrap:wrap}
.filter-pill{border:1px solid #ffffff39;background:#141517;color:#d8d4d0;padding:11px 18px;font-weight:800;font-size:11px;letter-spacing:.035em;transition:all .18s}
.filter-pill:hover{border-color:#f58216aa;color:white}.filter-pill.selected{background:var(--orange);border-color:var(--orange);color:#111}
.library-search-wrap{display:flex;align-items:center;gap:10px;border:1px solid #ffffff40;padding:0 14px;min-height:43px;min-width:min(100%,280px)}
.library-search-wrap svg{width:17px;height:17px;stroke:#ed9e5e;fill:none;stroke-width:2}.library-search-wrap input{width:100%;min-width:0;background:none;color:#fff;border:0;outline:0;font-size:12px}
.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px;align-items:start}
.library-card{display:block;min-width:0;text-decoration:none;transition:transform .2s}
.library-card:hover{transform:translateY(-5px)}
.library-art{position:relative;aspect-ratio:4/5;background:#161516;overflow:hidden;border:1px solid #ffffff2c;box-shadow:0 15px 30px #0008}
.library-card:hover .library-art{border-color:#f58216ad}
.library-art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s,filter .45s}
.library-card:hover .library-art img{transform:scale(1.06);filter:brightness(.75)}
.library-art .status{position:absolute;left:12px;top:12px;background:#070809e8;border:1px solid #f5821680;color:#ff973d;font-size:9px;font-weight:800;letter-spacing:.11em;padding:8px}
.library-art .library-cta{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s;background:#0505051e;font-size:11px;font-weight:800;letter-spacing:.08em}
.library-art .library-cta b{padding:15px;background:#f58216;color:#090909}
.library-card:hover .library-cta,.library-card:focus-visible .library-cta{opacity:1}
.library-card h3{font-size:17px;line-height:1.35;letter-spacing:-.025em;margin:14px 0 6px}
.library-card p{font-size:11px;color:#aaa8a4;margin:0}
.library-card p span{color:#f58216;padding:0 4px}
.library-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at 65% 35%,#58332d,#161316 60%,#08080b);font-size:clamp(32px,4vw,72px);font-weight:800;letter-spacing:-.08em;color:#d8bda54a}
.library-empty{border:1px solid #ffffff24;padding:50px 24px;color:#bdb6af;text-align:center;font-size:14px}
.library-note{border-top:1px solid #ffffff28;margin-top:55px;padding-top:27px;display:flex;gap:13px;align-items:start;color:#a9a39e;font-size:12px;line-height:1.8}
.library-note b{color:#f58216;font-size:16px}
@media(max-width:1100px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.browse-main{padding-top:72px}.browse-lead{padding:110px 24px 70px}.library{padding:50px 24px 100px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-top{align-items:start}}
@media(max-width:500px){.browse-lead h1{font-size:53px}.browse-lead>p:last-child{font-size:13px}.library{padding:45px 18px 90px}.library-grid{gap:23px 13px}.library-card h3{font-size:14px}.library-art .status{font-size:7px;padding:6px;left:7px;top:7px}.library-tools{align-items:stretch}.library-search-wrap{width:100%}.filter-pill{padding:10px 11px;font-size:10px}.library-top h2{font-size:29px}}
@media(hover:none){.library-art .library-cta{display:none}}

.library-placeholder{display:grid;place-items:center;font-size:28px;font-weight:800;letter-spacing:.12em;color:#f58216;background:radial-gradient(circle at 70% 22%,rgba(245,130,22,.24),transparent 28%),linear-gradient(145deg,#16110f,#08090a)}