@font-face{font-family:Anton;src:url(fonts/anton.woff2) format("woff2");font-display:swap}
@font-face{font-family:SS4;src:url(fonts/ss4.woff2) format("woff2");font-display:swap}
:root{--paper:#F7F2E8;--ink:#16120E;--soft:#3A322A;--faint:#7E7366;--rule:#D8CDBB;--red:#D8371C;--yel:#FFD23F;--card:#FFFDF8;
--serif:SS4,Georgia,"Times New Roman",serif;--display:Anton,Impact,"Arial Narrow",sans-serif}
body{font-family:var(--serif);color:var(--soft)}
a{color:var(--ink);text-decoration:none;border-bottom:3px solid var(--yel)}
a:hover{background:var(--yel)}
svg a,svg a:hover,.chcard,.chcard:hover,.masthead b a,figure a{border-bottom:0;background:none}
strong,em{color:var(--ink)}
.masthead{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.masthead b,.masthead b a{font:400 26px/1 var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}
.masthead nav a{color:var(--ink);border-bottom:3px solid transparent}
.masthead nav a[aria-current]{border-bottom-color:var(--yel)}
.masthead nav a.mk{background:var(--yel);padding:6px 9px;border:2px solid var(--ink)}
.masthead nav i{color:var(--faint)}
.kicker{display:inline-block;background:var(--yel);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);
font:400 17px/1.15 var(--display);letter-spacing:.06em;text-transform:uppercase;padding:9px 14px;transform:rotate(-1.5deg);margin-bottom:26px}
.kicker span{color:var(--ink)}
h1,.hero h1,.ehero h1{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:.95;color:var(--ink)}
h1{font-size:clamp(40px,6.4vw,84px)}
.hero h1{font-size:clamp(48px,7.6vw,112px)}
h2{color:var(--red)}
.scan{font-family:var(--display);text-transform:uppercase;line-height:1;color:var(--ink);letter-spacing:.01em}
.lede,.what{color:var(--ink)}
.beat p{font-family:var(--display);text-transform:uppercase;line-height:1;color:var(--ink);letter-spacing:0;font-size:clamp(34px,5vw,64px)}
.beat.correction p s{text-decoration:none;position:relative;display:inline}
.beat.correction p s{background:linear-gradient(transparent 46%,var(--red) 46%,var(--red) 58%,transparent 58%)}
.pennote{color:var(--red)}

.heroband,.herotiger{background:var(--paper)}
.heroband h1,.heroband .what,.heroband .cred,.heroband .masthead b a,.heroband .masthead nav a{color:var(--ink)}
.essayband{background:var(--yel);border-bottom:4px solid var(--ink)}
.essayband h1{color:var(--ink)}
.essayband .kicker{background:var(--red);color:var(--paper);box-shadow:6px 6px 0 var(--ink)}
.essayband .masthead nav a.mk{background:var(--paper)}
.night{background:var(--ink)}
.night .line{font-family:var(--display);text-transform:uppercase;line-height:1;color:var(--paper);letter-spacing:0}
.night .line em,.night .line strong{color:var(--yel)}
.night .sub{color:#CFC6B8}
.closeband{background:var(--red)}
.closeband .ask .q,.closeband .q{font-family:var(--display);text-transform:uppercase;line-height:.95;color:var(--paper)!important;letter-spacing:0}
.closeband p,.closeband .meta,.closeband .meta a{color:var(--paper)}
.closeband .meta a{border-bottom-color:var(--yel)}

.pad{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:var(--card)}
.pad .tot{border-top:3px solid var(--ink)}
.plate .frame{border:4px solid var(--ink);box-shadow:12px 12px 0 var(--ink);background:var(--card);padding:24px}
.chcard{background:var(--card);border:3px solid var(--ink)!important;box-shadow:10px 10px 0 var(--ink);transform:rotate(-.6deg)}
.chcard:nth-child(2){transform:rotate(.6deg)}
.chcard .dw{font-family:var(--display);text-transform:uppercase;line-height:1.02;color:var(--ink);letter-spacing:.01em}
.chcard.here{background:var(--yel)}
.chcard .dframe{display:none}
.door{border-top:4px solid var(--ink)}
.said li{border-left:8px solid var(--yel);padding-left:20px;border-bottom:0}
.said ul{border-top:0}
.heard ol{border-top:4px solid var(--ink)}
.heard li{border-bottom:3px solid var(--ink)}
.heard li i{font:400 26px/1 var(--display);color:var(--red);min-width:40px}
.rail div span{color:var(--red)}
.rail{border-top:0}
.rail div{border-top:4px solid var(--ink)}
.stmt,.own{color:var(--ink)}
footer a{border-bottom:2px solid var(--yel)}

svg [stroke="#9C2A1C"]{stroke:#D8371C}
svg [fill="#9C2A1C"]{fill:#D8371C}
svg [stroke="#E0806F"]{stroke:#D8371C}
svg text[font-family^="Iowan"]{font-family:SS4,Georgia,serif}
.kicker{width:fit-content;max-width:100%;justify-self:start;align-self:flex-start}
.masthead nav a.mk,.masthead nav a.mk span{color:var(--ink)}
.essayband .masthead b a,.essayband .masthead nav a,.essayband .masthead nav i{color:var(--ink)}
.essayband .rail div span{color:var(--red)}
.heroband .masthead b a,.heroband .masthead nav a{color:var(--ink)}
.essayband .masthead nav a[aria-current],.heroband .masthead nav a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}
.kicker,.heroband .kicker{color:var(--ink)!important}
.essayband .kicker{color:var(--paper)!important}
.masthead nav a[aria-current]{color:var(--ink)!important}
.closeband .meta{color:var(--paper)!important;opacity:1}
.said .who .nm{display:block;font:400 22px/1.1 var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink)}
.said .who .ro{display:block;font:700 12px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-top:4px}
.said .who .co{display:block;font:600 11px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.kicker span,.kicker *{color:inherit!important;opacity:1!important}
.chooser .ph{font:400 clamp(30px,4vw,52px)/1 var(--display);text-transform:uppercase;letter-spacing:0;color:var(--ink);margin-bottom:28px}
.chcard .dgo{color:var(--ink)!important;border-bottom:3px solid var(--yel);font-weight:700}
.chcard.here,span.chcard.here{background:var(--yel)}
.chcard .dgo{display:inline-block;width:auto;align-self:flex-end}
.scan{line-height:1.18;letter-spacing:.025em;font-size:clamp(21px,2vw,24px);max-width:24ch}
.chcard .dw{line-height:1.14;letter-spacing:.02em}
.prose .rl,.rail .caps{line-height:1.08}

.js .moment.reveal,.js .tigertop.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease-out,transform .7s ease-out}
.js .moment.reveal.shown,.js .tigertop.reveal.shown{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .moment.reveal,.js .tigertop.reveal{opacity:1;transform:none;transition:none}}
.aboutfig{max-width:1120px;margin:7vh auto 0;padding:0 40px}
.aboutfig .tigerline{margin:18px 0 0;font:italic 400 clamp(18px,1.8vw,22px)/1.4 var(--serif);color:var(--soft)}
.aboutfig .moment{margin:0;max-width:none;padding:0;width:auto}
@media(max-width:600px){.aboutfig{padding:0 28px}}
@media(min-width:1000px){.herotiger .hero .heroportrait{grid-row:1/span 4;align-self:center}}