.hero-v2 .hero-nav {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  margin-top: 36px;
}

.home-block,
.event-section,
.related-block {
  padding:
    clamp(75px, 9vw, 140px)
    var(--pad);
  max-width: 1500px;
  margin: 0 auto;
  border-top: 1px solid var(--line);
}

.section-title-row {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 30px;
  margin-bottom: 42px;
}

.section-title-row h2 {
  margin: 0;
}

.section-title-row > a {
  text-decoration: none;
}

.statement-v2 {
  padding-top: clamp(100px, 12vw, 180px) !important;
  padding-bottom: clamp(100px, 12vw, 180px) !important;
}

.two-up {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: clamp(50px, 9vw, 150px);
}

.big-text {
  font-size: clamp(1.45rem, 2.5vw, 2.5rem);
  line-height: 1.16;
  letter-spacing: -.03em;
}

.project-period {
  margin-top: 32px;
  font-size: .8rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.archive-v2 a {
  grid-template-columns: 65px 1fr auto;
  gap: 30px;
  padding: 28px 0;
}

.archive-v2 a div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 30px;
}

.archive-v2 a p {
  margin: 0;
  color: var(--muted);
}

.archive-v2 a b {
  font-size: 1.7rem;
  font-weight: normal;
}

@media (max-width: 800px) {

  .section-title-row {
    align-items: flex-start;
    flex-direction: column;
  }

.two-up {
    grid-template-columns: 1fr;
  }

  .archive-v2 a {
    grid-template-columns: 40px 1fr auto;
  }

  .archive-v2 a div {
    display: block;
  }

  .archive-v2 a p {
    margin-top: 6px;
  }

}

.wide-media {
  width: min(1500px, 100%);
  margin: 0 auto;
  padding-left: var(--pad);
  padding-right: var(--pad);
}

.media-hero {
  margin: 0 0 clamp(45px, 7vw, 100px);
}

.media-hero img {
  width: 100%;
  max-height: 82vh;
  object-fit: cover;
}

.media-hero figcaption,
.gallery figcaption {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 8px;
  color: var(--muted);
  font-size: .72rem;
}

.video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: clamp(40px, 7vw, 100px) 0;
  background: #000;
}

.video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(12px, 2vw, 28px);
  margin: clamp(50px, 8vw, 120px) 0;
}

.gallery figure {
  margin: 0;
}

.gallery img {
  width: 100%;
  height: auto;
}

.card-image {
  margin: -30px -30px 25px;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--panel);
}

.card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.card:hover .card-image img {
  transform: scale(1.015);
}

.card-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.release-media {
  max-width: 900px;
}

.release-media .media-hero img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: var(--panel);
}

@media (max-width: 800px) {
  .gallery {
    grid-template-columns: 1fr;
  }

  .media-hero figcaption,
  .gallery figcaption {
    flex-direction: column;
    gap: 2px;
  }
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
}









.lang-switch {
  display: flex;
  gap: 5px;
  font-size: .78rem;
}

.lang-switch a {
  color: var(--muted);
  text-decoration: none;
}

.lang-switch a.active {
  color: var(--fg);
  font-weight: 800;
}

.context-nav {
  min-height: 42px;
  padding: 0 var(--pad);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 25px;
  border-top: 1px solid var(--line);
}

.context-nav a {
  font-size: .78rem;
  text-decoration: none;
}

@media (max-width: 800px) {

  

  

  .site-header {
    padding-bottom: 8px;
  }

  .context-nav {
    display: none;
    padding: 18px var(--pad);
    flex-direction: column;
    align-items: flex-start;
  }

  .context-nav.open {
    display: flex;
  }

  .nav-toggle {
    display: inline-block;
  }

  .lang-switch {
    display: none;
  }
}

.credit-section {
  padding-top: 20px;
  padding-bottom: clamp(50px, 7vw, 100px);
}

.credit-list {
  border-top: 1px solid var(--fg);
}

.credit-entry {
  display: grid;
  grid-template-columns: minmax(180px, .45fr) 1fr;
  gap: 30px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}

.credit-entry strong {
  font-weight: 600;
}

.credit-entry span {
  color: var(--muted);
}

.collaborators {
  margin-top: 35px;
}

.collaborators small {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .68rem;
}

.collaborators p {
  margin-top: 7px;
}

@media (max-width: 800px) {
  .credit-entry {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}



.area-home-hero {
  border-bottom: 1px solid #000;
}

.area-home-inner {
  max-width: var(--wide-max);
  min-height: 46svh;
  margin: 0 auto;
  padding:
    clamp(70px, 9vw, 130px)
    var(--pad)
    clamp(60px, 8vw, 110px);

  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.area-home-hero h1 {
  margin: 0;
  font-size: clamp(3.5955rem, 9.3483vw, 8.6292rem);
  line-height: .75;
  letter-spacing: -.085em;
}

.area-home-intro {
  max-width: 680px;
  margin-top: 30px;
  font-size: clamp(1.05rem, 1.7vw, 1.45rem);
  line-height: 1.45;
}

.area-home-section {
  max-width: var(--wide-max);
  margin: 0 auto;
  padding:
    clamp(65px, 8vw, 110px)
    var(--pad);

  border-bottom: 1px solid #000;
}

.area-section-head {
  margin-bottom: 32px;

  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 30px;
}

.area-section-head h2 {
  margin: 0;
  font-size: clamp(1.8458rem, 3.461vw, 3.3841rem);
  line-height: .95;
  letter-spacing: -.05em;
}

.area-section-head > a {
  font-size: .78rem;
  text-decoration: none;
}

.area-project-grid {
  display: grid;
  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

.area-project-card {
  min-height: 330px;
  padding: 22px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  border-right: 1px solid #000;
  border-bottom: 1px solid #000;

  text-decoration: none;
}

.area-project-card:hover {
  background: #000;
  color: #fff;
}

.area-project-top {
  display: flex;
  justify-content: space-between;
  gap: 20px;

  font-size: .72rem;
}

.area-project-card h3 {
  margin:
    60px
    0
    12px;

  font-size: clamp(1.7rem, 2.7vw, 2.7rem);
  line-height: 1;
  letter-spacing: -.045em;
}

.area-project-card p {
  max-width: 38ch;
  margin: 0;
  line-height: 1.45;
}

.area-project-roles {
  margin-top: 35px;

  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.area-project-roles span {
  padding: 4px 7px;
  border: 1px solid currentColor;

  font-size: .62rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.area-list {
  border-top: 1px solid #000;
}

.area-list-row {
  min-height: 60px;
  padding: 13px 0;

  display: grid;
  grid-template-columns:
    90px
    minmax(250px, 1fr)
    minmax(180px, .65fr)
    25px;

  align-items: baseline;
  gap: 20px;

  border-bottom: 1px solid #000;

  text-decoration: none;
}

.area-list-row:hover {
  background: #000;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

.area-list-year,
.area-list-meta {
  font-size: .82rem;
}

.area-list-meta {
  opacity: .7;
}

.area-list-arrow {
  text-align: right;
}

@media (max-width: 980px) {

  .area-project-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 700px) {

  .area-home-inner {
    min-height: 38svh;
    padding-top: 45px;
    padding-bottom: 50px;
  }

  .area-home-hero h1 {
    font-size: clamp(3.3798rem, 20.1348vw, 5.7528rem);
  }

  .area-home-intro {
    font-size: 1.05rem;
  }

  .area-home-section {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .area-section-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  .area-project-grid {
    grid-template-columns: 1fr;
  }

  .area-project-card {
    min-height: 260px;
  }

  .area-project-card h3 {
    margin-top: 45px;
  }

  .area-list-row {
    grid-template-columns:
      62px
      1fr
      20px;

    gap: 8px 12px;
  }

  .area-list-meta {
    grid-column: 2;
  }

  .area-list-arrow {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

}

.lang-switch button {
  appearance: none;
  border: 0;
  padding: 2px 3px;
  background: transparent;
  color: #555;
  font: inherit;
  font-size: .73rem;
  cursor: pointer;
}

.lang-switch button.active {
  color: #000;
  font-weight: 800;
}

.lang-switch button:hover {
  color: #000;
}

.profile-page {
  max-width: var(--wide-max);
  margin: 0 auto;
  padding: 0 var(--pad);
}

.profile-next {
  border-top: 1px solid #000;
  margin-bottom: clamp(70px, 9vw, 130px);
}

.profile-next a {
  min-height: 70px;
  padding: 16px 0;

  display: flex;
  justify-content: space-between;
  align-items: center;

  border-bottom: 1px solid #000;
  text-decoration: none;
}

.profile-next a:hover {
  padding-left: 10px;
  padding-right: 10px;
  background: #000;
  color: #fff;
}

.experience-list {
  border-top: 1px solid #000;
}

.experience-row {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 30px;
  padding: 24px 0;
  border-bottom: 1px solid #000;
}

.experience-years {
  font-size: .78rem;
  white-space: nowrap;
}

.experience-main h3 {
  margin: 0 0 8px;
  font-size: clamp(1.35rem, 2vw, 2rem);
  letter-spacing: -.03em;
}

.experience-main p {
  max-width: 72ch;
  margin: 0;
  line-height: 1.5;
}

.experience-roles {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 16px;
}

.experience-roles span {
  border: 1px solid #000;
  padding: 4px 7px;
  font-size: .61rem;
  text-transform: uppercase;
  letter-spacing: .055em;
}

@media (max-width: 700px) {

  .experience-row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 20px 0;
  }

}

/* RELATIONAL ARCHIVE */

.relation-section {
  margin-top: 64px;
  padding-top: 24px;
  border-top: 2px solid #000;
}

.relation-head {
  margin-bottom: 20px;
}

.relation-head h2 {
  margin: 0;
}

.relation-list {
  border-top: 1px solid #000;
}

.relation-row {
  display: grid;
  grid-template-columns:
    120px
    minmax(220px, 1fr)
    minmax(180px, .8fr)
    24px;
  gap: 16px;
  align-items: baseline;
  padding: 14px 0;
  border-bottom: 1px solid #000;
  color: inherit;
  text-decoration: none;
}

.relation-row:hover strong,
.relation-work-card:hover strong {
  text-decoration: underline;
}

.relation-date,
.relation-place {
  font-size: .9rem;
}

.relation-arrow {
  text-align: right;
}

.relation-work-card {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  color: inherit;
  text-decoration: none;
}

.relation-work-card div {
  display: flex;
  gap: 16px;
  align-items: baseline;
}

.relation-work-card span {
  font-size: .9rem;
}

@media (max-width: 700px) {

  .relation-section {
    margin-top: 44px;
  }

  .relation-row {
    grid-template-columns: 82px 1fr 20px;
  }

  .relation-place {
    grid-column: 2;
  }

  .relation-arrow {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

  .relation-work-card div {
    flex-direction: column;
    gap: 4px;
  }

}

/* ABOUT — STRUCTURED DATA */

.profile-structured-note {
  padding: 10px 0 22px 136px;
  border-bottom: 1px solid #000;
  max-width: 900px;
  font-size: .95rem;
  line-height: 1.5;
}

@media (max-width: 700px) {

  .profile-structured-note {
    padding-left: 98px;
  }

}

.entity-credits {
  margin: 2rem 0;
  border-top: 1px solid #000;
}

.entity-credit-row {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 20px;
  padding: 12px 0;
  border-bottom: 1px solid #000;
}

.entity-credit-label {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.entity-credit-value {
  line-height: 1.45;
}

@media (max-width: 700px) {
  .entity-credit-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

/* VINX_UI_COMPACT_START */

.site-header {
  min-height: 50px !important;
  height: auto !important;
}

.header-main,
.header-inner-global {
  min-height: 50px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.context-nav {
  min-height: 34px !important;
}

.header-main a,
.header-main button,
.context-nav a {
  font-size: .72rem !important;
}

.area-home-hero {
  min-height: 28svh !important;
  padding:
    clamp(34px, 4.5vw, 62px)
    var(--pad)
    clamp(28px, 4vw, 52px) !important;
}

.area-home-hero h1 {
  margin: 0 !important;
  font-size: clamp(2.5168rem, 5.7528vw, 5.1775rem) !important;
  line-height: .82 !important;
  letter-spacing: -.065em !important;
}

.area-home-hero p {
  margin-top: 16px !important;
  font-size: clamp(.95rem, 1.35vw, 1.18rem) !important;
  line-height: 1.35 !important;
}

.pagehead {
  padding:
    clamp(32px, 4vw, 58px)
    var(--pad) !important;
}

.pagehead h1 {
  margin: 0 !important;
  font-size: clamp(2.3011rem, 5.0337vw, 4.6022rem) !important;
  line-height: .84 !important;
  letter-spacing: -.065em !important;
}

.section-title-row {
  margin-bottom: 22px !important;
  align-items: end !important;
}

.section-title-row h2 {
  margin: 0 !important;
  font-size: clamp(1.4613rem, 2.3074vw, 2.3074rem) !important;
  line-height: .95 !important;
}

.section-title-row > a {
  font-size: .72rem !important;
}

.card {
  min-height: 0 !important;
  height: auto !important;
  padding: 20px !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}

.card h3 {
  margin: 28px 0 10px !important;
  font-size: clamp(1.35rem, 2vw, 2.05rem) !important;
  line-height: 1 !important;
  text-align: center !important;
}

.card p {
  margin-bottom: 0 !important;
  text-align: left !important;
}

.card:hover {
  background: #e8e8e8 !important;
  text-decoration: none !important;
}

.profile-page .prose,
.profile-page .narrow {
  width: 100% !important;
  max-width: 1100px !important;
}

.profile-page .prose p {
  max-width: 1000px !important;
}

.credit-section {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--pad) !important;
  padding-right: var(--pad) !important;
  box-sizing: border-box !important;
}

.credit-list,
.credit-entry,
.entity-credit-row {
  padding-left: 0 !important;
}

.entity-credits {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding:
    24px
    var(--pad)
    0 !important;
  box-sizing: border-box !important;
}

footer {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

@media (max-width: 800px) {
  .site-header,
  .header-main,
  .header-inner-global {
    min-height: 48px !important;
  }

  .area-home-hero,
  .area-hero {
    min-height: 0 !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .area-home-hero h1,
  .area-hero h1,
  .pagehead h1,
  .profile-page .profile-head h1 {
    font-size: clamp(2.1573rem, 11.5056vw, 3.8831rem) !important;
    line-height: .82 !important;
  }

  .section-title-row h2 {
    font-size: clamp(1.3844rem, 7.6912vw, 2.0766rem) !important;
  }

  .card {
    padding: 18px !important;
  }

  .card h3 {
    margin-top: 18px !important;
  }

  .profile-page .prose,
  .profile-page .narrow,
  .credit-section,
  .entity-credits {
    max-width: none !important;
  }
}











.theme-toggle {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}

.theme-disc {
  width: 14px;
  height: 14px;
  display: block;
  border: 1px solid #000;
  border-radius: 50%;
  background:
    linear-gradient(
      90deg,
      #000 0 50%,
      #fff 50% 100%
    );
}

.area-home-hero {
  min-height: 0 !important;
  padding: 0 !important;
}

.area-home-inner {
  width: 100% !important;
  max-width: var(--wide-max) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding:
    clamp(32px, 4vw, 58px)
    var(--pad) !important;
  box-sizing: border-box !important;
  justify-content: flex-start !important;
}

.area-home-hero h1,
.profile-page .profile-head h1 {
  margin: 0 !important;
  font-size:
    clamp(2.3011rem, 5.0337vw, 4.6022rem) !important;
  line-height: .84 !important;
  letter-spacing: -.065em !important;
}

.area-home-intro {
  margin-top: 16px !important;
}

.profile-page {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

.profile-page .profile-body,
.profile-page .profile-next {
  width: 100% !important;
  max-width: var(--wide-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--pad) !important;
  padding-right: var(--pad) !important;
  box-sizing: border-box !important;
}

.archive-v2 a {
  grid-template-columns:
    minmax(0, 1fr)
    auto !important;
}

.archive-v2 a > div {
  grid-column: 1;
}

html[data-main-theme="light"] main {
  --bg: #fff;
  --fg: #000;
  --muted: #4a4a4a;
  --line: #000;
  --panel: #f4f4f4;

  background: #fff;
  color: #000;
}

html[data-main-theme="dark"] main {
  --bg: #000;
  --fg: #fff;
  --muted: #bdbdbd;
  --line: #fff;
  --panel: #111;

  background: #000;
  color: #fff;
}

html[data-main-theme="dark"] main a {
  color: inherit;
}

html[data-main-theme="dark"] main .area-home-hero,
html[data-main-theme="dark"] main .area-home-section,
html[data-main-theme="dark"] main .area-project-grid,
html[data-main-theme="dark"] main .area-project-card,
html[data-main-theme="dark"] main .area-list,
html[data-main-theme="dark"] main .area-list-row,
html[data-main-theme="dark"] main .relation-section,
html[data-main-theme="dark"] main .relation-list,
html[data-main-theme="dark"] main .relation-row,
html[data-main-theme="dark"] main .relation-work-card,
html[data-main-theme="dark"] main .credit-list,
html[data-main-theme="dark"] main .credit-entry,
html[data-main-theme="dark"] main .entity-credits,
html[data-main-theme="dark"] main .entity-credit-row,
html[data-main-theme="dark"] main .profile-head,
html[data-main-theme="dark"] main .profile-next,
html[data-main-theme="dark"] main .profile-next a,
html[data-main-theme="dark"] main .experience-list,
html[data-main-theme="dark"] main .experience-row {
  border-color: #fff !important;
}

html[data-main-theme="dark"] main .area-project-card,
html[data-main-theme="dark"] main .area-list-row,
html[data-main-theme="dark"] main .card,
html[data-main-theme="dark"] main .archive-row,
html[data-main-theme="dark"] main .credit-entry {
  background: #000 !important;
  color: #fff !important;
}

html[data-main-theme="dark"] main .area-project-card:hover,
html[data-main-theme="dark"] main .area-list-row:hover,
html[data-main-theme="dark"] main .card:hover,
html[data-main-theme="dark"] main .archive-row:hover,
html[data-main-theme="dark"] main .profile-next a:hover {
  background: #fff !important;
  color: #000 !important;
}

html[data-main-theme="dark"] main .area-list-meta,
html[data-main-theme="dark"] main .eyebrow,
html[data-main-theme="dark"] main .muted,
html[data-main-theme="dark"] main .credit-entry span {
  color: #bdbdbd !important;
}

.area-collaborations
.area-list-row strong {
  font-weight: 700;
}

.project-children {
  max-width: var(--wide-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--pad);
  padding-right: var(--pad);
  box-sizing: border-box;
}

@media (max-width: 760px) {

  .context-nav .theme-toggle {
    width: 100%;
    height: 42px;
    justify-items: start;
    border-bottom:
      1px solid var(--line);
  }

  .area-home-inner,
  .profile-page .profile-head {
    min-height: 0 !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .area-home-hero h1,
  .profile-page .profile-head h1 {
    font-size:
      clamp(2.1573rem, 11.5056vw, 3.8831rem) !important;
  }

  .archive-v2 a {
    grid-template-columns:
      1fr
      auto !important;
  }
}

/* VINX_EDITORIAL_UI_END */


/* VINX_PRACTICE_NAV_START */

.practice-index {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));
  border-top:
    1px solid currentColor;
  border-left:
    1px solid currentColor;
}

.practice-index-card {
  min-height: 160px;
  padding: 20px;

  display: grid;
  grid-template-columns:
    42px
    minmax(0, 1fr)
    20px;

  gap: 18px;

  border-right:
    1px solid currentColor;
  border-bottom:
    1px solid currentColor;

  color: inherit;
  text-decoration: none;
}

.practice-index-card:hover {
  background: var(--fg);
  color: var(--bg);
}

.practice-index-card strong {
  display: block;
  font-size:
    clamp(1.3rem, 2vw, 2rem);
  line-height: 1;
}

.practice-index-card p {
  max-width: 45ch;
  margin:
    10px
    0
    0;

  font-size: .86rem;
  line-height: 1.4;
}

.practice-count,
.practice-section-count {
  font-size: .72rem;
  font-variant-numeric:
    tabular-nums;
}

.practice-section {
  scroll-margin-top: 100px;
}

.practice-other {
  opacity: .82;
}

html[data-main-theme="dark"]
main
.practice-index,
html[data-main-theme="dark"]
main
.practice-index-card {
  border-color: #fff;
}

html[data-main-theme="dark"]
main
.practice-index-card:hover {
  background: #fff;
  color: #000;
}

@media (max-width: 700px) {

  .practice-index {
    grid-template-columns: 1fr;
  }

  .practice-index-card {
    min-height: 130px;
    grid-template-columns:
      34px
      1fr
      18px;
  }

}













.header-main {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
}

.header-main > .brand {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-right: auto !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.header-main > .theme-toggle,
.header-main > .header-actions {
  flex: 0 0 auto !important;
}

.header-main > .theme-toggle {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  align-self: center !important;
  margin: 0 clamp(.55rem, 1.4vw, 1.35rem) !important;
}

.header-main > .header-actions,
.header-main .lang-switch {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  white-space: nowrap !important;
}













.theme-toggle,
.theme-disc {
  color: inherit !important;
}

.archive-copy-it {
  display: inline;
}

.archive-copy-en {
  display: none;
}

html[lang^="en"] .archive-copy-it {
  display: none;
}

html[lang^="en"] .archive-copy-en {
  display: inline;
}

.profile-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.profile-page .profile-next {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

.profile-page .profile-next a {
  min-height: 7rem !important;
  margin: 0 !important;
  padding:
    clamp(1.4rem, 2.5vw, 2.5rem)
    var(--pad)
    !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 0 !important;
  border-right: 1px solid currentColor !important;
  background: transparent !important;
  color: inherit !important;
}

.profile-page .profile-next a:last-child {
  border-right: 0 !important;
}

.profile-page .profile-next a:hover,
.profile-page .profile-next a:focus-visible {
  outline: 2px solid currentColor !important;
  outline-offset: -2px !important;
}

@media (max-width: 800px) {
  .header-main {
    gap: .35rem !important;
  }

  .header-main > .theme-toggle {
    margin: 0 .3rem !important;
  }

  .profile-page .profile-next {
    grid-template-columns: 1fr !important;
  }

  .profile-page .profile-next a {
    border-right: 0 !important;
    border-bottom: 1px solid currentColor !important;
  }

  .profile-page .profile-next a:last-child {
    border-bottom: 0 !important;
  }
}

/* VINX ART-TECH POLARITY END */

/* VINX PROFILE PAGEHEAD FIX START */

.profile-page {
  width: 100%;
}

.profile-page .profile-pagehead {
  text-align: left !important;
}

.profile-page .profile-pagehead .eyebrow {
  text-align: left !important;
}

.profile-page .profile-pagehead h1 {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.profile-page .profile-content {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.profile-page .profile-content > :first-child {
  margin-top: 0;
}

.profile-page .profile-content p,
.profile-page .profile-content li,
.profile-page .profile-content dl {
  text-align: left;
}

.profile-page .profile-next {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: clamp(3rem, 7vw, 7rem);
  padding-top: 1rem;
  border-top: 1px solid currentColor;
}

.profile-page .profile-next a {
  color: inherit;
  text-decoration: none;
}

.profile-page .profile-next a:hover,
.profile-page .profile-next a:focus-visible {
  text-decoration: underline;
}





















/* VINX NEUTRAL AREA BUTTONS END */

/* VINX THEME DISC CONTRAST START */

.theme-toggle {
  color: inherit !important;
}

.theme-disc {
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 2px solid currentColor !important;
  border-radius: 50% !important;
  background:
    linear-gradient(
      90deg,
      transparent 0,
      transparent 50%,
      currentColor 50%,
      currentColor 100%
    ) !important;
  filter: none !important;
}

.theme-disc::before,
.theme-disc::after {
  content: none !important;
  display: none !important;
}

/* VINX THEME DISC CONTRAST END */

/* VINX ART TECH UNIFIED START */

.landing-unified {
  width: 100%;
  min-height: 100vh;
  padding: clamp(1rem, 2.5vw, 2.5rem);
}

.landing-language button:not(.active) {
  opacity: .45;
}

.landing-art-tech-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: clamp(16rem, 46vh, 36rem);
  padding: 2rem;
  border: 2px solid currentColor;
  text-decoration: none;
  text-align: center;
  font-size: clamp(4rem, 14vw, 14rem);
  font-weight: 500;
  line-height: .82;
  letter-spacing: -.065em;
  transition:
    background-color .15s ease,
    color .15s ease;
}

html[data-main-theme="light"] .landing-art-tech-button {
  background: #000;
  color: #fff;
  border-color: #000;
}

html[data-main-theme="light"] .landing-art-tech-button:hover,
html[data-main-theme="light"] .landing-art-tech-button:focus-visible {
  background: #fff;
  color: #000;
}

html[data-main-theme="dark"] .landing-art-tech-button {
  background: #fff;
  color: #000;
  border-color: #fff;
}

html[data-main-theme="dark"] .landing-art-tech-button:hover,
html[data-main-theme="dark"] .landing-art-tech-button:focus-visible {
  background: #000;
  color: #fff;
}

.landing-art-tech-copy {
  margin-top: clamp(2rem, 5vw, 5rem);
  font-size: clamp(1.35rem, 2.5vw, 2.8rem);
  line-height: 1.08;
}

.landing-art-tech-copy p {
  max-width: 50ch;
  margin: 0 0 .4em;
}

.landing-profile-copy {
  margin-top: clamp(4rem, 9vw, 10rem);
  padding-top: 1rem;
  border-top: 1px solid currentColor;
  font-size: clamp(1.05rem, 1.75vw, 1.6rem);
  line-height: 1.3;
}

.landing-profile-copy p {
  margin: 0 0 .3em;
}

.landing-profile-copy a {
  color: inherit;
}



::selection {
  background: #000;
  color: #fff;
}

html[data-main-theme="dark"] main ::selection,
html[data-main-theme="dark"] .landing-unified ::selection {
  background: #fff;
  color: #000;
}

html[data-main-theme="light"] main ::selection,
html[data-main-theme="light"] .landing-unified ::selection {
  background: #000;
  color: #fff;
}

html[data-main-theme="dark"] .site-header ::selection,
html[data-main-theme="dark"] footer ::selection {
  background: #000;
  color: #fff;
}

html[data-main-theme="light"] .site-header ::selection,
html[data-main-theme="light"] footer ::selection {
  background: #fff;
  color: #000;
}

html[data-main-theme="light"]
.landing-art-tech-button::selection {
  background: #fff;
  color: #000;
}

html[data-main-theme="dark"]
.landing-art-tech-button::selection {
  background: #000;
  color: #fff;
}

@media (max-width: 700px) {
  .landing-art-tech-button {
    min-height: 13rem;
    font-size: clamp(3.2rem, 17vw, 7rem);
  }
}

/* VINX ART TECH UNIFIED END */

/* VINX ARCHIVE ENTRY LANDING START */

.landing-art-tech-button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  align-items: center;
  justify-content: center;

  width: 100%;
  min-height: clamp(17rem, 50vh, 40rem);

  margin: 0;
  padding: clamp(2rem, 5vw, 5rem);

  border: 2px solid currentColor;

  color: inherit;
  background: transparent;

  text-decoration: none;
  text-align: center;

  font-size: clamp(4rem, 14vw, 14rem);
  font-weight: 500;
  line-height: .82;
  letter-spacing: -.065em;

  box-sizing: border-box;
}

html[data-main-theme="light"]
.landing-art-tech-button {
  background: #000;
  color: #fff;
  border-color: #000;
}

html[data-main-theme="light"]
.landing-art-tech-button:hover,
html[data-main-theme="light"]
.landing-art-tech-button:focus-visible {
  background: #fff;
  color: #000;
}

html[data-main-theme="dark"]
.landing-art-tech-button {
  background: #fff;
  color: #000;
  border-color: #fff;
}

html[data-main-theme="dark"]
.landing-art-tech-button:hover,
html[data-main-theme="dark"]
.landing-art-tech-button:focus-visible {
  background: #000;
  color: #fff;
}



@media (max-width: 700px) {
  .landing-art-tech-button {
    min-height: 14rem;
    font-size: clamp(3.2rem, 17vw, 7rem);
  }
}

/* VINX ARCHIVE ENTRY LANDING END */

/* VINX LANDING COMBINED BUTTON START */

.site-header-home .header-main {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(.8rem, 2vw, 1.5rem);
}

.site-header-home .lang-switch {
  margin: 0;
}

.site-header-home .theme-toggle {
  margin: 0;
}

.site-header-home .brand,
.site-header-home .nav-toggle,
.site-header-home .context-nav {
  display: none !important;
}

.landing-unified {
  width: 100%;
  padding-top: clamp(1rem, 3vw, 3rem);
}

.landing-art-tech-button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;

  width: 100%;
  min-height: clamp(22rem, 62vh, 46rem);

  margin: 0;
  padding:
    clamp(2rem, 5vw, 5rem)
    clamp(1.5rem, 4vw, 4rem);

  box-sizing: border-box;

  border: 2px solid currentColor;

  color: inherit;
  background: transparent;

  text-align: left;
  text-decoration: none;

  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
}

.landing-art-tech-title {
  display: block;
  width: 100%;

  text-align: center;

  font-size: clamp(4rem, 14vw, 14rem);
  font-weight: 500;
  line-height: .82;
  letter-spacing: -.065em;
}

.landing-art-tech-copy {
  width: 100%;
  max-width: none;

  margin:
    clamp(3rem, 8vw, 8rem)
    0
    0;

  font-size: clamp(1.25rem, 2.5vw, 2.8rem);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: normal;

  text-align: left;
}

.landing-art-tech-copy p {
  max-width: 52ch;
  margin: 0 0 .4em;
}

html[data-main-theme="light"]
.landing-art-tech-button {
  background: #000;
  color: #fff;
  border-color: #000;
}

html[data-main-theme="light"]
.landing-art-tech-button:hover,
html[data-main-theme="light"]
.landing-art-tech-button:focus-visible {
  background: #fff;
  color: #000;
}

html[data-main-theme="dark"]
.landing-art-tech-button {
  background: #fff;
  color: #000;
  border-color: #fff;
}

html[data-main-theme="dark"]
.landing-art-tech-button:hover,
html[data-main-theme="dark"]
.landing-art-tech-button:focus-visible {
  background: #000;
  color: #fff;
}

.landing-art-tech-button:hover,
.landing-art-tech-button:focus-visible {
  text-decoration: none;
}

.landing-profile-copy {
  margin-top: clamp(4rem, 9vw, 10rem);
}

html[data-main-theme="light"]
.landing-art-tech-button::selection,
html[data-main-theme="dark"]
.landing-art-tech-button:hover::selection {
  background: #fff;
  color: #000;
}

html[data-main-theme="dark"]
.landing-art-tech-button::selection,
html[data-main-theme="light"]
.landing-art-tech-button:hover::selection {
  background: #000;
  color: #fff;
}

@media (max-width: 700px) {
  .site-header-home .header-main {
    gap: .8rem;
  }

  .landing-art-tech-button {
    min-height: 20rem;
    padding: 1.5rem;
  }

  .landing-art-tech-title {
    font-size: clamp(3.2rem, 17vw, 7rem);
  }

  .landing-art-tech-copy {
    margin-top: 3rem;
    font-size: clamp(1.05rem, 5vw, 1.5rem);
  }
}

/* VINX LANDING COMBINED BUTTON END */

/* VINX LANDING BUTTON GLOBAL INVERSION START */

html,
body,
main,
.site-header-home,
.landing-unified,
.landing-art-tech-button,
.landing-profile-copy,
footer {
  transition:
    background-color .12s ease,
    color .12s ease,
    border-color .12s ease;
}

.site-header-home .header-main {
  display: flex;
  align-items: center;
  width: 100%;
}

.site-header-home .brand {
  display: block !important;
  margin-right: auto;
  color: inherit !important;
  text-decoration: none;
}

.site-header-home .lang-switch {
  margin-left: auto;
}

.site-header-home .nav-toggle,
.site-header-home .context-nav {
  display: none !important;
}

.site-header-home .lang-switch,
.site-header-home .lang-switch button,
.site-header-home .theme-toggle {
  color: inherit !important;
}

.site-header-home .lang-switch button,
.site-header-home .theme-toggle {
  background: transparent !important;
}


/* LIGHT — stato normale */

html[data-main-theme="light"],
html[data-main-theme="light"] body,
html[data-main-theme="light"] main,
html[data-main-theme="light"] .landing-unified {
  background: #fff !important;
  color: #000 !important;
}

html[data-main-theme="light"]
.site-header-home,
html[data-main-theme="light"]
footer {
  background: #000 !important;
  color: #fff !important;
}

html[data-main-theme="light"]
.landing-art-tech-button {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}


/* LIGHT — hover/focus pulsantone: inversione dell'intera pagina */

html[data-main-theme="light"]:has(
  .landing-art-tech-button:hover
),
html[data-main-theme="light"]:has(
  .landing-art-tech-button:focus-visible
),
html[data-main-theme="light"]:has(
  .landing-art-tech-button:hover
) body,
html[data-main-theme="light"]:has(
  .landing-art-tech-button:focus-visible
) body,
html[data-main-theme="light"]:has(
  .landing-art-tech-button:hover
) main,
html[data-main-theme="light"]:has(
  .landing-art-tech-button:focus-visible
) main,
html[data-main-theme="light"]:has(
  .landing-art-tech-button:hover
) .landing-unified,
html[data-main-theme="light"]:has(
  .landing-art-tech-button:focus-visible
) .landing-unified {
  background: #000 !important;
  color: #fff !important;
}

html[data-main-theme="light"]:has(
  .landing-art-tech-button:hover
) .site-header-home,
html[data-main-theme="light"]:has(
  .landing-art-tech-button:focus-visible
) .site-header-home,
html[data-main-theme="light"]:has(
  .landing-art-tech-button:hover
) footer,
html[data-main-theme="light"]:has(
  .landing-art-tech-button:focus-visible
) footer {
  background: #fff !important;
  color: #000 !important;
}

html[data-main-theme="light"]:has(
  .landing-art-tech-button:hover
) .landing-art-tech-button,
html[data-main-theme="light"]:has(
  .landing-art-tech-button:focus-visible
) .landing-art-tech-button {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}


/* DARK — stato normale */

html[data-main-theme="dark"],
html[data-main-theme="dark"] body,
html[data-main-theme="dark"] main,
html[data-main-theme="dark"] .landing-unified {
  background: #000 !important;
  color: #fff !important;
}

html[data-main-theme="dark"]
.site-header-home,
html[data-main-theme="dark"]
footer {
  background: #fff !important;
  color: #000 !important;
}

html[data-main-theme="dark"]
.landing-art-tech-button {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}


/* DARK — hover/focus pulsantone: inversione dell'intera pagina */

html[data-main-theme="dark"]:has(
  .landing-art-tech-button:hover
),
html[data-main-theme="dark"]:has(
  .landing-art-tech-button:focus-visible
),
html[data-main-theme="dark"]:has(
  .landing-art-tech-button:hover
) body,
html[data-main-theme="dark"]:has(
  .landing-art-tech-button:focus-visible
) body,
html[data-main-theme="dark"]:has(
  .landing-art-tech-button:hover
) main,
html[data-main-theme="dark"]:has(
  .landing-art-tech-button:focus-visible
) main,
html[data-main-theme="dark"]:has(
  .landing-art-tech-button:hover
) .landing-unified,
html[data-main-theme="dark"]:has(
  .landing-art-tech-button:focus-visible
) .landing-unified {
  background: #fff !important;
  color: #000 !important;
}

html[data-main-theme="dark"]:has(
  .landing-art-tech-button:hover
) .site-header-home,
html[data-main-theme="dark"]:has(
  .landing-art-tech-button:focus-visible
) .site-header-home,
html[data-main-theme="dark"]:has(
  .landing-art-tech-button:hover
) footer,
html[data-main-theme="dark"]:has(
  .landing-art-tech-button:focus-visible
) footer {
  background: #000 !important;
  color: #fff !important;
}

html[data-main-theme="dark"]:has(
  .landing-art-tech-button:hover
) .landing-art-tech-button,
html[data-main-theme="dark"]:has(
  .landing-art-tech-button:focus-visible
) .landing-art-tech-button {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}


/* contenuti testuali seguono sempre la polarità corrente */

.landing-profile-copy,
.landing-profile-copy a,
.site-header-home a,
.site-header-home button,
footer,
footer a {
  color: inherit !important;
}


/* disco inversione */

.site-header-home .theme-disc {
  box-sizing: border-box !important;
  overflow: hidden !important;
  border: 2px solid currentColor !important;
  border-radius: 50% !important;

  background:
    linear-gradient(
      90deg,
      transparent 0,
      transparent 50%,
      currentColor 50%,
      currentColor 100%
    ) !important;

  filter: none !important;
}

.site-header-home .theme-disc::before,
.site-header-home .theme-disc::after {
  content: none !important;
  display: none !important;
}


/* selezione testo */

html[data-main-theme="light"]
main ::selection {
  background: #000;
  color: #fff;
}

html[data-main-theme="dark"]
main ::selection {
  background: #fff;
  color: #000;
}

html[data-main-theme="light"]:has(
  .landing-art-tech-button:hover
)
main ::selection {
  background: #fff;
  color: #000;
}

html[data-main-theme="dark"]:has(
  .landing-art-tech-button:hover
)
main ::selection {
  background: #000;
  color: #fff;
}

/* VINX LANDING BUTTON GLOBAL INVERSION END */

/* VINX INTERNAL POLARITY START */

html[data-main-theme="light"]
body:not(:has(.landing-unified)),
html[data-main-theme="light"]
body:not(:has(.landing-unified)) main {
  background: #fff !important;
  color: #000 !important;
}

html[data-main-theme="light"]
body:not(:has(.landing-unified))
.site-header,
html[data-main-theme="light"]
body:not(:has(.landing-unified))
footer {
  background: #000 !important;
  color: #fff !important;
}

html[data-main-theme="dark"]
body:not(:has(.landing-unified)),
html[data-main-theme="dark"]
body:not(:has(.landing-unified)) main {
  background: #000 !important;
  color: #fff !important;
}

html[data-main-theme="dark"]
body:not(:has(.landing-unified))
.site-header,
html[data-main-theme="dark"]
body:not(:has(.landing-unified))
footer {
  background: #fff !important;
  color: #000 !important;
}

body:not(:has(.landing-unified))
.site-header a,
body:not(:has(.landing-unified))
.site-header button,
body:not(:has(.landing-unified))
footer a {
  color: inherit !important;
}

html[data-main-theme="light"]
body:not(:has(.landing-unified))
main ::selection {
  background: #000;
  color: #fff;
}

html[data-main-theme="light"]
body:not(:has(.landing-unified))
.site-header ::selection,
html[data-main-theme="light"]
body:not(:has(.landing-unified))
footer ::selection {
  background: #fff;
  color: #000;
}

html[data-main-theme="dark"]
body:not(:has(.landing-unified))
main ::selection {
  background: #fff;
  color: #000;
}

html[data-main-theme="dark"]
body:not(:has(.landing-unified))
.site-header ::selection,
html[data-main-theme="dark"]
body:not(:has(.landing-unified))
footer ::selection {
  background: #000;
  color: #fff;
}

/* VINX INTERNAL POLARITY END */

/* VINX PROJECT CONTEXT START */

.record-project-context {
  display: block !important;

  width: auto !important;

  margin: .65rem 0 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  color: inherit !important;

  font-size: .78em;
  font-weight: 400;
  line-height: 1.2;

  opacity: .62;
}

.record-project-label {
  text-transform: uppercase;
  letter-spacing: .08em;
}

.record-project-ref {
  color: inherit !important;
  cursor: pointer;
  text-decoration: none;
}

.record-project-ref:hover,
.record-project-ref:focus-visible {
  opacity: 1;
  text-decoration: underline;
  outline: none;
}

/* VINX PROJECT CONTEXT END */

/* VINX RECORD GRID NORMALISATION START */

main .vinx-record-grid:not(.live-work-list) {
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;

  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;
  border-top:
    1px solid currentColor !important;
  border-left:
    1px solid currentColor !important;

  box-shadow: none !important;
  outline: 0 !important;
}

main .vinx-record-grid:not(.live-work-list) >
.vinx-record-card {
  margin: 0 !important;

  background: transparent !important;
  color: inherit !important;

  border: 0 !important;

  border-right:
    1px solid currentColor !important;

  border-bottom:
    1px solid currentColor !important;

  box-shadow: none !important;
  outline: 0 !important;
}

main .vinx-record-grid:not(.live-work-list) >
.vinx-record-card:first-child,
main .vinx-record-grid:not(.live-work-list) >
.vinx-record-card:first-of-type {
  background: transparent !important;
  color: inherit !important;
}

main .vinx-record-card > a,
main .vinx-record-card > a:link,
main .vinx-record-card > a:visited {
  background: transparent !important;
  color: inherit !important;
}

/* VINX RECORD GRID NORMALISATION END */

/* VINX PROJECT DATE DISPLAY START */

.vinx-project-original-date {
  display: none !important;
}

.record-project-year-display {
  display: block;

  margin: 0 0 .75rem;

  color: inherit !important;

  font-size: inherit;
  font-weight: 400;
  line-height: 1;

  opacity: 1;

  font-variant-numeric:
    tabular-nums;
}

/* VINX PROJECT DATE DISPLAY END */

/* VINX RECORD PALETTE HOVER START */

html {
  --vinx-secondary-text: #767676;
}

html[data-main-theme="light"] {
  --vinx-record-primary: #000;
  --vinx-record-hover-bg: #e8e8e8;
}

html[data-main-theme="dark"] {
  --vinx-record-primary: #fff;
  --vinx-record-hover-bg: #202020;
}

body:not(:has(.landing-unified))
main {
  color:
    var(--vinx-record-primary);
}

body:not(:has(.landing-unified))
main :is(
  .record-project-context,
  .record-project-label,
  .record-project-ref,
  .record-project-year-display,
  .record-derived-year,
  .relation-date,
  .archive-meta,
  .event-meta,
  .work-meta,
  .release-meta
) {
  color:
    var(--vinx-secondary-text) !important;

  opacity: 1 !important;
}

body:not(:has(.landing-unified))
main .record-project-context {
  opacity: 1 !important;
}

body:not(:has(.landing-unified))
main :is(
  .vinx-hover-target,
  .vinx-grid-hover-target
) {
  transition:
    background-color 120ms ease,
    color 120ms ease;
}

body:not(:has(.landing-unified))
main :is(
  .vinx-hover-target,
  .vinx-grid-hover-target
):is(
  :hover,
  :focus-within
) {
  background:
    var(--vinx-record-hover-bg) !important;

  color:
    var(--vinx-record-primary) !important;
}

body:not(:has(.landing-unified))
main :is(
  .vinx-hover-target,
  .vinx-grid-hover-target
):is(
  :hover,
  :focus-within
)
:is(
  a,
  strong,
  em,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6
) {
  color:
    var(--vinx-record-primary) !important;
}

body:not(:has(.landing-unified))
main :is(
  .vinx-hover-target,
  .vinx-grid-hover-target
):is(
  :hover,
  :focus-within
)
:is(
  .record-project-context,
  .record-project-label,
  .record-project-ref,
  .record-project-year-display,
  .record-derived-year,
  .relation-date,
  .archive-meta,
  .event-meta,
  .work-meta,
  .release-meta
) {
  color:
    var(--vinx-secondary-text) !important;

  opacity: 1 !important;
}


body.vinx-live-index
main .vinx-hover-target:is(
  :hover,
  :focus-within
),
body.vinx-live-index
main a.vinx-hover-target:is(
  :hover,
  :focus-visible
) {
  background:
    var(--vinx-record-hover-bg) !important;

  color:
    var(--vinx-record-primary) !important;
}

body.vinx-archive-index
main .vinx-hover-target:is(
  :hover,
  :focus-within
),
body.vinx-archive-index
main a.vinx-hover-target:is(
  :hover,
  :focus-visible
) {
  background:
    var(--vinx-record-hover-bg) !important;

  color:
    var(--vinx-record-primary) !important;
}

/* VINX RECORD PALETTE HOVER END */

/* VINX PROJECT ARCHIVE LIST REFINEMENTS START */

.vinx-project-original-date {
  display: none !important;
}

body:not(:has(.landing-unified))
main .record-project-year-display {
  color:
    var(
      --vinx-secondary-text,
      #767676
    ) !important;

  opacity: 1 !important;
}

main
a.vinx-list-record-with-project
>
.record-project-context {
  grid-column: 2 / -1 !important;

  justify-self: stretch;
  align-self: start;

  width: auto !important;

  margin-top: .45rem !important;
  margin-left: 0 !important;
}

html[data-main-theme="light"] {
  --vinx-archive-hover-bg: #e8e8e8;
}

html[data-main-theme="dark"] {
  --vinx-archive-hover-bg: #202020;
}

body:not(:has(.landing-unified))
main
.vinx-archive-hover-target {
  transition:
    background-color 120ms ease;
}

body:not(:has(.landing-unified))
main
.vinx-archive-hover-target:is(
  :hover,
  :focus-within,
  :focus-visible
) {
  background:
    var(
      --vinx-archive-hover-bg
    ) !important;
}

body:not(:has(.landing-unified))
main
.vinx-archive-hover-target:is(
  :hover,
  :focus-within,
  :focus-visible
)
:is(
  a,
  strong,
  span,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6
) {
  color: inherit !important;
}

/* VINX PROJECT ARCHIVE LIST REFINEMENTS END */

/* VINX DATE GREY + ARCHIVE SHIFT START */

html {
  --vinx-secondary-text: #767676;
}

body:not(:has(.landing-unified))
main :is(
  time,
  .vinx-date-text,
  .record-project-year-display,
  .record-derived-year,
  .relation-date
) {
  color:
    var(
      --vinx-secondary-text
    ) !important;

  opacity: 1 !important;
}

body:not(:has(.landing-unified))
main .vinx-list-date * {
  color:
    var(
      --vinx-secondary-text,
      #767676
    ) !important;

  opacity: 1 !important;
}

body:not(:has(.landing-unified))
main .vinx-list-main >
* {
  text-align: left !important;
}

body:not(:has(.landing-unified))
main .vinx-list-main :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  strong,
  [class*="title"]
) {
  margin-top: 0 !important;

  color:
    var(--vinx-record-primary) !important;

  text-align: left !important;
}


/* PROJECT sempre sotto il titolo */

body:not(:has(.landing-unified))
main .vinx-list-main
.record-project-context {
  display: block !important;

  position: static !important;

  grid-column: auto !important;

  width: auto !important;

  margin:
    .55rem
    0
    0 !important;

  padding: 0 !important;

  color:
    var(
      --vinx-secondary-text,
      #767676
    ) !important;

  opacity: 1 !important;

  text-align: left !important;
}

body:not(:has(.landing-unified))
main .vinx-list-tail * {
  color:
    var(
      --vinx-secondary-text,
      #767676
    ) !important;

  opacity: 1 !important;

  text-align: left !important;
}

/* VINX UNIVERSAL RECORD LIST END */

/* VINX PROJECT RELATIONSHIP UI START */

body:not(:has(.landing-unified))
main .vinx-list-main
.project-relationship {
  display: block;

  margin: .45rem 0 0;
  padding: 0;

  color:
    var(
      --vinx-secondary-text,
      #767676
    ) !important;

  opacity: 1 !important;

  font-size: .78em;
  font-weight: 400;
  line-height: 1.2;

  letter-spacing: .04em;
  text-transform: none;

  text-align: left !important;
}

/* VINX PROJECT RELATIONSHIP UI END */

/* VINX CANONICAL LIST MOTION START */

/*
Un'unica animazione per Archive e liste record.

Lo sfondo e il bordo appartengono alla riga e
rimangono fermi.

Si sposta solo il contenuto:
0 → 2px, 120ms ease.
*/

body:not(:has(.landing-unified))
main
.vinx-list-motion-row >
.vinx-list-motion-piece {
  position: relative !important;

  left: 0 !important;

  transform: none !important;
  translate: none !important;

  transition:
    left 120ms ease !important;
}

body:not(:has(.landing-unified))
main
.vinx-list-motion-row:is(
  :hover,
  :focus-within,
  :focus-visible
) >
.vinx-list-motion-piece {
  left: 2px !important;

  transform: none !important;
  translate: none !important;
}

/*
Il vecchio hydrator globale può ancora creare
project-context nelle righe Event.

Nella pagina Event la sorgente visibile è ormai
solo quella renderizzata da Hugo qui sopra.
*/

/* VINX SERVER EVENT PROJECT ROLLUP END */

/* VINX LIVE MATCH WORKS START */

.live-work-list {
  width: 100%;

  border: 0 !important;
  border-top: 1px solid currentColor !important;

  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.live-work-list .live-work-row {
  border: 0 !important;
  border-bottom: 1px solid currentColor !important;

  box-shadow: none !important;
  outline: 0 !important;

  display: grid;
  grid-template-columns:
    minmax(180px, 0.18fr)
    minmax(0, 1fr)
    minmax(250px, 0.34fr);
  grid-template-rows: auto;
  column-gap: 32px;
  align-items: center;
  padding: 18px 0;
}

.live-work-list .live-work-date {
  grid-column: 1;
  color: #767676;
  align-self: start;
  padding-top: 3px;
}

.live-work-list .live-work-main {
  grid-column: 2;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}

.live-work-list .live-work-title {
  display: block;
  font-size: clamp(1.35rem, 1.65vw, 1.9rem);
  line-height: 1.08;
  font-weight: 700;
}

.live-work-list .record-project-context {
  display: block;
  margin: 0;
  color: #767676;
  font-size: 0.92rem;
  line-height: 1.25;
  font-weight: 400;
}

.live-work-list .record-project-label {
  letter-spacing: 0.04em;
}

.live-work-list .live-work-meta {
  grid-column: 3;
  color: #767676;
  align-self: center;
  text-align: left;
}

.live-work-list .area-list-arrow {
  display: none !important;
}

@media (max-width: 800px) {

  .live-work-list .live-work-row {
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 16px 0;
  }

  .live-work-list .live-work-date,
  .live-work-list .live-work-main,
  .live-work-list .live-work-meta {
    grid-column: 1;
  }

  .live-work-list .live-work-meta {
    margin-top: 4px;
  }

}

.live-work-list
.live-work-row
.live-work-main
> .record-project-context {
  display: block !important;
}

/* VINX LIVE PROJECT SINGLE INSTANCE END */

/* VINX ARCHIVE SHEET TABS START */

main .archive-sheets[hidden],
main section[data-archive-panel][hidden] {
  display: none !important;
}

main .archive-sheets {
  display: flex;
  align-items: stretch;
  gap: .2rem;
  max-width: 100%;
  margin: 0 var(--pad, 2rem) 2rem;
  padding: 0;
  overflow-x: auto;
  border-bottom: 1px solid currentColor;
  scrollbar-width: thin;
}

main .archive-sheets button {
  flex: 0 0 auto;
  appearance: none;
  margin: 0 0 -1px;
  padding: .7rem 1rem;
  font: inherit;
  font-size: .88rem;
  line-height: 1.3;
  font-weight: 500;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  color: inherit;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 6px 6px 0 0;
  opacity: .65;
}

main .archive-sheets button[aria-pressed="true"] {
  background: var(--fg, currentColor);
  color: var(--bg, #fff);
  border-color: var(--fg, currentColor);
  opacity: 1;
}

main .archive-sheets button:not(
  [aria-pressed="true"]
):hover {
  opacity: 1;
  text-decoration: underline;
}

main .archive-sheets button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -3px;
}

@media (max-width: 700px) {
  main .archive-sheets {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  main .archive-sheets button {
    padding: .65rem .8rem;
    font-size: .8rem;
  }
}

/* VINX ARCHIVE SHEET TABS END */

/* VINX HEADING SCALE 2026 */

/* VINX HEADING SCALE PASS 2 2026 */

/* VINX HEADING SCALE PASS 3 2026 */

/* VINX BILINGUAL MARKDOWN BODY */
.vinx-body-it { display: block; }
.vinx-body-en { display: none; }
html[lang^="en"] .vinx-body-it { display: none; }
html[lang^="en"] .vinx-body-en { display: block; }