/*
Theme Name: DramaNest
Author: DramaNest
Version: 1.1
*/
:root{--bg:#08080a;--ink:#f8f1e8;--muted:#b9ad9f;--soft:#ded0bf;--panel:#111116;--panel2:#181820;--line:rgba(255,255,255,.11);--gold:#d7a84f;--gold2:#f0c977;--red:#7d1828;--red2:#b62e45;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 0%,rgba(125,24,40,.22),transparent 28%),radial-gradient(circle at 90% 10%,rgba(215,168,79,.12),transparent 24%)}a{color:inherit;text-decoration:none}button{font-family:inherit}.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}.top{position:sticky;top:0;z-index:50;background:rgba(8,8,10,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:27px;font-weight:900;letter-spacing:.2px}.brand span{color:var(--gold)}.links{display:flex;gap:22px;color:#ddd2c5;font-size:14px}.links a:hover{color:var(--gold2)}.actions,.hero-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--line);font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#151008;border:0}.btn.ghost{background:#15151a;color:#f8f1e8}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,var(--bg))}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .88fr;gap:44px;align-items:center;padding:74px 0 86px}.eyebrow,.kicker{display:inline-block;color:var(--gold2);text-transform:uppercase;letter-spacing:2.2px;font-size:12px;font-weight:900}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:70px;line-height:.94;margin:14px 0 18px;letter-spacing:-2.4px;max-width:680px}.hero p{font-size:18px;color:#dccfc1;max-width:610px}.hero-note{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;color:#c8bcad}.hero-note span{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px}.hero-note b{color:#fff}.spotlight{position:relative;min-height:560px;border-radius:30px;overflow:hidden;background:#15151a;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px rgba(0,0,0,.55)}.spotlight img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.spotlight:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.88))}.spot-info{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.spot-info span{color:var(--gold2);font-weight:900;font-size:12px;letter-spacing:1.8px;text-transform:uppercase}.spot-info h2{font-family:Georgia,serif;font-size:38px;line-height:1;margin:7px 0}.spot-info p{font-size:14px;color:#e7ddd0}.spot-info button,.release-large button,.watch{border:0;background:#f0c977;color:#130d05;border-radius:999px;padding:12px 16px;font-weight:900;cursor:pointer}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px}.section-head h2{font-family:Georgia,serif;font-size:42px;line-height:1;margin:8px 0 0}.section-head p{color:var(--muted);max-width:540px;margin:0}section{padding:64px 0}.rail-section{padding-top:56px}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:16px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.rail::-webkit-scrollbar{height:8px}.rail::-webkit-scrollbar-thumb{background:#2a2a32;border-radius:999px}.drama-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.22s;scroll-snap-align:start}.drama-card:hover{transform:translateY(-5px);border-color:rgba(215,168,79,.48)}.cover{position:relative;background:#111}.cover img{width:100%;display:block;aspect-ratio:2/3;object-fit:cover}.badge{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.68);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 10px;font-size:12px;color:#fff}.card-body{padding:15px}.card-body h3{margin:0 0 6px;font-size:18px}.meta{color:var(--gold2);font-size:12px;font-weight:800}.card-body p{color:#cfc3b5;font-size:13px;min-height:60px}.compact .card-body p{display:none}.compact .watch{display:none}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.genre-band{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));border-block:1px solid var(--line)}.genres{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.genre{min-height:132px;border-radius:22px;padding:20px;border:1px solid var(--line);background:linear-gradient(135deg,#15151b,#0f0f13);position:relative;overflow:hidden}.genre:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-50px;bottom:-50px;background:rgba(215,168,79,.16)}.genre b{display:block;font-size:19px}.genre span{display:block;color:#c9bdae;font-size:13px;margin-top:6px}.feature-split{padding:76px 0}.split{display:grid;grid-template-columns:1fr .85fr;gap:42px;align-items:center}.split h2{font-family:Georgia,serif;font-size:48px;line-height:1;margin:10px 0}.split p{color:#d6cbbd;font-size:17px}.checkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.checkgrid span{border:1px solid var(--line);background:#121217;border-radius:14px;padding:13px;color:#eadfce}.checkgrid span:before{content:'✓';color:var(--gold2);font-weight:900;margin-right:8px}.device{position:relative;min-height:520px}.phone{position:absolute;right:90px;top:0;width:270px;border:10px solid #050505;border-radius:34px;background:#000;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.6)}.phone img{width:100%;display:block;aspect-ratio:2/3;object-fit:cover}.mini-player{padding:14px;background:#0d0d10}.mini-player b,.mini-player small{display:block}.mini-player small{color:var(--muted)}.bar{height:5px;background:#333;border-radius:99px;margin-top:12px}.bar i{display:block;width:42%;height:100%;background:var(--gold);border-radius:99px}.device-card{position:absolute;left:15px;bottom:28px;width:255px;background:rgba(24,24,30,.96);border:1px solid rgba(215,168,79,.35);border-radius:20px;padding:20px}.device-card p{font-size:14px;color:#cabdad}.release-grid{display:grid;grid-template-columns:1.35fr .75fr;grid-template-rows:repeat(3,150px);gap:16px}.release-large{grid-row:1/4;position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:#111}.release-large img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.release-large:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.15))}.release-large div{position:absolute;z-index:2;left:28px;bottom:28px;max-width:410px}.release-large span{color:var(--gold2);font-size:13px;font-weight:900}.release-large h3{font-family:Georgia,serif;font-size:44px;line-height:1;margin:8px 0}.release-large p{color:#eadfce}.release-side{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:center;background:#121217;border:1px solid var(--line);border-radius:18px;padding:12px}.release-side img{width:100px;height:126px;object-fit:cover;border-radius:12px}.release-side b{display:block}.release-side small{display:block;color:var(--muted);margin-top:5px}.steps,.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step,.plan{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:25px}.step i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);color:#130d05;font-weight:900;font-style:normal}.step p,.plan li{color:#d4c8ba}.pricing{background:linear-gradient(180deg,rgba(125,24,40,.18),transparent)}.plan.featured{border-color:var(--gold);box-shadow:0 0 0 1px rgba(215,168,79,.35) inset;transform:translateY(-10px)}.plan em{display:inline-block;background:rgba(215,168,79,.16);color:var(--gold2);border:1px solid rgba(215,168,79,.35);border-radius:999px;padding:5px 10px;font-style:normal;font-size:12px;font-weight:900}.price{font-size:43px;font-weight:950;margin:10px 0}.price small{font-size:14px;color:var(--muted)}.faq-strip{border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px}.faq-grid h2{font-family:Georgia,serif;font-size:42px;line-height:1;margin:8px 0}.faq-grid p{color:#d6cabb}.faq-list details{background:#121217;border:1px solid var(--line);border-radius:16px;padding:17px;margin-bottom:12px}.faq-list summary{cursor:pointer;font-weight:900}.footer{border-top:1px solid var(--line);background:#050506;padding:42px 0;color:#bdb2a5}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footgrid a{display:block;margin:7px 0;color:#d8cec1}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:99;padding:20px}.modal.on{display:flex}.modalbox{max-width:470px;background:#15151a;border:1px solid rgba(215,168,79,.45);border-radius:24px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.modalbox h3{font-family:Georgia,serif;font-size:30px;margin:0 0 8px}.modalbox p{color:#d5cabc}.x{float:right;background:transparent;border:0;color:#fff;font-size:25px;cursor:pointer}.page{padding:58px 0;max-width:860px}.page h1{font-family:Georgia,serif;font-size:44px}.page p,.page li{color:#d8cec1}@media(max-width:1000px){.hero-grid,.split,.faq-grid{grid-template-columns:1fr}.spotlight{min-height:480px}.grid{grid-template-columns:repeat(3,1fr)}.genres{grid-template-columns:repeat(2,1fr)}.release-grid{grid-template-columns:1fr;grid-template-rows:auto}.release-large{min-height:460px;grid-row:auto}.device{min-height:560px}.links{display:none}}@media(max-width:720px){.hero h1{font-size:44px}.section-head{display:block}.section-head h2,.split h2,.faq-grid h2{font-size:34px}.grid{grid-template-columns:repeat(2,1fr)}.plans,.steps,.footgrid{grid-template-columns:1fr}.plan.featured{transform:none}.hero-grid{padding:48px 0}.spotlight{min-height:420px}.rail{grid-auto-columns:170px}.release-side{grid-template-columns:82px 1fr}.release-side img{width:82px;height:104px}.phone{right:20px}.device-card{left:0}.nav .actions .ghost{display:none}}@media(max-width:520px){.wrap{padding:0 16px}.grid,.genres,.checkgrid{grid-template-columns:1fr}.hero h1{font-size:38px}.hero-actions{flex-wrap:wrap}.spot-info h2{font-size:30px}.release-large h3{font-size:34px}.device{min-height:480px}.phone{width:220px}.card-body p{min-height:auto}}


/* emergency wide-screen layout fix */
html,body{width:100%!important;min-width:100%!important;overflow-x:hidden!important;background:#08080a!important;}
body{display:block!important;}
.top,.hero,main,section,.footer{width:100%!important;max-width:none!important;clear:both!important;}
.wrap{width:100%!important;max-width:1540px!important;margin-left:auto!important;margin-right:auto!important;padding-left:clamp(24px,4vw,72px)!important;padding-right:clamp(24px,4vw,72px)!important;}
.hero-grid{display:grid!important;grid-template-columns:minmax(540px,1fr) minmax(460px,660px)!important;gap:clamp(34px,5vw,82px)!important;align-items:center!important;width:100%!important;}
.hero-copy{min-width:0!important;max-width:760px!important;}
.hero h1{font-size:clamp(58px,5.3vw,92px)!important;line-height:.92!important;max-width:820px!important;white-space:normal!important;}
.hero p{max-width:720px!important;font-size:clamp(18px,1.25vw,22px)!important;}
.spotlight{width:100%!important;min-height:clamp(560px,58vh,760px)!important;}
.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.rail{grid-auto-columns:minmax(210px,1fr)!important;}
body .mwai-chatbot,body .mwai-window,body [class*="mwai"],body [id*="mwai"],body .petdex,body [class*="petdex"]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
@media (min-width:1600px){.wrap{max-width:1680px!important}.hero-grid{grid-template-columns:minmax(680px,1fr) minmax(560px,720px)!important}.hero h1{font-size:92px!important}}
@media (max-width:1100px){.hero-grid{grid-template-columns:1fr!important}.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.spotlight{min-height:520px!important}.hero h1{font-size:54px!important}}
@media (max-width:720px){.wrap{padding-left:16px!important;padding-right:16px!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero h1{font-size:42px!important}.spotlight{min-height:420px!important}}
@media (max-width:520px){.grid{grid-template-columns:1fr!important}}