/* v7 — a night-sky journal, with luminous metalwork and readable paper. */
:root{--foil:#dfc38a;--foil-bright:#fff0c6;--night:#0b192e;--paper:#fffcf6}
body{background:#0b192e;isolation:isolate}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.atmosphere{z-index:-2;background:radial-gradient(ellipse at 100% 18%,#38526875,transparent 47%),radial-gradient(ellipse at 0% 65%,#3a264c55,transparent 48%),linear-gradient(150deg,#0b192e,#14283c 54%,#0a1528)}
.atmosphere::before{content:"";position:absolute;inset:-15%;opacity:.65;background:radial-gradient(ellipse at 75% 28%,#b99c5c14,transparent 27%),conic-gradient(from 145deg at 84% 10%,transparent 0deg,#d4b5760c 22deg,transparent 43deg,transparent 310deg,#637da31a 335deg,transparent 360deg);animation:night-drift 23s ease-in-out infinite alternate;will-change:transform}
.atmosphere::after{opacity:.028}
#night-sky{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
#interaction-sparkles{position:fixed;inset:0;width:100%;height:100%;z-index:90;pointer-events:none}
.site-header{box-shadow:0 12px 40px #02081835;z-index:50}
.masthead-stage{background:#0b192e;isolation:isolate;overflow:hidden;border-top:2px solid #bda16b}
.masthead-stage::before{z-index:1;background:linear-gradient(90deg,#0c1b31 6%,#0c1b31e8 33%,#101d3430 68%,#101b3128),linear-gradient(0deg,#0a182dbf,transparent 56%);pointer-events:none}
.masthead-stage::after{z-index:1;opacity:.55;background:radial-gradient(ellipse at 65% 115%,#b59d5b29,transparent 65%);pointer-events:none}
.masthead-photo{z-index:0;right:max(0px,calc((100vw - 1240px)/2));width:580px;opacity:.88;background-position:center 41%;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 84%,transparent);transform:scale(1.025);animation:scene-breathe 21s ease-in-out infinite alternate}
.constellation-strip{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;opacity:.66;pointer-events:none;mix-blend-mode:screen}
#masthead-sparks{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.header-gleam{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ebd5a000 38%,#ebd5a014 48%,#fff3c727 50%,#ebd5a009 53%,transparent 63%);transform:translateX(-120%);animation:header-gleam 13s ease-in-out infinite}
.masthead{position:relative;z-index:4;min-height:140px;gap:29px}
.site-logo{flex-direction:row;align-items:center;gap:15px;isolation:isolate}
.brand-type{display:flex;flex-direction:column;gap:9px}
.brand-sigil{display:block;flex-shrink:0;width:68px;height:68px;filter:drop-shadow(0 0 10px #d8b47833);transition:filter .4s}
.brand-sigil img{width:100%;height:100%;animation:compass-orbit 72s linear infinite}
.site-logo:hover .brand-sigil{filter:drop-shadow(0 0 13px #e8c17c99)}
.logo-prefix{font-size:10px;color:#e3c98e;letter-spacing:.14em}
.logo-main{font-size:32px;font-weight:800;letter-spacing:-.04em;color:#fff9ed;text-shadow:0 1px 0 #fff2d92a,0 0 26px #d9bc6a17}
.logo-period{color:#e4c27e;margin-left:3px;text-shadow:0 0 12px #e0b55f66}
.site-description{font-size:11px;color:#ced4de;padding-left:26px;max-width:305px;line-height:2.1;border-color:#c9af7757}
.header-actions{gap:10px}
.icon-button{width:42px;min-width:42px;height:42px;background:linear-gradient(145deg,#d8bb7420,#07122580);border:1px solid #d6bb7c6b;box-shadow:inset 0 0 0 3px #17283b8a,0 3px 14px #0002;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.icon-button:hover{border-color:#edd095;background:#a88b472a;box-shadow:inset 0 0 0 3px #17283b8a,0 0 16px #dfbb6b33;transform:translateY(-2px)}
.effects-switch{color:#f1d99c}
.effects-switch svg{stroke-width:1.15;fill:#efd29120}
.effects-switch[aria-pressed=true]{color:#99a5b6;background:#081528;border-color:#7e8a9c66;box-shadow:inset 0 0 0 3px #17283b}
.scene-caption{z-index:4;margin-top:-9px;padding-bottom:13px;font-size:8px;letter-spacing:.03em;color:#b9bdc8;pointer-events:none}
.scene-caption a{pointer-events:auto;text-decoration-color:#d5bf8b5f}
.nav-wrap{position:relative;background:linear-gradient(90deg,#101e32,#13263b,#101d31);border-top:1px solid #dbbe793d;border-bottom:1px solid #cab07c80;box-shadow:inset 0 -3px 0 #d9c18c07}
.main-nav{min-height:53px;gap:36px}
.main-nav a{padding:16px 0 15px;font-size:12px;letter-spacing:.04em;transition:color .25s,text-shadow .25s}
.main-nav a:hover,.main-nav a[aria-current=page]{text-shadow:0 0 17px #d6b97250;color:#f0d49c}
.main-nav a[aria-current=page]::after{height:2px;background:linear-gradient(90deg,#b9995c,#fff1be,#b9995c);box-shadow:0 0 10px #e2ba6255}
.reading-progress{height:3px;background:linear-gradient(90deg,#a47a36,#e3bd70,#fff1bd);box-shadow:0 0 12px #f2cf85aa}
#list-view{padding-top:32px;padding-bottom:65px}
.page-columns{grid-template-columns:minmax(0,1fr) 267px;gap:31px}
.main-column,.article-main{position:relative;background:#fffcf6;border:1px solid #cdb37a;border-top:3px solid #dfc38b;border-radius:7px;padding:31px 33px 34px;box-shadow:0 20px 60px #020a1745,0 0 0 4px #dcc18a06,0 0 36px #e6c88408;isolation:isolate}
.main-column::before,.article-main::before{content:"";position:absolute;inset:6px;border:1px solid #bda47235;border-radius:3px;pointer-events:none;z-index:-1}
.main-column::after,.article-main::after{content:"";position:absolute;inset:11px;z-index:-1;pointer-events:none;background:linear-gradient(#ba975b,#ba975b) left top/18px 1px no-repeat,linear-gradient(#ba975b,#ba975b) left top/1px 18px no-repeat,linear-gradient(#ba975b,#ba975b) right top/18px 1px no-repeat,linear-gradient(#ba975b,#ba975b) right top/1px 18px no-repeat,linear-gradient(#ba975b,#ba975b) left bottom/18px 1px no-repeat,linear-gradient(#ba975b,#ba975b) left bottom/1px 18px no-repeat,linear-gradient(#ba975b,#ba975b) right bottom/18px 1px no-repeat,linear-gradient(#ba975b,#ba975b) right bottom/1px 18px no-repeat;opacity:.6}
.list-header{position:relative;gap:16px;justify-content:flex-start;margin:-22px -24px 22px;padding:21px 25px 22px;min-height:107px;background:radial-gradient(ellipse at 83% 50%,#4c4b3d26,transparent 58%),linear-gradient(110deg,#1c3049,#12263e);border:1px solid #ddbd7e52;box-shadow:inset 0 0 0 5px #172a40,inset 0 0 0 6px #d8bd7c20;overflow:hidden}
.list-header::after{content:"";position:absolute;left:25px;right:25px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#e7c68b,transparent)}
.section-sigil{width:48px;height:48px;flex:0 0 48px;filter:drop-shadow(0 0 8px #d8b67b33)}
.section-sigil img{animation:compass-orbit 95s linear infinite reverse}
.list-header .article-kicker{color:#d8c28f;font-size:10px;font-weight:500;margin-bottom:5px;letter-spacing:.08em}
.list-header h1{color:#fff7e9;font-size:28px;line-height:1.5;font-weight:700;letter-spacing:.05em}
.chapter-seal{position:absolute;right:29px;top:29px;color:#d8ba7e;font-size:25px;line-height:1;opacity:.5;text-shadow:0 0 18px #dbb87366;animation:seal-glow 5s ease-in-out infinite}
.list-description{color:#777567;font-size:12px;line-height:1.95;margin-bottom:19px}
.feed-categories{gap:8px;border-bottom:0;margin-bottom:16px;align-items:center}
.feed-categories a,.feed-categories a:first-child{position:relative;display:flex;align-items:center;justify-content:center;min-height:39px;padding:7px 13px;font-size:11px;border:1px solid #d6cbb4;color:#807258;background:#f8f3e8;transition:background .25s,border-color .25s,color .25s,box-shadow .25s;white-space:nowrap}
.feed-categories a[aria-current=page]{color:#ffefd1;border-color:#9c7d45;background:linear-gradient(135deg,#887043,#b08e4d 52%,#91703b);box-shadow:0 3px 8px #9f7c3824,inset 0 0 0 2px #e4c48738}
.feed-categories a:hover{color:#7b582b;background:#f1e7d1;border-color:#b7995f}
.feed-categories a[aria-current=page]:hover{color:#fff2d7;background:#9c7c43}
.list-toolbar{padding:8px 2px 11px;min-height:49px;margin:0 0 20px;border-top:0;border-bottom:1px solid #cabd9e}
.search-field input{font-size:13px;color:#3e4859}
.search-field input::placeholder{color:#8e8d86}
.search-field svg{color:#a38a5f}
.list-toolbar>span{color:#93876e;font-size:11px}
#list-results .article-row{padding:26px 0;grid-template-columns:142px minmax(0,1fr);gap:22px;border-bottom:1px solid #d9cfbb;transition:transform .3s,border-color .3s}
#list-results .article-row:last-child{padding-bottom:5px}
#list-results .row-thumb{margin-top:2px;border:1px solid #bba16c;border-radius:2px;box-shadow:0 4px 11px #35415a16;overflow:hidden}
#list-results .row-thumb::after{content:"";position:absolute;inset:5px;border:1px solid #fff3ce73;pointer-events:none;z-index:3}
#list-results .row-thumb::before{content:"";position:absolute;inset:-40%;z-index:2;background:linear-gradient(120deg,transparent 37%,#fff8dc4a 50%,transparent 62%);transform:translateX(-100%);transition:transform .8s;pointer-events:none}
#list-results .article-row:hover .row-thumb::before{transform:translateX(100%)}
#list-results .row-thumb img,#list-results .lead-row .row-thumb img{aspect-ratio:1.04;filter:saturate(.82);transition:transform .8s cubic-bezier(.2,.75,.3,1),filter .8s}
#list-results .article-row:hover .row-thumb img{filter:saturate(1);transform:scale(1.07)}
.row-number{position:absolute;top:7px;left:8px;z-index:4;color:#fff0cf;background:#12243cda;font-size:10px;font-weight:600;line-height:22px;min-width:27px;padding:0 4px;letter-spacing:.1em;text-align:center;border:1px solid #cdb37577}
#list-results .row-meta{margin-bottom:9px}
#list-results .row-meta .category{color:#8c6c39;font-size:10px;letter-spacing:.03em}
#list-results .row-meta .category::before{content:"✦";font-size:9px;margin-right:6px;color:#b7985a}
#list-results .row-meta time{font-size:10px;color:#8e8a80}
#list-results .article-row h3{font-size:18px;line-height:1.8;font-weight:700;letter-spacing:0}
#list-results .article-row p{font-size:12px;line-height:1.9;color:#77766f;margin-top:10px}
#list-results .row-foot{margin-top:13px;min-height:29px;font-size:9px;color:#918574}
#list-results .row-read{font-size:10px;color:#93723d;gap:8px}
.row-read .arrow{display:inline-grid;place-items:center;line-height:1;width:27px;height:27px;border:1px solid #bf9e665c;border-radius:50%;color:#98753b;font-size:15px;transition:background .25s,transform .3s,box-shadow .3s}
.article-row:hover .arrow{transform:translate(2px,-2px);background:#dbc38925;box-shadow:0 0 13px #c4a36520}
#list-results .thumb-note,#list-results .lead-row .thumb-note{font-size:8px;color:#f5e7c6;background:#13283ee8;z-index:4;bottom:9px;left:9px;border-left-color:#dfbd7c}
#list-results .lead-row{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#263a51,#12263e 68%,#1d2f46);border:1px solid #bba06c;border-radius:3px;padding:22px;grid-template-columns:148px minmax(0,1fr);gap:22px;box-shadow:0 9px 22px #1a273326,inset 0 0 0 5px #13253a,inset 0 0 0 6px #ddbd7e2a;margin-bottom:5px}
#list-results .lead-row::before{content:"";position:absolute;inset:-25%;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 39%,#f2dfb70a 49%,#f8e6b91c 50%,#f2dfb705 55%,transparent 60%);transform:translateX(-100%);animation:card-foil 14s ease-in-out infinite}
#list-results .lead-row::after{content:"✦";position:absolute;right:12px;top:5px;font-size:13px;color:#d8bd7e;opacity:.85;pointer-events:none}
#list-results .lead-row:hover{background:linear-gradient(125deg,#2b4058,#152c45 68%,#243950);border-color:#e6c886;box-shadow:0 13px 27px #17263b3d,inset 0 0 0 5px #14263a,inset 0 0 0 6px #ddbd7e50}
#list-results .lead-row .row-thumb{align-self:stretch;width:100%;min-height:195px;margin:0;border-color:#d7b97c}
#list-results .lead-row .row-thumb img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:48% 50%}
#list-results .lead-row .row-copy{position:relative;z-index:1}
#list-results .lead-row .row-meta{gap:8px}
#list-results .lead-row .row-meta .category{color:#ecd29b}
#list-results .lead-row .row-meta time{color:#aebaca;font-size:9px}
#list-results .lead-row h3,#list-results .lead-row:hover h3{color:#fff8e9;font-size:21px;line-height:1.75;letter-spacing:-.015em}
#list-results .lead-row .row-subtitle{color:#e8cd97;font-size:13px;font-weight:500;line-height:1.85;margin-top:9px;letter-spacing:.01em}
#list-results .lead-row p{color:#bdc8d4;font-size:12px;line-height:1.95;margin-top:12px}
#list-results .lead-row .row-foot{color:#9eafc2;margin-top:17px;font-size:9px}
#list-results .lead-row .row-read{color:#e9ce92}
#list-results .lead-row .row-read .arrow{color:#f6dfaa;border-color:#d6b97980;background:#d4bb7820}
.side-search{background:linear-gradient(130deg,#1b3049,#14273e);border:1px solid #d1b77b4f;border-radius:3px;box-shadow:inset 0 0 0 4px #182b4255,0 5px 18px #05112514;padding:13px 16px;margin-bottom:24px;color:#c6d0df;font-size:12px;min-height:51px}
.side-search:hover{border-color:#d8ba7c;background:#21364e}
.side-about{position:relative;isolation:isolate;overflow:hidden;padding:27px 23px 25px;border:1px solid #c7a66e99;background:radial-gradient(ellipse at 100% 0,#86724c20,transparent 70%),linear-gradient(145deg,#20344d,#12263e);box-shadow:inset 0 0 0 5px #192b41,inset 0 0 0 6px #cfb37b27,0 12px 30px #030d1922}
.side-about::before{content:"";inset:0;pointer-events:none;background:linear-gradient(115deg,transparent,#ecd29809,transparent);z-index:-1}
.about-orbit{position:absolute;top:-44px;right:-39px;width:155px;height:155px;opacity:.19;z-index:-1;pointer-events:none}
.about-orbit img{animation:compass-orbit 90s linear infinite}
.side-about .side-label{font-size:10px;letter-spacing:.08em;color:#e6cb91;margin-bottom:10px}
.side-about h2{font-size:22px;color:#fff7e8;margin-bottom:15px}
.side-about p{color:#c0cbda;font-size:12px;line-height:2.05}
.side-about .side-account{font-size:12px;color:#d2d6df;padding-top:15px;margin-top:17px;border-color:#b9a37633}
.side-instagram-button{position:relative;min-height:39px;color:#efd7a2;font-size:11px;margin-top:20px}
.side-block:not(.side-about) h2{font-size:14px;padding:0 0 15px;border-bottom:1px solid #d0b17a70;position:relative;letter-spacing:.04em}
.side-block:not(.side-about) h2::after{content:"✦";position:absolute;right:1px;bottom:10px;color:#d2b679;font-size:11px}
.category-links a{padding:13px 2px;transition:color .2s,padding-left .3s}
.category-links a:hover{color:#ead39d;padding-left:6px}
.category-links span{min-width:23px;height:23px;line-height:22px;border:1px solid #c4ac7738;border-radius:50%;background:#c0a2630d}
.sidebar-toc{border:1px solid #bda26e66;box-shadow:inset 0 0 0 4px #162a3e,0 12px 28px #020d1922}
.breadcrumbs{padding:24px 0;color:#afbdce}
.article-main{padding-top:33px}
.article-main::after{opacity:.5}
.article-header{position:relative}
.article-header::before{content:"";position:absolute;right:-12px;top:12px;width:120px;height:120px;z-index:-1;opacity:.12;background:url('assets/star-compass.svg') center/contain no-repeat;pointer-events:none;animation:compass-orbit 120s linear infinite}
.article-heading-top{margin-bottom:17px}
.article-header h1{font-size:31px;line-height:1.75;margin-bottom:24px}
.title-main{font-size:35px;line-height:1.6;letter-spacing:-.035em}
.title-main mark{position:relative;background:linear-gradient(transparent 72%,#e8ce8e8c 72%,#eadbb6a1 93%,transparent 93%);padding:0 .08em 0 0}
.title-sub{color:#5d6065;font-size:21px;font-weight:600;line-height:1.85;margin-top:13px}
.category-label{padding:4px 12px;border-radius:0;border:1px solid #c4a66c;background:#f5eddb;font-size:11px;box-shadow:inset 0 0 0 2px #fff8e9}
.article-byline{padding:15px 0;border-color:#cebd96;position:relative}
.article-byline::after{content:"✦";position:absolute;bottom:-8px;left:49%;font-size:10px;line-height:15px;padding:0 7px;background:#fffcf6;color:#b5965d}
.author-avatar{box-shadow:0 0 0 3px #cbb37c1c}
.save-button{border-radius:2px;border-color:#c1a46b;background:linear-gradient(135deg,#fcf7e9,#eee1c4);color:#796039;box-shadow:inset 0 0 0 2px #fff9ed;min-height:43px}
.save-button[aria-pressed=true]{background:#20384e;color:#f2daa3;border-color:#bba16b;box-shadow:inset 0 0 0 2px #2e4559}
.save-button[aria-pressed=true] svg{fill:#e4c587}
.article-audience{font-size:12px;color:#82735d;line-height:1.9;padding:0;background:none;border:0;margin-top:20px}
.quick-jumps{margin-top:17px;padding-top:16px;border-color:#e5dbc7}
.quick-jumps button{min-height:40px;padding:6px 14px;background:#faf5e9;border-color:#ceba91;border-radius:2px;box-shadow:inset 0 0 0 2px #fffaf0;transition:box-shadow .25s,background .25s}
.quick-jumps button:hover{background:#ecdfbf;box-shadow:inset 0 0 0 2px #f5e8cb,0 3px 8px #b3985e22}
.article-prose{color:#333d4b;line-height:2.05;letter-spacing:.01em}
.article-lead{padding-top:2px}
.article-lead p:first-child{line-height:2.05}
.article-toc{position:relative;background:#f6f0e2;border:1px solid #c4a975;border-top:3px solid #b59357;box-shadow:inset 0 0 0 5px #fff9ee,inset 0 0 0 6px #d4bd8e5e;padding:23px 25px;margin:32px 0 43px}
.article-toc::before{content:"✦";position:absolute;top:-11px;left:calc(50% - 14px);width:28px;text-align:center;font-size:13px;line-height:18px;color:#af8a46;background:#fffcf6}
.article-toc summary{color:#3e4654;font-size:15px}
.article-toc ol{counter-reset:toc;display:grid;gap:5px;margin-top:17px}
.article-toc li{counter-increment:toc;font-size:13px;margin:0}
.article-toc button{display:flex;align-items:baseline;gap:11px;line-height:1.9;padding:5px 0;text-align:left;color:#6f6655}
.article-toc button::before{content:"✧" / "";font-size:13px;font-weight:600;color:#b18d4f;letter-spacing:.06em;flex-shrink:0}
#article-body{counter-reset:chapter}
#article-body>h2{counter-increment:chapter;position:relative;overflow:hidden;padding:20px 18px 21px 64px;margin-top:47px;border:1px solid #cbb17c;border-left:3px solid #c7a263;background:linear-gradient(120deg,#1b314a,#273b51);color:#fff3dc;font-size:23px;line-height:1.7;box-shadow:inset 0 0 0 4px #1c3047,inset 0 0 0 5px #d6bd8226,0 5px 15px #1c2b3810}
#article-body>h2::before{content:"✦" / "";position:absolute;left:17px;top:20px;font-size:24px;line-height:1.6;font-weight:300;letter-spacing:-.06em;color:#d7b875;opacity:.95}
#article-body>h2::after{content:"✦";position:absolute;right:10px;bottom:1px;color:#c8ab7533;font-size:30px;line-height:1;pointer-events:none}
.article-prose h3{padding-bottom:12px;border-bottom:1px solid #c7b38d}
.article-takeaways{background:#f7f1e4;border-color:#cfb988;box-shadow:inset 0 0 0 4px #fff8e9}
.inline-reading{box-shadow:0 5px 15px #a38b5a12;border:1px solid #d2bc90;border-left:3px solid #b1935c;border-radius:0;background:#f8f2e5}
.tap-detail{border-color:#c7b388;box-shadow:0 4px 13px #ae97671a}
.tap-detail>summary{background:linear-gradient(110deg,#f2e9d3,#fcf8ee);color:#675737}
.tap-detail[open]{border-color:#b0955a}
.author-box{box-shadow:inset 0 0 0 4px #fffcf6;border:1px solid #ccb78c;background:#f6efe1}
.article-main .row-number{font-size:8px;line-height:18px;min-width:22px;top:5px;left:5px}
.site-footer{position:relative;background:linear-gradient(120deg,#0d192c,#14273a);border-top:1px solid #c2a46b6b;box-shadow:inset 0 4px 0 #dcc18a08}
.site-footer::before{content:"✦";position:absolute;left:calc(50% - 19px);top:-15px;color:#dfc18a;background:#112236;line-height:28px;font-size:19px;width:38px;text-align:center}
.footer-logo{color:#fff5e2;letter-spacing:.025em}
.to-top{border:1px solid #d3b677;color:#eed29a;background:#14283fee;box-shadow:0 0 0 3px #c5aa7130,0 5px 25px #020a1b55;transition:box-shadow .25s,background .25s}
.to-top:hover{background:#28425a;box-shadow:0 0 0 3px #c5aa7150,0 0 20px #ceae5b35}
dialog{border:1px solid #d4b882;box-shadow:0 25px 90px #0008,inset 0 0 0 5px #fffcf6,inset 0 0 0 6px #d4b88266}
dialog::backdrop{background:#050e22c7;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
dialog[open]{animation:journal-dialog .35s cubic-bezier(.2,.75,.3,1)}
.modal-close{border:1px solid #c8af7a7a;border-radius:50%;background:#faf3e3}
#toast{background:linear-gradient(120deg,#e8d7ae,#cfaf6d);color:#263448;border:1px solid #f2e0b4;box-shadow:0 8px 30px #05101f55}
@keyframes night-drift{from{transform:translate3d(-1%,0,0) rotate(-3deg)}to{transform:translate3d(2%,1%,0) rotate(4deg)}}
@keyframes scene-breathe{from{transform:scale(1.025)}to{transform:scale(1.075)}}
@keyframes compass-orbit{to{transform:rotate(360deg)}}
@keyframes header-gleam{0%,7%{transform:translateX(-120%);opacity:0}11%{opacity:1}34%{transform:translateX(120%);opacity:0}100%{transform:translateX(120%);opacity:0}}
@keyframes seal-glow{0%,100%{opacity:.4;filter:drop-shadow(0 0 0 #d4ae61)}50%{opacity:.9;filter:drop-shadow(0 0 7px #d4ae61)}}
@keyframes card-foil{0%,38%{transform:translateX(-110%);opacity:0}42%{opacity:1}62%{transform:translateX(110%);opacity:0}100%{transform:translateX(110%);opacity:0}}
@keyframes journal-dialog{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1100px){
 .masthead{gap:22px}.brand-sigil{width:58px;height:58px}.site-logo{gap:12px}.logo-main{font-size:29px}.site-description{padding-left:20px;font-size:10px;max-width:270px}.header-actions{gap:8px}.icon-button{width:39px;min-width:39px;height:39px}.page-columns{grid-template-columns:minmax(0,1fr) 238px;gap:25px}.main-column,.article-main{padding-left:27px;padding-right:27px}.list-header{margin-left:-18px;margin-right:-18px;padding-left:20px;padding-right:20px}#list-results .article-row{grid-template-columns:120px minmax(0,1fr);gap:19px}#list-results .lead-row{padding:20px;grid-template-columns:115px minmax(0,1fr);gap:18px}#list-results .lead-row h3{font-size:19px}#list-results .lead-row .row-thumb{min-height:210px}.feed-categories{gap:6px}.feed-categories a,.feed-categories a:first-child{padding:7px 10px;font-size:10px}.side-about{padding:25px 20px}.side-about h2{font-size:20px}.title-main{font-size:33px}
}
@media(max-width:900px){
 .masthead{min-height:124px}.site-description{display:none}.main-nav{top:100%;margin:0;max-width:none;min-height:0;gap:0;background:#12273e}.main-nav.open{padding:15px 26px 21px}.main-nav a,.main-nav .saved-nav{padding:14px 10px;font-size:12px}.nav-wrap{height:0;border-top:0;border-bottom:1px solid #c0a26b88}.header-actions{margin-left:auto}.page-columns{grid-template-columns:minmax(0,1fr) 205px;gap:23px}.main-column,.article-main{padding-left:24px;padding-right:24px}.list-header{margin-left:-15px;margin-right:-15px;gap:12px}.section-sigil{width:40px;height:40px;flex-basis:40px}.list-header h1{font-size:25px}.chapter-seal{right:19px;font-size:20px}.list-header .article-kicker{font-size:9px}.feed-categories a,.feed-categories a:first-child{font-size:10px;padding:7px 10px}#list-results .article-row{grid-template-columns:96px minmax(0,1fr);gap:16px}#list-results .lead-row{padding:18px;grid-template-columns:90px minmax(0,1fr);gap:15px}#list-results .lead-row h3{font-size:18px}#list-results .article-row h3{font-size:17px}#list-results .lead-row .row-meta{flex-wrap:wrap}#list-results .lead-row .row-subtitle{font-size:11px}#list-results .lead-row .row-foot{flex-wrap:wrap;gap:7px}#list-results .lead-row .row-thumb{min-height:210px}.side-about{padding:24px 17px}.side-about h2{font-size:17px}.side-about p,.side-about .side-account{font-size:11px}.side-search{padding:12px;font-size:11px}.title-main{font-size:31px}.title-sub{font-size:19px}#article-body>h2{font-size:20px;padding-left:57px}#article-body>h2::before{font-size:22px;left:15px}
}
@media(max-width:760px){
 .container{padding-left:16px;padding-right:16px}.masthead{min-height:96px;gap:8px}.site-logo{gap:7px;min-width:0}.brand-sigil{width:36px;height:36px}.brand-type{gap:5px}.logo-prefix{font-size:7px;letter-spacing:.035em}.logo-main{font-size:23px;letter-spacing:-.055em;white-space:nowrap}.logo-period{font-size:29px;margin-left:1px}.header-actions{gap:5px}.icon-button,.header-search,.menu-button{width:33px;min-width:33px;height:33px;padding:7px}.icon-button svg{width:17px;height:17px}.masthead-photo{width:270px;right:-14px;opacity:.88}.masthead-stage::before{background:linear-gradient(90deg,#0c1b31f2,#0c1b31c2 48%,#0e1d3345),linear-gradient(0deg,#0b192ebf,transparent 65%)}.constellation-strip{width:155%;max-width:none;left:-48%;opacity:.78;object-fit:cover}.scene-caption{font-size:7px;padding-bottom:10px;margin-top:-6px}.main-nav{padding:0 16px}.main-nav.open{padding:14px 16px 20px}.main-nav a,.main-nav .saved-nav{font-size:11px;min-height:47px;padding:12px 9px}.main-nav a[aria-current=page]::after{left:9px;right:auto;width:30px}
 #list-view{padding-top:18px;padding-bottom:35px}.page-columns{display:block}.main-column{margin:0;padding:23px 18px 26px;border:1px solid #c9ab73;border-top:3px solid #dec18a;border-radius:5px;box-shadow:0 10px 35px #030a183d}.main-column::before,.article-main::before{inset:5px}.main-column::after,.article-main::after{inset:9px;background-size:12px 1px,1px 12px,12px 1px,1px 12px,12px 1px,1px 12px,12px 1px,1px 12px}.list-header{margin:-15px -10px 17px;padding:16px 15px 17px;gap:11px;min-height:86px}.section-sigil{width:35px;height:35px;flex-basis:35px}.list-header .article-kicker{font-size:8px;letter-spacing:.02em;margin-bottom:5px}.list-header h1{font-size:23px}.chapter-seal{top:25px;right:16px;font-size:19px}.list-description{font-size:11px;line-height:1.9;margin-bottom:15px}.feed-categories{gap:5px;margin-bottom:9px;margin-right:-5px;padding-bottom:3px}.feed-categories a,.feed-categories a:first-child{font-size:9px;padding:6px 9px;min-height:36px;letter-spacing:0}.list-toolbar{min-height:47px;margin-bottom:17px;padding:8px 0}.search-field{gap:8px}.search-field input{font-size:16px}.search-field input::placeholder{font-size:11px}.list-toolbar>span{font-size:10px}
 #list-results .article-row{grid-template-columns:minmax(0,1fr) 85px;gap:15px;padding:23px 0;border-bottom:1px solid #d9cfbb;min-height:0;border-radius:0}#list-results .row-thumb{grid-column:2;grid-row:1;width:85px;margin-top:31px;align-self:start}#list-results .row-copy{grid-column:1;grid-row:1}#list-results .row-thumb img{aspect-ratio:1}#list-results .row-meta{display:block;margin-bottom:9px}#list-results .row-meta .category{font-size:9px}#list-results .row-meta .category::before{font-size:8px;margin-right:4px}#list-results .row-meta time{position:absolute;right:0;top:25px;font-size:8px}#list-results .article-row h3{font-size:16px;line-height:1.8}#list-results .article-row p{font-size:11px;line-height:1.9;margin-top:10px}#list-results .row-foot{display:flex;flex-wrap:wrap;font-size:8px;gap:6px;margin-top:11px}#list-results .row-read{font-size:9px;gap:6px}.row-read .arrow{width:22px;height:22px;font-size:13px}.row-number{font-size:8px;min-width:22px;line-height:18px;top:5px;left:5px}#list-results .thumb-note,#list-results .lead-row .thumb-note{font-size:7px;left:6px;bottom:6px;padding:2px 4px}#list-results .row-thumb::after{inset:4px}
 #list-results .lead-row{grid-template-columns:minmax(0,1fr) 80px;padding:19px 15px 18px;gap:12px;margin-bottom:0;border:1px solid #b89b61;border-radius:3px}#list-results .lead-row .row-thumb{grid-column:2;grid-row:1;align-self:stretch;width:80px;min-height:0;margin-top:30px;max-height:175px}#list-results .lead-row .row-thumb img{height:100%;aspect-ratio:auto;object-position:48% 50%}#list-results .lead-row .row-meta{display:block;margin-bottom:10px}#list-results .lead-row .row-meta time{position:absolute;top:2px;right:0;font-size:8px;display:none}#list-results .lead-row h3{font-size:17px;line-height:1.75;letter-spacing:-.03em}#list-results .lead-row .row-subtitle{font-size:11px;line-height:1.9;margin-top:9px;letter-spacing:0}#list-results .lead-row p{font-size:11px;line-height:1.9;margin-top:11px;-webkit-line-clamp:2}#list-results .lead-row .row-foot{margin-top:13px;gap:8px;font-size:8px}#list-results .lead-row .row-foot>span:first-child{display:none}#list-results .lead-row .row-read{font-size:9px}#list-results .lead-row .row-number{top:6px;left:6px}
 .sidebar{margin-top:25px;display:block}.sidebar>[data-sidebar]{display:grid;gap:24px;grid-template-columns:1fr 1fr}.side-search{grid-column:1/-1;min-height:48px;margin:0;font-size:12px;padding:12px 16px}.side-about{grid-column:1/-1;margin:0;padding:25px 23px}.side-about h2{font-size:23px;margin-bottom:13px}.side-about p,.side-about .side-account{font-size:12px;line-height:2}.about-orbit{width:165px;height:165px;right:-20px;top:-45px;opacity:.19}.side-note{grid-column:1/-1;font-size:10px}.side-block:not(.side-about) h2{font-size:12px;padding-bottom:12px}.side-story strong{font-size:11px}.category-links a{font-size:11px;padding:13px 0;gap:6px}.side-story .side-tag,.side-story small{font-size:9px}.category-links span{min-width:20px;height:20px;font-size:9px;line-height:19px}.side-instagram-button{font-size:11px;min-height:39px}.sidebar-toc{display:none}
 .breadcrumbs{font-size:9px;padding:19px 0;gap:7px}.article-main{margin:0;padding:24px 18px 30px;border:1px solid #c9ab73;border-top:3px solid #dec18a;border-radius:5px;box-shadow:0 10px 35px #030a183d}.article-header::before{width:100px;height:100px;right:-5px;top:14px}.article-ad-note{font-size:8px;line-height:1.8;margin-bottom:14px}.article-heading-top{margin-bottom:13px;gap:8px}.category-label{font-size:9px;padding:3px 8px}.sample-label{font-size:8px}.article-header h1{font-size:24px;line-height:1.8;margin:12px 0 21px}.title-main{font-size:29px;line-height:1.65;letter-spacing:-.035em}.title-sub{font-size:17px;line-height:1.9;margin-top:12px}.article-byline{padding:13px 0;gap:8px}.author-avatar{width:28px;height:28px;font-size:12px}.article-byline strong{font-size:9px}.article-byline>div>span{font-size:8px}.article-byline .save-button{font-size:9px;min-height:38px;padding:6px 7px;gap:4px;white-space:nowrap;box-shadow:inset 0 0 0 1px #fff9ed}.article-byline .save-button svg{width:11px;height:15px}.article-audience{font-size:10px;margin-top:18px}.quick-jumps{gap:6px;padding-top:14px;margin-top:15px}.quick-jumps>span{font-size:9px;width:100%}.quick-jumps button{font-size:10px;min-height:38px;padding:6px 11px;gap:14px}.article-header{margin-bottom:25px}.article-prose{font-size:15px;line-height:2.05}.article-lead p:first-child{font-size:15px;line-height:2.05}.article-prose p{margin-bottom:23px}.article-toc{padding:21px 17px;margin:29px 0 36px}.article-toc summary{font-size:13px}.article-toc li{font-size:11px}.article-toc button{gap:8px;padding:5px 0}.article-toc button::before{font-size:9px}#article-body>h2{font-size:19px;line-height:1.8;margin:38px 0 24px;padding:18px 15px 19px 51px}#article-body>h2::before{font-size:21px;left:13px;top:19px}#article-body>h2::after{font-size:24px;bottom:2px}.article-prose h3{font-size:17px}.article-prose table{font-size:12px}.source-section h2{font-size:16px}.author-box{padding:21px 16px}.author-box p{font-size:11px}.source-section{font-size:10px}.article-main .row-number{font-size:7px;line-height:16px;min-width:20px}.site-footer{margin-top:0;padding:31px 0 25px}.footer-logo{font-size:20px}.site-footer::before{font-size:16px;line-height:24px;top:-13px}.to-top{width:36px;height:36px;right:10px;bottom:13px}.dialog-content{padding:35px 24px}
}
@media(max-width:380px){
 .container{padding-left:12px;padding-right:12px}.masthead{min-height:92px;gap:6px}.brand-sigil{width:28px;height:28px}.site-logo{gap:5px}.logo-main{font-size:20px;letter-spacing:-.065em}.logo-prefix{font-size:6px;letter-spacing:.025em}.brand-type{gap:5px}.logo-period{font-size:27px}.header-actions{gap:4px}.icon-button,.header-search,.menu-button{width:30px;min-width:30px;height:30px;padding:6px}.icon-button svg{width:16px;height:16px}.masthead-photo{width:230px}.scene-caption{font-size:6px;padding-bottom:9px;margin-top:-6px}.main-nav.open{padding-left:12px;padding-right:12px}.main-column,.article-main{margin:0;padding-left:16px;padding-right:16px}.list-header{margin-left:-8px;margin-right:-8px;padding-left:13px;padding-right:13px;gap:9px}.section-sigil{width:31px;height:31px;flex-basis:31px}.list-header h1{font-size:22px}.list-header .article-kicker{font-size:7px}.chapter-seal{right:13px;font-size:17px}.feed-categories a,.feed-categories a:first-child{padding:6px 7px;font-size:9px}.feed-categories{gap:4px;margin-right:-5px}.list-description{font-size:10px}.search-field input::placeholder{font-size:10px}#list-results .article-row{grid-template-columns:minmax(0,1fr) 72px;gap:12px}#list-results .row-thumb{width:72px}#list-results .article-row h3{font-size:15px}#list-results .article-row p{font-size:10px}#list-results .lead-row{grid-template-columns:minmax(0,1fr) 63px;padding:17px 12px;gap:10px}#list-results .lead-row .row-thumb{width:63px;max-height:170px}#list-results .lead-row h3{font-size:16px}#list-results .lead-row .row-subtitle{font-size:10px}#list-results .lead-row p{font-size:10px}#list-results .lead-row .row-meta .category{font-size:8px}#list-results .row-meta time{font-size:7px}#list-results .row-meta .category{font-size:8px}#list-results .row-read{font-size:8px}.title-main{font-size:26px}.title-sub{font-size:15px}.article-header h1{font-size:23px}.article-byline{gap:6px}.article-byline>div>span{font-size:7px}.article-byline .save-button{margin-left:auto;font-size:8px;padding:5px}.article-audience{font-size:9px}.article-prose{font-size:15px}.quick-jumps button{padding:6px 10px;font-size:10px}.quick-jumps{gap:5px}#article-body>h2{font-size:18px;padding-left:46px;padding-right:12px}#article-body>h2::before{font-size:19px;left:12px}.article-toc{padding-left:14px;padding-right:14px}.article-toc li{font-size:10px}.sidebar>[data-sidebar]{gap:23px 17px}.side-about{padding:24px 20px}.side-block:not(.side-about) h2{font-size:11px}.side-block:not(.side-about) h2::after{font-size:9px}.category-links a{font-size:10px}.side-story strong{font-size:10px}.footer-logo{font-size:18px}
}
@media(hover:none),(pointer:coarse){.article-row:hover .row-thumb img{transform:none}.icon-button:hover{transform:none}}
/* User-supplied artwork, kept intact. This viewport hides only transparent padding. */
.site-logo{width:424px;gap:0}
.brand-art{position:relative;display:block;width:100%;aspect-ratio:1802/413;overflow:hidden;isolation:isolate;filter:drop-shadow(0 2px 9px #e1b96820)}
.brand-art img{position:absolute;width:113.6515%;max-width:none;height:auto;left:-7.2697%;top:-33.6562%;transition:filter .5s}
.site-logo:hover .brand-art img{filter:brightness(1.08) drop-shadow(0 0 4px #f9dc8f26)}
.footer-logo{display:block;width:247px;flex-shrink:0}
@media(max-width:1100px){.site-logo{width:382px}.site-description{max-width:240px;padding-left:19px;font-size:10px}}
@media(max-width:900px){.site-logo{width:390px}.masthead{min-height:130px}}
@media(max-width:760px){.site-logo{width:auto;flex:1 1 auto;max-width:330px;min-width:0}.masthead{min-height:96px}.header-actions{flex:0 0 auto}.footer-logo{width:210px}.footer-main{align-items:center;gap:12px}.footer-main>a:last-child{font-size:9px;white-space:nowrap}}
@media(max-width:380px){.masthead{min-height:92px}.footer-logo{width:180px}.footer-main>a:last-child{font-size:8px}}
.motion-paused .atmosphere::before,.reduce-motion .atmosphere::before{transform:none}
.motion-paused *,.motion-paused *::before,.motion-paused *::after,.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.motion-tab-hidden *,.motion-tab-hidden *::before,.motion-tab-hidden *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.atmosphere::before{transform:none}}