/*
Theme Name: MKZ9+ Cinema
Theme URI: https://mkz9plus.online
Description: Cinematic video library theme for the KhaingMedia Suite video catalog.
Version: 1.0.0
Author: MKZ9+
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: mkz9plus
*/
:root{--ink:#090b13;--ink-soft:#0d101b;--panel:#131725;--panel-hi:#191f30;--line:rgba(227,236,255,.11);--paper:#f4f5f8;--muted:#99a1b5;--lime:#c5fa67;--mint:#81edc1;--blue:#8da9ff;--max:1280px;--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}body:before{position:fixed;inset:0;z-index:-1;content:"";pointer-events:none;background:radial-gradient(ellipse at 84% 2%,rgba(87,108,187,.14),transparent 36%),radial-gradient(ellipse at 0 60%,rgba(98,188,144,.06),transparent 33%)}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.container,.header-inner{width:min(var(--max),calc(100% - 56px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(9,11,19,.82);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:34px;min-height:82px}.brand{display:inline-flex;align-items:center;gap:11px;flex:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--lime);color:#11150b;font-weight:1000;font-size:1rem;letter-spacing:-.09em;transform:rotate(-4deg);box-shadow:0 0 30px rgba(197,250,103,.16)}.brand-word{font-weight:950;letter-spacing:-.075em;font-size:1.22rem}.brand-word em{font-style:normal;color:var(--lime)}.brand-sub{display:block;margin-top:-4px;color:var(--muted);font-size:.58rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700}.main-nav{display:flex;align-items:center;gap:26px;color:#bbc1d0;font-size:.86rem;font-weight:650}.main-nav a{transition:color .18s}.main-nav a:hover,.legal-nav a:hover,.view-all:hover{color:var(--lime)}.header-search{margin-left:auto;display:flex;align-items:center;gap:8px}.header-search input{width:min(245px,23vw);min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#111521;color:var(--paper);outline:0}.header-search input:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(197,250,103,.1)}.button,.hero-btn,.watch-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 17px;border:0;border-radius:999px;background:var(--lime);color:#11150b;font-weight:850;font-size:.84rem;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.button:hover,.hero-btn:hover,.watch-btn:hover{transform:translateY(-2px);background:#d7ff96;box-shadow:0 10px 28px rgba(197,250,103,.16)}.header-search .button{min-height:40px;padding-inline:16px}.ad-slot{max-width:var(--max);margin:0 auto}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;min-height:500px;margin:28px 0 24px;padding:54px clamp(28px,5vw,76px);overflow:hidden;border:1px solid rgba(214,226,255,.13);border-radius:28px;background:linear-gradient(110deg,#151a2a 0%,#121624 51%,#1b2340 100%);box-shadow:var(--shadow)}.hero:before{position:absolute;z-index:-1;content:"";width:580px;height:580px;left:-210px;bottom:-390px;border-radius:50%;border:1px solid rgba(197,250,103,.22);box-shadow:0 0 0 36px rgba(197,250,103,.035),0 0 0 76px rgba(197,250,103,.025)}.hero:after{position:absolute;z-index:-1;content:"";width:42%;height:150%;top:-20%;right:7%;transform:rotate(23deg);background:linear-gradient(90deg,transparent,rgba(141,169,255,.06),transparent);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:580px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--lime);font-size:.67rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase}.eyebrow:before{content:"";width:21px;height:1px;background:currentColor}.hero h1{max-width:660px;margin:18px 0 16px;font-size:clamp(3.35rem,7vw,6.55rem);line-height:.91;letter-spacing:-.085em;font-weight:900}.hero h1 em{color:var(--lime);font-style:normal}.hero p{max-width:430px;margin:0 0 28px;color:#b2bacd;font-size:1.02rem}.hero-actions{display:flex;align-items:center;gap:20px}.hero-link{color:#e4e8f0;font-size:.85rem;font-weight:700}.hero-link span{color:var(--lime);padding-left:6px}.hero-art{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;min-height:360px}.hero-poster{position:relative;width:min(340px,74%);aspect-ratio:4/5;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:22px;background:linear-gradient(145deg,#34456d,#101522);box-shadow:0 28px 70px rgba(0,0,0,.48);transform:rotate(4deg)}.hero-poster img{display:block;width:100%;height:100%;object-fit:cover;opacity:.86}.hero-poster:after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(7,10,18,.8),transparent 55%)}.hero-poster-title{position:absolute;z-index:1;right:18px;bottom:18px;left:18px;font-size:1.02rem;font-weight:850;line-height:1.25}.poster-orbit{position:absolute;width:300px;height:300px;top:25px;right:3%;border:1px solid rgba(197,250,103,.3);border-radius:50%;box-shadow:0 0 0 24px rgba(197,250,103,.035),0 0 0 60px rgba(197,250,103,.025)}.poster-stamp{position:absolute;z-index:3;top:14%;right:5%;display:grid;place-items:center;width:82px;height:82px;border:1px solid rgba(197,250,103,.56);border-radius:50%;background:var(--lime);color:#10140c;font-size:.63rem;font-weight:1000;letter-spacing:.12em;text-align:center;transform:rotate(12deg)}.hero-empty-art{position:relative;width:min(360px,75%);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(197,250,103,.27);border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(197,250,103,.23),rgba(88,115,195,.12) 43%,transparent 70%);box-shadow:0 0 0 24px rgba(197,250,103,.03),0 0 0 58px rgba(141,169,255,.025)}.hero-empty-art span{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--lime);color:#10140c;font-size:1.5rem;box-shadow:0 14px 40px rgba(197,250,103,.2)}.section{padding:38px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.section-head h2{margin:8px 0 0;font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:-.055em;line-height:1.1}.view-all{color:#c6ccda;font-size:.83rem;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:linear-gradient(155deg,#171c2b,#111521);transition:transform .22s,border-color .22s,box-shadow .22s}.card:hover{transform:translateY(-5px);border-color:rgba(197,250,103,.43);box-shadow:0 18px 38px rgba(0,0,0,.3)}.thumb-wrap{position:relative;display:block;overflow:hidden;background:#20263a}.thumb{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .45s}.card:hover .thumb{transform:scale(1.04)}.thumb-wrap:after{position:absolute;inset:45% 0 0;content:"";background:linear-gradient(0deg,rgba(5,7,12,.3),transparent);pointer-events:none}.duration{position:absolute;z-index:1;right:10px;bottom:10px;padding:4px 8px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(5,7,12,.8);color:#fff;font-size:.67rem;font-variant-numeric:tabular-nums}.card-body{padding:13px 14px 15px}.card-title{margin:0 0 9px;font-size:.9rem;line-height:1.38;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.74rem}.meta span+span:before{content:"·";margin-right:12px;color:#5c6478}.featured-strip{display:grid;grid-template-columns:1.07fr .93fr;min-height:255px;margin:28px 0 10px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(110deg,#171d2b,#10131e)}.featured-image{min-height:255px;background:#171b29}.featured-image img{display:block;width:100%;height:100%;object-fit:cover}.featured-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:34px clamp(22px,4vw,54px)}.featured-copy h2{margin:12px 0;font-size:clamp(1.5rem,3vw,2.55rem);letter-spacing:-.055em;line-height:1.08}.featured-copy .watch-btn{margin-top:20px}.archive-head{position:relative;padding:48px 0 18px}.archive-head h1{margin:12px 0 8px;font-size:clamp(2.2rem,5vw,4rem);line-height:1;letter-spacing:-.075em}.archive-head p{margin:0;color:var(--muted)}.filter-row,.tax-row{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 4px}.filter-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:999px;color:#b4bbca;font-size:.76rem;transition:.2s}.filter-chip:hover,.filter-chip.active{border-color:rgba(197,250,103,.57);background:rgba(197,250,103,.09);color:var(--lime)}.archive-section{padding-top:22px}.single{padding:34px 0 12px}.single-head{display:flex;justify-content:space-between}.player{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#030407;box-shadow:var(--shadow)}.player video{display:block;width:100%;max-height:76vh}.single> .eyebrow{margin-top:28px}.single h1{margin:11px 0 9px;font-size:clamp(1.8rem,4.6vw,3.6rem);line-height:1.04;letter-spacing:-.07em}.single>.meta{font-size:.82rem}.content{max-width:850px;margin-top:22px;color:#c4cada;line-height:1.8}.content a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.content h2,.content h3{color:var(--paper);letter-spacing:-.04em}.report-box{max-width:850px;margin-top:28px;padding:18px 20px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.report-box summary{color:var(--lime);font-weight:800;cursor:pointer}.report-box form{display:grid;gap:13px;max-width:620px;margin-top:14px}.report-box label{display:grid;gap:6px;color:#b4bbca;font-size:.82rem}.report-box input,.report-box select,.report-box textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#0a0d16;color:var(--paper)}.report-box textarea{resize:vertical}.report-box .button{justify-self:start}.report-success{max-width:850px;padding:12px 14px;border:1px solid rgba(129,237,193,.4);border-radius:10px;background:rgba(129,237,193,.08);color:#a9f5d7}.video-nav{display:flex;justify-content:space-between;gap:16px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);color:#aeb6c8;font-size:.85rem}.video-nav a:hover{color:var(--lime)}.video-nav .next{text-align:right}.pagination,.navigation.pagination{display:flex;gap:8px;margin-top:25px}.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:#d7dbea;font-size:.82rem}.page-numbers.current,.page-numbers:hover{border-color:var(--lime);color:var(--lime)}.site-footer{margin-top:58px;padding:28px 0 35px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:22px}.footer-brand{color:var(--paper);font-weight:850}.footer-brand span{color:var(--lime)}.legal-nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.legal-nav a{color:var(--muted);font-size:.75rem}.empty-note{padding:28px;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.search-title{margin:40px 0 14px;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.065em}
@media(max-width:980px){.container,.header-inner{width:min(var(--max),calc(100% - 36px))}.header-inner{gap:22px}.main-nav{gap:17px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{grid-template-columns:1fr .85fr;min-height:450px;padding-inline:38px}.hero-art{min-height:320px}.poster-stamp{right:0}.grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.header-inner{min-height:72px;gap:14px}.main-nav{display:none}.header-search{margin-left:auto}.header-search input{width:min(36vw,210px)}.header-search .button{width:42px;padding:0;font-size:0}.header-search .button:after{content:"⌕";font-size:1.1rem}.hero{grid-template-columns:1fr;min-height:unset;margin:18px 0;padding:38px 26px 30px}.hero h1{font-size:clamp(3.2rem,12vw,5.5rem)}.hero-art{min-height:260px;margin-top:8px}.hero-poster{width:200px}.poster-orbit{width:225px;height:225px;top:24px;right:12%}.poster-stamp{top:8%;right:8%;width:68px;height:68px}.hero-empty-art{width:230px}.section{padding:30px 0}.grid,.grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-strip{grid-template-columns:1fr}.featured-image{min-height:220px;max-height:280px}.featured-copy{padding:24px}.footer-inner{align-items:flex-start;flex-direction:column}.site-footer{margin-top:38px}}
@media(max-width:440px){.container,.header-inner{width:calc(100% - 26px)}.header-inner{min-height:66px}.brand-mark{width:34px;height:34px}.brand-word{font-size:1.08rem}.brand-sub{font-size:.53rem}.header-search{gap:6px}.header-search input{width:34vw;min-height:38px;padding-inline:11px;font-size:.78rem}.header-search .button{width:38px;min-height:38px}.hero{padding:32px 20px 22px;border-radius:21px}.hero p{font-size:.92rem}.hero-actions{gap:15px}.hero-btn{padding-inline:14px}.hero-link{font-size:.78rem}.hero-art{min-height:225px}.hero-poster{width:172px;border-radius:17px}.poster-orbit{width:194px;height:194px}.poster-stamp{width:60px;height:60px;font-size:.55rem}.card-body{padding:11px}.card-title{font-size:.8rem}.meta{font-size:.68rem;gap:8px}.meta span+span:before{margin-right:8px}.archive-head{padding-top:32px}.filter-chip{min-height:32px;padding-inline:11px;font-size:.71rem}.report-box{padding:15px}.legal-nav{gap:9px}.legal-nav a{font-size:.7rem}.video-nav span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.main-nav ul{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}.main-nav li{list-style:none}
@media(max-width:980px){.main-nav ul{gap:17px}}

.page-content{max-width:900px;min-height:42vh;margin:48px auto 35px}.page-content>h1{margin:12px 0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.04;letter-spacing:-.075em}.page-featured-image{overflow:hidden;margin:24px 0;border:1px solid var(--line);border-radius:18px}.page-featured-image img{display:block;width:100%;height:auto}
@media(max-width:720px){.page-content{margin:32px auto 24px}}
