.art { --ink: rgba(234, 229, 216, 0.8); --ink-h: rgba(234, 229, 216, 0.5); --brass: rgba(206, 172, 104, 0.9);
  --brass-h: rgba(206, 172, 104, 0.55); --art-ground: #0f1011; margin: 0; }
.art-svg { display: block; width: 100%; height: auto; overflow: visible; }
.art-svg .o, .art-svg .h { fill: none; stroke: var(--ink); stroke-linecap: round; stroke-linejoin: round; }
.art-svg .o-1 { stroke-width: 1.5; }
.art-svg .o, .art-svg .o-2 { stroke-width: 1.05; }
.art-svg .o-3 { stroke-width: 0.7; }
.art-svg .h { stroke: var(--ink-h); stroke-width: 0.6; }
.art-svg .h-lt { stroke-width: 0.45; }
.art-svg .g { stroke-width: 0.5; }
.art-svg .o.b { stroke: var(--brass); }
.art-svg .h.b { stroke: var(--brass-h); }
.art-svg .fill-ground { fill: var(--art-ground); stroke: none; }
.art-svg .art-glyph { fill: none; stroke: var(--ink); stroke-width: 1.1; font-family: "Cashpad Serif", Georgia, serif; font-weight: 400; }
.art-svg .art-glyph-clip text { font-family: "Cashpad Serif", Georgia, serif; font-weight: 400; }
.art-svg .art-dent { fill: none; stroke: var(--ink-h); }
.art-svg .art-beads { fill: none; stroke: var(--ink); stroke-linecap: round; }
.art-svg .art-nsc { vector-effect: non-scaling-stroke; }
.art-svg .art-txt { font-family: "Cashpad Serif", Georgia, serif; font-size: 12px; letter-spacing: 0.04em; fill: var(--ink); }
.art-svg .art-txt.b { fill: var(--brass); }


.art.art-armed .art-svg :is(.o, .h) { stroke-dasharray: 1 1; stroke-dashoffset: 1; }
.art.art-armed .art-svg .art-glyph, .art.art-armed .art-svg .art-fade, .art.art-armed .art-svg .art-txt, .art.art-armed .art-svg [clip-path] { opacity: 0; }
.art.art-armed.art-on .art-svg :is(.o, .h) { stroke-dashoffset: 0;
  transition: stroke-dashoffset 1.2s cubic-bezier(0.45, 0, 0.2, 1) calc(var(--d, 0) * 0.9s); }
.art.art-armed.art-on .art-svg .art-glyph, .art.art-armed.art-on .art-svg .art-fade, .art.art-armed.art-on .art-svg .art-txt, .art.art-armed.art-on .art-svg [clip-path] {
  opacity: 1; transition: opacity 0.9s ease 0.7s; }
@media (prefers-reduced-motion: reduce) {
  .art.art-armed .art-svg :is(.o, .h) { stroke-dasharray: none; stroke-dashoffset: 0; transition: none !important; }
  .art.art-armed .art-svg .art-glyph, .art.art-armed .art-svg .art-fade, .art.art-armed .art-svg .art-txt, .art.art-armed .art-svg [clip-path] { opacity: 1; transition: none !important; }
}


.art-coins { width: 100%; max-width: 980px; margin: 48px auto 0; }
.art-logo { width: 176px; margin: 0 auto 12px; --ink: rgba(244, 240, 230, 0.92); --ink-h: rgba(244, 240, 230, 0.62); }

.art-logo .fill-ground { fill: none; }
.art-scale { width: 100%; max-width: 760px; margin: 56px auto 0; }
.art-ask { width: 100%; max-width: 760px; margin: 56px auto 0; }


.art-vault-fig { display: grid; grid-template-columns: minmax(0, 60fr) minmax(0, 40fr); gap: 32px; align-items: center; text-align: left; }
.art-calls { display: flex; flex-direction: column; gap: 24px; font-family: "Cashpad Sans", ui-sans-serif, system-ui, sans-serif; }
.art-call { display: flex; flex-direction: column; gap: 2px; }
.art-call-backing { margin-bottom: 8px; }
.art-call-l { font-size: 13px; line-height: 1.35; color: rgba(255, 255, 255, 0.55); }
.art-call-v { font-size: 16px; line-height: 1.35; color: #fff; font-weight: 500; font-variant-numeric: tabular-nums; }
.art-call-s { font-size: 13px; line-height: 1.35; color: rgba(255, 255, 255, 0.55); }
.art-call-hero { font-family: "Cashpad Display", Georgia, serif; font-size: 52px; line-height: 1.05; font-weight: 300; color: #fff;
  letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.art-call-src { font-size: 13px; line-height: 1.35; color: rgba(255, 255, 255, 0.45); margin-top: 2px; }
.art-call-src b { color: #7fd3a4; font-weight: 500; }
.art-brass { color: #ceac68; font-weight: 500; }
.art-vault-fig .art-calls { transition: opacity 0.3s ease; }
.art-vault-fig[data-live-state="loading"] .art-calls { opacity: 0.55; }
.art-ask .art-call-hero { font-size: 44px; }

@media screen and (max-width: 991px) {
  .art-vault-fig { grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); gap: 24px; }
}

@media screen and (max-width: 560px) {
  .art-vault-fig { grid-template-columns: 1fr; gap: 20px; }
  .art-vault-draw { width: 88%; margin: 0 auto; }
  .art-calls { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 16px; }
  .art-call-backing { grid-column: 1 / -1; margin-bottom: 0; }
  .art-call-hero, .art-ask .art-call-hero { font-size: 40px; }
  .art-coins { margin-top: 32px; }
  .art-logo { width: 128px; }
  .art-scale, .art-ask { margin-top: 40px; }
}