@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-serif-4-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/source-serif-4-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/source-serif-4-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}
:root{--ink:#16233D;--ink2:#2C3B57;--paper:#F6F3EC;--paper2:#EFEAE0;--line:#D9D2C3;--brass:#93702E;--slate:#5B6472;--serif:"Source Serif 4",Georgia,serif;--sans:"IBM Plex Sans",-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}
a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--serif);line-height:1.2;margin:0 0 .5em}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header{background:var(--ink);color:#F6F3EC;position:sticky;top:0;z-index:20}
.nav{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font:700 22px var(--serif);display:flex;align-items:center;gap:10px}.mark{background:#C9A24D;color:var(--ink);width:30px;height:30px;border-radius:6px;display:grid;place-items:center;font-size:18px}
#mainnav{list-style:none;display:flex;gap:26px;margin:0;padding:0;font-size:15px;font-weight:500}#mainnav a:hover,#mainnav a.on{color:#E6BC5C}
.burger{display:none;background:none;border:0;color:inherit;cursor:pointer}.ic-close{display:none}.menu-open .ic-open{display:none}.menu-open .ic-close{display:block}
.ticker{background:var(--paper2);border-bottom:1px solid var(--line);font-size:13px;color:var(--slate)}.ticker .wrap{padding-top:7px;padding-bottom:7px}
.section{padding:34px 0}.eyebrow,.tag{font:600 12px var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--brass);margin:0 0 6px}
.lead{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:center}.lead img,.article-hero img{width:100%;border-radius:8px;aspect-ratio:16/9;object-fit:cover}
.lead h1{font-size:clamp(28px,3.8vw,44px)}.dek{font-size:18px;color:var(--ink2)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:block}.card:hover{border-color:var(--brass)}
.card .b{padding:16px 18px 18px}.card h3{font-size:20px}.card p{margin:0 0 8px}.card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.note,.meta{font-size:13.5px;color:var(--slate)}.note a,.meta a{text-decoration:underline}
h2.sec{border-top:3px solid var(--ink);padding-top:10px;font-size:22px;margin-bottom:18px}
.art{max-width:760px}.art h1{font-size:clamp(28px,4vw,44px);margin:6px 0 10px}.art h2{font-size:26px;margin:1.6em 0 .4em}.art p,.art li{font-size:18px;line-height:1.7}.art .dek{font-size:20px}
.article-hero{margin:18px 0}.article-hero figcaption{font-size:13px;color:var(--slate);margin-top:6px}
.takeaways{background:var(--paper2);border-left:4px solid var(--brass);padding:4px 20px;margin:22px 0}.takeaways li{font-size:16.5px}
.crumb{font-size:13.5px;color:var(--slate);margin:0}.crumb a{text-decoration:underline}
.disc{border-top:1px solid var(--line);margin-top:34px;padding-top:12px}
.ad-slot{display:none}.ad-slot.on{display:block;margin:26px 0;min-height:90px;text-align:center}
.page{max-width:780px}.page h1{font-size:clamp(28px,4vw,40px)}.page h2{font-size:23px;margin-top:1.5em}.page li,.page p{font-size:17px}
footer{background:var(--ink);color:#F6F3EC;margin-top:40px;padding-top:34px}.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.fg h4{font:600 12px var(--sans);letter-spacing:.1em;color:#C9A24D;margin:0 0 10px}.fg ul{list-style:none;margin:0;padding:0;font-size:14.5px}.fg li{margin-bottom:6px}.fg a:hover{color:#E6BC5C}.fb{border-top:1px solid rgba(246,243,236,.18);margin-top:26px;padding:16px 20px;font-size:12.5px;color:rgba(246,243,236,.7)}
@media(max-width:768px){.lead{grid-template-columns:1fr}.fg{grid-template-columns:1fr 1fr}.burger{display:block}#mainnav{display:none;position:absolute;top:62px;left:0;right:0;background:var(--ink);flex-direction:column;gap:0;padding:8px 20px 16px}#mainnav.open{display:flex}#mainnav li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}}
