:root {
  --paper: #f3f0e8;
  --paper-deep: #e8e3d8;
  --ink: #20241f;
  --muted: #686c65;
  --line: rgba(32, 36, 31, .16);
  --forest: #1a241e;
  --forest-soft: #2b3730;
  --accent: #dc4b3f;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; }
.evidence-skip { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 10px 14px; color: #fff; background: var(--accent); transform: translateY(-180%); }
.evidence-skip:focus { transform: none; }
.evidence-header { position: absolute; z-index: 4; top: 0; right: 0; left: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; padding: 28px clamp(24px, 4vw, 72px); color: #fff; }
.evidence-brand { display: inline-flex; align-items: center; gap: 12px; width: max-content; font-family: Georgia, serif; font-size: 19px; text-decoration: none; }
.evidence-brand > span { position: relative; display: block; width: 29px; height: 29px; border: 1px solid currentColor; border-radius: 50%; }
.evidence-brand > span::before { content: ""; position: absolute; top: 13px; left: -4px; width: 35px; height: 1px; background: currentColor; transform: rotate(-24deg); }
.evidence-brand i { position: absolute; top: 5px; right: 3px; width: 5px; height: 5px; background: var(--accent); border-radius: 50%; }
.evidence-header nav { display: flex; gap: 28px; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.evidence-header nav a { text-decoration: none; opacity: .7; }
.evidence-header nav a:hover, .evidence-header nav a:focus-visible { opacity: 1; }
.evidence-header__action { justify-self: end; padding: 11px 15px; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.evidence-hero { position: relative; display: flex; min-height: 760px; align-items: end; overflow: hidden; padding: 150px clamp(24px, 8vw, 145px) 105px; color: #fff; background: #121a15 url("https://makemake.asia/wp-content/uploads/2022/02/IMG_1882-scaled.jpg") center / cover no-repeat; }
.evidence-hero__veil { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,13,10,.82), rgba(8,13,10,.15) 72%), linear-gradient(0deg, rgba(8,13,10,.78), transparent 55%); }
.evidence-hero__content { position: relative; z-index: 1; max-width: 930px; }
.evidence-breadcrumb { display: flex; align-items: center; gap: 9px; margin: 0 0 23px; color: rgba(255,255,255,.56); font-size: 10px; letter-spacing: .04em; }
.evidence-breadcrumb a { color: rgba(255,255,255,.76); }
.evidence-kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 28px; color: rgba(255,255,255,.66); font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.evidence-kicker span { width: 34px; height: 1px; background: var(--accent); }
.evidence-kicker--dark { color: #7c7e77; }
.evidence-hero h1, .evidence-section h2 { margin: 0; font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; font-weight: 400; letter-spacing: -.055em; }
.evidence-hero h1 { font-size: clamp(57px, 7.2vw, 110px); line-height: .89; }
.evidence-hero h1 em, .evidence-limits h2 em { color: rgba(255,255,255,.52); font-weight: 400; }
.evidence-hero__content > p:not(.evidence-kicker) { max-width: 690px; margin: 34px 0 0; color: rgba(255,255,255,.7); font-size: clamp(15px, 1.4vw, 19px); line-height: 1.7; }
.evidence-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.evidence-hero__actions a { padding: 13px 18px; color: #fff; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }
.evidence-hero__actions a:first-child { border-color: var(--accent); background: var(--accent); }
.evidence-section { padding: clamp(85px, 10vw, 150px) clamp(24px, 8vw, 145px); }
.evidence-section__heading { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: end; margin-bottom: 70px; }
.evidence-section h2 { font-size: clamp(47px, 5.7vw, 86px); line-height: .95; }
.evidence-section__heading .evidence-kicker { grid-column: 1 / -1; margin-bottom: -20px; }
.evidence-status__grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.evidence-status article { min-height: 340px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.evidence-badge { display: inline-flex; padding: 6px 9px; border: 1px solid currentColor; border-radius: 999px; color: #6b6f68; font-size: 8px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.evidence-badge--released { color: #337359; }
.evidence-badge--gated { color: #9a6c27; }
.evidence-badge--planned { color: #7c7e78; }
.evidence-status h3, .evidence-method h3 { margin: 66px 0 14px; font-family: Georgia, serif; font-size: 26px; font-weight: 400; letter-spacing: -.03em; }
.evidence-status p, .evidence-method p { color: var(--muted); font-size: 12px; line-height: 1.75; }
.evidence-status article > a, .evidence-limits a { display: inline-block; margin-top: 15px; color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.evidence-verification { color: #fff; background: var(--forest); }
.evidence-verification__summary { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(50px, 9vw, 150px); }
.evidence-verification dl { margin: 0; }
.evidence-verification dl > div { display: grid; grid-template-columns: 150px 1fr; gap: 25px; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.16); }
.evidence-verification dl > div:last-child { border-bottom: 1px solid rgba(255,255,255,.16); }
.evidence-verification dt { color: rgba(255,255,255,.48); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.evidence-verification dd { margin: 0; overflow-wrap: anywhere; font-family: Georgia, serif; font-size: 16px; }
.evidence-verification code { color: #d7dbd5; font: 11px ui-monospace, SFMono-Regular, Consolas, monospace; }
.evidence-verification__summary > p { margin: 0; color: rgba(255,255,255,.61); font-size: 13px; line-height: 1.9; }
.evidence-test-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 75px; border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); }
.evidence-test-grid > div { padding: 28px; border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.evidence-test-grid strong { display: block; color: var(--accent); font-family: Georgia, serif; font-size: 46px; font-weight: 400; }
.evidence-test-grid span { color: rgba(255,255,255,.54); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.evidence-test-grid__total { grid-column: 1 / -1; display: flex; align-items: center; gap: 25px; }
.evidence-test-grid__total strong { font-size: 62px; }
.evidence-note { margin: 18px 0 0; color: rgba(255,255,255,.43); font-size: 10px; line-height: 1.65; }
.evidence-controls { background: var(--paper-deep); }
.evidence-control-list { margin: 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.evidence-control-list li { display: grid; grid-template-columns: 42px 1fr auto; gap: 28px; align-items: start; padding: 35px 0; border-bottom: 1px solid var(--line); }
.evidence-control-list > li > span { color: var(--accent); font-size: 9px; font-weight: 800; }
.evidence-control-list h3 { margin: 0; font-family: Georgia, serif; font-size: clamp(22px, 2.2vw, 31px); font-weight: 400; letter-spacing: -.03em; }
.evidence-control-list p { max-width: 780px; margin: 12px 0 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.evidence-control-list small { padding-top: 7px; color: #73766f; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-align: right; text-transform: uppercase; }
.evidence-method { color: #fff; background: var(--forest-soft); }
.evidence-method__grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); }
.evidence-method article { min-height: 290px; padding: 28px; border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.evidence-method article > span { color: var(--accent); font: 25px Georgia, serif; }
.evidence-method h3 { margin-top: 70px; }
.evidence-method p { color: rgba(255,255,255,.53); }
.evidence-limits { display: grid; grid-template-columns: .9fr 1fr; gap: clamp(65px, 11vw, 170px); color: #fff; background: #101512; }
.evidence-limits > div:last-child { padding-top: 42px; }
.evidence-limits p { margin: 0 0 24px; color: rgba(255,255,255,.6); font-size: 13px; line-height: 1.9; }
.evidence-footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 25px; padding: 40px clamp(24px, 4vw, 72px); border-top: 1px solid var(--line); background: var(--paper-deep); }
.evidence-brand--dark { color: var(--ink); }
.evidence-footer p { margin: 0; color: var(--muted); font-size: 10px; }
.evidence-footer > a:last-child { justify-self: end; color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }

@media (max-width: 900px) {
  .evidence-header { grid-template-columns: 1fr auto; }
  .evidence-header nav { display: none; }
  .evidence-section__heading, .evidence-verification__summary, .evidence-limits { grid-template-columns: 1fr; }
  .evidence-status__grid { grid-template-columns: 1fr; }
  .evidence-test-grid, .evidence-method__grid { grid-template-columns: repeat(2, 1fr); }
  .evidence-limits > div:last-child { padding-top: 0; }
}

@media (max-width: 600px) {
  .evidence-header { padding: 22px 20px; }
  .evidence-header__action { padding: 9px 11px; font-size: 8px; }
  .evidence-hero { min-height: 710px; padding: 130px 20px 80px; }
  .evidence-hero h1 { font-size: clamp(52px, 16vw, 76px); }
  .evidence-section { padding: 80px 20px; }
  .evidence-section__heading { margin-bottom: 48px; }
  .evidence-verification dl > div { grid-template-columns: 105px 1fr; gap: 15px; }
  .evidence-test-grid, .evidence-method__grid { grid-template-columns: 1fr; }
  .evidence-control-list li { grid-template-columns: 30px 1fr; gap: 15px; }
  .evidence-control-list small { grid-column: 2; text-align: left; }
  .evidence-footer { grid-template-columns: 1fr; }
  .evidence-footer > a:last-child { justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}