:root {
  --ink: #050606;
  --soft-ink: #111312;
  --paper: #d5d5d0;
  --paper-deep: #b9bab5;
  --white: #f4f3ed;
  --muted: #a9aaa5;
  --line: rgba(244, 243, 237, 0.22);
  --metal: #c8a96d;
  --silver: #c8cdca;
  --pad: clamp(1.25rem, 4vw, 4.75rem);
  --sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--white);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 30;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 2rem var(--pad);
  pointer-events: none;
}
.site-header > * { pointer-events: auto; }
.brand-button {
  width: 3.7rem;
  height: 3.7rem;
  padding: 0;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(5,6,6,.32);
  color: var(--white);
  cursor: pointer;
  backdrop-filter: blur(12px);
}
.brand-grid {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2px;
  padding: .72rem;
  transition: transform .6s cubic-bezier(.2,.75,.2,1);
}
.brand-grid i { background: currentColor; opacity: calc(.16 + var(--o)); transform: rotate(var(--r)); transition: .45s; }
.brand-button:hover .brand-grid,
.brand-button:focus-visible .brand-grid { transform: rotate(45deg) scale(.8); }

.main-nav { display: flex; gap: clamp(.9rem, 2vw, 2rem); align-items: center; }
.home-page .main-nav { padding:.68rem 0; }
.main-nav a {
  position: relative;
  color: rgba(255,255,255,.66);
  font-size: .95rem;
  white-space: nowrap;
}
.main-nav a:hover,
.main-nav a[aria-current="page"] { color: var(--white); }
.main-nav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -.55rem;
  height: 1px;
  background: currentColor;
}

.menu-toggle { display: none; border: 0; background: transparent; color: inherit; font-size: 1.8rem; }
.menu-panel {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  background: rgba(3,4,4,.94);
  color: var(--white);
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s ease, visibility .35s;
}
.menu-panel.open { opacity: 1; visibility: visible; }
.menu-panel nav { display: grid; text-align: center; gap: .45rem; }
.menu-panel a { font-size: clamp(2rem, 6vw, 5rem); font-weight: 300; letter-spacing: -.04em; }
.menu-panel a:hover { color: var(--metal); }

.hero {
  position: relative;
  height: 100svh;
  min-height: 42rem;
  overflow: hidden;
  background: #030404;
}
.hero-film { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 1; }
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(2,3,3,.72), transparent 50%), linear-gradient(0deg, rgba(2,3,3,.75), transparent 55%);
  pointer-events: none;
}
.hero-copy {
  position: absolute;
  z-index: 2;
  left: var(--pad);
  bottom: clamp(3rem, 9vh, 7rem);
  max-width: 46rem;
}
.eyebrow { margin: 0 0 .8rem; color: var(--metal); font-size: .76rem; letter-spacing: .18em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
.hero h1 { margin-bottom: .8rem; font-size: clamp(3.4rem, 9vw, 8.7rem); font-weight: 300; letter-spacing: -.065em; line-height: .86; }
.hero .tagline { margin: 0; font-size: clamp(1rem, 1.65vw, 1.35rem); color: rgba(255,255,255,.82); }
.home-index-panel {
  position: absolute;
  z-index: 2;
  right: var(--pad);
  bottom: clamp(3rem, 9vh, 7rem);
  width:min(43rem,46vw);
  height:5.6rem;
  overflow:hidden;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(14px);
}
.home-index-row { position:absolute; inset:0; display:grid; grid-template-columns:2.2rem 1fr auto; gap:1rem; align-items:center; min-height:5.6rem; padding:1rem 1.25rem; opacity:0; transform:translateY(1.2rem); pointer-events:none; transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),background .28s ease,padding .28s ease; }
.home-index-row.is-active { opacity:1; transform:translateY(0); pointer-events:auto; }
.home-index-row:hover,.home-index-row:focus-visible { padding-left:1.55rem; background:rgba(137,91,32,.27); }
.home-index-number { color:var(--metal); font-size:.72rem; letter-spacing:.12em; }
.home-index-copy { display:grid; gap:.22rem; }
.home-index-copy small { color:rgba(255,255,255,.58); font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; }
.home-index-copy strong { font-size:clamp(1.05rem,1.55vw,1.45rem); font-weight:300; letter-spacing:-.02em; line-height:1.15; }
.home-index-row > b { font-size:1rem; font-weight:300; transition:transform .28s ease; }
.home-index-row:hover > b,.home-index-row:focus-visible > b { transform:translate(3px,-3px); }
.scroll-mark { position: absolute; z-index: 2; right: var(--pad); bottom: 3rem; color: rgba(255,255,255,.55); writing-mode: vertical-rl; font-size: .72rem; letter-spacing: .15em; }

.statement {
  display: grid;
  grid-template-columns: .65fr 1.35fr;
  gap: 5vw;
  padding: 8rem var(--pad);
  background: var(--paper);
  color: #141514;
}
.statement h2 { font-size: clamp(2.2rem, 5vw, 5.4rem); font-weight: 300; line-height: .96; letter-spacing: -.05em; }
.statement p { max-width: 46rem; font-size: clamp(1.1rem, 1.8vw, 1.55rem); line-height: 1.55; }
.text-link { display: inline-flex; align-items: center; gap: .8rem; padding-bottom: .25rem; border-bottom: 1px solid currentColor; }

.artist-page { background: var(--paper); color: #151615; min-height: 100vh; }
.artist-page .site-header { color: #111; }
.artist-page .brand-button { color: #111; border-color: rgba(0,0,0,.35); background: rgba(220,220,215,.55); }
.artist-page .main-nav a { color: rgba(0,0,0,.55); }
.artist-page .main-nav a:hover,
.artist-page .main-nav a[aria-current="page"] { color: #000; }
.artist-hero {
  min-height: 85vh;
  padding: 10rem var(--pad) 5rem;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(20rem, .8fr);
  gap: 7vw;
  align-items: end;
}
.artist-name { font-size: clamp(3.7rem, 9vw, 9rem); line-height: .82; letter-spacing: -.075em; font-weight: 300; margin-bottom: 2rem; }
.artist-alias { margin: -1rem 0 2rem; font-size: clamp(.85rem, 1.15vw, 1rem); letter-spacing: .08em; color: var(--muted); }
.artist-intro { max-width: 49rem; font-size: clamp(1.15rem, 2vw, 1.6rem); }
.artist-civic { max-width:49rem; margin-top:.8rem; color:rgba(0,0,0,.62); font-size:clamp(.92rem,1.2vw,1.05rem); line-height:1.55; }
.artist-facts { display: flex; flex-wrap: wrap; gap: .65rem 1.4rem; margin-top: 2rem; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; }
.artist-facts span,
.artist-facts a { padding-top: .55rem; border-top: 1px solid rgba(0,0,0,.34); }
.artist-facts a:hover { border-color: currentColor; }
.portrait-field { aspect-ratio: 2/3; position: relative; overflow: hidden; background: #9fa19e; }
.portrait-field canvas { width: 100%; height: 100%; }
.portrait-field span { position: absolute; left: 1.4rem; bottom: 1.2rem; font-size: .72rem; letter-spacing: .16em; text-transform: uppercase; }
.portrait-photo { margin: 0; background: #232323; }
.portrait-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }

.profile-index { padding: 0 var(--pad) 8rem; }
.profile-row {
  display: grid;
  grid-template-columns: 3rem minmax(11rem,.55fr) 1.45fr 2rem;
  gap: 1.2rem;
  align-items: start;
  padding: 1.4rem 0;
  border-top: 1px solid rgba(0,0,0,.3);
}
.profile-row:last-child { border-bottom: 1px solid rgba(0,0,0,.3); }
.profile-icon { width: 2rem; height: 2rem; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: .75rem; }
.profile-row h2 { margin: .1rem 0; font-size: clamp(1.15rem,2vw,1.7rem); font-weight: 400; }
.profile-row p { margin: .15rem 0 0; max-width: 50rem; color: rgba(0,0,0,.67); }
.profile-row button { border: 0; background: transparent; font-size: 1.4rem; cursor: pointer; }
.profile-detail { grid-column: 2 / 4; display: none; padding: 1rem 0 1.5rem; }
.profile-row.expanded .profile-detail { display: block; }
.record-list,
.publication-list { list-style: none; margin: .2rem 0 1.5rem; padding: 0; }
.record-list li { display: grid; grid-template-columns: minmax(15rem,.8fr) 1.2fr; gap: 1.5rem; padding: .8rem 0; border-top: 1px solid rgba(0,0,0,.13); }
.record-list strong,
.publication-list strong { font-weight: 500; }
.record-list span { color: rgba(0,0,0,.64); }
.publication-list li { display: grid; grid-template-columns: 4.3rem 1fr; gap: 1.25rem; padding: 1rem 0 1.15rem; border-top: 1px solid rgba(0,0,0,.13); }
.publication-list p { margin: .3rem 0 !important; }
.publication-list a { display: inline-block; margin-top: .25rem; border-bottom: 1px solid currentColor; font-size: .82rem; }
.publication-list--citations li { padding:1.25rem 0 1.45rem; }
.publication-list--citations .citation-title { margin:0 0 .45rem; border:0; font-size:1.05rem; line-height:1.35; }
.publication-list--citations .citation-title strong { border-bottom:1px solid currentColor; }
.publication-list--citations .citation-authors { color:rgba(0,0,0,.82); font-size:.91rem; }
.publication-list--citations .citation-source { max-width:60rem; color:rgba(0,0,0,.64); font-size:.88rem; line-height:1.55; }
.publication-list--citations .citation-doi { margin-top:.55rem; font-size:.75rem; letter-spacing:.025em; }
.awards-list { list-style:none; margin:.2rem 0 1.5rem; padding:0; }
.awards-list li { display:grid; grid-template-columns:4.3rem 1fr; gap:1.25rem; padding:1.1rem 0 1.3rem; border-top:1px solid rgba(0,0,0,.13); }
.awards-list strong { display:block; margin-bottom:.35rem; font-weight:500; font-size:1.1rem; }
.awards-list p { margin:.3rem 0 !important; max-width:56rem; }
.awards-list p:first-of-type { color:rgba(0,0,0,.62); font-size:.86rem; letter-spacing:.03em; }
.award-year { color:rgba(0,0,0,.55); font-variant-numeric:tabular-nums; }
.award-photo { margin:0 0 2rem; }
.award-photo img { display:block; width:100%; max-width:62rem; height:auto; aspect-ratio:1536/1231; object-fit:cover; }
.award-photo figcaption { margin-top:.65rem; color:rgba(0,0,0,.58); font-size:.78rem; letter-spacing:.04em; }
.archive-tiles { display:grid; gap:1rem; margin-bottom:2.5rem; }
.archive-tiles--three { grid-template-columns:repeat(4,minmax(0,1fr)); }
.archive-tiles--documentary { grid-template-columns:repeat(4,minmax(0,12.5rem)); align-items:start; }
.press-photo-archive { grid-template-columns:repeat(4,minmax(0,1fr)); gap:.7rem; }
.archive-tile { position:relative; aspect-ratio:1; overflow:hidden; background:#101010; color:#fff; }
.archive-tile img { display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.82) contrast(1.02); transition:transform .45s ease; }
.archive-tile--portrait img { object-position:50% 28%; }
.archive-tile--wijkjury img { object-position:68% 50%; }
.archive-tile--debate img { object-position:43% 50%; }
.archive-tile--reading img { object-position:78% 50%; }
.archive-tile::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.78) 100%); pointer-events:none; }
.archive-tile > div { position:absolute; z-index:1; inset:auto 1rem 1rem; }
.archive-tile > div > span { display:block; margin-bottom:.35rem; font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; opacity:.75; }
.archive-tile h3 { margin:0 0 .25rem; font-size:1.05rem; line-height:1.15; }
.archive-tile p { margin:0; font-size:.78rem; line-height:1.35; opacity:.8; }
.archive-tile:hover img { transform:scale(1.025); }
.research-photo-archive { margin-top:1.75rem; margin-bottom:1.5rem; }
.media-archive { margin-top:2.5rem; border-top:1px solid rgba(0,0,0,.25); }
.media-archive > h3 { margin:0; padding:1.2rem 0; font-size:.82rem; letter-spacing:.09em; text-transform:uppercase; }
.episode-grid { list-style:none; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.6rem; margin:0; padding:0; }
.episode-grid--media { margin-bottom:2.5rem; }
.episode-grid li { min-width:0; }
.episode-grid a { display:flex; flex-direction:column; aspect-ratio:1; padding:.72rem; border:1px solid rgba(0,0,0,.2); color:inherit; text-decoration:none; transition:background .2s,color .2s; }
.episode-grid a:hover { background:#080808; color:#fff; }
.episode-grid time { margin-top:.45rem; color:currentColor; opacity:.58; font-size:.68rem; }
.episode-grid strong { margin:auto 0; font-size:.78rem; line-height:1.25; font-weight:500; }
.episode-grid a > span:last-child { font-size:.67rem; letter-spacing:.06em; text-transform:uppercase; opacity:.62; }
.episode-number { font-size:1.15rem; font-variant-numeric:tabular-nums; }
.engagement-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; margin:0 0 2rem; }
.engagement-gallery figure { margin:0; }
.engagement-gallery img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; }
.engagement-gallery figcaption { margin-top:.5rem; color:rgba(0,0,0,.58); font-size:.72rem; line-height:1.35; }
.pub-year { font-size: .8rem; letter-spacing: .08em; }
.identity-note { font-size: .9rem; }
.source-note { margin-top: 1.4rem !important; font-size: .76rem; letter-spacing: .07em; text-transform: uppercase; }
@media (max-width: 760px) {
  .archive-tiles--three { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .archive-tiles--documentary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .press-photo-archive { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .episode-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.source-note a { border-bottom: 1px solid currentColor; }

.works-page { min-height: 100vh; padding: 10rem var(--pad) 6rem; }
.works-title { display: flex; justify-content: space-between; align-items: end; margin-bottom: 3rem; }
.works-title h1 { margin: 0; font-size: clamp(3.6rem,8vw,8rem); font-weight: 300; letter-spacing: -.07em; }
.works-title p { color: var(--muted); max-width: 23rem; }
.works-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: clamp(1.1rem,2.5vw,2.5rem); }
.work-card { display: block; }
.work-visual { position: relative; aspect-ratio: 1/1.18; overflow: hidden; background: #111; border: 1px solid rgba(255,255,255,.09); }
.work-visual img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2,.7,.2,1); }
.work-card:hover img { transform: scale(1.035); }
.work-meta { display: flex; justify-content: space-between; gap: 1rem; padding-top: 1rem; }
.work-meta h2 { font-size: 1.25rem; font-weight: 400; }
.work-meta p { color: var(--muted); font-size: .82rem; text-align: right; }

.project-entry { border-top: 1px solid var(--line); }
.project-heading { display: grid; grid-template-columns: 3.5rem 1fr auto; gap: 1.5rem; align-items: center; padding: 1.6rem 0 2rem; }
.project-number { color: var(--metal); font-size: .8rem; letter-spacing: .12em; }
.project-heading h2 { margin: 0; font-size: clamp(2rem,4vw,4.3rem); font-weight: 300; letter-spacing: -.045em; }
.project-heading p { margin: .3rem 0 0; color: var(--muted); }
.project-arrow { align-self: end; padding-bottom: .55rem; border-bottom: 1px solid currentColor; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
.project-triptych { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(.7rem,1.4vw,1.5rem); }
.project-panel { position: relative; display: block; aspect-ratio: 1/1.08; overflow: hidden; background: #111; }
.project-panel img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .9s cubic-bezier(.2,.7,.2,1); }
.project-panel::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent,rgba(0,0,0,.72)); }
.project-panel span { position: absolute; z-index: 1; left: 1rem; bottom: .9rem; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.project-panel:hover img { transform: scale(1.035); }

.project-page { min-height: 100vh; padding: 11rem var(--pad) 7rem; }
.project-hero { min-height: 68svh; display: grid; grid-template-columns: 1.15fr .85fr; gap: 7vw; align-items: end; padding-bottom: 6rem; }
.project-hero > .eyebrow { grid-column: 1/-1; align-self: start; }
.project-hero h1 { margin: 0; font-size: clamp(4rem,10vw,10rem); font-weight: 300; letter-spacing: -.075em; line-height: .8; }
.project-intro { max-width: 39rem; font-size: clamp(1.1rem,1.7vw,1.45rem); line-height: 1.55; }
.project-note { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; }
.operation-series { border-top: 1px solid var(--line); }
.series-heading { display: grid; grid-template-columns: .5fr 1.5fr; gap: 4vw; align-items: baseline; padding: 2rem 0 5rem; }
.series-heading h2 { margin: 0; font-size: clamp(2.3rem,5vw,5rem); font-weight: 300; letter-spacing: -.05em; }
.series-heading div > p { max-width: 36rem; color: var(--muted); }
.series-heading div > .series-instruction { margin-top: .8rem; font-size: .82rem; line-height: 1.65; letter-spacing: .015em; color: color-mix(in srgb, var(--muted) 78%, transparent); }
.project-gallery { padding-bottom: 8rem; }
.project-index-entry { border-top: 1px solid var(--line); }
.project-index-link { display: grid; grid-template-columns: minmax(8rem,18rem) 1fr; gap: clamp(2rem,6vw,7rem); align-items: center; padding: 2rem 0; color: inherit; }
.project-index-image { display: block; aspect-ratio: 1; overflow: hidden; background: #0a0a0a; }
.project-index-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.project-index-link:hover img { transform: scale(1.025); }
.project-index-copy { display: grid; gap: .65rem; }
.project-index-copy small { color: var(--muted); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.project-index-copy strong { max-width: 55rem; font-size: clamp(2rem,5vw,5.8rem); font-weight: 300; letter-spacing: -.055em; line-height: .95; }
.project-index-copy i { color: var(--metal); font-size: .75rem; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
.series-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(1rem,2vw,2rem); }
.series-card { min-width: 0; color: inherit; }
.series-image { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: #0a0a0a; }
.series-image img, .series-image video { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.series-card:hover .series-image img, .series-card:focus-visible .series-image img, .series-card:hover .series-image video, .series-card:focus-visible .series-image video { transform: scale(1.018); }
.series-card-meta { position: relative; display: grid; gap: .35rem; padding: 1rem 2rem 0 0; }
.series-card-meta small { color: var(--muted); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.series-card-meta strong { font-size: clamp(1.15rem,1.8vw,1.55rem); font-weight: 400; }
.series-card-meta i { position: absolute; right: 0; bottom: .15rem; color: var(--metal); font-size: .72rem; font-style: normal; text-transform: uppercase; }
html[dir="rtl"] .series-card-meta { padding: 1rem 0 0; }
html[dir="rtl"] .series-card-meta i { position: static; justify-self: start; margin-top: .2rem; }
.artwork-detail { padding-top: 9rem; }
.artwork-detail-heading { display: grid; grid-template-columns: 4rem 1fr; gap: 1rem; align-items: end; margin-bottom: 2rem; border-top: 1px solid var(--line); padding-top: 1.5rem; }
.artwork-detail-heading > span { color: var(--metal); font-size: .8rem; letter-spacing: .1em; }
.artwork-detail-heading h1 { margin: 0; font-size: clamp(3rem,7vw,8rem); font-weight: 300; letter-spacing: -.06em; line-height: .86; }
.artwork-detail-nav { display: flex; justify-content: space-between; gap: 2rem; padding: 3rem 0 7rem; }
.artwork-detail-nav a { border-bottom: 1px solid currentColor; }
.operation-work { margin-bottom: 11rem; }
.operation-work > header { display: grid; grid-template-columns: 4rem 1fr; gap: 1rem; align-items: start; margin-bottom: 2rem; border-top: 1px solid var(--line); padding-top: 1.5rem; }
.operation-work > header > span { color: var(--metal); font-size: .8rem; letter-spacing: .1em; }
.operation-work h3 { margin: 0; font-size: clamp(2rem,4vw,4.5rem); font-weight: 300; letter-spacing: -.045em; }
.operation-series figure { margin: 0; }
.operation-series img { display: block; width: 100%; max-height: 90svh; object-fit: contain; background: #0a0a0a; }
.still-image-button { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; border: 0; background: #0a0a0a; color: var(--white); cursor: zoom-in; }
.still-image-button img { display: block; width: 100%; height: auto; object-fit: contain; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.still-image-button:hover img, .still-image-button:focus-visible img { transform: scale(1.012); }
.artwork-signature { position: absolute; right: clamp(.75rem,1.5vw,1.35rem); bottom: clamp(.65rem,1.3vw,1.15rem); z-index: 2; color: rgba(255,255,255,.42); font-size: clamp(.62rem,.75vw,.78rem); font-weight: 400; letter-spacing: .055em; text-shadow: 0 1px 4px rgba(0,0,0,.7); pointer-events: none; }
.work-image-button {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: #0a0a0a;
  color: var(--white);
  cursor: pointer;
  text-align: left;
}
.work-image-button::after {
  content: "";
  position: absolute;
  inset: 55% 0 0;
  background: linear-gradient(transparent, rgba(0,0,0,.62));
  opacity: .55;
  transition: opacity .35s ease;
}
.work-image-button img { transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.artwork-detail .work-image-button { aspect-ratio: 1; }
.work-image-button > video { display: block; width: 100%; height: 100%; object-fit: cover; background: #050505; }
.work-image-button:hover img,
.work-image-button:focus-visible img { transform: scale(1.012); }
.work-image-button:hover::after,
.work-image-button:focus-visible::after { opacity: 1; }
.work-play {
  position: absolute;
  z-index: 1;
  right: clamp(1rem,2vw,2rem);
  bottom: clamp(1rem,2vw,2rem);
  display: flex;
  align-items: center;
  gap: .8rem;
  font-size: .76rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.work-play i {
  width: 3rem;
  height: 3rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 50%;
  background: rgba(0,0,0,.24);
  backdrop-filter: blur(5px);
}
.work-play i::before { content: ""; margin-left: .18rem; border: .38rem solid transparent; border-left: .58rem solid currentColor; border-right: 0; }
.work-information { display: grid; grid-template-columns: .8fr 1.2fr; gap: 6vw; padding: 2rem 0 4rem; }
.work-description > p:first-child { max-width: 34rem; font-size: clamp(1.05rem,1.5vw,1.3rem); color: rgba(244,243,237,.8); }
.work-copyright { margin-top: 1.5rem; color: var(--muted); font-size: .86rem; }
.work-data { min-width: 0; }
.work-information dl { margin: 0; }
.work-information dl > div { display: grid; grid-template-columns: 8rem 1fr; gap: 1rem; padding: .55rem 0; border-top: 1px solid var(--line); }
.work-information dt { color: var(--muted); }
.work-information dd { margin: 0; }
.generative-details, .moving-image-data { margin-top: 2.25rem; }
.generative-details h4, .moving-image-data h4 { margin: 0 0 .75rem; font-size: .78rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--metal); }
.generative-details code { color: inherit; font: inherit; overflow-wrap: anywhere; }
.moving-image-data p { margin: 0; padding-top: .65rem; border-top: 1px solid var(--line); color: rgba(244,243,237,.84); }
.film-viewer {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  grid-template-columns: minmax(3rem,1fr) minmax(0, min(82vh, 82vw)) minmax(3rem,1fr);
  align-items: center;
  gap: 1rem;
  padding: 4.5rem var(--pad) 1.5rem;
  background: rgba(2,3,3,.97);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s;
}
.film-viewer.open { opacity: 1; visibility: visible; }
.film-viewer figure { margin: 0; }
.film-viewer video { display: block; width: 100%; max-height: calc(100svh - 8rem); aspect-ratio: 1; object-fit: contain; background: #000; }
.film-viewer figcaption { display: flex; justify-content: space-between; gap: 1.5rem; padding-top: .8rem; color: var(--muted); font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
.film-viewer figcaption strong { color: var(--white); font-weight: 400; }
.film-close,
.film-step { border: 0; background: transparent; color: var(--white); cursor: pointer; }
.film-close { position: absolute; top: 1.5rem; right: var(--pad); display: flex; align-items: center; gap: .6rem; font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
.film-close span { font-size: 1.8rem; font-weight: 200; line-height: 1; }
.film-step { width: 3.25rem; height: 3.25rem; justify-self: center; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; font-size: 1.2rem; }
.film-step:hover,
.film-step:focus-visible { border-color: var(--white); background: rgba(255,255,255,.08); }
body.film-open { overflow: hidden; }
.image-viewer { position: fixed; inset: 0; z-index: 100; display: grid; grid-template-columns: minmax(3rem,1fr) minmax(0,min(88vh,88vw)) minmax(3rem,1fr); align-items: center; gap: 1rem; padding: 4.5rem var(--pad) 1.5rem; background: rgba(2,3,3,.985); opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s; }
.image-viewer.open { opacity: 1; visibility: visible; }
.image-viewer figure { grid-column:2; grid-row:1; margin:0; min-width:0; }
.image-viewer .image-previous { grid-column:1; grid-row:1; }
.image-viewer .image-next { grid-column:3; grid-row:1; }
.image-viewer-frame { position: relative; }
.image-viewer img { display: block; width: 100%; max-height: calc(100svh - 8rem); object-fit: contain; background: #000; }
.image-viewer figcaption { padding-top: .8rem; color: var(--muted); font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
.image-close, .image-step { border: 0; background: transparent; color: var(--white); cursor: pointer; }
.image-close { position: absolute; top: 1.5rem; right: var(--pad); display: flex; align-items: center; gap: .6rem; font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
.image-close span { font-size: 1.8rem; font-weight: 200; line-height: 1; }
.image-step { width: 3.25rem; height: 3.25rem; justify-self: center; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; font-size: 1.2rem; }
.image-step:hover, .image-step:focus-visible { border-color: var(--white); background: rgba(255,255,255,.08); }
body.image-open { overflow: hidden; }
.back-to-works { display: inline-block; border-bottom: 1px solid currentColor; }

.mags-page { background: var(--ink); }
.mags-intro {
  min-height: 92svh;
  padding: 11rem var(--pad) 6rem;
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  gap: clamp(3rem,8vw,9rem);
  align-items: end;
}
.mags-kicker { color: var(--metal); font-size: .75rem; letter-spacing: .18em; text-transform: uppercase; }
.mags-title { margin: .7rem 0 2rem; font-size: clamp(5.5rem,15vw,14rem); font-weight: 300; letter-spacing: -.085em; line-height: .72; }
.mags-name { max-width: 26rem; color: var(--silver); font-size: clamp(1.05rem,1.8vw,1.5rem); line-height: 1.35; }
.mags-copy { align-self: end; padding-bottom: .4rem; }
.mags-tagline { max-width: 42rem; margin-bottom: 2rem; font-size: clamp(2rem,4vw,4.7rem); font-weight: 300; letter-spacing: -.045em; line-height: 1.03; }
.mags-description { max-width: 43rem; color: rgba(244,243,237,.72); font-size: clamp(1.05rem,1.45vw,1.3rem); line-height: 1.65; }
.mags-visual { margin: 0; position: relative; height: min(78vw,56rem); overflow: hidden; background: #090a09; }
.mags-visual video { width: 100%; height: 100%; display: block; object-fit: cover; }
.mags-visual figcaption { position: absolute; left: var(--pad); right: var(--pad); bottom: 1.5rem; display: flex; justify-content: space-between; gap: 2rem; color: rgba(255,255,255,.7); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.mags-status { display: grid; grid-template-columns: .65fr 1.35fr; gap: 5vw; padding: 7rem var(--pad); background: var(--paper); color: #141514; }
.mags-status .eyebrow { color: #70501f; }
.mags-status p:last-child { max-width: 43rem; font-size: clamp(1.35rem,2.5vw,2.6rem); line-height: 1.25; letter-spacing: -.025em; }

.research-page { background: var(--paper); color: #141514; }
.research-page .site-header { color: #111; }
.research-page .brand-button { color: #111; border-color: rgba(0,0,0,.35); background: rgba(213,213,208,.62); }
.research-page .main-nav a { color: rgba(0,0,0,.55); }
.research-page .main-nav a:hover,
.research-page .main-nav a[aria-current="page"] { color: #000; }
.research-hero {
  min-height: 92svh;
  padding: 11rem var(--pad) 6rem;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 7vw;
  align-items: end;
}
.research-hero .eyebrow { grid-column: 1 / -1; align-self: start; color: #735222; }
.research-hero h1 { margin: 0; max-width: 60rem; font-size: clamp(4rem,9vw,9.5rem); font-weight: 300; letter-spacing: -.075em; line-height: .82; }
.research-hero > p:last-child { max-width: 39rem; font-size: clamp(1.1rem,1.7vw,1.45rem); line-height: 1.6; }
.current-research,
.research-directions,
.selected-research { padding: 6rem var(--pad); }
.current-research { background: var(--ink); color: var(--white); }
.research-section-label { display: grid; grid-template-columns: 4rem 1fr; gap: 1rem; align-items: baseline; margin-bottom: 4rem; border-top: 1px solid currentColor; padding-top: 1rem; }
.research-section-label > span { color: var(--metal); font-size: .78rem; letter-spacing: .12em; }
.featured-research { display: grid; grid-template-columns: .9fr 1.1fr; gap: 8vw; }
.research-status,
.research-type { color: var(--muted); font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; }
.featured-research-authors { margin:.8rem 0 0; color:rgba(244,243,237,.68); font-size:.82rem; line-height:1.5; }
.featured-research h2 { margin: 1.4rem 0 0; font-size: clamp(3.5rem,7vw,7.5rem); font-weight: 300; line-height: .84; letter-spacing: -.065em; }
.featured-research-copy > p { max-width: 43rem; font-size: clamp(1.1rem,1.6vw,1.4rem); line-height: 1.6; color: rgba(244,243,237,.82); }
.featured-research dl { margin: 3rem 0; }
.featured-research dl > div { display: grid; grid-template-columns: 9rem 1fr; gap: 1rem; padding: .7rem 0; border-top: 1px solid var(--line); }
.featured-research dt { color: var(--muted); }
.featured-research dd { margin: 0; }
.research-action { display: inline-flex; gap: 2rem; justify-content: space-between; min-width: 15rem; padding-bottom: .45rem; border-bottom: 1px solid currentColor; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.research-lineage { margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.22); color:rgba(255,255,255,.72); font-size:.95rem; }
.research-directions { background: #bfc0bb; }
.research-directions .eyebrow,
.selected-research .eyebrow { color: #735222; }
.direction-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: rgba(0,0,0,.22); }
.direction-grid article { min-height: 21rem; padding: 1.7rem; background: #bfc0bb; display: flex; flex-direction: column; }
.direction-grid article > span { font-size: .75rem; letter-spacing: .12em; }
.direction-grid h3 { margin: auto 0 1rem; max-width: 15rem; font-size: clamp(1.5rem,2.4vw,2.5rem); font-weight: 300; line-height: 1; letter-spacing: -.035em; }
.direction-grid p { margin: 0; color: rgba(0,0,0,.66); }
.selected-research { padding-bottom: 8rem; }
.research-list { border-bottom: 1px solid rgba(0,0,0,.3); }
.research-list article { display: grid; grid-template-columns: 5rem minmax(0,1fr) minmax(8rem,.28fr); gap: 2rem; align-items: start; padding: 2rem 0 2.5rem; border-top: 1px solid rgba(0,0,0,.3); }
.research-year { color: #735222; font-size: .78rem; letter-spacing: .1em; }
.research-list h3 { margin: .4rem 0 .8rem; max-width: 58rem; font-size: clamp(1.5rem,2.8vw,3rem); font-weight: 300; line-height: 1.05; letter-spacing: -.035em; }
.research-list article div > p:last-child { max-width: 47rem; color: rgba(0,0,0,.62); }
.research-list .research-type { color: rgba(0,0,0,.5); }
.research-mark { justify-self: end; padding-bottom: .3rem; border-bottom: 1px solid currentColor; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.research-list span.research-mark { color: rgba(0,0,0,.45); border: 0; }
.research-entry { grid-column:2 / 4; }
.research-entry > .research-meta { margin-top:.8rem; color:rgba(0,0,0,.55); font-size:.82rem; letter-spacing:.04em; }
.research-entry > .research-authors { margin:.55rem 0 0; color:rgba(0,0,0,.68); font-size:.82rem; line-height:1.5; }
.research-title-link { display:flex; justify-content:space-between; gap:2rem; align-items:flex-start; color:inherit; text-decoration:none; font-size:clamp(1.25rem,2vw,2rem); line-height:1.2; }
.research-title-link span { transition:transform .2s ease; }
.research-title-link:hover span { transform:translate(3px,-3px); }
.research-summary { margin-top:1.6rem; }
.research-summary > div { display:grid; grid-template-columns:8rem minmax(0,1fr); gap:1.5rem; padding:.75rem 0; border-top:1px solid rgba(0,0,0,.14); }
.research-summary dt { font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; }
.research-summary dd { max-width:48rem; color:rgba(0,0,0,.67); line-height:1.55; }
.orcid-record { margin-top: 5rem; padding: 2rem 0; display: flex; justify-content: space-between; gap: 2rem; align-items: baseline; border-top: 1px solid rgba(0,0,0,.3); border-bottom: 1px solid rgba(0,0,0,.3); }
.orcid-record span { color: rgba(0,0,0,.55); }
.orcid-record strong { font-size: clamp(1rem,2vw,1.5rem); font-weight: 400; }
.research-page .site-footer { border-color: rgba(0,0,0,.2); color: rgba(0,0,0,.58); }

.exhibition-hero { position:relative; min-height:100svh; overflow:hidden; background:#020303; }
.exhibition-hero video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.74; }
.exhibition-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(1,2,2,.86),rgba(1,2,2,.12) 62%),linear-gradient(0deg,rgba(1,2,2,.62),transparent 55%); }
.exhibition-title { position:absolute; z-index:1; left:var(--pad); bottom:clamp(3.5rem,9vh,7rem); }
.exhibition-title h1 { margin:0 0 1.5rem; max-width:70rem; font-size:clamp(4rem,10vw,10rem); font-weight:300; letter-spacing:-.075em; line-height:.78; }
.exhibition-title h1 span { display:block; }
.exhibition-title > p:last-child { margin:0; color:rgba(255,255,255,.75); font-size:clamp(.95rem,1.4vw,1.2rem); }
.exhibition-title > p:last-child em { font-weight:300; }
.exhibition-status { position:absolute; z-index:1; right:var(--pad); bottom:clamp(3.5rem,9vh,7rem); padding:.75rem 1rem; border:1px solid rgba(255,255,255,.5); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; }
.exhibition-statement { display:grid; grid-template-columns:.55fr 1.45fr; gap:7vw; padding:8rem var(--pad); background:var(--paper); color:#141514; }
.exhibition-statement > div:first-child { display:flex; gap:2rem; align-items:flex-start; }
.exhibition-statement > div:first-child > span { color:#735222; font-size:.75rem; letter-spacing:.12em; }
.exhibition-statement .eyebrow { color:#735222; }
.exhibition-lead { max-width:58rem; font-size:clamp(1.7rem,3.3vw,3.7rem); line-height:1.08; letter-spacing:-.035em; }
.exhibition-statement em { font-style:italic; font-weight:300; }
.exhibition-statement > div:last-child > p:last-child { max-width:43rem; margin-top:3rem; color:rgba(0,0,0,.66); font-size:1.05rem; }
.exhibition-specs { display:grid; grid-template-columns:repeat(3,1fr); padding:0 var(--pad) 7rem; background:var(--paper); color:#141514; }
.exhibition-specs > div { min-height:10rem; padding:1.25rem 1.5rem 1.5rem 0; border-top:1px solid rgba(0,0,0,.28); display:flex; flex-direction:column; justify-content:space-between; }
.exhibition-specs span { color:rgba(0,0,0,.52); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }
.exhibition-specs strong { max-width:17rem; font-size:1.15rem; font-weight:400; }
.exhibition-release { padding:8rem var(--pad); }
.exhibition-release h2 { margin:0 0 4rem; font-size:clamp(3.5rem,8vw,8rem); font-weight:300; letter-spacing:-.065em; }
.coming-link { display:flex; justify-content:space-between; gap:2rem; padding:1.2rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:rgba(255,255,255,.55); text-transform:uppercase; letter-spacing:.1em; font-size:.78rem; }
.coming-link b { color:var(--metal); font-weight:400; }

.contact-page { background:var(--paper); color:#141514; }
.contact-page .site-header { color:#111; }
.contact-page .brand-button { color:#111; border-color:rgba(0,0,0,.35); background:rgba(213,213,208,.62); }
.contact-page .main-nav a { color:rgba(0,0,0,.55); }
.contact-page .main-nav a:hover,.contact-page .main-nav a[aria-current="page"] { color:#000; }
.contact-main { min-height:100vh; padding:11rem var(--pad) 7rem; }
.contact-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:7vw; align-items:end; padding-bottom:6rem; }
.contact-heading .eyebrow { grid-column:1/-1; color:#735222; }
.contact-heading h1 { margin:0; font-size:clamp(4rem,9vw,9rem); font-weight:300; letter-spacing:-.075em; line-height:.82; }
.contact-heading > p:last-child { max-width:31rem; font-size:clamp(1.05rem,1.6vw,1.35rem); }
.contact-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:8vw; padding-top:2rem; border-top:1px solid rgba(0,0,0,.3); }
.contact-identity { padding-top:1rem; }
.contact-identity > span { display:block; color:#735222; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; }
.contact-identity > strong { display:block; margin:1.2rem 0; font-size:clamp(1.6rem,3vw,3rem); font-weight:300; letter-spacing:-.035em; }
.contact-identity > p { max-width:26rem; color:rgba(0,0,0,.62); }
.contact-identity dl { margin-top:3rem; }
.contact-identity dl > div { padding:.8rem 0; border-top:1px solid rgba(0,0,0,.18); }
.contact-identity dt { color:rgba(0,0,0,.5); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; }
.contact-identity dd { margin:.3rem 0 0; }
.contact-identity dd a { border-bottom:1px solid currentColor; }
.contact-form { padding-top:1rem; }
.contact-field { display:grid; grid-template-columns:8rem 1fr; gap:1rem; align-items:start; padding:1rem 0; border-top:1px solid rgba(0,0,0,.3); }
.contact-field label { font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; }
.contact-field input,.contact-field textarea { width:100%; padding:0 0 .35rem; border:0; border-bottom:1px solid rgba(0,0,0,.14); border-radius:0; background:transparent; color:inherit; font:inherit; outline:none; resize:vertical; }
.contact-field--message textarea { min-height:15rem; line-height:1.6; }
.contact-field input:focus,.contact-field textarea:focus { border-color:#735222; }
.contact-form button { width:100%; display:flex; justify-content:space-between; margin-top:1.5rem; padding:1.15rem 0; border:0; border-top:1px solid rgba(0,0,0,.35); border-bottom:1px solid rgba(0,0,0,.35); background:transparent; color:#141514; cursor:pointer; text-align:left; text-transform:uppercase; letter-spacing:.1em; transition:color .2s,border-color .2s; }
.contact-form button:hover,.contact-form button:focus-visible { color:#735222; border-color:#735222; }
.contact-form-note { margin-top:.75rem; color:rgba(0,0,0,.5); font-size:.78rem; }
.contact-page .site-footer { border-color:rgba(0,0,0,.2); color:rgba(0,0,0,.58); }

.site-footer { display: flex; justify-content: space-between; gap: 2rem; padding: 2rem var(--pad); border-top: 1px solid var(--line); color: var(--muted); font-size: .78rem; }
.artist-page .site-footer { border-color: rgba(0,0,0,.2); color: rgba(0,0,0,.6); }

@media (max-width: 900px) {
  .main-nav { display: none; }
  .menu-toggle { display:grid; place-items:center; width:3.2rem; height:3.2rem; padding:0; border:0; background:transparent; color:#fff; font-size:1.55rem; line-height:1; mix-blend-mode:difference; }
  .artist-hero { grid-template-columns: 1fr; padding-top: 8rem; }
  .portrait-field { width: min(72vw, 24rem); justify-self: end; }
  .works-grid { grid-template-columns: 1fr 1fr; }
  .project-hero { grid-template-columns: 1fr; }
  .work-information { grid-template-columns: 1fr; }
  .statement { grid-template-columns: 1fr; }
  .mags-intro { grid-template-columns: 1fr; align-items: start; }
  .mags-status { grid-template-columns: 1fr; }
  .research-hero,
  .featured-research { grid-template-columns: 1fr; }
  .exhibition-statement,.contact-heading,.contact-layout { grid-template-columns:1fr; }
  .exhibition-specs { grid-template-columns:repeat(2,1fr); }
  .direction-grid { grid-template-columns: 1fr; }
  .direction-grid article { min-height: 16rem; }
  .hero-copy { bottom: 17rem; }
  .home-index-panel { right: var(--pad); left: var(--pad); bottom: 2rem; width:auto; }
}
@media (max-width: 620px) {
  .site-header { padding-top: 1.2rem; }
  .brand-button { width: 3.2rem; height: 3.2rem; }
  .hero { min-height: 48rem; }
  .hero-copy { bottom: 16.5rem; }
  .home-index-panel { height:4.8rem; }
  .home-index-row { min-height:4.8rem; padding:.85rem 1rem; }
  .hero h1 { font-size: clamp(3.4rem, 19vw, 5.4rem); }
  .works-grid { grid-template-columns: 1fr; }
  .works-title { display: block; }
  .project-heading { grid-template-columns: 2.5rem 1fr; }
  .project-arrow { grid-column: 2; justify-self: start; }
  .project-triptych { grid-template-columns: 1fr; }
  .project-page { padding-top: 8.5rem; }
  .project-hero { min-height: auto; padding-bottom: 4rem; }
  .series-heading { grid-template-columns: 1fr; }
  .series-gallery { grid-template-columns: 1fr; gap: 3rem; }
  .project-index-link { grid-template-columns: 7rem 1fr; gap: 1.25rem; }
  .artwork-detail-heading { grid-template-columns: 2rem 1fr; }
  .operation-work { margin-bottom: 7rem; }
  .operation-work > header { grid-template-columns: 2rem 1fr; }
  .film-viewer { grid-template-columns: 2.7rem minmax(0,1fr) 2.7rem; gap: .35rem; padding-inline: .5rem; }
  .film-step { width: 2.55rem; height: 2.55rem; }
  .film-viewer figcaption { flex-direction: column; gap: .2rem; padding-inline: .5rem; }
  .image-viewer { grid-template-columns: 2.7rem minmax(0,1fr) 2.7rem; gap: .35rem; padding-inline: .5rem; }
  .image-step { width: 2.55rem; height: 2.55rem; }
  .image-viewer figcaption { padding-inline: .5rem; }
  .work-information dl > div { grid-template-columns: 6.5rem 1fr; }
  .mags-intro { padding-top: 8.5rem; }
  .mags-title { font-size: 28vw; }
  .mags-visual { height: 78svh; }
  .mags-visual figcaption { flex-direction: column; gap: .3rem; }
  .profile-row { grid-template-columns: 2.5rem 1fr 1.5rem; }
  .profile-row > p { grid-column: 2 / 4; }
  .profile-detail { grid-column: 2 / 4; }
  .artist-name { font-size: 18vw; }
  .record-list li { grid-template-columns: 1fr; gap: .25rem; }
  .publication-list li { grid-template-columns: 3.4rem 1fr; gap: .75rem; }
  .awards-list li { grid-template-columns:3.4rem 1fr; gap:.75rem; }
  .site-footer { flex-direction: column; }
  .research-hero { min-height: auto; padding-top: 8.5rem; }
  .current-research,
  .research-directions,
  .selected-research { padding-block: 4.5rem; }
  .research-list article { grid-template-columns: 3.3rem 1fr; gap: 1rem; }
  .research-entry { grid-column:2; }
  .research-title-link { gap:1rem; }
  .research-summary > div { grid-template-columns:1fr; gap:.35rem; }
  .research-mark { grid-column: 2; justify-self: start; }
  .featured-research dl > div { grid-template-columns: 7rem 1fr; }
  .orcid-record { flex-direction: column; gap: .5rem; }
  .exhibition-status { top:8.5rem; right:var(--pad); bottom:auto; }
  .exhibition-statement { padding-block:5rem; }
  .exhibition-statement > div:first-child { gap:1rem; }
  .exhibition-specs { grid-template-columns:1fr; }
  .contact-main { padding-top:8.5rem; }
  .contact-heading { padding-bottom:4rem; }
  .contact-field { grid-template-columns:1fr; gap:.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
}

/* Bilingual navigation and Arabic reading direction */
.language-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  min-width: 3.25rem;
  padding: .55rem .8rem;
  border: 1px solid rgba(255,255,255,.38);
  background: rgba(5,6,6,.34);
  color: var(--white);
  font-size: .88rem;
  line-height: 1;
  white-space: nowrap;
  backdrop-filter: blur(12px);
}
.language-switch:hover,
.language-switch:focus-visible { border-color: currentColor; }
.research-page .language-switch {
  border-color: rgba(0,0,0,.35);
  background: rgba(213,213,208,.82);
  color: #111;
}
.arabic-page {
  direction: rtl;
  text-align: right;
  font-family: Tahoma, Arial, sans-serif;
  letter-spacing: 0;
}
.arabic-page .site-header { direction: ltr; }
.arabic-page .main-nav,
.arabic-page .menu-panel nav { direction: rtl; }
.arabic-page .menu-panel nav { text-align: right; }
.arabic-page .eyebrow,
.arabic-page .research-status,
.arabic-page .research-meta,
.arabic-page .research-type { letter-spacing: 0; }
.arabic-page h1,
.arabic-page h2,
.arabic-page h3,
.arabic-page h4 { letter-spacing: 0; line-height: 1.25; }
.arabic-page code,
.arabic-page .research-year { direction: ltr; unicode-bidi: isolate; }
.arabic-page .research-summary dd,
.arabic-page .featured-research dd { text-align: right; }
@media (max-width: 900px) {
  .language-switch { min-height: 2.6rem; }
}
.arabic-page .original-title {
  display: inline-block;
  margin-inline-start: .25rem;
  font-size: .78em;
  font-weight: 400;
  line-height: 1.45;
  unicode-bidi: isolate;
}