:root {
  --bg: #101113;
  --panel: #181a1e;
  --panel-alt: #22252a;
  --ink: #f2f1ec;
  --muted: #a7abb4;
  --line: #34373e;
  --lime: #d5ff3e;
  --magenta: #dca5ff;
  --cyan: #8bdde4;
  --radius: 3px;
  --max: 1380px;
  color-scheme: dark;
}
body { background: var(--bg); color: var(--ink); -webkit-font-smoothing: antialiased; }
a, button, input, select, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible { outline: 2px solid var(--lime); outline-offset: 5px; }
h1, h2, h3 { font-family: var(--display-font); font-synthesis: none; letter-spacing: -.055em; text-wrap: balance; }
p { text-wrap: pretty; }
[hidden] { display: none !important; }
.shell { width: min(calc(100% - 96px), var(--max)); }
.site-header { height: 102px; gap: 30px; border-bottom: 1px solid var(--line); }
.site-header.shell { width: 100%; max-width: none; margin-inline: 0; padding-inline: clamp(20px, 3.5vw, 64px); }
.brand, .portal-brand { font-size: 25px; letter-spacing: -.06em; white-space: nowrap; }
.brand img { width: 44px; height: 44px; border-radius: 3px; }
.site-header nav { display: flex; align-items: center; gap: 30px; font-size: 12px; color: #bdc0c7; }
.site-header nav a { padding-block: 14px; }
.site-header nav a:hover, .portal-header nav a:hover { color: var(--ink); }
.header-cta { display: inline-flex; gap: 26px; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border: 1px solid #6a7052; border-radius: 3px; color: var(--lime); font-size: 12px; }
.header-cta:hover { background: var(--lime); color: #11130a; }
.eyebrow, .app-kicker, .small-label { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 600; line-height: 1.8; letter-spacing: 1.5px; color: var(--muted); }
.text-link { font-size: 12px; line-height: 1.7; }
.button, .app-primary, .app-secondary, .button.primary { border-radius: 3px; }
.button-primary, .app-primary, .button.primary { background: var(--lime); color: #15170d; border-color: var(--lime); min-height: 48px; padding: 13px 20px; box-shadow: none; }
.button-primary:hover, .app-primary:hover:not(:disabled) { background: #e0ff79; border-color: #e0ff79; }
.button:disabled, .app-primary:disabled { background: #292c32; color: #b0b5be; border-color: #51565f; }
.forge-home .hero { grid-template-columns: 1.08fr 1fr; gap: 52px; align-items: center; padding-block: 72px 64px; }
.hero .eyebrow { display: flex; align-items: center; gap: 11px; font-size: 10px; letter-spacing: 1px; }
.hero-cross { font-size: 24px; line-height: 1; color: var(--lime); }
.forge-home .hero h1 { margin: 27px 0; font-size: clamp(42px, 4.6vw, 77px); line-height: 1.16; letter-spacing: -.07em; text-transform: uppercase; }
.hero-intro { max-width: 480px; font-size: 16px; line-height: 1.85; color: #b2b5bd; }
.hero-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.hero-actions .button { font-size: 12px; padding-inline: 20px; gap: 24px; }
.hero-actions .text-link { color: #d5d7db; }
.hero-signature { display: flex; gap: 16px; align-items: center; margin-top: 36px; }
.signature-block { padding: 13px 8px; border: 1px solid #575b63; font-family: var(--display-font); font-size: 10px; color: #b6b9c1; }
.hero-signature p { font-size: 11px; color: var(--muted); line-height: 1.7; margin: 0; }
.hero-signature strong { color: #d8dadf; font-weight: 400; }
.forge-hero-art { position: relative; min-width: 0; margin: 0; border: 1px solid #45484f; background: #151619; border-radius: 3px; box-shadow: none; }
.art-register { display: flex; align-items: center; justify-content: space-between; padding: 16px 19px; font-size: 9px; letter-spacing: 1.3px; color: #b8bbc2; border-bottom: 1px solid var(--line); }
.forge-hero-art > img { display: block; width: 100%; height: 360px; object-fit: cover; object-position: 65% center; }
.forge-hero-art figcaption { display: flex; justify-content: space-between; align-items: flex-end; gap: 15px; padding: 21px 22px; border-top: 1px solid var(--line); font-family: var(--display-font); font-size: 15px; line-height: 1.6; }
.forge-hero-art figcaption strong { color: var(--lime); font-weight: 400; }
.art-stamp { font-family: Arial, Helvetica, sans-serif; font-size: 8px; letter-spacing: 1px; line-height: 1.8; text-align: right; color: var(--muted); }
.forge-hero-art::before, .forge-hero-art::after { content: ""; position: absolute; width: 14px; height: 14px; pointer-events: none; border-color: var(--lime); }
.forge-hero-art::before { top: -1px; left: -1px; border-left: 2px solid; border-top: 2px solid; }
.forge-hero-art::after { bottom: -1px; right: -1px; border-right: 2px solid; border-bottom: 2px solid; }
.forge-manifesto { display: grid; grid-template-columns: .9fr 1fr 1.1fr; gap: 38px; align-items: center; border-block: 1px solid var(--line); padding-block: 26px; }
.forge-manifesto > p { margin: 0; font-size: 12px; line-height: 1.9; color: var(--muted); }
.forge-manifesto > p:first-child { color: var(--ink); font-size: 17px; line-height: 1.6; }
.manifesto-index { display: block; font-size: 10px; letter-spacing: 1.5px; color: var(--lime); margin-bottom: 7px; }
.forge-manifesto > div { border-left: 1px solid var(--line); padding-left: 27px; }
.review-label { font-size: 11px; color: #d7d9de; }
.forge-manifesto #snapshot-notice { font-size: 10px; line-height: 1.9; margin: 7px 0 0; color: var(--muted); }
.section { padding-block: 86px; }
.section-heading { gap: 50px; align-items: flex-end; margin-bottom: 36px; }
.section-heading h2, .forge-standard h2, .forge-launch h2 { font-size: clamp(28px, 3vw, 43px); line-height: 1.26; letter-spacing: -.06em; margin: 13px 0 0; }
.section-heading > p, .section-intro { max-width: 370px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.section-intro p { margin: 0 0 14px; }
.section-heading .eyebrow { margin: 0; }
.portfolio-tools { border: 1px solid var(--line); padding: 16px; gap: 22px; background: #15171a; border-radius: 3px; }
.filter { border-radius: 2px; padding: 10px 12px; font-size: 11px; min-height: 42px; }
.filter.is-active { background: #2b2e23; border-color: #666e47; }
.network-discovery-controls { max-width: 560px; }
.network-select select, .network-discovery-controls .search { min-height: 44px; border-radius: 2px; border-color: #464a53; }
.network-filter-help { margin: 12px 0 0; font-size: 10px; }
.results-note { font-size: 11px; margin: 16px 0 22px; }
.project-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.project-card { border: 1px solid var(--line); border-radius: 3px; background: #17191d; box-shadow: none; transform: none; }
.project-card:hover { border-color: #686e78; box-shadow: none; transform: translateY(-3px); }
.project-card-art { border-bottom-color: var(--line); }
.project-card-art img { height: 202px; filter: saturate(.8); }
.project-card-art:hover img { transform: scale(1.025); filter: saturate(1); }
.project-card-content { padding: 24px; }
.card-category, .card-index { font-size: 9px; letter-spacing: 1px; color: #acb0b9; }
.project-card h3 { font-size: 24px; margin-bottom: 11px; line-height: 1.35; }
.project-card-tagline { font-size: 13px; line-height: 1.65; color: #d8dbe1; }
.project-card .card-summary { font-size: 12px; line-height: 1.85; color: #aeb3be; }
.pill, .network-badge, .app-badge { border-radius: 3px; font-size: 10px; line-height: 1.7; }
.network-badge { background: #202329; border-color: #3f4550; color: #bdc6d4; padding: 3px 7px; }
.project-public-links { gap: 9px 14px; }
.project-links-unverified { font-size: 10px; color: #a3a9b5; }
.card-footer { padding-top: 17px; border-top-color: var(--line); gap: 12px; flex-wrap: wrap; }
.owner-label { font-size: 8px; letter-spacing: 1px; }
.card-link { font-size: 11px; color: var(--lime); }
.forge-standard { padding-block: 70px; border-block: 1px solid var(--line); background: #17191d; }
.forge-standard > .shell { display: grid; grid-template-columns: .9fr 1.6fr; gap: 70px; }
.standard-intro > p:last-child { font-size: 13px; line-height: 1.9; color: var(--muted); max-width: 330px; margin: 22px 0 0; }
.forge-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; align-self: center; }
.forge-steps article { padding-top: 20px; border-top: 1px solid #4a4f58; }
.forge-steps article > span { font-size: 9px; letter-spacing: 1px; color: var(--lime); }
.forge-steps h3 { font-size: 16px; line-height: 1.45; margin: 22px 0 16px; }
.forge-steps p { font-size: 12px; line-height: 1.9; color: var(--muted); margin: 0; }
.forge-journal { padding-bottom: 55px; }
.forge-journal .timeline { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.forge-journal .timeline > li { display: block; padding: 23px 0; border-top: 1px solid var(--line); border-bottom: 0; }
.timeline-stamp { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 21px; }
.timeline-stamp time, .timeline-stamp .small-label { font-size: 10px; }
.forge-journal .timeline h3 { font-size: 18px; line-height: 1.5; margin: 0 0 15px; }
.forge-journal .timeline p { font-size: 12px; line-height: 1.9; max-width: 540px; }
.forge-roadmap { padding-top: 35px; }
.roadmap-grid { gap: 0; border: 1px solid var(--line); border-radius: 3px; overflow: hidden; }
.roadmap-grid article { min-width: 0; padding: 25px; background: #17191d; border: 0; border-left: 1px solid var(--line); border-radius: 0; }
.roadmap-grid article:first-child { border-left: 0; box-shadow: inset 0 2px var(--lime); }
.roadmap-grid h3 { font-size: 17px; line-height: 1.5; margin: 25px 0 15px; }
.roadmap-grid p { font-size: 12px; line-height: 1.8; color: var(--muted); }
.token-model { padding-block: 5px 80px; }
.forge-allocation { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.forge-allocation > article { display: grid; grid-template-columns: auto 1fr; gap: 24px; border-top: 1px solid var(--line); padding-block: 25px 10px; }
.allocation-number { font-family: var(--display-font); font-size: 48px; color: var(--lime); font-weight: 400; line-height: 1.2; letter-spacing: -.08em; }
.allocation-number > span { font-size: 22px; }
.forge-allocation > article:last-child .allocation-number { color: var(--magenta); }
.forge-allocation h3 { font-size: 18px; line-height: 1.55; margin: 12px 0 18px; }
.forge-allocation p:not(.eyebrow) { color: var(--muted); font-size: 12px; line-height: 1.9; }
.forge-allocation p strong { color: #d7dae1; font-weight: 400; }
.forge-disclosure { font-size: 11px; line-height: 1.9; color: var(--muted); max-width: 850px; }
.forge-disclosure a { color: var(--lime); }
.forge-launch { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; align-items: center; border: 1px solid #4d4557; padding: 42px; border-radius: 3px; background: #191a1f; margin-bottom: 70px; }
.forge-launch > div:first-child > p:not(.eyebrow) { font-size: 13px; color: var(--muted); line-height: 1.85; max-width: 430px; margin: 22px 0; }
.forge-launch .button { margin-top: 3px; }
.forge-launch > div:first-child > p.forge-disclosure { font-size: 10px; margin: 17px 0 0; }
.forge-launch-art { position: relative; border: 1px solid var(--line); min-width: 0; }
.forge-launch-art img { display: block; width: 100%; height: 300px; object-fit: cover; }
.launch-art-label { display: block; padding: 14px; font-size: 8px; letter-spacing: 1px; color: #c2bdce; background: #131417; }
.site-footer { padding-block: 35px 45px; gap: 40px; border-top: 1px solid var(--line); }
.site-footer nav { display: flex; flex-direction: column; gap: 13px; font-size: 12px; color: #c9cbd1; }
.site-footer .footer-notes { max-width: 350px; }
.site-footer .footer-notes p { font-size: 10px; line-height: 1.9; }
.ecosystem-app .app-sidebar { background: #141618; border-color: var(--line); width: 222px; padding: 27px 19px; }
.ecosystem-app .app-frame { margin-left: 222px; }
.ecosystem-app .app-sidebar .portal-brand { font-size: 22px; gap: 6px; }
.ecosystem-app .portal-brand img { width: 34px; height: 34px; border-radius: 3px; }
.ecosystem-app .sidebar-label { font-size: 9px; letter-spacing: 1.5px; color: var(--muted); margin-top: 38px; }
.ecosystem-app .side-nav { gap: 7px; }
.ecosystem-app .side-nav > a { border-radius: 3px; min-height: 45px; padding: 11px 13px; font-size: 12px; color: #b4bac4; border: 1px solid transparent; }
.ecosystem-app .side-nav > a[aria-current=page] { background: #262a23; border-color: #515943; color: var(--lime); box-shadow: inset 2px 0 var(--lime); }
.ecosystem-app .side-nav > a:hover { background: #23262b; border-color: #434951; }
.ecosystem-app .app-topbar { min-height: 76px; padding-inline: 38px; background: #101113; border-color: var(--line); }
.breadcrumb { font-size: 10px; letter-spacing: 1.3px; color: #aeb4be; }
.app-page-content { max-width: 1500px; padding: 38px 38px 0; }
.app-page-heading { margin-bottom: 30px; }
.app-page-heading h1 { font-size: clamp(31px, 3.7vw, 52px); line-height: 1.24; letter-spacing: -.06em; }
.app-page-heading > div > p:last-child { max-width: 620px; font-size: 14px; line-height: 1.8; }
.app-page-heading .app-badge { white-space: normal; }
.app-overview-hero { padding: 34px; gap: 30px; background: #191b20; border-color: #3f444d; border-radius: 3px; }
.app-overview-art { border-radius: 2px; border-color: #41464f; }
.app-overview-art > img { max-height: none; height: 250px; object-fit: cover; object-position: 65% center; }
.app-overview-art > span { font-size: 8px; }
.app-panel, .app-stat, .app-project-card, .app-action-card, .app-launch-preview, .app-result, .panel, .project-art, .participation-strip { border-radius: 3px; border-color: var(--line); background-color: #191b20; box-shadow: none; }
.app-stat-grid { gap: 16px; }
.app-stat { padding: 24px; }
.app-stat > span { font-size: 9px; letter-spacing: 1px; }
.app-stat > strong { font-family: var(--display-font); font-size: 36px; font-weight: 400; letter-spacing: -.04em; }
.app-stat > p { font-size: 11px; line-height: 1.7; }
.app-section-heading h2, .app-panel-heading h2 { font-family: var(--display-font); font-size: 20px; line-height: 1.5; letter-spacing: -.05em; }
.app-project-card > img, .app-project-catalogue .app-project-card > img { height: 185px; filter: saturate(.8); }
.app-project-card-content, .app-project-catalogue .app-project-card-content { padding: 24px; }
.app-project-card h3, .app-project-catalogue .app-project-card h3 { font-size: 23px; }
.app-project-card .app-muted, .app-project-catalogue .app-project-card .app-muted { font-size: 12px; line-height: 1.85; }
.app-action-card { background: #1b1e23; padding: 25px; }
.app-action-magenta { border-color: #62516c; }
.app-action-card h2 { font-size: 18px; }
.app-project-controls { padding: 19px; background: #17191d; border: 1px solid var(--line); border-radius: 3px; }
.app-field input, .app-field select { border-radius: 2px; border-color: #505661; min-height: 46px; font-size: 13px; }
.app-launch-preview { border-color: #62516c; }
.app-launch-preview h2 { font-size: 25px; line-height: 1.4; }
.app-launch-preview > img { object-position: center; }
.app-launch-preview > div { padding: 32px; }
.app-note { background: #222027; border-color: #ad8fbd; color: #c8c1d0; font-size: 12px; }
.app-note strong { color: #e6dcee; }
.app-result { background: #20241d; border-color: #59634b; }
.app-result-amount { font-size: clamp(24px, 3vw, 38px); }
.app-update-list > li { border-top-color: #616974; }
.portal-header { min-height: 96px; border-color: var(--line); }
.page-shell { max-width: 1380px; }
.project-hero { gap: 55px; padding-block: 28px 52px; align-items: center; }
.project-hero h1 { font-size: clamp(34px, 4.4vw, 62px); }
.project-art img { width: 100%; height: 360px; object-fit: cover; }
.project-intro { font-size: 16px; line-height: 1.85; }
.project-subnav { border-color: var(--line); gap: 25px; }
.project-subnav a { font-size: 12px; }
.project-section > h2, .project-section .section-title h2 { font-size: 31px; line-height: 1.4; }
.project-section .panel { padding: 27px; }
.project-section .panel p { font-size: 14px; line-height: 1.85; }
.feature-grid h3 { font-size: 19px; }
.feature-grid p { line-height: 1.85; }
.locking-page .panel { background: #191b20; border-color: var(--line); border-radius: 3px; box-shadow: none; }
.locking-page .locking-model-card, .locking-page .locking-result-panel, .locking-page .locking-bottom-cta { background: #1b1e23 !important; }
[data-glitch], .brand, .portal-brand { transition: color .15s ease; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  [data-glitch]:hover, .brand:hover, .portal-brand:hover { animation: forge-signal .32s steps(2, end) 1; }
  .project-card, .app-project-card { transition: border-color .2s ease, transform .2s ease; }
}
@keyframes forge-signal {
  0%, 100% { text-shadow: none; transform: translateX(0); }
  20% { text-shadow: -3px 0 #dca5ff, 3px 0 #8bdde4; transform: translateX(1px); }
  45% { text-shadow: 2px 1px #dca5ff, -2px -1px #8bdde4; transform: translateX(-1px); }
  70% { text-shadow: -1px 0 #8bdde4; transform: translateX(0); }
}
@media (max-width: 1200px) {
  .shell { width: calc(100% - 64px); }
  .forge-home .hero { gap: 35px; padding-top: 56px; }
  .forge-home .hero h1 { font-size: clamp(40px, 4.7vw, 60px); }
  .forge-hero-art > img { height: 320px; }
  .hero-intro { font-size: 14px; }
  .hero-actions { gap: 16px; }
  .hero-actions .button { padding-inline: 15px; font-size: 11px; }
  .hero-actions .text-link { font-size: 11px; }
  .project-card-content { padding: 21px; }
  .project-card-art img { height: 180px; }
  .forge-standard > .shell { gap: 35px; grid-template-columns: .8fr 1.4fr; }
  .forge-steps { gap: 20px; }
  .forge-steps h3 { font-size: 15px; }
  .roadmap-grid article { padding: 21px; }
  .roadmap-grid h3 { font-size: 15px; }
  .forge-allocation > article { gap: 20px; }
  .allocation-number { font-size: 40px; }
  .ecosystem-app .app-sidebar { width: 194px; padding-inline: 14px; }
  .ecosystem-app .app-frame { margin-left: 194px; }
  .ecosystem-app .app-sidebar .portal-brand { font-size: 20px; }
  .ecosystem-app .app-sidebar .portal-brand img { width: 29px; height: 29px; }
  .app-page-content, .ecosystem-app .app-topbar { padding-inline: 27px; }
  .app-overview-hero { padding: 27px; grid-template-columns: 1fr 1fr; }
  .app-overview-art > img { height: 230px; }
  .app-project-card-content, .app-project-catalogue .app-project-card-content { padding: 22px; }
}
@media (max-width: 950px) {
  .site-header { height: 90px; gap: 20px; }
  .site-header nav { gap: 20px; font-size: 11px; }
  .brand { font-size: 22px; }
  .brand img { width: 37px; height: 37px; }
  .header-cta { padding-inline: 13px; font-size: 11px; gap: 12px; }
  .forge-home .hero { gap: 27px; }
  .forge-home .hero h1 { font-size: clamp(36px, 4.8vw, 47px); }
  .hero .eyebrow { font-size: 8px; }
  .forge-hero-art > img { height: 315px; }
  .forge-hero-art figcaption { padding: 18px; font-size: 13px; }
  .art-register { padding: 13px 16px; font-size: 8px; }
  .art-stamp { display: none; }
  .forge-manifesto { gap: 24px; grid-template-columns: 1fr 1.1fr; }
  .forge-manifesto > div { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--line); padding: 16px 0 0; }
  .forge-manifesto #snapshot-notice { max-width: 640px; }
  .project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-card-art img { height: 200px; }
  .forge-standard > .shell { grid-template-columns: 1fr; gap: 38px; }
  .standard-intro { max-width: 620px; }
  .standard-intro > p:last-child { max-width: 500px; }
  .forge-steps h3 { font-size: 17px; }
  .forge-allocation { gap: 28px; }
  .forge-allocation > article { grid-template-columns: 1fr; gap: 16px; }
  .allocation-number { font-size: 45px; }
  .forge-launch { padding: 28px; gap: 28px; }
  .forge-launch-art img { height: 325px; }
  .forge-launch h2 { font-size: 29px; }
  .app-overview-hero { grid-template-columns: 1fr; }
  .app-overview-art > img { height: 210px; }
  .app-project-controls { padding: 16px; }
  .project-hero { gap: 28px; }
  .project-art img { height: 300px; }
}
@media (max-width: 760px) {
  .shell { width: calc(100% - 40px); }
  .site-header { display: grid; grid-template-columns: 1fr auto; height: auto; padding-block: 20px 15px; gap: 18px 14px; }
  .site-header nav { grid-column: 1 / -1; grid-row: 2; width: auto; justify-content: flex-start; gap: 27px; padding: 0; flex-wrap: wrap; }
  .site-header nav a { min-height: 30px; padding: 4px 0; }
  .brand { font-size: 24px; gap: 7px; }
  .header-cta { display: inline-flex; font-size: 11px; min-height: 41px; }
  .forge-home .hero { grid-template-columns: 1fr; padding-block: 38px 32px; gap: 32px; }
  .hero-copy { max-width: 650px; }
  .forge-home .hero h1 { font-size: clamp(37px, 8vw, 60px); letter-spacing: -.07em; margin: 23px 0; }
  .hero .eyebrow { font-size: 9px; }
  .hero-intro { font-size: 15px; max-width: 570px; line-height: 1.8; }
  .hero-actions .button { font-size: 12px; min-height: 48px; }
  .hero-actions .text-link { font-size: 12px; }
  .hero-signature { margin-top: 26px; }
  .forge-hero-art > img { height: 290px; object-position: 62% center; }
  .forge-hero-art figcaption { padding: 17px; font-size: 15px; }
  .art-stamp { display: inline; }
  .forge-manifesto { padding-block: 23px; gap: 24px; }
  .forge-manifesto > p:first-child { font-size: 16px; }
  .forge-manifesto > p { font-size: 11px; }
  .section { padding-block: 57px; }
  .section-heading { display: block; margin-bottom: 28px; }
  .section-heading h2, .forge-standard h2 { font-size: 32px; }
  .section-intro, .section-heading > p { margin-top: 22px; max-width: 480px; font-size: 13px; }
  .portfolio-tools { padding: 14px; gap: 18px; }
  .filters { gap: 6px; flex-wrap: wrap; }
  .filter { padding-inline: 10px; font-size: 10px; }
  .network-discovery-controls { grid-template-columns: 1fr; }
  .network-select > span { font-size: 10px; }
  .network-select select, .network-discovery-controls .search input { font-size: 12px; }
  .project-grid { gap: 18px; }
  .project-card-art img { height: 180px; }
  .project-card h3 { font-size: 23px; }
  .project-card-content { padding: 22px; }
  .forge-standard { padding-block: 48px; }
  .forge-steps { grid-template-columns: 1fr; gap: 24px; }
  .forge-steps article { padding-top: 17px; }
  .forge-steps h3 { margin: 14px 0 12px; }
  .forge-steps p { max-width: 540px; font-size: 13px; }
  .forge-journal .timeline { grid-template-columns: 1fr; gap: 0; }
  .forge-journal .timeline h3 { font-size: 19px; }
  .forge-journal .timeline p { font-size: 13px; }
  .forge-roadmap { padding-top: 0; }
  .roadmap-grid { grid-template-columns: 1fr 1fr; }
  .roadmap-grid article:nth-child(3) { border-left: 0; }
  .roadmap-grid article:nth-child(n+3) { border-top: 1px solid var(--line); }
  .roadmap-grid h3 { font-size: 16px; }
  .token-model { padding-bottom: 45px; }
  .forge-allocation { grid-template-columns: 1fr; gap: 20px; }
  .forge-allocation > article { grid-template-columns: auto 1fr; gap: 24px; }
  .forge-allocation h3 { font-size: 19px; }
  .forge-allocation p:not(.eyebrow) { font-size: 13px; }
  .forge-launch { grid-template-columns: 1fr; padding: 25px; gap: 25px; margin-bottom: 40px; }
  .forge-launch h2 { font-size: 32px; }
  .forge-launch-art img { height: 235px; }
  .site-footer { flex-wrap: wrap; gap: 28px; padding-block: 28px; }
  .site-footer .footer-notes { max-width: none; width: 100%; }
  .ecosystem-app .app-sidebar { position: static; width: 100%; padding: 20px 20px 0; }
  .ecosystem-app .app-frame { margin-left: 0; }
  .ecosystem-app .app-sidebar .portal-brand { font-size: 24px; }
  .ecosystem-app .app-sidebar .portal-brand img { width: 35px; height: 35px; }
  .ecosystem-app .side-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; padding-block: 17px; }
  .ecosystem-app .side-nav > a { min-height: 43px; font-size: 11px; padding: 10px 9px; gap: 8px; }
  .ecosystem-app .app-topbar { padding: 14px 20px; min-height: 66px; }
  .app-page-content { padding: 26px 20px 0; }
  .app-overview-hero { padding: 24px; gap: 23px; }
  .app-page-heading h1 { font-size: 35px; }
  .app-page-heading > div > p:last-child { font-size: 13px; }
  .app-stat { padding: 18px 14px; }
  .app-stat-grid { gap: 10px; }
  .app-stat > strong { font-size: 30px; }
  .app-stat > span { font-size: 8px; }
  .app-stat > p { font-size: 10px; }
  .app-overview-art > img { height: 190px; }
  .app-project-card > img, .app-project-catalogue .app-project-card > img { height: 180px; }
  .app-section-heading h2, .app-panel-heading h2 { font-size: 19px; }
  .app-launch-preview > div { padding: 25px; }
  .app-launch-preview h2 { font-size: 23px; }
  .project-hero { grid-template-columns: 1fr; padding-bottom: 30px; }
  .project-hero h1 { font-size: 40px; }
  .project-art img { height: 270px; }
  .project-subnav { gap: 14px; flex-wrap: wrap; }
  .project-subnav a { font-size: 11px; }
  .project-section > h2, .project-section .section-title h2 { font-size: 27px; }
}
@media (max-width: 480px) {
  .forge-home .hero h1 { font-size: clamp(32px, 8.8vw, 42px); }
  .hero .eyebrow { font-size: 8px; letter-spacing: .6px; }
  .hero-actions { gap: 17px; }
  .hero-actions .button { width: 100%; justify-content: space-between; padding-inline: 18px; }
  .hero-signature { margin-top: 24px; }
  .forge-hero-art > img { height: 245px; }
  .forge-hero-art figcaption { font-size: 13px; }
  .art-stamp { font-size: 7px; }
  .forge-manifesto { gap: 20px; }
  .forge-manifesto > p:first-child { font-size: 15px; }
  .section-heading h2, .forge-standard h2 { font-size: 29px; }
  .project-grid { grid-template-columns: 1fr; }
  .project-card-art img { height: 210px; }
  .roadmap-grid article { padding: 19px; }
  .roadmap-grid h3 { font-size: 14px; overflow-wrap: normal; }
  .roadmap-grid .small-label { font-size: 8px; letter-spacing: .7px; }
  .roadmap-grid p { font-size: 11px; }
  .forge-allocation > article { grid-template-columns: 1fr; gap: 15px; }
  .allocation-number { font-size: 47px; }
  .forge-launch { padding: 22px; }
  .forge-launch h2 { font-size: 27px; }
  .forge-launch-art img { height: 210px; }
  .ecosystem-app .side-nav > a { font-size: 10px; padding: 9px 7px; gap: 5px; }
  .app-page-heading h1 { font-size: 31px; }
  .app-stat-grid { grid-template-columns: 1fr; }
  .app-stat { display: grid; grid-template-columns: 1fr auto; gap: 7px 20px; align-items: center; padding: 16px 18px; }
  .app-stat > strong { grid-column: 2; grid-row: 1 / 3; margin: 0; font-size: 31px; }
  .app-stat > p { grid-column: 1; font-size: 11px; }
  .app-stat > span { font-size: 9px; }
  .app-card-grid, .app-project-catalogue { grid-template-columns: 1fr; }
  .app-project-card > img, .app-project-catalogue .app-project-card > img { height: 205px; }
  .app-overview-art > img { height: 175px; }
  .app-field input, .app-field select { font-size: 12px; }
  .project-hero h1 { font-size: 34px; }
  .project-art img { height: 235px; }
}
@media (prefers-reduced-motion: reduce) {
  html, :root { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .project-card:hover, .project-card-art:hover img { transform: none; }
}

/* Illustrated clubhouse: viewport-wide art, HTML copy and an intrinsic-height mobile layout. */
.forge-home .site-header { position: absolute; inset: 0 0 auto; z-index: 5; background: linear-gradient(#101113f5, #1011139c); border-color: #ffffff20; }
.forge-home .hero-immersive { position: relative; isolation: isolate; display: flex; align-items: center; width: 100%; max-width: none; min-height: 100vh; min-height: 100svh; margin: 0; padding: 160px clamp(24px, 6vw, 112px) 110px; gap: 0; background: #101819; }
.hero-immersive .hero-copy { position: relative; z-index: 2; width: min(54%, 760px); max-width: 760px; }
.forge-home .hero-immersive h1 { font-family: Arial, Helvetica, sans-serif; font-weight: 900; font-size: clamp(48px, 6.8vw, 108px); letter-spacing: -.065em; line-height: 1.02; margin: 28px 0; }
.hero-immersive .hero-intro { max-width: 460px; color: #e1e4df; line-height: 1.8; }
.hero-immersive .eyebrow { color: #d8ded7; }
.hero-immersive .forge-hero-art { position: absolute; inset: 0; z-index: 0; border: 0; border-radius: 0; background: #101819; }
.hero-immersive .forge-hero-art picture { display: block; width: 100%; height: 100%; }
.hero-immersive .forge-hero-art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 68% center; }
.hero-immersive .forge-hero-art::before { inset: 0; width: auto; height: auto; border: 0; z-index: 1; background: linear-gradient(90deg, #081011f2 0%, #081011dd 28%, #08101180 48%, #08101100 72%), linear-gradient(0deg, #101113 0%, #10111300 24%); }
.hero-immersive .forge-hero-art::after { display: none; }
.hero-immersive .forge-hero-art figcaption { position: absolute; inset: auto clamp(24px, 6vw, 112px) 28px; z-index: 2; padding: 18px 0 0; border-top: 1px solid #ffffff30; font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: 1.6px; color: #e5e5db; }
.hero-immersive .hero-signature strong { color: #e3e6df; }
.hero-immersive .hero-signature p { color: #bac5c3; }
.hero-immersive .hero-actions .text-link { color: #fff; }
.forge-home .project-card-art img, .ecosystem-app .app-project-card > img { filter: none; }
.ecosystem-app .app-overview-art > img { object-position: 75% center; }
.ecosystem-app .app-overview-hero { border-color: #5d6555; background: #172020; }
@media (max-width: 950px) and (min-width: 761px) {
  .hero-immersive .hero-copy { width: 59%; }
  .forge-home .hero-immersive h1 { font-size: clamp(48px, 7vw, 66px); }
}
@media (max-width: 760px) {
  .forge-home .hero-immersive { align-items: flex-end; min-height: 100vh; min-height: 100svh; padding: 330px 24px 72px; }
  .hero-immersive .hero-copy { width: 100%; max-width: 560px; }
  .forge-home .hero-immersive h1 { font-size: clamp(42px, 10vw, 70px); margin: 19px 0; }
  .hero-immersive .forge-hero-art img { object-position: center top; }
  .hero-immersive .forge-hero-art::before { background: linear-gradient(0deg, #101113 0%, #101113fa 33%, #101113ba 49%, #10111300 72%); }
  .hero-immersive .hero-intro { font-size: 14px; line-height: 1.75; }
  .hero-immersive .hero-signature { margin-top: 24px; }
  .hero-immersive .forge-hero-art figcaption { inset-inline: 24px; bottom: 20px; font-size: 9px; }
  .hero-immersive .art-stamp { display: none; }
}
@media (max-width: 380px) {
  .forge-home .hero-immersive { padding-inline: 20px; padding-top: 300px; }
  .forge-home .hero-immersive h1 { font-size: 38px; }
  .hero-immersive .eyebrow { font-size: 8px; letter-spacing: .3px; }
}

@media (max-width: 760px) {
  .hero-immersive .hero-signature { display: none; }
  .hero-immersive .hero-actions { gap: 16px; margin-top: 22px; }
  .hero-immersive .forge-hero-art img { object-fit: cover; object-position: center top; }
}


/* Ecosystem catalogue: compact identities, structured facts, readable intel. */
.project-avatar { width:56px; height:56px; flex:0 0 56px; object-fit:cover; object-position:43% 35%; border-radius:16px; border:1px solid #4a4d52; background:#24262b; }
.project-card h3,.app-project-card h3,.project-tile h3 { display:flex; align-items:center; gap:12px; font-size:20px; line-height:1.3; margin:14px 0 10px; }
.project-card h3 a,.app-project-card h3 a,.project-tile h3 a { min-width:0; overflow-wrap:anywhere; }
.project-card-art { height:128px; min-height:0; }
.project-card-art img { height:128px; width:100%; object-fit:cover; }
.project-card-content,.app-project-card-content { padding:20px; }
.project-card .card-summary,.app-project-card .app-muted,.project-tile .tile-summary { font-size:14px; line-height:1.65; margin:12px 0; }
.project-card-tagline { font-size:12px; color:#b8bbc0; margin:0 0 10px; }
.project-card-facts { margin:16px 0; border-top:1px solid #36393f; font-size:12px; }
.project-card-facts>div { display:grid; grid-template-columns:66px minmax(0,1fr); gap:12px; border-bottom:1px solid #303339; padding:9px 0; }
.project-card-facts dt { color:#9c9fa7; }
.project-card-facts dd { margin:0; color:#e0e2e7; overflow-wrap:anywhere; }
.app-project-card>img { height:124px; width:100%; object-fit:cover; }
.project-card .card-footer { margin-top:16px; }
.project-card .owner-label { display:none; }
.project-tile .tile-next p { font-size:12px; line-height:1.6; }
.project-identity { display:flex; align-items:center; gap:18px; margin:16px 0; }
.project-identity .project-avatar { width:80px; height:80px; flex-basis:80px; border-radius:22px; }
.project-identity h1 { margin:0; overflow-wrap:anywhere; }
.project-detail-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:36px; align-items:start; }
.project-main-column { min-width:0; }
.project-main-column .project-section { padding:36px 0; }
.project-main-column .project-section h2 { font-size:clamp(24px,3vw,38px); }
.project-main-column .feature-grid { grid-template-columns:1fr; gap:12px; }
.project-main-column .feature-grid .panel { padding:24px; }
.project-main-column .development-grid { grid-template-columns:1fr; gap:16px; }
.project-main-column .participation-strip { display:block; padding:28px; }
.project-main-column .participation-strip .button { margin-top:18px; }
.project-intel-sidebar { position:sticky; top:24px; display:grid; gap:16px; padding-top:36px; }
.intel-panel { border:1px solid #3c3f46; border-radius:18px; padding:24px; background:#1a1c20; }
.intel-panel h2 { font-size:24px; margin:12px 0 18px; }
.intel-panel h3 { font-size:15px; margin:16px 0 8px; }
.intel-panel .intel-price { font-size:26px; line-height:1.3; }
.intel-panel p { font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
.intel-list { margin:20px 0 0; }
.intel-list>div { border-top:1px solid #34373d; padding:13px 0; }
.intel-list dt { font-size:11px; color:#a6a9b1; margin-bottom:6px; text-transform:uppercase; letter-spacing:.07em; }
.intel-list dd { font-size:13px; margin:0; line-height:1.7; overflow-wrap:anywhere; }
@media (max-width:1020px) { .project-detail-layout { grid-template-columns:minmax(0,1fr) 280px; gap:24px; } }
@media (max-width:800px) { .project-detail-layout { grid-template-columns:1fr; } .project-intel-sidebar { position:static; padding-top:24px; grid-template-columns:repeat(2,minmax(0,1fr)); } .project-intel-sidebar .intel-panel:last-of-type { grid-column:1/-1; } }
@media (max-width:520px) { .project-intel-sidebar { grid-template-columns:1fr; } .project-identity { gap:12px; } .project-identity .project-avatar { width:60px; height:60px; flex-basis:60px; border-radius:16px; } .project-identity h1 { font-size:32px; } .intel-panel { padding:20px; } }

/* Directional accents supplement labels; meaning is never color-only. */
.project-card,.app-project-card,.project-tile { --project-accent:#d1ca9e; border-top:2px solid var(--project-accent); }
.project-card h3 a,.app-project-card h3 a,.project-tile h3 a { color:#f0f0f2; }
.project-card .project-avatar,.app-project-card .project-avatar,.project-tile .project-avatar { border-color:var(--project-accent); }
.intel-glyph { color:var(--project-accent,#c9c09b); margin-right:6px; }
.project-card .card-link,.app-project-card .app-text-link { color:var(--project-accent); }
.project-page { position:relative; isolation:isolate; }
.project-page::before { content:""; position:absolute; z-index:-1; pointer-events:none; inset:0 0 auto; height:650px; background-position:center 30%; background-size:cover; opacity:.055; mask-image:linear-gradient(#000,transparent); }
.project-intel-sidebar .eyebrow { color:var(--project-accent,#c9c09b); }
.project-subnav a::before { content:"↳ "; color:var(--project-accent,#c9c09b); }
.project-main-column .feature-grid .panel { border-left:2px solid var(--project-accent,#c9c09b); background:#1a1c20; }
.project-intel-sidebar .intel-panel { background:#1a1c20; }
.forge-home .forge-manifesto { position:relative; isolation:isolate; }
.forge-home .forge-manifesto::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:url("/assets/forge-workshop-illustrated.png") center 40%/cover; opacity:.045; }
.project-chainforge,.app-project-chainforge,.tile-chainforge,body[data-project="chainforge"] { --project-accent:#93c8b6; }
body[data-project="chainforge"] .project-page::before { background-image:url("/assets/chainforge-lab-illustrated.png"); }
.project-weave,.app-project-weave,.tile-weave,body[data-project="weave"] { --project-accent:#b7b0e8; }
body[data-project="weave"] .project-page::before { background-image:url("/assets/weave-studio-illustrated.png"); }
.project-cryptogram,.app-project-cryptogram,.tile-cryptogram,body[data-project="cryptogram"] { --project-accent:#e7b38c; }
body[data-project="cryptogram"] .project-page::before { background-image:url("/assets/cryptogram-gift-illustrated.png"); }
.project-calymo,.app-project-calymo,.tile-calymo,body[data-project="calymo"] { --project-accent:#8fc6d6; }
body[data-project="calymo"] .project-page::before { background-image:url("/assets/calymo-social-illustrated.png"); }
.project-prometheus,.app-project-prometheus,.tile-prometheus,body[data-project="prometheus"] { --project-accent:#d5c99a; }
body[data-project="prometheus"] .project-page::before { background-image:url("/assets/eudaimon-library-illustrated.png"); }
.project-master,.app-project-master,.tile-master,body[data-project="master"] { --project-accent:#d9cf73; }
body[data-project="master"] .project-page::before { background-image:url("/assets/forge-workshop-illustrated.png"); }
.project-swarm-intel,.app-project-swarm-intel,.tile-swarm-intel,body[data-project="swarm-intel"] { --project-accent:#bba8dc; }
body[data-project="swarm-intel"] .project-page::before { background-image:url("/assets/mnemo-archive-illustrated.png"); }
.project-ledger,.app-project-ledger,.tile-ledger,body[data-project="ledger"] { --project-accent:#8ebeb4; }
body[data-project="ledger"] .project-page::before { background-image:url("/assets/ledger-review-illustrated.png"); }
.project-project-001,.app-project-project-001,.tile-project-001,body[data-project="project-001"] { --project-accent:#c4b5a6; }
body[data-project="project-001"] .project-page::before { background-image:url("/assets/project-001-workbench-illustrated.png"); }
.app-project-catalogue .app-project-card>img { height:124px; }
.app-project-catalogue .app-project-card-content { padding:20px; }
.app-project-catalogue .app-project-card h3 { font-size:20px; }
.project-card .card-category { color:var(--project-accent); }

/* Preserve visible/reading order and truthful script-disabled states. */
.no-js #project-loading,.no-js #app-snapshot-status,.no-js .app-loading { display:none; }

/* Human-requested pixel menus; long-form copy retains readable body type. */
.site-header nav a,.portal-header nav a,.side-nav>a,.app-topbar-links a,.header-cta,.sidebar-label{font-family:var(--display-font);font-synthesis:none;letter-spacing:0;font-size:10px;line-height:1.8}
@media(max-width:760px){.site-header nav{gap:16px;flex-wrap:wrap}.site-header nav a{font-size:9px}}

.site-header,.portal-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px)}

.website-account-actions{display:flex;gap:8px;align-items:center}.account-button{min-height:36px;padding:8px 10px;border:1px solid #5a624e;border-radius:8px;color:#d7ff63;background:#1a1e20;cursor:pointer}.account-dialog{max-width:min(460px,calc(100vw - 32px));background:#191d23;color:#eee;border:1px solid #667345;border-radius:16px;padding:26px;line-height:1.7}.account-dialog::backdrop{background:#000b}.account-dialog button{margin:6px}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.journey-grid>a{padding:28px;border:1px solid #434b3b;border-radius:16px;background:#181d18;color:#eee;text-decoration:none;transition:transform .15s,border-color .15s}.journey-grid>a:hover{transform:translateY(-4px);border-color:#d7ff63}.journey-grid h3{font-size:28px}.journey-grid p{line-height:1.8;color:#bdc6b8}.journey-grid strong,.journey-grid span{color:#d7ff63}.readiness-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:18px 0}.readiness-controls select{padding:10px;background:#1a1e24;color:#eee;border:1px solid #515b67;border-radius:8px}.readiness-card .account-button{display:block;margin-top:12px}.readiness-card [aria-pressed=true]{background:#d7ff63;color:#101113}.readiness-comparison{margin:20px 0}.comparison-row{border-top:1px solid #3e4650;padding:16px 0}.comparison-row p{line-height:1.7}.site-header{gap:14px;flex-wrap:wrap}@media(max-width:760px){.journey-grid{grid-template-columns:1fr}.site-header{padding:12px}.website-account-actions{margin-left:auto}.site-header nav{order:3;width:100%;overflow-x:auto;white-space:nowrap}.account-button{font-size:11px}}@media(prefers-reduced-motion:reduce){.journey-grid>a{transition:none}.journey-grid>a:hover{transform:none}}
/* Final shell sizing overrides earlier theme breakpoints. */
.ecosystem-app .app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--rail);height:100dvh;overflow-y:auto;padding:24px 16px;z-index:40}.ecosystem-app .app-frame{margin-left:var(--rail)}.ecosystem-app .side-nav{display:flex;flex-direction:column}.ecosystem-app.nav-compact .app-sidebar{padding:18px 10px}.ecosystem-app .app-topbar{position:sticky;top:0;z-index:30;padding:14px 24px}.forge-home .site-header{position:sticky;inset:auto;top:0;z-index:50;background:#101113f5}.forge-home .site-header .website-account-actions{margin-left:auto}.forge-journeys{width:min(calc(100% - 48px),1400px);margin:64px auto}.forge-journeys h2{font-size:clamp(32px,4vw,60px)}
@media(max-width:760px){.ecosystem-app .app-sidebar{padding:16px 8px}.ecosystem-app .app-topbar{padding:12px}.ecosystem-app .side-nav>a{display:flex;justify-content:center}.ecosystem-app .app-sidebar .portal-brand{justify-content:center}.ecosystem-app .app-sidebar .portal-brand img{width:34px;height:34px}.forge-home .site-header{display:flex;flex-wrap:wrap;height:auto;padding:12px 16px}.forge-home .site-header nav{width:100%;order:3;gap:14px;justify-content:flex-start}.forge-home .site-header .header-cta{display:none}.forge-home .site-header .brand{font-size:22px}.ecosystem-app .app-topbar-links{gap:8px}.ecosystem-app .app-topbar .breadcrumb{display:none}}
.readiness-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.readiness-card{min-width:0}.ecosystem-app .readiness-card h3{overflow-wrap:anywhere}@media(max-width:760px){.ecosystem-app .app-page-content{padding:22px 14px 0}.ecosystem-app .app-topbar-links{max-width:100%;flex-wrap:wrap}.ecosystem-app .readiness-controls select{max-width:100%}}
@media(max-width:760px){.ecosystem-app{--rail:214px}.ecosystem-app.nav-compact{--rail:72px}.ecosystem-app .app-frame{margin-left:72px}.ecosystem-app:not(.nav-compact) .app-sidebar .portal-brand span,.ecosystem-app:not(.nav-compact) .side-nav>a>span:last-child{display:inline}.ecosystem-app:not(.nav-compact) .side-nav>a{justify-content:flex-start}.ecosystem-app:not(.nav-compact) .app-sidebar{box-shadow:12px 0 32px #0009}}
.project-card .project-card-utilities,.app-project-card .project-card-utilities{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:12px 0;padding:0}
.project-card .project-card-utilities li,.app-project-card .project-card-utilities li{max-width:100%;padding:5px 8px;border:1px solid #454051;border-radius:6px;background:#292631;color:#d8c9ef;font:11px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
.project-compact.project-card,.project-compact.app-project-card{display:block;min-width:0;background:linear-gradient(135deg,#24272d,#1a1d22);border:1px solid #444951;border-radius:10px;overflow:hidden}.project-compact.project-card .project-card-content,.project-compact.app-project-card .app-project-card-content{padding:20px;display:flex;flex-direction:column;gap:13px;height:100%}.project-compact .card-top{margin:0;gap:12px}.project-compact .card-category,.project-compact .app-kicker{font-size:10px;letter-spacing:.7px;color:#b6becb;margin:0}.project-compact h3{display:flex;align-items:center;gap:12px;margin:0!important;font-size:22px!important;line-height:1.35;min-width:0}.project-compact h3 a{min-width:0;overflow-wrap:anywhere}.project-compact .project-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:10px;margin:0;background:#17191d;border:1px solid #4a5059;object-fit:cover}.project-avatar[data-artwork-kind=official-logo]{object-fit:contain}.project-compact .project-card-tagline{font-size:12px!important;line-height:1.65;color:#c1c7d0;margin:0;min-height:40px}.project-compact .card-footer,.project-compact-footer{margin-top:auto;padding-top:13px;border-top:1px solid #3e434b;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.project-compact .pill,.project-compact .app-badge{font-size:9px;line-height:1.5;letter-spacing:0;white-space:normal;text-align:left;max-width:100%;padding:5px 8px}.project-compact .card-link,.project-compact .app-text-link{font-size:11px;min-height:32px;display:inline-flex;align-items:center;margin:0}.project-compact:hover{border-color:#8c9f68}.project-compact:focus-within{outline:2px solid #c8f879;outline-offset:3px}.project-hero .project-intro{font-size:16px;line-height:1.85;max-width:70ch}.project-subnav{scroll-margin-top:90px}.project-section{scroll-margin-top:100px}@media(max-width:480px){.project-compact.project-card .project-card-content,.project-compact.app-project-card .app-project-card-content{padding:17px}.project-compact h3{font-size:20px!important}.project-compact .project-card-tagline{min-height:0}.project-hero .project-intro{font-size:14px}.project-compact .card-footer,.project-compact-footer{gap:7px}}@media(prefers-reduced-motion:reduce){.project-compact{transition:none}}
.project-compact.project-card{min-height:0}
@media(max-width:480px){.ecosystem-app .project-page .project-hero{grid-template-columns:minmax(0,1fr)}.ecosystem-app .project-page .project-hero>*{min-width:0}.ecosystem-app .project-page .project-hero h1{font-size:clamp(20px,6vw,28px);overflow-wrap:anywhere}}
.project-compact-banner{aspect-ratio:16/9;height:auto;overflow:hidden;border-bottom:1px solid #42474e;background:#17191e}.project-compact-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}.project-compact.project-card .project-card-content,.project-compact.app-project-card .app-project-card-content{padding:16px;gap:10px;height:auto}.project-compact .project-card-tagline{font-size:11px!important;min-height:36px;line-height:1.65}.project-compact .network-badges{display:flex;flex-wrap:wrap;gap:5px;min-height:27px;margin:0}.project-compact .network-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;font-size:9px;line-height:1.3;white-space:normal}.network-caption{display:block;flex-basis:100%;font-size:8px;letter-spacing:.5px;color:#a8b1be}.network-badge .chain-raster-icon,.chain-raster-icon{width:20px;height:20px;object-fit:contain;flex:0 0 20px;display:inline-block;vertical-align:middle}.network-badge{display:inline-flex;align-items:center;gap:6px}.project-compact .card-link,.project-compact .app-text-link{padding:5px 12px;border:1px solid #697d48;border-radius:5px;color:#d5fb9b;min-height:36px}.project-compact .project-avatar{width:40px;height:40px;flex-basis:40px}.project-master .project-avatar,.app-project-master .project-avatar{object-fit:cover;object-position:50% 20%}.project-weave .project-compact-banner img,.app-project-weave .project-compact-banner img{object-position:72% 50%}.project-calymo .project-compact-banner img,.app-project-calymo .project-compact-banner img{object-position:68% 48%}.chain-option .chain-raster-icon{width:22px;height:22px}.project-compact .card-footer,.project-compact-footer{margin-top:4px;padding-top:10px}@media(max-width:480px){.project-compact-banner{height:auto}.project-compact h3{font-size:19px!important}.project-compact .project-card-tagline{font-size:11px!important}}
.project-compact .network-badge-compact{position:relative;padding:5px 7px}.network-badge-compact>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.project-compact .network-badge-compact .chain-raster-icon{width:20px;height:20px}