/* Shared frame. All destinations use the world's type, materials and geometry. */
html { scroll-padding-top: 114px; }
body { background: #121315; }
.global-header { position: sticky; top: 0; z-index: 30; background: #141518f5; border-bottom: 1px solid #ffffff13; backdrop-filter: blur(16px); }
.global-header-inner { height: 88px; display: flex; align-items: center; gap: 28px; }
.global-header .wordmark { font-size: 29px; letter-spacing: -1.65px; align-items: center; gap: 0; }
.brand-symbol { width: 34px; height: 34px; object-fit: contain; margin-right: 10px; transform: translateY(1px); }
.global-header .site-nav { gap: 38px; }
.site-nav a[aria-current="page"] { color: #f4e7e9; }
.site-nav a[aria-current="page"]::after { opacity: 1; transform: none; }
.site-nav .app-nav { display: flex; align-items: center; gap: 10px; margin-left: 12px; border-left: 1px solid #ffffff25; padding-left: 30px; }
.app-nav span { font-size: 8px; color: #9b8996; }.app-nav b { font-weight: 400; color: #ec7c8a; margin-left: 10px; }
.site-nav .app-nav::after { left: 30px; }
.skip-link { position: fixed; z-index: 50; }
#study { height: calc(100svh - 88px); min-height: 632px; max-height: 1012px; }
.caption { top: clamp(72px, calc(24vh - 88px),152px); }
.scene-wrap { inset: 22px 0 95px 28%; }
#drop-detail { top: 34px; }
#study[data-drop-open="true"] .scene-wrap { inset: 22px 335px 100px 0; }
.next-destinations { display: grid; grid-template-columns: 1fr 1fr; margin-block: 36px 70px; }
.next-destinations > a { position: relative; text-decoration: none; padding: 32px 70px 32px 0; border-top: 1px solid #ffffff25; }
.next-destinations > a + a { border-left: 1px solid #ffffff15; padding-left: 40px; }
.next-destinations h2 { --block-height: clamp(25px,3vw,42px); margin: 0 0 12px; }.next-destinations p { font-size: 12px; line-height: 1.8; color: #a99cae; margin: 0; }
.destination-arrow { position: absolute; top: 35px; right: 22px; color: #e87e8e; font-size: 24px; transition: transform 180ms; }.next-destinations a:hover .destination-arrow { transform: translate(3px,-3px); }
.global-footer { padding-block: 42px 28px; border-top: 1px solid #ffffff19; }
.footer-top { display: flex; align-items: center; gap: 35px; }.global-footer .wordmark { font-size: 27px; align-items: center; }
.footer-top nav { margin-left: auto; display: flex; gap: 26px; }.footer-top nav a { text-decoration: none; font-size: 11px; color: #b7aebb; padding-block: 12px; }
.footer-top nav a:hover { color: #fff; }.footer-up { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #ffffff20; color: #d77b8d; text-decoration: none; }
.footer-bottom { display: flex; justify-content: space-between; gap: 28px; border-top: 1px solid #ffffff0e; padding-top: 23px; margin-top: 28px; }
.footer-bottom p { color: #89818f; font-size: 9px; line-height: 1.8; margin: 0; }.footer-bottom p:last-child { display: flex; align-items: center; gap: 10px; }
/* The coin now has its own destination, with a full-size sculptural identity. */
.coin-page-hero { margin-top: 0; border-top: 0; }
.coin-page-hero .coin-inner { padding-top: 78px; }
.coin-page-hero .coin-object { height: clamp(380px,36vw,540px); max-height: none; }
.coin-page-hero .coin-heading { --heading-size: clamp(80px,9.5vw,145px); }
.coin-page-hero .coin-intro { padding-bottom: 50px; }
.coin-motion { grid-column: 1 / -1; margin-top: 14px; margin-bottom: 0; justify-self: end; }
.fallback-mark { width: 68% !important; max-width: 300px; height: auto !important; transform: none !important; }
/* Journey and app: two different compositions within the same design system. */
.journey-page-hero,.app-page-hero { position: relative; display: grid; grid-template-columns: 1fr 1.14fr; gap: 30px; align-items: center; min-height: 620px; padding-block: 76px 65px; }
.page-heading { --heading-size: clamp(50px,6.1vw,88px); }
.page-lead { color: #e2d9e2; font-size: clamp(19px,2.1vw,27px); line-height: 1.5; letter-spacing: -.45px; margin: 25px 0 19px; }
.page-description { color: #a99cad; font-size: 13px; line-height: 1.9; max-width: 360px; margin-bottom: 18px; }
.route-object { height: 420px; width: 100%; }.route-motion { position: absolute; right: var(--page-gutter); bottom: 33px; margin: 0; }
.app-object { height: 470px; width: 100%; }
.roadmap-section { padding-block: 36px 60px; border-top: 1px solid #ffffff19; }
.roadmap-topline { display: flex; justify-content: space-between; gap: 25px; padding-block: 10px 20px; }.roadmap-topline .section-kicker { margin-bottom: 0; }.roadmap-topline > span { color: #847a8b; font-size: 10px; }
.roadmap-tabs { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid #ffffff20; margin-bottom: 45px; }
.roadmap-tabs > button { display: flex; position: relative; align-items: center; gap: 13px; color: #918496; background: transparent; border: 0; padding: 23px 0 24px; text-align: left; font-size: 20px; letter-spacing: -.4px; transition: color 200ms; }
.roadmap-tabs small { display: block; font-size: 10px; margin-left: 5px; color: #938196; letter-spacing: 0; }
.stage-dot { width: 7px; height: 7px; flex: 0 0 auto; background: #685768; box-shadow: 3px 3px #342e3d; transition: background 200ms,transform 200ms; }
.roadmap-tabs > button[aria-selected="true"] { color: #f7e7e5; }.roadmap-tabs > button[aria-selected="true"] .stage-dot { background: #ed6b83; box-shadow: 3px 3px #833448; transform: translateY(-2px); }
.roadmap-tabs > button[aria-selected="true"]::after { content: ''; position: absolute; bottom: -1px; height: 2px; background: #e46b7f; left: 0; right: 35px; }
.roadmap-panel:not([hidden]) { display: grid; grid-template-columns: .85fr 1.35fr; gap: 9%; animation: panel-arrive 250ms ease-out; }
.roadmap-panel:focus-visible { outline: 1px solid #d16c84; outline-offset: 12px; }
.roadmap-panel-intro h3 { font-weight: 500; font-size: clamp(25px,2.7vw,36px); letter-spacing: -.7px; color: #f1e6ed; line-height: 1.3; margin: 6px 0 20px; }
.roadmap-panel-intro p { color: #a89cae; font-size: 13px; line-height: 1.9; max-width: 345px; }
.milestone-list article { display: flex; align-items: start; justify-content: space-between; gap: 30px; border-bottom: 1px solid #ffffff13; padding: 24px 0; }.milestone-list article:first-child { padding-top: 8px; }.milestone-list article:last-child { border: 0; }
.milestone-list h4 { font-weight: 500; font-size: 16px; color: #e8dbe6; letter-spacing: -.25px; margin: 0 0 10px; }
.milestone-list p { color: #9e90a5; font-size: 12px; line-height: 1.9; max-width: 370px; margin: 0; }.milestone-status { flex: 0 0 100px; margin-top: 4px; font-size: 9px; line-height: 1.5; color: #c893a7; text-align: right; }
.roadmap-note { padding-top: 25px; border-top: 1px solid #ffffff13; color: #85768e; font-size: 10px; line-height: 1.9; margin: 25px 0 0; }
@keyframes panel-arrive { from { opacity: .2; transform: translateY(7px); } to { opacity: 1; transform: none; } }
.release-section { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; padding-block: 72px 80px; background: #18171c; border-top: 1px solid #ffffff12; }.release-section h2 { --heading-size: clamp(32px,3.2vw,46px); }
.release-requirements article { position: relative; padding: 0 0 27px 27px; }.release-requirements article:last-child { padding-bottom: 0; }.requirement-block { position: absolute; left: 0; top: 7px; width: 7px; height: 7px; background: #d8657f; box-shadow: 3px 3px #702f48; }
.release-requirements h3 { font-size: 16px; font-weight: 500; color: #eee0eb; margin: 0 0 9px; }.release-requirements p { font-size: 12px; color: #a194aa; line-height: 1.8; max-width: 360px; margin: 0; }
.page-bridge { display: flex; justify-content: space-between; gap: 25px; align-items: center; padding-block: 40px; }.page-bridge p { color: #a89bad; font-size: 12px; }
.solid-link { display: inline-flex; align-items: center; gap: 30px; background: #e5526d; color: #190f18; text-decoration: none; font-size: 12px; font-weight: 550; padding: 16px 19px; box-shadow: 4px 4px #7b2c46; transition: transform 180ms,box-shadow 180ms; }.solid-link:hover { transform: translate(-1px,-2px); box-shadow: 5px 6px #7b2c46; }.solid-link span { font-size: 17px; }
.app-availability { margin-top: 24px; font-size: 10px; color: #917b91; }
.app-flow-section { padding-block: 64px 74px; border-top: 1px solid #ffffff19; }.app-flow-section h2 { --heading-size: clamp(32px,3.6vw,48px); }
.app-features { display: grid; grid-template-columns: repeat(4,1fr); gap: 32px; margin-top: 58px; }.app-features article { padding-top: 22px; border-top: 1px solid #ffffff20; }.app-features h3 { font-size: 18px; font-weight: 500; letter-spacing: -.2px; margin: 24px 0 12px; }.app-features p { font-size: 12px; line-height: 1.9; color: #a193aa; max-width: 250px; }
.feature-blocks { display: flex; align-items: end; gap: 4px; height: 23px; }.feature-blocks i { display: block; width: 8px; height: 8px; background: #b3506e; box-shadow: 2px 2px #552940; }.feature-blocks i:nth-child(2) { height: 13px; }.feature-blocks i:nth-child(3) { height: 18px; }.feature-blocks i:nth-child(4) { height: 23px; }
.app-features article:nth-child(1) .feature-blocks i:nth-child(n+2),.app-features article:nth-child(2) .feature-blocks i:nth-child(n+3),.app-features article:nth-child(3) .feature-blocks i:nth-child(n+4) { background: #494351; box-shadow: 2px 2px #302a39; }
.app-status-section { background: #1b171e; border-top: 1px solid #ffffff14; display: flex; align-items: center; justify-content: space-between; gap: 40px; padding-block: 42px; margin-bottom: 45px; }.status-chip { display: inline-flex; align-items: center; gap: 9px; font-size: 10px; color: #dca8bb; }.status-chip i { height: 5px; width: 5px; background: #e67e9a; }.app-status-section h2 { font-weight: 450; font-size: 25px; letter-spacing: -.5px; color: #eddfe9; margin: 19px 0 15px; }.app-status-section p { color: #a694ad; font-size: 12px; line-height: 1.9; max-width: 510px; margin: 0; }.app-status-section .text-link { flex-shrink: 0; }
[hidden] { display: none !important; }
@media (max-width:1100px) and (min-width:701px) { .caption { top: 92px; }.scene-wrap { top: 37px; left: 26%; bottom: 112px; }.global-header .site-nav { gap: 28px; }.site-nav .app-nav { padding-left: 23px; margin-left: 0; }.roadmap-tabs > button { flex-wrap: wrap; gap: 10px; font-size: 18px; }.roadmap-tabs small { flex-basis: 100%; margin-left: 17px; }.page-heading { --heading-size: 52px; }.app-object { height: 390px; }.route-object { height: 360px; }.milestone-list article { gap: 18px; }.milestone-status { flex-basis: 84px; }.footer-top nav { gap: 18px; }.app-features { gap: 25px; }.coin-page-hero .coin-heading { --heading-size: 90px; } }
@media (max-width:800px) and (min-width:701px) { .global-header .site-nav { gap: 20px; }.app-nav span { display: none; }.footer-top { flex-wrap: wrap; }.footer-top nav { margin-left: 0; }.footer-up { margin-left: auto; } }
@media (max-width:700px) {
 html { scroll-padding-top: 97px; }
 .global-header-inner { height: 78px; gap: 20px; }.global-header .wordmark { font-size: 26px; }.brand-symbol { width: 31px; height: 31px; margin-right: 7px; }
 .global-header .site-nav { left: 0; right: 0; top: 77px; padding: 15px var(--page-gutter) 22px; gap: 5px 30px; background: #19171b; }
 .site-nav .app-nav { border-left: 0; padding: 15px 0; margin-left: 0; flex-wrap: wrap; gap: 6px; }.app-nav b { margin-left: auto; }.app-nav span { font-size: 8px; }.site-nav .app-nav::after { left: 0; }
 #study { height: calc(100svh - 78px); min-height: 682px; max-height: 922px; }.caption { top: 32px; }.scene-wrap { inset: 177px 0 115px; }
 #drop-detail { top: auto; }#study[data-drop-open="true"] .scene-wrap { inset: 2px 0 540px; }
 .next-destinations { grid-template-columns: 1fr; margin-block: 15px 45px; }.next-destinations > a { padding: 27px 35px 30px 0; }.next-destinations > a + a { border-left: 0; padding-left: 0; }.next-destinations h2 { --block-height: 33px; }.next-destinations p { font-size: 12px; }.destination-arrow { right: 5px; }
 .global-footer { padding-block: 28px 25px; }.footer-top { flex-wrap: wrap; gap: 23px; }.global-footer .wordmark { font-size: 25px; }.footer-top nav { order: 3; display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100%; gap: 7px 15px; margin: 0; }.footer-top nav a { font-size: 11px; }.footer-up { margin-left: auto; }.footer-bottom { flex-direction: column; gap: 14px; margin-top: 18px; padding-top: 20px; }.footer-bottom p { font-size: 9px; }
 .coin-page-hero .coin-inner { padding-top: 43px; }.coin-page-hero .coin-intro { padding-bottom: 0; }.coin-page-hero .coin-heading { --heading-size: 86px; }.coin-page-hero .coin-object { height: 340px; }.coin-motion { align-self: end; }
 .journey-page-hero,.app-page-hero { display: flex; flex-direction: column; align-items: stretch; padding-block: 46px 50px; gap: 0; min-height: 0; }.page-heading { --heading-size: clamp(42px,11.4vw,53px); }.page-lead { font-size: 23px; line-height: 1.5; margin-top: 24px; }.page-description { font-size: 13px; max-width: 420px; }
 .route-object { height: 295px; margin-top: 10px; }.app-object { height: 345px; margin-top: 10px; }.route-motion { bottom: 15px; }.app-page-hero .page-heading { --heading-size: 39px; }.app-page-hero .page-lead { font-size: 21px; }
 .roadmap-section { padding-block: 22px 40px; }.roadmap-topline { display: block; padding-bottom: 5px; }.roadmap-topline > span { display: block; margin-top: 10px; font-size: 9px; }.roadmap-tabs { margin-bottom: 28px; gap: 13px; }.roadmap-tabs > button { flex-wrap: wrap; font-size: 15px; gap: 8px; padding-block: 22px; align-items: start; }.stage-dot { width: 5px; height: 5px; margin-top: 5px; }.roadmap-tabs small { flex-basis: 100%; font-size: 8px; line-height: 1.5; margin-left: 0; }.roadmap-tabs > button[aria-selected="true"]::after { right: 0; }
 .roadmap-panel:not([hidden]) { grid-template-columns: 1fr; gap: 22px; }.roadmap-panel-intro h3 { font-size: 28px; margin-block: 0 15px; }.roadmap-panel-intro p { margin: 0; max-width: 430px; font-size: 12px; }.milestone-list article { gap: 18px; flex-direction: column-reverse; padding-block: 23px; }.milestone-list h4 { font-size: 16px; }.milestone-list p { font-size: 12px; max-width: 440px; }.milestone-status { flex-basis: auto; margin: 0; text-align: left; font-size: 9px; }.roadmap-note { font-size: 9px; margin-top: 16px; }
 .release-section { grid-template-columns: 1fr; gap: 35px; padding-block: 48px; }.release-section h2 { --heading-size: 31px; }.release-requirements article { padding-left: 23px; }.release-requirements h3 { font-size: 16px; }.release-requirements p { font-size: 12px; }.page-bridge { flex-direction: column; align-items: start; gap: 17px; padding-block: 30px; }
 .app-flow-section { padding-block: 45px; }.app-flow-section h2 { --heading-size: 34px; }.app-features { grid-template-columns: 1fr 1fr; gap: 25px 22px; margin-top: 35px; }.app-features h3 { font-size: 17px; }.app-features p { font-size: 11px; }.app-status-section { display: block; padding-block: 30px; margin-bottom: 30px; }.app-status-section h2 { font-size: 23px; }.app-status-section .text-link { margin-top: 22px; }
}
@media (max-width:380px) { .app-nav span { display: none; }.next-destinations h2 { --block-height: 29px; }.coin-page-hero .coin-heading { --heading-size: 73px; }.page-heading { --heading-size: 40px; }.app-page-hero .page-heading { --heading-size: 34px; }.route-object { height: 255px; }.app-object { height: 295px; }.roadmap-tabs > button { font-size: 13px; }.roadmap-tabs small { font-size: 7px; }.stage-dot { width: 4px; height: 4px; }.mark-description h2 { --heading-size: 29px; }.mark-small img:first-child { width: 65px; height: 65px; }.mark-small { gap: 10px; } }
@media (prefers-reduced-motion:reduce) { .roadmap-panel:not([hidden]) { animation: none; } }

/* A shared scale makes the funding split readable without selection or colour matching. */
.funding-ledger { min-width: 0; padding-top: 8px; }
.budget-scale { display:flex; justify-content:space-between; gap:20px; margin:0 0 8px; padding-bottom:17px; border-bottom:1px solid #ffffff24; color:#a59aa9; font-size:10px; line-height:1.5; }
.budget-scale span:last-child { color:#c6bccb; }
.budget-rows { margin:0; }
.budget-row { --budget-face:#ed687c; --budget-edge:#90354c; --budget-side:#512438; --budget-light:#ffbdc6; display:grid; grid-template-columns:1fr auto; grid-template-areas:'label percent' 'bar bar' 'description description'; column-gap:16px; row-gap:14px; padding:23px 0 26px; border-bottom:1px solid #ffffff15; }
.budget-row[data-budget="operations"] { --budget-face:#eee6d8; --budget-edge:#ada79d; --budget-side:#5e5960; --budget-light:#ffffff; }
.budget-row[data-budget="reserve"] { --budget-face:#52acd1; --budget-edge:#296382; --budget-side:#19394f; --budget-light:#bdefff; }
.budget-row dt { grid-area:label; display:flex; align-items:center; gap:11px; font-size:15px; color:#ede6ed; }
.budget-swatch { height:7px; width:7px; background:var(--budget-face); box-shadow:2px 2px var(--budget-edge); }
.budget-percent { grid-area:percent; display:flex; align-items:baseline; gap:6px; margin:0; --block-height:30px; }
.budget-percent small { font-size:13px; color:#a69aaa; }
.budget-description { grid-area:description; margin:2px 0 0; font-size:12px; line-height:1.8; color:#ac9fb3; max-width:370px; }
.budget-bar { grid-area:bar; display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:6px; margin:0 3px 0 0; padding-bottom:7px; border-bottom:1px solid #ffffff0d; }
.budget-block { position:relative; display:block; height:clamp(22px,2.6vw,34px); background:var(--budget-face); border-top:2px solid var(--budget-light); box-shadow:0 4px var(--budget-edge),3px 4px var(--budget-side); transition:transform 180ms ease,filter 180ms ease; }
.budget-row:hover .budget-block { transform:translateY(-2px); filter:brightness(1.06); }
.budget-row[data-budget="reserve"] .budget-block::after { content:''; position:absolute; inset:6px; border:1px solid #d1f4ff70; }
.funding-ledger .policy-note { margin-top:20px; max-width:470px; }
/* Downloadable artwork belongs in a purposeful, quieter supporting destination. */
.kit-intro { padding-block:70px 47px; max-width:1100px; }
.kit-heading { --heading-size:clamp(42px,5.9vw,78px); }
.kit-intro .page-description { max-width:560px; margin-bottom:20px; }
.kit-purpose { font-size:11px; color:#91869b; line-height:1.8; max-width:540px; }
.kit-downloads { display:grid; grid-template-columns:1fr 1fr; gap:6%; padding-bottom:64px; }
.kit-preview { display:grid; place-items:center; aspect-ratio:1.5; border:1px solid #ffffff12; background:#16171b; overflow:hidden; }
.kit-preview img { width:70%; max-width:280px; height:auto; display:block; }
.kit-transparent { background-color:#1b1d23; background-image:linear-gradient(45deg,#ffffff03 25%,transparent 25%,transparent 75%,#ffffff03 75%),linear-gradient(45deg,#ffffff03 25%,transparent 25%,transparent 75%,#ffffff03 75%); background-size:28px 28px; background-position:0 0,14px 14px; }
.kit-copy h2 { font-size:23px; font-weight:500; letter-spacing:-.5px; margin:25px 0 14px; color:#eee4ec; }
.kit-copy > p { font-size:13px; color:#aea0b5; line-height:1.85; max-width:360px; }
.kit-copy .kit-file { font-size:10px; color:#8f829a; margin:19px 0 13px; }
.kit-links { display:flex; flex-wrap:wrap; gap:12px 28px; }
.kit-guidance { border-top:1px solid #ffffff19; padding-block:36px 48px; }
.kit-guidance h2 { font-size:21px; font-weight:500; letter-spacing:-.3px; margin:0 0 16px; }
.kit-guidance p { color:#ac9eb3; font-size:12px; line-height:1.9; max-width:550px; }
.footer-top nav { flex-wrap:wrap; justify-content:flex-end; row-gap:0; }
@media (min-width:701px) and (max-width:1100px) { .footer-top { gap:25px; }.footer-top nav { max-width:390px; gap:0 22px; }.kit-heading { --heading-size:52px; } }
@media (max-width:700px) {
 .budget-row { padding-block:21px 24px; }.budget-row dt { font-size:14px; }.budget-percent { --block-height:28px; }.budget-bar { gap:5px; }.budget-block { height:25px; }.budget-description { font-size:12px; }.funding-ledger { padding-top:9px; }
 .kit-intro { padding-block:44px 32px; }.kit-heading { --heading-size:clamp(30px,8vw,48px); }.kit-intro .page-lead { font-size:23px; max-width:300px; }.kit-purpose { font-size:10px; }
 .kit-downloads { grid-template-columns:1fr; gap:40px; padding-bottom:43px; }.kit-preview { aspect-ratio:1.45; }.kit-preview img { max-width:260px; }.kit-copy h2 { margin-top:20px; font-size:22px; }.kit-copy > p { font-size:12px; }.kit-guidance { padding-block:29px 36px; }.kit-guidance p { font-size:11px; }
 .footer-top nav { justify-content:initial; row-gap:7px; }
}
@media (max-width:380px) { .budget-row dt { font-size:12px; }.budget-percent { --block-height:25px; }.budget-block { height:21px; }.budget-scale { font-size:9px; }.kit-heading { --heading-size:29px; } }
@media (prefers-reduced-motion:reduce) { .budget-block { transition:none; }.budget-row:hover .budget-block { transform:none; } }

.published-drops-entry { padding-block:32px; border-block:1px solid #ffffff20; margin-top:20px; }
.published-drops-entry h2 { font:800 1.6rem Nunito,system-ui,sans-serif; margin:0 0 10px; }
.published-drops-entry p,.published-drops-entry a { font-size:1rem; line-height:1.7; }