/* Daylight and Obsidian use the same palette and glass treatment as Home / The Grove. */
:root {
  color-scheme: light;
  --ab-bg: #f6f9f2;
  --ab-text: #183025;
  --ab-copy: #526a58;
  --ab-muted: #677c65;
  --ab-accent: #446e35;
  --ab-edge: #26472a20;
  --ab-glass: linear-gradient(135deg,#ffffffdb,#f9fef799);
  --ab-glass-edge: #ffffffe0;
  --ab-shadow: inset 0 1px 0 #fff,inset 0 -1px 0 #1c3a170c,0 12px 38px #122d1f0c;
  --ab-reflection: #ffffffb8;
  --ab-inset: #dce9d252;
  --ab-selected: #e9f3df;
  --ab-selected-text: #274f2c;
  --ab-button: linear-gradient(150deg,#1a3333,#071a1d 65%);
  --ab-button-text: #f6fbf0;
  --ab-orbit: #82985f99;
  --ab-forest-image: url('/assets/about/sanctuary-day.webp');
  --ab-forest-mobile: url('/assets/about/sanctuary-day-mobile.webp');
  --ab-forest-opacity: .95;
  --ab-forest-wash: linear-gradient(#f6f9f2e8,#f6f9f2b5 27%,#f6f9f212 60%,#f6f9f200 78%,#f6f9f2);
  --ink: var(--ab-text); --muted: var(--ab-copy); --paper: var(--ab-bg); --line: var(--ab-edge);
}
html[data-theme=dark] {
  color-scheme: dark;
  --ab-bg: #080f0e;
  --ab-text: #edf3e9;
  --ab-copy: #b2c4b6;
  --ab-muted: #9eb49b;
  --ab-accent: #c0e6a0;
  --ab-edge: #d4efde20;
  --ab-glass: linear-gradient(135deg,#213c31a8,#10241ecf 48%,#091a17cf);
  --ab-glass-edge: #dff7ea33;
  --ab-shadow: inset 0 1px 0 #ffffff36,inset 0 -1px 0 #b0dcbc0e,0 14px 36px #00000038;
  --ab-reflection: #effff71f;
  --ab-inset: #d2efd40b;
  --ab-selected: #c6e8a8;
  --ab-selected-text: #1c3423;
  --ab-button: linear-gradient(145deg,#e0f8c8,#b9e392 70%,#a9cf89);
  --ab-button-text: #102416;
  --ab-orbit: #dcc7888c;
  --ab-forest-image: url('/assets/about/sanctuary.webp');
  --ab-forest-mobile: url('/assets/about/sanctuary-mobile.webp');
  --ab-forest-opacity: .93;
  --ab-forest-wash: linear-gradient(#080f0e8c,transparent 40%,#080f0e 100%);
}
.about-page { background:var(--ab-bg); color:var(--ab-text); }
.about-page .mint-site-chrome { color:var(--ab-text); margin-bottom:0; }
.about-page .mint-site-header,.about-page .mint-site-menu,.ab-glass {
  background:var(--ab-glass); border:1px solid var(--ab-glass-edge); box-shadow:var(--ab-shadow);
  backdrop-filter:blur(18px) saturate(145%); -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.ab-glass { isolation:isolate; }
.ab-glass:after { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; pointer-events:none; background:radial-gradient(ellipse at var(--pointer-x,15%) var(--pointer-y,0%),var(--ab-reflection),transparent 58%); opacity:.6; }
.about-page .mint-site-header .desktop-nav { gap:20px; font-size:12px; }
.about-page .mint-site-header .desktop-nav a[aria-current=page] { color:var(--ab-accent); }
.about-page .mint-site-header .brand-symbol { color:#75a94b; }
html[data-theme=dark] .about-page .mint-site-header .brand-symbol { color:#b4e68d; filter:none; }
.about-page .mint-site-header .network-button { display:none; }
.about-page .mint-site-header .wallet-trigger { color:var(--ab-text); background:var(--ab-inset); border-color:var(--ab-edge); box-shadow:inset 0 1px 0 var(--ab-glass-edge); }
.about-page .mint-menu-page { border-color:var(--ab-edge); }
.about-page .mint-menu-page>span { color:var(--ab-muted); }
.about-page .theme-toggle { display:grid;place-items:center;position:relative;flex:none;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--ab-edge);background:var(--ab-glass);box-shadow:inset 0 1px 0 var(--ab-glass-edge);color:var(--ab-accent); }
.about-page .theme-toggle svg { width:18px;height:18px; }
.about-page .theme-day { display:none; }
html[data-theme=dark] .about-page .theme-night { display:none; }
html[data-theme=dark] .about-page .theme-day { display:block; }
.about-page .mint-menu-appearance { display:flex;gap:8px;padding:12px 8px 4px;border-top:1px solid var(--ab-edge); }
.about-page .mint-menu-appearance button { display:flex;justify-content:center;align-items:center;gap:8px;flex:1;min-height:44px;border-radius:12px;border:1px solid var(--ab-edge);background:var(--ab-inset);font-size:12px; }
.about-page .mint-menu-appearance button[aria-pressed=true] { color:var(--ab-selected-text);background:var(--ab-selected); }
.about-page .mint-menu-appearance svg { width:16px;height:16px; }
.ab-hero { background:var(--ab-bg);padding-top:44px;overflow:clip; }
.ab-hero:before { z-index:-2;background:var(--ab-forest-image) center bottom/cover no-repeat;opacity:var(--ab-forest-opacity); }
.ab-hero:after { content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--ab-forest-wash); }
.ab-hero-heading .ab-eyebrow,.ab-eyebrow,.ab-grove .ab-eyebrow,.ab-access .ab-eyebrow,.ab-genesis .ab-eyebrow { color:var(--ab-accent); }
.ab-hero-subtitle,.ab-orbit-node>span,.ab-world-panel p,.ab-hero-bottom,.ab-relic-controls { color:var(--ab-copy); }
.ab-hero-subtitle em { color:var(--ab-accent); }
.ab-orbits ellipse { stroke:var(--ab-orbit); }
.ab-orbits circle { fill:var(--ab-accent); }
.ab-orbit-node { border-radius:23px;padding:14px 12px 16px;gap:5px;transition:transform .25s,border-color .25s,box-shadow .25s; }
.ab-orbit-node:hover,.ab-orbit-node[aria-expanded=true] { border-color:var(--ab-accent);transform:translateY(-3px); }
.ab-orbit-node .ab-symbol { width:79px;height:79px; }
.ab-orbit-node strong { font-size:22px; }
.ab-orbit-node>span { font-family:Inter,Arial,sans-serif;font-size:11px;line-height:1.5; }
.ab-node-identity,.ab-node-alpha { top:17px; }
.ab-node-raffle,.ab-node-verification { top:258px; }
.ab-edge-note { color:var(--ab-muted); }
.ab-hero-bottom { border-color:var(--ab-edge); }
.ab-text-link { color:var(--ab-accent)!important; }
.ab-relic-controls { width:max-content;max-width:100%;left:50%;right:auto;transform:translateX(-50%);padding:6px 9px 6px 16px;border:1px solid var(--ab-glass-edge);border-radius:99px;background:var(--ab-glass);box-shadow:var(--ab-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px); }
.ab-relic-controls button { background:var(--ab-inset);border-color:var(--ab-edge);color:var(--ab-accent);width:34px;height:34px; }
.ab-world-panel { color:var(--ab-text); }
.ab-world-close { color:var(--ab-copy); }
.ab-button-green,.ab-button-gold { background:var(--ab-button);color:var(--ab-button-text)!important;border:1px solid var(--ab-glass-edge);box-shadow:inset 0 1px 0 #ffffff4d,0 4px 17px #00000012; }
.ab-button-outline { color:var(--ab-text);background:var(--ab-inset);border-color:var(--ab-edge);box-shadow:inset 0 1px 0 var(--ab-glass-edge); }
.ab-section { color:var(--ab-text);border-top:1px solid var(--ab-edge); }
.ab-grove { overflow:clip;background:radial-gradient(ellipse at 82% 38%,#8cad7230,transparent 49%),var(--ab-bg); }
.ab-grove-copy>p:not(.ab-eyebrow),.ab-grove-links,.ab-profile-bio,.ab-profile-caption,.ab-profile-marks span,.ab-mark-note,.ab-mark-levels>span,.ab-preview-label,.ab-handle { color:var(--ab-copy); }
.ab-profile-scene { position:relative;isolation:isolate; }
.ab-profile-scene:before { content:'';position:absolute;inset:8% -15% 5% -5%;z-index:-1;background:url('/assets/realm-leaves.webp') right bottom/80% auto no-repeat;opacity:.25;transform:rotate(165deg);pointer-events:none; }
.ab-profile-preview { position:relative;border-radius:26px; }
.ab-profile-cover { opacity:.85; }
.ab-avatar { border-color:var(--ab-bg); }
.ab-mark-levels { border-color:var(--ab-edge); }
.ab-mark-levels button { border-color:var(--ab-edge);color:var(--ab-copy);background:var(--ab-inset);min-height:36px;font-size:10px; }
.ab-mark-levels button[aria-pressed=true] { color:var(--ab-selected-text);background:var(--ab-selected);border-color:var(--ab-accent); }
.ab-mark-note { font-size:10px; }
.ab-roots { background:radial-gradient(ellipse at 5% 0%,#839f7120,transparent 60%),var(--ab-bg); }
.ab-roots h2 em,.ab-token-intro h2 em { color:var(--ab-accent); }
.ab-root-paths { gap:13px; }
.ab-root-paths>a { padding:20px;border-radius:23px;border:1px solid var(--ab-glass-edge);background:var(--ab-glass);box-shadow:var(--ab-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px); }
.ab-root-paths>a+a { border-color:var(--ab-glass-edge); }
.ab-root-paths p,.ab-mini-label { color:var(--ab-copy); }
.ab-root-paths>a>svg { color:var(--ab-accent); }
.ab-access { background:radial-gradient(ellipse at 85% 45%,#92b27424,transparent 55%),var(--ab-bg); }
.ab-access-demo { position:relative;border-radius:26px; }
.ab-access-copy>p:not(.ab-eyebrow),.ab-development,.ab-demo-top span+span,.ab-criteria-emblem span,.ab-flow-destination>span:last-child,.ab-demo-note { color:var(--ab-copy); }
.ab-access-copy .ab-serif { color:var(--ab-accent)!important; }
.ab-demo-top,.ab-step,.ab-flow-arrow { color:var(--ab-accent); }
.ab-collection-choices button { background:var(--ab-inset);color:var(--ab-text); }
.ab-collection-choices button[aria-pressed=true] { background:var(--ab-selected);border-color:var(--ab-accent);color:var(--ab-selected-text);box-shadow:inset 0 1px 0 var(--ab-glass-edge); }
.ab-flow>* { min-width:0; }
.ab-flow-trait select { background:var(--ab-bg);color:var(--ab-text);border-color:var(--ab-edge); }
.ab-flow-result { border-color:var(--ab-edge);color:var(--ab-accent); }
.ab-token { background:radial-gradient(ellipse at 50% 65%,#88aa6424,transparent 60%),var(--ab-bg); }
.ab-token-intro>p:not(.ab-eyebrow),.ab-liquidity span,.ab-fee-source span,.ab-token-card li,.ab-token-card details p,.ab-token-note { color:var(--ab-copy); }
.ab-token-card { position:relative;border-radius:26px; }
.ab-fee-source strong,.ab-liquidity strong,.ab-token-card h3,.ab-token-card summary { color:var(--ab-text); }
.ab-future,.ab-token-card .ab-serif,.ab-token-card h3 svg { color:var(--ab-accent); }
.ab-token-card details { border-color:var(--ab-edge); }
.ab-genesis { background:var(--ab-inset); }
.ab-genesis p:not(.ab-eyebrow) { color:var(--ab-copy); }
.ab-endcap { background-image:linear-gradient(90deg,#051e17df,#051e1740),url('/assets/hero.webp');color:#f1f7e9; }
.ab-endcap .ab-eyebrow { color:#c1dea9; }
html[data-theme=dark] .ab-endcap { background-image:linear-gradient(90deg,#051e17bb,#051e17df),url('/assets/hero-night.webp'); }
.ab-footer { background:var(--ab-bg);border-color:var(--ab-edge); }
.ab-brand { color:var(--ab-text)!important; }
.ab-footer>span { color:var(--ab-muted); }
.about-page .hh-account-dialog svg { fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }
.about-page .hh-account-dialog svg[viewBox="0 0 40 40"] { stroke:none; }
@media(max-width:1100px) { .ab-orbit-node { width:176px; }.ab-root-paths>a { padding:15px;gap:14px; } }
@media(max-width:760px) {
  .about-page .mint-site-header .theme-toggle { display:grid; }
  .about-page .mint-site-header .realm-header-portal { padding-inline:10px;min-width:0; }
  .about-page .mint-site-header .header-actions { gap:2px; }
  .ab-hero { padding-top:32px;background-image:none; }
  .ab-hero:before { background-image:var(--ab-forest-mobile); }
  .ab-orbit-node { width:116px;padding:9px 7px 11px;border-radius:20px; }
  .ab-orbit-node .ab-symbol { width:62px;height:62px; }
  .ab-orbit-node strong { font-size:18px; }
  .ab-orbit-node>span { font-size:9px;max-width:105px; }
  .ab-node-identity,.ab-node-alpha { top:22px; }
  .ab-node-raffle,.ab-node-verification { top:236px; }
  .ab-relic-controls { bottom:0; }
  .ab-profile-scene:before { inset:10% -4% 5% 0; }
  .ab-root-paths>a { padding:16px 11px;gap:10px; }
  .ab-flow-trait select { font-size:12px; }
}
@media(max-width:390px) {
  .about-page .mint-site-header .brand { font-size:22px; }
  .about-page .mint-site-header .brand-symbol,.about-page .mint-site-header .brand-symbol svg { width:23px; }
  .about-page .mint-site-header .realm-header-portal { padding-inline:8px;gap:4px; }
  .ab-orbit-node { width:99px;padding-inline:5px; }
  .ab-orbit-node strong { font-size:16px; }
  .ab-orbit-node .ab-symbol { width:57px;height:57px; }
  .ab-orbit-node>span { font-size:9px; }
  .ab-mark-levels { flex-wrap:wrap; }
}
@media(max-width:350px) { .about-page .mint-site-header .realm-header-portal { display:none; } }
html.low-effects .about-page :is(.ab-glass,.mint-site-header,.mint-site-menu,.ab-root-paths>a,.ab-relic-controls) { backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--ab-bg); }
html.low-effects .ab-glass:after { display:none; }
@media(prefers-reduced-transparency:reduce) { .about-page :is(.ab-glass,.mint-site-header,.mint-site-menu,.ab-root-paths>a,.ab-relic-controls) { backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--ab-bg); } }
@media(forced-colors:active) { .about-page :is(.ab-glass,.ab-button,.mint-site-header,.mint-site-menu,.ab-root-paths>a,.ab-relic-controls) { background:Canvas;color:CanvasText!important;border:1px solid CanvasText; }.ab-glass:after,.ab-hero:before,.ab-hero:after { display:none; } }

/* Give the access preview a readable, vertical journey on phones. */
@media(max-width:480px) {
  .ab-flow { grid-template-columns:minmax(0,1fr);gap:12px; }
  .ab-step { font-size:9px;min-height:0;margin-bottom:12px; }
  .ab-collection-choices { grid-template-columns:repeat(3,minmax(0,1fr));gap:7px; }
  .ab-collection-choices button { font-size:10px;padding:10px 4px;min-height:78px; }
  .ab-collection-choices img { width:38px;height:38px; }
  .ab-flow-arrow { justify-self:center;transform:rotate(90deg); }
  .ab-flow-trait select { font-size:16px;height:47px;padding-inline:12px; }
  .ab-criteria-emblem { display:flex;align-items:center;gap:8px;justify-content:center; }
  .ab-criteria-emblem .ab-symbol { width:48px;height:48px;margin:0; }
  .ab-criteria-emblem span { font-size:11px;text-align:left;max-width:185px; }
  .ab-flow-destination .ab-symbol { width:85px;height:85px; }
  .ab-flow-destination strong { font-size:14px; }
  .ab-flow-destination>span:last-child { font-size:11px; }
  .ab-flow-result { font-size:11px;min-height:0; }
}

/* Small, deliberate finishing details shared by the interactive surfaces. */
.ab-relic-controls button { display:grid;place-items:center; }
.ab-relic-controls button svg { width:15px;height:15px; }
.ab-world-panel { box-shadow:var(--ab-shadow),0 18px 70px #05201720; }
.ab-root-paths>a { transition:transform .2s,border-color .2s; }
.ab-root-paths>a:hover { transform:translateY(-3px);border-color:var(--ab-accent); }
.ab-root-paths>a>svg { transition:transform .2s; }
.ab-root-paths>a:hover>svg { transform:translateX(3px); }
.ab-orbit-node { box-shadow:var(--ab-shadow),inset 1px 0 0 var(--ab-glass-edge); }
.ab-token-card summary { min-height:38px;align-items:center; }
.ab-token-card summary>span { display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid var(--ab-edge);flex:none;transition:transform .2s; }

/* Give the ecosystem diagram its own centered surface, with readable peer panels. */
.ab-token { grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:stretch; }
.ab-token-intro { grid-column:1/-1;text-align:center;margin:0 auto 10px;max-width:690px; }
.ab-token-intro h2 { font-size:clamp(38px,4vw,56px); }
.ab-token-intro>p:not(.ab-eyebrow) { margin:22px auto 0;max-width:610px;font-size:14px;line-height:1.8; }
.ab-token-intro .ab-button { margin-top:23px; }
.ab-economy-panel { position:relative;min-width:0;border-radius:26px;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center; }
.ab-economy-panel>.ab-eyebrow { text-align:center;font-size:9px; }
.ab-economy { width:100%;max-width:460px;margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:112px 112px;gap:18px;padding:22px 0 43px; }
.ab-fee-source { width:100%;max-width:170px;min-height:83px;flex-direction:row;gap:8px;padding:10px 12px 10px 6px;text-align:left;border-radius:48px 18px 18px 48px;justify-self:start; }
.ab-fee-source .ab-symbol { width:57px;height:57px;flex:none; }
.ab-fee-source strong { font-size:12px; }
.ab-fee-source span { font-size:9px;line-height:1.4; }
.ab-liquidity { width:100%;height:144px;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;align-self:center; }
.ab-liquidity .ab-symbol { width:144px;height:144px;min-height:144px;margin:0 auto; }
.ab-liquidity strong { margin-top:8px;font-size:27px;line-height:1.1; }
.ab-liquidity span { margin-top:7px;font-size:11px;line-height:1.5;white-space:nowrap; }
.ab-economy>svg path { stroke:var(--ab-accent);stroke-width:1.5;opacity:.7;filter:none; }
.ab-economy-caption { margin:18px auto 0!important;max-width:310px;text-align:center;color:var(--ab-copy);font-size:12px;line-height:1.7; }
.ab-token-card { grid-column:auto;display:flex;flex-direction:column;justify-content:center;padding:34px; }
.ab-token-card h3 { font-size:50px; }
.ab-token-card li { font-size:13px;gap:13px; }
.ab-token-card li img { width:40px;height:40px; }
.ab-token-card .ab-serif { font-size:22px;margin-bottom:24px; }
.ab-token-card summary,.ab-token-card details p { font-size:12px; }
.ab-token-note { font-size:10px; }
.ab-token-card ul { gap:12px; }
.ab-profile-body h3 { display:flex;align-items:center;gap:8px; }
.ab-green-leaf { margin:0; }
.ab-mark-levels>div { padding:3px;border:1px solid var(--ab-edge);border-radius:30px;background:var(--ab-inset); }
.ab-mark-levels button { border-color:transparent;min-height:31px; }
.ab-mark-levels button[aria-pressed=true] { border-color:transparent;box-shadow:inset 0 1px 0 var(--ab-glass-edge),0 2px 7px #12302212; }
@media(max-width:1100px) {
  .ab-token { gap:25px; }
  .ab-economy-panel,.ab-token-card { padding:26px; }
  .ab-fee-source { padding:8px 8px 8px 4px;gap:5px; }
  .ab-fee-source .ab-symbol { width:44px;height:44px; }
  .ab-fee-source strong { font-size:10px; }
  .ab-fee-source span { font-size:8px; }
  .ab-liquidity,.ab-liquidity .ab-symbol { height:122px;min-height:122px; }
  .ab-liquidity .ab-symbol { width:122px; }
  .ab-liquidity span { font-size:10px;white-space:normal; }
}
@media(max-width:760px) {
  .ab-token { grid-template-columns:minmax(0,1fr);gap:22px; }
  .ab-token-intro { margin-bottom:8px; }
  .ab-token-intro>p:not(.ab-eyebrow) { font-size:13px; }
  .ab-economy-panel { padding:26px 22px; }
  .ab-economy { max-width:390px;gap:18px;grid-template-rows:106px 106px;padding-bottom:38px; }
  .ab-fee-source { max-width:160px; }
  .ab-fee-source strong { font-size:11px; }
  .ab-fee-source span { font-size:9px; }
  .ab-liquidity,.ab-liquidity .ab-symbol { height:132px;min-height:132px; }
  .ab-liquidity .ab-symbol { width:132px; }
  .ab-liquidity strong { font-size:25px; }
  .ab-economy-caption { margin-top:12px!important;font-size:11px; }
  .ab-token-card { padding:28px; }
}
@media(max-width:390px) {
  .ab-economy-panel { padding-inline:15px; }
  .ab-economy { gap:13px; }
  .ab-fee-source { flex-direction:column;gap:2px;text-align:center;border-radius:20px;padding:8px 3px;max-width:106px; }
  .ab-fee-source .ab-symbol { width:44px;height:44px; }
  .ab-fee-source strong { font-size:10px; }
  .ab-fee-source span { font-size:8px; }
  .ab-liquidity,.ab-liquidity .ab-symbol { height:112px;min-height:112px; }
  .ab-liquidity .ab-symbol { width:112px; }
  .ab-liquidity strong { font-size:23px; }
  .ab-liquidity span { font-size:9px; }
}