.auction-handoff-shell {
  background: #000;
  color: #fff;
}

.auction-handoff {
  display: grid;
  gap: clamp(2.4rem, 4vw, 5.6rem);
  padding-top: clamp(7rem, 8vw, 11rem);
  padding-bottom: clamp(4rem, 6vw, 8rem);
}

.auction-handoff__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.5fr);
  gap: 1rem clamp(2rem, 6vw, 8rem);
  align-items: end;
  padding-bottom: clamp(2rem, 3vw, 3.6rem);
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
}

.auction-handoff__hero .section-heading__eyebrow {
  grid-column: 1 / -1;
}

.auction-handoff__hero h1,
.auction-handoff__section-title h2,
.auction-handoff__unavailable h2 {
  font-size: clamp(3.6rem, 6vw, 8rem);
  font-weight: 650;
  letter-spacing: 0;
  line-height: 0.9;
  text-transform: uppercase;
}

.auction-handoff__hero > p:last-child,
.auction-handoff__section-title > p:last-child {
  max-width: 48rem;
  color: rgba(255, 255, 255, 0.72);
  font-size: clamp(1.35rem, 1.15vw, 1.7rem);
  font-weight: 600;
  line-height: 1.36;
}

.auction-handoff__summary {
  display: grid;
  gap: clamp(1.6rem, 2.4vw, 2.8rem);
}

.auction-handoff__summary dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(255, 255, 255, 0.42);
  border-left: 1px solid rgba(255, 255, 255, 0.42);
}

.auction-handoff__summary dl > div {
  display: grid;
  gap: 1.4rem;
  min-height: 10rem;
  padding: 1.3rem;
  border-right: 1px solid rgba(255, 255, 255, 0.42);
  border-bottom: 1px solid rgba(255, 255, 255, 0.42);
}

.auction-handoff__summary dt,
.auction-handoff__integrity > span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 1rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.auction-handoff__summary dd {
  align-self: end;
  font-size: clamp(2.4rem, 3.5vw, 4.8rem);
  font-weight: 650;
  line-height: 0.9;
}

.auction-handoff__download {
  display: flex;
  gap: 2rem;
  align-items: end;
  justify-content: space-between;
  padding: clamp(1.5rem, 2vw, 2.2rem);
  background: #fff;
  color: #000;
}

.auction-handoff__download > div {
  display: grid;
  gap: 0.5rem;
}

.auction-handoff__download .section-heading__eyebrow {
  color: rgba(0, 0, 0, 0.64);
}

.auction-handoff__download strong {
  overflow-wrap: anywhere;
  font-size: clamp(1.7rem, 2vw, 2.7rem);
  line-height: 1;
}

.auction-handoff__download small {
  color: rgba(0, 0, 0, 0.62);
  font-size: 1.1rem;
  font-weight: 600;
}

.auction-handoff__contents {
  display: grid;
  grid-template-columns: minmax(23rem, 0.55fr) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 7rem);
  align-items: start;
}

.auction-handoff__section-title {
  position: sticky;
  top: 8rem;
  display: grid;
  gap: 1rem;
}

.auction-handoff__section-title h2,
.auction-handoff__unavailable h2 {
  font-size: clamp(3rem, 4vw, 5.6rem);
}

.auction-handoff__works {
  border-top: 1px solid rgba(255, 255, 255, 0.42);
}

.auction-handoff__works li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
}

.auction-handoff__works a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 1.5rem;
  align-items: center;
  min-height: 4.6rem;
  padding: 0.8rem 0;
}

.auction-handoff__works a > span:first-child {
  font-size: clamp(1.25rem, 1.15vw, 1.65rem);
  font-weight: 650;
}

.auction-handoff__works small {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.95rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.auction-handoff__integrity {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem 2rem;
  padding-top: 1.4rem;
  border-top: 1px solid rgba(255, 255, 255, 0.42);
}

.auction-handoff__integrity code {
  overflow-wrap: anywhere;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1rem;
}

.auction-handoff__unavailable {
  display: grid;
  gap: 1rem;
  min-height: 40vh;
  align-content: center;
}

@media (max-width: 767px) {
  .auction-handoff {
    gap: 2.6rem;
    padding-top: 6.5rem;
  }

  .auction-handoff__hero,
  .auction-handoff__contents {
    grid-template-columns: 1fr;
  }

  .auction-handoff__summary dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .auction-handoff__summary dl > div {
    min-height: 8.2rem;
  }

  .auction-handoff__download {
    align-items: stretch;
    flex-direction: column;
  }

  .auction-handoff__download .button {
    justify-content: center;
  }

  .auction-handoff__section-title {
    position: static;
  }

  .auction-handoff__works a {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .auction-handoff__works a > span:last-child {
    display: none;
  }

  .auction-handoff__integrity {
    grid-template-columns: 1fr;
  }
}