:root{
  --ink:#20201d;
  --paper:#f6efd9;
  --paper-deep:#e8ddbd;
  --blue:#1154b5;
  --blue-dark:#07357c;
  --red:#df4b32;
  --yellow:#f0c742;
  --cream:#fffaf0;
  --rule:3px solid var(--ink);
  --shadow:8px 8px 0 rgba(32,32,29,.16);
}
*{box-sizing:border-box}
html{background:var(--blue-dark);overflow-x:hidden;scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:ui-serif,Georgia,Cambria,"Times New Roman",serif;background:linear-gradient(90deg,rgba(17,84,181,.06) 1px,transparent 1px),var(--paper-deep);background-size:26px 26px;overflow-x:hidden}
a{color:var(--blue-dark);text-decoration-thickness:2px;text-underline-offset:.18em}
a:hover{color:var(--red)}
.skip{position:absolute;left:12px;top:-80px;background:var(--ink);color:#fff;padding:.7rem 1rem;z-index:20}.skip:focus{top:12px}
.site-header{background:var(--paper);border-bottom:var(--rule);padding:1.1rem clamp(1rem,4vw,3.5rem) .9rem;position:relative}
.site-header:after{content:"";position:absolute;width:115px;height:30px;background:rgba(240,199,66,.77);left:50%;bottom:-15px;transform:translateX(-50%) rotate(-2deg);clip-path:polygon(4% 4%,97% 0,100% 92%,0 100%)}
.masthead{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;max-width:1180px;margin:auto}
.brand{display:inline-flex;flex-direction:column;color:var(--ink);text-decoration:none;line-height:.86;transform:rotate(-1deg)}
.brand span{font:900 clamp(2.1rem,7vw,5.4rem)/.8 Arial Black,Impact,sans-serif;letter-spacing:-.065em;background:var(--blue);color:var(--cream);padding:.14em .17em .18em;box-shadow:5px 5px 0 var(--red)}
.brand small{font:800 clamp(1rem,2vw,1.55rem)/1.1 ui-sans-serif,Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;margin:.65rem 0 0 .2rem}
.era-note{font:800 .78rem/1.2 ui-sans-serif,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;border:2px solid var(--ink);padding:.55rem .7rem;background:var(--yellow);transform:rotate(1.5deg);max-width:230px}
.site-nav{max-width:1180px;margin:1.3rem auto 0;display:flex;flex-wrap:wrap;gap:.55rem .7rem;align-items:center}
.site-nav a{font:800 .8rem/1 ui-sans-serif,Arial,sans-serif;text-transform:uppercase;letter-spacing:.075em;text-decoration:none;background:var(--blue);color:var(--cream);border:2px solid var(--ink);padding:.72rem .88rem;box-shadow:3px 3px 0 var(--ink);transform:rotate(-.5deg)}
.site-nav a:nth-child(even){background:var(--cream);color:var(--blue-dark);transform:rotate(.7deg)}
.site-nav a:nth-child(3n){background:var(--red);color:#fff;transform:rotate(-1deg)}
.site-nav a:hover,.site-nav a[aria-current="page"]{background:var(--yellow);color:var(--ink);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}
.nav-toggle{display:none;border:2px solid var(--ink);background:var(--red);color:#fff;padding:.7rem 1rem;font:800 .85rem ui-sans-serif,Arial,sans-serif;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink)}
main{padding:clamp(2.2rem,6vw,5rem) clamp(.8rem,3vw,2rem);min-height:65vh}
.paper{width:min(1040px,100%);margin:auto;background:var(--cream);border:var(--rule);box-shadow:var(--shadow);position:relative;padding:clamp(1rem,4vw,3.4rem)}
.paper:before{content:"";position:absolute;width:140px;height:34px;background:rgba(17,84,181,.33);top:-18px;right:9%;transform:rotate(3deg);clip-path:polygon(0 8%,98% 0,100% 90%,3% 100%)}
.article-copy{max-width:780px;margin:0 auto}
h1,h2,h3{font-family:Arial Black,Impact,ui-sans-serif,sans-serif;letter-spacing:-.035em;line-height:1.02}
h1{font-size:clamp(2.6rem,8vw,6rem);margin:.4rem 0 1.1rem;text-transform:uppercase;overflow-wrap:anywhere}
h1:after{content:"";display:block;width:min(240px,55%);height:10px;background:var(--red);margin-top:.22em;transform:rotate(-1deg)}
h2{font-size:clamp(1.55rem,3vw,2.25rem);margin:2.3rem 0 .7rem}h3{font-size:1.25rem}
p,li{font-size:clamp(1.04rem,1.5vw,1.17rem);line-height:1.68}p{margin:.8rem 0 1.15rem}
.lede{font-size:clamp(1.25rem,2.3vw,1.55rem);line-height:1.48;border-left:8px solid var(--blue);padding-left:1rem}
.kicker{font:900 .84rem/1.35 ui-sans-serif,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--blue-dark);margin-bottom:.6rem}
.mission{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.35;font-weight:700;background:var(--yellow);border:2px solid var(--ink);padding:1.1rem;box-shadow:5px 5px 0 var(--ink);transform:rotate(-.4deg)}
.feature-image{margin:0 auto clamp(1.8rem,5vw,3.6rem);max-width:900px;position:relative;transform:rotate(-.45deg)}
.feature-image:after{content:"";position:absolute;width:110px;height:27px;left:50%;top:-13px;transform:translateX(-50%) rotate(2deg);background:rgba(240,199,66,.82)}
.feature-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:var(--rule);box-shadow:6px 6px 0 var(--blue)}
.secondary-image{margin-top:2.2rem;transform:rotate(.7deg)}
blockquote{margin:1.8rem 0;padding:1rem 1.2rem 1rem 1.5rem;border:2px solid var(--ink);border-left:12px solid var(--red);background:var(--paper);box-shadow:5px 5px 0 rgba(17,84,181,.24)}
blockquote p{font-size:1.25rem;font-weight:700;margin:0 0 .55rem}blockquote cite{font:800 .77rem ui-sans-serif,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.credits{columns:2;column-gap:2.2rem;padding-left:1.2rem}.credits li{break-inside:avoid;margin-bottom:.55rem}
.timeline h2{border-top:3px solid var(--ink);padding-top:1rem}.timeline h2:nth-of-type(odd):before{content:"PAST";display:inline-block;font:900 .65rem ui-sans-serif,Arial,sans-serif;letter-spacing:.1em;background:var(--yellow);border:2px solid var(--ink);padding:.38rem .45rem;margin:0 .6rem .35rem 0;vertical-align:middle;transform:rotate(-2deg)}
.button-row{display:flex;flex-wrap:wrap;gap:1rem}.button{font:900 .82rem ui-sans-serif,Arial,sans-serif;text-transform:uppercase;background:var(--blue);color:#fff;border:2px solid var(--ink);padding:.8rem 1rem;box-shadow:4px 4px 0 var(--ink);text-decoration:none}.button.alt{background:var(--yellow);color:var(--ink)}
.error-page{max-width:760px;min-height:400px;padding-top:5rem}.error-page h1{max-width:620px}
.site-footer{background:var(--blue-dark);color:var(--cream);border-top:var(--rule);padding:2.2rem clamp(1rem,4vw,3.5rem);display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.site-footer>div,.site-footer>.copyright{width:min(560px,100%)}.site-footer strong{font:900 1.1rem ui-sans-serif,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.site-footer p{font-size:.95rem;line-height:1.5}.footer-links{display:flex;flex-wrap:wrap;gap:.7rem 1rem;align-content:start}.site-footer a{color:#fff;font-weight:700}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.35);padding-top:1rem;margin:0}
@media(max-width:680px){
 .site-header{padding-bottom:1.2rem}.masthead{align-items:flex-start;flex-direction:column}.brand span{font-size:2.65rem}.era-note{margin:.2rem 0 .5rem}
 .nav-toggle{display:block;margin-top:.8rem}.site-nav{display:none;margin-top:.9rem}.site-nav.open{display:flex}.site-nav a{flex:1 1 145px;text-align:center}
 main{padding:2.5rem .7rem}.paper{padding:1.1rem;box-shadow:5px 5px 0 rgba(32,32,29,.16)}h1{font-size:2.65rem}.credits{columns:1;padding-left:1.1rem}.site-footer{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
img{max-width:100%;height:auto}