/* SASC reference site palette, typography and compact card layouts. */
:root {
  --sasc-black: #0b0a0f;
  --sasc-black-soft: #14111b;
  --sasc-panel: #14111b;
  --sasc-cream: #e9e4da;
  --sasc-bg-deep: #0b0a0f;
  --sasc-surface-2: #1c1625;
  --sasc-plum: #2a1033;
  --sasc-muted: #aaa3b5;
  --sasc-faint: #aaa3b5;
  --sasc-accent: #d8b25a;
  --sasc-accent-dim: #b9974c;
  --sasc-acid: #b6ff3b;
  --sasc-neon: #b6ff3b;
  --sasc-rule: #2b2535;
  --sasc-rule-soft: #2b2535;
  --sasc-font-display: "Bodoni 72", "Bodoni Moda", Didot, "Bodoni MT", "Playfair Display", "DejaVu Serif", Georgia, serif;
  --sasc-font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", "DejaVu Sans Mono", Menlo, monospace;
  --sasc-step-0: 1rem;
  --sasc-step-1: 1.125rem;
  --sasc-step-2: 1.5rem;
  --sasc-step-3: clamp(1.875rem, 3vw, 2.25rem);
  --sasc-step-4: clamp(3rem, 5vw, 3.75rem);
  --sasc-step-5: clamp(3.75rem, 6.6vw, 6rem);
  --sasc-max-width: 100%;
  --sasc-gutter: clamp(20px, 4vw, 72px);
  --sasc-radius: 12px;
  --sasc-radius-lg: 16px;
  --sasc-space-3xl: 4rem;
}
body {
  background: radial-gradient(1200px 600px at 80% -10%, rgba(94,11,30,.35), transparent 60%), radial-gradient(900px 500px at -10% 10%, rgba(42,16,51,.6), transparent 60%), #0b0a0f;
}
body::before { display: none; }
body::after {
  background: repeating-linear-gradient(to bottom, rgba(255,255,255,.018) 0 1px, transparent 1px 3px);
  opacity: 1;
}
.sasc-header { background: rgba(11,10,15,.85); }
.sasc-statusbar { background: rgba(94,11,30,.3); color: var(--sasc-text); letter-spacing: .08em; }
.sasc-brand { color: var(--sasc-accent); }
.sasc-brand__sub { display: none; }
.sasc-nav__list { gap: 20px; }
.sasc-nav__link { font-family: var(--sasc-font-body); font-size: .875rem; letter-spacing: 0; text-transform: none; color: var(--sasc-muted); }
.sasc-nav__item--mint .sasc-nav__link { border-radius: 999px; font-family: var(--sasc-font-mono); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.sasc-hero { padding-block: 3.5rem 4rem; }
.sasc-hero::before, .sasc-hero::after { display: none; }
.sasc-hero__grid { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 3rem; }
.sasc-hero__title { font-size: var(--sasc-step-5); line-height: .95; letter-spacing: -.025em; }
.sasc-hero__title em { color: var(--sasc-text); font-style: normal; }
.sasc-hero__lede { font-size: 1.125rem; line-height: 1.7; }
.sasc-eyebrow { color: var(--sasc-neon); font-size: .75rem; letter-spacing: .3em; }
.sasc-eyebrow::before { display: none; }
.sasc-btn { border-radius: 999px; font-weight: 400; font-size: .875rem; letter-spacing: .1em; padding: .8rem 1.5rem; }
.sasc-concept { max-width: 448px; }
.sasc-concept img { border-color: rgba(216,178,90,.4); border-radius: 16px; }
.sasc-concept figcaption { font-family: var(--sasc-font-mono); font-size: .6875rem; letter-spacing: .08em; }
.sasc-reference-stats { margin-bottom: 3rem; }
.sasc-statrail { gap: 1rem; background: transparent; border: 0; overflow: visible; margin-top: 0; }
.sasc-stat { border: 1px solid var(--sasc-rule); border-radius: 8px; padding: 1.25rem; display: flex; flex-direction: column; }
.sasc-stat__k { order: -1; margin: 0 0 .5rem; font-size: .75rem; }
.sasc-stat__v { font-size: 1.875rem; }
.sasc-section { padding-block: 3rem; }
.sasc-section--tint { background: transparent; }
.sasc-ghost { display: none; }
.sasc-sechead { display: block; border: 0; padding: 0; margin-bottom: 2rem; }
.sasc-sechead__num { display: none; }
.sasc-sechead__title { color: var(--sasc-accent); }
.sasc-sechead__lede { font-size: 1rem; max-width: 60ch; }
.sasc-grid--3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sasc-card, .sasc-callout, .sasc-faq details, .sasc-faq__item { border: 1px solid var(--sasc-rule); border-radius: 12px; background: rgba(20,17,27,.7); }
.sasc-card h3 { font-size: 1.5rem; }
.sasc-callout { padding: 1.25rem; }
.sasc-token__btn, .sasc-token__fig, .sasc-spec, .sasc-traits { border-radius: 12px; }
.sasc-token__meta { background: var(--sasc-panel); }
.sasc-filterchip, .sasc-jumpnav a, .sasc-pill, .sasc-tier { border-radius: 999px; }
.sasc-toolbar { border: 1px solid var(--sasc-rule); border-radius: 12px; padding: 1rem; background: var(--sasc-panel); }
.sasc-pagehead { padding-top: 3.5rem; }
.sasc-pagehead .sasc-crumbs { margin-bottom: 1.5rem; }
.sasc-footer { background: transparent; }
/* Mint countdown */
.sasc-countdown { margin: 0 0 2rem; }
.sasc-countdown__label { font-family: var(--sasc-font-mono); font-size: .75rem; letter-spacing: .2em; text-transform: uppercase; color: var(--sasc-accent); margin: 0 0 .75rem; }
.sasc-countdown__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 5.5rem)); gap: .75rem; }
.sasc-countdown__grid > div { border: 1px solid rgba(216,178,90,.4); border-radius: 12px; background: rgba(20,17,27,.7); padding: .75rem .5rem; text-align: center; }
.sasc-countdown__grid span { display: block; font-family: var(--sasc-font-display); font-size: clamp(1.75rem, 3vw, 2.5rem); line-height: 1; color: var(--sasc-cream); font-variant-numeric: tabular-nums; }
.sasc-countdown__grid small { display: block; margin-top: .4rem; font-family: var(--sasc-font-mono); font-size: .625rem; letter-spacing: .15em; text-transform: uppercase; color: var(--sasc-muted); }
.sasc-countdown__done { display: none; margin: .75rem 0 0; color: var(--sasc-accent); }
.sasc-countdown.is-done .sasc-countdown__grid { display: none; }
.sasc-countdown.is-done .sasc-countdown__done { display: block; }
@media (max-width: 480px) { .sasc-countdown__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; } }
/* Full-screen layout */
.sasc-shell { padding-inline: var(--sasc-gutter); }
.sasc-hero { min-height: calc(100svh - 120px); display: flex; align-items: center; }
.sasc-hero > .sasc-shell { width: 100%; }
.sasc-concept { max-width: min(600px, 62svh, 100%); margin-inline-start: auto; }
.sasc-hero__lede { max-width: 60ch; }
.sasc-sechead__lede { max-width: 72ch; }
@media (min-width: 1100px) { .sasc-grid--3 { grid-template-columns: repeat(3,minmax(0,1fr)); } }
.sasc-art-direction h2 { color: var(--sasc-accent); }
@media (max-width: 900px) {
  .sasc-hero__grid { grid-template-columns: 1fr; gap: 2rem; }
  .sasc-hero { padding-top: 2.5rem; }
  .sasc-concept { max-width: 448px; }
  .sasc-header__inner { gap: 1rem; }
}
@media (max-width: 640px) {
  .sasc-grid--3 { grid-template-columns: 1fr; }
  .sasc-statrail { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sasc-stat { padding: 1rem; }
}

/* October refresh: quieter panels, readable status and a compact hero. */
:root { --sasc-muted: #bdb5c8; }
.sasc-hero { min-height: auto; padding-block: clamp(2.5rem, 5vw, 5rem); }
.sasc-hero__grid { align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.sasc-hero__lede { max-width: 44ch; font-size: clamp(1rem, 1.3vw, 1.125rem); }
.sasc-concept { max-width: min(520px, 100%); }
.sasc-concept img { box-shadow: 0 24px 80px rgba(0,0,0,.3); }
.sasc-stat { background: linear-gradient(145deg, rgba(216,178,90,.06), rgba(20,17,27,.7)); }
.sasc-stat__v { color: var(--sasc-accent); }
.sasc-section { padding-block: clamp(2.5rem, 5vw, 4.5rem); }
.sasc-card { padding: clamp(1.25rem, 2.5vw, 2rem); }
.sasc-card h3 { line-height: 1.2; }
.sasc-countdown { border-top: 1px solid rgba(216,178,90,.25); padding-top: 1.25rem; }
.sasc-countdown__label { letter-spacing: .1em; line-height: 1.8; }
.sasc-countdown__note { max-width: 48ch; font-size: .8125rem; color: var(--sasc-muted); margin: 0 0 1rem; }
.sasc-countdown__grid { display: none; }
.sasc-countdown.is-running .sasc-countdown__grid { display: grid; }
.sasc-countdown.is-done .sasc-countdown__grid { display: none; }
.sasc-launch { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid rgba(216,178,90,.3); border-radius: 16px; background: linear-gradient(115deg, rgba(216,178,90,.07), rgba(20,17,27,.7)); margin-bottom: 3rem; overflow: hidden; }
.sasc-launch > div { padding: clamp(1.25rem, 2.5vw, 2rem); }
.sasc-launch > div + div { border-left: 1px solid var(--sasc-rule); }
.sasc-launch .sasc-eyebrow { color: var(--sasc-accent); font-size: .6875rem; letter-spacing: .14em; margin-bottom: 1rem; }
.sasc-launch h2 { font-size: 1.375rem; line-height: 1.3; margin: 0 0 .75rem; }
.sasc-launch p:last-child { font-size: .9375rem; color: var(--sasc-muted); margin: 0; }
.sasc-btn:focus-visible, .sasc-nav__link:focus-visible { outline: 2px solid var(--sasc-accent); outline-offset: 5px; }
@media (max-width: 900px) {
  .sasc-hero { min-height: auto; }
  .sasc-concept { margin-inline: auto; }
  .sasc-launch { grid-template-columns: 1fr; }
  .sasc-launch > div + div { border-left: 0; border-top: 1px solid var(--sasc-rule); }
}
@media (prefers-reduced-motion: no-preference) {
  .sasc-btn { transition: background-color .2s, border-color .2s, color .2s; }
}

/* Bring the first useful action into view and clarify the site navigation. */
.sasc-hero .sasc-countdown { margin: clamp(1.5rem, 3vw, 2rem) 0 0; }
.sasc-pagehead__action { margin: 1.5rem 0 0; }
.sasc-nav__disclosure summary { display: inline-flex; align-items: center; gap: .35em; list-style: none; }
.sasc-nav__disclosure summary::-webkit-details-marker { display: none; }
.sasc-nav__disclosure summary::before { content: "⌄"; order: 2; font-size: 1.15em; line-height: .7; transition: transform .2s ease; }
.sasc-nav__disclosure[open] summary::before { transform: rotate(180deg); }
.sasc-nav__link--current { color: var(--sasc-accent); }
@media (max-width: 900px) {
  html.sasc-js .sasc-nav__disclosure summary { display: flex; justify-content: space-between; }
}