/*
Theme Name: Enigma Lore — Cổ Thư Biên Tập
Theme URI: https://enigmalore.com/
Description: Premium dark editorial Flatsome child theme with modular UX Builder sections.
Author: Enigma Lore
Template: flatsome
Version: 1.2.0
Text Domain: enigma-editorial
*/
:root{--ee-bg:#0c0a08;--ee-paper:#15110d;--ee-paper2:#1d1711;--ee-gold:#b68a4c;--ee-gold-light:#ddbf83;--ee-text:#eee5d6;--ee-muted:#a69a88;--ee-line:rgba(182,138,76,.3);--ee-serif:"Cormorant Garamond",Georgia,serif;--ee-sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ee-bg);color:var(--ee-text);font-family:var(--ee-sans)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.ee-wrap{width:min(1200px,calc(100% - 40px));margin:auto}.ee-eyebrow{color:var(--ee-gold);font:600 10px/1.4 var(--ee-sans);letter-spacing:.3em;text-transform:uppercase}.ee-section{padding:86px 0}.ee-section--paper{background:var(--ee-paper)}.ee-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;border-bottom:1px solid var(--ee-line);padding-bottom:18px;margin-bottom:34px}.ee-heading h2{margin:5px 0 0;font:600 clamp(34px,4vw,52px)/1 var(--ee-serif)}.ee-more{color:var(--ee-gold-light);text-decoration:none;font-size:11px;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.ee-header{position:relative;z-index:100;background:#0b0907;border-bottom:1px solid var(--ee-line)}.ee-topline{height:30px;border-bottom:1px solid rgba(255,255,255,.06);color:#7f7465;font-size:9px;letter-spacing:.2em;text-align:center;padding-top:9px;text-transform:uppercase}.ee-header__inner{height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.ee-brand img{width:245px;height:78px;object-fit:contain}.ee-nav{display:flex;gap:23px;align-items:center}.ee-nav--right{justify-content:flex-end}.ee-nav a{color:#d8cdbd;text-decoration:none;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.ee-nav a:hover{color:var(--ee-gold)}.ee-menu-btn{display:none;border:0;background:none;color:white;font-size:24px}
.ee-hero{padding:48px 0 42px}.ee-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:610px;border:1px solid var(--ee-line);background:var(--ee-paper)}.ee-hero__copy{padding:clamp(40px,6vw,78px);display:flex;flex-direction:column;justify-content:center;position:relative}.ee-hero__copy:before{content:"E";position:absolute;right:30px;top:10px;color:rgba(182,138,76,.05);font:600 260px/1 var(--ee-serif)}.ee-hero h1{position:relative;margin:14px 0 25px;font:600 clamp(55px,6vw,82px)/.88 var(--ee-serif);letter-spacing:-.03em}.ee-hero h1 em{display:block;color:var(--ee-gold-light);font-weight:300}.ee-hero p{max-width:490px;color:var(--ee-muted);font:400 18px/1.65 var(--ee-serif)}.ee-btn{display:inline-block;align-self:flex-start;border-bottom:1px solid var(--ee-gold);padding:15px 0 8px;color:var(--ee-gold-light);text-decoration:none;text-transform:uppercase;letter-spacing:.17em;font-size:10px}.ee-hero__image{position:relative;min-height:520px;overflow:hidden}.ee-hero__image img{width:100%;height:100%;object-fit:cover}.ee-hero__image:after{content:"";position:absolute;inset:0;box-shadow:inset 45px 0 70px rgba(12,10,8,.45)}
.ee-lead{display:grid;grid-template-columns:1.35fr .75fr;gap:38px}.ee-lead-main img{width:100%;aspect-ratio:16/9;object-fit:cover}.ee-meta{margin-top:18px;color:var(--ee-gold);font-size:9px;letter-spacing:.17em;text-transform:uppercase}.ee-lead h3{margin:10px 0;font:600 clamp(33px,4vw,49px)/1 var(--ee-serif)}.ee-lead h3 a,.ee-row h3 a,.ee-card h3 a{color:var(--ee-text);text-decoration:none}.ee-lead p,.ee-card p{color:var(--ee-muted);font:400 15px/1.7 var(--ee-serif)}.ee-side{border-left:1px solid var(--ee-line);padding-left:28px}.ee-side-title{font:600 24px var(--ee-serif);margin:0 0 10px}.ee-row{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid rgba(182,138,76,.2)}.ee-row img{width:110px;height:82px;object-fit:cover}.ee-row h3{font:600 19px/1.05 var(--ee-serif);margin:5px 0}
.ee-categories{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ee-line)}.ee-cat{padding:34px 25px;min-height:220px;color:white;text-decoration:none;border-right:1px solid var(--ee-line);background:linear-gradient(150deg,rgba(182,138,76,.07),transparent 55%)}.ee-cat:last-child{border:0}.ee-cat-no{color:#665039;font:300 36px var(--ee-serif)}.ee-cat h3{font:600 27px var(--ee-serif);margin:25px 0 8px}.ee-cat p{color:var(--ee-muted);font:400 13px/1.6 var(--ee-serif)}.ee-cat:hover{background:var(--ee-paper2)}
.ee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 22px}.ee-card{padding-bottom:26px;border-bottom:1px solid var(--ee-line)}.ee-card__image{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ee-paper2)}.ee-card img{width:100%;height:100%;object-fit:cover;transition:.7s}.ee-card:hover img{transform:scale(1.035)}.ee-card h3{font:600 27px/1.08 var(--ee-serif);margin:10px 0}.ee-quote{padding:84px 0;text-align:center;background:linear-gradient(rgba(10,8,6,.7),rgba(10,8,6,.78)),var(--ee-quote) center/cover}.ee-quote blockquote{max-width:850px;margin:17px auto;font:300 clamp(36px,5vw,61px)/1.12 var(--ee-serif);color:var(--ee-gold-light)}
.ee-news{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:50px;border:1px solid var(--ee-line);background:var(--ee-paper)}.ee-news h2{font:600 40px/1 var(--ee-serif);margin:8px 0}.ee-news form{display:flex;border-bottom:1px solid var(--ee-gold)}.ee-news input{width:100%;border:0;background:none;color:white;padding:15px}.ee-news button{border:0;background:none;color:var(--ee-gold-light);letter-spacing:.15em;text-transform:uppercase;font-size:10px}.ee-footer{border-top:1px solid var(--ee-line);padding:55px 0 25px}.ee-footer__grid{display:grid;grid-template-columns:1.4fr repeat(2,1fr);gap:55px}.ee-footer h4{color:var(--ee-gold-light);font:600 20px var(--ee-serif)}.ee-footer a,.ee-footer p{display:block;color:var(--ee-muted);font:13px/2 var(--ee-sans);text-decoration:none}.ee-copy{margin-top:30px;border-top:1px solid rgba(255,255,255,.07);padding-top:20px;color:#756b5c;font-size:9px;letter-spacing:.15em}.ee-archive-head{padding:72px 0 40px;border-bottom:1px solid var(--ee-line)}.ee-archive-head h1{font:600 clamp(45px,6vw,72px)/1 var(--ee-serif);margin:10px 0}.ee-article-head{max-width:900px;margin:auto;text-align:center;padding:80px 20px 45px}.ee-article-head h1{font:600 clamp(45px,6vw,73px)/.98 var(--ee-serif)}.ee-article-image{display:block;width:min(1160px,calc(100% - 40px));aspect-ratio:16/8;margin:auto;object-fit:cover}.ee-article-body{max-width:780px;margin:auto;padding:60px 20px 90px;color:#d7cdbc;font:400 20px/1.85 var(--ee-serif)}.ee-article-body h2{font:600 38px/1.1 var(--ee-serif);color:white;margin-top:1.7em}.ee-article-body p:first-of-type:first-letter{float:left;color:var(--ee-gold);font:600 78px/.75 var(--ee-serif);padding:10px 9px 0 0}
@media(max-width:900px){.ee-header__inner{display:flex;justify-content:space-between}.ee-nav{display:none}.ee-menu-btn{display:block}.ee-hero__grid,.ee-lead,.ee-news,.ee-footer__grid{grid-template-columns:1fr}.ee-side{border-left:0;border-top:1px solid var(--ee-line);padding:20px 0 0}.ee-categories{grid-template-columns:repeat(2,1fr)}.ee-cat:nth-child(2){border-right:0}.ee-cat:nth-child(-n+2){border-bottom:1px solid var(--ee-line)}.ee-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.ee-wrap{width:calc(100% - 26px)}.ee-section{padding:65px 0}.ee-hero{padding-top:20px}.ee-hero__grid{display:flex;flex-direction:column-reverse}.ee-hero__image{min-height:380px}.ee-hero__copy{padding:34px 25px}.ee-hero h1{font-size:52px}.ee-categories,.ee-grid{grid-template-columns:1fr}.ee-cat{border-right:0;border-bottom:1px solid var(--ee-line)!important}.ee-row{grid-template-columns:90px 1fr}.ee-row img{width:90px;height:70px}.ee-news{padding:28px}.ee-heading{align-items:start;flex-direction:column}}

/* v1.1 — geometry matched to the approved Option 01 mockup */
@media(min-width:901px){.ee-hero{padding:52px 0 124px;background:radial-gradient(circle at 50% 30%,#16110d 0,#0c0a08 62%)}.ee-hero__grid{grid-template-columns:1fr 1fr;box-shadow:0 35px 90px rgba(0,0,0,.34);border-color:rgba(182,138,76,.38)}}
