
:root{color-scheme:dark;--ink:#0b0b0b;--paper:#eeeae2;--gold:#bda477}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}header{position:sticky;top:0;z-index:20;background:rgba(8,8,8,.96);padding:16px max(20px,5vw);border-bottom:1px solid #34302a;display:flex;align-items:center;justify-content:space-between;gap:15px}
.brand{font-weight:900;letter-spacing:.12em;font-size:13px;text-decoration:none;line-height:1.15}
nav{display:flex;gap:clamp(10px,2.5vw,30px);align-items:center}nav a{text-decoration:none;font-size:12px}nav .action{border:1px solid #ddd;padding:11px 13px}
.hero{min-height:75svh;padding:90px max(20px,7vw);display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,#0a0a0a,transparent),#1b1916}
.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.hero h1{font-size:clamp(55px,12vw,150px);line-height:.88;letter-spacing:-.08em;margin:25px 0}
.hero p{font-size:clamp(18px,2.3vw,26px);max-width:680px;line-height:1.4}
.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.button{border:1px solid #e7e1d8;text-decoration:none;padding:16px 21px;font-size:12px;font-weight:800;letter-spacing:.05em}.button.primary{background:var(--paper);color:#111}
.section{padding:80px max(20px,7vw)}.section h2{font-size:clamp(36px,6vw,78px);letter-spacing:-.06em;line-height:1;margin:20px 0}.paper{background:var(--paper);color:#161616}.paper p{max-width:900px;line-height:1.5;font-size:clamp(18px,2.5vw,27px)}
.library{max-width:1060px;margin:0 auto;padding:65px 22px}.library h1{font-size:clamp(48px,8vw,96px);letter-spacing:-.07em;line-height:1}
.search{width:100%;padding:18px;background:#1b1b1b;color:#fff;border:1px solid #6d685e;font-size:17px;margin:20px 0}
.results{font-size:12px;color:#bcb5aa}.items{list-style:none;margin:25px 0;padding:0}.items li{border-top:1px solid #36312b}.items a{display:block;text-decoration:none;padding:23px 0;font-size:clamp(20px,3vw,34px);letter-spacing:-.035em}.items a:hover{color:var(--gold)}.items small{display:block;color:#aaa;font-size:11px;letter-spacing:.13em;margin-bottom:9px}
.article{background:var(--paper);color:#1a1a1a;min-height:80svh;padding:65px 20px}.article-inner{max-width:760px;margin:auto}.article h1{font-size:clamp(43px,7vw,84px);line-height:1.02;letter-spacing:-.06em}.article-body{font:clamp(19px,2vw,22px)/1.75 Georgia,serif;overflow-wrap:anywhere}
.article-body img{max-width:100%;height:auto}.article-body iframe{max-width:100%}.article-body a{color:#5e4527}.article-body h2,.article-body h3{font-family:Arial,sans-serif;line-height:1.2;margin-top:1.8em}.article-body table{display:block;max-width:100%;overflow-x:auto}
footer{padding:40px max(20px,5vw);border-top:1px solid #333;font-size:12px;color:#aaa}.empty{padding:35px;border:1px solid #444;color:#ccc}
@media(max-width:680px){header{flex-wrap:wrap}nav{width:100%;justify-content:space-between}nav a{font-size:11px}.hero{min-height:67svh;padding-top:65px}.section{padding-top:65px;padding-bottom:65px}}

/* EDITORIAL-MOBILE-HEADER-001: non-obscuring navigation on iPhone */
@media(max-width:700px){body>header,header.site-header,header{position:relative!important;top:auto!important;transform:none!important}main,article,.article,.article-inner{scroll-margin-top:0}body{overflow-x:hidden}img,video{max-width:100%;height:auto}iframe{max-width:100%}}


/* ARCHIVE-MASTHEAD-008 */
body>header.archive-masthead,header.archive-masthead{box-sizing:border-box!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:88px!important;padding:17px clamp(20px,4vw,54px)!important;background:#090909!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.archive-masthead .archive-brand{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex:none;color:#f7f2e9!important;text-decoration:none!important;line-height:1}
.archive-brand-name{font:700 clamp(27px,3vw,39px)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.075em;color:#f7f2e9;text-shadow:.5px .5px 0 #b88e58,-.5px -.5px 0 #b88e58}
.archive-brand-caption{font:600 6px/1.3 Arial,sans-serif;letter-spacing:.24em;margin-top:7px;color:#d9cdbd;white-space:nowrap}
.archive-navigation{display:flex;align-items:center;gap:clamp(16px,2.7vw,34px)}
.archive-navigation>a{font:500 14px/1.4 system-ui,-apple-system,sans-serif;color:#e5ddd3!important;text-decoration:none!important;white-space:nowrap}
.archive-navigation>a:hover,.archive-navigation>a:focus-visible{color:#e9bb83!important}
.archive-navigation .archive-recognize{border:1px solid #a88259!important;border-radius:2px!important;padding:10px 15px!important;background:transparent!important;color:#e6c39a!important;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.archive-navigation .archive-recognize:hover{background:#211912!important}
@media(max-width:700px){
 body>header.archive-masthead,header.archive-masthead{min-height:74px!important;padding:12px 18px!important;gap:10px!important}
 .archive-brand-name{font-size:clamp(24px,6.8vw,34px)}
 .archive-brand-caption{font-size:5px;letter-spacing:.18em;margin-top:6px}
 .archive-navigation{gap:clamp(9px,2.3vw,18px)}
 .archive-navigation>a{font-size:12px}
 .archive-navigation .archive-recognize{min-height:36px;padding:8px 10px!important;font-size:11px}
}
@media(max-width:375px){.archive-navigation{gap:8px}.archive-navigation>a{font-size:11px}.archive-brand-name{font-size:24px}.archive-navigation .archive-recognize{padding:7px 8px!important}}


/* EDITORIAL-REDESIGN-002 — The Ones Who Carried */
:root{color-scheme:dark;--editorial-ink:#f2ede5;--editorial-muted:#bcb3a8;--editorial-gold:#c9a875;--editorial-bg:#0d0c0b}
html{scroll-behavior:smooth}
body{background:var(--editorial-bg)!important;color:var(--editorial-ink)!important;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;line-height:1.7;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 85% 35% at 50% 0%,rgba(141,106,63,.13),transparent 80%)}
body>header,header.site-header{background:rgba(15,14,13,.96)!important;color:var(--editorial-ink)!important;border-bottom:1px solid rgba(201,168,117,.25)!important;backdrop-filter:blur(18px)}
header a,nav a{color:var(--editorial-ink)}
header a:hover,nav a:hover{color:var(--editorial-gold)}
main{width:min(100% - 36px,1120px);margin-inline:auto;padding-block:clamp(36px,7vw,88px)}
article{max-width:780px;margin-inline:auto}
article h1,main h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.045em;line-height:1.08!important;font-size:clamp(2.6rem,7vw,5.6rem)!important;text-wrap:balance;color:#f6f0e8!important}
article h2,main h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.025em;line-height:1.2;color:#f2e7d8}
article h3,main h3{color:#e7d4bb}
article p,article li,main p,main li{line-height:1.85}
article p{font-size:clamp(1.04rem,1.5vw,1.18rem)}
article a,main a{color:#e4bd84;text-underline-offset:.22em}
article a:hover,main a:hover{color:#fff1d8}
article img,main img{display:block;max-width:100%;height:auto;border-radius:12px}
article img{margin-block:clamp(22px,5vw,46px)}
article blockquote,main blockquote{margin:2.4rem 0;padding:1rem 1.6rem;border-left:3px solid var(--editorial-gold);background:rgba(201,168,117,.07);color:#eadfd0;font-family:Georgia,serif;font-size:1.2rem}
article hr,main hr{border:0;border-top:1px solid rgba(201,168,117,.25);margin:3rem 0}
article ul,article ol{padding-left:1.5rem}
article li+li{margin-top:.5rem}
main :is(.card,.story-card,.article-card,.page-card){background:#191715!important;border:1px solid rgba(201,168,117,.18)!important;border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s}
main :is(.card,.story-card,.article-card,.page-card):hover{transform:translateY(-3px);border-color:rgba(201,168,117,.55)!important}
main :is(.card,.story-card,.article-card,.page-card) img{border-radius:0;margin:0}
main :is(.grid,.cards,.story-grid,.article-grid){gap:clamp(18px,3vw,30px)}
body>footer,footer{background:#11100f!important;color:var(--editorial-muted)!important;border-top:1px solid rgba(201,168,117,.2)}
:focus-visible{outline:2px solid var(--editorial-gold)!important;outline-offset:4px}
@media(max-width:700px){main{width:min(100% - 30px,1120px);padding-block:34px}article h1,main h1{font-size:clamp(2.4rem,11vw,3.6rem)!important}article p{font-size:1.06rem}article blockquote{padding:1rem 1.1rem}main :is(.grid,.cards,.story-grid,.article-grid){grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}main :is(.card,.story-card,.article-card,.page-card){transition:none}}


/* EDITORIAL-READABILITY-003 */
main article, main .article, main .article-inner { color:#25211c; }
main article h1, main .article h1, main .article-inner h1,
main article h2, main .article h2, main article h3,
main .article-inner h2, main .article-inner h3 { color:#201d19!important; }
main article p,main article li,main .article p,main .article li { color:#28241f; }
main article a,main .article a { color:#805d2c; }
main article a:hover,main .article a:hover { color:#4d3519; }
main article blockquote,main .article blockquote { color:#342a20; background:#f1e8db; }
@media(max-width:700px){
 body>header,header.site-header { position:relative!important; }
 main { padding-block:20px!important; }
 main article,main .article,main .article-inner { padding:22px 20px!important; }
 main article h1,main .article h1,main .article-inner h1 {
  font-size:clamp(2rem,8.2vw,3rem)!important;line-height:1.12!important;
  overflow-wrap:break-word;letter-spacing:-.035em!important;
  margin-block:18px 24px!important;
 }
 main article p,main .article p { font-size:1.04rem!important;line-height:1.7!important; }
}


/* JOURNAL-CULTURAL-004 */
:root{--towc-radius:25px;--towc-gold:#d7a66a}
body{background:#100f0e!important;color:#f3eee7!important}
body>header,header.site-header{border-bottom:0!important;background:#100f0e!important}
main{width:min(100% - 40px,1200px)}
main :is(.grid,.cards,.story-grid,.article-grid){gap:clamp(22px,4vw,48px)}
main :is(.card,.story-card,.article-card,.page-card){border:0!important;background:transparent!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important}
main :is(.card,.story-card,.article-card,.page-card):hover{transform:none!important;border:0!important}
main :is(.card,.story-card,.article-card,.page-card) img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--towc-radius)!important;margin-bottom:18px}
main :is(.card,.story-card,.article-card,.page-card) a{font-weight:700}
main :is(a.button,.button,a.btn,.btn,button){border-radius:999px!important;min-height:44px}
main :is(.card,.story-card,.article-card,.page-card) :is(h2,h3){font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:850!important;letter-spacing:-.055em;line-height:1.06}
article{max-width:780px}
article img{border-radius:var(--towc-radius)!important}
@media(max-width:700px){
 main{width:min(100% - 36px,1200px)}
 main :is(.grid,.cards,.story-grid,.article-grid){grid-template-columns:1fr;gap:34px}
 main :is(.card,.story-card,.article-card,.page-card) img{border-radius:25px!important}
}


/* UNSEEN-ARCHIVE-FOOTER-002 */
footer.unseen-archive-footer{box-sizing:border-box!important;display:block!important;padding:48px clamp(20px,5vw,60px)!important;background:#11100f!important;border-top:1px solid #40372f!important;color:#c6bdb3!important;font:400 14px/1.6 system-ui,-apple-system,sans-serif!important}
footer.unseen-archive-footer p{margin:0 0 12px!important;color:#c6bdb3!important}
footer.unseen-archive-footer strong{font-size:14px;letter-spacing:.15em;color:#f4eee7}
footer.unseen-archive-footer small{color:#8f857b;font-size:12px}
