/* Header */
.site-header{position:sticky;top:var(--admin-offset);z-index:var(--z-header);background:var(--paper);border-bottom:var(--border)}
.site-header__inner{display:flex;align-items:center;gap:var(--space-6);min-height:66px;padding-block:var(--space-3)}
.wordmark{display:flex;align-items:center;gap:.6rem;flex-shrink:0}
.wordmark__mark{display:grid;place-items:center;width:30px;height:30px;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-size:.6875rem;font-weight:700;letter-spacing:.02em;border-radius:var(--radius)}
.wordmark__name{font-family:var(--font-display);font-size:1.0625rem;font-weight:700;letter-spacing:-.025em;color:var(--ink);white-space:nowrap}
.wordmark:hover .wordmark__name{color:var(--ink)}
.wordmark img{max-height:38px;width:auto}
.nav-primary ul{display:flex;gap:var(--space-5)}
.nav-primary a{font-size:var(--fs-400);font-weight:500;color:var(--ink);letter-spacing:var(--ls-snug)}
.nav-primary .current-menu-item > a,.nav-primary .current_page_item > a{color:var(--accent)}
.nav-primary .sub-menu{display:none}
.site-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto}
.icon-btn{display:grid;place-items:center;width:38px;height:38px;color:var(--ink);border-radius:var(--radius);transition:background var(--dur) var(--ease)}
.icon-btn:hover{background:var(--surface-alt)}
.nav-toggle{display:none}
.nav-toggle__bars,.nav-toggle__bars::before,.nav-toggle__bars::after{display:block;width:17px;height:1.5px;background:currentColor;transition:transform var(--dur) var(--ease)}
.nav-toggle__bars{position:relative}
.nav-toggle__bars::before,.nav-toggle__bars::after{content:"";position:absolute;left:0}
.nav-toggle__bars::before{top:-5px}
.nav-toggle__bars::after{top:5px}
[aria-expanded=true] .nav-toggle__bars{background:transparent}
[aria-expanded=true] .nav-toggle__bars::before{transform:translateY(5px) rotate(45deg)}
[aria-expanded=true] .nav-toggle__bars::after{transform:translateY(-5px) rotate(-45deg)}
.nav-categories ul{display:flex;gap:var(--space-5);overflow-x:auto;scrollbar-width:none;padding-block:.6rem}
.nav-categories ul::-webkit-scrollbar{display:none}
.nav-categories a{font-family:var(--font-mono);font-size:var(--fs-200);text-transform:uppercase;letter-spacing:var(--ls-mono);color:var(--muted);white-space:nowrap}
.nav-categories a:hover{color:var(--cat)}
.nav-categories .current-menu-item > a{color:var(--ink)}
.search-panel{border-top:var(--border);background:var(--surface);padding-block:var(--space-5)}
.search-form{display:flex;gap:var(--space-2);align-items:center}
.field,.search-form__field,.search-field{flex:1;min-width:0;padding:.7rem .9rem;background:var(--paper);border:1px solid var(--rule-strong);border-radius:var(--radius);font-size:var(--fs-500)}
.field:focus,.search-form__field:focus,.search-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.15rem;border-radius:var(--radius);font-size:var(--fs-400);font-weight:600;letter-spacing:var(--ls-snug);white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur)}
.btn--solid{background:var(--ink);color:var(--paper)}
.btn--solid:hover{background:var(--accent);color:var(--paper)}
.btn--ghost{border:var(--border);color:var(--ink)}
.btn--ghost:hover{border-color:var(--ink);color:var(--ink)}
.nav-scrim{position:fixed;inset:0;background:rgb(11 13 18 / 45%);z-index:var(--z-overlay)}
/* Cards */
.card{display:flex;flex-direction:column}
.card__media{display:block;overflow:hidden;border-radius:var(--radius);background:var(--surface-alt)}
.card__media img,.card__media .ph{width:100%;aspect-ratio:16/10;object-fit:cover;color:var(--cat);transition:transform 300ms var(--ease)}
.card__media:hover img,.card__media:hover .ph{transform:scale(1.02)}
.card__body{display:flex;flex-direction:column;gap:.55rem;padding-top:var(--space-4)}
.card__title{font-size:var(--fs-700);line-height:var(--lh-snug);letter-spacing:var(--ls-snug)}
.card__excerpt{font-size:var(--fs-400);color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card__flag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--fs-100);text-transform:uppercase;letter-spacing:var(--ls-mono);color:var(--ink)}
.card__flag::before{content:"";width:22px;height:2px;background:var(--cat)}
.pill{align-self:flex-start;font-family:var(--font-mono);font-size:var(--fs-100);font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-mono);color:var(--cat)}
.pill:hover{color:var(--cat);text-decoration:underline;text-underline-offset:3px}
.meta{display:flex;flex-wrap:wrap;gap:.75rem;font-family:var(--font-mono);font-size:var(--fs-200);color:var(--muted);letter-spacing:.02em}
.meta__author{color:var(--ink-soft);font-weight:500}
.meta > *:not(:first-child){position:relative}
.meta > *:not(:first-child)::before{content:"";position:absolute;left:-.45rem;top:50%;width:3px;height:3px;background:var(--rule-strong);border-radius:50%;transform:translateY(-50%)}
.card--lead .card__media img,.card--lead .card__media .ph{aspect-ratio:16/9}
.card--lead .card__title{font-size:clamp(1.625rem,2.2vw + .7rem,2.25rem);line-height:1.14;letter-spacing:-.025em}
.card--lead .card__excerpt{font-size:var(--fs-600);-webkit-line-clamp:3;color:var(--ink-soft)}
.card--lead .card__body{gap:.7rem}
.card--secondary{display:grid;grid-template-columns:104px minmax(0,1fr);gap:var(--space-4);align-items:start}
.card--secondary + .card--secondary{border-top:var(--border);padding-top:var(--space-5)}
.card--secondary .card__media img,.card--secondary .card__media .ph{aspect-ratio:1/1}
.card--secondary .card__body{padding-top:0;gap:.4rem}
.card--secondary .card__title{font-size:var(--fs-500);line-height:1.35}
.card--wide{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--space-6) var(--space-7);align-items:center}
.card--wide .card__media img,.card--wide .card__media .ph{aspect-ratio:16/9}
.card--wide .card__body{padding-top:0;gap:.7rem}
.card--wide .card__title{font-size:clamp(1.625rem,2.2vw + .7rem,2.25rem);line-height:1.14;letter-spacing:-.025em}
.card--wide .card__excerpt{font-size:var(--fs-600);color:var(--ink-soft);-webkit-line-clamp:4}
.card--horizontal .card__media img,.card--horizontal .card__media .ph{aspect-ratio:16/9}
.card--horizontal .card__title{font-size:var(--fs-600);line-height:1.32}
/* Section head */
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-6);border-bottom:2px solid var(--ink)}
.section-head__title{font-size:var(--fs-800);letter-spacing:-.022em}
.section-head__link{font-family:var(--font-mono);font-size:var(--fs-200);text-transform:uppercase;letter-spacing:var(--ls-mono);color:var(--muted);white-space:nowrap}
.section-head--sm{margin-bottom:var(--space-5);padding-bottom:.6rem;border-bottom:1px solid var(--ink)}
.section-head--sm .section-head__title{font-size:var(--fs-600);color:var(--cat)}
/* Pagination */
.pagination{padding-block:var(--space-6) 0;border-top:var(--border);margin-top:var(--space-7)}
.pagination .nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.pagination .page-numbers{display:grid;place-items:center;min-width:40px;height:40px;padding-inline:.7rem;border:var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--fs-300);color:var(--ink)}
.pagination a.page-numbers:hover{border-color:var(--ink);color:var(--ink)}
.pagination .page-numbers.current{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.pagination .page-numbers.dots{border:0;min-width:auto;color:var(--muted)}
.pagination .next{margin-left:auto}
/* Newsletter */
.newsletter{border-top:var(--border)}
.newsletter__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:var(--space-6) var(--space-8);align-items:center}
.newsletter__title{font-size:var(--fs-900);letter-spacing:-.025em;margin-top:.5rem}
.newsletter__text{margin-top:.6rem;font-size:var(--fs-400);color:var(--muted);max-width:46ch;line-height:1.6}
.newsletter__form{position:relative}
.newsletter__row{display:flex;gap:var(--space-2)}
.newsletter__form .tmd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.newsletter__notice{margin-bottom:var(--space-3);padding:.7rem .9rem;background:#fef2f2;border-left:3px solid #b91c1c;border-radius:0 var(--radius) var(--radius) 0;color:#991b1b;font-size:var(--fs-400);line-height:1.5}
.newsletter__small{margin-top:.6rem;font-size:var(--fs-300);color:var(--muted);line-height:1.5}
.newsletter__small a{text-decoration:underline;text-underline-offset:2px}
.newsletter__thanks{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--accent-tint);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0}
.newsletter__thanks:focus{outline:none}
.newsletter__tick{flex-shrink:0;margin-top:.1rem;color:var(--accent)}
.newsletter__thanks-title{font-family:var(--font-display);font-size:var(--fs-700);font-weight:700;letter-spacing:var(--ls-snug);color:var(--ink)}
.newsletter__thanks-text{margin-top:.35rem;font-size:var(--fs-400);color:var(--ink-soft);line-height:1.55}
/* Footer */
.site-footer{background:var(--ink);color:#9ba3af;padding-block:var(--space-8) var(--space-5)}
.site-footer a{color:#d4d8de}
.site-footer a:hover{color:#fff}
.site-footer__top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,2fr);gap:var(--space-8)}
.wordmark--footer .wordmark__mark{background:var(--paper);color:var(--ink)}
.wordmark--footer .wordmark__name{color:#fff}
.site-footer__desc{margin-top:var(--space-4);font-size:var(--fs-400);line-height:1.65;max-width:42ch}
.wordmark--footer .wordmark__img,.wordmark--footer .custom-logo{max-height:44px;width:auto}
.site-footer--light{background:var(--surface);color:var(--ink-soft);border-top:var(--border)}
.site-footer--light a{color:var(--ink)}
.site-footer--light a:hover{color:var(--accent)}
.site-footer--light .wordmark--footer .wordmark__mark{background:var(--ink);color:var(--paper)}
.site-footer--light .wordmark--footer .wordmark__name{color:var(--ink)}
.site-footer--light .footer-col__title{color:var(--ink)}
.site-footer--light .social a{border-color:var(--rule-strong)}
.site-footer--light .social a:hover{background:var(--surface-alt)}
.site-footer--light .site-footer__bottom{border-top-color:var(--rule)}
.social{display:flex;gap:.5rem;margin-top:var(--space-5)}
.social a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2a2f39;border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--fs-200)}
.social a:hover{background:#1a1f28}
.site-footer__nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.footer-col__title{font-family:var(--font-mono);font-size:var(--fs-200);font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-mono);color:#fff;margin-bottom:var(--space-4)}
.footer-col li + li{margin-top:.6rem}
.footer-col__title a{color:inherit}
.footer-col__title a:hover{color:#fff}
.site-footer--light .footer-col__title a:hover{color:var(--accent)}
.footer-col--links:not(:only-child){margin-top:calc(var(--fs-200) * 1.4 + var(--space-4))}
.footer-col a{font-size:var(--fs-400)}
.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid #22272f;font-size:var(--fs-300)}
/* Widgets */
.widget + .widget{margin-top:var(--space-6)}
.widget ul li + li{margin-top:.7rem}
.widget a{font-size:var(--fs-400);color:var(--ink)}
.widget a:hover{color:var(--accent)}
@media (min-width:861px){
:root{--header-h:101px}
.site-nav,.site-nav[hidden]{display:contents}
.site-header__inner{flex-wrap:wrap;align-items:center;column-gap:var(--space-6);row-gap:0;padding-bottom:0}
.wordmark{order:1}
.nav-primary{order:2;margin-left:auto}
.site-header__actions{order:3;margin-left:0}
.nav-categories{order:4;flex:0 0 100%;border-top:var(--border);margin-top:var(--space-3)}
.nav-scrim{display:none}
}
@media (max-width:1000px){
.card--wide{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
.site-footer__top{grid-template-columns:minmax(0,1fr);gap:var(--space-7)}
}
@media (max-width:860px){
.nav-toggle{display:grid}
.site-nav{position:fixed;inset:calc(66px + var(--admin-offset)) 0 auto;z-index:var(--z-drawer);background:var(--paper);border-bottom:var(--border);box-shadow:var(--shadow-drawer);padding:var(--space-5) 0 var(--space-6);max-height:calc(100dvh - 66px - var(--admin-offset));overflow-y:auto}
.site-nav[hidden]{display:none}
.nav-primary ul{flex-direction:column;gap:0;padding-inline:var(--gutter)}
.nav-primary li + li{border-top:var(--border)}
.nav-primary a{display:block;padding:.85rem 0;font-size:var(--fs-600);font-weight:600}
.nav-categories{margin-top:var(--space-5)}
.nav-categories ul{flex-wrap:wrap;gap:.5rem .75rem;overflow:visible;padding-inline:var(--gutter)}
.nav-categories a{padding:.45rem .7rem;border:var(--border);border-radius:100px}
.newsletter__inner{grid-template-columns:minmax(0,1fr)}
.site-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-5)}
}
@media (max-width:640px){
.card--secondary{grid-template-columns:88px minmax(0,1fr)}
.newsletter__row{flex-direction:column;align-items:stretch}
.section-head{margin-bottom:var(--space-5)}
.pagination .next{margin-left:0}
.site-footer__bottom{flex-direction:column}
}
@media screen and (min-width:783px){body.admin-bar{--admin-offset:32px}}
@media screen and (max-width:782px){body.admin-bar{--admin-offset:46px}}