:root{--bg:#09090b;--panel:#121217;--text:#f7f5f2;--muted:#aaa8ad;--accent:#b4233a;--accent2:#e6465f;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -15%,#2d141b 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:74px;max-width:1440px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:34px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-1.5px}.brand span{color:#d72f49}.topbar p{margin:0;color:var(--muted);font-size:14px;letter-spacing:.05em}main{max-width:1440px;margin:0 auto;padding:42px 28px 70px}.intro{text-align:center;margin:10px 0 28px}.eyebrow{color:#d94359;font-size:12px;letter-spacing:.16em;font-weight:700;margin:0 0 8px}.intro h1{font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);margin:0 0 8px}.intro #subheading{margin:0;color:var(--muted);font-size:15px}.drama-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.drama-card{position:relative;display:block;min-width:0;aspect-ratio:2/3.12;border-radius:17px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:#111;color:#fff;text-decoration:none;isolation:isolate;box-shadow:0 16px 34px rgba(0,0,0,.2);transform:translateZ(0)}.drama-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.drama-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 25%,rgba(5,5,8,.04) 44%,rgba(5,5,8,.58) 69%,rgba(5,5,8,.96) 100%);z-index:1}.drama-card:hover img{transform:scale(1.025)}.card-copy{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:18px}.title{font-family:Georgia,serif;font-size:clamp(22px,2vw,33px);line-height:1.02;margin:0 0 10px;text-shadow:0 2px 16px rgba(0,0,0,.8)}.genres{display:flex;gap:7px;margin-bottom:10px}.genres span{font-size:11px;padding:5px 9px;border-radius:999px;background:rgba(11,11,16,.62);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px)}.synopsis-window{height:138px;overflow:hidden;position:relative;margin:0 -4px 0;padding:10px 12px;border-radius:12px;background:linear-gradient(180deg,rgba(10,10,14,.20),rgba(10,10,14,.56));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 84%,transparent 100%)}.synopsis-track{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.52;color:rgba(255,255,255,.89);text-shadow:0 1px 5px rgba(0,0,0,.78);will-change:transform;animation:synopsisScroll var(--scroll-duration,18s) linear infinite;animation-delay:var(--scroll-delay,-2s)}.drama-card:hover .synopsis-track{animation-play-state:paused}@keyframes synopsisScroll{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(var(--scroll-distance,-80px))}}.tap-hint{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:12px;color:rgba(255,255,255,.78);font-weight:600}.tap-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent2);font-size:19px}.ad-slot{margin:0 auto 22px;max-width:970px}.ad-slot.middle{grid-column:1/-1;width:100%;margin:2px auto}.ad-label{font-size:9px;letter-spacing:.13em;text-align:center;color:#777;margin-bottom:5px}.ad-demo{min-height:82px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(100deg,#121116,#20121a);display:flex;align-items:center;justify-content:center;gap:14px;padding:16px;text-align:center}.ad-demo strong{font-family:Georgia,serif;font-size:22px}.ad-demo span{color:#aaa;font-size:12px}.ad-html iframe{max-width:100%}footer{border-top:1px solid var(--line);max-width:1440px;margin:0 auto;padding:34px 28px 55px;display:flex;justify-content:space-between;gap:30px;color:#949299;font-size:13px}.footer-brand{font-size:26px;margin-bottom:8px}.footer-brand+p{max-width:430px;line-height:1.6;margin:0}footer nav{display:flex;gap:20px;flex-wrap:wrap}footer a{color:#b9b6bc;text-decoration:none}.popup{position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.58);display:grid;place-items:center;padding:22px;backdrop-filter:blur(5px)}.popup[hidden]{display:none}.popup-card{position:relative;width:min(410px,100%);border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(145deg,#171218,#0c0c10);padding:30px;box-shadow:0 24px 70px rgba(0,0,0,.6)}.popup-close{position:absolute;right:12px;top:10px;background:none;border:0;color:#bbb;font-size:30px;cursor:pointer}.popup-kicker{color:#de435b;font-size:11px;font-weight:700;letter-spacing:.13em}.popup-card h2{font-family:Georgia,serif;font-size:29px;margin:10px 0 8px}.popup-card p{color:#aaa;line-height:1.55;margin:0 0 20px}.popup-cta{display:flex;justify-content:center;text-decoration:none;background:#d82e48;color:#fff;padding:13px 16px;border-radius:10px;font-weight:700}
@media(max-width:900px){.drama-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topbar{height:64px;padding:0 14px}.topbar p{display:none}.brand{font-size:29px}main{padding:27px 12px 46px}.intro{margin:4px 0 19px}.intro h1{font-size:34px}.intro #subheading{font-size:13px;padding:0 14px}.drama-card{border-radius:13px}.card-copy{padding:11px}.title{font-size:clamp(18px,5vw,25px);margin-bottom:7px}.genres{gap:4px;margin-bottom:5px}.genres span{font-size:9px;padding:4px 7px}.synopsis-window{height:126px;padding:8px 8px;margin:0 -1px}.synopsis-track{font-size:15.5px;line-height:1.46}.tap-hint{font-size:10px}.tap-arrow{width:27px;height:27px;font-size:16px}.ad-slot{margin-bottom:14px}.ad-demo{min-height:70px;flex-direction:column;gap:3px}.ad-demo strong{font-size:18px}footer{padding:28px 16px 46px;display:block}footer nav{margin-top:20px;gap:13px 18px}}
@media(max-width:370px){.synopsis-window{height:112px}.synopsis-track{font-size:14px}.title{font-size:19px}.card-copy{padding:9px}.genres{display:none}}
@media(prefers-reduced-motion:reduce){.synopsis-track{animation:none!important}.drama-card img{transition:none}}
.drama-card.targeted{border-color:rgba(230,70,95,.82);box-shadow:0 0 0 1px rgba(230,70,95,.18),0 18px 40px rgba(0,0,0,.35)}.target-badge{position:absolute;z-index:4;top:11px;left:11px;padding:6px 9px;border-radius:999px;background:rgba(9,9,12,.72);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);font-size:10px;font-weight:700;letter-spacing:.03em;color:#fff}
.more-title{font-family:Georgia,serif;font-size:clamp(28px,3vw,40px);margin:34px 0 18px}.featured-landing{max-width:760px;margin:0 auto 36px}.hero-poster{position:relative;display:block;min-height:760px;aspect-ratio:2/3;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;background:#111}.hero-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0a0a0c}.hero-shade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(5,5,8,.14) 48%,rgba(5,5,8,.86) 76%,#08080b 100%)}.hero-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:34px}.hero-copy h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,66px);line-height:.98;margin:10px 0 14px;text-shadow:0 3px 20px #000}.hero-synopsis{height:210px;overflow:hidden;max-width:680px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 86%,transparent)}.hero-track{padding:16px 4px;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.58;color:rgba(255,255,255,.91);text-shadow:0 2px 8px #000;animation:synopsisScroll var(--scroll-duration) linear infinite;animation-delay:var(--scroll-delay)}.hero-tap{margin-top:12px;font-size:14px;font-weight:700;color:rgba(255,255,255,.82)}.hero-tap b{display:inline-grid;place-items:center;width:34px;height:34px;margin-left:8px;border-radius:50%;background:var(--accent2);font-size:20px}.landing-grid{margin-top:0}
@media(max-width:900px){.featured-landing{margin:-12px -12px 30px;max-width:none}.hero-poster{min-height:0;height:calc(100svh - 64px);max-height:900px;aspect-ratio:auto;border-radius:0;border-left:0;border-right:0}.hero-copy{padding:20px 18px 24px}.hero-copy h1{font-size:clamp(34px,10vw,50px)}.hero-synopsis{height:190px}.hero-track{font-size:20px;line-height:1.55}.more-title{font-size:28px;margin:26px 2px 15px}.landing-grid .drama-card .synopsis-window{height:116px}}
@media(max-width:390px){.hero-synopsis{height:175px}.hero-track{font-size:18.5px}.hero-copy{padding:16px 14px 20px}}