#masthead.site-header{background:#08080a!important;border-bottom-color:rgb(255 255 255 / .05)!important}#masthead .site-header__nav a{color:rgb(255 255 255 / .5)}#masthead .site-header__nav a:hover{color:var(--color-accent)}:root{--cs-bg:#08080a;--cs-s1:#0f0f12;--cs-s2:#16161a;--cs-bd:rgba(255, 255, 255, 0.06);--cs-ac:var(--color-accent);--cs-gold:var(--color-gold);--cs-t1:rgba(255, 255, 255, 0.93);--cs-t2:rgba(255, 255, 255, 0.55);--cs-t3:rgba(255, 255, 255, 0.28);--cs-r:14px;--cs-pad:clamp(1rem, 4vw, 2.5rem)}.xot-ph__back{display:inline-flex;align-items:center;gap:.4rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--cs-t3);text-decoration:none;margin-bottom:.7rem;transition:color 0.15s}.xot-ph__back:hover{color:#fff}*,*::before,*::after{box-sizing:border-box}body{background:var(--cs-bg);color:#fff}.cs-hero{position:relative;overflow:hidden;padding:6rem var(--cs-pad) 4.5rem;background:linear-gradient(160deg,#0a0a0e 0%,#0d0810 30%,#110a08 60%,#0a0a0e 100%)}.cs-hero::before{content:"";position:absolute;top:-40%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,color-mix(in srgb,var(--color-accent) 8%,transparent) 0%,transparent 65%);pointer-events:none}.cs-hero::after{content:"";position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgb(201 162 39 / .06) 0%,transparent 60%);pointer-events:none}.cs-hero__inner{max-width:var(--xot-max);margin:0 auto;position:relative;z-index:1}.cs-hero__eyebrow{font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;color:var(--cs-ac);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.cs-hero__eyebrow::before{content:"";width:28px;height:2px;background:var(--cs-ac)}.cs-hero__title{font-size:clamp(2.5rem, 6vw, 3.8rem);font-weight:900;letter-spacing:-1.5px;line-height:1.05;margin-bottom:1rem}.cs-hero__title em{font-style:normal;color:var(--cs-ac)}.cs-hero__sub{font-size:.88rem;color:var(--cs-t2);max-width:520px;line-height:1.7;margin-bottom:1.5rem}.cs-hero__count{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:700;color:var(--cs-t3);background:var(--cs-s1);border:1px solid var(--cs-bd);padding:.45rem 1rem;border-radius:100px}.cs-hero__count span{color:var(--cs-gold);font-weight:900}.cs-filter{border-bottom:1px solid var(--cs-bd);padding:.65rem var(--cs-pad);position:sticky;top:60px;z-index:80;background:rgb(8 8 10 / .85);backdrop-filter:blur(14px)}.cs-filter__inner{max-width:var(--xot-max);margin:0 auto;display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cs-filter__inner::-webkit-scrollbar{display:none}.cs-filter__tab{flex-shrink:0;padding:.5rem .9rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--cs-t3);background:none;border:1px solid #fff0;border-radius:100px;cursor:pointer;font-family:inherit;transition:all 0.15s;white-space:nowrap}.cs-filter__tab:hover{color:var(--cs-t1);border-color:var(--cs-bd)}.cs-filter__tab.active{background:var(--cs-ac);color:#fff;border-color:var(--cs-ac)}.cs-grid{max-width:var(--xot-max);margin:0 auto;padding:2rem var(--cs-pad) 4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem}.cs-card{cursor:pointer}.cs-card__art{aspect-ratio:2/3;border-radius:12px;background:var(--cs-s2);overflow:hidden;position:relative;margin-bottom:.65rem;box-shadow:0 6px 20px rgb(0 0 0 / .5);transition:transform 0.25s,box-shadow 0.25s;display:flex;align-items:center;justify-content:center;font-size:3rem}.cs-card:hover .cs-card__art{transform:scale(1.04);box-shadow:0 14px 36px rgb(0 0 0 / .65)}.cs-card__art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cs-card__type{position:absolute;top:8px;left:8px;font-size:.48rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;background:rgb(0 0 0 / .72);color:rgb(255 255 255 / .85);padding:.22rem .5rem;border-radius:4px;backdrop-filter:blur(8px)}.cs-card__badge{position:absolute;bottom:8px;right:8px;font-size:.52rem;font-weight:800;padding:.2rem .5rem;border-radius:4px;white-space:nowrap;backdrop-filter:blur(8px)}.cs-card__badge--soon{background:color-mix(in srgb,var(--color-accent) 85%,transparent);color:#fff}.cs-card__badge--weeks{background:rgb(201 162 39 / .85);color:#000}.cs-card__badge--months{background:rgb(0 0 0 / .72);color:rgb(255 255 255 / .6)}.cs-card__title{font-size:.82rem;font-weight:700;color:var(--cs-t1);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-card__artist{font-size:.65rem;color:var(--cs-t3);margin-top:.15rem}.cs-card__play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / .35);opacity:0;transition:opacity 0.2s}.cs-card:hover .cs-card__play-overlay{opacity:1}.cs-card__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem}.cs-card__placeholder-title{font-size:.6rem;font-weight:700;color:rgb(255 255 255 / .25);text-align:center;text-transform:uppercase;letter-spacing:1px;line-height:1.3}.cs-modal{position:fixed;inset:0;z-index:99999;background:rgb(0 0 0 / .88);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.2s}.cs-modal.open{opacity:1;pointer-events:all}.cs-modal__inner{position:relative;width:min(860px, 95vw);max-height:90vh;overflow-y:auto;background:#111;border-radius:16px;box-shadow:0 24px 80px rgb(0 0 0 / .9);display:grid;grid-template-columns:260px 1fr}.cs-modal__poster{aspect-ratio:2/3;overflow:hidden;position:relative;background:#1c1c1e;border-radius:16px 0 0 16px}.cs-modal__poster img{width:100%;height:100%;object-fit:cover;display:block}.cs-modal__body{padding:2rem;display:flex;flex-direction:column;gap:1rem;min-width:0}.cs-modal__close{position:absolute;top:1rem;right:1rem;background:rgb(255 255 255 / .12);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;z-index:2;transition:background 0.15s}.cs-modal__close:hover{background:rgb(255 255 255 / .25)}.cs-modal__type{font-size:.52rem;font-weight:900;letter-spacing:2px;text-transform:uppercase;color:var(--cs-ac);margin-bottom:.25rem}.cs-modal__title{font-size:1.4rem;font-weight:900;color:#fff;letter-spacing:-.5px;line-height:1.2}.cs-modal__meta{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.cs-modal__chip{font-size:.58rem;font-weight:700;color:rgb(255 255 255 / .5);background:rgb(255 255 255 / .07);border:1px solid rgb(255 255 255 / .1);padding:.2rem .55rem;border-radius:100px}.cs-modal__date{font-size:.62rem;font-weight:800;color:var(--cs-ac)}.cs-modal__synopsis{font-size:.82rem;color:rgb(255 255 255 / .6);line-height:1.7;flex:1}.cs-modal__trailer{width:100%;aspect-ratio:16/9;border:none;border-radius:10px;display:block;background:#000}.cs-modal__actions{display:flex;gap:.65rem;flex-wrap:wrap}.cs-modal__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:100px;font-size:.7rem;font-weight:800;text-decoration:none;border:none;cursor:pointer;font-family:inherit;transition:opacity 0.15s}.cs-modal__btn--primary{background:var(--cs-ac);color:#fff}.cs-modal__btn--ghost{background:rgb(255 255 255 / .08);color:#fff;border:1px solid rgb(255 255 255 / .12)}.cs-modal__btn:hover{opacity:.8}@media (max-width:640px){.cs-hero{padding:3.5rem var(--cs-pad) 2.5rem}.cs-hero__title{font-size:1.8rem}.cs-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.85rem}.cs-modal__inner{grid-template-columns:1fr;max-height:95vh}.cs-modal__poster{aspect-ratio:16/9;border-radius:16px 16px 0 0}.cs-modal__body{padding:1.25rem}}