:root {
  background: var(--site-ground); color: var(--site-ink); font-family: var(--font-body);
  font-synthesis: none;
}
* { box-sizing: border-box; }
body { margin: 0; font-size: 17px; line-height: 1.45; }
::selection { background: var(--site-selection); color: var(--site-ink); }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .3em; }
a:hover { text-decoration: underline; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
h1, h2, h3, p, figure { margin: 0; }
h1, h2, h3 { font-weight: 400; }
img { display: block; width: 100%; height: auto; }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.skip {
  position: fixed; top: 16px; left: 16px; z-index: 10; padding: 12px 20px;
  background: var(--site-dark); color: var(--site-dark-text); transform: translateY(-180%);
}
.skip:focus { transform: none; }
.technical-surface { background-image: var(--grain); }
.cover {
  position: relative; isolation: isolate; display: grid; grid-template-columns: 1fr 1fr;
  align-items: end; gap: 8%; min-height: 830px; padding: 140px 32px 32px; overflow: clip;
  background-image: var(--grain), radial-gradient(ellipse at 21% 8%, var(--site-light), var(--site-light-fade) 46%);
}
.hero-field { position: absolute; top: 96px; left: 0; width: 53%; height: 500px; z-index: -1; }
.hero-geometry { position: absolute; width: 1030px; height: auto; top: -322px; left: -134px; }
.cover-role { max-width: 300px; font-size: 16px; line-height: 1.4; align-self: end; padding-bottom: 8px; }
.editorial-plane {
  position: relative; padding: 32px 40px 24px; background: var(--site-paper);
  background-image: var(--grain); border-radius: 3px; max-width: 720px;
}
.cover h1 { width: 164px; margin-bottom: 16px; }
.signature-ink { display: block; }
.cover-description { font-size: clamp(36px, 3.75vw, 60px); line-height: 1.02; letter-spacing: -.045em; }
.editorial-plane .text-link { margin-top: 28px; width: 100%; border-top: 1px solid var(--site-rule); padding-top: 12px; }
.writing {
  padding-block: 88px 128px;
  background-image: var(--grain), radial-gradient(ellipse at 85% 35%, var(--site-warm), var(--site-light-fade) 62%);
}
.writing-list {
  display: grid; grid-template-columns: 1.6fr 1fr; gap: 0 8%; align-items: start;
  max-width: 1480px; margin: 72px auto 0; padding: 0 32px; list-style: none;
}
.writing-plane { min-width: 0; }
.writing-plane--2 { margin-top: 220px; }
.writing-plane--3 { grid-column: 1; margin-top: 40px; }
.writing-plane--4 { margin-top: 160px; }
.exhibition-art { display: block; }
.exhibition-art img { width: 100%; height: auto; }
.essay-copy { padding: 24px 0 40px; }
.exhibition-label { display: block; font: 12px/1.5 var(--font-technical); color: var(--site-muted); text-transform: uppercase; }
.writing-list h3 { font: 400 clamp(30px, 3vw, 48px)/1.06 var(--font-body); letter-spacing: -.04em; max-width: 22ch; margin-top: 16px; }
.writing-list h3 a { text-decoration: none; }
.writing-list h3 a:hover { text-decoration: underline; }
.writing-list p { color: var(--site-muted); max-width: 42ch; font-size: 17px; margin-top: 20px; }
.writing-list .text-link { margin-top: 16px; }
@media (min-width: 1800px) {
  .cover { padding-inline: 4%; min-height: 900px; }
  .hero-geometry { width: 1200px; top: -436px; }
  .editorial-plane { justify-self: end; }
}
@media (max-width: 1050px) {
  .cover { min-height: 790px; grid-template-columns: .75fr 1.25fr; gap: 32px; padding-inline: 24px; }
  .hero-field { width: 40%; height: 400px; }
  .hero-geometry { left: -280px; width: 1000px; }
  .cover-role { font-size: 15px; }
  .editorial-plane { padding: 28px; }
  .writing-list { padding-inline: 24px; gap: 0 6%; grid-template-columns: 1.3fr 1fr; }
  .writing-plane--2 { margin-top: 120px; }
}
@media (max-width: 700px) {
  .cover { --hero-top: max(80px, var(--nav-clearance)); display: block; padding: calc(var(--hero-top) + 244px) 16px 24px; min-height: 0; }
  .hero-field { top: var(--hero-top); width: 100%; height: 220px; }
  .hero-geometry { width: 670px; top: -352px; left: -224px; }
  .cover-role { margin: 0 0 24px; padding: 0; max-width: 250px; font-size: 14px; }
  .editorial-plane { padding: 20px 24px 16px; max-width: none; }
  .cover h1 { width: 128px; margin-bottom: 16px; }
  .cover-description { font-size: 32px; line-height: 1.06; letter-spacing: -.04em; }
  .editorial-plane .text-link { margin-top: 20px; }
  .writing { padding-block: 64px; }
  .writing-list { display: block; padding-inline: 16px; margin-top: 48px; }
  .writing-plane, .writing-plane--2, .writing-plane--3, .writing-plane--4 { margin: 0 0 40px; }
  .essay-copy { padding: 24px 8px 32px; }
  .writing-list h3 { font-size: 32px; max-width: 22ch; }
}
@media (max-width: 360px) {
  .editorial-plane { padding-inline: 20px; }
}
@media (forced-colors: active) {
  .technical-surface, .editorial-plane { background-image: none; }
  .editorial-plane { border: 1px solid CanvasText; }
}
@media print {
  .technical-surface, .editorial-plane { background-image: none; }
  .cover { min-height: 0; padding-block: 32px; }
  .writing { padding-block: 32px; }
  .writing-list { display: block; }
  .writing-plane { margin: 24px 0; break-inside: avoid; }
  .exhibition-art { max-width: 60%; }
}