/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
:root{--bg:#0b0d12;--panel:#555756;--panel-2:#4a4c4b;--bar:#212121;--ink:#fff;--muted:#d9d9d9;--accent:#e5322d;--gold:#f5b301;--radius:8px;--wrap:1140px;font-family:"Kantumruy Pro","Noto Sans Khmer","Khmer OS",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;}*,*::before,*::after{box-sizing:border-box;}html{-webkit-text-size-adjust:100%;}body{margin:0;color:var(--ink);background:var(--bg) url(/themes/custom/cinema/images/background.jpg) center top / cover fixed;line-height:1.5;}a{color:inherit;}img{max-width:100%;height:auto;display:block;}[hidden]{display:none !important;}.wrap{width:min(100% - 32px,var(--wrap));margin-inline:auto;}.topbar{display:flex;gap:16px;align-items:center;justify-content:flex-end;padding:14px 0 10px;flex-wrap:wrap;}.langs{display:flex;gap:6px;}.langs a{text-decoration:none;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.45);font-size:13px;}.langs a.is-active{background:var(--accent);}.search{position:relative;display:flex;flex:0 1 380px;}.search input{flex:1;min-width:0;padding:9px 14px;border:0;border-radius:var(--radius) 0 0 var(--radius);font:inherit;font-size:15px;}.search button{border:0;padding:0 16px;border-radius:0 var(--radius) var(--radius) 0;background:var(--bar);color:#fff;font:inherit;cursor:pointer;}.search button:hover{background:#000;}.search__list{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;margin:0;padding:4px;list-style:none;background:#fff;color:#111;border-radius:var(--radius);box-shadow:0 12px 32px rgba(0,0,0,.45);max-height:70vh;overflow:auto;}.search__list a{display:flex;gap:10px;align-items:center;padding:6px;border-radius:6px;text-decoration:none;}.search__list a:hover,.search__list a.is-active{background:#f1f1f1;}.search__list img{width:36px;height:54px;object-fit:cover;border-radius:4px;flex:none;background:#ddd;}.search__list b{display:block;font-size:14px;}.search__list small{color:#666;font-size:12px;}.search__group{padding:8px 8px 2px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#888;}.search__group:empty{padding:2px;border-top:1px solid #eee;margin-top:4px;}.search__icon{width:36px;height:36px;flex:none;display:grid;place-items:center;font-style:normal;background:#f1f1f1;border-radius:50%;}.search__badge{margin-left:auto;flex:none;font:700 11px/1 system-ui,sans-serif;font-style:normal;background:#f5c518;color:#000;padding:4px 6px;border-radius:4px;}.search__list a span{min-width:0;}.search__list b,.search__list small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.lists{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding-bottom:4px;scrollbar-width:thin;}.lists a{flex:none;padding:7px 14px;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid #fff3;text-decoration:none;font-size:13px;}.lists a:hover{background:var(--accent);border-color:var(--accent);}.section__intro{margin:-6px 0 14px;color:var(--muted);font-size:14px;}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;}.filters input,.filters select{padding:9px 12px;border:0;border-radius:var(--radius);font:inherit;font-size:14px;}.filters input{flex:1 1 260px;min-width:0;}.filters button{border:0;border-radius:var(--radius);padding:0 18px;background:var(--accent);color:#fff;font:inherit;cursor:pointer;}.header{display:flex;align-items:center;gap:16px;background:var(--bar);border-radius:var(--radius);padding:8px 16px;position:relative;}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none;}.brand img{width:88px;height:auto;}.brand span{font:700 20px/1 Georgia,serif;letter-spacing:.02em;}.nav{display:flex;flex-wrap:wrap;margin-left:auto;}.nav a{padding:14px 14px;text-decoration:none;font-size:14px;border-left:1px solid #fff2;}.nav a:hover{background:#000;}.nav a.is-active{color:var(--accent);}.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid #fff5;color:#fff;font-size:20px;border-radius:6px;padding:4px 10px;}.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:2px;margin:18px 0;}.cats a{background:var(--panel);text-align:center;padding:9px 6px;text-decoration:none;font-size:14px;transition:background .15s;}.cats a:hover{background:#333;}.slider{position:relative;overflow:hidden;border-radius:var(--radius);background:#000;aspect-ratio:1140 / 335;}.slider__slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .6s;}.slider__slide.is-active{opacity:1;}.slider__slide img{width:100%;height:100%;object-fit:cover;}.slider__nav{position:absolute;top:50%;translate:0 -50%;border:0;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:28px;line-height:1;cursor:pointer;}.slider__nav--prev{left:12px;}.slider__nav--next{right:12px;}.slider__dots{position:absolute;bottom:10px;left:0;right:0;display:flex;gap:6px;justify-content:center;}.slider__dots button{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid #fff;background:transparent;cursor:pointer;}.slider__dots button.is-active{background:#fff;}.main{padding-bottom:24px;}.section{background:var(--panel);padding:16px 16px 20px;margin-top:18px;border-radius:var(--radius);}.section__title{display:inline-block;margin:0 0 16px;padding:8px 28px;background:var(--bar);border-radius:999px;font-size:17px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;}.section__more{display:block;text-align:right;margin-top:12px;text-decoration:none;}.section__more:hover{color:var(--gold);}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;}.card{text-decoration:none;display:flex;flex-direction:column;text-align:center;min-width:0;}.card__poster{display:block;aspect-ratio:2 / 3;border:2px solid #fff;background:#333;overflow:hidden;}.card__poster img{width:100%;height:100%;object-fit:cover;transition:transform .25s;}.card:hover .card__poster img{transform:scale(1.04);}.card__title{margin-top:6px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.card__sub{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.empty{color:var(--muted);}.pager__items{list-style:none;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:0;margin:20px 0 0;}.pager__item a{display:block;min-width:36px;padding:6px 10px;text-align:center;background:var(--bar);border-radius:6px;text-decoration:none;}.pager__item.is-active a,.pager__item a:hover{background:var(--accent);}.card__poster{position:relative;}.card__imdb{position:absolute;top:6px;left:6px;background:#f5c518;color:#000;font:700 11px/1 system-ui,sans-serif;padding:4px 6px;border-radius:4px;}.imdb{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:flex-start;margin:12px 0 16px;padding:12px;background:rgba(0,0,0,.25);border-radius:var(--radius);}.imdb__score{display:flex;align-items:center;gap:8px;text-decoration:none;}.imdb__score b{background:#f5c518;color:#000;padding:3px 7px;border-radius:4px;font-weight:800;}.imdb__score span{font-size:20px;font-weight:700;color:#f5c518;}.imdb__score small{color:var(--muted);}.imdb dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:14px;flex:1 1 280px;}.imdb dt{color:var(--muted);}.imdb dd{margin:0;}.movie{display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:28px;background:var(--panel);padding:22px;border-radius:var(--radius);margin-top:18px;}.movie__poster{width:100%;border:2px solid #fff;}.movie__title{margin:0 0 6px;font-size:clamp(22px,3vw,32px);}.movie__sub,.movie__meta{margin:0 0 6px;color:var(--muted);}.movie__cats{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;}.movie__cats a{background:var(--bar);padding:3px 12px;border-radius:999px;text-decoration:none;font-size:13px;}.movie__body{line-height:1.7;}.movie__body iframe{width:100%;aspect-ratio:16 / 9;height:auto;border:0;border-radius:var(--radius);}.page-node{background:var(--panel);padding:20px;border-radius:var(--radius);margin-top:18px;}.page-node__body img{margin:10px auto;}.page-node__body a{color:var(--gold);}.footer{text-align:center;color:var(--muted);font-size:13px;padding:20px 0 70px;}background:rgba(0,0,0,.6);box-shadow:0 2px 8px rgba(0,0,0,.35);opacity:.75;transition:opacity .2s;}.tabs,ul.tabs{display:flex;gap:6px;list-style:none;padding:0;}.tabs a{background:var(--bar);padding:4px 10px;border-radius:6px;text-decoration:none;}[data-drupal-messages]{background:#fff;color:#111;padding:10px 14px;border-radius:var(--radius);margin-top:12px;}@media (max-width:900px){.menu-toggle{display:block;}.nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;flex-direction:column;background:var(--bar);border-radius:0 0 var(--radius) var(--radius);}.nav.is-open{display:flex;}.nav a{border-left:0;border-top:1px solid #fff2;}.movie{grid-template-columns:1fr;}.movie__poster{max-width:280px;margin-inline:auto;}}@media (max-width:560px){.topbar{justify-content:space-between;}.search{flex-basis:100%;}.grid{grid-template-columns:repeat(2,1fr);gap:12px;}.cats{grid-template-columns:repeat(3,1fr);}.brand span{font-size:16px;}.slider__nav{display:none;}}@media (prefers-reduced-motion:reduce){*{transition:none !important;}}.views-element-container > div{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;}.views-element-container > div > :not(.views-row){grid-column:1 / -1;}.views-row{min-width:0;}.views-element-container{background:var(--panel);padding:16px;border-radius:var(--radius);margin-top:18px;}@media (max-width:560px){.views-element-container > div{grid-template-columns:repeat(2,1fr);gap:12px;}}.pagenav{display:flex;justify-content:space-between;margin-top:10px;}.pagenav button{border:0;border-radius:999px;padding:7px 16px;background:rgba(0,0,0,.55);color:#fff;font:inherit;font-size:13px;cursor:pointer;border:1px solid #fff3;}.pagenav button:hover{background:var(--accent);border-color:var(--accent);}.trailer{margin:12px 0;}.trailer__btn{border:0;border-radius:999px;padding:10px 20px;background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer;}.trailer__btn:hover{filter:brightness(1.1);}.trailer__frame{margin-top:12px;aspect-ratio:16 / 9;max-width:760px;background:#000;border-radius:var(--radius);overflow:hidden;}.trailer__frame iframe{width:100%;height:100%;border:0;display:block;}.card__poster,.slider__slide{position:relative;}.preview{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;transition:opacity .4s;pointer-events:none;z-index:2;}.card__poster .preview{width:267%;left:-83.5%;max-width:none;}.slider__slide .preview{z-index:3;}.slider__caption{position:absolute;left:0;right:0;bottom:0;padding:36px 20px 14px;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.75));font-size:18px;font-weight:600;text-shadow:0 1px 4px #000;}.slider__slide a{display:block;height:100%;}@media (max-width:560px){.slider__caption{font-size:14px;padding:24px 12px 28px;}}.movie__poster-wrap{position:relative;overflow:hidden;border:2px solid #fff;align-self:start;}.movie__poster-wrap .movie__poster{border:0;display:block;}.movie__poster-wrap .preview{width:267%;left:-83.5%;max-width:none;}@view-transition{navigation:auto;}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:.22s ease-in both vt-out;}::view-transition-new(root){animation:.32s ease-out both vt-in;}@keyframes vt-out{to{opacity:0;}}@keyframes vt-in{from{opacity:0;}}body::after{content:"";position:fixed;inset:-50%;z-index:60;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain .9s steps(6) infinite;will-change:transform;}@keyframes grain{0%{transform:translate(0,0);}17%{transform:translate(-6%,4%);}33%{transform:translate(5%,-7%);}50%{transform:translate(-3%,8%);}67%{transform:translate(7%,3%);}83%{transform:translate(-5%,-4%);}100%{transform:translate(0,0);}}.js-reveal .reveal{opacity:0;transform:translateY(26px) scale(.97);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 70ms);}.js-reveal .reveal.in{opacity:1;transform:none;}.card__poster{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;}.card__poster::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.32) 50%,transparent 62%);transform:translateX(-130%);}.card:hover .card__poster,.card:focus-visible .card__poster{transform:translateY(-7px) scale(1.035);box-shadow:0 20px 38px rgba(0,0,0,.65),0 0 0 1px #fff8;z-index:5;}.card:hover .card__poster::after{transform:translateX(130%);transition:transform .9s ease;}.card:hover .card__poster img{transform:scale(1.06);}.slider__slide.is-active img{animation:kenburns 10s ease-out both;}@keyframes kenburns{from{transform:scale(1);}to{transform:scale(1.09);}}.slider__slide.is-active .slider__caption{animation:caption-in .9s .2s cubic-bezier(.2,.7,.2,1) both;}@keyframes caption-in{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}.slider__slide{transition:opacity 1s ease;}.preview{animation:preview-in .45s ease both;}@keyframes preview-in{from{opacity:0;}to{opacity:1;}}.js-reveal .section__title.reveal{clip-path:inset(0 100% 0 0);transform:none;transition:clip-path .8s cubic-bezier(.2,.7,.2,1),opacity .4s;}.js-reveal .section__title.reveal.in{clip-path:inset(0 0 0 0);}}.slider{box-shadow:0 0 0 1px #fff2,0 24px 60px rgba(0,0,0,.55);}.slider::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 90px rgba(0,0,0,.55);border-radius:inherit;}.card__poster:has(.preview)::before,.movie__poster-wrap:has(.preview)::before{content:"";position:absolute;inset:0 0 auto 0;height:24%;z-index:4;pointer-events:none;background:linear-gradient(#000,#000c 60%,transparent);}
