/* The Forward Review — campaigning tabloid layer (loads after styles.css). Remove the <link> to revert. */
body,body[data-theme]{--bg:#fff;--bg-2:#f1f0ee;--bg-3:#fff;--ink:#111;--ink-2:#262626;--ink-3:#5c5c5c;--rule:#111;--rule-soft:#dcdad6;--accent:#d3121c;--accent-2:#a50d15;--serif:"Barlow Condensed","Arial Narrow",sans-serif;--mono:"Barlow",system-ui,sans-serif;--reading:"Source Serif 4",Georgia,serif}
body{font-feature-settings:"kern","liga"}
a{color:inherit}a:hover{color:var(--accent)}
::selection{background:var(--accent);color:#fff}
/* masthead */
.mast{background:var(--accent);color:#fff;padding:0;border:0}
.mast-inner{max-width:none;gap:0}
.title-wrap{text-align:left;padding:1.4rem var(--pad-x) 1.1rem;max-width:1700px;width:100%;margin:0 auto}
.ornament{color:#fff;letter-spacing:.18em;font-weight:600;font-size:12px;margin-bottom:.4rem;opacity:.95}
.title{justify-content:flex-start;font-style:normal;font-weight:900;text-transform:uppercase;font-size:clamp(3rem,9.5vw,8rem);line-height:.86;letter-spacing:-.01em;gap:.16em;color:#fff}
.title-the,.title-forward,.title-review{font-style:normal;font-weight:900;color:#fff;letter-spacing:-.01em}
.title-the{font-size:.42em;transform:translateY(-.1em);align-self:flex-start}
.sub-rule{display:none}
.rule-l,.rule-r{display:none}
.motto{font-size:12px;letter-spacing:.14em;font-weight:600}
.motto em,.motto em.urdu{color:#fff}
.nav-main{background:#111;border:0;justify-content:flex-start;gap:0;padding:0 var(--pad-x);font-family:var(--serif);font-size:1.05rem;font-weight:700;letter-spacing:.04em}
.nav-main a{color:#fff;padding:.75rem 1.1rem;border-right:1px solid #333}
.nav-main a:first-child{padding-left:0}
.nav-main a:hover{color:#fff;background:var(--accent)}
.nav-main a:first-child:hover{padding-left:0}
.nav-main a::after{display:none}
.article-back a{font-weight:700;letter-spacing:.1em;color:var(--ink)}
/* recent */
.recent{padding-top:2.2rem}
.recent-head{grid-template-columns:auto 1fr;gap:1rem;margin-bottom:1.4rem;border-bottom:4px solid var(--ink);padding-bottom:.6rem}
.recent-rule{display:none}
.recent-head h3{font-style:normal;font-weight:900;text-transform:uppercase;font-size:2.2rem;line-height:1}
.recent-meta{font-weight:600}
.recent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.6rem;border:0}
.rec{padding:0;border:0}
.rec:hover{background:none}
.rec-art{height:180px;margin-bottom:.9rem}
.rec-tag{align-self:flex-start;background:var(--accent);color:#fff;font-family:var(--serif);font-weight:700;font-size:13px;letter-spacing:.08em;padding:3px 8px 2px;margin-bottom:.6rem}
.rec-h{font-weight:800;font-size:1.65rem;line-height:1.02;letter-spacing:-.005em;margin-bottom:.5rem}
.rec-deck{font-size:.95rem}
.rec-foot{border-top:1px solid var(--rule-soft);font-weight:600;margin-top:1rem}
.rec:first-child{grid-column:span 2;grid-row:span 2}
.rec:first-child .rec-art{height:auto;aspect-ratio:16/10}
.rec:first-child .rec-h{font-size:clamp(2rem,3.4vw,3.2rem);line-height:.98}
.rec:first-child .rec-deck{font-size:1.1rem}
/* departments */
.depts{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6rem;padding:1rem var(--pad-x) 3rem;border:0}
.dept{padding:0;border:0!important}
.dept-head{grid-template-columns:1fr;border-bottom:4px solid var(--ink);padding-bottom:.7rem;margin-bottom:.4rem}
.dept-no{display:none}
.dept-h{justify-self:start;background:var(--accent);color:#fff;text-transform:uppercase;font-weight:900;font-size:1.9rem;padding:.12em .35em .05em;letter-spacing:.01em}
.dept-deck{grid-column:1;font-style:normal;min-height:0;margin-top:.6rem;color:var(--ink-3)}
.dept-list li:hover{background:none}
.dept-list h5{font-style:normal;font-weight:700;font-size:1.4rem;line-height:1.05;max-width:none}
.d-thumb{width:96px;height:68px}
.d-meta{font-weight:700}
.d-by{font-weight:600}
.dept-empty{font-weight:600}
.dept-verse{background:#111;color:#fff;padding:2.4rem var(--pad-x);margin:0 calc(-1 * var(--pad-x));--ink:#fff;--ink-2:#e6e6e6;--ink-3:#a8a8a8;--rule:#fff;--rule-soft:#333}
.dept-verse .dept-head .dept-h em{font-style:normal;font-weight:900}
.dept-verse .dept-list h5{font-style:normal;font-weight:700;font-size:1.5rem}
/* article */
.article{max-width:760px}
.article-meta .art-cat{background:var(--accent);color:#fff;font-family:var(--serif);font-size:14px;letter-spacing:.08em;padding:3px 9px 2px}
.article-title{font-weight:800;font-size:clamp(2.4rem,5.6vw,4.2rem);line-height:.98;letter-spacing:-.01em}
.article-dek{font-style:normal}
.article-byline{border-top:4px solid var(--ink);font-weight:600;font-size:12px}
.article-hero{height:420px}
.article-caption{text-align:left;font-size:12px;letter-spacing:.02em}
.article-body h3{font-weight:800;font-size:1.9rem;line-height:1.02;margin-top:2.2em}
.article-body ul li::before{content:"";width:.45em;height:.45em;background:var(--accent);top:.62em}
/* author */
.author-kicker{display:inline-block;background:var(--accent);color:#fff;font-family:var(--serif);font-size:13px;font-weight:700;letter-spacing:.1em;padding:3px 9px 2px}
.author-name{font-weight:900;text-transform:uppercase;line-height:.92}
.author-head{border-bottom:4px solid var(--ink)}
.author-bio{font-family:var(--reading)}
.art-by a,.d-by a{border-bottom-color:currentColor}
@media (max-width:1100px){.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.depts{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.recent-grid{grid-template-columns:minmax(0,1fr)}.rec:first-child{grid-column:auto;grid-row:auto}.rec-art{height:200px}.title{flex-wrap:wrap;justify-content:flex-start;font-size:clamp(2.6rem,15vw,4.4rem)}.title-the{align-self:flex-start}.nav-main{overflow-x:auto;flex-wrap:nowrap;font-size:.95rem}.nav-main a{padding:.7rem .8rem;white-space:nowrap}.article-hero{height:230px}.sub-rule{text-align:left}}

/* stacked wordmark, "The" at full size */
.title{flex-direction:row;align-items:flex-end;gap:.12em;line-height:.86}
.title-the{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.27em;line-height:.74;align-self:flex-end;letter-spacing:0;text-transform:uppercase}
.recent-grid .rec:nth-child(n+6){display:none}
@media (max-width:640px){.title{flex-direction:row;flex-wrap:nowrap;align-items:flex-end}.title-the{align-self:flex-end}}

/* verse pages */
.article-verse .article-meta,.article-verse .article-byline{justify-content:center}
.article-verse .article-byline{gap:.6em}
.article-verse .article-byline span+span::before{content:"·";margin-right:.6em}
.article-verse .article-title{text-align:center;text-wrap:balance}
.article-verse .article-caption{text-align:center}
.article-verse .article-body{text-align:center;font-size:1.22rem;line-height:1.7}
.article-verse .article-body p{margin:0 0 1.8em}
.article-verse .article-body p::after{content:"";display:block;width:24px;height:3px;background:var(--accent);margin:1.8em auto 0;opacity:0}
.article-verse .article-body p:not(:last-child)::after{opacity:0}
.article-verse .article-body p:last-child::after{opacity:1}
.article-verse .article-body p:first-child::first-letter{all:unset}
.article-verse .article-bio{text-align:center}

.article-compact .article-body{line-height:1.55}
.article-compact .article-body p{margin:0 0 .9em}
.article-compact .article-body h3{margin:1.6em 0 .5em}
.article-compact .article-body ul{margin:0 0 .9em;gap:.2em}

.title-link{display:contents;color:inherit;text-decoration:none}.title-link:hover{color:inherit}.title{cursor:pointer}

[data-bg]{background-color:var(--bg-2)}.rec-art,.d-thumb{background-size:cover;background-position:center;background-repeat:no-repeat}

/* homepage intro animations: .intro-b first visit, .intro-a returning */
html.intro-a .mast,html.intro-b .mast{position:relative;overflow:hidden}
html.intro-a .mast-inner,html.intro-b .mast-inner{position:relative;z-index:1}
html.intro-a .title-wrap,html.intro-b .title-wrap{overflow:hidden}
html.intro-a .title-the,html.intro-a .title-forward,html.intro-a .title-review,html.intro-b .title-the,html.intro-b .title-forward,html.intro-b .title-review{display:inline-block}
html.intro-a .mast::before,html.intro-b .mast::before{content:"";position:absolute;inset:0;pointer-events:none}
@keyframes fr-up{from{translate:0 105%}to{translate:0 0}}
@keyframes fr-side{from{translate:-120% 0;opacity:0}to{translate:0 0;opacity:1}}
@keyframes fr-fade{from{opacity:0}to{opacity:1}}
@keyframes fr-nav{from{translate:0 100%}to{translate:0 0}}
@keyframes fr-bandA{0%{scale:0 1;opacity:1}60%{scale:1 1;opacity:1}100%{scale:1 1;opacity:0}}
@keyframes fr-bandB{0%{scale:0 1;transform-origin:left}45%{scale:1 1;transform-origin:left}46%{transform-origin:right}100%{scale:0 1;transform-origin:right}}
html.intro-a .mast::before{background:#a50d15;transform-origin:left;animation:fr-bandA .5s cubic-bezier(.7,0,.3,1) both}
html.intro-a .title-forward{animation:fr-up .42s cubic-bezier(.2,.8,.2,1) .08s both}
html.intro-a .title-review{animation:fr-up .42s cubic-bezier(.2,.8,.2,1) .16s both}
html.intro-a .title-the{animation:fr-side .32s cubic-bezier(.2,.8,.2,1) .38s both}
html.intro-a .ornament{animation:fr-fade .3s ease .45s both}
html.intro-b .mast::before{background:#111;animation:fr-bandB .7s cubic-bezier(.75,0,.25,1) both}
html.intro-b .title-forward{animation:fr-up .6s cubic-bezier(.16,1,.3,1) .3s both}
html.intro-b .title-review{animation:fr-up .6s cubic-bezier(.16,1,.3,1) .4s both}
html.intro-b .title-the{animation:fr-side .45s cubic-bezier(.16,1,.3,1) .65s both}
html.intro-b .ornament{animation:fr-fade .35s ease .75s both}
html.intro-b .nav-main{overflow:hidden}
html.intro-b .nav-main a{animation:fr-nav .4s cubic-bezier(.16,1,.3,1) both}
html.intro-b .nav-main a:nth-child(1){animation-delay:.8s}html.intro-b .nav-main a:nth-child(2){animation-delay:.84s}html.intro-b .nav-main a:nth-child(3){animation-delay:.88s}html.intro-b .nav-main a:nth-child(4){animation-delay:.92s}html.intro-b .nav-main a:nth-child(5){animation-delay:.96s}

@media (max-width:640px){.title{flex-wrap:nowrap;white-space:nowrap;max-width:100%}.title-wrap{overflow:hidden}}

/* editorial treatment: black flag, heavy rules, house mark */
.article-editorial .article-meta{display:flex;align-items:center;gap:.6rem}
.ed-flag{background:var(--ink)!important;color:#fff}
.ed-dept{font-family:var(--serif);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.article-editorial .article-title{text-transform:uppercase;font-weight:900;line-height:.94}
.article-editorial .article-byline{border-top:10px solid var(--accent);padding-top:.7rem;border-bottom:1px solid var(--ink);padding-bottom:.7rem}
.ed-sign{display:inline-flex;align-items:center;gap:.5em;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.ed-mark{display:inline-grid;place-items:center;width:1.9em;height:1.9em;background:var(--accent);color:#fff;font-family:var(--serif);font-weight:900;font-size:12px;letter-spacing:0}
.dateline{font-family:var(--serif);font-weight:800;letter-spacing:.04em;color:var(--accent)}
.article-editorial .article-body p:first-child::first-letter{all:unset}
.ed-end{display:flex;justify-content:center;margin:2.4rem 0 1rem;border-top:4px solid var(--ink);padding-top:1.2rem}
.ed-end .ed-mark{font-size:16px}
.rec-tag.tag-ed,.d-cat.tag-ed{background:var(--ink)!important;color:#fff!important}