:root{--paper:#f1eee8;--ink:#0a0a0a;--article-red:#df241f;--serif:"Cormorant Garamond",Georgia,serif}
.articles-page,.article-page{background:var(--black);color:var(--white)}
.articles-page main,.article-page main{position:relative;z-index:1}
.article-nav{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:120;transition:height .3s ease,background .3s ease,padding .3s ease,border-color .3s ease}
.articles-page .article-nav{background:rgba(8,8,8,.96);padding-inline:22px}
.article-nav.is-scrolled{height:72px;padding:0 22px;background:rgba(8,8,8,.9);border-color:rgba(241,238,232,.11);backdrop-filter:blur(16px)}
.article-nav nav{gap:27px}
.article-nav nav a{position:relative}
.article-nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--article-red);transition:right .25s ease}
.article-nav nav a:hover:after,.article-nav nav a.active:after{right:0}
.menu-toggle{display:none;color:var(--white);background:transparent;border:0;outline:0;padding:10px 0;font:10px var(--mono);letter-spacing:.14em;cursor:pointer}
.menu-toggle:focus-visible{outline:1px solid var(--article-red);outline-offset:5px}
.menu-toggle i{position:relative;width:25px;height:1px;background:currentColor;margin-left:11px;transition:transform .25s ease}
.menu-toggle i:after{content:"";position:absolute;left:0;top:6px;width:25px;height:1px;background:currentColor;transition:transform .25s ease,top .25s ease}
.article-nav.is-open .menu-toggle i{transform:rotate(45deg)}
.article-nav.is-open .menu-toggle i:after{top:0;transform:rotate(-90deg)}
.reading-progress{position:fixed;z-index:140;top:0;left:0;width:100%;height:2px;background:var(--article-red);transform:scaleX(0);transform-origin:left;will-change:transform}
.primary-action,.secondary-action{min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;font:500 9px var(--mono);letter-spacing:.14em;transition:background .25s,color .25s,border-color .25s}
.primary-action{background:var(--article-red);color:#fff;border:1px solid var(--article-red)}
.secondary-action{background:transparent;color:inherit;border:1px solid currentColor}
.primary-action:hover{background:#f0332d;border-color:#f0332d}.secondary-action:hover{color:var(--article-red);border-color:var(--article-red)}
.primary-action b,.secondary-action b{font-size:17px;font-weight:400}
.article-footer{position:relative;z-index:2;height:130px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;background:var(--black)}
.article-footer p{margin:0}.article-footer>p:nth-child(2){text-align:center;color:var(--grey);letter-spacing:.18em}

/* Articles archive */
.archive-hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:150px 0 90px;background:radial-gradient(circle at 78% 48%,rgba(223,36,31,.18),transparent 29%),#080808}
.archive-hero:before{content:"";position:absolute;inset:92px 0 0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000 35%,#000)}
.archive-hero__orbit{position:absolute;width:min(58vw,830px);aspect-ratio:1;right:-8vw;top:50%;transform:translateY(-48%);border:1px solid rgba(255,255,255,.12);border-radius:50%}
.archive-hero__orbit:before,.archive-hero__orbit:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.08);border-radius:50%}.archive-hero__orbit:after{inset:27%}
.archive-hero__orbit span{position:absolute;inset:0;display:grid;place-items:center;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.22);font:400 clamp(190px,35vw,560px)/1 var(--serif);transform:rotate(-8deg)}
.archive-hero__inner{position:relative;z-index:2}
.archive-hero__eyebrow{display:flex;justify-content:space-between;max-width:570px;padding-bottom:14px;border-bottom:1px solid var(--line);font:8px var(--mono);letter-spacing:.17em}.archive-hero__eyebrow b{color:var(--article-red);font-weight:500}
.archive-hero h1{max-width:890px;margin:70px 0 65px;font-size:clamp(70px,10.2vw,154px);line-height:.78;letter-spacing:-.085em;display:flex;flex-direction:column;position:relative;z-index:2}.archive-hero h1 em{color:var(--article-red);font-style:italic;font-weight:500}
.archive-hero__foot{display:flex;align-items:center;gap:70px}.archive-hero__foot p{width:min(430px,100%);margin:0;color:#aaa69f;font-size:14px;line-height:1.75}.archive-hero__foot a{width:220px;color:#fff;text-decoration:none;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.45);display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.13em}.archive-hero__foot a:hover{color:var(--article-red);border-color:var(--article-red)}
.archive-hero__coordinate{position:absolute;right:30px;bottom:32px;writing-mode:vertical-rl;font:7px var(--mono);letter-spacing:.18em;color:#807d78}
.archive{min-height:100svh;position:relative;overflow:hidden;background:var(--paper);color:var(--ink);padding:165px 0 95px;scroll-margin-top:60px}
.archive:before{content:"ARTICLES";position:absolute;z-index:0;top:96px;left:-.035em;font:800 clamp(120px,20vw,310px)/.72 var(--sans);letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.055);pointer-events:none}
.archive__head{position:relative;z-index:2;display:grid;grid-template-columns:1fr 2fr auto;gap:50px;align-items:end;border-top:1px solid rgba(0,0,0,.3);padding-top:17px}.archive__head>div{display:flex;gap:20px;font:9px var(--mono);letter-spacing:.14em}.archive__head>div span:first-child{color:var(--article-red)}.archive__head h2{margin:0;font-size:clamp(44px,6vw,84px);line-height:.85;letter-spacing:-.065em}.archive__head>p{margin:0;font:9px var(--mono);letter-spacing:.15em}
.featured-article{position:relative;z-index:2;margin-top:55px;display:grid;grid-template-columns:minmax(360px,.82fr) 1.18fr;gap:clamp(55px,7vw,110px);align-items:center}
.manifesto-cover{position:relative;aspect-ratio:.72;background:#090909;color:#f4f0e9;text-decoration:none;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 70px rgba(0,0,0,.28);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.manifesto-cover__art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.82) contrast(1.1);transform:scale(.94);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.manifesto-cover:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.05) 43%,rgba(0,0,0,.76) 100%),linear-gradient(110deg,transparent 42%,rgba(223,36,31,.13) 42.3%,transparent 43%)}
.manifesto-cover:after{content:"";position:absolute;z-index:3;inset:14px;border:1px solid rgba(255,255,255,.22)}
.manifesto-cover:hover{transform:translateY(-9px) rotate(-.5deg);box-shadow:0 42px 80px rgba(0,0,0,.33)}
.manifesto-cover:hover .manifesto-cover__art{transform:scale(.985)}
.manifesto-cover__top,.manifesto-cover__bottom{position:relative;z-index:2;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.18em}.manifesto-cover__top b{color:var(--article-red)}.manifesto-cover__top i,.manifesto-cover__bottom i{font-style:normal}
.manifesto-cover__symbol{position:absolute;z-index:2;left:50%;top:43%;transform:translate(-50%,-50%);font:400 clamp(210px,28vw,410px)/1 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.1)}
.manifesto-cover__equation{position:absolute;z-index:2;top:30%;left:31px;right:31px;text-align:center;font:7px var(--mono);letter-spacing:.23em;color:#d5d1ca;text-shadow:0 2px 15px #000}
.manifesto-cover>strong{position:absolute;z-index:2;top:82px;left:30px;right:30px;font-size:clamp(42px,5.2vw,70px);line-height:.84;letter-spacing:-.075em;text-align:center;text-shadow:0 4px 28px rgba(0,0,0,.85)}
.featured-article__copy{padding-right:5%}.article-meta{display:flex;flex-wrap:wrap;gap:12px 25px;padding-bottom:18px;border-bottom:1px solid rgba(0,0,0,.25);font:8px var(--mono);letter-spacing:.14em}.article-meta span:not(:last-child):after{content:"/";margin-left:25px;color:var(--article-red)}
.featured-article__kicker{margin:48px 0 18px;color:var(--article-red);font:9px var(--mono);letter-spacing:.16em}.featured-article h3{margin:0;font-size:clamp(70px,8vw,120px);line-height:.8;letter-spacing:-.08em}.featured-article__lead{max-width:640px;margin:35px 0 30px;font:500 clamp(21px,2.2vw,30px)/1.35 var(--serif)}.featured-article blockquote{margin:0 0 42px;padding-left:25px;border-left:2px solid var(--article-red);font:italic 20px/1.45 var(--serif);color:#56534e}.featured-article__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:470px}.featured-article .secondary-action{color:var(--ink)}
.archive__footer{display:grid;grid-template-columns:1fr 2fr auto;gap:50px;align-items:center;margin-top:110px;padding-top:20px;border-top:1px solid rgba(0,0,0,.28);font:8px var(--mono);letter-spacing:.13em}.archive__footer p{margin:0;color:#6e6b65}.archive__footer b{color:var(--article-red);font-size:13px}

/* Manifesto article */
.essay-hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:145px 0 80px;background:radial-gradient(circle at 72% 58%,rgba(223,36,31,.2),transparent 28%),#080808}
.essay-hero:before{content:"";position:absolute;inset:92px 0 0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 94px}
.essay-hero__art{position:absolute;z-index:0;right:0;top:92px;bottom:0;width:62%;opacity:.58;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 100%)}
.essay-hero__art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080808 0,transparent 24%),linear-gradient(90deg,transparent 55%,rgba(8,8,8,.28))}
.essay-hero__art img{width:100%;height:100%;object-fit:cover;object-position:center 56%;filter:saturate(.78) contrast(1.12)}
.essay-hero__inner{position:relative;z-index:2}.essay-back{display:inline-flex;gap:13px;color:#9d9992;text-decoration:none;font:8px var(--mono);letter-spacing:.15em}.essay-back:hover{color:var(--article-red)}
.essay-hero__meta{margin-top:75px;display:flex;gap:20px;font:8px var(--mono);letter-spacing:.15em}.essay-hero__meta span:not(:last-child):after{content:"/";margin-left:20px;color:var(--article-red)}
.essay-hero__eyebrow{margin:47px 0 20px;font:9px var(--mono);letter-spacing:.2em;color:var(--article-red)}
.essay-hero h1{margin:0;display:block;font-size:clamp(85px,15.5vw,245px);line-height:.74;letter-spacing:-.09em;position:relative;z-index:2}
.essay-hero__lead{max-width:590px;margin:50px 0 38px;font:400 clamp(24px,2.5vw,37px)/1.25 var(--serif);color:#c5c1ba}
.essay-hero__actions{display:flex;gap:12px;width:min(490px,100%)}.essay-hero__actions a{flex:1}
.essay-hero__zero{position:absolute;right:-.03em;top:45%;transform:translateY(-50%);font:800 min(65vw,900px)/.7 var(--sans);letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.08)}
.essay-hero__mark{position:absolute;right:33px;bottom:27px;font:400 50px var(--serif);color:var(--article-red)}
.essay{background:var(--paper);color:var(--ink);overflow:hidden}
.essay-section{width:min(980px,calc(100% - 80px));margin-inline:auto;padding:120px 0;display:grid;grid-template-columns:90px 1fr;gap:65px;position:relative;scroll-margin-top:70px}
.essay-section+.essay-section{border-top:1px solid rgba(0,0,0,.15)}
.essay-section__number{font:500 10px var(--mono);letter-spacing:.15em;color:var(--article-red);padding-top:20px}
.essay-copy{max-width:740px}.essay-copy h2{margin:0 0 55px;font:800 clamp(47px,6.5vw,83px)/.88 var(--sans);letter-spacing:-.07em}.essay-copy p{margin:0 0 28px;font:500 clamp(20px,2.05vw,27px)/1.52 var(--serif)}.essay-copy blockquote{margin:62px 0 0;font:500 clamp(39px,5vw,65px)/1.02 var(--serif);letter-spacing:-.04em;color:var(--article-red)}
.essay-opening{padding-top:150px}.essay-opening .essay-copy>p:first-child{font-size:clamp(31px,3.8vw,50px);line-height:1.17}.essay-opening .essay-copy>p:nth-child(2){font-style:italic;color:#5d5a55}.essay-opening .essay-copy blockquote{font-style:italic}
.short-lines{margin-top:48px!important}.short-lines span{display:block}.short-lines span:first-child{font-family:var(--mono);font-size:12px;letter-spacing:.15em;color:var(--article-red);margin-bottom:16px}
.equation-section{isolation:isolate;color:var(--paper);border:0!important;padding-top:145px;padding-bottom:145px}.equation-section:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:radial-gradient(circle at 75% 45%,rgba(223,36,31,.16),transparent 27%),#0b0b0b}.equation-section .essay-copy p{color:#c5c1ba}.equation-section .essay-copy blockquote{color:var(--paper)}
.equation{margin:65px 0;padding:40px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between;gap:14px;font:500 clamp(14px,2vw,24px) var(--mono);letter-spacing:.08em}.equation b{color:#77736d}.equation em{color:var(--article-red);font-style:normal;font-weight:500}
.one-word{margin:60px 0!important;font-size:clamp(44px,6vw,78px)!important;line-height:1!important;color:var(--article-red)}
.final-question{padding-bottom:160px}.final-question .essay-copy blockquote{padding-top:55px;border-top:1px solid rgba(0,0,0,.2);color:var(--ink)}.final-question .essay-copy blockquote em{font-style:italic;color:var(--article-red)}
.essay-close{position:relative;background:#080808;color:var(--paper);min-height:95svh;padding:140px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.essay-close:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(223,36,31,.2),transparent 28%)}
.essay-close>*{position:relative;z-index:2}.essay-close__symbol{position:absolute!important;z-index:1!important;left:50%;top:48%;transform:translate(-50%,-50%);font:400 min(67vw,850px)/1 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.11)}
.essay-close>p{margin:0 0 90px;font:500 clamp(42px,7vw,98px)/.9 var(--serif);letter-spacing:-.05em}.essay-close>span{font:9px var(--mono);letter-spacing:.18em;color:#8f8b84}.essay-close>strong{margin-top:20px;font:500 clamp(24px,3vw,42px) var(--serif)}.essay-close__actions{display:flex;gap:12px;width:min(490px,100%);margin-top:70px}.essay-close__actions a{flex:1}

@media(max-width:1120px){
  body.nav-open{overflow:hidden}.article-nav{z-index:130;left:0;right:0;transform:none;margin-inline:auto}.menu-toggle{display:flex;align-items:center;margin-left:auto;margin-right:18px;position:relative;z-index:2}.article-nav>.mark,.article-nav>#lang{position:relative;z-index:2}
  .article-nav nav{position:fixed;z-index:1;inset:0;width:100vw;height:100svh;background:rgba(8,8,8,.985);display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:100px max(28px,calc((100vw - 900px)/2));opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);transition:opacity .3s,visibility .3s,transform .3s}
  .article-nav.is-open nav{opacity:1;visibility:visible;pointer-events:auto;transform:none}.article-nav nav a{width:100%;display:flex!important;padding:15px 0;border-bottom:1px solid var(--line);font:600 clamp(25px,5vw,46px) var(--sans);letter-spacing:-.04em}.article-nav nav a:after{display:none}
  .archive__head{grid-template-columns:1fr auto}.archive__head h2{grid-column:1/-1;grid-row:2}.featured-article{grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:50px}.featured-article__copy{padding:0}.featured-article__actions{grid-template-columns:1fr}.archive__footer{grid-template-columns:1fr auto}.archive__footer p{grid-column:1/-1;grid-row:2}
  .essay-hero__zero{font-size:90vw;right:-.2em}.essay-section{grid-template-columns:55px 1fr;gap:35px}.article-footer{height:auto;grid-template-columns:1fr;text-align:center;padding:45px 0;gap:28px}.article-footer>p:nth-child(2){text-align:center}
}
@media(max-width:650px){
  .wrap{width:calc(100% - 28px)}.article-nav{height:75px}.menu-toggle span{display:none}.menu-toggle{margin-right:12px}.article-nav.is-scrolled{height:65px;padding:0 14px}
  .archive{padding:125px 0 80px}.archive:before{top:78px;font-size:35vw}.archive__head{gap:25px}.archive__head h2{font-size:48px}.archive__head>p{font-size:7px}.featured-article{grid-template-columns:1fr;margin-top:42px;gap:55px}.manifesto-cover{width:100%;padding:25px}.manifesto-cover__symbol{font-size:86vw}.manifesto-cover__equation{top:32%;left:25px;right:25px}.manifesto-cover>strong{top:68px;left:24px;right:24px;font-size:52px}.featured-article h3{font-size:69px}.featured-article__kicker{margin-top:35px}.featured-article__lead{font-size:24px}.featured-article__actions{max-width:none}.archive__footer{margin-top:75px}
  .essay-hero{min-height:100svh;padding:110px 0 60px}.essay-hero__meta{margin-top:60px;gap:8px 12px;flex-wrap:wrap}.essay-hero__meta span:not(:last-child):after{margin-left:12px}.essay-hero__eyebrow{margin-top:38px}.essay-hero h1{font-size:18.4vw}.essay-hero__lead{font-size:27px;margin:42px 0 30px}.essay-hero__actions,.essay-close__actions{display:grid;grid-template-columns:1fr;width:100%}.essay-hero__mark{right:16px}
  .essay-hero__art{top:75px;width:100%;opacity:.36;mask-image:linear-gradient(180deg,transparent 0,#000 27%,#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 27%,#000 78%,transparent 100%)}.essay-hero__art img{object-position:76% 54%}
  .essay-section{width:calc(100% - 28px);padding:90px 0;grid-template-columns:1fr;gap:22px}.essay-section__number{padding-top:0}.essay-copy h2{font-size:50px;margin-bottom:42px}.essay-copy p{font-size:21px;line-height:1.48}.essay-copy blockquote{font-size:42px;margin-top:50px}.essay-opening{padding-top:105px}.essay-opening .essay-copy>p:first-child{font-size:33px}.equation-section{padding-top:105px;padding-bottom:105px}.equation{display:grid;grid-template-columns:1fr auto;gap:18px;margin:50px 0}.equation b:nth-of-type(1){grid-column:2}.equation span:nth-of-type(2){grid-column:1}.equation b:nth-of-type(2){grid-column:2}.equation em{grid-column:1/-1;font-size:31px}.final-question{padding-bottom:115px}
  .essay-close{padding:100px 14px;min-height:92svh}.essay-close>p{margin-bottom:70px;font-size:54px}.essay-close>strong{font-size:27px}.essay-close__actions{margin-top:55px}.essay-close__symbol{font-size:120vw}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.manifesto-cover{transition:none}}
