@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:wght@600;700;800&display=swap');
:root{--bg:#f7f5f0;--paper:#fff;--ink:#171717;--muted:#6f6c66;--line:#dedbd3;--accent:#d54832;--soft:#ece9e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.bar{max-width:1180px;margin:auto;height:76px;display:flex;align-items:center;gap:22px;padding:0 24px}.brand{font-weight:800;font-size:1.35rem;letter-spacing:.04em;margin-right:auto}.brand span,footer b span{color:var(--accent)}.date{font-size:.78rem;color:var(--muted)}.icon,.menu{border:1px solid var(--line);background:var(--paper);border-radius:9px;width:38px;height:38px;cursor:pointer}.menu{display:none}nav{max-width:1180px;margin:auto;display:flex;gap:28px;padding:0 24px;height:48px;align-items:center}nav a{font-size:.9rem;color:var(--muted);position:relative}nav a.active,nav a:hover{color:var(--ink)}nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:-17px;height:2px;background:var(--accent)}main{max-width:1180px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.7fr .7fr;gap:24px;padding:72px 0 40px}.hero-main{background:var(--ink);color:white;min-height:450px;padding:58px;display:flex;flex-direction:column;justify-content:flex-end}.kicker,.eyebrow,.tag{font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--accent)}.hero h1{font:800 clamp(2.8rem,6vw,5.6rem)/.98 'Playfair Display',serif;letter-spacing:-.04em;max-width:850px;margin:16px 0}.hero p{font-size:1.05rem;line-height:1.7;color:#d2d2d2;max-width:680px}.read{display:inline-block;margin-top:20px;width:max-content;padding:13px 18px;background:var(--accent);color:#fff;font-weight:700}.hero-side{display:grid;gap:1px;background:var(--line)}.mini{background:var(--paper);padding:28px;display:flex;gap:20px}.mini span{font:700 1.2rem 'Playfair Display';color:var(--accent)}.mini b{font:700 1.2rem/1.3 'Playfair Display'}.ticker{display:flex;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;font-size:.9rem}.ticker strong{color:var(--accent);letter-spacing:.1em}.section{padding:82px 0}.section-title{display:flex;align-items:end;gap:10px;margin-bottom:28px}.section-title>div{margin-right:auto}.section-title h2,.split h2,.newsletter h2{font:700 2.8rem/1 'Playfair Display',serif;margin:8px 0 0}.filter{border:1px solid var(--line);background:transparent;padding:8px 13px;border-radius:999px;cursor:pointer;color:var(--muted)}.filter.active,.filter:hover{background:var(--ink);color:white}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.story{background:var(--paper);border:1px solid var(--line);transition:.25s}.story:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000010}.story.featured{grid-column:span 2;display:grid;grid-template-columns:1.15fr 1fr}.visual{min-height:240px;display:grid;place-items:center;font:800 2.5rem 'Playfair Display';letter-spacing:.1em}.v1{background:#c9d8d5}.v2{background:#d8c9bb}.v3{background:#d7d4c5}.v4{background:#d3c9d8}.story-body{padding:28px}.story h3{font:700 1.65rem/1.15 'Playfair Display';margin:10px 0}.story p{color:var(--muted);line-height:1.6}.meta{font-size:.78rem;color:var(--muted)}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;border-top:1px solid var(--line)}.lead{color:var(--muted);line-height:1.7;max-width:600px}.list{margin-top:35px;border-top:1px solid var(--line)}.list a{display:grid;grid-template-columns:45px 1fr 80px;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.list span{color:var(--accent)}.list small{color:var(--muted)}.quote{background:var(--ink);color:white;padding:48px;font:700 2.2rem/1.2 'Playfair Display';display:flex;flex-direction:column;justify-content:center}.quote small{font:400 .8rem 'DM Sans';color:#aaa;margin-top:24px}.newsletter{background:var(--accent);color:white;padding:50px;display:flex;align-items:center;gap:40px;margin-bottom:80px}.newsletter .eyebrow{color:white}.newsletter h2{margin-top:12px}.newsletter p{margin:8px 0 0;color:#ffe9e5}.newsletter form{margin-left:auto;display:flex;min-width:390px}.newsletter input{flex:1;border:0;padding:15px}.newsletter button{border:0;background:var(--ink);color:white;padding:0 22px;font-weight:700;cursor:pointer}footer{background:var(--ink);color:white;padding:50px max(24px,calc((100% - 1180px)/2));display:grid;grid-template-columns:2fr 1fr auto;gap:40px}footer p{color:#aaa;max-width:400px;line-height:1.6}footer a{display:block;color:#bbb;margin:8px 0}footer small{color:#777;align-self:end}

/* --- NEW UPGRADES --- */
.progress-container { position: fixed; top: 0; left: 0; width: 100%; height: 4px; z-index: 9999; background: transparent; }
.progress-bar { height: 100%; background: var(--accent); width: 0%; transition: width 0.1s; }
.search-input { padding: 10px 15px; border: 1px solid var(--line); background: var(--paper); color: var(--ink); border-radius: 999px; font-family: inherit; margin-left: 10px; outline: none; }
.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 10000; justify-content: center; align-items: center; padding: 20px; backdrop-filter: blur(5px); }
.modal-content { background: var(--paper); color: var(--ink); padding: 50px; max-width: 700px; width: 100%; max-height: 80vh; overflow-y: auto; border-radius: 12px; position: relative; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5); }
.close-modal { position: absolute; top: 15px; right: 25px; font-size: 32px; cursor: pointer; color: var(--muted); transition: 0.2s; }
.close-modal:hover { color: var(--accent); }

@media(max-width:800px){.date,nav{display:none}.menu{display:block}.bar{height:66px}.hero,.split{grid-template-columns:1fr}.hero-main{min-height:520px;padding:34px}.hero-side{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.story.featured{grid-column:auto;display:block}.newsletter{display:block;padding:32px}.newsletter form{min-width:0;margin:28px 0 0}footer{grid-template-columns:1fr}.section-title{flex-wrap:wrap}.search-input{margin-left:0;margin-top:10px;width:100%;}}
body.dark{--bg:#111;--paper:#191919;--ink:#f6f3ed;--muted:#a6a29b;--line:#30302d;--soft:#242421}body.dark .hero-main,body.dark .quote{background:#f6f3ed;color:#111}body.dark .hero p{color:#444}