:root{
  --ink:#111318;
  --ink-soft:#444951;
  --paper:#f7f4ed;
  --paper-2:#eee9df;
  --white:#fff;
  --navy:#0b1220;
  --navy-2:#111c2e;
  --gold:#d5a62f;
  --gold-soft:#f3d77b;
  --blue:#2d74b9;
  --line:#d8d1c4;
  --line-dark:rgba(255,255,255,.16);
  --shadow:0 18px 50px rgba(17,19,24,.12);
  --radius:18px;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.58;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img,video,iframe{display:block;max-width:100%}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}
button,input,select{font:inherit}
button,a{ -webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid rgba(213,166,47,.45);outline-offset:3px}
.container{width:min(var(--max),calc(100% - clamp(24px,6vw,92px)));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(11,18,32,.12);background:rgba(247,244,237,.94);backdrop-filter:blur(18px)}
.nav-wrap{min-height:74px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}
.brand-mark{width:34px;height:34px}
.brand-name{font-size:1.08rem;font-weight:850;letter-spacing:.11em}
.brand-domain{color:var(--gold);font-size:.72rem;font-weight:850;letter-spacing:.14em}
.nav-links{display:flex;align-items:center;gap:22px}
.nav-links a{font-size:.88rem;font-weight:720;text-decoration:none}
.nav-links a:hover,.nav-links a.active{color:var(--blue)}
.nav-toggle{display:none;width:46px;height:44px;border:1px solid rgba(11,18,32,.18);border-radius:12px;background:#fff}
.nav-toggle span{display:block;width:21px;height:2px;margin:4px auto;background:var(--ink);transition:.2s}
.header-actions{display:flex;gap:10px;align-items:center}
.search-button,.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:999px;padding:.68rem 1rem;border:1px solid var(--navy);font-weight:780;text-decoration:none;cursor:pointer}
.button{color:#fff;background:var(--navy)}
.button:hover{background:var(--blue);border-color:var(--blue)}
.button.secondary,.search-button{color:var(--ink);background:#fff;border-color:rgba(11,18,32,.18)}
.button.secondary:hover,.search-button:hover{border-color:var(--gold);color:#8a6712}
.ticker{border-bottom:1px solid rgba(11,18,32,.1);background:#fff}
.ticker .container{min-height:40px;display:flex;align-items:center;gap:16px;overflow:hidden}
.ticker-label{flex:0 0 auto;padding-right:16px;border-right:1px solid var(--line);color:#8a6712;font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.ticker-track{display:flex;gap:28px;white-space:nowrap;animation:ticker 30s linear infinite}
.ticker-track a{font-size:.82rem;text-decoration:none}
.ticker-track a::before{content:"•";color:var(--gold);margin-right:9px}
.hero{padding:clamp(42px,7vw,86px) 0 38px;background:linear-gradient(180deg,#fff,var(--paper))}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(30px,5vw,72px);align-items:end}
.kicker{color:#8a6712;font-size:.75rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
h1,h2,h3,p{overflow-wrap:break-word}
h1{max-width:12ch;margin:.75rem 0 1rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,7vw,6.5rem);line-height:.93;letter-spacing:-.055em;font-weight:700}
h2{margin:0 0 .8rem;font-size:clamp(1.85rem,4vw,3.2rem);line-height:1.04;letter-spacing:-.035em}
h3{margin:0 0 .5rem;font-size:clamp(1.12rem,1rem + .4vw,1.45rem);line-height:1.2}
.lead{max-width:66ch;color:var(--ink-soft);font-size:clamp(1.05rem,.98rem + .28vw,1.28rem)}
.hero-note{padding:22px;border-left:4px solid var(--gold);background:#fff;box-shadow:var(--shadow)}
.hero-note strong{display:block;margin-bottom:8px}
.section{padding:clamp(50px,7vw,92px) 0}
.section.alt{background:var(--paper-2);border-block:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}
.section-head p{max-width:58ch;margin:0;color:var(--ink-soft)}
.trending-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}
.story-card{position:relative;overflow:hidden;border:1px solid rgba(11,18,32,.13);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}
.story-card img,.story-card video{width:100%;height:100%;object-fit:cover}
.story-card.featured{min-height:570px}
.story-card.featured .story-media{position:absolute;inset:0}
.story-card.featured .story-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,14,.9),rgba(4,8,14,.12) 70%)}
.story-card.featured .story-content{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:clamp(24px,4vw,44px);color:#fff}
.story-card.featured h3{max-width:16ch;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.7rem);line-height:1.02}
.story-stack{display:grid;gap:18px}
.story-card.compact{display:grid;grid-template-columns:160px minmax(0,1fr);min-height:190px}
.story-card.compact .story-media{height:100%}
.story-card.compact .story-content{padding:20px}
.category-tag{display:inline-flex;margin-bottom:12px;padding:.32rem .56rem;border-radius:999px;background:var(--gold-soft);color:#5b430b;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.story-meta{display:flex;flex-wrap:wrap;gap:10px;color:inherit;opacity:.78;font-size:.78rem}
.story-summary{color:var(--ink-soft)}
.story-card.featured .story-summary{color:rgba(255,255,255,.84)}
.posts-list{display:grid;gap:20px}
.post-row{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:26px;padding:18px;border:1px solid rgba(11,18,32,.13);border-radius:var(--radius);background:#fff;box-shadow:0 12px 34px rgba(17,19,24,.08)}
.post-row .media{height:280px;overflow:hidden;border-radius:12px;background:var(--navy)}
.post-row img,.post-row video{width:100%;height:100%;object-fit:cover}
.post-row .content{padding:14px 8px;align-self:center}
.post-row h3{font-family:Georgia,serif;font-size:clamp(1.55rem,3vw,2.35rem)}
.post-row .read-link{display:inline-flex;margin-top:8px;font-weight:800;color:var(--blue);text-decoration:none}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.category-card{min-height:260px;padding:26px;border-radius:var(--radius);color:#fff;background:var(--navy);position:relative;overflow:hidden}
.category-card:nth-child(2){background:#16314d}.category-card:nth-child(3){background:#27231a}
.category-card::after{content:"";position:absolute;right:-60px;bottom:-60px;width:180px;height:180px;border:1px solid rgba(240,199,94,.4);border-radius:50%}
.category-card h3{font-size:1.7rem}.category-card p{color:rgba(255,255,255,.72)}
.category-card a{display:inline-flex;margin-top:18px;color:var(--gold-soft);font-weight:800}
.reference-desk{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.reference-link{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;font-weight:800;text-align:center}
.reference-link:hover{border-color:var(--gold)}
.newsletter{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:30px;border-radius:22px;color:#fff;background:var(--navy)}
.newsletter p{margin:0;color:rgba(255,255,255,.74)}
.newsletter .button{background:var(--gold);border-color:var(--gold);color:#1b1608}
.site-footer{padding:48px 0 24px;color:#dce2ea;background:var(--navy)}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.8fr);gap:30px}
.footer-title{color:#fff;font-weight:850}.site-footer p,.site-footer a{color:#aeb9c8}.site-footer a{display:block;margin:.45rem 0;text-decoration:none}.site-footer a:hover{color:var(--gold-soft)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:34px;padding-top:18px;border-top:1px solid var(--line-dark);font-size:.8rem;color:#aeb9c8}
.search-panel{position:fixed;inset:0;z-index:300;display:none;align-items:flex-start;justify-content:center;padding:90px 20px;background:rgba(11,18,32,.82);backdrop-filter:blur(12px)}
.search-panel.open{display:flex}.search-box{width:min(720px,100%);padding:24px;border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.search-box input{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:12px;font-size:1.05rem}.search-results{display:grid;gap:8px;margin-top:14px}.search-results a{padding:12px;border-radius:10px;background:var(--paper);text-decoration:none}.search-close{float:right;border:0;background:transparent;font-size:1.4rem;cursor:pointer}
/* Article */
.article-hero{padding:clamp(44px,7vw,90px) 0 30px;background:#fff;border-bottom:1px solid var(--line)}
.article-hero .container{max-width:1040px}.article-hero h1{max-width:16ch;font-size:clamp(3rem,6.5vw,6rem)}
.article-deck{max-width:76ch;color:var(--ink-soft);font-family:Georgia,serif;font-size:clamp(1.15rem,1rem + .45vw,1.55rem);line-height:1.55}
.article-byline{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:.82rem;color:var(--ink-soft)}
.article-cover{width:min(1360px,calc(100% - 24px));height:min(66vw,680px);margin:24px auto 0;overflow:hidden;border-radius:22px;background:var(--navy);box-shadow:var(--shadow)}
.article-cover img,.article-cover video{width:100%;height:100%;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:56px;justify-content:center;align-items:start;padding:clamp(46px,7vw,90px) 0}
.article-body{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.12rem,1.04rem + .22vw,1.28rem);line-height:1.78;letter-spacing:.003em}
.article-body>p:first-of-type::first-letter{float:left;margin:.12em .12em 0 0;font-size:4.5em;line-height:.75;font-weight:700;color:var(--navy)}
.article-body h2{max-width:none;margin:2.2em 0 .65em;padding-top:.7em;border-top:1px solid var(--line);font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.025em}
.article-body h3{margin-top:1.7em;font-family:Georgia,serif}
.article-body mark{padding:.05em .14em;background:linear-gradient(transparent 8%,rgba(243,197,69,.72) 8%,rgba(243,197,69,.72) 92%,transparent 92%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.article-body a{color:#1e5f9c}
.article-number{display:inline-block;margin-right:.4em;color:#8a6712;font-size:.86em;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.article-body blockquote{margin:2rem 0;padding:1.4rem 1.6rem;border-left:5px solid var(--gold);background:#fff9e7;font-size:1.25em;line-height:1.55}
.inline-media{margin:2.2rem 0;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.inline-media img,.inline-media video{width:100%;max-height:520px;object-fit:cover;background:#000}.inline-caption{padding:12px 16px;color:var(--ink-soft);font-family:Inter,Arial,sans-serif;font-size:.78rem}
.social-embed{margin:2rem 0;padding:20px;border:1px solid #cfd7e0;border-radius:16px;background:#fff;font-family:Inter,Arial,sans-serif;box-shadow:0 12px 30px rgba(17,19,24,.08)}
.social-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}.social-name{font-weight:850}.social-handle{color:#66707b;font-size:.82rem}.social-post{font-size:1rem;line-height:1.55}.social-stats{display:flex;gap:18px;margin-top:16px;color:#66707b;font-size:.78rem}
.references{margin-top:3rem;padding:22px;border:1px solid var(--line);background:#fff}.references h2{margin-top:0;border-top:0;padding-top:0}.references ol{padding-left:1.25rem}.references li{margin:.7rem 0}
.article-aside{position:sticky;top:100px;display:grid;gap:16px}.aside-box{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.aside-box strong{display:block;margin-bottom:10px}.aside-box a{display:block;margin:.55rem 0;color:var(--blue);text-decoration:none}.aside-box p{margin:0;color:var(--ink-soft);font-size:.86rem}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.related-card img{width:100%;height:180px;object-fit:cover}.related-card div{padding:16px}.related-card a{text-decoration:none}
.category-hero{padding:60px 0 34px;background:#fff;border-bottom:1px solid var(--line)}
.category-hero h1{max-width:14ch}.category-intro{max-width:68ch;color:var(--ink-soft);font-size:1.15rem}
.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.standard-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.standard-card strong{display:block;margin-bottom:8px;color:#8a6712}
@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:1000px){
  .nav-links{position:fixed;top:74px;right:12px;left:12px;display:none;align-items:stretch;flex-direction:column;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}
  .nav-links.open{display:flex}.nav-toggle{display:block}.header-actions .button{display:none}
  .hero-grid,.trending-grid,.article-layout{grid-template-columns:1fr}.article-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .story-card.featured{min-height:500px}.category-grid{grid-template-columns:1fr}.reference-desk{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .container{width:calc(100% - 24px)}.brand-domain{display:none}.header-actions .search-button{width:44px;padding:0;font-size:0}.header-actions .search-button::after{content:"⌕";font-size:1.25rem}
  .ticker{display:none}.hero{padding-top:34px}.hero-grid{align-items:start}h1{font-size:clamp(2.65rem,14vw,4.4rem)}
  .story-card.featured{min-height:470px}.story-card.compact,.post-row{grid-template-columns:1fr}.story-card.compact .story-media{height:220px}.post-row .media{height:230px}
  .section-head{display:grid;align-items:start}.reference-desk{grid-template-columns:repeat(2,minmax(0,1fr))}.newsletter{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid}
  .article-cover{height:58vw;min-height:260px;border-radius:14px}.article-layout{gap:30px}.article-aside{grid-template-columns:1fr}.article-body{font-size:1.08rem;line-height:1.72}.related-grid{grid-template-columns:1fr}.editorial-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}}