:root{--folio-bg:#10170f;--folio-ink:#e8eddf;--folio-muted:#acb7a2;--folio-line:#93a77735;--folio-accent:#caff4b;--folio-surface:#192215}
:root[data-theme=light]{--folio-bg:#f2f3eb;--folio-ink:#172012;--folio-muted:#526049;--folio-line:#54663b40;--folio-accent:#385c12;--folio-surface:#e5e9dd}
.folio-page{margin:0;background:var(--folio-bg);color:var(--folio-ink);font:15px/1.8 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}.folio-page *{box-sizing:border-box}.folio-page a{color:inherit;text-decoration:none}.folio-page a:focus-visible{outline:2px solid var(--folio-accent);outline-offset:6px}.folio-page img{max-width:100%;display:block}.folio-header,.folio-footer{max-width:1440px;margin:auto;padding:24px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--folio-line)}.folio-brand{display:flex;align-items:center;gap:13px;font-size:12px;letter-spacing:1px}.folio-brand img{object-fit:contain}.folio-header nav{display:flex;gap:28px;font-size:12px}.folio-header nav a:hover{color:var(--folio-accent)}.folio-page main{max-width:1320px;margin:auto;padding:30px 5% 100px}.folio-kicker{display:flex;justify-content:space-between;color:var(--folio-muted);font:11px/1.7 monospace;gap:15px}.folio-intro{padding:65px 0 52px;max-width:1040px}.folio-eyebrow{font:10px/1.5 monospace;letter-spacing:2px;color:var(--folio-accent);margin:0 0 26px}.folio-intro h1{font:500 clamp(48px,6.5vw,90px)/1.02 'Barlow Condensed',Arial,sans-serif;letter-spacing:-1.5px;margin:0 0 26px;max-width:1000px;text-wrap:balance}.folio-intro h1 em{font:12px monospace;display:inline-block;color:var(--folio-accent);border:1px solid var(--folio-line);padding:9px 14px;margin-inline-start:20px;vertical-align:top;letter-spacing:1px}.folio-lead{max-width:800px;font-size:clamp(16px,1.8vw,21px);line-height:1.85;color:var(--folio-muted)}.folio-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.folio-tags span{padding:5px 13px;border:1px solid var(--folio-line);border-radius:30px;font-size:10px}.folio-hero{margin:0;background:var(--folio-surface);border:1px solid var(--folio-line)}.folio-hero img{width:100%;max-height:84vh;object-fit:contain}.folio-details{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin:65px 0}.folio-details h2,.folio-next>h2{font:500 30px/1.2 'Barlow Condensed',Arial,sans-serif}.folio-details p{color:var(--folio-muted);font-size:14px;line-height:1.9}.folio-button{display:inline-block;border:1px solid var(--folio-line);padding:12px 20px;font-size:12px;margin-top:14px}.folio-button:hover{background:var(--folio-accent);color:var(--folio-bg)}.folio-media{display:block;margin:35px auto;width:100%;max-width:1100px}.folio-media img{width:100%}.folio-next{margin-top:90px;padding-top:30px;border-top:1px solid var(--folio-line)}.folio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 26px}.folio-card{min-width:0}.folio-thumb{aspect-ratio:1.28;background:var(--folio-surface);overflow:hidden}.folio-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.folio-card:hover .folio-thumb img{transform:scale(1.035)}.folio-card small{display:block;font:10px/1.7 monospace;color:var(--folio-muted);margin-top:17px}.folio-card h2{font:500 26px/1.2 'Barlow Condensed',Arial,sans-serif;margin:8px 0;display:flex;justify-content:space-between;gap:12px}.folio-card h2 span{color:var(--folio-accent);font-size:19px}.folio-card p{font-size:12px;color:var(--folio-muted)}.note-art{aspect-ratio:1.28;display:flex;align-items:center;padding:12%;background:var(--folio-surface);color:var(--folio-accent);font:500 58px/.9 'Barlow Condensed',Arial,sans-serif;border:1px solid var(--folio-line)}.folio-byline{font-size:11px;color:var(--folio-muted)}.folio-prose{max-width:760px;margin:35px auto;font-size:16px;line-height:2}.folio-prose h2{font:500 32px/1.35 'Barlow Condensed',Arial,sans-serif;margin:50px 0 20px}.folio-prose p{color:var(--folio-muted)}.folio-prose a{color:var(--folio-accent);text-decoration:underline;text-underline-offset:4px}.folio-prose aside{border-inline-start:2px solid var(--folio-accent);padding:1px 30px;background:var(--folio-surface);margin:45px 0}.article-intro{margin:auto;max-width:1000px}.article-intro h1{font-size:clamp(42px,5.4vw,76px)}.folio-footer{border-top:1px solid var(--folio-line);border-bottom:0;font:10px/1.7 monospace;padding-block:35px}.folio-footer span{color:var(--folio-muted)}.archive-route-links{padding:25px 6%;display:flex;gap:30px;align-items:center;background:var(--folio-bg);color:var(--folio-ink);font:11px/1.8 Manrope,Arial,sans-serif;border-top:1px solid var(--folio-line)}.archive-route-links>span{margin-inline-end:auto;color:var(--folio-muted);font:9px monospace;letter-spacing:1px}.archive-route-links a{color:inherit;text-decoration:none}.galaxy-page .archive-route-links{display:none}
[dir=rtl] .folio-intro h1,[dir=rtl] .folio-card h2,[dir=rtl] .folio-prose h2,[dir=rtl] .folio-details h2{font-family:'Noto Sans Arabic',Arial,sans-serif;line-height:1.45;letter-spacing:0}[dir=rtl] .folio-intro h1{font-size:clamp(36px,5vw,65px)}
@media(max-width:760px){.folio-header{padding:18px 5%;align-items:flex-start;gap:15px;flex-wrap:wrap}.folio-header nav{gap:22px;font-size:11px;flex-wrap:wrap}.folio-intro{padding:42px 0 30px}.folio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.folio-card h2{font-size:22px}.folio-details{grid-template-columns:1fr;gap:24px;margin:35px 0}.folio-footer{flex-wrap:wrap}.folio-footer span{display:none}.archive-route-links{gap:16px;flex-wrap:wrap}.archive-route-links>span{width:100%}.folio-kicker{flex-wrap:wrap}.folio-prose{font-size:15px}.folio-prose h2{font-size:28px}.note-art{font-size:42px}}
@media(max-width:440px){.folio-grid{grid-template-columns:1fr}.folio-intro h1{font-size:48px}.folio-card h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.folio-thumb img{transition:none}}