*{box-sizing:border-box;margin:0;padding:0}
:root{
  --cream:#F4EFE6;--cream2:#EBE4D6;--paper:#FAF7F0;
  --ink:#1A1815;--ink2:#3A352D;--dim:#6B6357;--faint:#A39B8C;
  --line:#D9D2C2;--line2:#C8BFA8;
  --accent:#6B1F1F;
  --amber:#C97B25;--amber-bg:#FBF1E0;--amber-ink:#7C4A0F;
  --green:#3F6B3F;--green-bg:#E8F0E2;
  --serif:'Fraunces',serif;--sans:'Inter',sans-serif;--mono:'JetBrains Mono',monospace;
}
html,body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body{
  background-image:
    radial-gradient(ellipse at 20% 0%,rgba(180,140,80,.05) 0%,transparent 50%),
    radial-gradient(ellipse at 80% 100%,rgba(107,31,31,.04) 0%,transparent 50%);
  min-height:100vh
}

/* ── NAV ── */
.nav{position:sticky;top:0;z-index:30;background:rgba(250,247,240,.92);border-bottom:1px solid rgba(217,210,194,.4);padding:14px 36px;display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}
.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(107,31,31,.12);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}
.nav-r{display:flex;align-items:center;gap:14px}
.date-pick{background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-family:var(--mono);font-size:12px;color:var(--ink);cursor:pointer;transition:.18s;outline:none}
.date-pick:hover{background:var(--cream2);border-color:var(--line2)}
.lang{display:flex;background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:2px}
.lang-btn{background:none;border:none;font-family:var(--sans);font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer;color:var(--faint);transition:.18s}
.lang-btn.on{background:var(--ink);color:var(--paper)}

/* ── HERO COMPACT ── */
.hero-compact{max-width:1380px;margin:0 auto;padding:28px 36px 24px;position:relative;z-index:2}
.hero-c-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}
@media(max-width:780px){.hero-c-grid{grid-template-columns:1fr;gap:18px}}
.hero-c-left{max-width:780px}
.hero-eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.hero-eyebrow::before{content:'';width:24px;height:1px;background:var(--accent)}
.edito{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--ink2);line-height:1.55;letter-spacing:-.003em}
.edito::first-letter{font-weight:600;color:var(--accent)}
.hero-c-right{display:flex;align-items:baseline;gap:24px;padding-left:32px;border-left:1px solid var(--line)}
@media(max-width:780px){.hero-c-right{border-left:none;padding-left:0;padding-top:14px;border-top:1px solid var(--line)}}
.stat-inline{display:flex;align-items:baseline;gap:7px}
.stat-inline .n{font-family:var(--serif);font-weight:700;font-size:28px;line-height:1;letter-spacing:-.02em;color:var(--ink)}
.stat-inline .l{font-family:var(--mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--faint)}

/* ── DAY SEPARATOR ── */
.day-sep{max-width:1380px;margin:56px auto 22px;padding:0 36px;display:flex;align-items:center;gap:18px;position:relative;z-index:2;scroll-margin-top:80px}
.day-sep:first-of-type{margin-top:36px}
.archive-edito{max-width:1380px;margin:0 auto 22px;padding:0 36px;position:relative;z-index:2}
.archive-edito p{font-family:var(--serif);font-size:15.5px;font-style:italic;color:var(--dim);line-height:1.55;max-width:780px;padding-left:14px;border-left:2px solid var(--line)}
.day-sep-line{flex:1;height:1px;background:var(--line)}
.day-sep-txt{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--faint);white-space:nowrap}

/* ── GRID ── */
.grid-wrap{max-width:1380px;margin:0 auto;padding:0 36px;position:relative;z-index:2}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:780px){.grid{grid-template-columns:1fr}}

/* ── STORY CARD ── */
.story{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px;cursor:pointer;transition:.32s cubic-bezier(.22,.61,.36,1);overflow:hidden}
.story::before{content:'';position:absolute;left:0;top:24px;bottom:24px;width:3px;background:var(--cat-dot,var(--ink));border-radius:0 3px 3px 0;opacity:.5;transition:.25s}
.story:hover{transform:translateY(-2px);box-shadow:0 14px 36px -14px rgba(60,40,20,.15);border-color:var(--line2)}
.story:hover::before{opacity:1;width:4px}
.story-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.story-rank{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--faint)}
.story-meta-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.story-title{font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.22;letter-spacing:-.018em;color:var(--ink);margin-bottom:10px}
.story-snip{font-family:var(--serif);font-size:14.5px;line-height:1.55;color:var(--dim)}
.story-why{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease,margin-top .4s ease,opacity .3s;padding:0 16px;margin-top:0;opacity:0;background:var(--amber-bg);border-left:2px solid var(--amber);border-radius:0 8px 8px 0;font-family:var(--serif);font-style:italic;font-size:14px;color:var(--amber-ink);line-height:1.6}
.story-why .lbl{display:block;font-family:var(--mono);font-style:normal;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--amber-ink);margin-bottom:4px}
.story:hover .story-why{max-height:280px;padding:14px 16px;margin-top:16px;opacity:1}
.story-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.story-srcs{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.06em}
.story-cta{font-size:11.5px;font-weight:600;color:var(--ink);opacity:.3;transition:opacity .25s,transform .25s;display:inline-flex;align-items:center;gap:4px}
.story:hover .story-cta{opacity:1;transform:translateX(3px)}

/* ── BADGES ── */
.cat{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink2)}
.cat-dot{width:7px;height:7px;border-radius:50%}
.corr{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--green);background:var(--green-bg);border-radius:999px;padding:3px 9px;text-transform:uppercase;letter-spacing:.05em}

/* ── FOOTER ── */
.foot{max-width:1380px;margin:96px auto 60px;padding:0 36px;position:relative;z-index:2}
.foot-top{padding-top:40px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:48px}
@media(max-width:780px){.foot-top{grid-template-columns:1fr}}
.foot-h{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin-bottom:12px}
.foot-sub{font-family:var(--serif);font-size:14.5px;color:var(--dim);line-height:1.65;font-style:italic}
.foot-srcs{display:flex;flex-wrap:wrap;gap:8px}
.foot-src{font-family:var(--mono);font-size:11px;color:var(--ink2);background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:5px 12px}

/* ── DRAWER ── */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(820px,94vw);background:var(--paper);border-left:1px solid var(--line);overflow-y:auto;padding:0;transform:translateX(100%);transition:transform .42s cubic-bezier(.22,.61,.36,1);z-index:250;box-shadow:-30px 0 80px rgba(40,30,15,.12)}
.drawer.open{transform:translateX(0)}
.drw-prog{position:fixed;top:0;right:0;height:3px;background:var(--accent);z-index:260;width:0;transition:width .12s}
.drw-bar{position:sticky;top:0;background:rgba(250,247,240,.92);border-bottom:1px solid var(--line);padding:14px 38px;display:flex;align-items:center;justify-content:space-between;z-index:10}
.drw-crumb{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--faint)}
.drw-bar-r{display:flex;gap:8px}
.drw-icb{background:none;border:1px solid var(--line);border-radius:999px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dim);transition:.18s}
.drw-icb:hover{background:var(--cream);color:var(--ink);border-color:var(--line2)}
.drw-body{padding:48px 64px 80px;max-width:740px;margin:0 auto}
@media(max-width:640px){.drw-body{padding:30px 26px 60px}}
.drw-cat{margin-bottom:18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.drw-h1{font-family:var(--serif);font-size:clamp(32px,4vw,46px);font-weight:700;line-height:1.08;letter-spacing:-.025em;margin-bottom:18px;color:var(--ink)}
.drw-deck{font-family:var(--serif);font-size:19px;font-weight:400;font-style:italic;color:var(--ink2);line-height:1.55;margin-bottom:30px;letter-spacing:-.005em}
.drw-meta{display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:11px;color:var(--faint);padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:36px;text-transform:uppercase;letter-spacing:.08em}
.drw-meta .sep{color:var(--line)}
.drw-why{background:var(--amber-bg);border-left:3px solid var(--amber);border-radius:0 16px 16px 0;padding:22px 28px;margin:0 0 40px;position:relative;overflow:hidden}
.drw-why::before{content:'';position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(201,123,37,.12),transparent 70%);pointer-events:none}
.drw-why-lbl{font-family:var(--mono);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--amber-ink);margin-bottom:10px;display:flex;align-items:center;gap:7px}
.drw-why-txt{font-family:var(--serif);font-size:19px;font-style:italic;color:var(--amber-ink);line-height:1.55;font-weight:500}
.drw-sec{margin-bottom:36px}
.drw-h2{font-family:var(--serif);font-size:24px;font-weight:700;color:var(--ink);margin-bottom:16px;letter-spacing:-.015em}
.drw-p{font-family:var(--serif);font-size:17px;line-height:1.72;color:var(--ink2);margin-bottom:16px;letter-spacing:-.003em}
.drw-p strong{font-weight:700;color:var(--ink)}
.drw-srcH{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin:48px 0 18px;display:flex;align-items:center;gap:12px}
.drw-srcH::after{content:'';flex:1;height:1px;background:var(--line)}
.drw-srcGrid{display:flex;flex-direction:column;gap:10px}
.drw-src{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:inherit;transition:.2s}
.drw-src:hover{background:var(--cream);border-color:var(--line2);transform:translateX(3px);box-shadow:0 4px 14px rgba(60,40,20,.06)}
.drw-src-n{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.005em}
.drw-src-d{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:3px;word-break:break-all}
.drw-src-a{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.drw-ov{position:fixed;inset:0;background:rgba(20,15,10,.35);opacity:0;pointer-events:none;transition:.32s;z-index:240}
.drw-ov.on{opacity:1;pointer-events:auto}

.empty{text-align:center;padding:80px 36px;font-family:var(--serif);font-size:18px;color:var(--faint);font-style:italic}