.ledger-page { background: #080000; }
.ledger { min-height: calc(100svh - 104px); max-width: 1500px; margin: auto; padding: clamp(48px,8vw,120px) 7%; position: relative; isolation: isolate; overflow: hidden; border-inline: 1px solid #ff30482b; }
.ledger-kicker { font-size: clamp(13px,1.3vw,18px); letter-spacing: .18em; margin-bottom: 42px; }
.ledger h1 { position: relative; font: clamp(88px,15vw,220px)/.83 'Fayte Pixel', var(--font-display); text-transform: uppercase; letter-spacing: -.025em; }
.ledger h1 em { font-style: normal; color: #ff98a6; }
.ledger-message { position: relative; max-width: 560px; margin-top: 42px; font: clamp(20px,2.2vw,30px)/1.3 var(--font-mono); text-wrap: pretty; }
.ledger-return { display: inline-flex; align-items: center; min-height: 48px; margin-top: 36px; border-bottom: 1px solid; font-size: 18px; }
.ledger-crest { position: absolute; right: -12%; top: 5%; width: 80%; height: 90%; object-fit: contain; mix-blend-mode: screen; opacity: .23; z-index: -1; pointer-events: none; }
.ledger::after { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: -1; background: repeating-linear-gradient(0deg,transparent 0 4px,#0003 4px 5px); }
@media(max-width:600px) { .ledger { min-height: calc(100svh - 142px); padding: 54px 7%; }.ledger h1 { font-size: clamp(80px,23vw,138px); }.ledger-crest { width: 140%; right: -50%; top: -10%; }.ledger-kicker { letter-spacing: .1em; } }

.ledger-crest { right: 0; width: 58%; opacity: .5; }
@media(max-width:600px) { .ledger-crest { width: 100%; right: -30%; opacity: .35; } }

@media(max-width:600px) {
 .ledger { min-height: calc(100svh - 140px); padding: 42px 7% 40px; text-align: center; display: flex; flex-direction: column; align-items: center; }
 .ledger-kicker { font-size: 12px; margin-bottom: 32px; }
 .ledger h1 { font-size: clamp(100px,31vw,180px); line-height: .9; }
 .ledger-message { font-size: 20px; max-width: 30ch; margin-top: 32px; }
 .ledger-crest { width: 100%; height: 75%; right: 0; top: 14%; opacity: .22; }
 .ledger-return { min-height: 48px; margin-top: 28px; }
}
