:root {
  --black: #060706;
  --white: #f7f5ee;
  --acid: #efff3f;
  --cyan: #52f3ff;
  --red: #ff3d47;
  --line: rgba(247, 245, 238, 0.28);
  font-family: Arial, Helvetica, sans-serif;
}
* { box-sizing: border-box; }
html { background: var(--black); }
body { min-width: 320px; margin: 0; overflow-x: hidden; background: var(--black); color: var(--white); }
a { color: inherit; }
button { font: inherit; }
.site-header { position: absolute; z-index: 5; top: 0; left: 50%; display: flex; align-items: center; justify-content: space-between; width: min(calc(100% - 48px), 1560px); min-height: 68px; border-bottom: 1px solid rgba(255,255,255,0.7); color: white; font: 700 10px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-transform: uppercase; transform: translateX(-50%); }
.site-header a { text-decoration: none; }
.site-header p { margin: 0; }
.degen-hero { min-height: 92vh; }
.scene { position: relative; min-height: 92vh; overflow: hidden; background: #151522; }
.scene::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(0,0,0,0.75) 0, rgba(0,0,0,0.2) 42%, transparent 70%), linear-gradient(0deg, rgba(0,0,0,0.55), transparent 42%); }
.scene > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit:contain; }
.scene-copy { position: absolute; z-index: 2; left: max(24px, calc((100vw - 1560px) / 2)); bottom: 74px; }
.eyebrow { margin: 0 0 26px; color: var(--acid); font: 700 10px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-transform: uppercase; }
h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 8rem; font-weight: 400; line-height: 0.74; letter-spacing: 0; text-shadow: 0 2px 30px rgba(0,0,0,0.5); }
h1 em { color: var(--acid); font-weight: 400; }
.sky-console { position: absolute; z-index: 3; right: max(24px, calc((100vw - 1560px) / 2)); bottom: 72px; display: grid; grid-template-columns: auto auto; gap: 10px 18px; align-items: center; min-width: 260px; padding: 14px 0; border-top: 1px solid white; border-bottom: 1px solid white; }
.sky-console p { margin: 0; font: 700 9px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-transform: uppercase; }
.segmented-control { display: grid; grid-template-columns: 46px 46px; gap: 6px; }
.segmented-control button { display: grid; place-items: center; width: 46px; height: 42px; padding: 0; border: 1px solid white; border-radius: 0; background: transparent; color: white; font-size: 20px; cursor: pointer; }
.segmented-control button.is-active { background: var(--acid); color: var(--black); }
#media-status { grid-column: 1 / -1; color: #d7d7d2; font: 700 8px/1.25 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-transform: uppercase; }
.degen-statement { display: grid; grid-template-columns: 1fr 0.72fr; gap: 110px; padding: 150px max(24px, calc((100vw - 1560px) / 2)); background: var(--acid); color: var(--black); }
.statement-lead { margin: 0; font: 400 6rem/0.95 Georgia, "Times New Roman", serif; }
.statement-copy { align-self: end; max-width: 600px; }
.statement-copy p { margin: 0 0 22px; font-size: 16px; line-height: 1.7; }
.statement-copy p:last-child { margin-bottom: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.5rem; }
.layer-ledger { display: grid; grid-template-columns: 1fr 0.82fr; gap: 100px; width: min(calc(100% - 48px), 1560px); margin: 0 auto; padding: 130px 0; }
.layer-ledger h2 { max-width: 760px; margin: 0; color: var(--cyan); font: 400 4.5rem/1 Georgia, "Times New Roman", serif; }
.ledger-copy { align-self: end; max-width: 650px; }
.ledger-copy p { margin: 0 0 22px; color: #c8c8c1; font-size: 14px; line-height: 1.75; }
.source-links { display: flex; flex-wrap: wrap; gap: 14px 24px; margin-top: 34px; }
.source-links a { padding-bottom: 4px; border-bottom: 1px solid currentColor; font: 700 9px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-decoration: none; text-transform: uppercase; }
.source-links a:hover, .source-links a:focus-visible { color: var(--acid); }
footer { display: flex; justify-content: space-between; width: min(calc(100% - 48px), 1560px); margin: 0 auto; padding: 28px 0 38px; border-top: 1px solid var(--line); font: 700 9px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-transform: uppercase; }
footer p { margin: 0; }
@media (max-width: 940px) {
  .scene-copy { bottom: 185px; }
  .sky-console { right: auto; left: max(24px, calc((100vw - 1560px) / 2)); bottom: 54px; }
  .degen-statement, .layer-ledger { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .site-header, .layer-ledger, footer { width: min(calc(100% - 28px), 1560px); }
  .site-header p { max-width: 150px; text-align: right; }
  .scene, .degen-hero { min-height: 86vh; }
  .scene > img { object-position: center; }
  .scene-copy { left: 14px; bottom: 190px; }
  h1 { font-size: 4.8rem; }
  .sky-console { left: 14px; right: 14px; bottom: 42px; min-width: 0; }
  .degen-statement { gap: 46px; padding-block: 90px; }
  .statement-lead { font-size: 3.8rem; }
  .layer-ledger { gap: 42px; padding: 90px 0; }
  .layer-ledger h2 { font-size: 3rem; }
}