/* Artist edition — 16 September 2026.
   The supplied orange/black magazine references define this world.
   Archivo's real width axis provides condensed lettering, without scaling text.
   Layers: document 0, breadcrumb 9, header/footer 10, native dialogs top layer. */
.artist-edition {
  --paper: #f4f4ef;
  --ink: #101010;
  --muted: #575750;
  --accent-surface: #ff4b00;
  --accent: #bc3200;
  --rule: #c9c9c1;
  --edition-gutter: clamp(18px, 3vw, 54px);
  --edition-display: 'Reference Archivo', Helvetica, Arial, sans-serif;
  color-scheme: light;
}
.artist-edition .edge-header {
  height: 76px;
  background: var(--paper);
  border-bottom: 1px solid var(--rule);
}
.artist-edition .small-identity {font-size: 12px; letter-spacing: -.02em}
.artist-edition .menu-trigger {top: 12px; color: var(--ink)}
.artist-edition .menu-trigger:hover {color: var(--accent)}
.artist-edition .contact-link {font-size: 13px}
.artist-edition .portfolio-breadcrumbs {top: 76px; min-height: 36px}
.artist-edition .portfolio-breadcrumbs a {min-height: 36px}
.artist-edition .portfolio-breadcrumbs [aria-current] {padding: 8px 0}
.artist-edition .edge-footer {
  background: var(--paper);
  border-top: 1px solid var(--rule);
  min-height: 65px;
}
.artist-edition .view-switch a {font-size: 14px}
.artist-edition .photo-surface {scroll-padding-top: 120px; padding-bottom: 65px}
.artist-edition .edition-cover,
.artist-edition .edition-contents {display: none}
.artist-edition[data-view=overview] .edition-cover {
  display: grid;
  grid-template-columns: min(44%, calc((100svh - 206px) * .666667), 506px) minmax(0, 1fr);
  margin: 124px var(--edge) 0;
  min-height: 0;
  height: auto;
  align-items: start;
  background: var(--accent-surface);
}
.cover-photograph {
  position: relative;
  min-height: 0;
  background: transparent;
  color: var(--ink);
  padding: 0;
}
.cover-photograph a {display: block}
.cover-photograph img {display: block; width: 100%; height: auto}
.cover-photograph figcaption {position: absolute; left: 12px; bottom: 12px; padding: 5px 8px; background: var(--paper); font-size: 11px; pointer-events: none}
.cover-type {
  container-type: inline-size;
  align-self: stretch;
  background: var(--accent-surface);
  color: var(--ink);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(22px, 3vw, 48px);
  min-width: 0;
}
body.artist-edition .central-name {
  position: static;
  transform: none;
  width: auto;
  max-width: none;
  text-align: left;
  font-family: var(--edition-display);
  font-stretch: 70%;
  font-weight: 800;
  font-size: 14.5vw;
  font-size: clamp(38px, min(30cqw, 21svh), 250px);
  letter-spacing: -.015em;
  line-height: .83;
  pointer-events: auto;
}
.artist-edition .central-name .name-line {
  display: block;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  text-transform: uppercase;
}
.cover-caption {display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-top: 25px}
.cover-caption p {font-size: 13px; line-height: 1.5}
.cover-caption a {display: flex; align-items: center; gap: 20px; min-height: 44px; font-size: 12px; border-bottom: 1px solid var(--ink)}
.cover-caption a span {font-size: 25px}
.cover-type :focus-visible {outline-color: var(--ink)}
.artist-edition[data-view=overview] .edition-contents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7vw;
  padding: 75px var(--edition-gutter) 65px;
}
.edition-contents h2,
.folio-heading h2,
.artist-edition .chapter-intro h2,
.artist-edition .chapter-name,
.artist-edition .collection-heading h2,
.artist-edition .prints-intro h2,
.artist-edition .reading-hero h1,
.artist-edition .c-h1,
.artist-edition .c-h,
.artist-edition .post-t,
.artist-edition .ink-statement blockquote,
.artist-edition .journal-interlude h2,
.artist-edition .territory-spread h2,
.artist-edition .field-notes h2,
.artist-edition .reading-signature {
  font-family: var(--edition-display);
  font-stretch: 70%;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.015em;
  line-height: .94;
}
.edition-contents h2 {font-size: clamp(62px, 8vw, 125px)}
.edition-contents p {font-size: 14px; line-height: 1.6; margin-top: 25px}
.edition-contents nav {align-self: center}
.edition-contents nav a {display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--rule)}
.edition-contents nav a:first-child {border-top: 1px solid var(--rule)}
.edition-contents nav span {font-size: clamp(19px, 2vw, 30px); font-weight: 600; letter-spacing: -.03em}
.edition-contents nav small {font-size: 11px; white-space: nowrap}
.edition-contents nav a:hover {color: var(--accent)}
.artist-edition[data-view=overview] .photographic-field {
  width: auto;
  margin: 0;
  padding: 0 var(--edition-gutter) 65px;
  display: block;
}
.folio-heading {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 25px;
  background: var(--accent-surface);
  color: var(--ink);
  padding: 30px;
  margin-top: 30px;
}
.folio-heading h2 {font-size: clamp(50px, 6.3vw, 104px); max-width: 15ch}
.folio-heading p {font-size: 12px; white-space: nowrap; padding-bottom: 5px}
.folio-heading a {display: block}
.folio-heading a:hover {text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px}
.folio-monochrome {background: var(--ink); color: var(--paper)}
.artist-edition[data-view=overview] .plate,
.artist-edition[data-view=chapter] .plate:nth-child(n) {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: start;
  grid-column: auto;
  height: auto;
  min-height: 0;
  transform: none;
  margin: 0;
}
.artist-edition[data-view=overview] .plate > a[data-photo],
.artist-edition[data-view=chapter] .plate > a[data-photo] {
  width: 100%;
  height: auto;
  aspect-ratio: var(--photo-ratio);
}
.artist-edition[data-view=overview] .plate img,
.artist-edition[data-view=chapter] .plate img {position: static; width: 100%; height: auto; max-height: none; margin: 0}
.artist-edition[data-view=overview] .plate figcaption,
.artist-edition[data-view=chapter] .plate figcaption {position: static; display: flex; justify-content: space-between; gap: 12px; opacity: 1; margin-top: 12px; font-size: 11px; line-height: 1.4}
.artist-edition .plate figcaption span + span::before {content: none}
.artist-edition[data-view=overview] .plate figcaption span:last-child {color: var(--muted); text-align: right}
.folio-group {margin-bottom: 46px}
.folio-grid {display: grid; gap: 32px}
.photo-row {display: flex; align-items: flex-start; gap: 32px}
.artist-edition .photo-row > .plate {flex: var(--photo-weight, 1) 1 0%; min-width: 0; width: auto; margin: 0}
/* Une planche dont la photographie n'est pas encore là garde sa place et se
   lit comme un tirage en attente, pas comme un trou dans la page. */
.artist-edition .photo-row > .plate a[data-photo] {background: #eae7e1}
.artist-edition .photo-row > .plate img {background: transparent}

.artist-edition .folio-heading {margin: 0 0 30px}
.artist-edition .folio-group:last-child {margin-bottom: 0}
.artist-edition[data-view=overview] .plate > a:hover,
.artist-edition[data-view=chapter] .plate > a:hover {transform: none; opacity: .88}
.artist-edition .field-end {text-align: left; padding: 45px var(--edition-gutter) 35px; background: var(--ink); color: var(--paper); display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap}
.artist-edition .field-end > span {font-size: clamp(32px, 4vw, 62px); font-stretch: 70%; font-weight: 800; text-transform: uppercase}
.artist-edition .field-end a {padding: 14px 0; font-size: 13px; text-decoration: underline; text-underline-offset: 5px}
.artist-edition .chapter-surface {padding: 130px var(--edition-gutter) 100px}
.artist-edition .chapter-intro {margin: 0 0 35px; padding: 30px; background: var(--ink); color: var(--paper)}
.artist-edition .chapter-intro h2 {font-size: clamp(90px, 12vw, 190px)}
.artist-edition .chapter-intro p {font-size: 13px}
.artist-edition .chapter-link {grid-template-columns: 35px minmax(0, 1fr) minmax(220px, .6fr); gap: 30px; padding: 32px 0; align-items: center}
.artist-edition .chapter-name {font-size: clamp(42px, 5.5vw, 88px); padding: 0; max-width: 13ch}
.artist-edition .chapter-link:hover .chapter-name {transform: none; color: var(--accent)}
.artist-edition .chapter-note {padding: 0; font-family: 'Reference Archivo', sans-serif; font-stretch: normal; text-transform: none; font-weight: 400; font-size: 14px; line-height: 1.6; letter-spacing: 0; max-width: 42ch; margin-top: 20px; color: var(--muted)}
.artist-edition .chapter-number {align-self: start; padding-top: 8px}
.artist-edition .chapter-total {grid-column: 2; grid-row: 2; text-align: left; align-self: start; font-size: 12px; margin-top: -10px}
.artist-edition .chapter-link img {position: static; grid-column: 3; grid-row: 1 / 3; width: 100%; height: 300px; opacity: 1; transform: none; object-fit: contain; object-position: right center}
.artist-edition .collection-heading {padding: 155px var(--edition-gutter) 40px; display: grid; grid-template-columns: 1.2fr 1fr; align-items: end; gap: 25px 8vw}
.artist-edition .collection-heading > a {grid-column: 1 / -1; width: fit-content; min-height: 44px; display: flex; align-items: center}
.artist-edition .collection-heading h2 {font-size: clamp(65px, 9vw, 150px); margin: 0; max-width: 13ch}
.artist-edition .collection-heading p {font-size: 15px; line-height: 1.7}
.artist-edition[data-view=chapter] .photographic-field {display: block; padding: 20px var(--edition-gutter) 45px}
body.artist-edition[data-view=chapter] .photo-row {margin-bottom: 40px; gap: 5vw}
body.artist-edition[data-view=chapter] .photographic-field > .chapter-lead {display: block; column-span: all; max-width: 1100px; margin: 0 auto 48px}
body.artist-edition[data-view=chapter] .chapter-lead img {max-height: 78svh; object-fit: contain}
body.artist-edition[data-view=chapter] .chapter-lead > a[data-photo] {aspect-ratio: auto}
.artist-edition .navigation {padding: 90px var(--edition-gutter) 30px}
.artist-edition .navigation .main-links {align-items: stretch; counter-reset: contents}
.artist-edition .navigation .main-links a {font-stretch: 70%; font-size: clamp(42px, min(8vw, 9.8svh), 120px); font-weight: 800; line-height: .95; text-transform: uppercase; letter-spacing: -.015em; counter-increment: contents; display: flex; align-items: baseline; gap: 25px; min-height: 44px}
.artist-edition .navigation .main-links a::before {content: counter(contents, decimal-leading-zero); font-size: .28em; font-stretch: normal; letter-spacing: 0}
.artist-edition .navigation .main-links a[aria-current] {text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px}
.artist-edition .navigation .menu-bottom {font-size: 13px}
.artist-edition .prints-intro h2 {font-size: clamp(64px, 9vw, 130px)}
.artist-edition[data-view=index] {--paper: #f4f4ef; --ink: #101010}
.artist-edition[data-view=index] .prints-intro {padding-top: 145px}
.artist-edition[data-view=index] .plate > a[data-photo] {background: transparent}
.artist-edition.reading-page #main {padding-top: 76px}
.artist-edition.reading-page .breadcrumbs {margin-inline: var(--edition-gutter)}
.artist-edition .reading-hero h1,
.artist-edition .c-h1,
.artist-edition .c-h {font-size: clamp(70px, 11vw, 180px); max-width: none}
.artist-edition .about-cover {margin: 10px var(--edition-gutter) 55px; display: grid; grid-template-columns: 1.1fr .9fr; background: var(--accent-surface); color: var(--ink)}
.artist-edition .about-cover .reading-hero {display: flex; flex-direction: column; align-items: start; justify-content: space-between; gap: 45px; padding: 35px}
.artist-edition .about-cover .reading-hero h1 {font-size: clamp(76px, 10vw, 170px); max-width: 8ch; text-wrap: initial}
.artist-edition .reading-hero h1 span {color: inherit}
.artist-edition .about-cover .about-opening {font-size: 16px; line-height: 1.6; margin: 0}
.artist-edition .about-cover .about-photograph {position: static; width: 100%; min-height: 0; padding: 25px; background: var(--ink)}
.artist-edition .about-cover .about-photograph img {height: min(610px, 68svh); width: 100%; object-fit: contain; object-position: center}
.artist-edition .about-cover .about-photograph figcaption {color: var(--paper)}
.artist-edition .edition-about-text {display: block; padding: 0 var(--edition-gutter) 65px}
.artist-edition .edition-about-text .about-text {display: grid; grid-template-columns: 1fr 1fr; gap: 30px 9vw; padding: 0}
.artist-edition .reading-intro {font-size: clamp(28px, 3.2vw, 48px); line-height: 1.22; letter-spacing: -.015em; max-width: 23ch}
.artist-edition .about-essay {margin: 0; max-width: 52ch; font-size: 16px}
.artist-edition .about-essay h2 {color: var(--ink); font-size: 27px}
.artist-edition .about-notes {grid-column: 2; margin: 0; font-size: 13px}
.artist-edition .ink-statement {background: var(--ink); color: var(--paper); padding: 60px var(--edition-gutter)}
.artist-edition .ink-statement blockquote {font-size: clamp(45px, 7vw, 110px); max-width: 24ch}
.artist-edition .ink-statement em {color: var(--accent-surface); font-style: normal; font-weight: inherit}
.artist-edition .ink-statement a {border-color: var(--paper)}
.artist-edition .territory-spread {padding: 65px var(--edition-gutter); gap: 8vw}
.artist-edition .territory-spread h2 {font-size: clamp(54px, 7vw, 110px)}
.artist-edition .field-notes {margin-inline: var(--edition-gutter)}
.artist-edition .field-notes h2 {font-size: clamp(40px, 5vw, 78px)}
.artist-edition .reading-next {margin-inline: var(--edition-gutter); padding-block: 28px}
.artist-edition .reading-footer {margin-inline: var(--edition-gutter); padding-block: 28px}
.artist-edition .reading-signature {font-size: 40px}
.artist-edition.journal-page .c-hero {margin: 10px var(--edition-gutter) 0; padding: 32px; background: var(--accent-surface); color: var(--ink)}
.artist-edition.journal-page .c-hero-inner {display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); align-items: end; gap: 40px}
.artist-edition.journal-page .c-h1 {color: var(--ink); font-size: clamp(64px, 12vw, 200px); line-height: .9; white-space: nowrap; overflow-wrap: normal; word-break: normal}
.artist-edition.journal-page .c-lead {font-size: 17px; max-width: 36ch; margin: 0; line-height: 1.6; letter-spacing: 0}
.artist-edition.journal-page .post-list {margin: 0 var(--edition-gutter)}
.artist-edition.journal-page .post-feature {grid-template-columns: 1fr 1fr; grid-template-areas: 'photo photo' 'copy copy'; gap: 28px; padding-top: 24px; padding-bottom: 55px}
.artist-edition.journal-page .post-feature .post-image {height: auto; max-height: 78svh; width: 100%; object-fit: contain; object-position: left}
.artist-edition.journal-page .post-feature .post-copy {display: grid; grid-template-columns: 1.3fr 1fr; gap: 0 7vw}
.artist-edition.journal-page .post-t {font-size: clamp(42px, 5.2vw, 82px); max-width: 20ch}
.artist-edition.journal-page .post-feature .post-t {font-size: clamp(52px, 6.5vw, 104px); grid-row: span 3; max-width: 18ch}
.artist-edition.journal-page .post-x {margin-top: 20px; font-size: 16px}
.artist-edition.journal-page .post-tag {margin-top: 10px; font-size: 12px}
.artist-edition.journal-page .read-story {width: fit-content; margin-top: 12px}
.artist-edition .journal-interlude {margin-inline: calc(-1 * var(--edition-gutter)); padding: 45px var(--edition-gutter); background: var(--ink); color: var(--paper)}
.artist-edition .journal-interlude h2 {font-size: clamp(60px, 8vw, 128px)}
.artist-edition .journal-interlude h2 em {font-weight: inherit; color: var(--accent-surface)}
.artist-edition .journal-interlude figcaption {color: var(--paper)}
.artist-edition .journal-interlude a {border-color: var(--paper)}
.artist-edition .journal-interlude :focus-visible {outline-color: var(--paper)}
.artist-edition.article-page .c-h1 {font-size: clamp(58px, 8vw, 130px)}
.artist-edition.article-page .c-hero {padding-inline: var(--edition-gutter)}
.artist-edition .contact-hero {padding-inline: var(--edition-gutter)}
.artist-edition .contact-grid {margin-inline: var(--edition-gutter)}
@media (max-width: 850px) {
  .cover-caption {display: block}
  .cover-caption a {width: fit-content; margin-top: 10px}
  body.artist-edition .central-name {font-size: clamp(38px, 30cqw, 170px)}
  .artist-edition .chapter-link {grid-template-columns: 24px 1fr 32%; gap: 20px}
  .artist-edition .chapter-link img {height: 240px}
  .artist-edition .chapter-name {font-size: 48px}
  .artist-edition .chapter-note {font-size: 13px}
  .artist-edition .about-cover .reading-hero {padding: 25px}
  .artist-edition .about-cover .reading-hero h1 {font-size: 11vw}
  .artist-edition .reading-footer {grid-template-columns: 1fr}
  .artist-edition .reading-footer > nav {justify-content: start}
}
@media (max-width: 600px) {
  .artist-edition .edge-header {height: 70px}
  .artist-edition .small-identity {font-size: 10px}
  .artist-edition .small-identity span {font-size: 10px}
  .artist-edition .menu-trigger {top: 9px; font-size: 12px; left: 62%}
  .artist-edition .contact-link {font-size: 12px}
  .artist-edition .portfolio-breadcrumbs {top: 70px; min-height: 34px}
  .artist-edition .edge-footer {height: 84px; min-height: 84px; padding-bottom: max(10px, env(safe-area-inset-bottom))}
  .artist-edition .view-switch {top: 0; gap: 25px}
  .artist-edition .view-switch a {font-size: 13px}
  .artist-edition .studio-credit,.artist-edition .image-count {font-size: 9px}
  .artist-edition .photo-surface {padding-bottom: 84px}
  .artist-edition[data-view=overview] .edition-cover {margin: 114px 12px 0; min-height: 0; height: auto; grid-template-columns: 1fr 1fr}
  .cover-photograph {padding: 0}
  .cover-photograph figcaption {font-size: 10px; left: 9px; bottom: 9px}
  .cover-type {padding: 12px 10px}
  body.artist-edition .central-name {font-size: clamp(34px, 29cqw, 91px); line-height: .87; letter-spacing: -.035em}
  .cover-caption {margin-top: 12px}
  .cover-caption p {font-size: 10px; line-height: 1.35}
  .cover-caption a {font-size: 11px; line-height: 1.35; gap: 8px; margin-top: 9px; min-height: 44px}
  .cover-caption a span {font-size: 21px}
  .artist-edition[data-view=overview] .edition-contents {padding: 35px var(--edition-gutter) 20px; grid-template-columns: 1fr; gap: 25px}
  .edition-contents > div {display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: end}
  .edition-contents h2 {font-size: 58px}
  .edition-contents p {font-size: 12px; line-height: 1.5; margin: 0}
  .edition-contents nav a {padding: 14px 0; min-height: 52px}
  .edition-contents nav span {font-size: 19px}
  .edition-contents nav small {font-size: 10px}
  .artist-edition[data-view=overview] .photographic-field {padding-bottom: 20px}
  .artist-edition .folio-grid {gap: 24px}
  .artist-edition .photo-row {gap: 16px}
  .artist-edition .folio-group {margin-bottom: 30px}
  .folio-heading {padding: 20px 16px; display: block; margin-top: 18px}
  .folio-heading h2 {font-size: 47px; max-width: 12ch}
  .folio-heading p {font-size: 11px; margin-top: 15px; padding: 0}
  .artist-edition[data-view=overview] .plate figcaption {font-size: 10px; display: block; margin-top: 8px}
  .artist-edition[data-view=overview] .plate figcaption span {display: block}
  .artist-edition[data-view=overview] .plate figcaption span:last-child {text-align: left; margin-top: 3px}
  .artist-edition .field-end {padding: 30px var(--edition-gutter); display: block}
  .artist-edition .field-end > span {display: block; font-size: 37px; margin-bottom: 12px}
  .artist-edition .field-end a {font-size: 12px; width: fit-content}
  .artist-edition .chapter-surface {padding: 114px var(--edition-gutter) 110px}
  .artist-edition .chapter-intro {padding: 20px; display: block; margin-bottom: 15px}
  .artist-edition .chapter-intro h2 {font-size: 85px}
  .artist-edition .chapter-intro p {font-size: 12px; max-width: none; margin-top: 20px}
  .artist-edition .chapter-link {grid-template-columns: minmax(0, 1fr) 33%; gap: 12px 16px; padding: 24px 0}
  .artist-edition .chapter-number {display: none}
  .artist-edition .chapter-name {font-size: 35px; grid-column: 1; line-height: .98}
  .artist-edition .chapter-note {font-size: 12px; line-height: 1.55; margin-top: 15px; max-width: none; padding: 0}
  .artist-edition .chapter-total {grid-column: 1; grid-row: 2; margin: 0; font-size: 11px}
  .artist-edition .chapter-link img {grid-column: 2; grid-row: 1 / 3; height: auto; max-height: 220px; width: 100%}
  .artist-edition .collection-heading {padding: 125px var(--edition-gutter) 24px; grid-template-columns: 1fr; gap: 20px}
  .artist-edition .collection-heading h2 {font-size: 19vw; max-width: 12ch}
  .artist-edition .collection-heading p {font-size: 14px; line-height: 1.65}
  .artist-edition[data-view=chapter] .photographic-field {padding-top: 10px; padding-bottom: 20px}
  body.artist-edition[data-view=chapter] .photo-row {margin-bottom: 28px}
  .artist-edition[data-view=chapter] .plate figcaption {font-size: 11px}
  .artist-edition .navigation {padding-top: 90px; gap: 35px}
  .artist-edition .navigation .main-links a {font-size: clamp(39px, 12vw, 65px); gap: 14px; line-height: 1.05}
  .artist-edition .navigation .menu-bottom {gap: 20px; margin-top: 0; font-size: 12px}
  .artist-edition .prints-intro h2 {font-size: 63px}
  .artist-edition[data-view=index] .prints-intro {padding-top: 130px}
  .artist-edition.reading-page #main {padding-top: 70px}
  .artist-edition .about-cover {grid-template-columns: 1fr; margin-bottom: 35px}
  .artist-edition .about-cover .reading-hero {padding: 25px 20px; gap: 22px}
  .artist-edition .about-cover .reading-hero h1 {font-size: 20vw; max-width: none}
  .artist-edition .about-cover .about-opening {font-size: 14px}
  .artist-edition .about-cover .about-photograph {padding: 18px}
  .artist-edition .about-cover .about-photograph img {height: 360px; max-height: 60svh; object-position: center}
  .artist-edition .edition-about-text {padding-bottom: 35px}
  .artist-edition .edition-about-text .about-text {grid-template-columns: 1fr; gap: 25px}
  .artist-edition .reading-intro {font-size: 28px}
  .artist-edition .about-essay {font-size: 15px; line-height: 1.75}
  .artist-edition .about-notes {grid-column: 1}
  .artist-edition .ink-statement {padding-block: 35px}
  .artist-edition .ink-statement blockquote {font-size: 11.5vw; line-height: 1}
  .artist-edition .territory-spread {padding-block: 35px; gap: 25px}
  .artist-edition .territory-spread h2 {font-size: 62px}
  .artist-edition .territory-spread p {font-size: 15px}
  .artist-edition .field-notes h2 {font-size: 43px}
  .artist-edition .field-notes > header {flex-wrap: wrap}
  .artist-edition .field-notes > header > div:first-child {flex: 1 1 210px; min-width: 0}
  .artist-edition .sequence-controls {flex: 0 0 auto}
  .artist-edition .reading-signature {font-size: 33px}
  .artist-edition.journal-page .c-hero {padding: 25px 20px}
  .artist-edition.journal-page .c-hero-inner {grid-template-columns: 1fr; gap: 25px}
  .artist-edition.journal-page .c-h1 {font-size: 23vw}
  .artist-edition.journal-page .c-lead {font-size: 14px; max-width: 38ch}
  .artist-edition.journal-page .post-feature {padding-top: 16px; gap: 20px; grid-template-columns: 1fr; grid-template-areas: 'photo' 'copy'}
  .artist-edition.journal-page .post-feature .post-copy {display: block}
  .artist-edition.journal-page .post-feature .post-t,
  .artist-edition.journal-page .post-t {font-size: 48px; max-width: 18ch}
  .artist-edition.journal-page .post-x {font-size: 14px; margin-top: 18px}
  .artist-edition.journal-page .post-card .post-image {max-height: 60svh; object-position: left center}
  .artist-edition .journal-interlude {padding-block: 30px}
  .artist-edition .journal-interlude h2 {font-size: 19vw}
  .artist-edition .journal-interlude p {font-size: 14px}
  .artist-edition.article-page .c-h1 {font-size: clamp(36px, 12vw, 66px)}
  .artist-edition.contact-page .c-h {font-size: 13.5vw}
  .artist-edition.guides-page .c-h1 {font-size: 13.5vw}
}
/* The final layer owns motion styles, including browser navigation. */
@view-transition {navigation: none}
.artist-edition .central-name .name-mask {display: block; overflow: hidden; font: inherit; margin: 0; padding: .02em 0; color: inherit; letter-spacing: inherit; line-height: inherit}
.artist-edition .cover-photograph {overflow: hidden}
.series-portal {position: fixed; z-index: 8; pointer-events: none; object-fit: contain; transform-origin: 0 0; max-width: none; max-height: none; will-change: transform; margin: 0}
.artist-edition .photo-surface:focus-visible,.artist-edition .chapter-surface:focus-visible {outline: none}
.artist-edition.reading-page h1 {overflow-wrap: anywhere}
.artist-edition .festival-opening h1,.artist-edition .festival-report h2,.artist-edition .shop-opening h1,.artist-edition.expo-page .expo-title,.artist-edition.expo-page .expo-section-title {font-family: var(--edition-display); font-stretch: 70%; font-weight: 800; text-transform: uppercase; letter-spacing: -.015em; line-height: .95}
.artist-edition .festival-opening,.artist-edition .shop-opening {padding-inline: var(--edition-gutter); padding-block: 25px 35px}
.artist-edition .festival-diptych {margin-inline: var(--edition-gutter); gap: 30px; margin-bottom: 35px}
.artist-edition .festival-diptych figure:nth-child(2) {padding-top: 35px}
.artist-edition .festival-report {margin-inline: var(--edition-gutter)}
.artist-edition .festival-grid {align-items: start; gap: 28px}
.artist-edition.expo-page .expo-title {color: var(--paper); font-size: clamp(72px, 12vw, 190px)}
.artist-edition.expo-page .expo-eyebrow,.artist-edition.expo-page .expo-date-badge-text {color: var(--paper)}
.artist-edition.expo-page .expo-date-badge {border-color: var(--paper)}
.artist-edition.expo-page .expo-section-eyebrow {color: var(--accent)}
.artist-edition .post-list {margin-bottom: 35px}
.artist-edition .art-related {margin-bottom: 35px}
.artist-edition .c-cta {padding-block: 28px; margin-bottom: 20px}
.artist-edition .reading-next {padding-block: 22px}
@media(max-width: 600px) {
  .artist-edition .festival-opening h1 {font-size: 22vw}
  .artist-edition .festival-report h2 {font-size: 15vw}
  .artist-edition .festival-grid {gap: 24px 16px}
  .artist-edition .edition-contents > div {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}
  .artist-edition .edition-contents h2 {font-size: clamp(43px, 13.5vw, 58px)}
  .artist-edition .folio-heading {margin-bottom: 22px}
  .artist-edition.expo-page .expo-hero {min-height: 360px; height: 55svh}
}
@media (prefers-reduced-motion: reduce) {
  .artist-edition *, .artist-edition *::before, .artist-edition *::after {animation: none !important; transition: none !important; scroll-behavior: auto !important}
}

/* Notebook widths follow each photograph, without empty portrait columns. */
.artist-edition .photo-sequence {align-items: flex-start; gap: clamp(18px, 2vw, 32px)}
.artist-edition .photo-sequence figure {flex: 0 0 auto; width: min-content; padding-top: 0}
.artist-edition .photo-sequence figure a {display: block}
.artist-edition .photo-sequence img {display: block; width: auto; max-width: none; height: clamp(240px, 30vw, 400px); object-fit: contain}
@media (max-width: 600px) {
  .artist-edition .photo-sequence img {height: min(280px, 52vw)}
  .artist-edition.journal-page .c-h1 {font-size: 20vw}
}

@media (max-width: 360px) {
  .cover-type {padding: 8px}
  body.artist-edition .central-name {font-size: 27cqw}
  .cover-caption {margin-top: 6px}
  .cover-caption a {margin-top: 4px}
}

/* An editorial opening, driven by real image readiness. */
.page-loading {position: fixed; inset: 0; z-index: 40; background: #ff4b00; color: #101010; opacity: 0; visibility: hidden; transition: opacity .22s ease, visibility .22s; pointer-events: none; overflow: hidden}
.page-loading.is-visible {opacity: 1; visibility: visible; pointer-events: auto}
.loading-edition {height: 100%; box-sizing: border-box; padding: max(24px, env(safe-area-inset-top)) clamp(20px, 4vw, 72px) max(24px, env(safe-area-inset-bottom)); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 24px}
.loading-masthead {display: flex; justify-content: space-between; gap: 20px; font-size: 12px; line-height: 1.3; font-weight: 600; text-transform: uppercase; letter-spacing: .02em}
.loading-body {display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 4vw; min-height: 0}
.loading-title {margin: 0; font-family: var(--edition-display, 'Reference Archivo', sans-serif); font-variation-settings: 'wdth' 62; font-weight: 900; font-size: min(16vw, 28svh); line-height: .84; letter-spacing: -.035em; text-transform: uppercase}
.loading-title > span {display: block; overflow: hidden; padding-top: .18em; margin-top: -.18em; padding-bottom: .06em}
.loading-title b {display: block; font: inherit; animation: loading-type .8s cubic-bezier(.16,1,.3,1) both}
.loading-title > span + span b {animation-delay: .08s}
.loading-photographs {position: relative; height: min(64svh, 680px); min-height: 0; align-self: center}
.loading-print {position: absolute; inset: 0; display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 14px; margin: 0; transform-origin: 50% 85%}
.loading-print img {display: block; width: 100%; height: 100%; object-fit: contain}
.loading-print figcaption {text-align: center; font-size: 11px; line-height: 1.4}
.loading-bottom {display: grid; grid-template-columns: auto 1fr auto; align-items: end; gap: 0 28px}
.loading-meter {display: flex; align-items: baseline; gap: 3px; font-family: var(--edition-display, 'Reference Archivo', sans-serif); font-variation-settings: 'wdth' 62; font-weight: 800; line-height: .8; letter-spacing: -.035em}
.loading-count {font-size: clamp(56px, 7vw, 104px); font-variant-numeric: tabular-nums}
.loading-percent {font-size: 22px}
.loading-status {font-size: 12px; line-height: 1.5; margin: 0; max-width: 32ch}
.loading-actions {display: flex; align-items: center; gap: 16px}
.loading-actions button {display: flex; align-items: center; gap: 24px; border: 0; border-bottom: 1px solid currentColor; border-radius: 0; min-height: 44px; padding: 8px 0; background: none; color: inherit; font: inherit; font-size: 13px; cursor: pointer}
.loading-actions button[hidden] {display: none}
.loading-actions button svg {width: 24px; height: 24px; transition: transform .2s ease}
.loading-actions button:hover svg {transform: translateX(4px)}
.page-loading :focus-visible {outline: 2px solid #101010; outline-offset: 5px}
.loading-progress {grid-column: 1 / -1; height: 2px; margin-top: 24px; background: #10101040; overflow: hidden}
.loading-progress span {display: block; height: 100%; background: #101010; transform: scaleX(var(--loading-progress, 0)); transform-origin: left; transition: transform .3s ease-out}
.page-loading.is-paused * {animation-play-state: paused !important}
@keyframes loading-type {from {transform: translateY(105%)} to {transform: translateY(0)}}
@media (max-width: 700px) {
  .loading-edition {gap: 20px; padding-inline: 22px}
  .loading-masthead {font-size: 10px}
  .loading-body {grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); gap: 20px}
  .loading-title {font-size: min(23vw, 14svh); line-height: .82}
  .loading-photographs {height: 100%; width: 100%; min-height: 0}
  .loading-print {gap: 10px}
  .loading-bottom {grid-template-columns: auto 1fr; gap: 18px 24px}
  .loading-status {grid-row: 1; grid-column: 2; font-size: 11px; justify-self: end}
  .loading-actions {grid-column: 2; justify-self: end}
  .loading-progress {grid-column: 1; grid-row: 2; width: 100%; margin: 0; align-self: center}
  .loading-meter {grid-row: 1; grid-column: 1}
  .loading-count {font-size: 64px}
  .loading-percent {font-size: 18px}
  .loading-actions button {min-height: 36px}
}
@media (max-height: 500px) and (min-width: 701px) {
  .loading-edition {gap: 12px; padding-block: 16px}
  .loading-photographs {height: 55svh}
  .loading-count {font-size: 48px}
  .loading-progress {margin-top: 12px}
}
@media (prefers-reduced-motion: reduce) {
  .page-loading, .loading-progress span {transition: none}
  .loading-title b {animation: none}
}

/* CSS and GSAP must never interpolate the same element's transform concurrently. */
.motion-enabled .plate a, .motion-enabled .navigation .main-links a {transition: none}
.artist-edition .plate a:hover {transform: none}


/* Directional icons are vector paths, never platform-dependent emoji glyphs. */
.icon-arrow {display: inline-block; width: 1em; height: 1em; flex: 0 0 auto; vertical-align: -.12em; overflow: visible; pointer-events: none}
.icon-arrow.arrow-left {transform: rotate(180deg)}
.icon-arrow.arrow-up {transform: rotate(-90deg)}
.icon-arrow.arrow-down {transform: rotate(90deg)}
.icon-arrow.arrow-ne {transform: rotate(-45deg)}
.icon-arrow.arrow-nw {transform: rotate(-135deg)}
.icon-arrow.arrow-se {transform: rotate(45deg)}
.icon-arrow.arrow-sw {transform: rotate(135deg)}


/* Keep mobile photographs clear while reading down the portfolio. */
@media (max-width: 600px) {
  .artist-edition .edge-footer {transition: transform .28s cubic-bezier(.16,1,.3,1), opacity .2s ease}
  .artist-edition .edge-footer.is-scroll-hidden {transform: translateY(105%); opacity: 0; pointer-events: none}
  .artist-edition .edge-footer:has(:focus-visible) {transform: none; opacity: 1; pointer-events: auto}
}