.burnLedger,
.fullLedgerSection {
  background: var(--bone);
  color: var(--ink);
  position: relative;
}

.burnLedger {
  border-bottom: 4px solid var(--ink);
  overflow: hidden;
}

.burnLedger::before {
  background:
    linear-gradient(rgba(11, 17, 18, .055) 1px, transparent 1px) 0 0 / 100% 28px,
    linear-gradient(90deg, rgba(11, 17, 18, .04) 1px, transparent 1px) 0 0 / 28px 100%;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.burnLedger > *,
.fullLedgerSection > * {
  position: relative;
  z-index: 1;
}

.burnLedgerKicker,
.burnLedgerIntro,
.burnLedgerFooter {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.ledgerVerified {
  align-items: center;
  background: var(--rare);
  border: 3px solid var(--ink);
  box-shadow: 4px 4px 0 var(--ink);
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 9px;
  letter-spacing: .08em;
  padding: 10px 13px;
}

.ledgerVerified::before {
  background: var(--ink);
  border-radius: 50%;
  content: "";
  height: 9px;
  width: 9px;
}

.burnLedgerIntro {
  align-items: end;
  gap: clamp(30px, 6vw, 90px);
  margin-top: 46px;
}

.burnLedgerIntro h2 {
  font-size: clamp(68px, 8.7vw, 132px);
  line-height: .82;
  margin: 14px 0 0;
}

.burnLedgerIntro > p {
  border-left: 4px solid var(--red-bright);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
  margin: 0 0 8px;
  max-width: 450px;
  padding-left: 22px;
}

.ledgerStats {
  background: var(--ink);
  border: 4px solid var(--ink);
  box-shadow: 10px 10px 0 var(--red-bright);
  color: var(--bone);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 54px;
}

.ledgerStats p {
  margin: 0;
  min-width: 0;
  padding: 24px 26px;
}

.ledgerStats p + p {
  border-left: 2px solid rgba(242, 228, 198, .35);
}

.ledgerStats small,
.ledgerStats strong {
  display: block;
}

.ledgerStats small {
  color: var(--rare);
  font-size: 11px;
  letter-spacing: .1em;
  margin-bottom: 10px;
}

.ledgerStats strong {
  font-family: var(--display);
  font-size: clamp(32px, 4vw, 56px);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  line-height: .9;
  overflow-wrap: normal;
  white-space: nowrap;
}

.ledgerCuts {
  display: grid;
  gap: clamp(24px, 3vw, 42px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 52px;
}

.ledgerCut {
  background: #fff;
  border: 4px solid var(--ink);
  box-shadow: 9px 9px 0 var(--ink);
  min-width: 0;
  padding: 26px;
  position: relative;
}

.ledgerCut::after {
  color: rgba(198, 37, 45, .11);
  content: "COOKED";
  font-family: var(--display);
  font-size: clamp(62px, 8vw, 104px);
  line-height: .8;
  pointer-events: none;
  position: absolute;
  right: 17px;
  top: 94px;
  transform: rotate(-8deg);
}

.ledgerCutTop {
  align-items: center;
  border-bottom: 3px solid var(--ink);
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 16px;
}

.ledgerCutTop span,
.ledgerCutTop b {
  font-family: var(--display);
  font-weight: 400;
  letter-spacing: .04em;
}

.ledgerCutTop span { font-size: 26px; }

.ledgerCutTop b {
  background: var(--rare);
  border: 2px solid var(--ink);
  font-size: 14px;
  padding: 6px 8px;
}

.ledgerCut > small {
  display: block;
  font-size: 11px;
  letter-spacing: .1em;
  position: relative;
  z-index: 1;
}

.ledgerCutAmount {
  display: block;
  font-family: var(--display);
  font-size: clamp(36px, 4.3vw, 58px);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  line-height: .9;
  margin: 13px 0 24px;
  overflow-wrap: anywhere;
  position: relative;
  z-index: 1;
}

.ledgerCut dl {
  border-top: 2px solid var(--ink);
  margin: 0;
  position: relative;
  z-index: 1;
}

.ledgerCut dl div {
  align-items: baseline;
  border-bottom: 1px solid rgba(11, 17, 18, .28);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 11px 0;
}

.ledgerCut dt {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
}

.ledgerCut dd {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  min-width: 0;
  text-align: right;
}

.ledgerReceipt {
  align-items: center;
  background: var(--red-bright);
  border: 3px solid var(--ink);
  color: var(--bone);
  display: inline-flex;
  font-family: var(--display);
  font-size: 18px;
  font-weight: 400;
  justify-content: center;
  letter-spacing: .04em;
  margin-top: 22px;
  min-height: 48px;
  padding: 11px 16px;
  position: relative;
  z-index: 1;
}

.burnLedgerFooter {
  border-top: 3px solid var(--ink);
  gap: 24px;
  margin-top: 56px;
  padding-top: 28px;
}

.burnLedgerFooter p {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.5;
  margin: 0;
}

.ledgerEmpty {
  border: 3px dashed var(--ink);
  font-weight: 700;
  grid-column: 1 / -1;
  margin: 0;
  padding: 40px;
  text-align: center;
}

.burnLedgerHero {
  background: var(--oxblood);
  border-bottom: 4px solid var(--ink);
  color: var(--bone);
  padding: 150px 6vw 82px;
}

.burnLedgerHero h1 {
  font-family: var(--display);
  font-size: clamp(76px, 11vw, 168px);
  font-weight: 400;
  line-height: .8;
  margin: 22px 0 30px;
}

.burnLedgerHero h1 em { color: var(--rare); }

.burnLedgerHero > p {
  border-left: 4px solid var(--rare);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.7;
  margin: 0;
  max-width: 740px;
  padding-left: 22px;
}

.burnLedgerHero .ledgerStats {
  margin-top: 52px;
  max-width: 1050px;
}

.fullLedgerSection {
  padding: 84px 6vw 110px;
}

.fullLedgerHeader {
  align-items: end;
  display: flex;
  gap: 35px;
  justify-content: space-between;
}

.fullLedgerHeader h2 {
  font-family: var(--display);
  font-size: clamp(58px, 8vw, 112px);
  font-weight: 400;
  line-height: .84;
  margin: 14px 0 0;
}

.fullLedgerHeader p {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  margin: 0 0 8px;
  max-width: 420px;
}

.fullLedgerSection .ledgerCuts {
  margin-top: 54px;
}

.fullLedgerStatus {
  border-top: 3px solid var(--ink);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .05em;
  margin: 54px 0 0;
  padding-top: 24px;
}

@media (max-width: 1040px) {
  .burnLedgerIntro,
  .fullLedgerHeader {
    align-items: flex-start;
    flex-direction: column;
  }

  .ledgerStats strong { font-size: clamp(28px, 4.7vw, 46px); }
}

@media (max-width: 760px) {
  .burnLedgerKicker,
  .burnLedgerFooter {
    align-items: flex-start;
    flex-direction: column;
  }

  .burnLedgerIntro h2 { font-size: clamp(55px, 16vw, 76px); }

  .ledgerStats {
    box-shadow: 6px 6px 0 var(--red-bright);
    grid-template-columns: 1fr;
  }

  .ledgerStats p { padding: 20px; }
  .ledgerStats p + p { border-left: 0; border-top: 2px solid rgba(242, 228, 198, .35); }
  .ledgerStats strong { font-size: 39px; }
  .ledgerCuts { grid-template-columns: minmax(0, 1fr); }
  .ledgerCut { box-shadow: 6px 6px 0 var(--ink); padding: 21px 17px; }
  .ledgerCutAmount { font-size: clamp(34px, 11vw, 49px); }
  .ledgerCut dl div { align-items: flex-start; flex-direction: column; gap: 5px; }
  .ledgerCut dd { text-align: left; }
  .burnLedgerFooter .btn { width: 100%; }
  .burnLedgerHero { padding: 130px 20px 66px; }
  .burnLedgerHero h1 { font-size: clamp(67px, 20vw, 96px); }
  .burnLedgerHero > p { font-size: 14px; }
  .fullLedgerSection { padding: 68px 20px 88px; }
  .fullLedgerHeader h2 { font-size: clamp(56px, 17vw, 82px); }
}

@media (max-width: 420px) {
  .ledgerStats strong { font-size: 34px; }
  .ledgerCutTop span { font-size: 23px; }
  .ledgerCutAmount { font-size: 34px; }
}