/* N6 composition uses the same canonical N2 tokens and image primitives. */
.enc-page {
  display: grid;
  gap: var(--space-4);
}
.enc-chart {
  width: 100%;
  height: auto;
  color: var(--ink-primary);
}
.enc-page h1 {
  max-width: var(--measure-reading);
  font-size: var(--phi-font-size-heading2);
}
/* Structured catalogue links have their own place in the hierarchy. Prose and
   source references keep their default underline. */
:where(
  .enc-page :is(h1, h2, h3, h4) a,
  .enc-page .ui-breadcrumbs a,
  .enc-anchors a,
  .enc-pagination a,
  .enc-directory-item a,
  .enc-card-artists a,
  .enc-facts dd a,
  .enc-discovery li > a,
  .enc-home-examples a
) {
  text-decoration: none;
}
:where(
  .enc-page :is(h1, h2, h3, h4) a:is(:hover, :focus-visible),
  .enc-page .ui-breadcrumbs a:is(:hover, :focus-visible),
  .enc-anchors a:is(:hover, :focus-visible),
  .enc-pagination a:is(:hover, :focus-visible),
  .enc-directory-item a:is(:hover, :focus-visible),
  .enc-card-artists a:is(:hover, :focus-visible),
  .enc-facts dd a:is(:hover, :focus-visible),
  .enc-discovery li > a:is(:hover, :focus-visible),
  .enc-home-examples a:is(:hover, :focus-visible)
) {
  text-decoration: underline;
  text-decoration-thickness: var(--border-hairline);
}
.enc-lead {
  max-width: var(--measure-reading);
}
.enc-section {
  padding-block: var(--space-4);
  border-block-start: var(--border-hairline) solid var(--line-subtle);
  scroll-margin-block-start: var(--space-8);
}
.enc-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-8);
}
.enc-result {
  border-block-start: var(--border-hairline) solid var(--line-subtle);
  padding-block: var(--space-3);
  min-inline-size: 0;
}
.enc-result h2,
.enc-result h3 {
  font-size: var(--phi-font-size-heading4);
  margin-block: var(--space-3) var(--space-2);
}
.enc-result > p {
  margin-block: var(--space-1);
  font-size: var(--phi-font-size-ui);
}
.enc-result .ui-metadata,
.enc-result .ui-caption {
  font-size: var(--phi-font-size-metadata);
}
.enc-result-image {
  display: block;
  text-decoration: none;
}
.enc-result-image .ui-image-frame {
  block-size: calc(var(--phi-size-poster-maximum) / 2);
  padding: var(--space-2);
}
.enc-result-image .ui-image-frame img {
  inline-size: 100%;
  block-size: 100%;
  max-block-size: 100%;
  min-block-size: 0;
  object-fit: contain;
}
/* Reserve the intrinsic ratio before lazy media decode; contain keeps the whole image. */
.enc-result .ui-image-frame img,
.enc-table-scroll .ui-image-frame img {
  width: 100%;
}
.enc-identity-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-6);
  align-items: start;
}
.enc-identity-layout > * {
  min-width: 0;
}
.enc-reference-layout {
  grid-template-columns: minmax(0, 1fr);
}
.enc-discovery {
  display: grid;
  gap: var(--space-3);
  padding-block: var(--space-4);
  border-block-start: var(--border-hairline) solid var(--line-subtle);
}
.enc-discovery h3,
.enc-discovery p {
  margin-block: var(--space-0);
}
.enc-discovery h3 {
  font-size: var(--phi-font-size-body);
}
.enc-discovery ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-4);
  padding-inline-start: var(--space-0);
  margin-block: var(--space-2) var(--space-0);
  list-style: none;
}
.enc-discovery li {
  min-inline-size: 0;
}
.enc-discovery .enc-subject-links {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
}
.enc-subject-links > li {
  display: grid;
  gap: var(--space-1);
  padding-block: var(--space-2);
  border-block-end: var(--border-hairline) solid var(--line-subtle);
}
.enc-subject-context {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
}
.enc-subject-origin {
  font-size: var(--phi-font-size-small);
}
.enc-fact-references {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-block-start: var(--space-2);
}
.enc-entity-header h1 {
  margin-block: var(--space-2) var(--space-0);
  line-height: var(--phi-font-line-height-tight);
}
.enc-entity-header p {
  margin-block: var(--space-0);
}
.enc-entity-page .ui-breadcrumbs {
  margin-block-end: var(--space-0);
}
.enc-identity-layout #apercu {
  padding-block: var(--space-0);
  border-block-start: 0;
}
.enc-identity-layout #apercu h2 {
  font-size: var(--phi-font-size-heading3);
  margin-block-start: var(--space-0);
}
.enc-identity-layout .ui-image-frame img {
  max-block-size: var(--phi-size-poster-maximum);
  inline-size: 100%;
  object-fit: contain;
}
.enc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.enc-secondary-details,
.enc-disclosure,
.enc-directory {
  padding-block: var(--space-2);
  border-block-start: var(--border-hairline) solid var(--line-subtle);
}
.enc-secondary-details > summary,
.enc-disclosure > summary,
.enc-directory > summary,
.enc-directory-more > summary {
  font-weight: var(--phi-font-weight-semibold);
  font-family: var(--font-interface);
  font-size: var(--phi-font-size-ui);
  min-block-size: var(--target-min);
  padding-block: var(--space-2);
  display: list-item;
  align-content: center;
}
.enc-secondary-details > summary:is(:hover, :focus-visible),
.enc-disclosure > summary:is(:hover, :focus-visible),
.enc-directory > summary:is(:hover, :focus-visible),
.enc-directory-more > summary:is(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-offset: var(--space-1);
}
.enc-secondary-details[open] > summary,
.enc-disclosure[open] > summary,
.enc-directory[open] > summary {
  margin-block-end: var(--space-3);
}
.enc-disclosure > .enc-section {
  border-block-start: 0;
  padding-block-start: var(--space-0);
}
.enc-directory-search {
  display: grid;
  gap: var(--space-2);
  max-inline-size: var(--phi-size-form);
  margin-block: var(--space-3) var(--space-4);
}
.enc-directory-search,
.enc-directory-search label {
  font-size: var(--phi-font-size-ui);
  font-weight: var(--phi-font-weight-medium);
}
.enc-directory-status {
  font-size: var(--phi-font-size-small);
  margin-block: var(--space-2);
}
.enc-directory-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-0) var(--space-6);
  padding: var(--space-0);
  margin-block: var(--space-0);
  list-style: none;
}
.enc-directory-item {
  min-inline-size: 0;
  padding-block: var(--space-2);
  border-block-end: var(--border-hairline) solid var(--line-subtle);
}
.enc-directory-item > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-block-size: var(--target-min);
  font-size: var(--phi-font-size-ui);
}
.enc-directory-count {
  flex-shrink: 0;
  font-family: var(--font-documentary);
  font-size: var(--phi-font-size-metadata);
  color: var(--ink-muted);
}
.enc-directory-more {
  margin-block-start: var(--space-3);
}
.enc-directory-intro {
  max-inline-size: var(--measure-reading);
  margin-block: var(--space-8) var(--space-12);
}
.enc-directory-highlights {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-block: var(--space-6) var(--space-12);
}
.enc-directory-highlight {
  min-inline-size: 0;
  text-decoration: none;
}
.enc-directory-highlight .ui-image-frame {
  block-size: calc(var(--phi-size-poster-maximum) * 2 / 3);
  grid-template-rows: minmax(0, 1fr);
  padding: var(--space-0);
  background: transparent;
}
.enc-directory-highlight .ui-image-frame img {
  inline-size: 100%;
  block-size: 100%;
  max-block-size: 100%;
  min-block-size: 0;
  min-inline-size: 0;
  object-fit: contain;
}
.enc-directory-highlight h3 {
  font-size: var(--phi-font-size-heading4);
  margin-block: var(--space-4) var(--space-2);
}
.enc-directory-highlight:is(:hover, :focus-visible) h3 {
  text-decoration: underline;
}
.enc-directory-siblings {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
  padding-block: var(--space-8);
  font-size: var(--phi-font-size-small);
}
.enc-explore-entrances {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8) var(--space-12);
  margin-block: var(--space-12);
}
.enc-explore-entrances > a {
  border-block-start: var(--border-hairline) solid var(--line-subtle);
  padding-block-start: var(--space-4);
  text-decoration: none;
}
.enc-explore-entrances h2 {
  display: flex;
  justify-content: space-between;
  gap: var(--space-4);
}
.enc-explore-entrances p {
  font-size: var(--phi-font-size-ui);
  color: var(--ink-muted);
}
.enc-explore-entrances a:is(:hover, :focus-visible) h2 {
  text-decoration: underline;
}
/* biome-ignore lint/correctness/noUnknownFunction: Canonical breakpoint expanded by the existing build. */
@media (max-width: 48rem) {
  .enc-directory-highlights,
  .enc-explore-entrances {
    grid-template-columns: minmax(0, 1fr);
  }
}
.enc-directory-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-3);
  margin-block: var(--space-4);
  font-size: var(--phi-font-size-small);
}
.enc-directory-pagination .ui-button {
  border: 0;
  background: transparent;
  color: var(--ink-primary);
  font-size: inherit;
}
.enc-directory-pagination .ui-button:focus-visible {
  outline: none;
  text-decoration: underline;
  text-decoration-thickness: var(--border-strong);
  text-underline-offset: var(--space-1);
}
.enc-directory-item[hidden] {
  display: none;
}
.enc-anchors,
.enc-pagination {
  display: flex;
  gap: var(--space-2) var(--space-4);
  flex-wrap: wrap;
  align-items: center;
  padding-block: var(--space-3);
  font-size: var(--phi-font-size-ui);
}
.enc-anchors {
  border-block: var(--border-hairline) solid var(--line-subtle);
}
.enc-anchors a,
.enc-pagination a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
}
.enc-anchors a[aria-current],
.enc-pagination a[aria-current] {
  font-weight: var(--phi-font-weight-semibold);
  text-decoration: underline;
  text-decoration-thickness: var(--border-strong);
}
.enc-no-image {
  min-height: var(--phi-size-poster-maximum);
  display: grid;
  align-content: center;
  text-align: center;
  padding: var(--space-8);
  border: var(--border-strong) solid var(--line-subtle);
}
.enc-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--phi-grid-card-minimum)), 1fr));
  gap: var(--space-4);
}
.enc-facts dt {
  font-family: var(--font-interface);
  font-size: var(--phi-font-size-small);
  color: var(--ink-muted);
}
.enc-facts dd {
  margin: var(--space-1) 0 0;
  overflow-wrap: anywhere;
}
.enc-claim {
  padding-block: var(--space-6);
  border-block-end: var(--border-hairline) solid var(--line-subtle);
}
.enc-sources {
  padding-inline-start: var(--space-6);
}
.enc-sources > li {
  padding-block: var(--space-4);
}
.enc-relations li {
  display: grid;
  gap: var(--space-2);
  padding-block: var(--space-3);
}
.enc-search {
  display: grid;
  gap: var(--space-3);
  max-width: var(--phi-size-content-maximum);
}
.enc-search > div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.enc-search input {
  flex: 1;
  min-width: var(--phi-size-card-minimum);
}
.enc-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: end;
  padding-block: var(--space-6);
}
.enc-filters label {
  display: grid;
  gap: var(--space-2);
}
.enc-table-scroll {
  overflow-x: auto;
  max-width: 100%;
}
.enc-table-scroll table {
  width: 100%;
  border-collapse: collapse;
}
.enc-table-scroll th,
.enc-table-scroll td {
  text-align: start;
  vertical-align: top;
  padding: var(--space-4);
  border-block-end: var(--border-hairline) solid var(--line-subtle);
  min-width: var(--phi-size-card-minimum);
}
.enc-table-scroll caption {
  text-align: start;
  font-weight: var(--phi-font-weight-semibold);
  padding-block: var(--space-4);
}
.enc-table-scroll .ui-image-frame {
  max-height: var(--phi-size-poster-maximum);
}
.enc-page p,
.enc-page li {
  overflow-wrap: anywhere;
}
.enc-page fieldset {
  min-width: 0;
  border: var(--border-hairline) solid var(--line-subtle);
  padding: var(--space-4);
}
/* Detail pages give the image, identity and documentary links distinct roles.
   These rules stay local to records and profiles, rather than changing catalogues. */
.ui-main:has(.enc-entity-page),
.ui-main:has(.enc-profile-page) {
  padding-block-start: var(--space-6);
}
.enc-artwork-page,
.enc-profile-page {
  gap: var(--space-6);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-entity-header {
  display: grid;
  gap: var(--space-3);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-entity-header h1 {
  max-inline-size: var(--measure-reading);
  margin-block: var(--space-0);
  font-size: var(--phi-font-size-heading1);
  text-wrap: balance;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-kicker {
  font-family: var(--font-interface);
  font-size: var(--phi-font-size-small);
  letter-spacing: var(--phi-font-letter-spacing-label);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-meta {
  font-size: var(--phi-font-size-small);
  color: var(--ink-muted);
}
.enc-artwork-page .enc-record-layout {
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-12);
}
.enc-artwork-page .enc-edition-list fieldset {
  border: 0;
  padding: var(--space-0);
}
.enc-artwork-page .enc-edition-list legend {
  font-size: var(--phi-font-size-small);
  color: var(--ink-muted);
}
.enc-artwork-page .enc-edition-list ul {
  list-style: none;
  margin-block: var(--space-3);
  padding: var(--space-0);
}
.enc-artwork-page .enc-edition-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  border-block-end: var(--border-hairline) solid var(--line-subtle);
  padding-block: var(--space-4);
}
.enc-artwork-page .enc-edition-row > div {
  min-inline-size: 0;
}
.enc-artwork-page .enc-edition-title {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
  font-size: var(--phi-font-size-body-large);
  text-decoration: none;
}
.enc-artwork-page .enc-edition-title:is(:hover, :focus-visible) {
  text-decoration: underline;
}
.enc-artwork-page .enc-edition-row label {
  display: flex;
  align-items: center;
  min-block-size: var(--target-min);
  gap: var(--space-2);
  flex-shrink: 0;
  font-size: var(--phi-font-size-small);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-sources > li {
  border-block-end: var(--border-hairline) solid var(--line-subtle);
  padding-block: var(--space-4);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-sources h3 {
  margin-block: var(--space-0) var(--space-2);
  font-family: var(--font-interface);
  font-size: var(--phi-font-size-body-large);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-sources p {
  margin-block: var(--space-2);
  font-size: var(--phi-font-size-ui);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-source-details {
  font-size: var(--phi-font-size-small);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-source-details > summary {
  min-block-size: var(--target-min);
  padding-block: var(--space-2);
  align-content: center;
  cursor: pointer;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-source-details > summary:is(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-offset: var(--space-1);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-source-details p {
  font-size: var(--phi-font-size-small);
}
.enc-artwork-page .enc-record-visual .ui-viewer {
  display: flex;
  flex-direction: column;
}
.enc-artwork-page .enc-record-visual .ui-viewer-viewport {
  order: -1;
  border: 0;
}
.enc-artwork-page .enc-record-visual .ui-viewer-viewport:not([data-zoom-level]),
.enc-artwork-page .enc-record-visual .ui-viewer-viewport[data-zoom-level="0"] {
  max-block-size: none;
  overflow: visible;
}
.enc-artwork-page .enc-record-visual .ui-image-frame {
  padding: var(--space-0);
}
.enc-artwork-page .enc-record-visual .ui-viewer-viewport:not([data-zoom-level]) img,
.enc-artwork-page .enc-record-visual .ui-viewer-viewport[data-zoom-level="0"] img {
  max-block-size: var(--phi-size-poster-maximum);
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
.enc-artwork-page
  .enc-record-visual
  .ui-viewer-viewport:is([data-zoom-level="1"], [data-zoom-level="2"], [data-zoom-level="3"]) {
  max-block-size: var(--phi-size-viewer);
  overflow: auto;
}
.enc-artwork-page
  .enc-record-visual
  .ui-viewer-viewport:is([data-zoom-level="1"], [data-zoom-level="2"], [data-zoom-level="3"])
  img {
  max-block-size: none;
}
.enc-artwork-page .enc-record-visual .ui-caption {
  padding-block: var(--space-3);
  font-size: var(--phi-font-size-small);
}
.enc-artwork-page .enc-record-visual .ui-viewer-commands {
  gap: var(--space-2);
  margin-block: var(--space-2);
}
.enc-artwork-page .enc-record-visual .ui-viewer-commands button {
  padding: var(--space-2) var(--space-3);
  font-size: var(--phi-font-size-small);
}
.enc-artwork-page .enc-record-visual .ui-viewer-commands output {
  align-self: center;
  font-size: var(--phi-font-size-metadata);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-summary {
  min-inline-size: 0;
  display: grid;
  align-content: start;
  gap: var(--space-3);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-summary > h2,
:is(.enc-artwork-page, .enc-profile-page) .enc-record-summary #apercu > h2,
:is(.enc-artwork-page, .enc-profile-page) #apercu.enc-record-summary > h2 {
  margin-block: var(--space-0);
  font-family: var(--font-interface);
  font-size: var(--phi-font-size-small);
  font-weight: var(--phi-font-weight-semibold);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-summary .enc-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4) var(--space-6);
  margin-block: var(--space-0);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-summary .enc-facts > div {
  padding-block-start: var(--space-3);
  border-block-start: var(--border-hairline) solid var(--line-subtle);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-summary .enc-facts dd {
  font-size: var(--phi-font-size-body);
  line-height: var(--phi-font-line-height-ui);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-description {
  max-inline-size: var(--measure-reading);
  margin-block: var(--space-2) var(--space-0);
  font-size: var(--phi-font-size-ui);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-source {
  margin-block: var(--space-0);
  font-size: var(--phi-font-size-small);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  margin-block: var(--space-2) var(--space-0);
  font-size: var(--phi-font-size-small);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-actions a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
  text-decoration: none;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-actions a:is(:hover, :focus-visible) {
  text-decoration: underline;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-anchors {
  gap: var(--space-1) var(--space-6);
  padding-block: var(--space-2);
  font-size: var(--phi-font-size-small);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-section > h2 {
  margin-block: var(--space-0) var(--space-4);
  font-size: var(--phi-font-size-heading3);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-disclosure > summary h2 {
  display: inline;
  margin-block: var(--space-0);
  font-family: var(--font-interface);
  font-size: var(--phi-font-size-ui);
}
/* Exploration presents the links first; their provenance stays one step away. */
:is(.enc-artwork-page, .enc-profile-page) .enc-discovery {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
  padding-block: var(--space-6) var(--space-0);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-discovery > h3 {
  font-family: var(--font-editorial);
  font-size: var(--phi-font-size-heading3);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-discovery :is(div, li) {
  min-inline-size: 0;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: var(--space-6);
  margin-block: var(--space-3) var(--space-0);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-related-card {
  display: grid;
  align-content: start;
  gap: var(--space-2);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-related-card h4 {
  margin-block: var(--space-0);
  font-family: var(--font-interface);
  font-size: var(--phi-font-size-body);
  font-weight: var(--phi-font-weight-medium);
  line-height: var(--phi-font-line-height-ui);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-related-card h4 a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-related-image {
  display: block;
  text-decoration: none;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-related-image .ui-image-frame {
  block-size: calc(var(--phi-size-poster-maximum) / 3);
  padding: var(--space-0);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-related-image img {
  inline-size: 100%;
  block-size: 100%;
  max-block-size: 100%;
  min-block-size: 0;
  object-fit: contain;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-explore-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4) var(--space-8);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-explore-links > div > :is(.ui-metadata, h4),
:is(.enc-artwork-page, .enc-profile-page) .enc-related-designs > :is(.ui-metadata, h4) {
  margin-block: var(--space-0) var(--space-1);
  font-family: var(--font-interface);
  font-size: var(--phi-font-size-small);
  font-weight: var(--phi-font-weight-medium);
  color: var(--ink-muted);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-0) var(--space-4);
  margin-block: var(--space-0);
  font-size: var(--phi-font-size-ui);
  line-height: var(--phi-font-line-height-ui);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-link-list li > a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
  text-decoration: none;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-link-list > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-0) var(--space-2);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-link-list > li > .ui-metadata {
  font-size: var(--phi-font-size-metadata);
  color: var(--ink-muted);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-link-list li > a:is(:hover, :focus-visible) {
  text-decoration: underline;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-link-documentation,
:is(.enc-artwork-page, .enc-profile-page) .enc-related-designs > details {
  padding-block: var(--space-0);
  font-size: var(--phi-font-size-small);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-link-more {
  font-size: var(--phi-font-size-small);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-link-more > summary {
  min-block-size: var(--target-min);
  padding-block: var(--space-2);
  align-content: center;
  cursor: pointer;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-explore-links:empty {
  display: none;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-documentation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4) var(--space-8);
  padding-block-end: var(--space-4);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-documentation-grid > details {
  grid-column: 1 / -1;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-documentation-grid ul {
  display: grid;
  gap: var(--space-2);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-documentation-grid :is(h4, .ui-metadata) {
  margin-block: var(--space-0) var(--space-2);
  font-size: var(--phi-font-size-small);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-subject-links > li {
  padding-block: var(--space-0) var(--space-2);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-subject-context {
  font-size: var(--phi-font-size-metadata);
}
/* One compact row per closed disclosure, with one rule rather than nested borders. */
:is(.enc-artwork-page, .enc-profile-page) .enc-record-details {
  display: grid;
  gap: var(--space-0);
  border-block-end: var(--border-hairline) solid var(--line-subtle);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-section-collapsible {
  padding-block: var(--space-0);
  border-block-start: 0;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-details > .enc-secondary-details,
:is(.enc-artwork-page, .enc-profile-page) .enc-disclosure {
  padding-block: var(--space-0);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-details summary {
  font-weight: var(--phi-font-weight-medium);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-details > .enc-secondary-details > summary,
:is(.enc-artwork-page, .enc-profile-page) .enc-disclosure > summary {
  min-block-size: var(--target-min);
  margin-block: var(--space-0);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-details > .enc-secondary-details[open],
:is(.enc-artwork-page, .enc-profile-page) .enc-disclosure[open] {
  padding-block-end: var(--space-4);
}
:is(.enc-artwork-page, .enc-profile-page)
  .enc-record-details
  > .enc-secondary-details[open]
  > summary,
:is(.enc-artwork-page, .enc-profile-page) .enc-disclosure[open] > summary {
  margin-block-end: var(--space-3);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-2) var(--space-6);
  padding-block: var(--space-2) var(--space-4);
  font-size: var(--phi-font-size-ui);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-tool-panel {
  min-inline-size: 0;
  max-inline-size: 100%;
  scroll-margin-block-start: var(--space-8);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-tool-panel > summary {
  min-block-size: var(--target-min);
  padding-block: var(--space-2);
  align-content: center;
  cursor: pointer;
  font-weight: var(--phi-font-weight-medium);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-tool-panel > summary:is(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-offset: var(--space-1);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-tool-panel[open] {
  flex-basis: 100%;
  padding-block-end: var(--space-3);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-tool-panel p {
  max-inline-size: var(--measure-reading);
  margin-block: var(--space-2);
  overflow-wrap: anywhere;
}
:is(.enc-artwork-page, .enc-profile-page) .enc-citation-formats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-4);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-citation-formats a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-tools button {
  min-block-size: var(--target-min);
  padding: var(--space-2) var(--space-3);
  font-size: var(--phi-font-size-small);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-tool-panel .enc-actions {
  gap: var(--space-1) var(--space-6);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-tool-panel .enc-actions a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
}
.enc-profile-page .enc-profile-intro {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  align-items: start;
  gap: var(--space-4) var(--space-12);
}
.enc-profile-page {
  gap: var(--space-4);
}
.enc-profile-page .enc-entity-header h1 {
  font-size: var(--phi-font-size-heading2);
}
:is(.enc-artwork-page, .enc-profile-page) .enc-record-summary > .ui-status {
  justify-self: start;
}
.enc-profile-page .enc-profile-intro > * {
  min-inline-size: 0;
}
.enc-profile-page .enc-profile-intro .enc-record-description {
  font-size: var(--phi-font-size-body);
}
.enc-profile-page .enc-profile-catalogue {
  padding-block-start: var(--space-6);
}
.enc-profile-page .enc-profile-catalogue > h2 {
  margin-block-end: var(--space-2);
}
.enc-profile-page .enc-catalogue-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  margin-block-end: var(--space-6);
  font-size: var(--phi-font-size-small);
}
.enc-profile-page .enc-catalogue-toolbar :is(p, .enc-pagination) {
  margin-block: var(--space-0);
  padding-block: var(--space-0);
}
.enc-profile-page .enc-profile-gallery {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-8) var(--space-6);
}
.enc-profile-page .enc-profile-gallery .enc-result {
  padding-block: var(--space-0);
  border-block-start: 0;
}
.enc-profile-page .enc-profile-gallery .enc-result-image .ui-image-frame {
  block-size: calc(var(--phi-size-poster-maximum) * 2 / 3);
  padding: var(--space-0);
}
.enc-profile-page .enc-profile-gallery .enc-result :is(h2, h3) {
  margin-block: var(--space-3) var(--space-1);
  font-size: var(--phi-font-size-heading4);
  line-height: var(--phi-font-line-height-heading);
}
.enc-profile-page .enc-profile-gallery .enc-card-artists {
  gap: var(--space-0) var(--space-2);
  font-size: var(--phi-font-size-small);
}
.enc-profile-page .enc-profile-gallery .enc-result .ui-caption {
  font-size: var(--phi-font-size-metadata);
}
.enc-production-list {
  display: grid;
  gap: var(--space-12);
  list-style: none;
  padding: var(--space-0);
  margin-block: var(--space-0);
}
.enc-production-more {
  display: grid;
  justify-items: center;
  gap: var(--space-2);
  margin-block: var(--space-8) var(--space-4);
}
.enc-profile-footer {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: var(--space-8);
  padding-block-start: var(--space-6);
  border-block-start: var(--border-hairline) solid var(--line-subtle);
}
.enc-profile-footer > * {
  min-inline-size: 0;
}
.enc-profile-footer .enc-bibliography {
  border: 0;
  padding-block: var(--space-0);
}
.enc-profile-footer .enc-record-tools,
.enc-profile-footer .enc-article-tools {
  flex-direction: column;
  align-items: start;
  gap: var(--space-1);
  padding-block: var(--space-0);
  font-size: var(--phi-font-size-small);
}
.enc-profile-footer .enc-tool-panel[open] {
  flex-basis: auto;
}
.enc-production-more [role="status"] {
  margin-block: var(--space-0);
  font-size: var(--phi-font-size-small);
}
.enc-production-more [aria-disabled="true"] {
  cursor: wait;
}
.enc-profile-page .enc-bibliography > h2 {
  font-family: var(--font-interface);
  font-size: var(--phi-font-size-small);
  font-weight: var(--phi-font-weight-semibold);
  margin-block-end: var(--space-3);
}
.enc-profile-page .enc-bibliography .enc-sources {
  padding-inline-start: var(--space-4);
  font-size: var(--phi-font-size-small);
  line-height: var(--phi-font-line-height-body);
}
.enc-profile-page .enc-bibliography .enc-sources > li {
  padding-block: var(--space-1);
  border: 0;
}
.enc-profile-page .enc-bibliography a {
  text-decoration: none;
}
.enc-profile-page .enc-bibliography a:is(:hover, :focus-visible) {
  text-decoration: underline;
}
.enc-production-entry {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: var(--space-8);
  inline-size: 100%;
  max-inline-size: calc(var(--phi-size-poster-maximum) * 2);
  margin-inline: auto;
  text-align: center;
}
.enc-production-entry > * {
  min-inline-size: 0;
  margin-block: var(--space-0);
}
.enc-production-heading {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  overflow-wrap: anywhere;
}
.enc-production-heading > * {
  margin-block: var(--space-0);
}
.enc-production-date {
  max-inline-size: 100%;
  font-family: var(--font-editorial);
  font-size: var(--phi-font-size-heading1);
  line-height: var(--phi-font-line-height-heading);
}
.enc-production-entry h3 {
  min-inline-size: 0;
  font-family: var(--font-interface);
  max-inline-size: var(--measure-reading);
  font-size: var(--phi-font-size-heading4);
  font-weight: var(--phi-font-weight-regular);
  line-height: var(--phi-font-line-height-body);
}
.enc-production-entry a {
  text-decoration: none;
}
.enc-production-entry a:is(:hover, :focus-visible) {
  text-decoration: underline;
}
.enc-production-image {
  display: block;
  justify-self: center;
  inline-size: 100%;
  max-inline-size: var(--phi-size-poster-maximum);
  text-align: center;
}
.enc-production-image .ui-image-frame {
  block-size: calc(var(--phi-size-poster-maximum) * 2 / 3);
  padding: var(--space-0);
  grid-template-rows: minmax(0, 1fr);
}
.enc-production-image .ui-image-frame img {
  inline-size: 100%;
  block-size: 100%;
  max-block-size: 100%;
  min-block-size: 0;
  min-inline-size: 0;
  object-fit: contain;
  object-position: center;
}
.enc-production-image .ui-caption {
  font-size: var(--phi-font-size-metadata);
  margin-block-start: var(--space-2);
}
/* biome-ignore lint/correctness/noUnknownFunction: Canonical breakpoint expanded by the existing build. */
@media (max-width: 64rem) {
  .enc-artwork-page .enc-record-layout,
  .enc-profile-page .enc-profile-intro {
    gap: var(--space-6);
  }
  :is(.enc-artwork-page, .enc-profile-page) .enc-explore-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* biome-ignore lint/correctness/noUnknownFunction: Canonical breakpoint expanded by the existing build. */
@media (max-width: 48rem) {
  .enc-profile-footer {
    grid-template-columns: minmax(0, 1fr);
  }
  .enc-artwork-page .enc-record-layout,
  .enc-profile-page .enc-profile-intro {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(.enc-artwork-page, .enc-profile-page) .enc-entity-header h1 {
    font-size: var(--phi-font-size-heading2);
  }
  :is(.enc-artwork-page, .enc-profile-page) .enc-anchors {
    column-gap: var(--space-4);
  }
  :is(.enc-artwork-page, .enc-profile-page) .enc-explore-links,
  :is(.enc-artwork-page, .enc-profile-page) .enc-documentation-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }
  :is(.enc-artwork-page, .enc-profile-page) .enc-related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
  }
  :is(.enc-artwork-page, .enc-profile-page) .enc-related-image .ui-image-frame {
    block-size: calc(var(--phi-size-poster-maximum) / 4);
  }
  :is(.enc-artwork-page, .enc-profile-page) .enc-related-card h4 {
    font-size: var(--phi-font-size-ui);
  }
  :is(.enc-artwork-page, .enc-profile-page) .enc-link-list {
    column-gap: var(--space-3);
  }
  .enc-profile-page .enc-profile-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6) var(--space-4);
  }
  .enc-profile-page .enc-profile-gallery .enc-result-image .ui-image-frame {
    block-size: calc(var(--phi-size-poster-maximum) / 3);
  }
  .enc-profile-page .enc-profile-gallery .enc-result :is(h2, h3) {
    font-size: var(--phi-font-size-body);
  }
}
/* biome-ignore lint/correctness/noUnknownFunction: Canonical token expanded by the N6 CSS build, as in N2. */
@media (max-width: 48rem) {
  .enc-directory-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .enc-identity-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }
  .enc-identity-layout .ui-viewer-commands:first-child {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-block: var(--space-1) var(--space-2);
  }
  .enc-identity-layout .ui-viewer-commands:first-child button {
    padding-inline: var(--space-1);
    font-size: var(--phi-font-size-small);
  }
  .enc-identity-layout .ui-viewer-commands:first-child output {
    grid-column: 1 / -1;
  }
}
@media print {
  .ui-main:focus,
  .enc-page:focus {
    outline: 0;
  }
  .enc-page .ui-breadcrumbs,
  .enc-page input,
  .enc-page legend {
    display: none !important;
  }
  .enc-page fieldset {
    border: 0;
    padding: 0;
  }
  .enc-page h1 {
    font-size: var(--phi-font-size-heading2);
  }
  .enc-page h2 {
    font-size: var(--phi-font-size-heading3);
  }
  .enc-page h3 {
    font-size: var(--phi-font-size-heading4);
  }
  .enc-facts > div,
  .enc-page #citation,
  .enc-claim,
  .enc-sources > li,
  .enc-relations > li {
    break-inside: avoid;
  }
  .enc-anchors,
  .enc-pagination,
  .enc-filters,
  .enc-search,
  .enc-zoom-link,
  .enc-page button {
    display: none !important;
  }
  .enc-page,
  .enc-section {
    display: block;
  }
  .enc-identity-layout {
    display: block;
  }
  .enc-section {
    break-inside: auto;
    padding-block: var(--space-4);
  }
  .enc-page h1,
  .enc-page h2,
  .enc-page h3 {
    break-after: avoid;
  }
  .enc-page figure {
    break-inside: avoid;
  }
  .enc-table-scroll {
    overflow: visible;
  }
  .enc-table-scroll th,
  .enc-table-scroll td {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .enc-page img {
    max-height: var(--phi-size-poster-maximum);
    object-fit: contain;
    print-color-adjust: exact;
  }
  .enc-page [data-viewer-frame] {
    display: block !important;
  }
  :is(.enc-artwork-page, .enc-profile-page) .enc-record-tools {
    display: block;
    padding-block: var(--space-4);
  }
  :is(.enc-artwork-page, .enc-profile-page) .enc-record-tools > :not(#citation),
  :is(.enc-artwork-page, .enc-profile-page) #citation .enc-citation-formats {
    display: none !important;
  }
  :is(.enc-artwork-page, .enc-profile-page) #citation::details-content,
  :is(.enc-artwork-page, .enc-profile-page) .enc-source-details::details-content {
    display: block;
    content-visibility: visible;
  }
  :is(.enc-artwork-page, .enc-profile-page) #citation > .enc-tool-content {
    display: block !important;
  }
  :is(.enc-artwork-page, .enc-profile-page) #citation > summary {
    list-style: none;
    padding: var(--space-0);
    min-block-size: 0;
  }
  :is(.enc-artwork-page, .enc-profile-page) #citation > summary::marker {
    content: "";
  }
}

/* biome-ignore lint/correctness/noUnknownFunction: Canonical token expanded by the N6 CSS build. */
@media (max-width: 64rem) {
  .enc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* biome-ignore lint/correctness/noUnknownFunction: Canonical token expanded by the N6 CSS build. */
@media (max-width: 48rem) {
  .enc-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Editorial home: bounded selections, integral posters, native scroll carousels. */
body:has(.enc-home-page) .ui-page-wrap {
  max-width: none;
}
.ui-main:has(.enc-home-page) {
  padding: var(--space-0);
}
.enc-home-page {
  gap: var(--space-0);
}
.enc-home-page [hidden] {
  display: none !important;
}
.enc-home-page :is(h2, h3, p, figure) {
  margin: var(--space-0);
}
.enc-home-page :is(h2, h3) {
  font-weight: var(--phi-font-weight-regular);
}
.enc-home-page a {
  text-decoration: none;
}
.enc-home-page a:is(:hover, :focus-visible) {
  text-decoration: underline;
  text-underline-offset: var(--space-1);
}
.enc-home-container {
  padding-inline: var(--space-12);
  margin-block: var(--space-16);
  min-inline-size: 0;
}
.enc-home-section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-6);
  margin-block-end: var(--space-8);
}
.enc-home-section-header h2 {
  font-size: var(--phi-font-size-heading2);
  line-height: var(--phi-font-line-height-heading);
}
.enc-home-view-all {
  display: inline-flex;
  gap: var(--space-3);
  align-items: center;
  min-block-size: var(--target-min);
  flex-shrink: 0;
  font-size: var(--phi-font-size-ui);
}
.enc-home-eyebrow {
  font-family: var(--font-interface);
  font-size: var(--phi-font-size-small);
  letter-spacing: var(--phi-font-letter-spacing-label);
  text-transform: uppercase;
  line-height: var(--phi-font-line-height-ui);
}
.enc-home-page .ui-caption {
  position: absolute;
  inline-size: var(--border-hairline);
  block-size: var(--border-hairline);
  overflow: hidden;
  clip-path: inset(50%);
  padding: var(--space-0);
}
.enc-home-page .ui-image-frame {
  padding: var(--space-0);
  background: var(--paper-base);
}
.enc-home-page .ui-image-frame img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  object-fit: contain;
}
.enc-home-page .ui-poster {
  min-inline-size: 0;
}
.enc-home-credits {
  font-size: var(--phi-font-size-ui);
  line-height: var(--phi-font-line-height-ui);
}
.enc-home-credits a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
}
.enc-home-hero {
  position: relative;
}
.enc-home-hero-track,
.enc-home-selection-track {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.enc-home-hero-track::-webkit-scrollbar,
.enc-home-selection-track::-webkit-scrollbar {
  display: none;
}
.enc-home-hero-track {
  grid-auto-columns: 100%;
}
.enc-home-hero-slide {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  min-inline-size: 0;
  scroll-snap-align: start;
}
.enc-home-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: var(--space-4);
  padding: var(--space-12);
  background: var(--ink-primary);
  color: var(--paper-base);
}
.enc-home-hero-copy a {
  color: inherit;
}
.enc-home-hero-copy a:focus-visible,
.enc-home-entrances a:focus-visible {
  outline-color: var(--paper-base);
}
.enc-home-hero-copy h2 {
  font-size: var(--phi-font-size-heading2);
  line-height: var(--phi-font-line-height-tight);
  overflow-wrap: anywhere;
}
.enc-home-hero-intro {
  font-family: var(--font-editorial);
  font-size: var(--phi-font-size-body-large);
  line-height: var(--phi-font-line-height-ui);
}
.enc-home-hero-date {
  font-size: var(--phi-font-size-ui);
}
.enc-home-hero-action {
  background: var(--paper-base);
  color: var(--ink-primary) !important;
  border-color: var(--paper-base);
  margin-block-start: var(--space-4);
  gap: var(--space-6);
}
.enc-home-hero-image {
  position: relative;
  display: block;
  min-inline-size: 0;
  min-block-size: var(--phi-size-poster-maximum);
  overflow: hidden;
}
.enc-home-hero-image .ui-poster {
  position: absolute;
  inset: var(--space-0);
  width: 100%;
  height: 100%;
}
.enc-home-hero-image .ui-image-frame {
  height: 100%;
}
.enc-home-hero-image .ui-image-frame img {
  object-fit: cover;
}
.enc-home-hero .enc-home-carousel-controls {
  margin: var(--space-0);
  padding: var(--space-2) var(--space-12);
  border-block-end: var(--border-hairline) solid var(--line-subtle);
}
.enc-home-carousel-controls {
  display: flex;
  gap: var(--space-4);
  align-items: center;
  margin-block-start: var(--space-8);
}
.enc-home-carousel-controls .ui-button {
  border: none;
  padding: var(--space-2);
  background: transparent;
  font-size: var(--phi-font-size-heading4);
}
.enc-home-carousel-controls .ui-button:disabled {
  opacity: 1;
  color: var(--phi-color-ink-disabled);
}
.enc-home-carousel-controls progress {
  flex: 1;
  width: 100%;
  height: var(--border-strong);
  border: none;
  background: var(--line-subtle);
  appearance: none;
}
.enc-home-carousel-controls progress::-webkit-progress-bar {
  background: var(--line-subtle);
}
.enc-home-carousel-controls progress::-webkit-progress-value {
  background: var(--ink-primary);
}
.enc-home-carousel-controls progress::-moz-progress-bar {
  background: var(--ink-primary);
}
.enc-home-carousel-status {
  font-family: var(--font-interface);
  font-size: var(--phi-font-size-small);
  min-inline-size: var(--space-12);
  text-align: center;
}
.enc-home-selection-track {
  --carousel-page-size: 3;
  grid-auto-columns: calc((100% - var(--space-8) * 2) / 3);
  gap: var(--space-8);
  scroll-padding-inline: var(--space-0);
}
.enc-home-selection-track[data-carousel-paged] {
  grid-auto-columns: 100%;
}
.enc-home-selection-page {
  display: grid;
  grid-template-columns: repeat(var(--carousel-page-size), minmax(0, 1fr));
  gap: inherit;
  min-inline-size: 0;
  scroll-snap-align: start;
}
.enc-home-selection-page .enc-home-selection {
  scroll-snap-align: none;
}
.enc-home-selection {
  min-inline-size: 0;
  scroll-snap-align: start;
}
.enc-home-selection-link {
  display: grid;
  gap: var(--space-2);
  color: inherit;
}
.enc-home-selection-images {
  display: flex;
  gap: var(--space-4);
  height: clamp(
    calc(var(--phi-size-poster-maximum) / 2),
    calc(100svh - var(--space-32) * 2 - var(--space-16)),
    var(--phi-size-poster-maximum)
  );
  margin-block-end: var(--space-3);
}
.enc-home-selection-images > figure {
  flex: 1;
}
.enc-home-selection-images .ui-image-frame {
  height: 100%;
}
.enc-home-selection h3 {
  font-size: var(--phi-font-size-heading4);
  line-height: var(--phi-font-line-height-heading);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.enc-home-card-action {
  font-size: var(--phi-font-size-small);
}
.enc-home-selections .enc-home-section-header {
  margin-block-end: var(--space-6);
}
.enc-home-selections .enc-home-carousel-controls {
  margin-block-start: var(--space-6);
}
.enc-home-focus-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-block: var(--border-hairline) solid var(--line-subtle);
}
.enc-home-focus-image {
  min-inline-size: 0;
  padding: var(--space-8);
}
.enc-home-focus-image .ui-image-frame {
  height: calc(var(--phi-size-poster-maximum) - var(--space-8));
}
.enc-home-focus-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  padding: var(--space-16);
  gap: var(--space-4);
}
.enc-home-focus-copy h2 {
  font-size: var(--phi-font-size-heading2);
  line-height: var(--phi-font-line-height-heading);
}
.enc-home-focus-copy > p:not(.enc-home-eyebrow) {
  color: var(--ink-soft);
  max-width: var(--measure-reading);
}
.enc-home-focus-copy .ui-button {
  margin-block-start: var(--space-6);
  gap: var(--space-8);
}
.enc-home-stories-layout {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-8);
}
.enc-home-story {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: var(--space-6);
  align-items: start;
  min-inline-size: 0;
}
.enc-home-story-lead {
  display: block;
}
.enc-home-story-image {
  display: block;
}
.enc-home-story .ui-image-frame {
  height: calc(var(--phi-size-poster-maximum) / 2 - var(--space-8));
}
.enc-home-story-lead .ui-image-frame {
  height: calc(var(--phi-size-poster-maximum) - var(--space-24));
}
.enc-home-story-copy {
  display: grid;
  gap: var(--space-3);
  padding-block: var(--space-3);
}
.enc-home-story h3 {
  font-size: var(--phi-font-size-heading3);
  line-height: var(--phi-font-line-height-heading);
}
.enc-home-stories-side {
  display: grid;
  gap: var(--space-8);
  align-content: start;
}
.enc-home-entrances {
  background: var(--ink-primary);
  color: var(--paper-base);
}
.enc-home-entrances > .enc-home-container {
  padding-block: var(--space-12);
  margin-block: var(--space-0);
}
.enc-home-entrances .enc-home-view-all {
  color: var(--paper-base);
}
.enc-home-entrance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-8);
}
.enc-home-entrance {
  display: flex;
  flex-direction: column;
  background: transparent;
  color: var(--paper-base);
  min-inline-size: 0;
}
.enc-home-entrance > .ui-poster {
  position: relative;
  min-block-size: calc(var(--phi-size-poster-maximum) / 2);
}
.enc-home-entrance .ui-image-frame {
  position: absolute;
  inset: var(--space-0);
  height: 100%;
  padding: var(--space-0);
  background: var(--ink-primary);
}
.enc-home-entrance .ui-image-frame img {
  object-fit: cover;
  object-position: center 30%;
}
.enc-home-entrance-copy {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-6);
}
.enc-home-entrance-copy h3 {
  font-size: var(--phi-font-size-heading4);
  font-family: var(--font-interface);
}
.enc-home-entrance-copy p {
  font-size: var(--phi-font-size-ui);
  color: inherit;
}
.enc-home-other-entrances {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-8);
  margin-block-start: var(--space-6);
  margin-inline-start: auto;
  inline-size: fit-content;
  padding: var(--space-2) var(--space-6);
  background: var(--paper-pure);
  color: var(--ink-primary);
}
.enc-home-other-entrances a {
  color: inherit;
  min-block-size: var(--target-min);
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
}
.enc-home-other-entrances a:focus-visible {
  outline-color: var(--ink-primary);
}
.enc-home-empty {
  padding-block: var(--space-16);
}
.enc-card-artists {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-0) var(--space-3);
  font-size: var(--phi-font-size-ui);
  line-height: var(--phi-font-line-height-ui);
}
.enc-card-artists a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
}

/* biome-ignore lint/correctness/noUnknownFunction: Canonical breakpoints expanded by the existing build. */
@media (max-width: 64rem) {
  .enc-home-container {
    padding-inline: var(--space-8);
    margin-block: var(--space-12);
  }
  .enc-home-hero-copy {
    padding: var(--space-8);
  }
  .enc-home-hero-slide {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .enc-home-hero-copy h2 {
    font-size: var(--phi-font-size-heading3);
  }
  .enc-home-focus-copy {
    padding: var(--space-8);
  }
  .enc-home-selection-track {
    --carousel-page-size: 2;
    grid-auto-columns: calc((100% - var(--space-6)) / 2);
    gap: var(--space-6);
  }
}
/* biome-ignore lint/correctness/noUnknownFunction: Canonical breakpoint expanded by the existing build. */
@media (max-width: 48rem) {
  .enc-home-container {
    padding-inline: var(--space-4);
    margin-block: var(--space-12);
  }
  .enc-home-section-header {
    gap: var(--space-4);
    margin-block-end: var(--space-6);
    align-items: start;
  }
  .enc-home-section-header h2 {
    font-size: var(--phi-font-size-heading3);
  }
  .enc-home-view-all {
    font-size: var(--phi-font-size-small);
    flex-shrink: 1;
    text-align: end;
  }
  .enc-home-hero-slide {
    grid-template-columns: minmax(0, 1fr);
  }
  .enc-home-hero-copy {
    padding: var(--space-6);
    gap: var(--space-3);
  }
  .enc-home-hero-copy h2 {
    font-size: var(--phi-font-size-heading2);
  }
  .enc-home-hero-intro {
    font-size: var(--phi-font-size-body);
  }
  .enc-home-hero-action {
    margin-block-start: var(--space-0);
  }
  .enc-home-hero-image {
    grid-row: 1;
    min-block-size: calc(var(--phi-size-poster-maximum) * 2 / 3);
  }
  .enc-home-hero .enc-home-carousel-controls {
    padding-inline: var(--space-4);
  }
  .enc-home-selection-track {
    --carousel-page-size: 1;
    grid-auto-columns: 100%;
    gap: var(--space-4);
  }
  .enc-home-focus-layout,
  .enc-home-stories-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .enc-home-focus-image {
    padding: var(--space-6);
  }
  .enc-home-focus-image .ui-image-frame {
    height: calc(var(--phi-size-poster-maximum) * 2 / 3);
  }
  .enc-home-focus-copy {
    padding: var(--space-6) var(--space-0);
  }
  .enc-home-focus-copy .ui-button {
    margin-block-start: var(--space-2);
  }
  .enc-home-story h3 {
    font-size: var(--phi-font-size-heading4);
  }
  .enc-home-story {
    gap: var(--space-4);
  }
  .enc-home-story .ui-image-frame {
    height: calc(var(--phi-size-poster-maximum) / 3);
  }
  .enc-home-story-lead .ui-image-frame {
    height: calc(var(--phi-size-poster-maximum) * 2 / 3);
  }
  .enc-home-entrances > .enc-home-container {
    padding-block: var(--space-8);
  }
  .enc-home-entrance-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }
  .enc-home-entrance {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .enc-home-entrance > .ui-poster {
    min-block-size: calc(var(--phi-size-poster-maximum) / 3);
  }
  .enc-home-entrance-copy {
    border: none;
    padding: var(--space-4);
    align-content: center;
  }
  .enc-home-entrance-copy p {
    font-size: var(--phi-font-size-small);
  }
  .enc-home-other-entrances {
    gap: var(--space-4);
  }
}
@media (prefers-reduced-motion: reduce) {
  .enc-home-hero-track,
  .enc-home-selection-track {
    scroll-behavior: auto;
  }
}

/* Image and identity sit together; the article continues underneath without a sidebar. */
.enc-article-identity {
  display: grid;
  gap: var(--space-8) var(--space-12);
  align-items: start;
}
.enc-article-identity-with-image {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
}
.enc-article-identity > *,
.enc-article-identity-text {
  min-inline-size: 0;
}
.enc-article-identity-text {
  display: grid;
  gap: var(--space-6);
}
.enc-article-identity .enc-entity-header p {
  margin-block: var(--space-0);
}
.enc-article-identity .enc-entity-header h1 {
  font-size: var(--phi-font-size-heading2);
  text-wrap: pretty;
}
.enc-article-introduction {
  max-inline-size: var(--measure-reading);
  line-height: var(--phi-font-line-height-body);
  overflow-wrap: anywhere;
}
.enc-article-introduction p + p {
  margin-block-start: var(--space-3);
}
.enc-article-identity .ui-viewer {
  display: flex;
  flex-direction: column;
}
.enc-article-identity .ui-viewer-viewport {
  order: -1;
  border: 0;
}
.enc-article-identity .ui-image-frame {
  padding: var(--space-0);
}
.enc-article-identity .ui-viewer-viewport:not([data-zoom-level]),
.enc-article-identity .ui-viewer-viewport[data-zoom-level="0"] {
  max-block-size: none;
  overflow: visible;
}
.enc-article-identity .ui-viewer-viewport:not([data-zoom-level]) img,
.enc-article-identity .ui-viewer-viewport[data-zoom-level="0"] img {
  max-block-size: var(--phi-size-poster-maximum);
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;
}
.enc-article-identity .enc-record-actions .ui-button {
  padding: var(--space-0);
  border: 0;
  background: transparent;
  color: var(--ink-primary);
  font-weight: var(--phi-font-weight-regular);
}
.enc-article {
  margin-block: var(--space-4) var(--space-6);
  padding-block-start: var(--space-6);
  border-block-start: var(--border-hairline) solid var(--line-subtle);
}
.enc-article-contents nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
  padding-block: var(--space-4);
  font-size: var(--phi-font-size-small);
}
.enc-article-contents {
  margin-block-end: var(--space-6);
}
.enc-article-body {
  min-inline-size: 0;
}
.enc-article-body > section {
  margin-block-end: var(--space-8);
  scroll-margin-block-start: var(--space-6);
}
.enc-article-body p {
  max-inline-size: var(--measure-reading);
  line-height: var(--phi-font-line-height-body);
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.enc-article-section-heading {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.enc-article-section-heading h2 {
  margin-block: var(--space-0) var(--space-4);
  font-size: var(--phi-font-size-heading3);
}
.enc-article-section-heading > a {
  margin-inline-start: auto;
  font-size: var(--phi-font-size-small);
}
.enc-article-complete {
  padding-block: var(--space-2);
  font-size: var(--phi-font-size-small);
}
.enc-article-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-6);
  font-size: var(--phi-font-size-small);
}
.enc-article-tools a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--target-min);
  text-decoration: none;
}
.enc-article-tools a:is(:hover, :focus-visible) {
  text-decoration: underline;
}
.enc-article a {
  text-decoration: none;
}
.enc-article a:is(:hover, :focus-visible) {
  text-decoration: underline;
}
.enc-article-editor {
  max-inline-size: var(--content-max);
  margin-inline: auto;
}
.enc-article-editor form {
  max-inline-size: var(--measure-reading);
}
.enc-article-editor label {
  display: grid;
  gap: var(--space-2);
}
.enc-article-editor textarea {
  inline-size: 100%;
  min-block-size: var(--space-24);
  padding: var(--space-3);
  font: inherit;
  line-height: var(--phi-font-line-height-body);
  color: var(--ink-primary);
  background: var(--paper-base);
  border: var(--border-hairline) solid var(--ink-primary);
  border-radius: 0;
  resize: vertical;
}
.enc-article-editor-sections {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
  margin-block: var(--space-6);
}
.enc-article-editor-sections [aria-current="page"] {
  font-weight: var(--phi-font-weight-semibold);
}
.enc-article-history {
  padding-inline-start: var(--space-6);
}
.enc-article-history > li {
  padding-block: var(--space-6);
  border-block-start: var(--border-hairline) solid var(--line-subtle);
}
.enc-article-history p {
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.enc-article-history form {
  margin-block-start: var(--space-4);
}
/* biome-ignore lint/correctness/noUnknownFunction: Canonical breakpoint expanded by the existing build. */
@media (max-width: 48rem) {
  .enc-article-identity-with-image {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }
}

.enc-article-editor-sections-menu {
  margin-block: var(--space-4) var(--space-6);
}
.enc-article-editor-sections a {
  text-decoration: none;
}
.enc-article-editor-sections a:is(:hover, :focus-visible) {
  text-decoration: underline;
}