/* Exact audition-concept component transplant. Legacy counterparts remain in PHP only as a rollback source. */
#music-creators-legacy,
.concept-legacy-section,
#audition-legacy { display: none !important; }

.concept-creators,
.concept-style-section,
.concept-plan-section,
.concept-support-section,
.concept-flow-section {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  width: 100%;
  padding: clamp(88px, 10vw, 152px) clamp(22px, 5.3vw, 86px);
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
}

.concept-creators *, .concept-style-section *, .concept-plan-section *,
.concept-support-section *, .concept-flow-section * { box-sizing: border-box; }

.concept-creators { color: #fff; background: #08090b; }
.concept-plan-section, .concept-flow-section { color: #fff; background: #08090b; }
.concept-style-section, .concept-support-section { color: #08090b; background: transparent; }
html body #plans.concept-plan-section,
html body #flow.concept-flow-section { color: #fff !important; background-color: #08090b !important; background-image: none !important; filter: none !important; }
html body #support.concept-support-section { color: #08090b !important; background-color: transparent !important; background-image: none !important; filter: none !important; }

.concept-creator-heading, .concept-section-heading { max-width: 1120px; margin: 0 auto clamp(42px, 6vw, 76px); }
.concept-creator-heading > p, .concept-section-heading > p {
  margin: 0 0 18px; font-size: 11px; font-weight: 800; letter-spacing: .2em;
}
.concept-creator-heading h2, .concept-section-heading h2 {
  margin: 0; max-width: 980px; font-size: clamp(44px, 7vw, 108px); font-weight: 800;
  letter-spacing: -.065em; line-height: .99;
}
.concept-creator-heading > span, .concept-section-heading > span {
  display: block; max-width: 760px; margin-top: 28px; font-size: clamp(14px, 1.25vw, 18px); line-height: 1.85; opacity: .7;
}

.concept-creator-collection-tabs {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1120px; margin: 0 auto;
  border: 1px solid rgba(255,255,255,.24);
}
.concept-creator-collection-tabs button {
  min-height: 74px; padding: 18px 26px; border: 0; border-right: 1px solid rgba(255,255,255,.24);
  color: rgba(255,255,255,.55); background: transparent; font: inherit; font-size: 12px; font-weight: 800;
  letter-spacing: .16em; cursor: pointer;
}
.concept-creator-collection-tabs button:last-child { border-right: 0; }
.concept-creator-collection-tabs button[aria-selected="true"] { color: #08090b; background: #fff; }
.concept-creator-intro { max-width: 1120px; margin: 22px auto 38px; color: rgba(255,255,255,.65); font-size: 14px; }
.concept-creator-explorer { display: grid; grid-template-columns: minmax(340px, .85fr) minmax(0, 1.15fr); max-width: 1120px; margin: 0 auto; border: 1px solid rgba(255,255,255,.24); }
.concept-creator-stage { position: sticky; top: 0; align-self: start; min-height: 720px; overflow: hidden; background: var(--creator-color, #687f9c); }
.concept-creator-stage::after { position: absolute; inset: 35% 0 0; content: ""; background: linear-gradient(transparent, rgba(0,0,0,.94)); pointer-events: none; }
.concept-creator-stage > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .3s, transform .6s cubic-bezier(.16,1,.3,1); }
.concept-creator-stage-copy { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 40px; color: #fff; }
.concept-creator-stage-copy small, .concept-creator-stage-copy > span { display: block; letter-spacing: .14em; }
.concept-creator-stage-copy small { margin-bottom: 12px; font-size: 10px; }
.concept-creator-stage-copy > strong { display: block; margin-bottom: 6px; font-size: clamp(34px, 4vw, 58px); line-height: 1.1; }
.concept-creator-stage-copy > span { font-size: 10px; }
.concept-creator-stage-copy p { margin: 26px 0 0; color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.8; }
.concept-creator-stage-copy p b { display: block; margin-bottom: 5px; color: #fff; font-size: 10px; letter-spacing: .12em; }
.concept-creator-list { margin: 0; padding: 0; list-style: none; }
.concept-creator-list[hidden] { display: none !important; }
.concept-creator-list li { border-bottom: 1px solid rgba(255,255,255,.18); }
.concept-creator-list li:last-child { border-bottom: 0; }
.concept-creator-list button { display: grid; grid-template-columns: 62px minmax(0,1fr); gap: 18px; width: 100%; min-height: 142px; padding: 25px 28px; border: 0; color: #fff; text-align: left; background: transparent; cursor: pointer; transition: background .25s, color .25s; }
.concept-creator-list button[aria-pressed="true"] { color: #08090b; background: #fff; }
.concept-creator-list button > span:first-child { padding-top: 4px; font-size: 14px; font-weight: 800; letter-spacing: .12em; }
.concept-creator-list button > span:last-child { display: grid; gap: 7px; }
.concept-creator-list strong { font-size: clamp(21px, 2vw, 30px); }
.concept-creator-list small { font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.concept-creator-list em { color: inherit; font-size: 12px; font-style: normal; line-height: 1.7; opacity: .68; }

.concept-style-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 1120px; margin: 0 auto; border: 1px solid rgba(8,9,11,.22); background: rgba(255,255,255,.56); backdrop-filter: blur(16px); }
.concept-style-tabs button { display: grid; grid-template-columns: 170px minmax(0,1fr); gap: 26px; align-items: center; min-height: 270px; padding: 32px; border: 0; border-right: 1px solid rgba(8,9,11,.22); color: #08090b; text-align: left; background: transparent; cursor: pointer; }
.concept-style-tabs button:last-child { border-right: 0; }
.concept-style-tabs button[aria-selected="true"] { color: #fff; background: #08090b; }
.concept-style-tabs img { width: 170px; height: 200px; object-fit: cover; border: 1px solid currentColor; }
.concept-style-tabs button > span { display: grid; gap: 10px; }
.concept-style-tabs small { font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.concept-style-tabs strong { font-size: clamp(28px, 3vw, 44px); }
.concept-style-tabs b { font-size: clamp(15px, 1.35vw, 19px); }
.concept-style-tabs em { font-size: 12px; font-style: normal; line-height: 1.8; opacity: .7; }

.concept-plan-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); max-width: 1120px; margin: 0 auto; border: 1px solid rgba(255,255,255,.28); }
.concept-plan-grid > button { display: flex; flex-direction: column; min-height: 650px; padding: 38px 32px; border: 0; border-right: 1px solid rgba(255,255,255,.22); color: #fff; text-align: left; background: #0b0c0f; cursor: pointer; }
.concept-plan-grid > button:last-child { border-right: 0; }
.concept-plan-grid > button.is-selected { color: #08090b; background: #fff; }
.concept-plan-grid button > span { font-size: 11px; font-weight: 800; letter-spacing: .18em; }
.concept-plan-grid h3 { margin: 24px 0 50px; font-size: clamp(30px, 3.2vw, 47px); letter-spacing: -.04em; }
.concept-plan-grid small { margin-bottom: 11px; font-size: 9px; font-weight: 800; letter-spacing: .18em; opacity: .65; }
.concept-plan-grid strong { min-height: 62px; font-size: clamp(17px, 1.45vw, 22px); line-height: 1.55; }
.concept-plan-grid p { min-height: 68px; margin: 18px 0 32px; font-size: 12px; line-height: 1.8; opacity: .62; }
.concept-plan-grid ul { margin: 0; padding: 0 0 28px 18px; font-size: 13px; line-height: 2; }
.concept-plan-grid button > b { margin-top: auto; padding-top: 20px; border-top: 1px solid currentColor; font-size: 13px; }
.concept-plan-note, .concept-support-note { max-width: 1120px; margin: 24px auto 0; font-size: 12px; opacity: .62; }

.concept-support-rail { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); max-width: 1120px; margin: 0 auto; border-top: 1px solid rgba(8,9,11,.18); border-left: 1px solid rgba(8,9,11,.18); }
.concept-support-rail article { border-right: 1px solid rgba(8,9,11,.18); border-bottom: 1px solid rgba(8,9,11,.18); background: rgba(255,255,255,.5); }
.concept-support-rail article > div { position: relative; aspect-ratio: 4/3; overflow: hidden; color: #fff; background: #111; }
.concept-support-rail article > div::after { position: absolute; inset: 30% 0 0; content: ""; background: linear-gradient(transparent,rgba(0,0,0,.85)); }
.concept-support-rail img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.16,1,.3,1); }
.concept-support-rail article:hover img { transform: scale(1.04); }
.concept-support-rail span, .concept-support-rail h3 { position: absolute; z-index: 1; right: 24px; left: 24px; }
.concept-support-rail span { bottom: 70px; font-size: 9px; letter-spacing: .12em; }
.concept-support-rail h3 { bottom: 24px; margin: 0; font-size: clamp(18px,1.8vw,25px); }
.concept-support-rail article > p { min-height: 130px; margin: 0; padding: 24px; font-size: 13px; line-height: 1.8; }

.concept-flow-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 1120px; margin: 0 auto; border: 1px solid rgba(255,255,255,.28); }
.concept-flow-tabs button { display: grid; gap: 10px; min-height: 150px; padding: 30px 42px; border: 0; border-right: 1px solid rgba(255,255,255,.28); color: #fff; text-align: left; background: transparent; cursor: pointer; }
.concept-flow-tabs button:last-child { border-right: 0; }
.concept-flow-tabs button[aria-selected="true"] { color: #08090b; background: #fff; }
.concept-flow-tabs small { font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.concept-flow-tabs strong { font-size: clamp(20px, 2.2vw, 32px); }
.concept-flow-panel { max-width: 1120px; margin: 0 auto; padding: clamp(44px,6vw,78px); color: #08090b; background: #fff; animation: concept-panel-in .45s cubic-bezier(.16,1,.3,1); }
.concept-flow-panel[hidden] { display: none !important; }
.concept-flow-panel > ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 44px 22px; margin: 0; padding: 0; list-style: none; }
.concept-flow-panel li { position: relative; min-width: 0; }
.concept-flow-panel li::before { position: absolute; top: 44px; left: 44px; width: calc(100% + 22px); height: 1px; content: ""; background: #aab0b7; }
.concept-flow-panel li:nth-child(4n)::before, .concept-flow-panel li:last-child::before { display: none; }
.concept-flow-panel li > span { position: relative; z-index: 1; display: grid; place-items: center; width: 88px; height: 88px; margin-bottom: 30px; color: #fff; background: #08090b; font-size: 17px; font-weight: 800; }
.concept-flow-panel small { font-size: 9px; font-weight: 800; letter-spacing: .15em; }
.concept-flow-panel h3 { margin: 12px 0; font-size: clamp(17px,1.55vw,22px); line-height: 1.5; }
.concept-flow-panel p { margin: 0; color: #6c7178; font-size: 12px; line-height: 1.75; }
.concept-stream-apps { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 48px; }
.concept-stream-apps span { display: grid; grid-template-columns: 58px auto; gap: 12px; align-items: center; }
.concept-stream-apps img { width: 58px; height: 58px; border-radius: 13px; object-fit: cover; }
.concept-stream-apps b { font-size: 13px; }
@keyframes concept-panel-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

@media (max-width: 900px) {
  .concept-creator-explorer { grid-template-columns: 1fr; }
  .concept-creator-stage { position: relative; min-height: 620px; }
  .concept-style-tabs { grid-template-columns: 1fr; }
  .concept-style-tabs button { border-right: 0; border-bottom: 1px solid rgba(8,9,11,.22); }
  .concept-plan-grid { grid-template-columns: 1fr; }
  .concept-plan-grid > button { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.22); }
  .concept-support-rail { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .concept-flow-panel > ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .concept-flow-panel li:nth-child(4n)::before { display: block; }
  .concept-flow-panel li:nth-child(2n)::before { display: none; }
}

@media (max-width: 640px) {
  .concept-creators, .concept-style-section, .concept-plan-section, .concept-support-section, .concept-flow-section { padding: 74px 20px; }
  .concept-creator-heading h2, .concept-section-heading h2 { font-size: clamp(38px,13vw,58px); }
  .concept-creator-collection-tabs button { min-height: 62px; padding: 12px 8px; font-size: 9px; letter-spacing: .08em; }
  .concept-creator-stage { min-height: 520px; }
  .concept-creator-stage-copy { padding: 26px 22px; }
  .concept-creator-list button { grid-template-columns: 42px minmax(0,1fr); min-height: 130px; padding: 20px 16px; }
  .concept-style-tabs button { grid-template-columns: 92px minmax(0,1fr); gap: 16px; min-height: 210px; padding: 22px 16px; }
  .concept-style-tabs img { width: 92px; height: 142px; }
  .concept-plan-grid > button { padding: 30px 24px; }
  .concept-plan-grid h3 { margin-bottom: 34px; }
  .concept-support-rail { grid-template-columns: 1fr; }
  .concept-flow-tabs button { min-height: 104px; padding: 18px 14px; }
  .concept-flow-tabs strong { font-size: 15px; line-height: 1.45; }
  .concept-flow-panel { padding: 34px 22px; }
  .concept-flow-panel > ol { grid-template-columns: 1fr; gap: 36px; }
  .concept-flow-panel li::before { top: 88px; left: 44px; width: 1px; height: 36px; }
  .concept-flow-panel li:nth-child(2n)::before { display: block; }
  .concept-flow-panel li:last-child::before { display: none; }
  .concept-stream-apps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .concept-flow-panel, .concept-creator-stage > img { animation: none; transition: none; }
}

/* --------------------------------------------------------------------------
 * FEATURES parity
 * Keep this block last. It deliberately replaces the legacy WordPress
 * black/stacked presentation with the current localhost player treatment.
 * ----------------------------------------------------------------------- */
html body main#top #about .about-collection--editorial .about-feature-summary,
html body main#top #about .about-collection--editorial .about-feature-summary[data-feature-flow],
html body main#top #about .about-collection--editorial .about-feature-summary__sticky,
html body main#top #about .about-collection--editorial .about-feature-summary__deck {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__sticky {
  padding: clamp(66px, 7.5vh, 92px) max(32px, calc((100vw - 1320px) / 2)) clamp(28px, 4.5vh, 52px) !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__sticky::before {
  display: none !important;
  background: none !important;
  content: none !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__heading {
  position: relative;
  display: grid !important;
  width: min(100%, 1180px) !important;
  grid-template-columns: 54px minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
  overflow: visible !important;
  margin: 0 auto clamp(22px, 3.5vh, 38px) !important;
  padding: 16px 20px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__heading::before {
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  place-items: center;
  border-radius: 50% !important;
  background: #050505 !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .38) inset !important;
  color: #fff !important;
  content: "▶" !important;
  font-size: 13px !important;
  line-height: 1;
  text-indent: 2px;
}

html body main#top #about .about-collection--editorial .about-feature-summary__heading::after {
  display: none !important;
  content: none !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__progress {
  position: relative !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  padding: 8px 0 0 !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__progress::before {
  display: block !important;
  margin-bottom: 8px !important;
  color: rgba(5, 5, 5, .48) !important;
  content: "MUSIC GATE / FEATURE TRACK" !important;
  font-family: var(--font-en, sans-serif);
  font-size: 8px !important;
  font-weight: 850 !important;
  letter-spacing: .18em !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__progress-rail {
  --feature-progress: 0%;
  position: relative !important;
  width: 100% !important;
  height: 4px !important;
  overflow: visible !important;
  border-radius: 999px !important;
  background: rgba(5, 5, 5, .18) !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__progress-rail::before {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: var(--feature-progress, 0%) !important;
  border-radius: inherit !important;
  background: #050505 !important;
  box-shadow: none !important;
  content: "" !important;
  transition: width .12s linear !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__progress-rail::after {
  position: absolute !important;
  top: 50% !important;
  left: var(--feature-progress, 0%) !important;
  width: 13px !important;
  height: 13px !important;
  border: 3px solid #fff !important;
  border-radius: 50% !important;
  background: #050505 !important;
  box-shadow: 0 0 0 1px rgba(5, 5, 5, .4) !important;
  content: "" !important;
  transform: translate(-50%, -50%) !important;
  transition: left .12s linear !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__progress-ticks {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  margin-top: 12px !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__progress-ticks span {
  position: relative !important;
  color: rgba(5, 5, 5, .34) !important;
  font-family: var(--font-en, sans-serif) !important;
  font-size: 11px !important;
  font-variant-numeric: tabular-nums;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  opacity: 1 !important;
  transition: color .24s ease, transform .24s ease !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__progress-ticks span:first-child { text-align: left !important; }
html body main#top #about .about-collection--editorial .about-feature-summary__progress-ticks span:not(:first-child):not(:last-child) { text-align: center !important; }
html body main#top #about .about-collection--editorial .about-feature-summary__progress-ticks span:last-child { text-align: right !important; }

html body main#top #about .about-collection--editorial .about-feature-summary__progress-ticks span[aria-current="true"] {
  color: #050505 !important;
  transform: translateY(-2px) !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__progress-ticks span[aria-current="true"]::before {
  position: absolute !important;
  top: -13px !important;
  left: 50% !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #050505 !important;
  content: "" !important;
  transform: translateX(-50%) !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__heading > p {
  display: grid !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  gap: 3px !important;
  justify-items: end !important;
  align-self: center !important;
  min-width: 76px !important;
  margin: 0 !important;
  color: #050505 !important;
  font-family: var(--font-en, sans-serif) !important;
  font-size: 13px !important;
  font-variant-numeric: tabular-nums;
  font-weight: 850 !important;
  letter-spacing: .12em !important;
  text-align: right !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__heading > p::before {
  color: rgba(5, 5, 5, .42) !important;
  content: "NOW PLAYING" !important;
  font-size: 7px !important;
  letter-spacing: .16em !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__heading > p span {
  color: #050505 !important;
}

@media (min-width: 841px) {
  html body main#top #about .about-collection--editorial .about-feature-summary__deck {
    position: relative !important;
    width: min(88%, 980px) !important;
    height: auto !important;
    aspect-ratio: 1180 / 596 !important;
    margin-inline: auto !important;
    perspective: 1700px !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__deck > article:not([aria-current="true"]) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__deck > article[aria-current="true"] {
    visibility: visible !important;
    opacity: 1 !important;
  }
}

html body main#top #about .about-collection--editorial .about-feature-summary__deck > article {
  display: grid !important;
  grid-template-columns: minmax(0, 1.7fr) minmax(330px, .95fr) !important;
  overflow: hidden !important;
  border: 1px solid rgba(5, 5, 5, .16) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: 0 24px 70px rgba(40, 51, 65, .18) !important;
  filter: none !important;
  transform-origin: 44% 100% !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__deck > article::after {
  display: none !important;
  background: none !important;
  content: none !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__card-media {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #0a0a0a !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__card-media::before {
  display: none !important;
  content: none !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__card-media::after {
  position: absolute !important;
  inset: 0 0 0 auto !important;
  display: block !important;
  width: 1px !important;
  height: 100% !important;
  background: rgba(0, 0, 0, .16) !important;
  content: "" !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__card-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1) !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__card-copy {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  padding: clamp(34px, 4.4vw, 70px) !important;
  color: #050505 !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__card-copy::before {
  position: absolute !important;
  top: clamp(30px, 4vw, 58px) !important;
  right: clamp(30px, 3vw, 48px) !important;
  display: block !important;
  width: clamp(38px, 4vw, 58px) !important;
  height: 1px !important;
  background: rgba(0, 0, 0, .3) !important;
  content: "" !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__card-copy > span {
  margin-bottom: clamp(26px, 3.5vh, 42px) !important;
  color: #000 !important;
  font-size: clamp(70px, 7.3vw, 106px) !important;
  font-weight: 900 !important;
  letter-spacing: -.095em !important;
  line-height: .72 !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__card-copy h3 {
  color: #000 !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__card-copy h4 {
  max-width: 15em !important;
  margin-bottom: 20px !important;
  color: #000 !important;
  font-size: clamp(20px, 1.72vw, 27px) !important;
  font-weight: 750 !important;
  letter-spacing: -.055em !important;
  line-height: 1.42 !important;
}

html body main#top #about .about-collection--editorial .about-feature-summary__card-copy p {
  max-width: 35em !important;
  color: rgba(0, 0, 0, .68) !important;
  font-size: clamp(12px, .94vw, 14px) !important;
  line-height: 1.9 !important;
}

@media (max-width: 840px) {
  html body main#top #about .about-collection--editorial .about-feature-summary__sticky {
    padding: 64px 20px 22px !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__heading {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 13px 0 !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__heading::before {
    width: 42px !important;
    height: 42px !important;
    font-size: 11px !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__heading > p {
    min-width: 58px !important;
    font-size: 11px !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__progress::before {
    overflow: hidden !important;
    max-width: 28ch !important;
    margin-bottom: 6px !important;
    white-space: nowrap !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__progress-ticks {
    margin-top: 9px !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__progress-ticks span {
    font-size: 9px !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__deck {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    gap: 16px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__deck > article,
  html body main#top #about .about-collection--editorial .about-feature-summary__deck > article:not([aria-current="true"]) {
    position: relative !important;
    inset: auto !important;
    flex: 0 0 min(78vw, 440px) !important;
    min-height: 0 !important;
    aspect-ratio: .6 !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: minmax(180px, 45%) minmax(0, 1fr) !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    scroll-snap-align: center;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__card-media::after {
    inset: auto 0 0 !important;
    width: 100% !important;
    height: 1px !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__card-copy {
    justify-content: flex-start !important;
    padding: 22px 22px 24px !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__card-copy::before {
    top: 24px !important;
    right: 22px !important;
    width: 34px !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__card-copy > span {
    margin-bottom: 15px !important;
    font-size: clamp(43px, 12vw, 58px) !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__card-copy h4 {
    margin-bottom: 10px !important;
    font-size: clamp(17px, 4.8vw, 22px) !important;
    line-height: 1.36 !important;
  }

  html body main#top #about .about-collection--editorial .about-feature-summary__card-copy p {
    font-size: clamp(10.5px, 2.85vw, 12px) !important;
    line-height: 1.72 !important;
  }
}