:root {
  --selection-ink: #090909;
  --selection-paper: #f4f4f1;
  --selection-yellow: #fff200;
  --selection-gray: #e2e2de;
  --selection-muted: #5d5d59;
  --selection-line: rgba(9, 9, 9, .16);
  --selection-radius: 1.35rem;
  --selection-display: Arial, Helvetica, sans-serif;
}

html { scroll-behavior: smooth; }
body.selection-page {
  margin: 0;
  background: var(--selection-paper);
  color: var(--selection-ink);
  font-family: var(--selection-display);
}
body.selection-page a { color: inherit; }
body.selection-page button,
body.selection-page input,
body.selection-page textarea { font: inherit; }
body.selection-page [hidden] { display: none !important; }
body.selection-page > header.site-header--helper {
  position: relative;
  z-index: 10;
  min-height: 171px;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(9, 9, 9, .12);
}
body.selection-page > header.site-header--helper .site-header__inner { min-height: 171px; }
.selection-main { display: block; background: var(--selection-paper); }
.selection-main > section { width: 100%; }
.selection-main h1,
.selection-main h2,
.selection-main h3,
.selection-main p { max-width: none; }
.selection-main h1,
.selection-main h2,
.selection-main h3,
.selection-main p { margin-top: 0; }
.selection-main section,
.selection-main article,
.selection-main figure,
.selection-main form,
.selection-main aside { min-width: 0; }
.selection-eyebrow {
  margin-bottom: 1.3rem !important;
  color: var(--selection-muted);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .16em;
  line-height: 1.25;
  text-transform: uppercase;
}
.selection-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  min-width: 12.5rem;
  min-height: 3.5rem;
  padding: .85rem 1.2rem;
  border: 1px solid var(--selection-ink);
  border-radius: 999px;
  font-size: .98rem;
  font-weight: 700;
  line-height: 1.15;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.selection-button:hover,
.selection-button:focus-visible { transform: translateY(-2px); }
.selection-button:focus-visible,
.selection-text-link:focus-visible,
.selection-footer-tools button:focus-visible,
.selection-consent-panel button:focus-visible { outline: 3px solid #7168e8; outline-offset: 4px; }
.selection-button--dark { background: var(--selection-ink); color: #fff !important; }
.selection-button--dark:hover,
.selection-button--dark:focus-visible { background: #343434; }
.selection-button--yellow { background: var(--selection-yellow); color: var(--selection-ink); cursor: pointer; }
.selection-button--yellow:hover,
.selection-button--yellow:focus-visible { background: #f3e600; }
.selection-button--outline { background: transparent; color: var(--selection-ink); }
.selection-button--outline:hover,
.selection-button--outline:focus-visible { background: var(--selection-ink); color: #fff !important; }

.selection-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(23rem, .94fr);
  gap: clamp(2rem, 7vw, 8rem);
  align-items: center;
  width: min(100% - 2rem, 1560px);
  margin-inline: auto;
  padding: clamp(4.5rem, 8vw, 8.75rem) 0 clamp(4.25rem, 7vw, 7.25rem);
}
.selection-hero__copy { max-width: 47rem; }
.selection-title,
.selection-intro h2,
.selection-functions h2,
.selection-transparency h2,
.selection-feedback h2,
.selection-next h2 { letter-spacing: -.07em; line-height: .95; }
.selection-title {
  max-width: 10ch;
  margin-bottom: 2rem !important;
  font-size: clamp(3.4rem, 7.3vw, 8rem);
  font-weight: 700;
}
.selection-hero__lead {
  max-width: 36rem !important;
  margin-bottom: 2.5rem !important;
  color: #454541;
  font-size: clamp(1.12rem, 1.55vw, 1.4rem);
  line-height: 1.45;
}
.selection-hero__media {
  align-self: center;
  margin: 0;
  overflow: hidden;
  border-radius: var(--selection-radius);
  background: #050505;
  transform: none;
}
.selection-hero__media img { display: block; width: 100%; aspect-ratio: 1672 / 941; object-fit: cover; }
.selection-hero__media figcaption { padding: .75rem 1rem 1rem; color: #fff; font-size: .86rem; }

.selection-intro {
  display: grid;
  grid-template-columns: minmax(12rem, .5fr) minmax(0, 1fr);
  gap: clamp(2rem, 8vw, 10rem);
  width: min(100% - 2rem, 1320px);
  margin-inline: auto;
  padding: clamp(4rem, 7vw, 7rem) 0;
  border-top: 1px solid var(--selection-line);
}
.selection-section-marker { color: var(--selection-muted); font-size: .8rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.selection-intro__content { max-width: 52rem; }
.selection-intro h2 { max-width: 13ch; margin-bottom: 1.75rem !important; font-size: clamp(2.65rem, 5vw, 5.5rem); }
.selection-intro p { max-width: 46rem !important; color: #474743; font-size: clamp(1.05rem, 1.35vw, 1.25rem); line-height: 1.55; }

.selection-criterion {
  display: grid;
  grid-template-columns: minmax(5rem, .22fr) minmax(0, 1.1fr) minmax(10rem, .48fr);
  gap: clamp(1.5rem, 5vw, 7rem);
  align-items: center;
  padding: clamp(4rem, 7vw, 8rem) max(1rem, 7.3vw);
}
.selection-criterion--yellow { background: var(--selection-yellow); }
.selection-criterion--paper { background: #e1e1dd; }
.selection-criterion--dark { background: #0b0b0b; color: #fff; }
.selection-criterion--dark .selection-eyebrow,
.selection-criterion--dark .selection-criterion__summary { color: #c9c9c4; }
.selection-criterion__index { align-self: start; font-size: clamp(2rem, 3vw, 3.8rem); font-weight: 700; letter-spacing: -.08em; }
.selection-criterion__body { max-width: 50rem; }
.selection-criterion h2 { max-width: 12ch; margin-bottom: 1.5rem !important; font-size: clamp(2.8rem, 5.5vw, 6.5rem); letter-spacing: -.07em; line-height: .9; }
.selection-criterion__summary { max-width: 33rem !important; margin-bottom: 2.5rem !important; color: #343430; font-size: clamp(1.1rem, 1.7vw, 1.5rem); line-height: 1.35; }
.selection-note { max-width: 35rem; padding-top: 1.15rem; border-top: 1px solid currentColor; }
.selection-note strong { display: block; margin-bottom: .65rem; font-size: .8rem; letter-spacing: .13em; text-transform: uppercase; }
.selection-note p { margin: 0; font-size: 1rem; line-height: 1.5; }
.selection-criterion__signal { justify-self: end; display: grid; gap: .7rem; min-width: 9rem; font-size: .83rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.selection-criterion__signal span:first-child { display: grid; width: 5rem; height: 5rem; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: 1.25rem; letter-spacing: 0; }

.selection-functions { width: min(100% - 2rem, 1560px); margin-inline: auto; padding: clamp(5rem, 9vw, 10rem) 0; }
.selection-functions__heading { display: grid; grid-template-columns: minmax(11rem, .45fr) minmax(0, 1fr); gap: 2rem; align-items: end; margin-bottom: 3.5rem; }
.selection-functions h2 { max-width: 11ch; font-size: clamp(2.8rem, 5.2vw, 6.2rem); }
.selection-functions__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--selection-line); border: 1px solid var(--selection-line); }
.selection-function { min-height: 18rem; padding: clamp(1.5rem, 3vw, 3rem); background: var(--selection-paper); }
.selection-function__number { display: block; margin-bottom: 5rem; color: var(--selection-muted); font-size: .78rem; font-weight: 800; letter-spacing: .15em; }
.selection-function h3 { margin-bottom: .8rem !important; font-size: clamp(1.4rem, 2vw, 2rem); letter-spacing: -.04em; }
.selection-function p { color: #474743; line-height: 1.5; }

.selection-transparency { display: grid; grid-template-columns: minmax(19rem, .8fr) minmax(0, 1fr); gap: clamp(2rem, 8vw, 10rem); align-items: center; padding: clamp(4rem, 8vw, 9rem) max(1rem, 7.3vw); background: #dfe0dc; }
.selection-transparency__art { display: grid; min-height: 22rem; place-items: center; border-radius: var(--selection-radius); background: #0b0b0b; }
.selection-transparency__art img { width: min(75%, 370px); height: auto; }
.selection-transparency__copy { max-width: 43rem; }
.selection-transparency h2 { max-width: 11ch; margin-bottom: 1.75rem !important; font-size: clamp(2.8rem, 5vw, 5.8rem); }
.selection-transparency__copy > p:not(.selection-eyebrow) { max-width: 39rem !important; color: #474743; font-size: 1.1rem; line-height: 1.55; }
.selection-text-link { display: inline-flex; gap: .8rem; margin-top: 1.5rem; font-weight: 700; text-decoration: underline; text-underline-offset: .3rem; }

.selection-feedback { display: grid; grid-template-columns: minmax(0, .8fr) minmax(20rem, 1fr); gap: clamp(2rem, 8vw, 9rem); width: min(100% - 2rem, 1320px); margin-inline: auto; padding: clamp(5rem, 9vw, 10rem) 0; }
.selection-feedback h2 { max-width: 11ch; margin-bottom: 1.5rem !important; font-size: clamp(2.8rem, 5vw, 5.8rem); }
.selection-feedback__intro > p:last-child { max-width: 25rem !important; color: #474743; font-size: 1.1rem; line-height: 1.5; }
.selection-feedback__form { align-self: start; padding: clamp(1.5rem, 3vw, 3rem); border: 1px solid var(--selection-line); border-radius: var(--selection-radius); background: #fff; }
.selection-choice { display: grid; gap: .8rem; margin: 0 0 1.75rem; padding: 0; border: 0; }
.selection-choice legend { margin-bottom: .7rem; font-weight: 700; }
.selection-choice label { display: flex; gap: .75rem; align-items: center; min-height: 2.75rem; padding: .55rem .75rem; border: 1px solid var(--selection-line); border-radius: .6rem; cursor: pointer; }
.selection-choice input { accent-color: var(--selection-ink); }
.selection-feedback__field { display: block; margin-bottom: .6rem; font-weight: 700; }
.selection-feedback__field span { color: var(--selection-muted); font-weight: 400; }
.selection-feedback textarea { display: block; width: 100%; min-height: 8rem; resize: vertical; padding: .85rem; border: 1px solid var(--selection-line); border-radius: .6rem; background: #fafaf8; color: var(--selection-ink); }
.selection-feedback textarea:focus-visible { outline: 3px solid #7168e8; outline-offset: 2px; }
.selection-feedback__error { display: block; margin: .75rem 0; color: #a51d1d; font-size: .9rem; }
.selection-feedback__form .selection-button { margin-top: 1rem; border: 0; }

.selection-next { padding: clamp(5rem, 9vw, 10rem) 1rem; background: var(--selection-yellow); text-align: center; }
.selection-next h2 { max-width: 11ch; margin-inline: auto; margin-bottom: 2.5rem !important; font-size: clamp(3rem, 6vw, 7rem); }
.selection-next__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; }
.selection-next__actions .selection-button { text-align: left; }

.selection-footer-tools { display: flex; justify-content: center; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.selection-footer-tools button { min-height: 2.75rem; padding: .65rem 1rem; border: 1px solid #fff; border-radius: 999px; background: transparent; color: #fff; cursor: pointer; }
.selection-footer-tools button:hover { background: #fff; color: #090909; }
.selection-consent-panel { position: fixed; inset: 0; z-index: 1100; display: grid; place-items: center; padding: 1rem; background: rgb(9 9 9 / 48%); }
.selection-consent-panel__inner { width: min(100%, 32rem); padding: 2rem; border-radius: var(--selection-radius); background: var(--selection-paper); box-shadow: 0 1rem 4rem rgb(0 0 0 / 25%); }
.selection-consent-panel h2 { margin-bottom: 1.5rem; font-size: 2rem; letter-spacing: -.05em; }
.selection-consent-panel label { display: flex; gap: .75rem; align-items: center; margin-bottom: 1.5rem; }
.selection-consent-panel__actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.selection-consent-panel button { min-height: 2.75rem; padding: .65rem 1rem; border: 1px solid var(--selection-ink); border-radius: 999px; background: var(--selection-ink); color: #fff; cursor: pointer; }
.selection-consent-panel button:last-child { background: transparent; color: var(--selection-ink); }

html[data-selection-theme="dark"] body.selection-page { --selection-paper: #181818; --selection-ink: #f6f6f1; --selection-muted: #bbbcb7; --selection-gray: #292925; --selection-line: rgba(246,246,241,.22); background: #181818; }
html[data-selection-theme="dark"] .selection-main,
html[data-selection-theme="dark"] .selection-function,
html[data-selection-theme="dark"] .selection-feedback__form { background: #181818; }
html[data-selection-theme="dark"] .selection-hero__lead,
html[data-selection-theme="dark"] .selection-intro p,
html[data-selection-theme="dark"] .selection-criterion--paper,
html[data-selection-theme="dark"] .selection-function p,
html[data-selection-theme="dark"] .selection-transparency,
html[data-selection-theme="dark"] .selection-transparency__copy > p:not(.selection-eyebrow) { background-color: #292925; color: #e3e3dc; }
html[data-selection-theme="dark"] .selection-criterion--yellow,
html[data-selection-theme="dark"] .selection-next { color: #090909; }
html[data-selection-theme="dark"] .selection-feedback__form { border-color: rgba(246,246,241,.3); }
html[data-selection-theme="dark"] .selection-feedback textarea { background: #252522; color: #f6f6f1; }

@media (max-width: 900px) {
  .selection-hero { grid-template-columns: 1fr; gap: 3rem; }
  .selection-hero__media { width: min(100%, 40rem); max-width: 100%; justify-self: end; transform: none; }
  .selection-intro,
  .selection-feedback { grid-template-columns: 1fr; gap: 2rem; }
  .selection-criterion { grid-template-columns: 4rem minmax(0, 1fr); gap: 1.25rem 2rem; }
  .selection-criterion__signal { grid-column: 2; justify-self: start; display: flex; align-items: center; }
  .selection-functions__heading { grid-template-columns: 1fr; gap: 1rem; }
  .selection-transparency { grid-template-columns: 1fr; }
  .selection-transparency__art { min-height: 18rem; }
}
@media (max-width: 600px) {
  .selection-hero, .selection-criterion { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
  body.selection-page > header.site-header--helper,
  body.selection-page > header.site-header--helper .site-header__inner { min-height: 0; }
  .selection-hero { width: min(100% - 2rem, 40rem); padding-block: 3.25rem 4rem; }
  .selection-title { font-size: clamp(3.1rem, 15vw, 5.2rem); }
  .selection-hero__media { transform: none; }
  .selection-intro { width: min(100% - 2rem, 40rem); padding-block: 3.5rem; }
  .selection-criterion { grid-template-columns: 1fr; padding: 3.5rem 1rem; }
  .selection-criterion__index { margin-bottom: .5rem; }
  .selection-criterion__signal { grid-column: 1; }
  .selection-functions { width: min(100% - 2rem, 40rem); padding-block: 4rem; }
  .selection-functions__grid { grid-template-columns: 1fr; }
  .selection-function { min-height: 0; }
  .selection-function__number { margin-bottom: 2rem; }
  .selection-transparency { padding-block: 3.5rem; }
  .selection-transparency__art { min-height: 15rem; }
  .selection-feedback { width: min(100% - 2rem, 40rem); padding-block: 4rem; }
  .selection-next { padding-block: 4rem; }
  .selection-next__actions,
  .selection-next__actions .selection-button { width: 100%; }
  .selection-next__actions .selection-button { min-width: 0; }
}