:root{--bg: #383C3B;--bg-deep: #2F3231;--chrome: #544639;--chrome-2: #6A5742;--orange: #EC863E;--orange-soft: #f3a16a;--brown: #9F693A;--gold: #D5AD68;--muted: #686554;--beige: #D0D1BF;--beige-soft: #E2E2D2;--ink: #131312;--paper: #ECE7D8;--font-display: "Archivo", system-ui, sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-serif: "DM Serif Display", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--beige);font-family:var(--font-body);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:radial-gradient(1200px 700px at 80% -200px,rgba(236,134,62,.07),transparent 60%),radial-gradient(900px 600px at -10% 110%,rgba(159,105,58,.06),transparent 60%),var(--bg);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.shell{max-width:1360px;margin:0 auto;padding:0 28px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0 16px;border-bottom:1px solid rgba(208,209,191,.08)}.topbar__meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--beige);opacity:.55;display:flex;gap:28px;align-items:center}.topbar__meta .dot{width:6px;height:6px;background:var(--orange);border-radius:50%;display:inline-block;box-shadow:0 0 12px var(--orange);margin-right:8px;transform:translateY(-1px)}.topbar__nav{display:flex;gap:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.topbar__nav a{color:var(--beige);text-decoration:none;opacity:.6;transition:opacity .2s;cursor:pointer}.topbar__nav a:hover{opacity:1}.topbar__nav a.active{opacity:1;color:var(--orange)}.brand{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;padding:48px 0 36px;border-bottom:1px solid rgba(208,209,191,.12)}.brand__wordmark{font-family:var(--font-display);font-weight:900;font-size:clamp(80px,11vw,168px);line-height:.85;letter-spacing:-.04em;text-transform:uppercase;color:var(--paper);margin:0}.brand__wordmark .amp{color:var(--orange);font-family:var(--font-serif);font-weight:400;font-style:italic;font-size:.9em;letter-spacing:0;padding:0 .02em;vertical-align:-.04em}.brand__tag{font-family:var(--font-mono);font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);text-align:right;line-height:1.7;max-width:280px;padding-bottom:12px}.brand__tag .pip{display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin:0 8px;opacity:.6}.brand__tag em{font-family:var(--font-serif);font-style:italic;text-transform:none;letter-spacing:0;font-size:18px;color:var(--paper);display:block;margin-top:6px}.filters{display:flex;align-items:center;justify-content:space-between;padding:22px 0 28px;border-bottom:1px solid rgba(208,209,191,.08);margin-bottom:28px;gap:24px}.filters__chips{display:flex;gap:8px;flex-wrap:wrap}.chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:8px 14px;border-radius:999px;border:1px solid rgba(208,209,191,.18);background:transparent;color:var(--beige);cursor:pointer;transition:all .18s ease}.chip:hover{border-color:var(--gold);color:var(--gold)}.chip.active{background:var(--orange);border-color:var(--orange);color:var(--ink);font-weight:600}.filters__right{display:flex;gap:18px;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--beige);opacity:.7;white-space:nowrap}.filters__right .sep{width:1px;height:14px;background:#d0d1bf33}.filters__right .sort{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.filters__right .sort .caret{color:var(--orange)}.grid{column-count:4;column-gap:18px}@media(max-width:1200px){.grid{column-count:3}}@media(max-width:900px){.grid{column-count:2}}@media(max-width:600px){.grid{column-count:1}}.card{break-inside:avoid;margin:0 0 18px;position:relative;background:var(--ink);border:1px solid rgba(208,209,191,.08);overflow:hidden;cursor:pointer;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s cubic-bezier(.2,.7,.2,1),border-color .32s ease;will-change:transform}.card:hover,.card.is-hovered{transform:translateY(-4px);border-color:#ec863e66;box-shadow:0 18px 40px -20px #0009,0 4px 14px -6px #ec863e2e}.card__art{position:relative;width:100%;background:#f3eee0;overflow:hidden}.card__art img{display:block;width:100%;height:auto}.card__foot{position:absolute;left:0;right:0;bottom:0;padding:56px 16px 14px;background:linear-gradient(to bottom,transparent 0%,rgba(19,19,18,0) 12%,rgba(19,19,18,.55) 55%,rgba(19,19,18,.92) 100%);color:var(--paper);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.card__source{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);padding:3px 8px;border:1px solid rgba(213,173,104,.5);margin-bottom:10px;background:#30261c8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card__headline{font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1.02;letter-spacing:-.018em;text-transform:uppercase;color:var(--paper);margin:0 0 12px;text-wrap:balance}.card.small .card__headline{font-size:18px}.card.large .card__headline{font-size:28px}.card__meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}.card__meta .date{color:var(--beige);opacity:.7}.card__reveal{position:absolute;top:0;right:0;bottom:0;left:0;padding:18px 18px 16px;display:flex;flex-direction:column;background:linear-gradient(180deg,#1f2120c7,#1f2120eb 40%,#131312f5);backdrop-filter:blur(3px) saturate(1.05);-webkit-backdrop-filter:blur(3px) saturate(1.05);color:var(--beige);opacity:0;transition:opacity .32s ease;pointer-events:none}.card:hover .card__reveal,.card.is-hovered .card__reveal{opacity:1;pointer-events:auto}.card:hover .card__foot,.card.is-hovered .card__foot{opacity:0;transform:translateY(8px)}.reveal__top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.reveal__cats{display:flex;gap:6px;flex-wrap:wrap}.reveal__cat{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;padding:4px 8px;background:var(--brown);color:var(--paper);border-radius:2px}.reveal__cat.secondary{background:#9f693a47;color:var(--gold);border:1px solid rgba(213,173,104,.25)}.reveal__time{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);white-space:nowrap;padding-top:4px}.reveal__headline{font-family:var(--font-display);font-weight:800;font-size:20px;line-height:1.05;letter-spacing:-.015em;text-transform:uppercase;color:var(--paper);margin:4px 0 10px;text-wrap:balance}.card.large .reveal__headline{font-size:26px}.card.small .reveal__headline{font-size:17px}.reveal__summary{font-size:13.5px;line-height:1.5;color:var(--beige);margin:0 0 14px;text-wrap:pretty}.reveal__why{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:#ec863e14;border-left:2px solid var(--orange);margin:0 0 14px}.reveal__why .label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);white-space:nowrap;padding-top:1px}.reveal__why .text{font-size:12.5px;line-height:1.45;color:var(--paper);text-wrap:pretty}.reveal__entities{margin-top:auto;padding-top:12px;border-top:1px dashed rgba(208,209,191,.18);display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.reveal__entities .label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-right:4px}.reveal__entities .ent{font-family:var(--font-mono);font-size:11px;color:var(--beige);letter-spacing:.02em}.reveal__entities .ent:before{color:var(--orange);margin-right:6px}.reveal__entities .ent.person:before{content:"◆";font-size:8px;vertical-align:1px}.reveal__entities .ent.org:before{content:"■";font-size:7px;vertical-align:1px}.reveal__entities .ent.place:before{content:"▲";font-size:8px;vertical-align:1px}.reveal__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.reveal__cta{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:0}.reveal__cta .arrow{display:inline-block;width:22px;height:1px;background:var(--orange);position:relative}.reveal__cta .arrow:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid var(--orange);border-right:1px solid var(--orange);transform:rotate(45deg)}.bottombar{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding-top:22px;border-top:1px solid rgba(208,209,191,.08);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--beige);opacity:.55}.grid--loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.load-more{display:flex;justify-content:center;margin-top:32px}.load-more button{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:12px 28px;border:1px solid rgba(208,209,191,.18);background:transparent;color:var(--beige);cursor:pointer;transition:all .18s ease}.load-more button:hover{border-color:var(--orange);color:var(--orange)}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;background:#13131299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-panel{width:680px;max-width:100%;height:100vh;overflow-y:auto;background:radial-gradient(600px 400px at 90% 10%,rgba(236,134,62,.05),transparent 60%),var(--bg-deep);border-left:1px solid rgba(208,209,191,.08);padding:40px 48px 60px;animation:slideIn .3s cubic-bezier(.2,.7,.2,1)}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.detail__close{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--beige);opacity:.6;background:none;border:none;cursor:pointer;padding:0;margin-bottom:28px;transition:opacity .2s}.detail__close:hover{opacity:1;color:var(--orange)}.detail__cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.detail__title{font-family:var(--font-display);font-weight:900;font-size:38px;line-height:.95;letter-spacing:-.025em;text-transform:uppercase;color:var(--paper);margin:0 0 20px;text-wrap:balance}.detail__meta-row{display:flex;gap:24px;align-items:center;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(208,209,191,.08)}.detail__meta-row .reading-time{color:var(--orange)}.detail__image{width:100%;margin-bottom:28px;background:#f3eee0}.detail__image img{display:block;width:100%;height:auto}.detail__body{font-size:15.5px;line-height:1.7;color:var(--beige-soft);margin-bottom:28px}.detail__body p{margin:0 0 16px}.detail__body strong{color:var(--paper);font-weight:600}.detail__why{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:#ec863e14;border-left:3px solid var(--orange);margin-bottom:28px}.detail__why .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);white-space:nowrap;padding-top:2px}.detail__why .text{font-size:14px;line-height:1.5;color:var(--paper)}.detail__context{margin-bottom:28px}.detail__context-title{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.detail__context-item{border-left:2px solid var(--orange);padding:12px 16px;margin-bottom:10px;background:#ec863e0a;cursor:pointer;transition:background .2s}.detail__context-item:hover{background:#ec863e14}.detail__context-item h4{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--paper);margin:0 0 6px}.detail__context-item p{font-size:13px;line-height:1.5;color:var(--beige);margin:0}.detail__context-item.collapsed p{display:none}.detail__quote{padding:20px 24px;border-left:3px solid var(--gold);margin-bottom:28px;background:#d5ad680d}.detail__quote blockquote{font-family:var(--font-serif);font-size:18px;line-height:1.5;color:var(--paper);margin:0 0 8px;font-style:italic}.detail__quote cite{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-style:normal}.detail__entities{padding-top:16px;border-top:1px dashed rgba(208,209,191,.12);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin-bottom:28px}.detail__source-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-top:20px;border-top:1px solid rgba(208,209,191,.08)}.detail__source-link a{color:var(--orange);text-decoration:none}.detail__source-link a:hover{text-decoration:underline}