.brand {font-size:36px;line-height:.95;letter-spacing:.045em;text-align:center;flex-shrink:0;}
.brand .brand-subtitle {font-family:var(--serif);font-size:18px;font-weight:500;line-height:1.05;letter-spacing:.27em;margin-top:7px;}
.source-note .text-link {display:flex;width:fit-content;max-width:100%;white-space:normal;margin-top:10px;}
@media(max-width:1150px){.brand{font-size:32px;}.brand .brand-subtitle{font-size:16px;}}
@media(max-width:700px){.brand{font-size:28px;}.brand .brand-subtitle{font-size:14px;margin-top:6px;}.footer-top .brand{font-size:27px;}.footer-top .brand .brand-subtitle{font-size:13px;}}
@media(max-width:370px){.brand{font-size:24px;}.brand .brand-subtitle{font-size:12px;}.footer-top .brand{font-size:23px;}.footer-top .brand .brand-subtitle{font-size:11px;}}
/* Published narratives retain full archive frames, with a quiet reading column. */
.published-body{max-width:1060px;display:grid;grid-template-columns:1fr minmax(0,680px) 1fr;padding-bottom:70px}
.published-body>p,.published-body>h2,.published-body>section,.published-body>.article-end{grid-column:2}
.published-body>p{font-size:16px;line-height:1.95;color:#46594d;margin:0 0 25px}
.published-body>p:first-child{font-family:var(--serif);font-size:29px;line-height:1.5;color:var(--forest)}
.published-body>h2,.further-reading h2{font-size:40px;line-height:1.2;margin:38px 0 23px}
.narrative-image{grid-column:1/-1;width:100%;margin:22px auto 48px}
.narrative-image.portrait{max-width:640px}
.narrative-image img{display:block;width:100%;height:auto;object-fit:contain;filter:none}
.narrative-image figcaption{max-width:680px;margin:13px auto 0;font-size:11px;line-height:1.7;color:var(--muted)}
.narrative-image figcaption span{display:block;font-size:10px;margin-top:4px}
.narrative-image figcaption a{text-decoration:underline;text-underline-offset:3px}
.further-reading{border-top:1px solid var(--line);margin-top:30px}
.further-reading ul{list-style:none;padding:0;margin:0}
.further-reading li{font-size:13px;line-height:1.8;margin:0 0 12px}
.further-reading a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.published-body{display:block;padding-bottom:45px}.published-body>p{font-size:15px;line-height:1.85}.published-body>p:first-child{font-size:26px}.published-body>h2,.further-reading h2{font-size:34px}.narrative-image{margin-block:24px 35px}.narrative-image figcaption{font-size:10px}}
/* Lucide icons have fixed geometry; button alignment never depends on a font glyph. */
.ui-icon{display:block;flex:0 0 auto;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.button,.hero-secondary,.text-link{align-items:center;max-width:100%;white-space:normal}
.button{min-width:0;gap:clamp(18px,3vw,40px)}
.hero-secondary{align-items:center}
.round-arrow{display:grid;place-items:center;width:30px;height:30px}
[dir="rtl"] .button>.ui-icon,[dir="rtl"] .text-link>.ui-icon,[dir="rtl"] .hero-secondary>.ui-icon{transform:scaleX(-1)}
@media(max-width:700px){
 .hero{height:auto;min-height:665px}
 .hero-content{padding-bottom:130px}
 .hero .button{width:min(320px,100%);min-height:56px;font-size:14px;line-height:1.45;padding:16px 20px;gap:20px}
 .hero-secondary{width:fit-content;min-height:44px;font-size:13px;line-height:1.45;margin-top:12px;padding-block:10px;gap:18px}
 .round-arrow{width:28px;height:28px;right:10px;bottom:10px}
 .round-arrow .ui-icon{width:19px;height:19px}
 .world-copy{padding-bottom:18px}
}

/* Historical date: the object’s origin or formative period, distinct from the article date. */
.story-meta{align-items:baseline;flex-wrap:wrap;gap:8px 16px;font-size:10px;font-weight:400}
.story-meta .story-period{line-height:1.3;letter-spacing:.025em;text-transform:none;color:var(--forest);font-variant-numeric:tabular-nums;white-space:nowrap}
.article-context{display:flex;flex-direction:column;gap:8px;min-width:0}
.article-context .eyebrow{max-width:none}
.article-period{font-family:var(--serif);font-size:30px;font-weight:600;line-height:1.1;letter-spacing:0;color:var(--forest);font-variant-numeric:tabular-nums}
@media(max-width:700px){.article-context .eyebrow{font-size:8px;max-width:200px}.article-period{font-size:27px}}