@font-face {
  font-family: Inter;
  src: url("/fonts/inter-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("/fonts/inter-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("/fonts/space-grotesk-600.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
:root {
  color-scheme: dark;
  --artists-bg: #0b0b0d;
  --artists-panel: #111214;
  --artists-accent: #4c9bff;
  --artists-muted: #aeb3bd;
  --artists-line: #ffffff20;
}
.artists-page {
  margin: 0;
  background: var(--artists-bg);
  color: #f5f5f7;
  font-family: Inter, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.artists-page * {
  box-sizing: border-box;
}
.artists-page ::selection {
  background: #4c9bff;
  color: #0b0b0d;
}
.artists-page {
  scrollbar-color: #555b65 #111214;
}
.artists-page input,
.artists-page textarea {
  caret-color: #5aa7ff;
}
.artists-page [hidden] {
  display: none !important;
}
.artists-page a {
  color: inherit;
  text-decoration: none;
}
.artists-page button,
.artists-page input,
.artists-page textarea {
  font: inherit;
}
.artists-page button,
.artists-page summary {
  cursor: pointer;
}
.artists-page :focus-visible {
  outline: 2px solid #5aa7ff;
  outline-offset: 5px;
}
.artists-page a:hover {
  text-underline-offset: 5px;
}
.artists-page h1,
.artists-page h2,
.artists-page h3 {
  font-family: "Space Grotesk", Inter, sans-serif;
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.035em;
  text-wrap: balance;
  margin: 0;
}
.artists-page h2 {
  font-size: 48px;
}
.artists-page h3 {
  font-size: 22px;
  letter-spacing: -0.02em;
}
.artists-page p {
  margin: 0;
  text-wrap: pretty;
}
.shell {
  width: min(1280px, calc(100% - 96px));
  margin-inline: auto;
}
.section {
  padding-block: 96px;
  scroll-margin-top: 100px;
}
.skip-link {
  position: fixed;
  top: -100px;
  left: 16px;
  z-index: 100;
  background: #4c9bff;
  padding: 12px 24px;
  color: #08111c !important;
}
.skip-link:focus {
  top: 16px;
}
.artists-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: #0b0b0df5;
  border-bottom: 1px solid var(--artists-line);
}
.header-inner {
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.artists-header nav {
  display: flex;
  gap: 32px;
  font-size: 13px;
  color: #c3c6ce;
}
.artists-header nav a:hover {
  color: #fff;
}
.button {
  min-height: 52px;
  padding: 14px 22px;
  background: var(--artists-accent);
  color: #07121f !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  font-size: 14px !important;
  line-height: 1.4;
  font-weight: 600;
  border: 1px solid transparent;
  border-radius: 8px;
}
.button:hover {
  background: #78b4ff;
}

.button:disabled {
  background: #27313f;
  color: #a6b0bf !important;
  cursor: not-allowed;
}
.button-small {
  min-height: 42px;
  padding: 10px 16px;
  gap: 16px;
}
.arrow {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  flex-shrink: 0;
}
.hero {
  position: relative;
  padding-block: 64px 112px;
  min-height: 760px;
}
.hero-copy {
  position: relative;
  z-index: 2;
  max-width: 760px;
  pointer-events: none;
}
.hero-copy a {
  pointer-events: auto;
}
.hero-program {
  color: #bdc6d5;
  font-size: 11px;
  letter-spacing: 0.19em;
  margin-bottom: 24px !important;
}
.hero h1 {
  font-size: 72px;
  line-height: 1.02;
  letter-spacing: -0.04em;
}
.hero h1 > span {
  color: #9bafe0;
}
.hero-description {
  max-width: 460px;
  font-size: 16px;
  color: #b9bfc9;
  margin-top: 28px !important;
  margin-bottom: 28px !important;
  line-height: 1.75;
}
.microcopy {
  font-size: 11px;
  color: #a6acb8;
  margin-top: 16px !important;
}
.hero-photo {
  position: absolute;
  right: 0;
  top: 40px;
  width: 43%;
  height: 620px;
  margin: 0;
  overflow: hidden;
  background: #14171e;
}
.hero-photo > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 48%;
  filter: brightness(0.78);
}
.hero-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #0b0b0d 0%, transparent 30%, transparent 85%),
    linear-gradient(0deg, #0b0b0dba, transparent 25%);
  pointer-events: none;
}
.hero-photo figcaption {
  position: absolute;
  bottom: 24px;
  left: 32px;
  right: 24px;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  font-size: 13px;
}
.hero-photo figcaption > span:last-child {
  color: #d1d5dd;
  font-size: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.hero-photo svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}
.hero-product {
  position: absolute;
  bottom: 30px;
  right: 32px;
  width: 376px;
  display: flex;
  align-items: center;
  gap: 18px;
  background: #111214;
  border: 1px solid #ffffff24;
  padding: 12px;
  z-index: 3;
  box-shadow: 0 16px 40px #0005;
  border-radius: 8px;
}
.hero-product img {
  width: 128px;
  height: 80px;
  object-fit: cover;
  object-position: top;
  border-radius: 4px;
}
.hero-product > span {
  font-family: "Space Grotesk", sans-serif;
  font-size: 14px;
  line-height: 1.4;
}
.hero-product small {
  display: block;
  font-family: Inter, sans-serif;
  font-size: 10px;
  margin-top: 7px;
  color: #aeb3bd;
}
.hero-product:hover {
  border-color: #4c9bff;
}
.benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--artists-line);
  border-bottom: 1px solid var(--artists-line);
}
.benefits > a {
  padding: 36px 32px 36px 0;
}
.benefits > a + a {
  padding-left: 32px;
  border-left: 1px solid var(--artists-line);
}
.benefits .benefit-symbol {
  display: block;
  height: 28px;
  width: 28px;
  flex-shrink: 0;
  fill: none;
  stroke: #75afff;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  margin-bottom: 24px;
}
.benefits h2 {
  font-size: 21px;
}
.benefits p {
  font-size: 13px;
  color: var(--artists-muted);
  margin-top: 12px;
  max-width: 260px;
}
.benefits > a > span {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 24px;
  font-size: 11px;
  color: #c9d9f3;
}
.benefits > a:hover > span {
  color: #7db7ff;
}
.section-heading {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 80px;
  align-items: end;
  margin-bottom: 48px;
}
.section-heading > p {
  font-size: 15px;
  color: var(--artists-muted);
  max-width: 460px;
  line-height: 1.8;
}
.showcase {
  border: 1px solid var(--artists-line);
  background: #111214;
  border-radius: 12px;
  overflow: hidden;
}
.showcase-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  font-size: 11px;
  border-bottom: 1px solid var(--artists-line);
  color: #bdc3ce;
}
.showcase-toolbar > span {
  display: flex;
  align-items: center;
  gap: 10px;
}
.live-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #69a9ff;
  flex-shrink: 0;
}
.showcase-toolbar > a {
  color: #bdcce1;
}
.showcase-tabs {
  display: flex;
  padding-inline: 24px;
  border-bottom: 1px solid var(--artists-line);
  gap: 32px;
}
.showcase-tabs button {
  color: #a9b0bc;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  padding: 17px 0;
  font-size: 12px;
  min-height: 52px;
}
.showcase-tabs button[aria-selected="true"] {
  color: #fff;
  border-color: #4c9bff;
}
.showcase-tabs.has-motion-indicator { position: relative; }
.showcase-tabs.has-motion-indicator button[aria-selected="true"] { border-bottom-color: transparent; }
.showcase-tab-indicator {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 2px;
  background: var(--artists-accent);
  transform-origin: left center;
  pointer-events: none;
}
.has-simulation-feedback [data-sim-bonus-label],
.has-simulation-feedback [data-sim-bonus],
.has-simulation-feedback [data-sim-rate],
.has-simulation-feedback [data-sim-earned] { display: inline-block; transform-origin: center; }
.showcase-panel {
  background: #0d0d11;
}
.product-capture {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1265/712;
  object-fit: cover;
}
.panel-caption {
  display: flex;
  gap: 48px;
  align-items: center;
  justify-content: space-between;
  padding: 26px 32px;
  background: #151619;
}
.panel-caption h3 {
  font-size: 20px;
  max-width: 300px;
}
.panel-caption p {
  font-size: 12px;
  color: #acb2bf;
  max-width: 490px;
}
.suite-foot {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 32px;
  margin-top: 28px;
  font-size: 12px;
}
.text-link {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  font-size: 13px;
  color: #cad9f2 !important;
  min-height: 44px;
  border-bottom: 1px solid #5b708e;
}
.text-link:hover {
  color: #82b9ff !important;
}
.presence {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 96px;
  align-items: center;
}
.presence-copy > p {
  color: #aeb3bd;
  margin-top: 24px;
}
.editorial-list {
  list-style: none;
  padding: 0;
  margin: 36px 0;
}
.editorial-list li {
  padding: 24px 0;
  border-top: 1px solid var(--artists-line);
}
.editorial-list h3 {
  font-size: 18px;
}
.editorial-list p {
  font-size: 13px;
  color: #aeb3bd;
  margin-top: 10px;
  max-width: 400px;
}
.small-note {
  font-size: 11px !important;
  color: #a2aab9 !important;
  max-width: 660px;
  line-height: 1.8;
}
.editorial-art {
  position: relative;
  height: 560px;
  margin: 0;
}
.presence-photo {
  width: 73%;
  height: 90%;
  object-fit: cover;
  object-position: 50% 35%;
}
.presence-flyer {
  position: absolute;
  right: 0;
  bottom: 90px;
  width: 43%;
  height: auto;
  max-height: 360px;
  object-fit: cover;
  box-shadow: 0 18px 40px #0007;
  transform: rotate(5deg);
}
/* A print studio for the real story: textured ink and a clean flyer. */
.presence-stories {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--artists-panel);
}
.presence-story-backdrop {
  position: absolute;
  inset: -24px 0 auto;
  height: calc(100% + 48px);
  z-index: -1;
  pointer-events: none;
  opacity: 0.14;
}
.presence-stories-inner { position: relative; }
.presence-stories .section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  max-width: none;
}
.presence-stories .section-heading h2 { max-width: 680px; }
.presence-stories .section-heading h2 span { color: #82b9ff; }
.presence-story-signature {
  flex: 0 0 auto;
  width: 160px;
  height: auto;
  aspect-ratio: 352 / 262;
  color: #82b9ff;
  opacity: 0.45;
}
.presence-story-signature path {
  stroke: currentColor;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.presence-story-art {
  position: relative;
  perspective: 1200px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 400px) minmax(0, 1fr);
  grid-template-rows: 1fr 1fr;
  column-gap: 64px;
  row-gap: 48px;
  align-items: center;
  width: 100%;
  max-width: 1120px;
  margin: 80px auto 0;
}
.presence-stories .presence-callout h3 { font-size: 20px; line-height: 1.4; }
.presence-stories .presence-callout p { color: #c3cbd8; }
.presence-stories .presence-callout h3::before {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  margin-bottom: 16px;
  background: #82b9ff;
}
.presence-stories .presence-coming {
  padding: 4px 8px;
  border: 1px solid #82b9ff4d;
  border-radius: 4px;
  box-shadow: none;
}
.presence-flyer-open {
  grid-column: 2;
  grid-row: 1 / 3;
  position: relative;
  display: block;
  border-radius: 16px;
  box-shadow: 0 24px 56px #0005;
  cursor: zoom-in;
  transform-origin: center bottom;
}
.presence-flyer-open:focus-visible {
  outline: 3px solid #82b9ff;
  outline-offset: 6px;
}
.presence-story-flyer {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  border-radius: 16px;
}
.presence-expand {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #0b1222;
  color: #fff;
  font-size: 12px;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 180ms cubic-bezier(.16,1,.3,1), transform 180ms cubic-bezier(.16,1,.3,1);
  pointer-events: none;
}
.presence-expand svg { width: 18px; height: 18px; }
.presence-flyer-open:hover .presence-expand,
.presence-flyer-open:focus-visible .presence-expand {
  opacity: 1;
  transform: none;
}
@media (hover: none) {
  .presence-expand { opacity: 1; transform: none; }
}
.flyer-viewer {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgb(8 12 20 / var(--viewer-opacity, 1));
  color: #f4f7ff;
}
.flyer-viewer::backdrop { background: transparent; }
.flyer-viewer[open] { display: flex; flex-direction: column; }
.flyer-viewer-transition {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  max-width: none;
  margin: 0;
  object-fit: fill;
  transform-origin: 0 0;
  pointer-events: none;
}
.flyer-viewer-toolbar {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));
  border-bottom: 1px solid #ffffff20;
  font-size: 14px;
  line-height: 1.5;
}
.flyer-viewer-actions { display: flex; gap: 8px; }
.flyer-viewer button {
  min-height: 44px;
  padding: 8px 16px;
  border: 1px solid #ffffff40;
  border-radius: 12px;
  background: #152033;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.flyer-viewer button:hover { background: #243650; }
.flyer-viewer button:active { background: #31486a; }
.flyer-viewer button:focus-visible { outline: 3px solid #82b9ff; outline-offset: 3px; }
.flyer-viewer-stage {
  position: relative;
  display: grid;
  place-items: center;
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 16px;
  scrollbar-color: #567299 #080c14;
}
.flyer-viewer-image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  margin: 0 auto;
  border-radius: 12px;
  cursor: zoom-in;
  user-select: none;
  -webkit-user-drag: none;
}
.flyer-viewer-image[hidden] { display: none; }
.flyer-viewer-stage:focus-visible { outline: 2px solid #82b9ff; outline-offset: -4px; }
.flyer-viewer-stage.is-zoomed { display: block; touch-action: none; cursor: grab; }
.flyer-viewer-stage.is-zoomed .flyer-viewer-image {
  max-width: none;
  max-height: none;
  cursor: grab;
}
.flyer-viewer-stage.is-dragging, .flyer-viewer-stage.is-dragging .flyer-viewer-image { cursor: grabbing; }
.flyer-viewer-status { position: absolute; z-index: 1; bottom: 16px; left: 16px; right: 16px; width: fit-content; max-width: calc(100% - 32px); margin: 0 auto; padding: 12px 16px; background: #080c14ed; border-radius: 8px; text-align: center; font-size: 13px; }
.flyer-viewer-spinner {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 2px solid #82b9ff40;
  border-top-color: #82b9ff;
  border-radius: 50%;
  animation: flyer-viewer-spin 0.8s linear infinite;
}
.flyer-viewer-loading-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@keyframes flyer-viewer-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .flyer-viewer-spinner { animation: none; }
}
@media (prefers-reduced-motion: reduce) {
  .presence-expand { transition: none; }
}
.presence-notes { display: contents; }
.presence-callout { position: relative; z-index: 1; }
.presence-callout-calendar { grid-column: 1; grid-row: 1; }
.presence-callout-dates { grid-column: 1; grid-row: 2; }
.presence-callout-identity { grid-column: 3; grid-row: 1; }
.presence-callout-background { grid-column: 3; grid-row: 2; }
.presence-callout h3 { font-size: 20px; line-height: 1.3; text-wrap: balance; }
.presence-callout p { margin-top: 12px; color: #b9c3d2; font-size: 14px; line-height: 1.8; }
.presence-coming { display: inline-block; margin-top: 12px; padding-inline: 4px; font-size: 12px; font-weight: 600; color: #c5ddff; box-shadow: inset 0 -7px #82b9ff24; border-radius: 3px; }
.presence-connectors { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.presence-connectors path { vector-effect: non-scaling-stroke; }
.presence-connector-line,
.presence-connector-energy,
.presence-connector-head { fill: none; stroke: #d7e5fa; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1 1; }
.presence-connector-energy { stroke: #82b9ff; stroke-width: 3px; stroke-dasharray: 0.18 1.18; opacity: 0; }
.presence-connector-head { stroke: #eef5ff; stroke-width: 2.5px; }
.presence-connector-origin { fill: #82b9ff; }
.presence-connector-ring { fill: none; stroke: #82b9ff; stroke-width: 1px; opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .presence-connector-energy,
  .presence-connector-ring { display: none; }
}
@media (max-width: 1000px) {
  .presence-story-art { grid-template-columns: minmax(0, 1fr) minmax(0, 320px) minmax(0, 1fr); column-gap: 40px; }
  .presence-callout h3 { font-size: 18px; }
  .presence-callout p { font-size: 13px; }
}
@media (max-width: 767px) {
  .presence-story-art { display: block; margin-top: 48px; }
  .presence-stories .section-heading { position: relative; display: block; }
  .presence-story-signature { position: absolute; right: 0; top: 8px; width: 48px; }
  .presence-story-backdrop { opacity: 0.1; }
  .presence-stories .presence-flyer-open { width: calc(100% - 32px); max-width: 408px; }
  .presence-stories .presence-notes { margin-top: 64px; }
  .presence-stories .presence-callout h3::before { display: none; }
  .presence-flyer-open { max-width: 440px; margin-inline: auto; }
  .presence-notes { display: grid; gap: 32px; margin: 40px 0 0; padding-left: 48px; }
  .presence-callout { grid-column: auto; grid-row: auto; }
  .presence-callout h3 { font-size: 20px; }
  .presence-callout p { font-size: 14px; max-width: 440px; }
}
.connections {
  background: #11151b;
}
.connection-steps,
.process-steps {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  margin: 48px 0 32px;
}
.connection-steps li,
.process-steps li {
  position: relative;
  border-top: 1px solid #ffffff30;
  padding-top: 24px;
}
.connection-steps li > span {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid #6f89ac;
  border-radius: 50%;
  font-size: 12px;
  color: #a4c7ff;
  margin-bottom: 24px;
}
.connection-steps h3,
.process-steps h3 {
  font-size: 20px;
}
.connection-steps p,
.process-steps p {
  font-size: 13px;
  color: #adb5c2;
  margin-top: 12px;
}
.partner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 96px;
  align-items: center;
}
.partner figure {
  margin: 0;
  position: relative;
}
.partner figure img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  filter: saturate(0.75);
}
.partner figcaption {
  font-size: 10px;
  color: #aeb3bd;
  margin-top: 14px;
}
.partner-status {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: #b7c7dd;
  margin-bottom: 24px !important;
}
.partner > div > p:not(.partner-status) {
  color: #aeb3bd;
  margin-top: 24px;
  font-size: 14px;
  max-width: 470px;
}
.partner .text-link {
  margin-block: 16px 24px;
}
.partner .button {
  display: flex;
  width: max-content;
  max-width: 100%;
}
.process {
  border-top: 1px solid var(--artists-line);
}
.process-steps {
  margin-block: 56px 24px;
}
.process-steps li > span {
  display: block;
  font-family: "Space Grotesk", sans-serif;
  color: #7298ca;
  font-size: 32px;
  margin-bottom: 24px;
}
.faq {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 96px;
  border-top: 1px solid var(--artists-line);
}
.faq-items details {
  border-bottom: 1px solid var(--artists-line);
  padding-block: 22px;
}
.faq-items details:first-child {
  padding-top: 0;
}
.faq summary {
  position: relative;
  list-style: none;
  font-size: 14px;
  line-height: 1.6;
  padding-right: 32px;
  min-height: 24px;
}
.faq summary::-webkit-details-marker {
  display: none;
}
.faq summary:after {
  content: "+";
  position: absolute;
  right: 0;
  font-size: 23px;
  color: #a4badc;
  top: -4px;
}
.faq details[open] summary:after {
  content: "−";
}
.faq details p {
  font-size: 13px;
  color: #aeb3bd;
  padding-top: 16px;
  max-width: 550px;
}
.apply-section {
  background: #111214;
  border-top: 1px solid var(--artists-line);
}
.apply-layout {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 96px;
}
.apply-copy > p {
  color: #b0b7c3;
  font-size: 14px;
  max-width: 350px;
  margin-top: 28px;
}
.apply-copy .application-note {
  font-family: "Space Grotesk", sans-serif;
  line-height: 1.9;
  color: #d1d9e6;
  font-size: 17px;
  margin-block: 48px;
}
.apply-copy .text-link {
  font-size: 11px;
}
.application-box {
  min-width: 0;
}
.application-gate {
  font-size: 11px;
  line-height: 1.8;
  color: #bdcce0;
  background: #1a232e;
  padding: 16px 20px;
  border-radius: 8px;
  margin-bottom: 28px;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.field.full {
  grid-column: 1/-1;
}
.field label {
  font-size: 12px;
  color: #e1e4e9;
}
.field label > span {
  color: #7ab2ff;
}
.field input,
.field textarea {
  width: 100%;
  min-height: 48px;
  background: #0b0b0d;
  border: 1px solid #ffffff28;
  border-radius: 6px;
  padding: 11px 13px;
  color: #f5f5f7;
  outline-offset: 3px;
  font-size: 16px;
  resize: vertical;
}
.field input:hover,
.field textarea:hover {
  border-color: #ffffff60;
}
.whatsapp-input {
  display: flex;
  align-items: center;
  gap: 8px;
}
.whatsapp-prefix {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  padding: 12px;
  border: 1px solid #ffffff28;
  border-radius: 6px;
  background: #181818;
  color: #f5f5f7;
  font-size: 16px;
  line-height: 24px;
}
.whatsapp-flag {
  width: 24px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 2px;
}
.whatsapp-input input {
  flex: 1;
  min-width: 0;
}
.field input::placeholder,
.field textarea::placeholder {
  color: #969eac;
  font-size: 12px;
}
.field input[aria-invalid="true"],
.field textarea[aria-invalid="true"] {
  border-color: #fda4af;
}
.field small {
  font-size: 10px;
  color: #a2abba;
}
.field-error {
  display: block;
  color: #fda4af;
  font-size: 11px;
}
.field-error:empty {
  display: none;
}
.optional-fields {
  margin-block: 28px;
  border-top: 1px solid var(--artists-line);
  border-bottom: 1px solid var(--artists-line);
  padding-block: 16px;
}
.optional-fields > summary {
  font-size: 12px;
  padding-block: 6px;
  min-height: 32px;
}
.optional-fields > summary > span {
  font-size: 10px;
  color: #a2abba;
  margin-left: 12px;
}
.optional-fields .form-grid {
  margin-top: 24px;
}
.consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 11px;
  line-height: 1.8;
  color: #b3bdcb;
  cursor: pointer;
  padding-block: 6px;
}
.consent input {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  accent-color: #4c9bff;
  margin-top: 2px;
}
.consent a {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #cfdef5;
}
.submit-button {
  width: 100%;
  margin-top: 24px;
  position: relative;
}
.artists-landing .submit-button.is-success,
.artists-landing .submit-button.is-success:disabled {
  background: #4ade80;
  color: #04140a !important;
  cursor: default;
  gap: 12px;
}
.submit-check {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.submit-halo,
.submit-spark {
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  translate: -50% -50%;
}
.submit-halo {
  width: 32px;
  height: 32px;
  border: 2px solid #4ade80;
}
.submit-spark {
  width: 6px;
  height: 6px;
  background: #fff;
}
.honey-field {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#application-status {
  font-size: 13px;
  color: #bfcee4;
  margin-top: 20px;
  min-height: 24px;
}
.artists-footer {
  padding-block: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.artists-footer > p {
  color: #aeb3bd;
  font-size: 11px;
}
.artists-footer nav {
  display: flex;
  gap: 20px;
  font-size: 10px;
  color: #aeb3bd;
}
.artists-footer > small {
  font-size: 10px;
  color: #aeb3bd;
}
.calendar-panel {
  min-height: 470px;
  padding: 40px;
}
.calendar-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
}
.calendar-heading h3 {
  font-size: 28px;
}
.calendar-heading p {
  font-size: 12px;
  color: #aeb3bd;
  margin-top: 8px;
}
.text-button {
  border: 1px solid #ffffff30;
  background: transparent;
  color: #c6d8f0;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 12px !important;
  min-height: 44px;
}
.text-button:hover {
  background: #ffffff0a;
}
.agenda-feedback {
  display: flex;
  align-items: center;
  gap: 12px;
}
.agenda-feedback p {
  margin: 0;
}
.agenda-loader {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  box-sizing: border-box;
  border: 2px solid #c6d8f040;
  border-top-color: #c6d8f0;
  border-radius: 50%;
}
.agenda-loader[hidden] {
  display: none;
}


.agenda-slots {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
  margin-block: 24px;
}
.agenda-day {
  padding: 20px 12px;
  background: #171c24;
  border-radius: 8px;
  min-width: 0;
}
.agenda-day time {
  font-family: "Space Grotesk";
  font-size: 24px;
  display: block;
  margin-bottom: 20px;
}
.agenda-day span {
  font-size: 9px;
  color: #bcc7d7;
  display: block;
}
.agenda-day[data-status="RESERVED"] {
  background: #242329;
}
.agenda-day[data-status="DEMANDED"] {
  background: #1a2c47;
}
.calendar-note,
#agenda-status {
  font-size: 12px;
  color: #b1bbca;
  line-height: 1.8;
}
.calendar-note {
  max-width: 700px;
}
@media (min-width: 1440px) {
  .hero-copy {
    max-width: 820px;
  }
  .hero h1 {
    font-size: 72px;
  }
}
@media (max-width: 1100px) {
  .shell {
    width: calc(100% - 64px);
  }
  .hero h1 {
    font-size: 60px;
  }
  .hero-photo {
    width: 45%;
    height: 570px;
  }
  .hero {
    min-height: 710px;
  }
  .hero-description {
    max-width: 390px;
    font-size: 14px;
  }
  .hero-product {
    right: 16px;
    width: 340px;
  }
  .artists-page h2 {
    font-size: 40px;
  }
  .section-heading {
    gap: 48px;
  }
  .presence,
  .partner,
  .faq,
  .apply-layout {
    gap: 48px;
  }
  .editorial-art {
    height: 480px;
  }
  .artists-header nav {
    gap: 20px;
  }
  .connection-steps,
  .process-steps {
    gap: 28px;
  }
  .agenda-slots {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .shell {
    width: calc(100% - 40px);
  }
  .section {
    padding-block: 64px;
    scroll-margin-top: 80px;
  }
  .header-inner {
    height: 68px;
    gap: 12px;
  }
  .artists-header nav {
    display: none;
  }
  .button-small {
    font-size: 11px !important;
    gap: 10px;
    min-height: 40px;
    padding: 10px 12px;
  }
  .hero {
    padding-top: 36px;
    padding-bottom: 24px;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .hero-program {
    font-size: 9px;
    margin-bottom: 20px !important;
  }
  .hero h1 {
    font-size: 44px;
    line-height: 1.04;
  }
  .hero-description {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    font-size: 14px;
    max-width: 430px;
  }
  .hero-copy .button {
    font-size: 12px !important;
    gap: 16px;
    min-height: 50px;
    padding: 14px 16px;
  }
  .microcopy {
    font-size: 9px;
    margin-top: 12px !important;
  }
  .hero-photo {
    position: relative;
    width: 100%;
    height: 350px;
    top: auto;
    right: auto;
    margin-top: 32px;
  }
  .hero-photo > img {
    object-position: 50% 42%;
    filter: brightness(0.9);
  }
  .hero-photo:after {
    background: linear-gradient(0deg, #0b0b0dc0, transparent 35%);
  }
  .hero-photo figcaption {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
  .hero-product {
    position: relative;
    right: auto;
    bottom: auto;
    width: calc(100% - 24px);
    margin: -14px auto 0;
    gap: 16px;
    padding: 10px;
  }
  .hero-product img {
    width: 104px;
    height: 64px;
  }
  .hero-product > span {
    font-size: 12px;
  }
  .hero-product small {
    font-size: 9px;
  }
  .benefits {
    grid-template-columns: 1fr;
    margin-top: 24px;
  }
  .benefits > a,
  .benefits > a + a {
    padding: 28px 0;
    border-left: 0;
    display: grid;
    grid-template-columns: 36px 1fr;
    column-gap: 16px;
    align-items: start;
  }
  .benefits > a + a {
    border-top: 1px solid var(--artists-line);
  }
  .benefits .benefit-symbol {
    grid-row: 1/4;
    margin: 0;
  }
  .benefits h2 {
    font-size: 19px;
  }
  .benefits p {
    max-width: none;
    margin-top: 8px;
    font-size: 12px;
  }
  .benefits > a > span {
    margin-top: 14px;
    font-size: 10px;
    grid-column: 2;
  }
  .artists-page h2 {
    font-size: 36px;
  }
  .section-heading {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 32px;
  }
  .section-heading > p {
    font-size: 14px;
  }
  .showcase-toolbar {
    padding: 14px;
    font-size: 9px;
    gap: 12px;
  }
  .showcase-toolbar > span {
    gap: 6px;
    max-width: 210px;
  }
  .showcase-tabs {
    padding-inline: 16px;
    gap: 24px;
  }
  .showcase-tabs button {
    font-size: 11px;
    min-height: 48px;
    padding-block: 14px;
  }
  .panel-caption {
    display: block;
    padding: 24px 20px;
  }
  .panel-caption h3 {
    font-size: 20px;
  }
  .panel-caption p {
    margin-top: 12px;
    font-size: 12px;
  }
  .suite-foot {
    display: block;
    font-size: 11px;
  }
  .suite-foot > .text-link {
    margin-top: 16px;
  }
  .presence,
  .partner,
  .faq,
  .apply-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .editorial-list {
    margin-block: 24px;
  }
  .editorial-art {
    height: 430px;
    width: 100%;
    max-width: 500px;
  }
  .presence-photo {
    width: 74%;
    height: 90%;
    object-position: 50% 25%;
  }
  .presence-flyer {
    right: 8px;
    bottom: 74px;
    max-height: 280px;
  }
  .connection-steps,
  .process-steps {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 32px;
  }
  .connection-steps li {
    display: grid;
    grid-template-columns: 32px 1fr;
    column-gap: 16px;
  }
  .connection-steps li > span {
    grid-row: 1/3;
    margin: 0;
  }
  .connection-steps h3,
  .process-steps h3 {
    font-size: 19px;
  }
  .connection-steps p {
    grid-column: 2;
  }
  .partner figure {
    max-width: 500px;
  }
  .partner figure img {
    aspect-ratio: 1.1;
  }
  .partner-status {
    margin-bottom: 20px !important;
  }
  .partner .button {
    font-size: 12px !important;
  }
  .process-steps li {
    display: grid;
    grid-template-columns: 44px 1fr;
    column-gap: 16px;
  }
  .process-steps li > span {
    grid-row: 1/3;
    font-size: 26px;
    margin: 0;
  }
  .process-steps p {
    grid-column: 2;
  }
  .faq {
    gap: 32px;
  }
  .faq summary {
    font-size: 13px;
    min-height: 32px;
    display: flex;
    align-items: center;
  }
  .faq-items details {
    padding-block: 18px;
  }
  .faq details p {
    font-size: 12px;
  }
  .apply-copy .application-note {
    margin-block: 24px;
    font-size: 15px;
  }
  .apply-copy > p {
    font-size: 13px;
    margin-top: 24px;
  }
  .application-gate {
    padding: 14px;
    font-size: 10px;
  }
  .form-grid {
    gap: 18px 14px;
  }
  .field label {
    font-size: 11px;
  }
  .field input,
  .field textarea {
    padding: 11px;
    min-height: 48px;
  }
  .field input::placeholder {
    font-size: 10px;
  }
  .field small {
    font-size: 9px;
  }
  .consent {
    font-size: 10px;
  }
  .submit-button {
    font-size: 12px !important;
    gap: 16px;
  }
  .artists-footer {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    padding-block: 36px;
  }
  .artists-footer > p {
    grid-column: 1/-1;
    grid-row: 2;
    font-size: 11px;
  }
  .artists-footer nav {
    grid-column: 1/-1;
    grid-row: 3;
    flex-wrap: wrap;
    font-size: 10px;
  }
  .artists-footer > small {
    grid-column: 2;
    grid-row: 1;
    font-size: 9px;
  }
  .calendar-panel {
    padding: 24px 16px;
    min-height: 450px;
  }
  .calendar-heading {
    align-items: start;
    gap: 10px;
  }
  .calendar-heading h3 {
    font-size: 22px;
  }
  .calendar-heading p {
    font-size: 10px;
  }
  .text-button {
    padding: 8px 10px;
    font-size: 10px !important;
  }
  .agenda-slots {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .agenda-day {
    padding: 16px;
  }
  .agenda-day time {
    font-size: 23px;
    margin-bottom: 12px;
  }
  .calendar-note,
  #agenda-status {
    font-size: 11px;
  }
}
@media (max-width: 380px) {
  .hero h1 {
    font-size: 39px;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .field.full {
    grid-column: auto;
  }
  .hero-program {
    font-size: 8px;
  }
  .showcase-tabs {
    gap: 18px;
  }
  .showcase-tabs button {
    font-size: 10px;
  }
  .artists-page h2 {
    font-size: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .artists-page * {
  }
}
@media (max-width: 767px) {
  .product-capture {
    aspect-ratio: 390/844;
    max-height: 760px;
    object-fit: contain;
    background: #130c19;
  }
  .button-small {
    min-height: 44px;
  }
  .artists-footer nav a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}
#contenido {
  scroll-margin-top: 128px;
}

/* Artists additions preserve the existing editorial rhythm and brand. */
.suite-extras,
.opportunities,
.reward-editorial,
.future-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
}
.suite-extras {
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid var(--artists-line);
}
.suite-extras h3,
.feedback-block h3,
.reward-details h3,
.future-list h3 {
  margin-bottom: 16px;
}
.suite-extras p,
.feedback-block p,
.future-list p,
.reward-details p,
.rewards-followup p {
  color: #c3c7cf;
  max-width: 65ch;
}
.booking-picture .product-capture {
  /* Reserve the capture's full height even while its tab is hidden/loading. */
  aspect-ratio: 2560 / 1920;
  object-fit: contain;
  max-height: none;
  background: #130c19;
}
@media (max-width: 767px) {
  .booking-picture .product-capture {
    aspect-ratio: 1170 / 3300;
  }
}
.opportunities {
  padding-top: 0;
  align-items: start;
}
.opportunities h2 {
  margin-bottom: 24px;
}
.opportunities .small-note {
  margin-top: 20px;
}
.feedback-block {
  background: var(--artists-panel);
  padding: 32px;
  border-radius: 12px;
}
.feedback-block .text-link {
  margin-top: 20px;
  display: inline-flex;
}
.reward-editorial {
  margin: 56px 0 64px;
  grid-template-columns: 1fr 1.05fr;
  gap: 72px;
}
.reward-main {
  padding: 40px;
  background: #152236;
  border-radius: 12px;
  align-self: start;
}
.artists-page .reward-main h3 {
  font-size: 40px;
  line-height: 1.12;
  margin: 28px 0 24px;
}
.reward-main p + p {
  margin-top: 20px;
  color: #c5d5eb;
}
.reward-details {
  display: grid;
  gap: 28px;
}
.reward-details article + article {
  padding-top: 28px;
  border-top: 1px solid var(--artists-line);
}
.benefit-state {
  display: inline-block;
  color: #b7d6ff;
  font-size: 14px;
  line-height: 1.5;
  font-family: Inter, sans-serif;
  letter-spacing: 0;
}
.rewards-followup {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
  margin-top: 40px;
}
.economic-status {
  margin: 40px 0 28px !important;
  padding: 24px;
  border: 1px solid #4c9bff55;
  border-radius: 12px;
  color: #d1ddec;
  max-width: 90ch;
}
.roadmap {
  border-top: 1px solid var(--artists-line);
}
.roadmap-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 64px;
  margin-bottom: 48px;
}
.roadmap-heading > p {
  max-width: 40ch;
  color: #b9bec8;
}
.community-future {
  padding: 48px;
  background: var(--artists-panel);
  border-radius: 12px;
}
.artists-page .community-future h3 {
  font-size: 40px;
  margin: 24px 0;
}
.community-future > p {
  max-width: 68ch;
  color: #c3c7cf;
}
.community-future .small-note {
  margin-top: 20px;
}
.future-list {
  margin-top: 40px;
  gap: 40px 64px;
}
.future-list .benefit-state {
  margin-bottom: 14px;
}
.future-exploration {
  margin-top: 40px !important;
  padding-top: 24px;
  border-top: 1px solid var(--artists-line);
}
.privacy-document {
  max-width: 820px;
}
.privacy-document h1 {
  font-size: clamp(36px, 6vw, 56px);
  margin: 40px 0 24px;
}
.privacy-document h2 {
  font-size: 24px;
  margin: 40px 0 16px;
}
.privacy-document p + p,
.privacy-document ul {
  margin-top: 16px;
}
.privacy-document a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.privacy-document li {
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .reward-editorial {
    gap: 40px;
  }
  .reward-main {
    padding: 28px;
  }
  .roadmap-heading {
    display: block;
  }
  .roadmap-heading > p {
    margin-top: 24px;
    max-width: 65ch;
  }
}
@media (max-width: 767px) {
  .suite-extras,
  .opportunities,
  .reward-editorial,
  .future-list,
  .rewards-followup {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .suite-extras {
    margin-top: 32px;
    padding-top: 28px;
  }
  .feedback-block,
  .reward-main,
  .community-future {
    padding: 24px;
  }
  .artists-page .reward-main h3,
  .artists-page .community-future h3 {
    font-size: 32px;
  }
  .reward-editorial {
    margin: 36px 0 40px;
  }
  .economic-status {
    padding: 20px;
    margin-top: 28px !important;
  }
  .future-list {
    margin-top: 32px;
  }
}
.artists-page .benefits h2 {
  font-size: 21px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-bottom: 32px;
  }
  .hero-copy {
    max-width: 100%;
  }
  .hero-description {
    max-width: 520px;
  }
  .hero-photo {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: 420px;
    margin-top: 40px;
  }
  .hero-photo > img {
    object-position: 50% 38%;
  }
  .hero-photo:after {
    background: linear-gradient(0deg, #0b0b0dba, transparent 30%);
  }
  .hero-product {
    bottom: 12px;
    right: 16px;
  }
  .presence,
  .partner,
  .faq,
  .apply-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .section-heading {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .presence-copy,
  .partner > div,
  .apply-copy {
    max-width: 620px;
  }
  .editorial-art {
    max-width: 600px;
  }
  .partner figure {
    max-width: 580px;
  }
  .apply-copy .application-note {
    margin-block: 24px;
  }
  .connection-steps,
  .process-steps {
    gap: 24px;
  }
  .connection-steps h3,
  .process-steps h3 {
    font-size: 18px;
  }
  .benefits > a,
  .benefits > a + a {
    padding: 28px 20px;
  }
  .artists-page .benefits h2 {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .artists-page .benefits h2 {
    font-size: 19px;
  }
}
/* Artists economic communication: approved 2026-10-16. Scoped to this surface. */
.artists-page {
  --artists-money: #4ade80;
}
.icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.benefit-icon {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}
h3 > .benefit-icon {
  display: block;
  margin-bottom: 20px;
  color: #95b8ef;
}
.benefit-state > .benefit-icon {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  vertical-align: middle;
  display: inline-block;
}
.earnings-lead {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 64px;
  margin-top: 56px;
}
.commission-feature {
  padding: 40px;
  background: #11221a;
  border-radius: 12px;
}
.commission-feature > .benefit-icon,
.first-bonus > .benefit-icon,
.earning-options .benefit-icon {
  color: var(--artists-money);
  margin-bottom: 24px;
}
.artists-page .commission-feature h3,
.artists-page .first-bonus h3 {
  font-size: 32px;
  line-height: 1.12;
}
.artists-page .commission-rate {
  font-family: "Space Grotesk", sans-serif;
  font-size: clamp(64px, 6.1vw, 88px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.035em;
  color: var(--artists-money);
  margin: 40px 0 8px;
  display: flex;
  align-items: baseline;
  white-space: nowrap;
}
.rate-unit {
  font-size: 0.55em;
  margin-left: 3px;
}
.rate-separator {
  padding-inline: 4px;
  color: #a7ceba;
}
.commission-caption {
  color: #c6e5d5 !important;
  font-size: 14px !important;
  margin-bottom: 24px !important;
}
.commission-feature > p:not(.commission-rate) {
  color: #c1d6ca;
}
.margin-definition {
  border-top: 1px solid #5c8f702e;
  margin-top: 28px;
  padding-top: 20px;
}
.margin-definition summary {
  color: #d8efe2;
  font-size: 14px;
  cursor: pointer;
  min-height: 44px;
}
.margin-definition p {
  font-size: 13px;
  color: #c1d6ca;
}
.first-bonus {
  padding: 40px 0;
}
.artists-page .bonus-range {
  font-size: clamp(38px, 4.3vw, 60px);
  font-family: "Space Grotesk", sans-serif;
  color: var(--artists-money);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.025em;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 10px;
  margin: 36px 0 12px;
}
.range-join {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #a9c8b7;
}
.currency-note {
  font-size: 12px !important;
  color: #bdd7c8 !important;
  margin-bottom: 24px !important;
}
.animated-number {
  font-variant-numeric: tabular-nums;
  display: inline-grid;
}
.animated-number > [aria-hidden] {
  grid-area: 1/1;
}
.animated-number:after {
  content: "";
}
.earning-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  padding-block: 64px;
  border-bottom: 1px solid var(--artists-line, #ffffff20);
}
.earning-options article {
  max-width: 520px;
}
.artists-page .earning-value {
  font-size: 56px;
  font-family: "Space Grotesk", sans-serif;
  color: var(--artists-money);
  line-height: 1.05;
  margin: 20px 0;
}
.earning-value > span:last-child {
  font-family: Inter, sans-serif;
  font-size: 20px;
}
.artists-page .earning-key {
  color: var(--artists-money);
  font-size: 28px;
  font-family: "Space Grotesk", sans-serif;
  margin: 24px 0;
}
.fine-copy {
  font-size: 12px !important;
  color: #bac7bf !important;
  margin-top: 16px !important;
}
.partner-progression {
  padding-block: 56px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px 64px;
  border-bottom: 1px solid #ffffff20;
}
.partner-progression > div {
  max-width: 640px;
}
.tier-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}
.tier-list li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 40px 8px 20px;
  align-items: center;
  text-align: center;
  min-width: 0;
}
.tier-list:before, .tier-list:after {
  content: "";
  position: absolute;
  left: 16.6667%;
  right: 16.6667%;
  top: 9px;
  height: 3px;
  background: #3d5346;
}
.tier-list:after {
  background: var(--artists-money, #4ade80);
  transform: scaleX(var(--tier-progress, 1));
  transform-origin: left;
}
.tier-marker {
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  top: 1px;
  left: calc(50% - 9px);
  border-radius: 50%;
  background: #3d5346;
  box-shadow: 0 0 0 6px #11151b;
}
.tier-marker:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--artists-money, #4ade80);
  transform: scale(var(--tier-point, 1));
}
.tier-list strong {
  font-family: "Space Grotesk", sans-serif;
  font-size: 40px;
  color: var(--artists-money);
  font-variant-numeric: tabular-nums;
}
.tier-list small {
  display: block;
  margin-top: 4px;
  color: #bbc9c1;
  font-size: 12px;
}
.progression-note {
  grid-column: 1/-1;
  font-size: 12px !important;
  max-width: 82ch;
}
.rewards-followup .benefit-icon {
  display: block;
  color: #95b8ef;
  margin-bottom: 16px;
}
.connection-steps {
  margin-top: 64px;
}
.connection-steps > li {
  position: relative;
  padding-top: 26px;
}
.connection-steps > li:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: #3d5346;
}
.connection-steps > li:after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: var(--artists-money, #4ade80);
  transform-origin: left;
  transform: scaleX(var(--step-progress, 1));
}
.connection-steps > li > .benefit-icon {
  color: var(--artists-money);
  margin-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 1100px) {
  .earnings-lead,
  .earning-options,
  .partner-progression {
    gap: 32px;
  }
  .commission-feature {
    padding: 28px;
  }
  .artists-page .commission-rate {
    font-size: 62px;
  }
  .artists-page .bonus-range {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .artists-header .header-inner {
    height: auto;
    min-height: 68px;
    padding-block: 8px;
    flex-wrap: wrap;
    row-gap: 4px;
  }
  .artists-header nav {
    display: flex;
    order: 3;
    width: 100%;
    overflow-x: auto;
    gap: 24px;
    padding-block: 2px;
    scrollbar-width: none;
  }
  .artists-header nav::-webkit-scrollbar {
    display: none;
  }
  .artists-header nav a {
    white-space: nowrap;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
  }
  .artists-page .section {
    scroll-margin-top: 136px;
  }
  .earnings-lead,
  .earning-options,
  .partner-progression {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .earnings-lead {
    margin-top: 32px;
  }
  .commission-feature {
    padding: 28px 24px;
  }
  .first-bonus {
    padding: 12px 0;
  }
  .artists-page .commission-feature h3,
  .artists-page .first-bonus h3 {
    font-size: 28px;
  }
  .artists-page .commission-rate {
    font-size: 68px;
    margin-top: 28px;
  }
  .artists-page .bonus-range {
    font-size: 46px;
    gap: 6px 10px;
  }
  .earning-options {
    padding-block: 40px;
    gap: 40px;
  }
  .partner-progression {
    padding-block: 40px;
  }
  .connection-steps {
    margin-top: 40px;
  }
}
@media (prefers-reduced-motion: reduce) {

  .connection-steps > li:after {
    transform: none;
  }
}
.number-size {
  visibility: hidden;
  grid-area: 1/1;
}
.artists-page .commission-promise {
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: clamp(24px, 2.4vw, 32px);
  line-height: 1.25;
  color: #e6f5eb;
  margin-block: 0 28px;
}
.commission-promise strong { color: var(--artists-money); font-weight: 600; }
.bonus-range > span:last-child { white-space: nowrap; }
.earnings-simulator {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 40px 64px;
  padding: 48px;
  margin-block: 56px;
  background: #152019;
  border-radius: 12px;
  scroll-margin-top: 136px;
}
.simulator-heading, .simulator-disclaimer, .earnings-simulator > noscript { grid-column: 1/-1; }
.simulator-heading { max-width: 720px; }
.simulator-heading .benefit-icon { color: var(--artists-money); margin-bottom: 20px; }
.simulator-heading h3 { font-size: clamp(28px, 3vw, 40px); }
.earnings-simulator p, .sim-options small { color: #c6d8cc; }
.ticket-readout { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ticket-readout label { font-size: 16px; font-weight: 600; min-width: 0; }
.ticket-readout output { font: 600 48px/1.1 "Space Grotesk", sans-serif; color: var(--artists-money); font-variant-numeric: tabular-nums; white-space: nowrap; flex: 0 0 auto; }
#sim-tickets {
  display: block;
  width: 100%;
  height: 48px;
  margin: 16px 0 0;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  touch-action: pan-y;
}
#sim-tickets::-webkit-slider-runnable-track { height: 4px; border-radius: 2px; background: linear-gradient(to right, var(--artists-money) var(--range-fill, 40%), #45604e var(--range-fill, 40%)); }
#sim-tickets::-moz-range-track { height: 4px; border-radius: 2px; background: #45604e; }
#sim-tickets::-moz-range-progress { height: 4px; background: var(--artists-money); }
#sim-tickets::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 26px; height: 26px; margin-top: -11px; border: 4px solid #152019; border-radius: 50%; background: var(--artists-money); box-shadow: 0 0 0 1px var(--artists-money); }
#sim-tickets::-moz-range-thumb { width: 20px; height: 20px; border: 3px solid #152019; border-radius: 50%; background: var(--artists-money); }
#sim-tickets:disabled { cursor: default; opacity: .65; }
.range-endpoints { display: flex; justify-content: space-between; color: #c6d8cc; font-size: 12px; }
.sim-options { display: grid; gap: 8px; margin-top: 24px; }
.sim-options label { display: flex; gap: 12px; padding-block: 8px; min-height: 44px; align-items: flex-start; font-size: 14px; cursor: pointer; }
.sim-options input { width: 20px; height: 20px; margin-top: 2px; flex-shrink: 0; accent-color: var(--artists-money); }
.sim-options small { display: block; font-size: 12px; margin-top: 4px; }
.simulator-results { align-self: start; min-width: 0; }
.simulator-results dl { margin: 0; font-variant-numeric: tabular-nums; }
.simulator-results dl > div { display: flex; justify-content: space-between; gap: 20px; padding-block: 12px; }
.simulator-results dt { font-size: 13px; color: #c6d8cc; }
.simulator-results dd { margin: 0; font-weight: 600; white-space: nowrap; font-size: 16px; }
.sim-total { padding-top: 0; margin-top: 0; }
.sim-total > span { display: block; font-size: 13px; color: #c6d8cc; }
.sim-total strong { display: block; font: 600 clamp(40px, 4vw, 56px)/1.25 "Space Grotesk", sans-serif; color: var(--artists-money); font-variant-numeric: tabular-nums; margin-block: 8px; }
.artists-gsap [data-scroll-list] > li { position: relative; }
.artists-gsap .editorial-list > li:before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: -1px;
  height: 1px;
  background: var(--artists-blue, #4c9bff);
  transform-origin: left;
  transform: scaleX(var(--list-progress, 1));
}
.artists-gsap .process-steps > li > span { transform: scale(calc(.88 + var(--list-progress, 1) * .12)); opacity: calc(.65 + var(--list-progress, 1) * .35); }


@media (max-width: 1100px) {
  .earnings-simulator { gap: 32px; padding: 32px; }
}
@media (max-width: 767px) {
  .earnings-simulator { grid-template-columns: 1fr; gap: 24px; padding: 28px 24px; margin-block: 40px; }
  .tier-list li { font-size: 13px; padding-inline: 4px; }
  .tier-list strong { font-size: 32px; }
  .tier-list small { font-size: 11px; }
  .simulator-results { border-top: 1px solid #ffffff20; padding-top: 24px; }
  .ticket-readout output { font-size: 40px; }
  .artists-page .bonus-range { font-size: 40px; }
  .simulator-results dl > div { gap: 12px; }
  .simulator-results dd { font-size: 14px; }


}
@media (prefers-reduced-motion: reduce) {
  .tier-list:after, .tier-marker:after, .artists-gsap .editorial-list > li:before { transform: none; }
  .artists-gsap .presence-photo, .artists-gsap .process-steps > li > span { transform: none; opacity: 1; }

}

/* Artists refinement: concise earnings and a shared future with its own rhythm. */
.simulator-details { grid-column: 1 / -1; border-top: 1px solid #ffffff20; padding-top: 20px; color: #c6d8cc; font-size: 13px; }
.simulator-details summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #effbf3; }
.simulator-details summary::after { content: "+"; font-size: 22px; }
.simulator-details[open] summary::after { content: "−"; }
.simulator-details summary::-webkit-details-marker { display: none; }
.simulator-details summary:hover { color: var(--artists-money); }
.simulator-details p { max-width: 75ch; margin-top: 16px; line-height: 1.7; }
.simulator-details dl { max-width: 480px; margin-block: 20px; font-variant-numeric: tabular-nums; }
.simulator-details dl > div { display: flex; justify-content: space-between; gap: 16px; padding-block: 8px; }
.simulator-details dd { margin: 0; white-space: nowrap; color: #effbf3; }
.sim-calculation { font-size: 14px; line-height: 1.8; margin-top: 20px; max-width: 36ch; }
.sim-calculation strong { color: #effbf3; font-weight: 500; }
.scroll-underline { position: relative; display: inline-block; padding-bottom: .08em; }
.scroll-underline::after { content: ""; position: absolute; inset: auto 0 0; height: 3px; background: var(--artists-accent); transform-origin: left; transform: scaleX(1); }
.artists-gsap .scroll-underline::after { transform: scaleX(var(--underline-progress, 1)); }
.roadmap-heading { margin-bottom: 48px; }
.roadmap-heading h2 > span { color: var(--artists-accent); }
.future-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: start; }
.community-future { position: relative; overflow: hidden; border: 1px solid #4c9bff40; background: #101823; }
.community-future::after { content: ""; position: absolute; inset: auto 0 0; height: 2px; background: var(--artists-accent); transform-origin: left; }

.artists-gsap .community-future::after { transform: scaleX(var(--community-progress, 1)); }
.community-future .benefit-state { display: flex; align-items: center; gap: 12px; }
.community-future .benefit-state svg { flex-shrink: 0; }
.future-layout .future-list { display: grid; grid-template-columns: 1fr; margin-top: 0; gap: 32px; }
.future-layout .future-list article + article { padding-top: 28px; border-top: 1px solid var(--artists-line); }
@media (max-width: 1023px) { .future-layout { gap: 32px; } .community-future { padding: 32px; } }
@media (max-width: 767px) { .future-layout { grid-template-columns: 1fr; gap: 40px; } .community-future { padding: 24px; } .scroll-underline::after { height: 2px; } }
@media (prefers-reduced-motion: reduce) { .artists-gsap .scroll-underline::after, .artists-gsap .community-future::after { transform: none; }  }

/* Interface-guideline fixes belong only to the public /artists landing. */
.artists-landing {
  --artists-gutter: 48px;
  --artists-focus-offset: calc(100px + env(safe-area-inset-top, 0px));
  -webkit-tap-highlight-color: #4c9bff40;
}
.artists-landing .shell {
  width: min(1280px, calc(100% - max(var(--artists-gutter), env(safe-area-inset-left, 0px)) - max(var(--artists-gutter), env(safe-area-inset-right, 0px))));
}
.artists-landing .artists-header {
  padding-top: env(safe-area-inset-top, 0px);
}
.artists-landing .artists-footer {
  padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px));
}
.artists-landing .skip-link {
  left: max(16px, env(safe-area-inset-left, 0px));
}
.artists-landing .skip-link:focus-visible {
  top: calc(16px + env(safe-area-inset-top, 0px));
}
.artists-landing #contenido,
.artists-landing [id],
.artists-landing :is(a, button, input, textarea, summary, [tabindex]) {
  scroll-margin-top: var(--artists-focus-offset);
  scroll-margin-bottom: 24px;
}
.artists-landing :is(a, button, summary, input[type="checkbox"]) {
  touch-action: manipulation;
}
.artists-landing #sim-tickets {
  touch-action: pan-y pinch-zoom;
}
.artists-landing a:hover {
  text-decoration: underline;
}
.artists-landing :is(.button, .hero-product, .benefits > a):hover {
  text-decoration: none;
}
.artists-landing .artists-header a {
  text-decoration: none;
}

.artists-landing .showcase-panel:focus-visible {
  outline-offset: -3px;
}
@media (hover: hover) {
  .artists-landing .showcase-tabs button:hover {
    color: #fff;
    border-bottom-color: #78b4ff;
  }
}
.artists-landing :is(.faq, .optional-fields) summary:hover {
  color: #78b4ff;
}
.artists-landing .margin-definition summary:hover {
  color: var(--artists-money);
}
.artists-landing :is(.field, .ticket-readout, .consent, .sim-options label):focus-within > label,
.artists-landing :is(.consent, .sim-options label):focus-within > span {
  color: #fff;
}
.artists-landing .submit-button[aria-busy="true"]::before {
  content: "";
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
}

@media (pointer: fine) {
  html:has(.artists-landing) { overscroll-behavior: none; }
}
@media (max-width: 1100px) {
  .artists-landing { --artists-gutter: 32px; }
}
@media (max-width: 767px) {
  .artists-landing {
    --artists-gutter: 20px;
    --artists-focus-offset: calc(84px + env(safe-area-inset-top, 0px));
  }
  .artists-landing .artists-header nav a:focus-visible { outline-offset: -3px; }
}

/* v6: a compact mobile header and connected, reversible process diagrams. */
.showcase-tabs { position: relative; z-index: 1; }
.showcase-tabs button { flex: 1; cursor: pointer; -webkit-appearance: none; appearance: none; }
.showcase-tabs button:active { background: #4c9bff14; }
.future-layout { display: block; }
.community-future { display: grid; grid-template-columns: 1fr 1fr; gap: 0 64px; }
.community-future .benefit-state { grid-column: 1 / -1; }
.artists-page .community-future h3 { grid-column: 1; grid-row: 2 / 4; margin: 24px 0 0; }
.community-future > p { grid-column: 2; margin-top: 24px; }
.community-future .small-note { margin-top: 16px; }
.future-layout .future-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 64px; margin-top: 48px; }
.future-layout .future-list article { padding-top: 24px; border-top: 1px solid var(--artists-line); }
.future-layout .future-list article + article { padding-top: 24px; }
.tier-marker::after { transform: scale(calc(var(--tier-point, 1) * (1 + var(--tier-pop, 0) * .3))); }
.tier-marker::before { content: ""; position: absolute; inset: -7px; border: 1px solid var(--artists-money); border-radius: inherit; opacity: var(--tier-pop, 0); transform: scale(calc(1 + var(--tier-pop, 0) * .4)); }
.process-steps { margin-bottom: 88px; }
.process-steps > li { border-top: 0; }
.process-arrow { position: absolute; left: calc(50% + 24px); width: calc(50% + 48px); height: 64px; fill: none; stroke: var(--artists-accent); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
.artists-gsap .process-steps > li { --arrow-progress: 0; }
.process-arrow-desktop { fill: var(--artists-accent); stroke: none; clip-path: inset(0 calc((1 - var(--arrow-progress, 1)) * 100%) 0 0); }
.process-arrow-brush { stroke: none; }
.process-arrow-below { top: calc(100% + 8px); }
.process-arrow-above { bottom: calc(100% - 8px); }
.process-arrow-mobile { display: none; }
.process-arrow path { vector-effect: non-scaling-stroke; }
.process-arrow-line, .process-arrow-mobile-line { stroke-dasharray: 1 1; stroke-dashoffset: calc(1 - var(--arrow-progress, 1)); opacity: clamp(0, calc(var(--arrow-progress, 1) * 20), 1); }
.process-arrow-head, .process-arrow-mobile-head { opacity: clamp(0, calc((var(--arrow-progress, 1) - .95) * 20), 1); }
@media (min-width: 768px) and (max-width: 1100px) {
  .process-arrow { left: calc(50% + 14px); width: calc(50% + 28px); }
}
@media (max-width: 767px) {
  .artists-header .header-inner { flex-wrap: nowrap; padding-block: 8px; }
  .artists-header nav { display: none; }
  .artists-landing .section { scroll-margin-top: var(--artists-focus-offset); }
  .community-future { display: block; }
  .artists-page .community-future h3 { margin: 24px 0; }
  .future-layout .future-list { grid-template-columns: 1fr; gap: 32px; margin-top: 32px; }
  .process-arrow-desktop { display: none; }
  .process-steps { margin-bottom: 24px; }
  .process-arrow-mobile { display: block; left: 0; top: 64px; width: 44px; height: calc(100% - 32px); }
}
@media (prefers-reduced-motion: reduce) {
  .tier-marker::after { transform: none; }
  .tier-marker::before { display: none; }
  .process-arrow-desktop { clip-path: none; }
  .process-arrow-line, .process-arrow-mobile-line { stroke-dashoffset: 0; opacity: 1; }
  .process-arrow-head, .process-arrow-mobile-head { opacity: 1; }
}

/* GSAP owns motion; variables render decorative pseudo-elements only. */
.artists-landing .submit-button[aria-busy="true"]::before {
  transform: rotate(var(--submit-rotation, 0deg));
}

/* Discovery scenes: geometry remains unchanged; GSAP owns every transition. */
.showcase-stage { min-width: 0; overflow-anchor: none; }
.showcase-panel picture { display: block; overflow: clip; }
#panel-presskit .product-capture { transform-origin: center top; }
.hero-product { overflow: hidden; }
.sim-total strong { transform-origin: left center; }
/* Broad translucent chisel-tip ink, one freehand pass per complete phrase. */
.hand-highlight {
  display: inline-block;
  position: relative;
  isolation: isolate;
  white-space: nowrap;
}
.highlight-sweep {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  inset: -.02em -.08em -.04em;
  transform-origin: left center;
}
.highlight-sweep svg { display: block; width: 100%; height: 100%; overflow: visible; }
.marker-ink { fill: #4c9bff; opacity: .36; }
.marker-dry { fill: #76b6ff; opacity: .18; }
.future-list article { position: relative; }
.artists-gsap .future-list article::before {
  content: "";
  position: absolute;
  inset: -1px 0 auto;
  height: 1px;
  background: #4c9bff;
  transform-origin: left;
  transform: scaleX(var(--future-line, 1));
}
.artists-gsap .process-steps > li > span {
  transform: scale(calc((.88 + var(--list-progress, 1) * .12) * (1 + var(--process-emphasis, 0) * .12)));
  color: color-mix(in srgb, #7298ca, #c7e3ff calc(var(--process-emphasis, 0) * 100%));
  transform-origin: left center;
}
.artists-gsap .faq summary::after {
  content: "";
  width: 12px;
  height: 2px;
  top: 10px;
  background: #a4badc;
}
.artists-gsap .faq summary::before {
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  width: 2px;
  height: 12px;
  background: #a4badc;
  transform: scaleY(var(--faq-cross, 1));
}

/* Conversion pass 2026-10-23: reassurance beside the form and the (sample) partner quote. */
.apply-assurances {
  list-style: none;
  display: grid;
  gap: 12px;
  max-width: 350px;
  margin: -24px 0 40px;
  padding: 0;
}
.apply-assurances li {
  position: relative;
  padding-left: 20px;
  font-size: 13px;
  line-height: 1.6;
  color: #b0b7c3;
}
.apply-assurances li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 10px;
  height: 1px;
  background: #7db7ff;
}
@media (max-width: 767px) {
  .apply-assurances {
    margin: -16px 0 32px;
  }
}
.partner .partner-quote {
  max-width: 480px;
  margin: 28px 0 8px;
}
.partner .partner-quote-mark {
  display: block;
  width: 28px;
  height: 21px;
  margin-bottom: 14px;
  fill: #4c9bff;
}
.partner .partner-quote blockquote {
  margin: 0;
}
.partner .partner-quote blockquote p {
  font-family: "Space Grotesk", Inter, sans-serif;
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #f5f5f7;
}
.partner .partner-quote figcaption {
  margin-top: 14px;
  font-size: 13px;
  color: #aeb3bd;
}
.partner .partner-quote figcaption span {
  margin-left: 10px;
  color: #7db7ff;
}
@media (max-width: 767px) {
  .partner .partner-quote {
    margin-top: 24px;
  }
  .partner .partner-quote blockquote p {
    font-size: 19px;
  }
}
/* LadoB venue photography: community card (the X sits to the side, never behind the copy) and the application. */
.community-future {
  grid-template-columns: minmax(0, 1fr);
}
.community-future .community-photo {
  position: absolute;
  inset: 0 0 0 auto;
  width: 46%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 34%;
  z-index: 0;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 42%);
  mask-image: linear-gradient(90deg, transparent 0, #000 42%);
}
.community-future > :not(.community-photo) {
  position: relative;
  z-index: 1;
  grid-column: 1;
  max-width: min(54%, 560px);
}
.artists-page .community-future h3 {
  grid-row: auto;
}
@media (max-width: 767px) {
  .community-future {
    padding-top: 210px;
  }
  .community-future .community-photo {
    inset: 0 0 auto 0;
    width: 100%;
    height: 210px;
    object-position: 50% 30%;
    -webkit-mask-image: linear-gradient(180deg, #000 45%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 45%, transparent 100%);
  }
  .community-future > :not(.community-photo) {
    max-width: none;
  }
}