@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--navy:#102c40;--ink:#173246;--cream:#fbf6ec;--gold:#f9c46c;--muted:#687574;--coral:#d56b4c;--line:#d9d9ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d77a42;outline-offset:5px}h1,h2,h3,.serif{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(36px,4.5vw,58px);line-height:1.05;margin-bottom:22px}h3{font-size:30px;line-height:1.12;margin-bottom:12px}p{line-height:1.75}.wrap{width:min(1180px,90%);margin:auto}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2.6px;font-weight:700;margin-bottom:20px}.muted{color:var(--muted)}.btn{display:inline-flex;gap:28px;align-items:center;border:0;background:var(--gold);color:#1a2c34;padding:17px 24px;border-radius:5px;font-weight:600;font-size:14px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#ffcf7e}.btn.outline{background:transparent;border:1px solid currentColor}.link{display:inline-block;font-size:14px;font-weight:600;border-bottom:1px solid #bc794b;padding-bottom:7px}.site-header{background:#102c40;color:#fff;border-bottom:1px solid #ffffff21}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;letter-spacing:3px;font-size:21px;white-space:nowrap}.lantern{display:inline-block;width:21px;height:29px;border:1px solid #ffcf79;border-radius:7px;background:linear-gradient(90deg,#b85f35,#ffd17a,#b85f35);box-shadow:0 0 22px #ffa63f66;position:relative}.lantern:after{content:'';position:absolute;left:9px;top:28px;height:8px;border-left:1px solid #f9c46c}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a{opacity:.8}nav a:hover{opacity:1;color:var(--gold)}.preview-badge{font-size:10px;border:1px solid #ffffff35;padding:6px 9px;border-radius:20px;color:#d8deda}.hero{position:relative;color:white;min-height:650px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#17344d}.hero:before{content:'';position:absolute;inset:0;background:url('/assets/twilight.webp') center 56%/cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b2039e8 0%,#0b2039ac 33%,#0b203925 65%),linear-gradient(0deg,#102c4077,transparent 40%);z-index:-1}.hero-copy{max-width:590px;padding:82px 0 100px}.hero .eyebrow{color:#a8d7cc}h1{font-size:clamp(55px,6.5vw,87px);line-height:1.02;letter-spacing:-1.8px;margin-bottom:25px}h1 em{font-style:normal;color:#ffcf88}.hero-copy p{max-width:420px;color:#e8e8e4;font-size:17px}.hero-caption{position:absolute;right:5%;bottom:30px;font-size:11px;letter-spacing:1px;color:#fff9}.intro-strip{background:#183b4a;color:#e7ece6;padding:22px 0}.intro-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}.intro-strip span{color:#a8c8c1}.section{padding:86px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-head h2{margin-bottom:0}.section-head p{max-width:330px;margin-bottom:4px;font-size:14px}.featured{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #d9d8ca;border-radius:8px;overflow:hidden;background:#f4edde}.featured-art{min-height:360px;background:url('/assets/twilight.webp') 80% center/cover;position:relative}.art-tag{position:absolute;left:22px;bottom:22px;background:#fff4dc;color:var(--ink);font-size:10px;padding:8px 12px;letter-spacing:1px;border-radius:20px}.featured-copy{padding:48px}.featured-copy h3{font-size:43px}.featured-copy p{font-size:15px;color:#52615f}.meta{display:flex;gap:15px;font-size:11px;color:#7b8176;margin-bottom:23px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:32px 0 26px}.filter{border:1px solid #c8d1c8;color:var(--ink);background:transparent;border-radius:30px;padding:10px 18px;font-size:12px}.filter.active{background:var(--ink);border-color:var(--ink);color:white}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.story-card{border-bottom:1px solid var(--line);padding-bottom:23px}.story-card p{font-size:13px;color:#64716c;margin-bottom:14px}.story-card h3{font-size:29px}.cover{height:210px;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;margin-bottom:22px}.cover .glyph{font-family:Georgia,serif;font-size:100px;opacity:.85;line-height:1}.sun{background:radial-gradient(circle at 62% 40%,#ffe0a0 0 14%,transparent 14.5%),linear-gradient(130deg,#224e60,#a9bdb1);color:#fff2c9}.swallow{background:linear-gradient(145deg,#bdcea5,#ece1b4);color:#36584b}.rabbit{background:radial-gradient(ellipse at 50% 140%,#36818a,transparent 65%),linear-gradient(135deg,#13314b,#65a6a2);color:#d2e9db}.soon{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#916f4c}.section.alt{background:#eeeede}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #ccd2c4;background:#ccd2c4}.collection{background:#eeeede;padding:32px 26px;min-height:200px}.collection:hover{background:#e6eadb}.collection .num{font-family:Georgia,serif;color:#b47b4b;font-size:18px}.collection h3{font-size:28px;margin-top:32px}.collection p{font-size:12px;margin:0;color:#66766b}.creatures{background:#163949;color:#f7f0df}.creatures .eyebrow{color:#a7c8b9}.creature-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:90px}.creature-layout>div>p{font-size:15px;color:#b9cdc9}.creatures details{border-top:1px solid #ffffff30;padding:25px 0}.creatures details:last-child{border-bottom:1px solid #ffffff30}.creatures summary{cursor:pointer;font-family:Georgia,serif;font-size:25px;list-style:none;display:flex;justify-content:space-between}.creatures summary:after{content:'+';color:#f9c46c}.creatures details[open] summary:after{content:'−'}.creatures details p{font-size:14px;color:#c6d6cf;max-width:470px;margin:18px 0 0}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.note{border-top:1px solid #cbd0c1;padding-top:25px}.note .eyebrow{color:#ae744c}.note p{font-size:14px;max-width:440px;color:#66726d}.about{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;border-top:1px solid var(--line);padding-top:60px}.about p{font-size:15px;color:#66726d}.closing{text-align:center;background:linear-gradient(#142f47b0,#142f47c9),url('/assets/twilight.webp') center 45%/cover;color:#fff1d4;padding:90px 20px}.closing h2{font-size:52px}.closing p{color:#d2dcd7;font-size:14px}footer{background:#102c40;color:#a5bbb8;padding:35px 0;font-size:11px}footer .wrap{display:flex;justify-content:space-between;gap:30px}footer a{color:#e8ecde}.story-hero{min-height:470px}.story-hero .hero-copy{max-width:720px;padding:60px 0}.story-hero h1{font-size:clamp(48px,6vw,72px)}.story-hero .korean{font-family:Arial,sans-serif;color:#c6d5cc;font-size:15px}.breadcrumbs{font-size:11px;display:flex;gap:12px;margin-bottom:35px;color:#cad5cc}.reader-toolbar{border-bottom:1px solid #dadccf;background:#f1eddf;position:sticky;top:0;z-index:10}.toolbar-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:65px}.toolbar-inner a{font-size:12px}.reader-controls{display:flex;align-items:center;gap:8px}.reader-controls button{border:1px solid #c5ccbf;background:transparent;border-radius:4px;color:var(--ink);padding:7px 12px;font-size:12px}.reader-controls button[aria-pressed=true]{background:var(--ink);color:white}.reading-layout{display:grid;grid-template-columns:170px minmax(0,690px);justify-content:center;gap:70px;padding-top:65px;padding-bottom:80px}.toc{position:sticky;top:100px;align-self:start;font-size:12px}.toc a{display:block;padding:10px 0;color:#69766d}.toc .eyebrow{font-size:9px}.story-text{font-family:Georgia,serif;font-size:19px;color:#303c3c;line-height:1.95}.story-text p{line-height:inherit;margin-bottom:26px}.story-text .opening:first-letter{float:left;font-family:Georgia,serif;font-size:80px;line-height:.8;padding:12px 10px 0 0;color:#b76c3d}.story-text h2{font-size:35px;margin-top:50px}.story-text .divider{text-align:center;font-size:23px;letter-spacing:15px;color:#b77a45;margin:40px 0}.story-text blockquote{border-left:2px solid #c88a4b;margin:35px 0;padding:5px 0 5px 25px;font-style:italic;color:#82613d;font-size:24px}.afterword{border-top:1px solid var(--line);font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.8;margin-top:55px}.afterword h2{font-size:34px}.afterword a{text-decoration:underline;text-underline-offset:3px}.source{background:#eeecdf;padding:25px;border-radius:5px}.sample-note{font-family:'DM Sans',sans-serif;font-size:11px;color:#888673;padding:12px 0 25px}.night-reading{--cream:#142d39;--ink:#e9e6d7;--line:#48605e}.night-reading .story-text{color:#dbe1d6}.night-reading .reader-toolbar,.night-reading .source{background:#1c3945}.night-reading .sample-note,.night-reading .toc a{color:#b0bdb4}[hidden]{display:none!important}
@media(max-width:800px){.header-inner{height:72px}.brand{font-size:16px;letter-spacing:2px}nav{gap:17px;font-size:11px}.preview-badge{display:none}.hero{min-height:620px}.hero:before{background-position:65% center}.hero:after{background:linear-gradient(90deg,#0b2039d9,#0b203955),linear-gradient(0deg,#102c40bb,transparent)}.hero-copy{padding:65px 0;max-width:500px}.hero-copy p{max-width:320px}.hero-caption{display:none}.section{padding:60px 0}.section-head{display:block}.section-head p{margin-top:20px}.featured{grid-template-columns:1fr}.featured-art{min-height:290px}.featured-copy{padding:30px}.story-grid{gap:17px}.cover{height:160px}.collection-grid{grid-template-columns:repeat(2,1fr)}.creature-layout{grid-template-columns:1fr;gap:25px}.reading-layout{grid-template-columns:minmax(0,650px);gap:0}.toc{display:none}.about{gap:30px}.story-hero{min-height:420px}.intro-strip span{display:none}}
@media(max-width:520px){nav a:nth-child(2),nav a:nth-child(3){display:none}h1{font-size:55px}.hero{min-height:650px}.hero-copy{padding-top:45px}.hero-copy p{font-size:15px;max-width:280px}.hero:before{background-position:62% center}.hero:after{background:linear-gradient(90deg,#0c2540d9,#0c254044),linear-gradient(0deg,#0c2540a9,transparent)}.intro-strip .wrap{font-size:11px}.intro-strip .link{font-size:11px}.featured-copy h3{font-size:37px}.story-grid{grid-template-columns:1fr}.story-card{display:grid;grid-template-columns:115px 1fr;gap:17px;padding-bottom:20px}.cover{height:150px;margin:0}.cover .glyph{font-size:63px}.story-card h3{font-size:25px}.story-card p{font-size:12px}.notes-grid,.about{grid-template-columns:1fr;gap:25px}.collection{padding:25px 18px}.collection h3{font-size:25px}.closing h2{font-size:40px}.toolbar-inner{gap:8px}.toolbar-inner>a{font-size:11px}.reader-controls{gap:5px}.reader-controls button{padding:7px 9px}.story-text{font-size:18px}.story-hero h1{font-size:48px}.story-hero{min-height:450px}footer .wrap{flex-direction:column;gap:12px}.reading-layout{padding-top:35px}.featured-art{min-height:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Expanded navigation and reusable content layouts */
nav{gap:21px;font-size:12px}.header-inner{width:min(1320px,94%)}.brand{font-size:19px;letter-spacing:2px}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:13px 30px}.page-top{background:#173949;color:#f7f0df;padding:65px 0 58px}.page-top h1{font-size:clamp(45px,6vw,72px);max-width:900px}.page-top p{max-width:650px;color:#c4d3c9}.prose{max-width:760px;padding-top:60px;padding-bottom:90px;font-size:17px;line-height:1.85}.prose h2{font-size:36px;margin:45px 0 17px}.prose h2:first-child{margin-top:0}.prose h3{margin-top:32px}.prose a{text-decoration:underline;text-underline-offset:4px}.prose li{margin-bottom:10px}.prose .source{margin-top:40px;font-size:14px}.skip{position:fixed;top:-100px;left:10px;background:#ffe1a0;color:#173246;padding:14px;z-index:100}.skip:focus{top:10px}.menu-toggle{display:none}.story-text figure{margin:35px -35px}.story-text figure img{display:block;width:100%;height:auto;border-radius:5px}.story-text figcaption{font:11px/1.6 'DM Sans',sans-serif;color:#68786d;margin:12px 0}.ad-slot{border:1px dashed #c6cbbf;min-height:120px;display:flex;align-items:center;justify-content:center;font:10px 'DM Sans',sans-serif;letter-spacing:1px;text-transform:uppercase;color:#889184;margin:35px 0}.related-link{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--line);margin-bottom:20px;text-decoration:none!important}.listing-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.listing-card .cover{height:300px}.listing-card h2{font-size:37px}.listing-card p{color:#66766b}.tiger{background:url('/assets/twilight.webp') 80% center/cover}.sun,.swallow,.rabbit{background-image:url('/assets/tales.webp');background-size:300% 100%}.sun{background-position:0 center}.swallow{background-position:50% center}.rabbit{background-position:100% center}.cover .glyph{display:none}.panel-art{height:360px;border-radius:5px;background-size:300% 100%}.search-results{max-width:900px}.search-results article{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:35px}.search-results h2{font-size:36px}.search-results p{font-size:14px;color:#66766b}#search{display:block;margin-top:15px;background:#f9f4e8;color:var(--ink);border:1px solid #a8b9aa;padding:20px;width:min(650px,100%);border-radius:5px;font-size:17px}.page-top label{font-size:13px}.soon-countries{display:grid;grid-template-columns:1fr 1fr;gap:35px;opacity:.6}.soon-countries h2{font-size:32px}.night-reading figcaption{color:#b7c6bb}.night-reading .ad-slot{color:#b7c6bb;border-color:#577366}
@media(max-width:1000px){.menu-toggle{display:block;border:1px solid #ffffff50;border-radius:4px;background:transparent;color:#fff;padding:8px 12px;font-size:12px}nav{display:none!important;position:absolute;top:72px;left:0;right:0;background:#102c40;z-index:30;padding:25px 5%;flex-direction:column;align-items:start;gap:20px;border-bottom:1px solid #627a7a}nav.open{display:flex!important}nav a{display:block!important;font-size:15px}.header-inner{height:72px}.story-text figure{margin:30px 0}.page-top{padding:45px 0}.panel-art{height:300px}}
@media(max-width:520px){.listing-grid{grid-template-columns:1fr}.listing-card .cover{height:250px}.page-top h1{font-size:46px}.footer-links{gap:15px 20px}.prose{font-size:16px;padding-top:40px}.panel-art{height:270px}.related-link{display:block}.related-link span{display:block;margin-bottom:8px}.story-hero h1{font-size:43px}.hero:before{background-position:68% center}}
.country-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.country{padding:35px 26px;border:1px solid #d0d4c6;border-radius:5px;background:#f0ede1}.country.active{background:#244b54;color:#fff0d4}.country h3{font-size:37px}.country h3 span{font:15px Arial;opacity:.6;margin-left:10px}.country p{font-size:12px;margin-bottom:0}.country .eyebrow{font-size:9px}@media(max-width:600px){.country-grid{grid-template-columns:1fr}.country{padding:25px}.country h3{margin-bottom:10px}}
/* Twilight dark theme (Joe 2026-10-29: keep the dark look, a bit brighter) */
:root{--bg:#183650;--bg2:#1e4060;--panel:#234a6a;--panel2:#2a5476;--text:#f3ecdc;--soft:#c3d0d3;--cream:#183650;--ink:#f3ecdc;--muted:#b4c3c7;--line:#ffffff24}
body{background:var(--bg);color:var(--text)}
.site-header{background:#132e45f2;backdrop-filter:blur(6px)}
.intro-strip{background:#1f4a5c}
.section{background:var(--bg)}.section.alt{background:var(--bg2)}
.section-head p,.muted,.story-card p,.note p,.about p,.listing-card p,.search-results p,.collection p,.page-top p{color:var(--soft)}
.featured{background:var(--panel);border-color:#ffffff1f;box-shadow:0 18px 40px #0a18282e}
.featured-copy p{color:var(--soft)}.meta{color:#9fb3b8}
.filter{border-color:#ffffff40;color:var(--text)}.filter.active{background:var(--gold);border-color:var(--gold);color:#16283a}
.story-card{border-bottom-color:var(--line)}
.soon{color:#f2b98a}
.collection-grid{border-color:#ffffff22;background:#ffffff22}.collection{background:var(--bg2)}.collection:hover{background:var(--panel)}.collection .num{color:var(--gold)}
.creatures{background:#122c43}
.note{border-top-color:var(--line)}.note .eyebrow{color:#f2b98a}
.about{border-top-color:var(--line)}
.link{border-bottom-color:var(--gold)}
.country{background:var(--panel);border-color:#ffffff1f;color:var(--text)}.country.active{background:linear-gradient(135deg,#2f6a6c,#244f66);color:#fff3da}
.page-top{background:linear-gradient(180deg,#132e45,#1b3a55)}
.reader-toolbar{background:#1c3d58;border-bottom-color:var(--line)}
.reader-controls button{border-color:#ffffff40;color:var(--text)}.reader-controls button[aria-pressed=true]{background:var(--gold);color:#16283a}
.toc a{color:#b4c3c7}
.story-text{color:#e8e2d3}.story-text .opening:first-letter{color:var(--gold)}.story-text blockquote{color:#f2c48e;border-left-color:var(--gold)}.story-text figcaption{color:#a9bbbf}
.source{background:var(--panel)}.sample-note{color:#9fb3b8}
.ad-slot{border-color:#ffffff33;color:#9fb3b8}
#search{background:#132e45;color:var(--text);border-color:#ffffff40}
footer{background:#0f263a}
.art-tag{background:#16283ae6;color:#fff3da}
/* Front page rebuilt to Joe's reference mockup (2026-10-29) */
h1,h2,h3,.serif{font-family:'Source Serif 4',Georgia,serif;font-weight:700;letter-spacing:-.02em}
.brand{font-family:'Source Serif 4',Georgia,serif;font-weight:400;letter-spacing:4px}
.lantern{width:24px;height:30px;border-radius:45%;border:0;background:radial-gradient(circle at 50% 40%,#ffb36b,#e2542f 60%,#9b2d1c);box-shadow:0 0 18px #ff7a3c99}
.lantern:before{content:'';position:absolute;left:7px;top:-4px;width:10px;height:4px;background:#3a1a12;border-radius:2px}
.lantern:after{left:11px;top:30px;border-left-color:#e2542f}
.btn{border-radius:999px;font-family:'Source Serif 4',Georgia,serif;font-size:16px;font-weight:600;padding:13px 24px;gap:14px}
.btn.coral{background:#ea6a46;color:#fff}.btn.coral:hover{background:#f07a56}
.home .site-header{position:absolute;left:0;right:0;top:0;z-index:20;background:linear-gradient(#0b1a2cb0,transparent);border:0;backdrop-filter:none}
.lm-hero{position:relative;color:#fff;background:#14273f;isolation:isolate;padding-bottom:56px}
.lm-hero:before{content:'';position:absolute;inset:0 0 auto 0;height:820px;background:url('/assets/twilight.webp') 70% 40%/cover;z-index:-2}
.lm-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c1d33d9 0%,#0c1d3388 38%,transparent 65%),linear-gradient(0deg,#14273f 0%,#14273f 22%,transparent 48%);z-index:-1}
.lm-hero-inner{min-height:640px;display:flex;align-items:center;padding-top:90px}
.lm-hero-copy{max-width:560px}.lm-hero .eyebrow{color:#8fd3c0;letter-spacing:3px}
.lm-hero h1{font-size:clamp(52px,6.4vw,86px);line-height:.98;letter-spacing:-.03em;margin-bottom:22px}.lm-hero h1 em{font-style:normal;color:#f6cf8a}
.lm-hero-copy p{font-family:'Source Serif 4',Georgia,serif;font-size:20px;line-height:1.45;color:#eef0ea;max-width:470px;margin-bottom:30px}
.lm-featured{display:grid;grid-template-columns:.9fr 1.4fr;border:1px solid #ffffff38;border-radius:10px;overflow:hidden;background:#13233a;box-shadow:0 20px 50px #0007;margin-top:10px}
.lm-featured-copy{padding:38px 40px;align-self:center}.lm-featured .eyebrow{color:#f6cf8a;font-size:10px;margin-bottom:12px}
.lm-featured h2{font-size:clamp(30px,3.2vw,42px);line-height:1.05;margin-bottom:12px}.lm-featured p{font-family:'Source Serif 4',Georgia,serif;color:#d9dfe0;font-size:16px;line-height:1.45;margin-bottom:22px}
.lm-featured-art{min-height:300px;background:url('/assets/twilight.webp') 72% 38%/cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}
.lm-cream{background:#faf4e8;color:#14233a;padding:70px 0 80px}
.lm-cream h2,.lm-cream h3{color:#14233a}.lm-cream p{color:#4a5560}
.lm-title{display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:22px;margin-bottom:34px}
.lm-title h2{font-size:clamp(34px,4.4vw,56px);margin:0}.lm-title p{font-family:'Source Serif 4',Georgia,serif;font-size:13px;line-height:1.5;margin:0;color:#56606a}
.cloud{height:30px;background:linear-gradient(#d9a75f,#d9a75f) center/100% 1px no-repeat;position:relative}
.cloud:before{content:'';position:absolute;left:0;top:0;width:58px;height:30px;background:radial-gradient(circle at 30% 60%,transparent 7px,#d9a75f 7px,#d9a75f 8.5px,transparent 9px),radial-gradient(circle at 60% 45%,transparent 10px,#d9a75f 10px,#d9a75f 11.5px,transparent 12px);background-color:#faf4e8}
.cloud.flip:before{left:auto;right:0;transform:scaleX(-1)}
.lm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lm-card{background:#fff;border:1px solid #eadfcb;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.lm-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #14233a22}
.lm-card-art{aspect-ratio:1.05;background-image:url('/assets/tales.webp');background-size:300% 100%;position:relative}
.lm-card-art.sun{background-position:0 center}.lm-card-art.swallow{background-position:50% center}.lm-card-art.rabbit{background-position:100% center}
.tag{position:absolute;left:14px;top:14px;font:600 9.5px 'DM Sans',sans-serif;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;border-radius:20px;background:#ffffff26;color:#fff;border:1px solid #ffffff40}
.tag.mint{background:#cdeedd;color:#24584a;border:0}.tag.pink{background:#f9d6cb;color:#8b3a26;border:0}.tag.blue{background:#d3e4f7;color:#24477a;border:0}
.lm-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px}
.lm-card-foot h3{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0}.arr{color:#ea6a46;font-size:22px}
.lm-moods{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:34px}
.lm-moods-label{font:600 11px 'DM Sans',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#8a6a43;margin-right:6px}
.lm-moods a{border:1px solid #dccdb2;border-radius:999px;padding:8px 16px;font-family:'Source Serif 4',Georgia,serif;font-size:15px;color:#14233a;background:#fff}.lm-moods a:hover{border-color:#ea6a46;color:#ea6a46}
.lm-dark{background:#172d47;color:#f3ecdc;padding:80px 0}
.lm-dark .eyebrow{color:#8fd3c0}.lm-dark p{color:#c3cfd3}
.lm-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.lm-head h2,.lm-split h2{font-size:clamp(32px,3.8vw,48px);line-height:1.08;margin:0}
.lm-countries{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lm-country{position:relative;border:1px solid #ffffff26;border-radius:10px;padding:64px 26px 26px;background:#1f3a58}
.lm-country.open{background:linear-gradient(135deg,#2c6766,#22476a)}.lm-country h3{font-size:34px;margin-bottom:8px}.lm-country h3 span{font:400 15px 'DM Sans',sans-serif;opacity:.65;margin-left:8px}.lm-country p{font-size:14px;margin:0}
.lm-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.eyebrow.dark{color:#8a6a43}.link.dark{color:#14233a;border-bottom-color:#ea6a46}
.lm-creature-list a{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #e3d6bf;padding:18px 0;font-family:'Source Serif 4',Georgia,serif}.lm-creature-list a:last-child{border-bottom:1px solid #e3d6bf}
.lm-creature-list b{font-size:24px;font-weight:600;color:#14233a}.lm-creature-list span{color:#8a6a43;font-size:16px}
.lm-closing{position:relative;color:#fff;padding:110px 0 100px;background:linear-gradient(90deg,#0c1d33e6,#0c1d3366 60%,transparent),url('/assets/twilight.webp') center 35%/cover}
.lm-closing h2{font-size:clamp(36px,4.2vw,54px);line-height:1.05;margin-bottom:16px}
.mountain{display:block;width:120px;height:26px;margin:0 0 28px;background:linear-gradient(#f6cf8a,#f6cf8a) 0 100%/34px 2px no-repeat,linear-gradient(160deg,transparent 48%,#d9a75f 49% 52%,transparent 53%) 40px 0/40px 26px no-repeat,linear-gradient(20deg,transparent 48%,#d9a75f 49% 52%,transparent 53%) 80px 4px/36px 22px no-repeat}
@media(max-width:900px){.lm-featured{grid-template-columns:1fr}.lm-featured-art{min-height:220px;-webkit-mask-image:none;mask-image:none;order:-1}.lm-title{grid-template-columns:1fr;text-align:center}.cloud{display:none}.lm-cards,.lm-countries{grid-template-columns:1fr}.lm-split{grid-template-columns:1fr;gap:24px}.lm-head{display:block}.lm-head .link{margin-top:16px}.lm-hero-inner{min-height:560px}}
.lm-hero-copy{max-width:660px}
@media(max-width:700px){.lm-hero:after{background:linear-gradient(180deg,#0c1d33cc 0%,#0c1d33b3 45%,#14273f 70%)}.lm-hero:before{height:700px;background-position:72% 30%}.lm-hero h1{font-size:50px}.lm-hero-copy p{font-size:18px}}
/* individual square crops instead of stretched triptych */
.sun,.lm-card-art.sun{background:url('/assets/tale-sun.webp') center/cover}
.swallow,.lm-card-art.swallow{background:url('/assets/tale-heungbu.webp') center/cover}
.rabbit,.lm-card-art.rabbit{background:url('/assets/tale-rabbit.webp') center/cover}
.panel-art{height:auto;aspect-ratio:1/1;max-width:560px;margin:0 auto;background-size:cover!important}
.story-text figure{margin:36px 0}
.story-text figcaption{margin:10px 0 0}
.panel-art{width:100%;max-width:none;aspect-ratio:4/3;border-radius:5px}
.lm-closing{background:linear-gradient(90deg,#0c1d33e6,#0c1d3388 55%,#0c1d3322),url('/assets/sky-ropes.webp') center 40%/cover}
.lm-featured-art{background:url('/assets/thief.webp') 60% 45%/cover}
/* Front page v2 (Joe's second reference, design/front-v2-reference.jpg) */
.lm-tight{padding:56px 0 60px}
.eyebrow.center{text-align:center;margin-bottom:6px}.eyebrow.teal{color:#2c6f68}
.lm-title{grid-template-columns:1fr auto 1fr}
.lm-cream .lm-title p{display:none}
#stories .lm-title{grid-template-columns:1fr auto auto 1fr}#stories .lm-title p{display:block}
.cloud{height:34px;background:url('/assets/home/cloud-ornament.webp') left center/auto 100% no-repeat,linear-gradient(#d9a75f,#d9a75f) 60px center/100% 1px no-repeat}
.cloud:before{display:none}
.cloud.flip{transform:scaleX(-1)}
.lm-countries2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lm-cc{position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;border:2px solid #c99b52;background:var(--art) center/cover;color:#fff;display:flex;align-items:flex-end;box-shadow:0 12px 26px #14233a30;transition:transform .2s}
a.lm-cc:hover{transform:translateY(-4px)}
.lm-cc:before{content:'';position:absolute;inset:40% 0 0 0;background:linear-gradient(transparent,#0c1d33ee)}
.lm-cc .tag{z-index:1}
.lm-cc-foot{position:relative;padding:22px;width:100%}
.lm-cc-foot h3{color:#fff!important;font-size:40px;margin:0;line-height:1}.lm-cc-foot>span[lang]{display:block;font-size:20px;margin:4px 0 14px;color:#fff}
.btn.small{font-size:15px;padding:9px 18px}.btn.ghost{background:transparent;border:1px solid #ffffffb0;color:#fff}
.lm-curious{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.lm-curious h3{font-size:26px;margin:0 10px 0 0}.cloud.small{width:56px;height:26px;background:url('/assets/home/cloud-ornament.webp') left center/auto 100% no-repeat}
.lm-curious a{display:inline-flex;align-items:center;gap:8px;border:1px solid #e3d3b6;border-radius:999px;padding:9px 18px;background:#fff;font-family:'Source Serif 4',Georgia,serif;font-size:15px;color:#14233a}
.lm-curious a i{font-style:normal;color:#e08a2c}.lm-curious a:hover{border-color:#ea6a46}
.lm-creatures2{background:linear-gradient(#14273fee,#14273fee),url('/assets/twilight.webp') center/cover;color:#fff;padding:44px 0}
.lm-cr-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:16px;align-items:stretch}
.lm-cr-grid h2{font-size:clamp(30px,3vw,40px);line-height:1.08;margin-bottom:12px}.lm-cr-grid p{color:#d1dade;font-size:15px;line-height:1.5}
.lm-cr{position:relative;min-height:240px;border:1px solid #c99b5299;border-radius:8px;overflow:hidden;background:var(--art) center 30%/cover;display:flex;align-items:flex-end;justify-content:space-between;padding:14px}
.lm-cr:before{content:'';position:absolute;inset:45% 0 0 0;background:linear-gradient(transparent,#0c1d33f0)}
.lm-cr div,.lm-cr i{position:relative}.lm-cr b{display:block;font-family:'Source Serif 4',Georgia,serif;font-size:20px}.lm-cr span{font-size:12px;color:#d6dde0;line-height:1.35;display:block;max-width:150px}.lm-cr i{font-style:normal;color:#fff;font-size:18px}
.lm-bt-head{display:flex;align-items:baseline;gap:20px;margin-bottom:20px}.lm-bt-head h2{font-size:clamp(30px,3.2vw,40px);margin:0}.lm-bt-head p{font-size:13px;margin:0;max-width:260px}
.lm-bt{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lm-bt a{display:grid;grid-template-columns:200px 1fr 30px;align-items:center;gap:20px;background:#fff;border:1px solid #eadfcb;border-radius:8px;overflow:hidden;padding-right:16px}
.lm-bt img{width:100%;height:140px;object-fit:cover}.lm-bt h3{font-size:22px;font-weight:600;margin-bottom:6px}.lm-bt p{font-size:13px;line-height:1.5;margin:0}.lm-bt i{font-style:normal;color:#ea6a46;font-size:20px}
.lm-closing{background:linear-gradient(90deg,#0c1d33cc,#0c1d3344 50%,transparent),url('/assets/home/closing-lantern-lake.webp') center/cover;padding:120px 0 110px}
@media(max-width:900px){.lm-countries2{grid-template-columns:1fr}.lm-cc{aspect-ratio:4/3}.lm-cr-grid{grid-template-columns:1fr}.lm-cr{min-height:200px}.lm-bt{grid-template-columns:1fr}.lm-bt a{grid-template-columns:120px 1fr 24px}.lm-bt img{height:120px}.lm-bt-head{display:block}.lm-curious h3{width:100%}.lm-title{grid-template-columns:1fr}}
.lm-closing{background:linear-gradient(90deg,#0c1d33d9 0%,#0c1d3399 35%,#0c1d3300 60%),url('/assets/home/closing-lantern-lake.webp') 70% center/cover no-repeat,#0c1d33}
/* Illustrated inner-page headers */
.page-top.illustrated{position:relative;isolation:isolate;overflow:hidden;min-height:440px;display:flex;align-items:center}
.page-top.illustrated .page-top-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus,70% 50%);z-index:-2}
.page-top.illustrated:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c2038f2 0%,#0c2038c4 40%,#0c203818 85%);z-index:-1}
.page-top.illustrated .wrap>*{max-width:640px}
@media(max-width:800px){.page-top.illustrated{min-height:380px}.page-top.illustrated:after{background:linear-gradient(90deg,#0c2038ee,#0c203880),linear-gradient(0deg,#0c203866,transparent)}}
.hub-stories{margin:40px 0}.hub-stories .listing-grid{margin-top:20px}.hub-stories h3{margin:8px 0}.hub-stories .cover{display:block}
.lm-cr-soon{cursor:default}.lm-cr.lm-cr-soon i.soon-tag{position:relative;align-self:flex-end;white-space:nowrap;font-style:normal;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:#0c2038cc;color:#f6c774;padding:5px 10px;border-radius:20px}
@media(max-width:380px){.brand{font-size:15px;letter-spacing:1.2px;gap:8px}.menu-toggle{padding:8px 10px}.header-inner{gap:8px}}
@media(max-width:380px){.lm-hero h1{font-size:40px}.lm-hero-copy{min-width:0;max-width:100%}}
.goblinclub,.lm-card-art.goblinclub{background:url('/assets/art/dokkaebi-magic-club-1.webp') center/cover}
.greenfrog,.lm-card-art.greenfrog{background:url('/assets/art/green-frog-1.webp') center/cover}
.kongjwi,.lm-card-art.kongjwi{background:url('/assets/art/kongjwi-and-patjwi-2.webp') center/cover}
.woodcutter,.lm-card-art.woodcutter{background:url('/assets/art/woodcutter-and-the-fairy-3.webp') center/cover}
.dangun,.lm-card-art.dangun{background:url('/assets/art/dangun.webp') center/cover}
.jumong,.lm-card-art.jumong{background:url('/assets/art/jumong.webp') center/cover}
.eggbirth,.lm-card-art.eggbirth{background:url('/assets/art/egg-birth-myths.webp') center/cover}
.janghwa,.lm-card-art.janghwa{background:url('/assets/art/janghwa-and-hongryeon.webp') center/cover}
.shimcheong,.lm-card-art.shimcheong{background:url('/assets/art/shim-cheong.webp') center/cover}
.chunhyang,.lm-card-art.chunhyang{background:url('/assets/art/chunhyang.webp') center/cover}
.honggildong,.lm-card-art.honggildong{background:url('/assets/art/hong-gildong.webp') center/cover}
.arang,.lm-card-art.arang{background:url('/assets/art/arang.webp') center/cover}
.gratefulmagpie,.lm-card-art.gratefulmagpie{background:url('/assets/art/grateful-magpie.webp') center/cover}
.lazymanox,.lm-card-art.lazymanox{background:url('/assets/art/lazy-man-ox.webp') center/cover}
.snailbride,.lm-card-art.snailbride{background:url('/assets/art/snail-bride.webp') center/cover}
.oldmanlump,.lm-card-art.oldmanlump{background:url('/assets/art/old-man-lump.webp') center/cover}
.ondal,.lm-card-art.ondal{background:url('/assets/art/ondal-and-pyeonggang.webp') center/cover}
.gyeonu,.lm-card-art.gyeonu{background:url('/assets/art/gyeonu-and-jiknyeo.webp') center/cover}
.magicmillstone,.lm-card-art.magicmillstone{background:url('/assets/art/magic-millstone.webp') center/cover}
.seolmundae,.lm-card-art.seolmundae{background:url('/assets/art/seolmundae-halmang.webp') center/cover}
.bearwife,.lm-card-art.bearwife{background:url('/assets/art/bear-wife-gomnaru.webp') center/cover}
.brothersgold,.lm-card-art.brothersgold{background:url('/assets/art/brothers-gold.webp') center/cover}
.jeonwoochi,.lm-card-art.jeonwoochi{background:url('/assets/art/jeon-woochi.webp') center/cover}
.kimseondal,.lm-card-art.kimseondal{background:url('/assets/art/kim-seondal.webp') center/cover}
.cinderellakongjwi,.lm-card-art.cinderellakongjwi{background:url('/assets/art/cinderella-kongjwi.webp') center/cover}
.swanmaidens,.lm-card-art.swanmaidens{background:url('/assets/art/swan-maidens.webp') center/cover}
.sunmoonredridinghood,.lm-card-art.sunmoonredridinghood{background:url('/assets/art/sun-moon-red-riding-hood.webp') center/cover}
.story-hero:before{background-image:var(--hero-img,url('/assets/home/closing-lantern-lake.webp'))}
/* Portrait phones: show header art clearly above the title instead of under a dark veil (Joe 10-30) */
@media(max-width:700px) and (orientation:portrait){.story-hero{display:block;min-height:0;padding-top:min(75vw,460px);background:var(--bg)}.story-hero:before{bottom:auto;height:min(75vw,460px);background-position:center 35%}.story-hero:after{bottom:auto;height:min(75vw,460px);background:linear-gradient(0deg,var(--bg) 0,transparent 28%)}.story-hero .hero-copy{padding:8px 0 44px}.story-hero .hero-copy p{max-width:none}.page-top.illustrated{display:block;min-height:0;padding:0 0 40px}.page-top.illustrated .page-top-art{inset:auto;z-index:0}.page-top.illustrated .page-top-art{position:relative;display:block;height:min(75vw,460px)}.page-top.illustrated:after{bottom:auto;height:min(75vw,460px);background:linear-gradient(0deg,#173949 0,transparent 28%)}.page-top.illustrated .wrap{padding-top:8px}}
/* Bright reading surface, toggled by the reader (Joe 10-30) */
.bright-reading .reading-layout{background:#fbf6ec;box-shadow:0 0 0 100vmax #fbf6ec;clip-path:inset(0 -100vmax)}.bright-reading .story-text,.bright-reading .story-text p{color:#303c3c}.bright-reading .story-text h2,.bright-reading .afterword,.bright-reading .afterword h2,.bright-reading .toc a{color:#173246}.bright-reading .story-text .opening:first-letter{color:#b76c3d}.bright-reading .reader-toolbar{background:#f1eddf}.bright-reading .reader-toolbar a,.bright-reading .reader-controls button{color:#173246;border-color:#c5ccbf}.bright-reading .reader-controls button[aria-pressed=true]{background:#173246;color:#fff}.bright-reading .source{background:#eeecdf;color:#303c3c}.bright-reading .ad-slot{background:#efe9da;color:#7b7a6b;border-color:#d8d2c0}.bright-reading .story-text figcaption{color:#5d6a66}
@media(max-width:600px){.lm-hero-inner{min-height:0;align-items:flex-start;padding-top:118px;padding-bottom:34px}}
@media(min-width:900px){.page-top.illustrated{background:#0c2038}.page-top.illustrated .page-top-art{left:auto;width:auto;max-width:none;aspect-ratio:3/2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}.story-hero:before{left:auto;width:auto;height:100%;aspect-ratio:3/2;background-size:cover;background-position:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}}
.ad-slot{display:none!important}
.listing-card{position:relative}.listing-card h2 a:after{content:"";position:absolute;inset:0;z-index:1}.listing-card:hover .cover{filter:brightness(1.08)}
.lm-newtale{background:#0f2238;padding:56px 0}.lm-newtale .lm-featured{margin-top:0}.lm-newtale .lm-featured-art{background:url('/assets/art/arang.webp') 70% 40%/cover}
.lm-hero{overflow:hidden}
.lm-hero{padding-bottom:0}.lm-newtale{background:#14273f;padding:8px 0 64px}@media(max-width:600px){.lm-newtale br{display:none}}
@media(max-width:700px){.lm-hero:before{height:min(100vw,640px);background-position:74% 30%}.lm-hero:after{background:linear-gradient(180deg,#0c1d3399 0%,#0c1d3300 16%,#0c1d3300 42%,#14273fcc min(78vw,500px),#14273f min(100vw,640px))}.lm-hero-inner{padding-top:min(62vw,400px)}.lm-hero h1,.lm-hero .eyebrow{text-shadow:0 2px 14px #0c1d33}}
.lm-card-art{aspect-ratio:4/3}.lm-card-foot h3{font-size:20px}
@media(max-width:900px){.lm-cards{grid-template-columns:repeat(2,1fr);gap:12px}.lm-card-foot{padding:10px 12px}.lm-card-foot h3{font-size:15px;line-height:1.25}.lm-card-foot .arr{display:none}.lm-card-art .tag{font-size:9px;padding:3px 7px;top:8px;left:8px;letter-spacing:.06em}}
/* New-tale banner: its own warm lantern-red band and a paper card, so it reads apart from the navy hero */
.lm-newtale{background:linear-gradient(135deg,#5b1f2c 0%,#7a2f2a 55%,#9a4a27 100%);padding:44px 0;border-top:1px solid #f6cf8a55}
.lm-newtale .lm-featured{background:#f8efdf;border:1px solid #f6cf8a;box-shadow:0 18px 40px #2a0b1266;color:#1f2a3c}
.lm-newtale .lm-featured .eyebrow{color:#a8432a}
.lm-newtale .lm-featured h2{color:#1b2840}
.lm-newtale .lm-featured p{color:#3c4656}
.lm-newtale .lm-featured-art{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%);mask-image:linear-gradient(90deg,transparent,#000 14%)}
@media(max-width:900px){.lm-newtale{padding:28px 0}.lm-newtale .lm-featured-art{-webkit-mask-image:none;mask-image:none}}
.donkeyearsking,.lm-card-art.donkeyearsking{background:url('/assets/art/donkey-ears-king.webp') center/cover}
.emillebell,.lm-card-art.emillebell{background:url('/assets/art/emille-bell.webp') center/cover}
.faithfuldog,.lm-card-art.faithfuldog{background:url('/assets/art/faithful-dog-osu.webp') center/cover}
.yeonoseo,.lm-card-art.yeonoseo{background:url('/assets/art/yeono-and-seo.webp') center/cover}
.seodong,.lm-card-art.seodong{background:url('/assets/art/seodong-and-seonhwa.webp') center/cover}
.mangbuseok,.lm-card-art.mangbuseok{background:url('/assets/art/mangbuseok.webp') center/cover}
.toad,.lm-card-art.toad{background:url('/assets/art/toad-repays.webp') center/cover}
.suro,.lm-card-art.suro{background:url('/assets/art/lady-suro.webp') center/cover}
.cheoyong,.lm-card-art.cheoyong{background:url('/assets/art/cheoyong.webp') center/cover}
.filialtiger,.lm-card-art.filialtiger{background:url('/assets/art/tiger-and-filial-son.webp') center/cover}