:root{--black:#090909;--yellow:#ffc400;--white:#f5f3ee;--pad:clamp(22px,4vw,72px)}
*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Inter,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.cat-header{height:92px;padding:26px var(--pad);display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:10}.cat-logo{display:flex;flex-direction:column;line-height:1}.cat-logo strong{font:800 22px/1 Manrope,Inter,sans-serif;letter-spacing:.16em}.cat-logo span{font-size:8px;letter-spacing:.46em;margin-top:7px}.cat-logo i{display:block;width:34px;height:3px;background:var(--yellow);margin-top:9px}.back-link{font-size:10px;font-weight:700;letter-spacing:.08em;border-bottom:2px solid var(--yellow);padding:5px 0}.cat-hero{padding:70px var(--pad) 42px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.eyebrow{font-size:10px;color:var(--yellow);letter-spacing:.14em;font-weight:700;margin:0 0 18px}.cat-hero h1{font:700 clamp(58px,8vw,132px)/.86 Manrope,Inter,sans-serif;letter-spacing:-.075em;margin:0;text-transform:uppercase;max-width:1200px}.cat-hero p{max-width:340px;color:#999;line-height:1.55;font-size:13px;margin:0 0 6px}.film-grid{padding:34px var(--pad) 100px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;min-height:50vh}.film-card{position:relative;aspect-ratio:9/16;background:#121212;overflow:hidden;border-radius:7px;cursor:pointer}.film-card video{width:100%;height:100%;object-fit:cover;display:block;background:#111}.film-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.46),transparent 38%);pointer-events:none}.film-number{position:absolute;z-index:2;left:14px;bottom:14px;font-size:9px;letter-spacing:.1em;color:#fff}.film-number b{color:var(--yellow);margin-right:7px}.empty{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding:28px 0;color:#888;font-size:13px;line-height:1.6}.empty code{color:#fff}.film-modal{position:fixed;inset:0;background:rgba(0,0,0,.96);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.2s;padding:24px}.film-modal.open{opacity:1;visibility:visible}.film-modal video{max-width:94vw;max-height:92svh;background:#000}.film-close{position:absolute;top:18px;right:22px;border:0;background:none;color:#fff;font-size:42px;line-height:1;cursor:pointer}.cat-footer{border-top:1px solid rgba(255,255,255,.12);padding:28px var(--pad) 42px;color:#777;font-size:9px;display:flex;justify-content:space-between}.loading{grid-column:1/-1;color:#666;font-size:11px;letter-spacing:.08em;padding:20px 0}
@media(max-width:1100px){.film-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.cat-hero{grid-template-columns:1fr;padding-top:42px}.cat-hero p{max-width:520px}.film-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.cat-header{height:78px;padding-top:20px}.cat-hero{padding-top:34px}.cat-hero h1{font-size:clamp(46px,14vw,72px)}.film-grid{grid-template-columns:1fr;gap:16px}.film-card{aspect-ratio:9/16}.cat-footer{flex-direction:column;gap:12px}}