:root{
  color-scheme:light;
  --paper:#f4f1e9;
  --paper-deep:#ebe6dc;
  --white:#fffefa;
  --ink:#211f1b;
  --muted:#716b62;
  --line:#d9d2c7;
  --red:#a90e25;
  --red-dark:#7d0a1c;
  --green:#304d3f;
  --serif:Georgia,'Times New Roman',serif;
  --sans:Arial,Helvetica,sans-serif;
  font-family:var(--sans);
  background:var(--paper);
  color:var(--ink);
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
*{box-sizing:border-box}+html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--paper)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #d69b37;outline-offset:4px}
::selection{background:var(--red);color:#fff}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:-9999px;top:10px;background:#fff;padding:10px 14px;z-index:100;color:var(--ink)}
.skip-link:focus{left:10px}
.site-shell{width:min(1280px,calc(100% - 56px));margin-inline:auto}
.topline{background:var(--red-dark);color:#f9e9e8;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.topline-inner{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topline-inner>span:first-child{display:flex;align-items:center;gap:9px}
.live-dot{width:6px;height:6px;border-radius:50%;background:#f2cfad;box-shadow:0 0 0 3px rgba(255,255,255,.12)}
.topline-note{opacity:.84}
.site-header{background:var(--paper);border-bottom:1px solid var(--line)}
.masthead{height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.wordmark{display:flex;align-items:center;gap:12px;width:max-content}
.brand-mark{width:43px;height:49px;position:relative;display:grid;place-items:center;background:var(--red);clip-path:polygon(0 0,100% 0,100% 73%,50% 100%,0 73%);color:#fff}
.brand-mark:before{content:"";position:absolute;inset:4px 4px 7px;border:1px solid rgba(255,255,255,.6);clip-path:polygon(0 0,100% 0,100% 73%,50% 100%,0 73%)}
.brand-mark span{position:relative;z-index:1;font:700 14px/1 var(--serif);letter-spacing:-.08em}
.brand-mark i{position:absolute;width:4px;height:4px;border:1px solid #fff;border-radius:50%;bottom:10px;right:11px}
.wordmark-copy{display:grid;gap:3px}
.wordmark-copy strong{font:700 25px/.9 var(--serif);letter-spacing:.015em}
.wordmark-copy small{font:700 9px/1 var(--sans);letter-spacing:.31em;color:var(--red);margin-top:3px}
.masthead-aside{margin-left:auto;display:grid;grid-template-columns:auto 44px auto;align-items:center;gap:11px;font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--muted)}
.masthead-aside small{font-weight:400;letter-spacing:.07em;color:#827b71}
.masthead-rule{height:1px;background:var(--line)}
.nav-wrap{border-top:1px solid var(--line)}
.primary-nav{min-height:47px;display:flex;align-items:center;gap:clamp(14px,2.6vw,36px);white-space:nowrap}
.primary-nav a{font-size:11px;font-weight:700;transition:color .15s ease}
.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--red)}
.primary-nav .nav-home{color:var(--red);letter-spacing:.06em;text-transform:uppercase}
.primary-nav .nav-latest{margin-left:auto;color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.primary-nav .nav-latest span{color:var(--red);font-size:15px;margin-left:5px}
.menu-toggle{display:none;border:0;background:transparent;padding:9px;cursor:pointer}
.menu-toggle span:not(.sr-only){display:block;width:22px;height:1px;background:var(--ink);margin:5px}

.home-page{padding-top:26px}
.front-matter{height:27px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);margin-bottom:13px;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.front-matter>span:first-child{display:flex;align-items:center;gap:8px}
.front-matter b{padding:0 5px;color:var(--red)}
.red-rule{width:21px;height:3px;background:var(--red)}
.front-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,.72fr);gap:25px;align-items:stretch}
.lead-story{min-height:548px;position:relative;overflow:hidden;background:#121411;color:#fff;display:flex;align-items:flex-end}
.lead-image{position:absolute;inset:0;overflow:hidden}
.lead-image img{height:100%;width:100%;object-fit:cover;object-position:center 46%;transition:transform .8s cubic-bezier(.18,.65,.3,1)}
.lead-story:hover .lead-image img{transform:scale(1.035)}
.image-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,8,.94) 0%,rgba(9,9,9,.65) 38%,rgba(9,9,9,.06) 79%),linear-gradient(90deg,rgba(8,9,8,.48),transparent 72%)}
.illustration-tag{position:absolute;top:14px;left:15px;background:rgba(20,19,17,.72);color:#f1e8df;padding:6px 9px;font-size:8px;letter-spacing:.15em;text-transform:uppercase;backdrop-filter:blur(3px)}
.lead-image-mark{position:absolute;right:21px;top:19px;font:700 11px var(--sans);letter-spacing:.16em;color:rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.7);padding:0 0 5px}
.lead-image-mark span{color:#d94355}
.lead-copy{position:relative;z-index:1;padding:clamp(24px,4vw,48px);width:min(760px,100%)}
.lead-meta{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#ece4db}
.section-label{color:var(--red);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.lead-meta .section-label{color:#f0a1a8}
.lead-meta-line{width:23px;height:1px;background:#bd9b8e}
.lead-meta time{color:#ddd2c5}
.lead-copy h1{max-width:680px;font:500 clamp(38px,5.5vw,68px)/.98 var(--serif);letter-spacing:-.045em;margin:17px 0 12px;text-wrap:balance}
.lead-copy h1 a:hover{color:#ffe8e9}
.lead-deck{max-width:660px;font:16px/1.5 var(--serif);color:#f0e9e1;margin:0 0 20px}
.read-story{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid #d6c3b4;padding:0 0 7px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:inherit}
.read-story span{color:#efa4a9;font-size:16px;transition:transform .2s ease}
.read-story:hover span{transform:translate(3px,-2px)}
.front-rail{background:var(--paper-deep);padding:27px 24px 21px;display:flex;flex-direction:column}
.rail-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #cfc6b8}
.eyebrow{font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--red)}
.rail-heading h2{font:500 25px/1.05 var(--serif);letter-spacing:-.025em;margin:8px 0 0}
.rail-heading-mark{color:var(--red);font-size:28px}
.front-rail ol{list-style:none;margin:0;padding:0;display:grid;flex:1}
.front-rail li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:19px 0;border-bottom:1px solid #d5cbbd}
.rail-index{font:italic 16px var(--serif);color:var(--red);padding-top:1px}
.front-rail li .section-label{font-size:8px}
.front-rail li h2{font:500 18px/1.14 var(--serif);margin:7px 0 8px;letter-spacing:-.02em}
.front-rail li h2 a:hover{color:var(--red)}
.rail-date{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.rail-empty{font-size:13px;color:var(--muted);align-self:center}
.rail-all{display:flex;justify-content:space-between;margin-top:17px;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--red)}

.latest-section{padding:74px 0 66px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:23px}
.section-heading h2{font:500 clamp(34px,4vw,48px)/1 var(--serif);letter-spacing:-.045em;margin:9px 0 0}
.red-period{color:var(--red)}
.text-link{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:7px;border-bottom:1px solid var(--line)}
.text-link span{color:var(--red);font-size:14px;margin-left:8px}
.text-link:hover{color:var(--red)}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.story-card{min-width:0;border-top:2px solid var(--ink);padding-top:13px}
.story-card-image{display:block;position:relative;overflow:hidden;height:160px;margin-bottom:15px}
.story-card-art{background-color:#261f1d;background-image:linear-gradient(138deg,transparent 35%,rgba(9,10,9,.75)),radial-gradient(ellipse at 80% 10%,rgba(218,44,65,.55),transparent 40%),linear-gradient(155deg,#52202a,#151715 72%)}
.story-card-art--grass{background-image:linear-gradient(138deg,transparent 30%,rgba(6,12,8,.85)),repeating-linear-gradient(102deg,transparent 0 15px,rgba(217,232,217,.045) 16px 17px),radial-gradient(ellipse at 80% 12%,rgba(190,216,168,.25),transparent 32%),linear-gradient(140deg,#416046,#111a15 75%)}
.story-card-art--night{background-image:linear-gradient(140deg,transparent 38%,rgba(7,8,9,.78)),radial-gradient(ellipse at 65% 0%,rgba(220,187,127,.36),transparent 31%),linear-gradient(145deg,#60533d,#151513 74%)}
.art-index{position:absolute;left:16px;bottom:11px;font:italic 48px/.9 var(--serif);color:rgba(255,255,255,.86)}
.art-orbit{position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-26px;top:-61px}
.art-orbit:before,.art-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;inset:18px}
.art-orbit:after{inset:43px}
.story-card-copy{padding:0 2px 7px}
.story-card-copy h3{font:500 24px/1.06 var(--serif);letter-spacing:-.03em;margin:9px 0 8px}
.story-card-copy h3 a:hover{color:var(--red)}
.story-card-copy>p{font-size:12px;line-height:1.55;color:var(--muted);margin:0 0 14px}
.story-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:9px;line-height:1.4;color:#797269;text-transform:uppercase;letter-spacing:.075em}
.meta-separator{color:#b2a99d}

.desk-section{background:var(--ink);color:#f5f0e8;margin-inline:calc((min(1280px,100vw - 56px) - 100vw)/2);padding:56px max(28px,calc((100vw - 1280px)/2)) 62px;display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.7fr);gap:42px}
.desk-intro .eyebrow{color:#e69ba2}
.desk-intro h2{font:500 clamp(34px,4vw,50px)/.98 var(--serif);letter-spacing:-.045em;margin:12px 0 13px}
.desk-intro h2 em{color:#e4c6a6;font-weight:400}
.desk-intro>p{max-width:235px;font-size:12px;line-height:1.55;color:#b6afa5;margin:0}
.desk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #514d47;border-left:1px solid #514d47}
.desk-card{position:relative;min-height:124px;padding:15px 16px 13px;border-right:1px solid #514d47;border-bottom:1px solid #514d47;display:flex;flex-direction:column;transition:background .2s ease}
.desk-card:hover{background:#302d29}
.desk-number{font:italic 12px var(--serif);color:#d99098}
.desk-name{font:500 18px/1.05 var(--serif);margin-top:auto;padding-top:16px}
.desk-card small{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#a59d93;margin-top:7px}
.desk-arrow{position:absolute;right:14px;top:12px;font-size:13px;color:#d59a88}
.editorial-note{display:grid;grid-template-columns:57px minmax(0,1fr) auto;align-items:center;gap:20px;padding:23px 0 28px;border-bottom:1px solid var(--line)}
.note-stamp{width:48px;height:48px;border:1px solid var(--red);display:grid;place-content:center;text-align:center;color:var(--red);font-size:8px;line-height:1.2;font-weight:700;letter-spacing:.1em;transform:rotate(-5deg)}
.editorial-note>div p{font:italic 17px/1.3 var(--serif);max-width:710px;margin:6px 0 0}
.editorial-note>a{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--red)}
.editorial-note>a span{font-size:14px;margin-left:5px}
.empty-desk{grid-column:1/-1;display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;align-items:center;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.empty-mark{width:72px;height:72px;display:grid;place-items:center;background:var(--ink);color:#e4c6a6;font:italic 14px var(--serif);letter-spacing:.1em}
.empty-desk h2{font:500 27px/1.05 var(--serif);margin:7px 0}
.empty-desk p:last-child{max-width:680px;color:var(--muted);font-size:13px;line-height:1.6;margin:0}

.site-footer{margin-top:0;background:#e8e2d8;border-top:1px solid #d5cec2}
.footer-top{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:32px;padding:30px 0 27px}
.footer-wordmark .brand-mark{width:34px;height:39px}.footer-wordmark .wordmark-copy strong{font-size:20px}.footer-wordmark .wordmark-copy small{font-size:7px}
.footer-top>p{font:italic 15px/1.35 var(--serif);color:#625d55;margin:0}
.footer-links{display:flex;gap:17px}.footer-links a{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.footer-links a:hover,.footer-bottom a:hover{color:var(--red)}
.footer-info-links{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #d2cabe;padding-top:14px}
.footer-bottom{min-height:42px;border-top:1px solid #d2cabe;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#857d73}
.footer-bottom a{color:#514b43}
.info-page{padding-bottom:76px}
.info-page .breadcrumbs{margin-top:23px}
.info-masthead{max-width:880px;margin:70px auto 52px;text-align:center}
.info-masthead h1{font:500 clamp(48px,8vw,88px)/.96 var(--serif);letter-spacing:-.055em;margin:17px 0 20px}
.info-masthead>p{max-width:700px;margin:0 auto;color:#625d55;font:21px/1.5 var(--serif)}
.info-content{max-width:880px;margin:0 auto;border-top:1px solid var(--ink)}
.info-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:22px;padding:30px 18px;border-bottom:1px solid var(--line)}
.info-number{font:italic 17px var(--serif);color:var(--red)}
.info-card h2{font:500 30px/1.1 var(--serif);letter-spacing:-.025em;margin:0 0 10px}
.info-card p{max-width:660px;margin:0;color:#645e56;font:16px/1.65 var(--serif)}
.info-signoff{max-width:880px;margin:32px auto 0;display:flex;align-items:center;gap:13px;color:var(--ink);font:500 14px/1.35 var(--serif)}
.info-signoff .brand-mark{width:34px;height:39px}
.info-signoff p{margin:0}.info-signoff p span{font:10px/1.4 var(--sans);color:var(--muted)}

.breadcrumbs{display:flex;align-items:center;gap:8px;padding:21px 0 18px;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8a8378}
.breadcrumbs a{color:var(--red);font-weight:700}
.breadcrumbs span:last-child{color:var(--muted)}
.section-page{padding-bottom:75px}
.section-masthead{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:31px 0 28px;border-bottom:1px solid var(--ink)}
.section-masthead h1{font:500 clamp(45px,7vw,82px)/.9 var(--serif);letter-spacing:-.06em;margin:13px 0 12px}
.section-masthead p{font:17px/1.5 var(--serif);max-width:630px;margin:0;color:#59544d}
.section-glyph{font:italic 60px/.9 var(--serif);color:rgba(169,14,37,.17);border-bottom:3px solid var(--red);padding:0 3px 8px}
.section-feed-top{display:flex;justify-content:space-between;gap:20px;padding:15px 0 21px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.section-story-grid{padding-top:4px}
.section-page .empty-desk{margin-top:17px}

.article-page{padding-bottom:76px}
.article-heading{max-width:925px;margin:16px auto 24px;text-align:center}
.article-heading h1{font:500 clamp(42px,7vw,82px)/.96 var(--serif);letter-spacing:-.055em;text-wrap:balance;margin:14px 0 14px}
.article-heading .section-label{display:inline-block}
.article-deck{max-width:750px;margin:0 auto 17px;font:20px/1.4 var(--serif);color:#5f5951}
.article-byline{display:flex;justify-content:center;align-items:center;gap:22px}
.share-button{border:0;border-bottom:1px solid #c9bfb2;background:transparent;padding:3px 0 5px;color:var(--red);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}
.share-button span{margin-left:4px;font-size:13px}
.article-hero{margin:0 0 31px;position:relative;background:#171815}
.article-hero img{width:100%;max-height:490px;object-fit:cover;object-position:center 47%}
.article-hero figcaption{background:var(--paper-deep);padding:9px 13px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#70695f}
.article-artwork{height:255px;margin:0 0 31px;position:relative;overflow:hidden;background:#26211d}
.article-artwork:before,.article-artwork:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%;width:360px;height:360px;right:9%;top:-53px}
.article-artwork:after{width:210px;height:210px;right:calc(9% + 75px);top:22px}
.article-artwork--premier-league{background:radial-gradient(ellipse at 83% 3%,rgba(224,184,119,.5),transparent 27%),linear-gradient(120deg,#273f36,#131815 65%)}
.article-artwork--european-football{background:radial-gradient(ellipse at 84% 0%,rgba(174,46,65,.6),transparent 31%),linear-gradient(120deg,#292337,#131518 68%)}
.article-artwork--tactics{background:repeating-linear-gradient(0deg,transparent 0 36px,rgba(255,255,255,.045) 37px 38px),repeating-linear-gradient(90deg,transparent 0 52px,rgba(255,255,255,.04) 53px 54px),linear-gradient(120deg,#443929,#151614 66%)}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(210px,290px);gap:clamp(30px,7vw,100px);justify-content:center;align-items:start}
.prose{font:19px/1.7 var(--serif);color:#37332e}
.prose>p{margin:0 0 23px}
.prose .article-standfirst{font-size:22px;line-height:1.45;color:#28231f;margin:0 0 24px}
.prose h2{font:500 31px/1.08 var(--serif);letter-spacing:-.035em;color:var(--ink);margin:42px 0 14px}
.prose blockquote{margin:30px 0;padding:5px 0 5px 22px;border-left:3px solid var(--red);font:italic 24px/1.35 var(--serif);color:var(--red-dark)}
.inline-callout{margin:27px 0;padding:16px 19px;background:var(--paper-deep);border-left:3px solid var(--red);font-size:16px;line-height:1.5}
.fact-strip{margin:0 0 32px;background:var(--ink);color:#fff;padding:18px 19px 17px}
.fact-strip>.eyebrow{color:#e99ba5}
.fact-strip>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px 17px;margin-top:13px}
.fact-item{display:grid;align-content:start;gap:5px}
.fact-item strong{font:italic 27px/1 var(--serif);color:#e4c6a6}
.fact-item span{font:10px/1.35 var(--sans);color:#ddd6cd}
.sources-block{margin-top:44px;border-top:1px solid var(--ink);padding-top:18px}
.sources-block>.eyebrow{color:var(--red)}
.sources-block h2{font-size:27px;margin:8px 0 15px}
.sources-block ul{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}
.sources-block li{padding:11px 0;border-bottom:1px solid var(--line)}
.sources-block li>a{font:700 12px/1.3 var(--sans);color:var(--red)}
.sources-block li>a:hover{text-decoration:underline}
.sources-block li>a span{font-size:14px;margin-left:4px}
.sources-block li>p{margin:4px 0 0;font:11px/1.4 var(--sans);color:var(--muted)}
.source-note{font:10px/1.5 var(--sans);color:#80796f;margin:12px 0 0}
.article-aside{position:sticky;top:20px;display:grid;gap:24px}
.aside-card{background:var(--paper-deep);padding:18px 17px}
.aside-card p{font:italic 17px/1.35 var(--serif);margin:10px 0 15px}
.aside-card>a{font-size:9px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.09em}
.aside-card>a span{margin-left:5px;font-size:13px}
.related-stories{border-top:1px solid var(--line);padding-top:14px}
.related-stories>.eyebrow{display:block;margin-bottom:10px}
.related-stories>a{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px 0;border-top:1px solid var(--line)}
.related-stories small{grid-column:1/-1;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:var(--red)}
.related-stories strong{font:500 17px/1.15 var(--serif)}
.related-stories>a>span{color:var(--red)}
.related-stories strong:hover{color:var(--red)}
.not-found{min-height:56vh;padding-top:80px;padding-bottom:80px}
.not-found h1{font:500 clamp(58px,9vw,112px)/.88 var(--serif);letter-spacing:-.06em;margin:18px 0}
.not-found h1 em{font-weight:400;color:var(--red)}
.not-found p{font:18px/1.5 var(--serif);max-width:490px;color:var(--muted);margin:0 0 25px}
.not-found .read-story{color:var(--ink)}

@media(max-width:1000px){
  .site-shell{width:min(100% - 40px,1280px)}
  .primary-nav{gap:17px}
  .primary-nav a{font-size:10px}
  .front-grid{grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:16px}
  .lead-story{min-height:505px}
  .front-rail{padding:22px 18px 18px}
  .front-rail li{padding:15px 0}
  .desk-section{margin-inline:calc((min(1280px,100vw - 40px) - 100vw)/2);padding-inline:max(20px,calc((100vw - 1280px)/2));gap:28px}
  .article-layout{gap:40px}
}
@media(max-width:760px){
  .site-shell{width:calc(100% - 34px)}
  .topline{font-size:8px;letter-spacing:.1em}
  .topline-inner{min-height:28px}
  .topline-note{display:none}
  .masthead{height:76px}
  .wordmark-copy strong{font-size:21px}
  .wordmark-copy small{font-size:8px}
  .brand-mark{width:38px;height:44px}
  .masthead-aside{display:none}
  .menu-toggle{display:block;margin-left:auto}
  .nav-wrap{position:relative}
  .primary-nav{display:none;position:absolute;top:0;left:0;right:0;z-index:20;width:100%;background:var(--paper);padding:12px 18px 17px;box-shadow:0 15px 22px rgba(20,16,12,.12);white-space:normal;align-items:stretch;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}
  .primary-nav.is-open{display:flex}
  .primary-nav a,.primary-nav .nav-home,.primary-nav .nav-latest{margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}
  .primary-nav .nav-latest{border-bottom:0}
  .front-grid{grid-template-columns:1fr;gap:0}
  .lead-story{min-height:495px}
  .lead-copy{padding:25px}
  .lead-copy h1{font-size:clamp(40px,9vw,60px)}
  .front-rail{padding:22px 22px 18px}
  .front-rail ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  .front-rail li:nth-child(odd){padding-right:13px}
  .front-rail li:nth-child(even){padding-left:13px}
  .front-rail li:nth-child(3){border-bottom:0}
  .latest-section{padding:55px 0 49px}
  .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 15px}
  .story-card-image{height:135px}
  .story-card-copy h3{font-size:21px}
  .desk-section{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:42px 17px 46px;grid-template-columns:1fr;gap:25px}
  .desk-intro h2 br{display:none}
  .desk-intro>p{max-width:420px}
  .desk-card{min-height:111px;padding:12px}
  .desk-name{font-size:16px}
  .editorial-note{grid-template-columns:47px 1fr;gap:13px;padding:20px 0}
  .editorial-note>a{grid-column:2}
  .footer-top{grid-template-columns:1fr 1fr;gap:18px}
  .footer-links{grid-column:1/-1}
  .footer-info-links{justify-content:flex-start;padding-top:12px}
  .footer-bottom{flex-wrap:wrap;padding:10px 0}
  .section-masthead h1{font-size:58px}
  .section-glyph{font-size:44px}
  .article-heading h1{font-size:clamp(43px,9vw,68px)}
  .article-deck{font-size:18px}
  .article-layout{grid-template-columns:1fr;gap:34px}
  .article-aside{position:static;grid-template-columns:1fr 1fr;align-items:start}
  .article-hero img{max-height:360px}
  .article-artwork{height:190px}
}
@media(max-width:480px){
  .site-shell{width:calc(100% - 28px)}
  .front-matter{font-size:8px;letter-spacing:.1em}
  .front-matter>span:last-child{font-size:7px}
  .lead-story{min-height:480px}
  .lead-copy{padding:22px 20px}
  .lead-copy h1{font-size:43px}
  .lead-deck{font-size:15px}
  .front-rail ol{grid-template-columns:1fr}
  .front-rail li:nth-child(odd),.front-rail li:nth-child(even){padding:14px 0}
  .front-rail li:nth-child(3){border-bottom:1px solid #d5cbbd}
  .section-heading{align-items:flex-start;flex-direction:column}
  .section-heading h2{font-size:38px}
  .story-grid{grid-template-columns:1fr;gap:18px}
  .story-card{display:grid;grid-template-columns:108px 1fr;column-gap:13px;align-items:start;padding-top:11px}
  .story-card-image{height:112px;margin:0;grid-row:1/3}
  .story-card-copy{display:contents}
  .story-card-copy>.section-label{align-self:end}
  .story-card-copy h3{font-size:20px;margin:6px 0 5px;grid-column:2}
  .story-card-copy>p{display:none}
  .story-card-copy .story-meta{grid-column:2;font-size:7px;align-self:start}
  .desk-section{padding-inline:14px}
  .desk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .desk-card{min-height:106px}
  .desk-name{font-size:15px}
  .editorial-note>div p{font-size:15px}
  .footer-top{grid-template-columns:1fr}
  .footer-top>p,.footer-links{grid-column:1}
  .footer-links{flex-wrap:wrap}
  .info-masthead{margin:48px auto 34px;text-align:left}
  .info-masthead>p{font-size:18px;margin:0}
  .info-card{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:22px 0}
  .info-card h2{font-size:25px}
  .info-card p{font-size:15px}
  .footer-bottom{font-size:7px}
  .section-masthead{align-items:flex-start}
  .section-masthead h1{font-size:49px}
  .section-masthead p{font-size:15px}
  .section-glyph{font-size:34px}
  .section-feed-top{font-size:8px}
  .article-heading{text-align:left}
  .article-heading h1{font-size:45px}
  .article-deck{font-size:17px;margin-left:0}
  .article-byline{justify-content:space-between;align-items:flex-start;gap:9px;flex-wrap:wrap}
  .article-byline .story-meta{font-size:8px}
  .share-button{margin-left:auto}
  .prose{font-size:18px}
  .prose .article-standfirst{font-size:20px}
  .fact-strip{padding:15px}
  .fact-strip>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-aside{grid-template-columns:1fr}
  .empty-desk{grid-template-columns:55px minmax(0,1fr);gap:13px}
  .empty-mark{width:51px;height:51px;font-size:10px}
  .empty-desk h2{font-size:22px}
  .empty-desk p:last-child{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
