.scale,
.experience,
.gaziza {
  scroll-margin-top: calc(var(--header-height-sticky) + var(--space-6));
}

.scale {
  background: var(--color-ivory);
  color: var(--color-text-primary);
  padding-block: var(--section-space-standard);
}

.scale__label {
  margin-bottom: var(--space-12);
}

.scale__intro {
  grid-column: 1 / 10;
  max-width: 62ch;
}

.scale__zones {
  margin-top: var(--space-20);
  align-items: start;
}

.scale__zone {
  min-width: 0;
}

.scale__zone--business {
  grid-column: 1 / 7;
  padding-right: var(--space-10);
}

.scale__zone--private {
  grid-column: 7 / 13;
  padding-left: var(--space-10);
  border-left: var(--hairline) solid var(--color-hairline-light);
}

.scale__heading {
  font-family: var(--font-sans);
  font-size: var(--fs-label);
  font-weight: 500;
  line-height: var(--lh-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  color: var(--color-text-secondary);
  margin-bottom: var(--space-8);
}

.scale__anchor {
  font-family: var(--font-serif);
  font-size: var(--fs-case-value);
  font-weight: 400;
  line-height: var(--lh-case-value);
  letter-spacing: var(--ls-case-value);
  text-wrap: balance;
  margin-bottom: var(--space-8);
}

.scale__text {
  max-width: 36ch;
}

.scale__text + .scale__text {
  margin-top: var(--space-5);
}

.scale__close {
  margin-top: var(--space-24);
  padding-top: var(--space-12);
  font-family: var(--font-serif);
  font-size: var(--fs-subhead);
  line-height: var(--lh-subhead);
  letter-spacing: var(--ls-subhead);
}

.experience {
  background: var(--color-charcoal);
  color: var(--color-text-light);
  padding-block: var(--section-space-large);
}

.experience__label {
  margin-bottom: var(--space-16);
}

.experience__group {
  margin: 0 0 var(--space-12);
}

.experience__row {
  align-items: start;
  padding-block: var(--space-12);
}

.experience__row + .experience__row {
  border-top: var(--hairline) solid var(--color-hairline-dark);
}

.experience__case {
  min-width: 0;
}

.experience__case--left {
  grid-column: 1 / 7;
  padding-right: var(--space-8);
  border-right: var(--hairline) solid var(--color-hairline-dark);
}

.experience__case--right {
  grid-column: 7 / 13;
  padding-left: var(--space-8);
}

.experience__case--wide {
  grid-column: 1 / 9;
  padding-right: var(--space-8);
  border-right: var(--hairline) solid var(--color-hairline-dark);
}

.experience__case--narrow {
  grid-column: 9 / 13;
  padding-left: var(--space-8);
}

.experience__value {
  font-family: var(--font-serif);
  font-size: var(--fs-case-value);
  font-weight: 400;
  line-height: var(--lh-case-value);
  letter-spacing: var(--ls-case-value);
  margin-bottom: var(--space-6);
}

.experience__title {
  font-family: var(--font-sans);
  font-size: var(--fs-label);
  font-weight: 500;
  line-height: var(--lh-label);
  letter-spacing: var(--ls-label);
  text-transform: uppercase;
  margin-bottom: var(--space-4);
}

.experience__meta {
  font-size: var(--fs-meta);
  line-height: var(--lh-meta);
  letter-spacing: var(--ls-meta);
  color: var(--color-text-light-muted);
  margin-bottom: var(--space-6);
}

.experience__body {
  max-width: 42ch;
}

.experience__body + .experience__body {
  margin-top: var(--space-5);
}

.experience__outcome {
  margin-top: var(--space-8);
  font-family: var(--font-sans);
  font-size: var(--fs-label);
  font-weight: 500;
  line-height: var(--lh-label);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.experience__private-label {
  margin-bottom: var(--space-8);
}

.experience__disclaimer {
  margin-top: var(--space-20);
  padding-top: var(--space-12);
  border-top: var(--hairline) solid var(--color-hairline-dark);
  max-width: 62ch;
  color: var(--color-text-light-muted);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

.gaziza {
  background: var(--color-ivory);
  color: var(--color-text-primary);
  padding-block: var(--section-space-standard);
}

.gaziza__label {
  margin-bottom: var(--space-12);
}

.gaziza__top {
  align-items: start;
}

.gaziza__copy {
  grid-column: 1 / 8;
  min-width: 0;
}

.gaziza__bio-title {
  font-family: var(--font-serif);
  font-size: var(--fs-section-intro);
  font-weight: 400;
  line-height: var(--lh-section-intro);
  letter-spacing: var(--ls-section-intro);
  text-wrap: balance;
  margin-bottom: var(--space-8);
}

.gaziza__copy p {
  max-width: 46ch;
}

.gaziza__copy p + p {
  margin-top: var(--space-6);
}

.gaziza__portrait {
  grid-column: 8 / 13;
  margin: 0;
  min-width: 0;
}

.gaziza__portrait-slot {
  width: 100%;
  max-width: 28rem;
  aspect-ratio: 4 / 5;
  background: var(--color-stone);
}

.gaziza__manifesto {
  margin-top: var(--space-24);
}

.gaziza__principle {
  grid-column: 1 / 11;
  font-family: var(--font-serif);
  font-size: var(--fs-section-intro);
  font-weight: 400;
  line-height: var(--lh-section-intro);
  letter-spacing: var(--ls-section-intro);
  text-wrap: balance;
}

.gaziza__follow {
  grid-column: 1 / 10;
  margin-top: var(--space-10);
  max-width: 54ch;
}

.gaziza__contrast {
  margin-top: var(--space-16);
}

.gaziza__contrast-item {
  padding-block: var(--space-6);
  font-family: var(--font-serif);
  font-size: var(--fs-subhead);
  line-height: var(--lh-subhead);
  letter-spacing: var(--ls-subhead);
  border-top: var(--hairline) solid var(--color-hairline-light);
}

.gaziza__contrast-item:last-child {
  border-bottom: var(--hairline) solid var(--color-hairline-light);
}

.gaziza__whole {
  margin-top: var(--space-20);
  font-family: var(--font-serif);
  font-size: var(--fs-statement-lg);
  font-weight: 400;
  line-height: var(--lh-statement-lg);
  letter-spacing: var(--ls-statement-lg);
  text-wrap: balance;
  max-width: 18ch;
}

.gaziza__support {
  margin-top: var(--space-10);
  max-width: 46ch;
}

.gaziza__support + .gaziza__support {
  margin-top: var(--space-6);
}

.gaziza__direct {
  margin-top: var(--space-16);
  font-family: var(--font-serif);
  font-size: var(--fs-subhead);
  line-height: var(--lh-subhead);
  letter-spacing: var(--ls-subhead);
}

@media (max-width: 1279px) {
  .experience__case--wide {
    grid-column: 1 / 8;
  }

  .experience__case--narrow {
    grid-column: 8 / 13;
  }
}

@media (max-width: 1199px) {
  .gaziza__copy {
    grid-column: 1 / 7;
  }

  .gaziza__portrait {
    grid-column: 7 / 13;
  }
}

@media (max-width: 1279px) {
  .scale,
  .gaziza {
    padding-block: var(--space-24);
  }

  .experience {
    padding-block: var(--space-24);
  }

  .scale__intro {
    grid-column: 1 / -1;
  }

  .scale__zones {
    display: block;
    margin-top: var(--space-16);
  }

  .scale__zone--business,
  .scale__zone--private {
    grid-column: auto;
    padding: 0;
    border: 0;
  }

  .scale__zone--private {
    margin-top: var(--space-16);
    padding-top: var(--space-16);
    border-top: var(--hairline) solid var(--color-hairline-light);
  }

  .scale__text {
    max-width: none;
  }

  .scale__close {
    margin-top: var(--space-16);
    padding-top: var(--space-12);
    border-top: var(--hairline) solid var(--color-hairline-light);
  }

  .experience__row {
    display: block;
    padding-block: 0;
  }

  .experience__row + .experience__row {
    margin-top: var(--space-16);
    padding-top: var(--space-16);
    border-top: var(--hairline) solid var(--color-hairline-dark);
  }

  .experience__case--left,
  .experience__case--right,
  .experience__case--wide,
  .experience__case--narrow {
    grid-column: auto;
    padding: 0;
    border: 0;
  }

  .experience__case + .experience__case {
    margin-top: var(--space-16);
    padding-top: var(--space-16);
    border-top: var(--hairline) solid var(--color-hairline-dark);
  }

  .experience__group {
    margin-top: var(--space-16);
  }

  .experience__label + .experience__group {
    margin-top: 0;
  }

  .experience__body {
    max-width: none;
  }

  .gaziza__top {
    display: block;
  }

  .gaziza__copy,
  .gaziza__portrait {
    grid-column: auto;
  }

  .gaziza__portrait {
    margin-top: var(--space-16);
  }

  .gaziza__principle {
    grid-column: 1 / -1;
  }

  .gaziza__copy p,
  .gaziza__follow {
    max-width: none;
  }
}

@media (max-width: 767px) {
  .scale,
  .experience,
  .gaziza {
    padding-block: var(--space-20);
  }

  .scale__anchor {
    margin-block: var(--space-8);
  }

  .experience__case + .experience__case {
    margin-top: var(--space-20);
    padding-top: var(--space-16);
  }

  .gaziza__manifesto {
    margin-top: var(--space-20);
  }

  .gaziza__whole {
    max-width: none;
  }
}