/* Hallmark · genre: atmospheric · macrostructure: Marquee Hero · design-system: design.md · designed-as-app */
* { box-sizing: border-box; }
html, body { margin: 0; min-width: 0; overflow-x: clip; background: var(--color-ink); color: var(--color-paper); }
html { scroll-behavior: smooth; }
body { font-family: var(--font-body); font-size: var(--text-base); line-height: 1.6; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }
.page-grid { position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .2; background-image: linear-gradient(90deg, var(--color-rule-soft) 1px, transparent 1px), linear-gradient(0deg, var(--color-rule-soft) 1px, transparent 1px); background-size: 48px 48px; }
.terminal-nav { position: sticky; top: 0; z-index: var(--z-sticky-nav); min-height: 4.7rem; display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); padding: var(--space-md) var(--page-gutter); background: var(--color-nav); border-bottom: var(--rule-hair) solid var(--color-rule); backdrop-filter: blur(12px); }
.brand, h1, h2, h3, .nav-cta, .primary-action { font-family: var(--font-display); }
.brand { font-size: var(--text-sm); white-space: nowrap; }.brand span, .command-links b { color: var(--color-accent); }
.command-links { display: flex; gap: clamp(.6rem, 2vw, 1.8rem); color: var(--color-muted); font-size: var(--text-xs); }.command-links a { white-space: nowrap; }.command-links a:hover { color: var(--color-cyan); }.command-links b { animation: blink 1.1s steps(2) infinite; }
.nav-cta, .primary-action { display: inline-block; padding: 1rem 1.1rem; border: var(--rule-hair) solid var(--color-accent); background: var(--color-accent); color: var(--color-accent-ink); font-size: var(--text-xs); line-height: 1; white-space: nowrap; transition: transform var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out); }.nav-cta:hover, .primary-action:hover { background: var(--color-paper); transform: translateY(-3px); }
.hero, .arena-section, .ai-section, .legacy-section, .roadmap-section, .fund-section, .final-section { padding: var(--space-3xl) var(--page-gutter); }
.hero { min-height: calc(100svh - 4.7rem); }.hero-copy { max-width: 65rem; }.eyebrow { margin: 0 0 var(--space-md); color: var(--color-cyan); font-size: var(--text-xs); letter-spacing: .04em; }
h1, h2, h3 { margin: 0; min-width: 0; overflow-wrap: anywhere; line-height: 1.08; font-style: normal; }h1 { font-size: var(--text-display); letter-spacing: -.07em; }h1 span { display: block; color: var(--color-accent); white-space: nowrap; }h2 span { color: var(--color-accent); }.hero-lede { max-width: 52ch; color: var(--color-muted); }.hero-actions { display: flex; flex-wrap: wrap; gap: var(--space-md); margin-top: var(--space-xl); }.secondary-action { align-self: center; padding-bottom: var(--space-xs); border-bottom: var(--rule-hair) solid var(--color-cyan); font-size: var(--text-xs); white-space: nowrap; }
.hero-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-md); max-width: 75rem; margin-top: var(--space-2xl); }.hero-cards article { position: relative; min-height: 23rem; overflow: hidden; padding: var(--space-lg); background: var(--color-panel); border: var(--rule-hair) solid var(--color-rule); transition: transform var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out); }.hero-cards article:nth-child(2) { background: var(--color-panel-raised); }.hero-cards article:hover { border-color: var(--color-cyan); transform: translateY(-.4rem); }.hero-cards img { position: absolute; z-index: 0; top: 0; right: 0; width: 54%; aspect-ratio: 1; object-fit: cover; image-rendering: pixelated; border-left: var(--rule-hair) solid var(--color-rule); border-bottom: var(--rule-hair) solid var(--color-rule); }.hero-cards article > :not(img) { position: relative; z-index: 1; }.hero-cards span { color: var(--color-cyan); font-size: var(--text-xs); }.hero-cards h2 { max-width: 8ch; margin-top: var(--space-2xl); font-size: var(--text-lg); }.hero-cards p { max-width: 28ch; color: var(--color-muted); font-size: var(--text-sm); }.hero-footer { margin-top: var(--space-xl); color: var(--color-muted); font-size: var(--text-xs); }
.section-intro { max-width: 67rem; }.section-intro h2, .legacy-section h2, .fund-section h2, .final-section h2 { font-size: var(--text-2xl); letter-spacing: -.06em; }.section-intro > p:not(.eyebrow) { max-width: 52ch; color: var(--color-muted); }
.arena-section { text-align: center; background: var(--color-panel-deep); border-block: var(--rule-hair) solid var(--color-rule); }.arena-section .section-intro { margin-inline: auto; }.arena-board { max-width: 75rem; margin: var(--space-2xl) auto var(--space-xl); background: var(--color-panel); border: var(--rule-hair) solid var(--color-rule); text-align: left; }.board-header { display: flex; justify-content: space-between; gap: var(--space-md); padding: var(--space-md) var(--space-lg); border-bottom: var(--rule-hair) solid var(--color-rule); font-size: var(--text-xs); }.board-header span { color: var(--color-cyan); }.board-header small { color: var(--color-muted); font-size: var(--text-xs); }.position-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }.position-grid article { min-height: 17rem; padding: var(--space-xl); border-bottom: var(--rule-hair) solid var(--color-rule); }.position-grid article + article { border-left: var(--rule-hair) solid var(--color-rule); }.position-grid span { color: var(--color-accent); font-family: var(--font-display); font-size: var(--text-sm); }.position-grid h3 { margin-top: var(--space-xl); font-size: var(--text-base); }.position-grid p { color: var(--color-muted); font-size: var(--text-sm); }.board-flow { display: flex; justify-content: space-between; gap: var(--space-sm); padding: var(--space-lg); overflow-x: auto; white-space: nowrap; font-size: var(--text-xs); }.board-flow i { color: var(--color-accent); font-style: normal; }
.ai-section, .fund-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .65fr); gap: clamp(2rem, 8vw, 9rem); align-items: center; }.ai-section, .roadmap-section { background: var(--color-panel-deep); }.ai-copy p:not(.eyebrow), .fund-section > div > p:not(.eyebrow) { max-width: 52ch; color: var(--color-muted); }.fine-print { font-size: var(--text-xs); }.ai-art { position: relative; margin: 0; transform: rotate(3deg); border: var(--rule-hair) solid var(--color-cyan); box-shadow: .7rem .7rem 0 var(--color-shadow); }.ai-art img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; image-rendering: pixelated; }.ai-art figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: var(--space-sm); background: var(--color-panel-deep); color: var(--color-cyan); font-size: var(--text-xs); }
.legacy-section, .final-section { min-height: 65svh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }.legacy-section { background: radial-gradient(circle at 50% 45%, var(--color-legacy-glow), transparent 32%), var(--color-ink); }.legacy-section h2 { max-width: 21ch; }.legacy-list { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-sm); max-width: 60rem; margin-top: var(--space-xl); }.legacy-list span { padding: var(--space-sm); border: var(--rule-hair) solid var(--color-rule); color: var(--color-muted); font-size: var(--text-xs); }
.roadmap-list { list-style: none; margin: var(--space-2xl) 0 0; padding: 0; border-top: var(--rule-hair) solid var(--color-rule); }.roadmap-list li { display: grid; grid-template-columns: 10rem minmax(0, 1fr); gap: var(--space-lg); padding: var(--space-xl) 0; border-bottom: var(--rule-hair) solid var(--color-rule); }.roadmap-list > li > span { color: var(--color-cyan); font-size: var(--text-xs); }.roadmap-list h3 { font-size: var(--text-lg); }.roadmap-list p { max-width: 60ch; margin-bottom: 0; color: var(--color-muted); }
.fund-art { position: relative; min-height: 28rem; }.fund-art img { position: absolute; width: 48%; aspect-ratio: 1; object-fit: cover; image-rendering: pixelated; border: var(--rule-hair) solid var(--color-rule); box-shadow: .5rem .5rem 0 var(--color-shadow); }.fund-art img:nth-child(1) { left: 0; top: 0; }.fund-art img:nth-child(2) { right: 0; top: 11%; }.fund-art img:nth-child(3) { bottom: 0; left: 25%; }.fund-art strong { position: absolute; z-index: 2; left: 50%; top: 47%; padding: var(--space-sm); transform: translate(-50%, -50%); background: var(--color-accent); color: var(--color-accent-ink); font-family: var(--font-display); font-size: var(--text-sm); }.final-section { border-top: var(--rule-hair) solid var(--color-rule); background: radial-gradient(circle at 50% 45%, var(--color-accent-haze), transparent 32%), var(--color-panel-deep); }.final-section h2 { max-width: 25ch; }.final-section .primary-action { margin-top: var(--space-xl); }footer { padding: var(--space-xl) var(--page-gutter); color: var(--color-muted); font-size: var(--text-xs); }
@keyframes blink { 50% { opacity: 0; } }
@media (max-width: 60rem) { .hero-cards, .ai-section, .fund-section, .position-grid { grid-template-columns: minmax(0, 1fr); }.position-grid article { min-height: 0; }.position-grid article + article { border-top: var(--rule-hair) solid var(--color-rule); border-left: 0; }.fund-art { width: 100%; max-width: 32rem; margin-inline: auto; } }
@media (max-width: 48rem) { .terminal-nav { gap: var(--space-sm); }.command-links { display: none; }.nav-cta { margin-left: auto; }.hero, .arena-section, .ai-section, .legacy-section, .roadmap-section, .fund-section, .final-section { padding-inline: var(--space-md); }.hero { min-height: auto; padding-bottom: var(--space-3xl); }.hero-cards article { min-height: 20rem; }.board-header { display: block; }.board-header small { display: block; margin-top: var(--space-xs); }.roadmap-list li { grid-template-columns: minmax(0, 1fr); gap: var(--space-sm); }.legacy-section, .final-section { min-height: 52svh; }.fund-art { min-height: 22rem; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 150ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 150ms !important; } }

/* Static, contained artwork layouts. */
.ai-art { width: min(100%, 23rem); margin: 0; justify-self: center; transform: none; background: var(--color-panel); box-shadow: .5rem .5rem 0 var(--color-shadow); }
.ai-art img { object-fit: contain; }
.ai-art figcaption { position: static; border-top: var(--rule-hair) solid var(--color-rule); }
.fund-art { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-sm); align-items: end; min-height: 0; padding-top: var(--space-xl); }
.fund-art img { position: static; width: 100%; object-fit: contain; background: var(--color-panel); box-shadow: none; }
.fund-art strong { top: 0; transform: translateX(-50%); white-space: nowrap; }
@media (max-width: 48rem) { .fund-art { min-height: 0; } }