@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
.hkkaan-app{--bg:#090909;--panel:#141414;--cream:#eee8dc;--muted:#aaa39a;--line:rgba(238,232,220,.12);display:grid;grid-template-columns:190px minmax(0,1fr);min-height:100vh;background:var(--bg);color:var(--cream);font-family:'DM Sans',sans-serif;overflow:hidden}.hkkaan-app *{box-sizing:border-box}.hkkaan-app a{color:inherit;text-decoration:none}.hkkaan-sidebar{position:relative;background:#080808;border-right:1px solid var(--line);padding:28px 18px 32px;min-height:100%;display:flex;flex-direction:column}.hkkaan-brand{display:flex;flex-direction:column;padding:0 20px 28px}.hkkaan-brand span{font-size:9px;letter-spacing:.25em;color:#c7bcae}.hkkaan-brand strong{font:500 38px/.98 'Playfair Display',serif;letter-spacing:.12em;margin:10px 0 18px}.hkkaan-brand small{font-size:8px;line-height:2.2;letter-spacing:.19em;color:#aaa39a}.hkkaan-side-nav,.hkkaan-side-cats{display:flex;flex-direction:column;gap:5px}.hkkaan-side-nav a,.hkkaan-side-cats a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:11px;color:#c8c2b9}.hkkaan-side-nav a.active{background:#493a2b;color:#fff}.hkkaan-side-nav a:hover,.hkkaan-side-cats a:hover{background:#211d19}.hkkaan-side-cats{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.hkkaan-side-cats>b{font-size:9px;letter-spacing:.2em;color:#b9ab98;margin:0 8px 10px}.hkkaan-side-cats a{padding:8px;font-size:10px}.hkkaan-side-note{margin-top:auto;padding:52px 18px 8px;font:500 20px/1.55 'Playfair Display',serif;color:#d4c9b8}.hkkaan-side-note i{display:block;width:34px;height:2px;background:#98744e;margin-top:18px}.hkkaan-main{min-width:0;background:#0b0b0b}.hkkaan-top{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 42px;gap:18px}.hkkaan-top nav{display:flex;align-items:center;gap:clamp(14px,2.8vw,38px);height:100%;white-space:nowrap}.hkkaan-top nav a{font-size:10px;color:#c9c3bb;height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.hkkaan-top nav a.active{border-color:#a88b68;color:#fff}.hkkaan-tools{display:flex;align-items:center;gap:12px}.hkkaan-search{width:210px;max-width:25vw;border:1px solid #37332e;border-radius:24px;background:#191817;color:#eee;padding:9px 14px;font:11px 'DM Sans',sans-serif;outline:none}.hkkaan-search:focus{border-color:#a88b68}.hkkaan-avatar{width:32px;height:32px;border-radius:50%;background:#66513b;display:grid;place-items:center;font-size:12px}.hkkaan-hero{min-height:265px;position:relative;display:flex;align-items:center;padding:38px clamp(28px,7vw,90px);background-image:linear-gradient(90deg,rgba(8,8,8,.97) 0%,rgba(8,8,8,.84) 35%,rgba(8,8,8,.18) 78%,rgba(8,8,8,.15)),linear-gradient(0deg,rgba(0,0,0,.25),transparent),var(--hero-image);background-position:center;background-size:cover;border-radius:0 0 16px 0;overflow:hidden}.hkkaan-hero-copy{position:relative;z-index:1;max-width:490px}.hkkaan-hero-copy>small,.hkkaan-player-copy>small{font-size:9px;letter-spacing:.22em;color:#c6a77d;font-weight:700}.hkkaan-hero h1{font:500 clamp(38px,5vw,62px)/1.02 'Playfair Display',serif;letter-spacing:.045em;text-transform:uppercase;margin:12px 0 4px}.hkkaan-hero-sub{font-size:10px;letter-spacing:.3em;color:#c9bba8}.hkkaan-hero p{font-size:12px;line-height:1.6;color:#d0c9c0;max-width:330px;margin:10px 0 13px}.hkkaan-hero-actions{display:flex;align-items:center;gap:10px}.hkkaan-hero-actions button{border-radius:24px;padding:10px 17px;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.hkkaan-watch{background:#eee5d8;border:1px solid #eee5d8;color:#171411}.hkkaan-list{background:rgba(10,10,10,.35);border:1px solid #6d6256;color:#eee}.hkkaan-info{border:1px solid #8b8175;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:12px}.hkkaan-hero-dots{position:absolute;bottom:14px;left:50%;font-size:9px;letter-spacing:6px;color:#d4c9b8}.hkkaan-hero-empty{background:radial-gradient(ellipse at 80% 45%,#453023 0,transparent 36%),linear-gradient(110deg,#15110e,#090909)}.hkkaan-shelf{padding:10px 22px 8px 22px;scroll-margin-top:65px}.hkkaan-shelf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hkkaan-shelf-head h2{font:500 20px 'Playfair Display',serif;margin:0}.hkkaan-shelf-head>a{font-size:9px;color:#b8afa3}.hkkaan-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-auto-columns:calc((100% - 42px)/4);gap:14px;overflow-x:auto;padding:0 0 5px;scrollbar-width:thin;scrollbar-color:#51483e transparent}.hkkaan-card{display:flex;min-width:0;flex-direction:column;gap:5px;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;font:inherit}.hkkaan-art{display:block;position:relative;aspect-ratio:16/9;background:#211d19;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:8px}.hkkaan-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.hkkaan-card:hover .hkkaan-art img{transform:scale(1.045)}.hkkaan-art>i{height:100%;display:grid;place-items:center;font:italic 26px 'Playfair Display',serif;color:#c5a77d}.hkkaan-art>em{position:absolute;right:9px;bottom:9px;width:25px;height:25px;border:1px solid white;background:rgba(0,0,0,.6);border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;opacity:0;transition:opacity .2s}.hkkaan-card:hover .hkkaan-art>em{opacity:1}.hkkaan-art>small{position:absolute;right:8px;bottom:7px;background:rgba(0,0,0,.75);padding:3px 5px;font-size:9px}.hkkaan-card-title{font-size:10px;color:#e4ddd3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hkkaan-card-creator{font-size:9px;color:#a9a095}.hkkaan-posters{grid-auto-columns:calc((100% - 84px)/7)}.hkkaan-posters .hkkaan-art{aspect-ratio:2/3}.hkkaan-posters .hkkaan-card-title{text-align:center;white-space:normal}.hkkaan-empty-copy{font-size:12px;color:#a9a095;padding:22px 0}.hkkaan-footer{border-top:1px solid var(--line);margin:20px 22px 0;padding:17px 0;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;color:#827a70}.hkkaan-player[hidden]{display:none}.hkkaan-player{position:fixed;z-index:999990;inset:0;display:grid;place-items:center;padding:18px}.hkkaan-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(8px)}.hkkaan-player-panel{position:relative;z-index:1;width:min(100%,1050px);max-height:95vh;overflow:auto;background:#111;border:1px solid var(--line);box-shadow:0 25px 90px #000}.hkkaan-close{position:absolute;z-index:3;right:12px;top:12px;width:36px;height:36px;border:1px solid #aaa;background:rgba(0,0,0,.7);color:white;font-size:24px;cursor:pointer}.hkkaan-video-wrap{background:#000;aspect-ratio:16/9}.hkkaan-video-wrap video{display:block;width:100%;height:100%;max-height:68vh;background:#000}.hkkaan-player-copy{padding:20px 26px 28px}.hkkaan-player-copy h2{font:500 32px 'Playfair Display',serif;margin:8px 0}.hkkaan-player-creator{font-size:11px;color:#c6a77d}.hkkaan-player-description{font-size:12px;line-height:1.7;color:#bcb4aa;white-space:pre-wrap}.hkkaan-lock{overflow:hidden!important}
@media(max-width:900px){.hkkaan-app{grid-template-columns:150px minmax(0,1fr)}.hkkaan-sidebar{padding:20px 10px}.hkkaan-brand{padding-left:12px}.hkkaan-top{padding-left:16px}.hkkaan-top nav{gap:13px}.hkkaan-top nav a{font-size:9px}.hkkaan-row{grid-auto-columns:calc((100% - 28px)/3)}.hkkaan-posters{grid-auto-columns:calc((100% - 56px)/5)}}
@media(max-width:650px){.hkkaan-app{display:block}.hkkaan-sidebar{display:none}.hkkaan-top{height:auto;min-height:54px;padding:8px 12px;flex-wrap:wrap}.hkkaan-top nav{width:100%;overflow:auto;height:34px;gap:20px}.hkkaan-top nav a{font-size:10px}.hkkaan-tools{width:100%;justify-content:space-between}.hkkaan-search{width:calc(100% - 48px);max-width:none}.hkkaan-hero{min-height:280px;padding:28px 22px;background-position:62% center}.hkkaan-hero h1{font-size:39px}.hkkaan-shelf{padding:10px 13px}.hkkaan-shelf-head h2{font-size:18px}.hkkaan-row{grid-auto-columns:68%;gap:10px}.hkkaan-posters{grid-auto-columns:38%}.hkkaan-card-title{font-size:10px}.hkkaan-footer{margin:18px 13px 0;font-size:7px}.hkkaan-player{padding:0}.hkkaan-player-panel{width:100%;height:100%;max-height:100vh;border:0}.hkkaan-video-wrap{margin-top:45px}.hkkaan-video-wrap video{max-height:55vh}.hkkaan-player-copy{padding:17px}}


/* KAAN 1.1.1 — the global House Kamara sidebar is the only left sidebar. */
.hkkaan-app{display:block!important;grid-template-columns:none!important;min-height:calc(100vh - 30px)}
.hkkaan-sidebar{display:none!important}
.hkkaan-main{width:100%;min-width:0;margin:0!important}
.hkkaan-top{padding:0 clamp(14px,2.5vw,34px);gap:16px;min-height:58px;height:auto;flex-wrap:wrap}
.hkkaan-top nav{display:flex;align-items:center;gap:clamp(12px,2vw,27px);overflow-x:auto;max-width:100%;scrollbar-width:none;flex:1}
.hkkaan-top nav::-webkit-scrollbar{display:none}
.hkkaan-top nav a{white-space:nowrap;min-height:58px;font-size:10px}
.hkkaan-tools{flex:none}
.hkkaan-hero{border-radius:0}
.hkkaan-shelf{padding-left:clamp(16px,2.5vw,34px);padding-right:clamp(16px,2.5vw,34px)}
.hkkaan-footer{margin-left:clamp(16px,2.5vw,34px);margin-right:clamp(16px,2.5vw,34px)}
@media(max-width:760px){
 .hkkaan-top{padding:8px 14px}
 .hkkaan-top nav{order:2;width:100%;flex-basis:100%;gap:20px}
 .hkkaan-top nav a{min-height:40px}
 .hkkaan-tools{margin-left:auto}
 .hkkaan-search{max-width:52vw}
}