@charset "UTF-8";
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:#161616;font-family:"Malgun Gothic",Arial,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ee231b;outline-offset:5px}header{min-height:112px;padding:28px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff}.logo{display:inline-flex;align-items:center;gap:13px;flex-shrink:0}.logo img{width:48px;height:48px;display:block}.logo span{font-size:21px;font-weight:900;letter-spacing:-1px;white-space:nowrap}nav{display:flex;gap:36px;align-items:center}nav a,nav button{font-size:12px;letter-spacing:2px;text-transform:uppercase;padding:10px 0}main{width:100%}.hero{width:100%;background:#111}.feature{width:100%;display:block;position:relative;padding:0;aspect-ratio:16/9;overflow:hidden}.feature img{width:100%;height:100%;object-fit:cover;display:block;background:#111}.play-icon{position:absolute;bottom:35px;right:4%;width:52px;height:52px;background:#0005;color:#fff;border:1px solid #fff8;display:grid;place-items:center;border-radius:50%;font-size:14px;transition:background .2s}.feature:hover .play-icon,.series-poster:hover .play-icon{background:#000a}.works{max-width:1600px;margin:0 auto;padding:65px 4% 60px}.collection-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:28px}.categories{display:flex;flex-wrap:wrap;gap:25px}.categories button,#archive-toggle{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:9px 0}.categories button{color:#777;border-bottom:1px solid transparent}.categories [aria-pressed=true]{color:#111;border-color:#111}#archive-toggle{white-space:nowrap;letter-spacing:0}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{padding:0;display:block;width:100%;text-align:left}.poster{width:100%;aspect-ratio:16/9;background:#f1f1f1;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.card:hover img{transform:scale(1.025)}.card h3{font-size:12px;font-weight:500;letter-spacing:.4px;margin:16px 0 0;text-align:center}.series-section{width:100%;background:#111}.series-poster{width:100%;aspect-ratio:21/9;padding:0;position:relative;display:block;overflow:hidden}.series-poster img{width:100%;height:100%;object-fit:cover;display:block}.archive{max-width:1500px;margin:auto;padding:35px 4% 65px}.archive[hidden],.pagination[hidden]{display:none}.archive-toolbar{margin-bottom:30px}.archive-toolbar input{width:100%;max-width:350px;border:0;border-bottom:1px solid #ccc;padding:12px 0;font-size:13px;border-radius:0}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 22px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding-top:35px;font-size:11px}.pagination button{padding:8px 14px;border:1px solid #ddd}.pagination button:disabled{opacity:.25;cursor:default}footer{padding:65px 4%;display:flex;align-items:center;justify-content:center;gap:30px;font-size:10px;letter-spacing:1px}footer button{font-size:10px;color:#666}footer small{font-size:9px;color:#777}dialog{border:0;max-width:880px;width:92%;padding:42px 30px 30px;background:white;color:#111}dialog::backdrop{background:#000b}dialog h2{font-size:18px;margin:0 0 20px}dialog p{font-size:13px;line-height:1.9;color:#666}dialog a{font-size:11px;border-bottom:1px solid #aaa;padding-bottom:4px}.close{position:absolute;right:12px;top:7px;font-size:29px;padding:0 5px}#player{background:#111;margin-bottom:18px}#player iframe{width:100%;aspect-ratio:16/9;min-height:200px;display:block;border:0}.episodes h3{font-size:13px;margin-top:25px}.episode-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:240px;overflow:auto}.episode-list button{border:1px solid #ddd;padding:11px;text-align:left;font-size:11px}.episode-list [aria-pressed=true]{background:#181818;color:white}#contact-dialog,#privacy-dialog{max-width:520px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-80px;z-index:10;background:#fff;padding:12px}.skip-link:focus{top:10px}@media(max-width:800px){header{min-height:88px;padding:20px 4%;gap:20px;flex-wrap:wrap}.logo img{width:40px;height:40px}.logo span{font-size:17px}.logo{gap:10px}nav{gap:20px}nav a,nav button{font-size:10px;letter-spacing:1px}.works{padding:35px 5%}.collection-toolbar{display:block}.categories{gap:17px}.categories button{font-size:9px}#archive-toggle{margin-top:12px}.work-grid{gap:22px 14px;grid-template-columns:repeat(2,1fr)}.work-grid .card:last-child:nth-child(odd){grid-column:1/-1;max-width:70%;justify-self:center}.archive-grid{grid-template-columns:repeat(2,1fr);gap:23px 14px}.card h3{font-size:11px;line-height:1.6;margin-top:10px}.play-icon{width:38px;height:38px;bottom:15px;font-size:11px}.series-poster{aspect-ratio:16/9}footer{padding:38px 5%;gap:20px;flex-wrap:wrap}footer small{width:100%;text-align:center}.episode-list{grid-template-columns:1fr}dialog{padding:40px 18px 20px}}@media(max-width:430px){header{justify-content:center}nav{width:100%;justify-content:center;gap:30px}.feature{aspect-ratio:16/9}.work-grid{grid-template-columns:1fr}.work-grid .card:last-child:nth-child(odd){grid-column:auto;max-width:none}.card h3{margin-top:12px}.works{padding-top:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Fluid spacing and a single mobile navigation transition. */
header{min-height:clamp(80px,8.5vw,112px);padding:clamp(18px,2.2vw,28px) 4%;flex-wrap:nowrap;justify-content:space-between;position:relative}.logo span{font-size:clamp(17px,1.65vw,21px)}nav{width:auto;gap:clamp(20px,2.8vw,36px)}.works{padding:clamp(30px,5vw,65px) 4% clamp(35px,4.7vw,60px)}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.2vw,28px)}.work-grid .card:last-child:nth-child(odd){grid-column:auto;max-width:none;justify-self:stretch}.card{min-width:0}.menu-toggle{display:none}.collection-toolbar{flex-wrap:wrap}.categories{min-width:0}.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:768px){.logo img{width:48px;height:48px}nav a,nav button{font-size:12px;letter-spacing:2px}.collection-toolbar{display:flex}.series-poster{aspect-ratio:21/9}}@media(max-width:767px){header{min-height:80px}.logo img{width:40px;height:40px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;flex-shrink:0}.menu-toggle span{display:block;width:24px;height:1px;background:currentColor}#primary-nav{display:none;position:absolute;z-index:5;top:100%;left:0;width:100%;background:#fff;padding:20px 5% 28px;flex-direction:column;align-items:flex-start;gap:8px;border-top:1px solid #eee}#primary-nav.is-open{display:flex}#primary-nav a,#primary-nav button{font-size:13px;padding:12px 0}.work-grid{grid-template-columns:minmax(0,1fr);gap:30px}.work-grid .card:last-child:nth-child(odd){max-width:none}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-toolbar{display:block}.series-poster{aspect-ratio:16/9}.categories{gap:16px}.categories button{font-size:10px}}
/* Four selected works, and a click-operated Films disclosure. */
.work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.films-nav{position:relative}.films-submenu{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;padding:16px 22px;background:#fff;box-shadow:0 6px 24px #00000012;z-index:8;display:flex;flex-direction:column;gap:3px}.films-submenu[hidden]{display:none}.films-submenu a{font-size:12px;letter-spacing:0;text-transform:none;white-space:nowrap;padding:12px 0}.films-submenu a:hover{text-decoration:underline;text-underline-offset:5px}.chevron{display:inline-block;transition:transform .2s}#films-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}#archive-title{font-size:20px;font-weight:500;margin:0 0 25px;scroll-margin-top:25px}#archive-title:focus{outline:none}@media(max-width:1000px) and (min-width:768px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.work-grid{grid-template-columns:minmax(0,1fr)}.films-nav{width:100%}.films-submenu{position:static;box-shadow:none;padding:0 0 12px 18px;min-width:0;border-left:1px solid #eee}#primary-nav .films-submenu a{font-size:12px;padding:10px 0}}
/* Contact is a persistent footer destination. */
footer{display:block;text-align:center}.footer-contact{padding:0 0 38px;scroll-margin-top:30px}.footer-contact h2{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin:0 0 18px}.footer-contact p{font-size:11px;letter-spacing:.4px;color:#777;line-height:1.8;margin:7px 0}.footer-contact .contact-address{font-size:13px;color:#222}.footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:25px}.footer-links small{width:100%;text-align:center}
.poster{position:relative}.series-count{position:absolute;right:10px;bottom:10px;background:#111b;color:#fff;padding:5px 8px;font-size:10px;letter-spacing:0}
/* Categorized horizontal shelves; only episode detail uses a grid. */
#catalog-rows[hidden],#archive-grid[hidden],#catalog-back[hidden]{display:none}.archive-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap}.archive-heading button{font-size:11px;padding:6px 0}.catalog-section{min-width:0;margin-bottom:48px;scroll-margin-top:28px}.catalog-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.catalog-section-heading h3{font-size:20px;font-weight:600;letter-spacing:-.5px;margin:0}.rail-controls{display:flex;gap:7px}.rail-controls button{width:34px;height:34px;border:1px solid #ddd}.rail-controls button:disabled{opacity:.25;cursor:default}.catalog-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 66px)/4);gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;padding:5px 3px 16px;scrollbar-width:thin}.catalog-rail>.card{scroll-snap-align:start;min-width:0;align-self:start}.catalog-rail>.card:focus-visible{outline-offset:0}.catalog-rail .card h3{text-align:left;line-height:1.6}.archive-toolbar{margin-bottom:35px}@media(max-width:1000px){.catalog-rail{grid-auto-columns:calc((100% - 36px)/2.3);gap:18px}}@media(max-width:600px){.catalog-rail{grid-auto-columns:78%;gap:15px}.catalog-section{margin-bottom:32px}.catalog-section-heading h3{font-size:18px}.archive-heading{gap:8px}.rail-controls button{width:32px;height:32px}}
/* Real document pages retain the existing visual layout. */
.catalog-page h1{font-size:24px;font-weight:500;margin:0 0 28px}.catalog-section-heading h2{font-size:20px;font-weight:600;letter-spacing:-.5px;margin:0}.breadcrumbs{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:0 0 30px;color:#777}.breadcrumbs a,.breadcrumbs span{font-size:11px;letter-spacing:0;text-transform:none;padding:3px 0;line-height:1.8}.breadcrumbs a:hover{text-decoration:underline}.episode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.watch-page{max-width:1200px;margin:auto;padding:35px 4% 65px}.watch-page h1{font-size:22px;font-weight:500;line-height:1.6;margin:0 0 25px}.watch-poster{position:relative;width:100%;aspect-ratio:16/9;display:block;padding:0;overflow:hidden}.watch-poster img{width:100%;height:100%;object-fit:cover;display:block}.watch-original{font-size:12px}.watch-episodes{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:35px}.watch-episodes a{font-size:12px;letter-spacing:0;text-transform:none;padding:12px;border:1px solid #ddd;line-height:1.6}.watch-episodes [aria-current=page]{background:#161616;color:white}.search-submit{font-size:12px;padding:12px 16px}.card[hidden],.catalog-section[hidden]{display:none}@media(max-width:767px){.episode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.catalog-section-heading h2{font-size:18px}.watch-page h1{font-size:18px}.watch-page{padding-top:20px}.breadcrumbs{margin-bottom:20px}}
/* Crop the baked-in left logo strip; retain the original source images. */
.card .poster{--thumbnail-trim:21.95122%;border-radius:0}
.card .poster img{position:absolute;left:calc(-1 * var(--thumbnail-trim));top:calc(-.5 * var(--thumbnail-trim));width:calc(100% + var(--thumbnail-trim));height:calc(100% + var(--thumbnail-trim));max-width:none;object-fit:cover}

/* Titles are a separate text layer over each thumbnail. */
.card .poster{container-type:inline-size;isolation:isolate}
.card .poster::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 25%,#0003 50%,#000c 100%);pointer-events:none}
.card .poster .thumbnail-title{position:absolute;z-index:2;left:7%;right:7%;bottom:9%;margin:0;color:#fff;font-size:clamp(20px,9cqw,38px);font-weight:900;letter-spacing:-.055em;line-height:1.12;text-align:left;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 2px 8px #0008;pointer-events:none}
.card .series-count{z-index:3;top:10px;bottom:auto;font-size:11px;background:#1119}
/* Centered titles with individual artwork treatments. */
.card .poster .thumbnail-title{top:50%;bottom:auto;transform:translateY(-50%);text-align:center;color:var(--title-color,#fff);text-shadow:0 2px 3px #000,0 4px 14px #000b}
.card .poster::after{background:radial-gradient(ellipse at center,#0005 0%,#0002 65%,#0001 100%)}
.card[href*="3DNaj8R4HJg"]{--title-color:#fff4a3}
.card[href*="6hY1AJ_cVM0"]{--title-color:#90ecff}
.card[href*="/series/legend/"]{--title-color:#ffdb4d}
.card[href*="/series/guunmong/"]{--title-color:#f8d8ec}

.card .poster .thumbnail-title{font-family:"Black Han Sans","Malgun Gothic",sans-serif;font-weight:400;letter-spacing:-.025em}

@font-face{font-family:"Jua";src:url("/assets/fonts/Jua-site.b25955bd9c01.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

.card[data-font=dohyeon] .thumbnail-title{font-family:"Do Hyeon",sans-serif;font-weight:400;letter-spacing:0}
.card[data-font=jua] .thumbnail-title{font-family:"Jua",sans-serif;font-weight:400;letter-spacing:-.02em}
.card[data-font=batang] .thumbnail-title{font-family:"Gowun Batang",serif;font-weight:700;letter-spacing:-.06em}

.card .poster .thumbnail-title{font-family:"Black And White Picture","Malgun Gothic",sans-serif;font-weight:400;letter-spacing:0}
.logo span{font-family:"Black And White Picture","Malgun Gothic",sans-serif;font-weight:400;letter-spacing:0}
/* Language choice stays visible at the top right on small screens too. */
.language-switch{display:flex;align-items:center;gap:7px;flex-shrink:0;font:11px Arial,sans-serif;letter-spacing:1px;white-space:nowrap}.language-switch a{padding:10px 2px;color:#888}.language-switch [aria-current=page]{color:#161616;font-weight:700}.language-switch span{color:#ccc}#primary-nav{margin-left:auto}html[lang=en] .logo span{font-size:clamp(17px,1.9vw,24px)}html[lang=en] .card .poster .thumbnail-title{font-size:clamp(18px,8cqw,34px);line-height:1.15}@media(max-width:767px){header{gap:12px}.language-switch{order:2}.menu-toggle{order:3}.logo{margin-right:auto}.logo span{font-size:15px}.logo img{width:34px;height:34px}.logo{gap:7px}.language-switch{gap:4px;font-size:10px}html[lang=en] .logo span{font-size:17px}}
/* User-selected Jua lettering for the brand and thumbnail titles. */
.logo span,.card .poster .thumbnail-title{font-family:"Jua","Malgun Gothic",sans-serif;font-weight:400;letter-spacing:0}

/* Lightweight NEW sticker over the hero, independent of the source image. */
.hero-new{position:absolute;top:clamp(18px,3.5vw,58px);left:clamp(18px,4vw,64px);display:inline-flex;align-items:center;gap:.35em;padding:.2em .55em .23em;background:#ee231b;color:#fff9e9;border:2px solid #fff9e9;border-radius:12px;box-shadow:4px 5px 0 #8f1919,0 7px 20px #0003;transform:rotate(-7deg);font-family:"Jua",Arial,sans-serif;font-size:clamp(22px,3.8vw,60px);line-height:1.15;letter-spacing:.035em;pointer-events:none}.hero-new-spark{font-family:Arial,sans-serif;font-size:.47em}

.hero-title{position:absolute;inset:0;display:grid;place-items:center;padding:16px;color:#fff8e9;font-family:"Jua","Malgun Gothic",sans-serif;font-size:clamp(46px,9vw,150px);line-height:1.15;letter-spacing:.04em;text-align:center;text-shadow:0 3px 0 #36251f,0 6px 24px #000b;pointer-events:none}

/* Native video frames have no baked-in logo strip to crop. */
.card[data-local-thumbnail] .poster img{left:0;top:0;width:100%;height:100%;object-fit:cover}


/* Match the brand lettering to the logo height. */
.logo span,html[lang=en] .logo span{font-size:clamp(32px,4.3vw,54px);line-height:1}
@media(max-width:767px){.logo{min-width:0;flex-shrink:1}.logo span,html[lang=en] .logo span{font-size:clamp(22px,5vw,34px);white-space:normal;line-height:1}}

.logo span{position:relative;top:4px}
@media(max-width:767px){.logo span{top:2px}}

/* Stronger contrast for small navigation and footer text. */
#primary-nav a,#primary-nav button{color:#3f3f3f;font-weight:600}
.footer-contact h2,.footer-links a,.footer-links button{color:#444;font-weight:600}
.footer-contact p,footer small{color:#555;font-weight:500}
.language-switch a{color:#555;font-weight:600}.language-switch [aria-current=page]{color:#333;font-weight:700}