/* PAGE FAMILY: artist immersive suite (C6) - SKIN tier - from site-artsdot-V2.0.css, original order. Migrated 2026-07-06. */

.atlas-page {
  --sand:        #f2f2f2;
  --sand-2:      #e8e8e8;
  --sand-3:      #d6d6d6;
  --ivory:       #fbfbfb;
  --rule:        rgb(28 28 28 / 12%);
  --rule-strong: rgb(28 28 28 / 28%);
}

.atlas-page .artist-hero-banner.full_width_hero_banner_with_background_image::before {
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.14) 0%,
    rgba(0, 0, 0, 0.22) 50%,
    rgba(255, 255, 255, 0.1) 100%
  );
}

.atlas-page .atlas-section::before {
  background:
    radial-gradient(ellipse 60% 50% at 50% 42%, rgba(255, 255, 255, 0.06), transparent 65%),
    radial-gradient(circle at 50% 50%, transparent 60%, rgba(0, 0, 0, 0.5) 100%);
}

.atlas-page .chip:hover {
  background: rgba(255, 255, 255, 0.08);
}

.atlas-page .chip.active {
  background: rgba(255, 255, 255, 0.14);
}

.atlas-page .artist-hero,.chr-page .artist-hero {
  --adc-bg:      #ffffff;
  --adc-ink:     #111110;
  --adc-muted:   #6e6c68;
  --adc-faint:   #a3a09b;
  --adc-line:    #e6e6e6;
  --adc-line-2:  #d6d6d6;
  --adc-accent:  #b3402a;
  --adc-soft:    #eeeeee;
  --adc-band:    #f5f5f5;
  --adc-serif:   var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  --adc-sans:    var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  --adc-radius:  2px;
  /* Remap museum custom props used by global .atlas-page / .chr-page rules */
  --ink:     var(--adc-ink);
  --ink-2:   var(--adc-muted);
  --ink-3:   var(--adc-faint);
  --sand:    var(--adc-band);
  --sand-2:  var(--adc-soft);
  --sand-3:  var(--adc-line-2);
  --gold:    var(--adc-accent);
  --gold-lt: #c95a47;
  --gold-br: #d9725f;
  --rule:    rgb(17 17 16 / 12%);
  --serif:   var(--adc-serif);
  --sans:    var(--adc-sans);
  font-family: var(--adc-sans);
  color: var(--adc-ink);
  background: var(--adc-band);
  border-bottom: 1px solid var(--adc-line);
}

.atlas-page .artist-hero {
  --adc-band:   #f5f5f5;
  --adc-soft:   #ebebeb;
  --adc-line:   #e8e8e8;
  --adc-line-2: #d7d7d7;
  --sand:       var(--adc-band);
  --sand-2:     var(--adc-soft);
  --sand-3:     var(--adc-line-2);
  background:   var(--adc-band);
  border-bottom-color: var(--adc-line);
}

.atlas-page .artist-hero .hero-inner,.chr-page .artist-hero .hero-inner {
  max-width: var(--adc-maxw, 1440px);
  padding: clamp(40px, 5vw, 72px) var(--adc-pad, 44px);
  gap: clamp(28px, 4vw, 64px);
}

.atlas-page .artist-hero .portrait-frame,.chr-page .artist-hero .portrait-frame {
  padding: 0;
  background: var(--adc-soft);
  border: 1px solid var(--adc-line);
  border-radius: var(--adc-radius);
  box-shadow: none;
}

.atlas-page .artist-hero .portrait-frame img,.chr-page .artist-hero .portrait-frame img {
  filter: none;
  border-radius: 0;
}

.atlas-page .artist-hero .portrait-cap,.chr-page .artist-hero .portrait-cap {
  font-family: var(--adc-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--adc-faint);
}

.atlas-page .artist-hero .portrait-cap,.chr-page .artist-hero .portrait-cap {
  display: none;
}

.atlas-page .artist-hero .artist-kicker,.chr-page .artist-hero .artist-kicker {
  margin-bottom: 14px;
}

.atlas-page .artist-hero .artist-kicker::before,.chr-page .artist-hero .artist-kicker::before {
  width: 24px;
  background: var(--adc-accent);
}

.atlas-page .artist-hero .artist-kicker span,.chr-page .artist-hero .artist-kicker span {
  font-family: var(--adc-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--adc-accent);
}

.atlas-page .artist-hero .artist-name,.chr-page .artist-hero .artist-name {
  font-family: var(--adc-serif);
  font-weight: 700;
  font-size: clamp(32px, 5vw, 64px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: var(--adc-ink);
  margin-bottom: 12px;
}

.atlas-page .artist-hero .artist-name em,.chr-page .artist-hero .artist-name em {
  font-style: italic;
  color: var(--adc-accent);
}

.atlas-page .artist-hero .artist-meta,.chr-page .artist-hero .artist-meta {
  font-family: var(--adc-sans);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--adc-muted);
  margin-bottom: 22px;
}

.atlas-page .artist-hero .artist-meta b,.chr-page .artist-hero .artist-meta b {
  color: var(--adc-ink);
  font-weight: 600;
}

.atlas-page .artist-hero .artist-bio p,.chr-page .artist-hero .artist-bio p {
  font-family: var(--adc-sans);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--adc-muted);
}

.atlas-page .artist-hero .artist-stats,.chr-page .artist-hero .artist-stats {
  border-top: 1px solid var(--adc-line);
  margin-top: 28px;
  padding-top: 22px;
  gap: clamp(20px, 3vw, 40px);
}

.atlas-page .artist-hero .stat-v,.chr-page .artist-hero .stat-v,.atlas-page .artist-hero .stat-v.serif,.chr-page .artist-hero .stat-v.serif {
  font-family: var(--adc-serif);
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--adc-ink);
}

.atlas-page .artist-hero .stat-l,.chr-page .artist-hero .stat-l {
  font-family: var(--adc-sans);
  font-size: 12.5px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--adc-muted);
}

@media (max-width: 760px) {
  .atlas-page .artist-hero .hero-inner,.chr-page .artist-hero .hero-inner {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .atlas-page .artist-hero .portrait-frame,.chr-page .artist-hero .portrait-frame {
    max-width: 280px;
  }

  .atlas-page .artist-hero .artist-stats,.chr-page .artist-hero .artist-stats {
    flex-wrap: wrap;
    gap: 20px 28px;
  }

}
.atlas-page .atlas-section {
  --serif: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  --sans:  var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
}

.atlas-page .atlas-kicker {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
}

.atlas-page .atlas-title {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.atlas-page .atlas-title em {
  font-family: inherit;
  font-style: italic;
  font-weight: inherit;
}

.atlas-page .atlas-sub {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.003em;
}

.atlas-page .atlas-replay {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
}

.atlas-page .rail-block-title {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
}

.atlas-page .chip {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.atlas-page .chip-n {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.atlas-page .rail-reset {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
}

.atlas-page .guide-item h4 {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

.atlas-page .guide-item p {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.003em;
}

.atlas-page .atlas-section .spoke-label {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.015em;
}

.atlas-page .atlas-section .spoke-count {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.atlas-page .atlas-section .center-name {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.02em;
}

.atlas-page .atlas-section .center-sub {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
}

.atlas-page .atlas-section .ring-label,.atlas-page .atlas-section .ring-label-sub {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-weight: 600;
}

.atlas-page .atlas-section .ring-label {
  font-size: 11px;
  letter-spacing: 0.14em;
}

.atlas-page .atlas-section .ring-label-sub {
  font-size: 10px;
  letter-spacing: 0.1em;
}

.atlas-page .atlas-section .node-tip .tt {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-weight: 600;
}

.atlas-page .atlas-section .node-tip .td {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-weight: 600;
  letter-spacing: 0.1em;
}

.chr-page .chronicle-section {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
}

.chr-page .chr-kicker {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
}

.chr-page .chr-title {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: clamp(28px, 4vw, 48px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.chr-page .chr-title em {
  font-family: inherit;
  font-style: italic;
  font-weight: inherit;
}

.chr-page .chr-sub {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.003em;
}

.chr-page .scroll-hint {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.chr-page .guide-card h4 {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

.chr-page .guide-card p {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.003em;
}

.chr-page .chronicle-section {
  background: var(--adc-band, #f5f5f5);
  color: var(--adc-ink, #111110);
}

.chr-page .chronicle-section::before {
  background:
    radial-gradient(ellipse 70% 40% at 30% 20%, rgb(179 64 42 / 5%), transparent 65%),
    radial-gradient(circle at 80% 80%, transparent 60%, rgb(17 17 16 / 4%) 100%);
}

.chr-page .chronicle-section .chr-kicker {
  color: var(--adc-accent, #b3402a);
}

.chr-page .chronicle-section .chr-title {
  color: var(--adc-ink, #111110);
}

.chr-page .chronicle-section .chr-title em {
  color: var(--adc-accent, #b3402a);
}

.chr-page .chronicle-section .chr-sub {
  color: var(--adc-ink-2, #6e6c68);
}

.chr-page .chronicle-section .scroll-hint {
  color: var(--adc-ink-3, #a3a09b);
}

.chr-page .chronicle-section .scroll-hint svg path {
  stroke: var(--adc-accent, #b3402a);
}

.chr-page .chronicle-section .chr-empty {
  color: var(--adc-ink-3, #a3a09b);
}

.chr-page .chronicle-section .tick-lbl {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-variant-numeric: tabular-nums;
  color: var(--adc-ink, #111110);
}

.chr-page .chronicle-section .ch-year-span {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--adc-ink, #111110);
  opacity: 1;
}

.chr-page .chronicle-section .ch-label {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--adc-ink, #111110);
}

.chr-page .chronicle-section .ch-context {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 11px;
  font-weight: 300;
  line-height: 1.55;
  letter-spacing: -0.003em;
  color: var(--adc-ink-2, #6e6c68);
  opacity: 1;
}

.chr-page .chronicle-section .chr-guide {
  background: var(--adc-line, #e6e6e6);
  border-top-color: var(--adc-line, #e6e6e6);
}

.chr-page .chronicle-section .guide-card {
  background: var(--adc-bg, #ffffff);
}

.chr-page .chronicle-section .guide-card h4 {
  color: var(--adc-ink, #111110);
}

.chr-page .chronicle-section .guide-card p {
  color: var(--adc-ink-2, #6e6c68);
}

.chr-page .chronicle-section .ribbon-scroll {
  scrollbar-color: var(--adc-accent, #b3402a) var(--adc-line, #e6e6e6);
}

.chr-page .chronicle-section .ribbon-scroll::-webkit-scrollbar-track {
  background: var(--adc-line, #e6e6e6);
}

.chr-page {
  --gold:    var(--adc-accent, #b3402a);
  --gold-lt: #c95a47;
  --gold-br: #d9725f;
  /* Neutral grays (not warm adc-band/slot beiges) — read by lifeline JS */
  --chr-ch-fill-0: #f0f0f0;
  --chr-ch-fill-1: #eaeaea;
  --chr-ch-fill-2: #e4e4e4;
  --chr-ch-fill-3: #dedede;
  --chr-ch-fill-4: #d8d8d8;
}

.chr-page .chapter-band + .chapter-band {
  border-left-color: rgb(17 17 16 / 10%);
}

.chr-page .axis-tick {
  background: rgb(179 64 42 / 45%);
}

.chr-page .work-pin img,.chr-page .work-pin .work-placeholder {
  border-color: rgb(179 64 42 / 55%);
}

.chr-page .work-pin--big img,.chr-page .work-pin--big .work-placeholder,.chr-page .work-pin:hover img,.chr-page .work-pin:hover .work-placeholder {
  border-color: var(--gold-br);
  box-shadow: none;
}

.chr-page .work-connector {
  background: linear-gradient(to bottom, rgb(179 64 42 / 60%), rgb(179 64 42 / 5%));
}

.chr-page .work-dot {
  background: var(--gold-lt);
  box-shadow: 0 0 6px rgb(179 64 42 / 70%);
}

.chr-page .work-tooltip {
  border-color: rgb(179 64 42 / 30%);
}

.chr-page .work-tooltip strong {
  color: var(--gold-br);
}

.chr-page .ribbon-scroll::-webkit-scrollbar-thumb {
  background: var(--adc-accent, #b3402a);
}

.tl-page {
  /* Scroll rail: soft gray band (not adc-ink — that painted the shell black). */
  --tl-canvas:     var(--adc-band, #f5f5f5);
  --tl-paper:      var(--adc-ink, #111110);
  --tl-gesso:      var(--adc-bg, #ffffff);
  --tl-shadow:     var(--adc-slot, #eeeeee);
  --tl-ink:        var(--adc-ink, #111110);
  --tl-ink-soft:   var(--adc-ink-2, #6e6c68);
  --tl-ink-mute:   #555555;
  --tl-ink-faint:  var(--adc-ink-3, #a3a09b);
  --tl-ink-vapor:  var(--adc-ink-2, #6e6c68);
  --tl-gold:       var(--adc-accent, #b3402a);
  --tl-gold-lt:    #c95a47;
  --tl-rule:       rgb(179 64 42 / 34%);
  --tl-rule-soft:  rgb(179 64 42 / 18%);
  color: var(--adc-ink-2, #6e6c68);
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
}

.tl-page .tl-progress-wrap {
  background: var(--adc-line, #e6e6e6);
}

.tl-page .tl-progress-bar {
  background: linear-gradient(90deg, var(--tl-gold), var(--tl-gold-lt));
  box-shadow: 0 0 12px rgb(179 64 42 / 45%);
}

.tl-page .tl-shell {
  scrollbar-color: var(--tl-gold) var(--tl-canvas);
}

.tl-page .tl-shell::-webkit-scrollbar-track {
  background: var(--adc-line, #e6e6e6);
}

.tl-page .tl-shell::-webkit-scrollbar-thumb {
  background: var(--tl-gold);
}

.tl-page .tl-period-band,.tl-page .tl-period-node {
  background: var(--tl-gold);
}

.tl-page .tl-period-chip .yr {
  color: var(--tl-gold-lt);
}

.tl-page .tl-plate {
  font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: var(--adc-ink-3, #a3a09b);
  padding: 12px 14px 0;
}

.tl-page .tl-year-tag {
  font-family: var(--adc-body, var(--font-body));
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  background: var(--adc-accent, #b3402a);
  border: none;
  border-radius: var(--adc-radius, 2px);
  padding: 4px 8px;
}

.tl-page .tl-mat {
  background: var(--tl-gesso);
}

.tl-page .tl-body {
  border-top-color: var(--adc-line, #e6e6e6);
}

.tl-page .tl-artist {
  font-family: var(--adc-body, var(--font-body));
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-transform: none;
  color: var(--adc-ink, #111110);
  margin: 0 0 4px;
}

.tl-page .tl-wt {
  font-family: var(--adc-serif, var(--font-title));
  font-style: italic;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.25;
  color: var(--adc-muted, #6e6c68);
  margin: 0;
}

.tl-page .tl-work:hover .tl-wt {
  color: var(--adc-accent, #b3402a);
}

.tl-page .tl-rule {
  background: var(--adc-line, #e6e6e6);
  margin: 10px 0 8px;
}

.tl-page .tl-prov {
  font-family: var(--adc-body, var(--font-body));
  font-style: normal;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  color: var(--adc-ink-2, #6e6c68);
}

.genome-wrap {
  --gn-ink:      var(--adc-ink, #111110);
  --gn-ink-2:    var(--adc-muted, #6e6c68);
  --gn-ink-3:    var(--adc-faint, #a3a09b);
  --gn-sand:     var(--adc-band, #f5f5f5);
  --gn-sand-2:   var(--adc-soft, #eeeeee);
  --gn-sand-3:   var(--adc-line-2, #d6d6d6);
  --gn-gold:     var(--adc-accent, #b3402a);
  --gn-gold-lt:  #c95a47;
  --gn-ivory:    var(--adc-bg, #ffffff);
  --gn-rule:     rgb(17 17 16 / 12%);
  --gn-rule-str: rgb(17 17 16 / 20%);
  --gn-serif:    var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  --gn-sans:     var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  background: var(--gn-ivory);
  color: var(--gn-ink);
  font-family: var(--gn-sans);
}

.genome-wrap .gn-scroll-bar {
  background: linear-gradient(90deg, var(--gn-gold) 0%, var(--gn-gold-lt) 100%);
  box-shadow: 0 0 8px rgb(179 64 42 / 50%);
}

.genome-wrap .gn-artist-head {
  background: var(--gn-sand);
  border-top: 1px solid var(--adc-line, #e6e6e6);
  border-bottom: 1px solid var(--adc-line, #e6e6e6);
}

.genome-wrap .gn-kicker {
  margin-bottom: 14px;
}

.genome-wrap .gn-kicker::before {
  width: 24px;
  background: var(--gn-gold);
}

.genome-wrap .gn-kicker span {
  font-family: var(--gn-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gn-gold);
}

.genome-wrap .gn-artist-name {
  font-family: var(--gn-serif);
  font-size: clamp(32px, 5vw, 64px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: var(--gn-ink);
  margin-bottom: 12px;
}

.genome-wrap .gn-artist-name a {
  text-decoration: none;
  color: inherit;
}

.genome-wrap .gn-artist-name em {
  font-style: italic;
  font-weight: inherit;
  color: var(--gn-gold);
}

.genome-wrap .gn-artist-name a:hover em {
  color: var(--gn-ink-2);
}

.genome-wrap .gn-dates {
  font-family: var(--gn-sans);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--gn-ink-2);
  margin-bottom: 22px;
}

.genome-wrap .gn-bio {
  font-family: var(--gn-sans);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
  color: var(--gn-ink-2);
  max-width: 540px;
  margin-bottom: 28px;
}

.genome-wrap .gn-stats {
  border-top: 1px solid var(--adc-line, #e6e6e6);
  padding-top: 22px;
  gap: clamp(20px, 3vw, 40px);
}

.genome-wrap .gn-stat-val,.genome-wrap .gn-stat-val.gn-serif,.genome-wrap .gn-serif.gn-stat-val {
  font-family: var(--gn-serif);
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--gn-ink);
  line-height: 1;
  margin-bottom: 4px;
}

.genome-wrap .gn-stat-lab {
  font-family: var(--gn-sans);
  font-size: 12.5px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--gn-ink-2);
  margin-top: 4px;
}

.genome-wrap .gn-portrait {
  padding: 0;
  background: var(--adc-soft, #eeeeee);
  border: 1px solid var(--adc-line, #e6e6e6);
  border-radius: 2px;
  box-shadow: none;
}

.genome-wrap .gn-portrait:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgb(17 17 16 / 12%);
}

.genome-wrap .gn-portrait img {
  filter: none;
}

.genome-wrap .gn-portrait:hover img {
  filter: none;
}

.genome-wrap .gn-portrait-cap {
  color: var(--gn-ink-3);
  font-family: var(--gn-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.genome-wrap .gn-wheel-preview {
  border: 1px solid var(--adc-line, #e6e6e6);
  border-radius: var(--adc-radius, 2px);
  box-shadow: 0 12px 32px rgb(17 17 16 / 10%);
}

.genome-wrap .gn-wheel-preview-body {
  font-family: var(--gn-sans);
}

.genome-wrap .gn-wp-title {
  font-family: var(--gn-serif);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--gn-ink);
}

.genome-wrap .gn-wp-meta {
  font-family: var(--gn-sans);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: var(--gn-ink-2);
}

.genome-wrap .gn-wp-hsl {
  border-top-color: var(--adc-line, #e6e6e6);
}

.genome-wrap .gn-wp-val {
  font-family: var(--gn-serif);
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--gn-gold);
  line-height: 1;
}

.genome-wrap .gn-wp-lab {
  font-family: var(--gn-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--gn-ink-3);
}

.genome-wrap .gn-fact-card {
  border: 1px solid var(--adc-line, #e6e6e6);
  border-radius: var(--adc-radius, 2px);
}

.genome-wrap .gn-fact-val {
  font-family: var(--gn-serif);
  font-size: clamp(28px, 3.2vw, 38px);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--gn-ink);
}

.genome-wrap .gn-fact-val small {
  font-family: var(--gn-serif);
  font-size: clamp(16px, 1.8vw, 20px);
  font-weight: 600;
  color: var(--gn-gold);
}

.genome-wrap .gn-fact-lab {
  font-family: var(--gn-sans);
  font-size: 12.5px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--gn-ink-2);
}

.genome-wrap .gn-fact-desc {
  font-family: var(--gn-sans);
  font-size: 13px;
  font-weight: 300;
  line-height: 1.55;
  color: var(--gn-ink-2);
}

.genome-wrap .gn-card {
  border: 1px solid var(--adc-line, #e6e6e6);
  border-radius: var(--adc-radius, 2px);
  background: var(--gn-ivory);
}

.genome-wrap .gn-card:hover {
  box-shadow: 0 12px 32px rgb(17 17 16 / 12%);
  border-color: var(--adc-line-2, #d6d6d6);
}

.genome-wrap .gn-card-info {
  font-family: var(--gn-sans);
  padding: 14px 16px 18px;
}

.genome-wrap .gn-card-title {
  font-family: var(--gn-serif);
  font-style: italic;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--gn-ink-2);
  margin-bottom: 6px;
}

.genome-wrap .gn-card:hover .gn-card-title {
  color: var(--gn-gold);
}

.genome-wrap .gn-card-year {
  font-family: var(--gn-sans);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--gn-ink-3);
  margin-bottom: 10px;
}

.genome-wrap .gn-card-color {
  font-family: var(--gn-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gn-gold);
}

.genome-wrap .gn-card-color i {
  border-color: var(--adc-line, #e6e6e6);
  border-radius: 1px;
}

.moom-room {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
}

.moom-room .moom-eyebrow,.moom-room .moom-sec-head .kick,.moom-room .moom-breadcrumb .breadcrumb-navigation-list li,.moom-room .moom-breadcrumb .breadcrumb-navigation-list a,.moom-room .moom-breadcrumb .breadcrumb-current-page-item {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
}

.moom-room .moom-eyebrow,.moom-room .moom-sec-head .kick {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
}

.moom-room .moom-hero h1 {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-weight: 700;
  font-size: clamp(38px, 6vw, 72px);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.moom-room .moom-hero h1 em {
  font-family: inherit;
  font-style: italic;
  font-weight: inherit;
  font-size: 1em;
  display: inline;
}

.moom-room .moom-hero .lede {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.003em;
}

.moom-room .moom-hero-meta .m .v,.moom-room .moom-manifesto .stats .v {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
}

.moom-room .moom-hero-meta .m .l,.moom-room .moom-manifesto .stats .l,.moom-room .moom-manifesto .side {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 12.5px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
}

.moom-room .moom-readout,.moom-room .moom-vitals {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
}

.moom-room .moom-readout {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.moom-room .moom-body {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
}

.moom-room .moom-plate {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif) !important;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.2;
}

.moom-room .moom-body .moom-artist-label {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif) !important;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.moom-room .moom-tag,.moom-room .moom-tag.tonetag {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif) !important;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.3;
}

.moom-room .moom-vitals {
  font-size: 11px;
  letter-spacing: 0.08em;
}

.moom-room .moom-sec-head h2 {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-weight: 600;
  font-size: clamp(26px, 3.4vw, 40px);
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.moom-room .moom-sec-head h2 em {
  font-family: inherit;
  font-style: italic;
  font-size: 1em;
}

.moom-room .moom-sec-head p,.moom-room .moom-bio p,.moom-room .moom-placement {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-style: normal;
}

.moom-room .moom-sec-head p {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
}

.moom-room .moom-body .moom-title {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif) !important;
  font-style: italic;
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.moom-room .moom-body .moom-title span {
  font-family: inherit;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
}

.moom-room .moom-placement,.moom-room .moom-placement a,.moom-room .moom-placement span {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif) !important;
  font-style: normal;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.003em;
}

.moom-room .moom-seal {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.moom-room .moom-manifesto .quote {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-weight: 600;
  font-size: clamp(22px, 2.8vw, 36px);
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.moom-room .moom-manifesto .quote em {
  font-family: inherit;
  font-style: italic;
}

.moom-room .moom-portrait .cap {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-style: normal;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.moom-room .moom-bio h3 {
  font-family: var(--font-title, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
  font-weight: 700;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.moom-room .moom-bio h3 em {
  font-family: inherit;
  font-style: italic;
  font-size: 0.55em;
  font-weight: inherit;
  display: block;
}

.moom-room .moom-bio p {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
}

.moom-room .moom-dock,.moom-room .moom-dock-inner,.moom-room .moom-moods {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif);
}

.moom-room .moom-dock-label {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif) !important;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.35;
}

.moom-room .moom-dock-label em {
  font-family: inherit !important;
  font-style: italic;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: -0.01em;
  text-transform: none;
}

.moom-room .moom-btn {
  font-family: var(--font-body, 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif) !important;
}

.moom-room .moom-btn .name {
  font-family: inherit !important;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  line-height: 1.25;
}

.moom-room .moom-btn .it {
  font-family: inherit !important;
  font-style: italic;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

.moom-room .moom-btn.on .name {
  font-weight: 700;
}

.moom-room .moom-btn.on .it {
  font-weight: 600;
}

@media (max-width: 760px) {
  .moom-room .moom-hero h1 {
    font-size: clamp(32px, 8vw, 48px);
    line-height: 1.04;
  }

  .moom-room .moom-sec-head h2 {
    font-size: clamp(24px, 6vw, 32px);
  }

  .moom-room .moom-dock-label {
    font-size: 10px;
    letter-spacing: 0.12em;
  }

  .moom-room .moom-dock-label em {
    font-size: 12px;
  }

  .moom-room .moom-btn .name {
    font-size: 10px;
    letter-spacing: 0.1em;
  }

  .moom-room .moom-btn .it {
    font-size: 12px;
  }

}
@media (max-width: 480px) {
  .moom-room .moom-hero h1 {
    font-size: clamp(28px, 9vw, 40px);
    line-height: 1.06;
  }

  .moom-room .moom-body .moom-title {
    font-size: 14px;
  }

  .moom-room .moom-body .moom-artist-label,.moom-room .moom-plate,.moom-room .moom-tag {
    font-size: 9px;
  }

}