@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url(fonts/jost-latin-ext-200-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: url(fonts/jost-latin-200-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(fonts/jost-latin-ext-300-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(fonts/jost-latin-300-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/jost-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/jost-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/jost-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(fonts/jost-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/literata-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/literata-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/literata-latin-ext-400-italic.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url(fonts/literata-latin-400-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/literata-latin-ext-600-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/literata-latin-600-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/literata-latin-ext-600-italic.woff2) format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Literata';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url(fonts/literata-latin-600-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{
  --paper:#ffffff; --ink:#22303c; --muted:#5b6a78; --rule:#d6dee6;
  --blue:#698caa; --blue-deep:#44688a; --tint:#eef3f7;
  --sans:'Jost',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
  --serif:'Literata',Georgia,'Times New Roman',serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.6 var(--sans)}
img{max-width:100%;height:auto}
a{color:var(--blue-deep)}
:focus-visible{outline:2px solid var(--blue-deep);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:9}
.skip:focus{left:1rem}

/* header */
.site-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  max-width:72rem;margin:0 auto;padding:1.25rem 1.5rem}
.site-head nav{display:flex;gap:1.75rem;margin-left:auto}
.site-head nav a{color:var(--ink);text-decoration:none;font-weight:400;letter-spacing:.02em;padding:.25rem 0;
  border-bottom:1px solid transparent}
.site-head nav a:hover{border-color:var(--blue)}
.site-head nav a[aria-current=page]{border-color:var(--ink)}

/* wordmark: the one bold element, echoing the original banner */
.wordmark-link{text-decoration:none;display:inline-block}
.wordmark--big-link{text-decoration:none;display:block}
.wordmark{display:inline-flex;margin:0;font:200 1.05rem/1 var(--sans);text-transform:uppercase;letter-spacing:.14em;
  border:1.5px solid var(--ink)}
.wordmark span{padding:.35em .45em .35em .6em}
.wm-a{background:var(--blue);color:#fff}
.wm-b{background:#fff;color:var(--blue)}
.wordmark--big{display:flex;width:100%;font-size:clamp(1.9rem,8.6vw,7.4rem);letter-spacing:.1em;border-width:2px}
.wordmark--big .wm-a{flex:1.62;padding:.12em .2em .12em .25em}
.wordmark--big .wm-b{flex:1;padding:.12em .2em .12em .25em}

/* home */
.hero{max-width:72rem;margin:0 auto;padding:1.5rem 1.5rem 0}
.hero-lede{font:400 clamp(1.15rem,2.2vw,1.45rem)/1.5 var(--serif);max-width:34em;margin:2rem 0 0;color:var(--ink)}
.index{max-width:72rem;margin:0 auto;padding:3.5rem 1.5rem 5rem}
.index-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1.25rem 2rem;
  padding-bottom:1.25rem;border-bottom:1.5px solid var(--ink)}
.index-head h2{margin:0;font:300 2.25rem/1 var(--sans)}
.count{color:var(--blue);font-weight:200;margin-left:.3em}
.tools{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center}
.search input{font:400 1rem var(--sans);color:var(--ink);width:min(22rem,80vw);padding:.55rem .1rem;
  border:0;border-bottom:1px solid var(--muted);background:transparent;border-radius:0}
.search input::placeholder{color:#8795a2}
.search input:focus{outline:none;border-bottom:2px solid var(--blue-deep)}
.langs{display:flex;gap:.25rem}
.langs button{font:400 .9rem var(--sans);color:var(--muted);background:none;border:1px solid transparent;
  padding:.35rem .7rem;cursor:pointer;border-radius:2px}
.langs button:hover{color:var(--ink)}
.langs button[aria-pressed=true]{color:#fff;background:var(--blue-deep)}
.rows{list-style:none;margin:0;padding:0;max-width:52rem}
.row{break-inside:avoid;border-bottom:1px solid var(--rule)}
.row a{display:block;padding:1.1rem 0 1rem;text-decoration:none;color:var(--ink)}
.row-title{display:block;font:400 1.2rem/1.35 var(--serif)}
.row-sub,.row-by{display:block;font:400 .98rem/1.4 var(--serif);font-style:italic;color:var(--muted);margin-top:.15rem}
.row-meta{display:block;font:300 .85rem/1.4 var(--sans);color:var(--muted);margin-top:.4rem;letter-spacing:.01em}
.row a:hover .row-title{color:var(--blue-deep)}
.empty{font:400 1.1rem var(--serif);color:var(--muted);padding:2rem 0}

/* article */
.art{max-width:40rem;margin:0 auto;padding:2.5rem 1.5rem 1rem}
.art-head{margin-bottom:2rem}
.art h1{font:600 clamp(1.9rem,4.6vw,2.9rem)/1.15 var(--serif);margin:0;letter-spacing:-.01em;text-wrap:balance}
.art-sub{font:400 1.25rem/1.4 var(--serif);font-style:italic;margin:.75rem 0 0;color:var(--muted)}
.art-by{font:400 1rem var(--sans);margin:1.25rem 0 0;color:var(--ink)}
.art-min{color:var(--muted);font-weight:300;margin-left:.75rem}
.translation{margin:.6rem 0 0;font:400 .95rem var(--sans)}
.source{font:300 .9rem/1.5 var(--sans);color:var(--muted);background:var(--tint);padding:1rem 1.25rem;margin:0 0 2.5rem;
  border-left:3px solid var(--blue)}
.source p{margin:.2rem 0;text-align:left}
.source img{max-height:90px;width:auto;vertical-align:middle;margin:.4rem 0}
.art-body{font:400 1.125rem/1.78 var(--serif);hyphens:auto;-webkit-hyphens:auto}
.art-body p{margin:0 0 1.15em}
.art-body p.center{text-align:center}
.art-body strong{font-weight:600}
.art-body hr{border:0;width:4rem;height:1.5px;background:var(--blue);margin:2.25em auto}
.art-body img{display:inline-block;margin:.5rem 0}
.art-body sup{font-size:.7em;line-height:0}
.pager{max-width:40rem;margin:3rem auto 0;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;
  border-top:1px solid var(--rule)}
.pager a{display:block;padding-top:1rem;text-decoration:none;color:var(--ink);font:400 1rem/1.4 var(--serif)}
.pager a span{display:block;font:300 .85rem var(--sans);color:var(--muted);margin-bottom:.25rem}
.pager .next{text-align:right}
.pager a:hover{color:var(--blue-deep)}
.back{max-width:40rem;margin:2rem auto 4rem;padding:0 1.5rem;font:400 1rem var(--sans)}

/* publications */
.page-head{width:min(53rem,calc(100% - 3rem));margin:0 auto;padding:2.5rem 0 1.5rem;border-bottom:1.5px solid var(--ink)}
.page-head h1{font:300 clamp(2rem,5vw,3rem)/1.1 var(--sans);margin:0}
.page-head p{font:400 1.15rem var(--serif);color:var(--muted);margin:.75rem 0 0}
.pubs{list-style:none;width:min(53rem,calc(100% - 3rem));margin:0 auto 5rem;padding:0}
.pub{display:grid;grid-template-columns:10rem 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--rule)}
.pub-cover img{display:block;width:100%;height:auto;box-shadow:0 1px 0 var(--rule)}
.pub h2{font:600 1.3rem/1.3 var(--serif);margin:0 0 .5rem}
.pub p{font:400 1.02rem/1.5 var(--serif);margin:.2rem 0;color:var(--ink)}
.pub-extra{max-height:70px;width:auto;margin-top:.75rem}
.pub .pub-link{font:400 .95rem var(--sans);margin-top:.75rem}
@media (max-width:560px){.pub{grid-template-columns:6.5rem 1fr;gap:1.1rem}}

/* footer */
.site-foot{background:var(--tint);border-top:1.5px solid var(--ink)}
.foot-inner{max-width:72rem;margin:0 auto;padding:3rem 1.5rem 3.5rem;display:grid;grid-template-columns:1fr 1.3fr;gap:2.5rem}
.foot-quote{margin:0}
.foot-quote p{font:400 1.3rem/1.45 var(--serif);font-style:italic;margin:0}
.foot-quote cite{display:block;font:400 .95rem var(--sans);font-style:normal;color:var(--muted);margin-top:.75rem}
.foot-note p{font:300 .9rem/1.6 var(--sans);color:var(--muted);margin:0 0 .75rem}
@media (max-width:520px){.site-head{padding:1rem 1.25rem}.site-head nav{gap:.3rem .85rem}.site-head nav a{font-size:.9rem}.site-head .wordmark{font-size:.85rem}}
@media (max-width:760px){.foot-inner{grid-template-columns:1fr}}
@media (prefers-reduced-motion:no-preference){.row-title,.pager a{transition:color .15s}}
@media print{.site-head nav,.pager,.back,.site-foot{display:none}}

/* v2: more sections */
.site-head nav{flex-wrap:wrap;row-gap:.4rem}
.site-head--home{justify-content:flex-end}
.page-head--wide,.index--flush{width:min(69rem,calc(100% - 3rem))}
.index--flush{padding:2.5rem 0 5rem}
.page-head--wide{border-bottom:0;padding-bottom:0}
.group{margin-top:2.75rem}
.group h3{font:400 1.35rem/1.2 var(--sans);letter-spacing:.01em;margin:0 0 .25rem;color:var(--blue-deep)}
.group[hidden]{display:none}
.art-min--solo{margin-left:0}
.posters{list-style:none;margin:2rem auto 5rem;padding:0;width:min(69rem,calc(100% - 3rem));
  display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:2rem 1.75rem;align-items:start}
.posters a{display:block}
.posters img{display:block;width:100%;height:auto}
.posters a:hover img{opacity:.88}
.who{width:min(62rem,calc(100% - 3rem));margin:0 auto;padding:2.5rem 0 5rem;display:grid;grid-template-columns:15rem 1fr;gap:3rem}
.who-photo{width:100%;height:auto;display:block}
.who h1{font:300 clamp(2rem,5vw,3rem)/1.1 var(--sans);margin:0 0 1.5rem}
.who-bio p{font:400 1.1rem/1.75 var(--serif);margin:0 0 1em;max-width:36em}
.roles{list-style:none;margin:2.5rem 0 0;padding:0;border-top:1px solid var(--rule)}
.roles li{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--rule)}
.roles span{font:400 1rem/1.4 var(--sans);max-width:28em}
.roles img{max-height:56px;width:auto;flex-shrink:0}
.contact{margin-top:2.5rem}
.contact h2{font:400 1.35rem var(--sans);margin:0 0 .4rem;color:var(--blue-deep)}
.contact p{font:400 1.2rem var(--serif);margin:0}
@media (max-width:760px){.who{grid-template-columns:1fr;gap:1.5rem}.who-side{max-width:12rem}
  .roles li{flex-direction:column;align-items:flex-start;gap:.5rem}}

/* v3: home page, logo */
.logo-link{display:inline-block;line-height:0}
.logo-link img{width:52px;height:auto}
.site-head--home{justify-content:space-between}
.intro{width:min(69rem,calc(100% - 3rem));margin:1.5rem auto 0;display:grid;grid-template-columns:minmax(0,11rem) 1fr;gap:2.5rem;align-items:start}
.intro-logo img{display:block;width:100%;height:auto}
.intro h1{font:300 clamp(1.6rem,3.2vw,2.2rem)/1.1 var(--sans);margin:0;letter-spacing:.01em}
.intro-lede{font:400 clamp(1.1rem,2vw,1.35rem)/1.55 var(--serif);margin:1.25rem 0 0;max-width:30em}
.intro-links,.feature-links{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;margin:1.5rem 0 0;font:400 1rem var(--sans)}
.intro-links a,.feature-links a{color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--blue);padding-bottom:.1rem}
.intro-links a:hover,.feature-links a:hover{color:var(--blue-deep)}
.feature{width:min(69rem,calc(100% - 3rem));margin:4.5rem auto 0;display:grid;grid-template-columns:minmax(0,24rem) 1fr;gap:3rem;align-items:end;
  padding-top:3rem;border-top:1.5px solid var(--ink)}
.feature-poster img{display:block;width:100%;height:auto}
.kicker{font:400 .95rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-deep);margin:0 0 .75rem}
.feature h2{font:300 clamp(1.4rem,2.6vw,1.8rem)/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:0}
.feature h2 span{display:block;font:400 clamp(2.4rem,5.5vw,4rem)/1.05 var(--serif);font-style:italic;letter-spacing:-.01em;text-transform:none;margin-top:.4rem}
.feature-when{font:400 1.2rem var(--sans);margin:1.75rem 0 .25rem}
.feature-where{font:300 1.1rem/1.5 var(--sans);color:var(--muted);margin:0}
.feature-venue{display:block;width:150px;height:auto;margin-top:2rem}
.latest{width:min(69rem,calc(100% - 3rem));margin:4.5rem auto 0;padding-top:2rem;border-top:1.5px solid var(--ink)}
.latest h2,.partners h2{font:300 1.9rem/1.1 var(--sans);margin:0 0 .5rem}
.more{font:400 1rem var(--sans);margin:1.25rem 0 0}
.archive-banner{width:min(69rem,calc(100% - 3rem));margin:4rem auto 0}
.archive-banner img{display:block;width:100%;max-width:800px;height:auto}
.partners{width:min(69rem,calc(100% - 3rem));margin:4rem auto 5rem}
.partners ul{list-style:none;margin:1.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:2rem;align-items:center}
.partners img{display:block;height:96px;width:auto}
.art-poster{margin:0 0 2.5rem}
.art-poster img{display:block;width:100%;max-width:26rem;height:auto}
.cc-badges a{display:inline-flex;gap:.75rem;align-items:center;flex-wrap:wrap}
.cc-badges img{height:44px;width:auto}
@media (max-width:760px){.intro,.feature{grid-template-columns:1fr;gap:1.75rem}.intro-logo{max-width:14rem}.feature-poster{max-width:20rem}}

.intro-lede--en{font-size:clamp(1rem,1.7vw,1.15rem);color:var(--muted);font-style:italic;margin-top:.9rem}
@media (max-width:760px){.intro-logo{max-width:8rem}}