@font-face{font-family:Barlow;src:url('../fonts/barlow-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('../fonts/barlow-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url('../fonts/barlow-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Spectral;src:url('../fonts/spectral-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Spectral;src:url('../fonts/spectral-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}

/* Brand guide part 5: seven values, each with a job */
:root{
  --ink:#00183e;--blue:#003f9e;--mid:#2a5296;--field:#edf4ff;--line:#c9d6ea;
  --gold:#f0c543;--deep-gold:#8a6000;--blue-light:#7fa8e0;
  --ink-line:rgba(201,214,234,.18);
  --gutter:6.25%;--max:1440px;
}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:var(--field);color:var(--ink);font:400 1.125rem/1.6 Barlow,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100svh;display:flex;flex-direction:column}
main{flex:1}
.home main{width:100%}
a{color:inherit;text-underline-offset:.23em}
a:focus-visible{outline:3px solid var(--deep-gold);outline-offset:6px}
.hero a:focus-visible,.site-footer a:focus-visible{outline-color:var(--gold)}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.skip{position:absolute;left:1rem;top:-100px;padding:.5rem 1rem;background:#fff;color:var(--ink);z-index:30}
.skip:focus{top:1rem}

/* ——— Ink hero ——— */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.hero:after{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60rem 36rem at 92% -10%,rgba(0,63,158,.55),transparent 70%)}
.hero>.wrap{position:relative;z-index:1}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2.4rem 0;border-bottom:1px solid var(--ink-line)}
.brand{display:flex;align-items:center;gap:1.4rem;text-decoration:none;flex-shrink:0}
.brand img{display:block;width:240px;height:auto}
.descriptor{font-size:.8125rem;font-weight:500;letter-spacing:.04em;color:var(--blue-light);padding-left:1.4rem;border-left:1px solid var(--ink-line);line-height:1.3}
.partner-access{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.15rem;border:1px solid rgba(201,214,234,.4);color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap;transition:border-color .15s,color .15s}
.partner-access svg{width:19px;height:19px;flex-shrink:0}
.partner-access:hover{border-color:var(--gold);color:var(--gold)}

.hero-body{padding:4.5rem 0 4rem}
.intro{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem;font-weight:500;letter-spacing:.02em}
.eyebrow{color:var(--blue-light)}
.status{color:var(--gold);display:flex;align-items:center;gap:.6rem}
.status:before{content:'';width:7px;height:7px;background:currentColor;border-radius:50%;box-shadow:0 0 0 4px rgba(240,197,67,.18)}
h1{font:600 clamp(3rem,7.2vw,6.6rem)/1.06 Spectral,Georgia,serif;letter-spacing:-.035em;margin:2.4rem 0 3.4rem;max-width:none}
.hero h1{color:#fff}
.period{color:var(--gold)}

/* The record band (guide part 10): solid, solid, hatched */
.record{display:flex;height:10px;max-width:760px;gap:3px}
.seg{display:block;height:100%}
.seg.converge{flex:52;background:var(--blue-light)}
.seg.differ{flex:30;background:var(--blue);box-shadow:inset 0 0 0 1px rgba(127,168,224,.55)}
.seg.unresolved{flex:18;background:repeating-linear-gradient(135deg,rgba(201,214,234,.75) 0 2px,transparent 2px 6px);box-shadow:inset 0 0 0 1px rgba(201,214,234,.45)}
.record-legend{display:flex;max-width:760px;gap:3px;margin-top:.7rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--blue-light)}
.record-legend .converge{flex:52}.record-legend .differ{flex:30}.record-legend .unresolved{flex:18}

/* ——— Field body ——— */
.section-label{font-size:.875rem;font-weight:500;color:var(--mid);padding-top:.4rem;letter-spacing:.02em}
.statement{display:grid;grid-template-columns:1fr 3fr;gap:2.5rem;padding-top:4.5rem;padding-bottom:3.5rem}
.statement p{font:600 clamp(1.5rem,2.4vw,2.05rem)/1.36 Spectral,Georgia,serif;letter-spacing:-.012em;color:var(--blue);margin:0;max-width:38ch}

.pillars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pillars li{display:flex;flex-direction:column;gap:1.1rem;padding:2rem 1.5rem 2rem 0;color:var(--blue)}
.pillars li+li{padding-left:1.5rem;border-left:1px solid var(--line)}
.pillars svg{width:52px;height:52px}
.pillars span{font-size:1rem;font-weight:500;color:var(--ink)}

.contact{display:grid;grid-template-columns:1fr 3fr;gap:2.5rem;padding-top:3.5rem;padding-bottom:5rem}
.contact-row{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;gap:2.5rem;padding:.85rem 1.35rem;background:var(--blue);color:#fff;text-decoration:none;font-size:1rem;font-weight:500;border:1px solid var(--blue);transition:background .15s,color .15s}
.button:hover{background:var(--ink);border-color:var(--ink)}
.hero .button{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.hero .button:hover{background:#fff;border-color:#fff}
.email{font-size:1rem;color:var(--mid)}
.email:hover{color:var(--ink)}

/* ——— Footer on ink ——— */
.site-footer{background:var(--ink);color:var(--blue-light);font-size:.875rem}
.site-footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.5rem;padding-bottom:1.5rem}
.site-footer a{color:#fff}
.site-footer a:hover{color:var(--gold)}
.sep{margin:0 .55rem;opacity:.5}
.footer-links{display:flex;align-items:center}

/* ——— Privacy (page + overlay) ——— */
.privacy-doc{max-width:760px}
.privacy-doc .kicker{display:block;font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--mid);margin:0 0 .6rem}
.privacy-doc h1{font:600 clamp(2.2rem,4vw,3rem)/1.15 Spectral,Georgia,serif;letter-spacing:-.025em;color:var(--blue);margin:0 0 .3rem;max-width:none}
.privacy-doc .subtitle{font:italic 400 1.2rem/1.5 Spectral,Georgia,serif;color:var(--mid);margin:0 0 2.2rem}
.privacy-doc h2{font:600 1.1rem/1.4 Barlow,Arial,sans-serif;color:var(--ink);margin:2.2rem 0 .6rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.privacy-doc p{margin:0 0 1rem;font-size:1.0625rem;line-height:1.65;max-width:68ch}
.privacy-doc a{color:var(--blue)}
.privacy-doc .entity{margin-top:2.4rem;padding:1rem 1.2rem;background:var(--field);border-left:3px solid var(--blue);font-size:.95rem;line-height:1.55;color:var(--ink)}
.privacy-doc .updated{margin-top:1.2rem;font-size:.875rem;color:var(--mid)}
.privacy-page main{width:100%;padding-top:4rem;padding-bottom:5rem}
.privacy-page .privacy-doc{background:#fff;padding:3.2rem 3.4rem 3.4rem;border:1px solid var(--line)}
.privacy-page .back{display:inline-block;margin-top:2rem;font-size:.95rem;color:var(--mid)}
.privacy-page .back:hover{color:var(--ink)}

.overlay{display:none;position:fixed;inset:0;z-index:20;padding:5vh 1.25rem;overflow-y:auto}
.overlay:target{display:block}
.overlay-backdrop{position:fixed;inset:0;background:rgba(0,24,62,.72);z-index:-1}
.overlay-panel{position:relative;background:#fff;max-width:800px;margin:0 auto;padding:3.2rem 3.4rem 3.4rem;border-top:4px solid var(--blue)}
.overlay-close{position:absolute;top:1.3rem;right:1.3rem;width:2.3rem;height:2.3rem;display:flex;align-items:center;justify-content:center;color:var(--mid);text-decoration:none;font-size:1.4rem;line-height:1;border:1px solid var(--line)}
.overlay-close:hover{color:var(--ink);border-color:var(--mid)}

/* ——— 404 ——— */
.hero-error{flex:1}
.error{padding:5rem 0 6rem}
.error .eyebrow{font-size:.875rem;font-weight:500}
.error h1{font-size:clamp(2.8rem,6vw,4.6rem);margin:1.4rem 0 1.2rem}
.error p{max-width:45ch;color:var(--line);margin:0 0 2rem}
.error .button{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.error .button:hover{background:#fff;border-color:#fff}


/* ——— 7 Nov 2026 additions ——— */
h2.section-label{margin:0;font-family:Barlow,Arial,sans-serif;line-height:1.6}
.mast-tools{display:flex;align-items:center;gap:1.4rem}
.lang{display:flex;align-items:center;gap:.45rem;font-size:.875rem;font-weight:500;letter-spacing:.06em}
.lang a{color:var(--blue-light);text-decoration:none;padding:.2rem .1rem}
.lang a:hover{color:var(--gold)}
.lang-current{color:#fff;border-bottom:2px solid var(--gold);padding:.2rem .1rem 0}
.lang-sep{color:var(--blue-light);opacity:.5}

.sec-head{display:grid;grid-template-columns:1fr 3fr;gap:2.5rem;margin-bottom:2.2rem}
.sec-intro{margin:0;font:italic 400 1.3rem/1.5 Spectral,Georgia,serif;color:var(--mid);max-width:44ch}
.claims-sec{padding-top:4.5rem;padding-bottom:1rem}
.claims{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.claim{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);padding:1.6rem 1.5rem 1.7rem;display:flex;flex-direction:column}
.claim-top{display:flex;align-items:center;justify-content:space-between;color:var(--blue);margin-bottom:1.3rem}
.claim-top svg{width:46px;height:46px}
.claim-n{font-size:.875rem;font-weight:600;letter-spacing:.08em;color:var(--deep-gold)}
.claim h3{font:600 1.3rem/1.25 Spectral,Georgia,serif;letter-spacing:-.01em;color:var(--blue);margin:0 0 .7rem}
.claim p{margin:0;font-size:1rem;line-height:1.6}
.claim-link{margin-top:auto;padding-top:1.3rem;font-size:.9375rem;font-weight:500;color:var(--blue)}
.claim-link:hover{color:var(--ink)}
.stats{margin-top:1.3rem;padding-top:1.1rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.9rem}
.stat{display:grid;grid-template-columns:3.6rem 1fr;gap:.6rem;align-items:baseline}
.stat-n{font:600 1.55rem/1 Spectral,Georgia,serif;color:var(--blue)}
.stat-t{font-size:.875rem;line-height:1.45;color:var(--ink)}
.stat-src{margin:0;font-size:.75rem;color:var(--mid)}

.not-sec{display:grid;grid-template-columns:1fr 3fr;gap:2.5rem;padding-top:4.5rem;padding-bottom:1rem;scroll-margin-top:1.5rem}
.not-body{display:grid;grid-template-columns:3fr 2fr;gap:2.5rem;align-items:start}
.not-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.not-list li{padding:1rem 0;border-bottom:1px solid var(--line);font-size:1.0625rem;line-height:1.6}
.not-list strong{font-weight:600;color:var(--blue)}
.market{background:#fff;border-left:3px solid var(--gold);padding:1.5rem 1.6rem}
.market h3{font:600 1.15rem/1.3 Spectral,Georgia,serif;color:var(--ink);margin:0 0 .6rem}
.market p{margin:0;font-size:1rem;line-height:1.6}

.now-sec{display:grid;grid-template-columns:1fr 3fr;gap:2.5rem;padding-top:4.5rem;padding-bottom:1rem}
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative}
.timeline:before{content:'';position:absolute;left:0;right:0;top:.45rem;height:1px;background:var(--line)}
.step{position:relative;padding-top:1.7rem}
.step:before{content:'';position:absolute;top:0;left:0;width:.9rem;height:.9rem;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--field)}
.step.next:before{background:var(--field);border:2px solid var(--deep-gold);box-sizing:border-box}
.when{display:block;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mid)}
.step.next .when{color:var(--deep-gold)}
.what{display:block;font:600 1.1rem/1.3 Spectral,Georgia,serif;color:var(--blue);margin:.35rem 0 .5rem}
.step p{margin:0;font-size:.9688rem;line-height:1.55}

.about-sec{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:4.5rem;padding-top:3rem;border-top:1px solid var(--line)}
.about-col p{margin:.6rem 0 1.3rem;font-size:1.0625rem;line-height:1.65;max-width:52ch}
.button-line{background:transparent;color:var(--blue);gap:1.4rem}
.button-line:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.contact{margin-top:3rem;border-top:1px solid var(--line)}
.contact-note{margin:1rem 0 0;font-size:.9375rem;color:var(--mid)}

.footer-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;width:100%}
.site-footer .wrap{flex-direction:column;gap:.7rem}
.ai-note{margin:0;font-size:.8125rem;line-height:1.5;color:var(--blue-light);opacity:.85;max-width:90ch}

/* ——— Hero with demonstration ——— */
.hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4.5rem;align-items:center;margin-top:2.6rem}
.hero .hero-grid h1{font-size:clamp(2.6rem,4.3vw,4.5rem);margin:0 0 1.8rem}
.hero-lede{margin:0;font:400 1.2rem/1.55 Barlow,Arial,sans-serif;color:var(--line);max-width:36ch}
.pillars-sec{padding-top:4.5rem}
.pillars-sec .section-label{display:block;margin-bottom:1.2rem}

/* ——— Responsive ——— */
@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr;gap:3rem}
}
@media(max-width:1180px){
  .claims{grid-template-columns:1fr 1fr}
  .not-body{grid-template-columns:1fr}
}

@media(max-width:960px){
  .pillars{grid-template-columns:repeat(3,1fr)}
  .pillars li:nth-child(4){padding-left:0;border-left:0}
  .pillars li:nth-child(n+4){border-top:1px solid var(--line)}
}
@media(max-width:700px){
  :root{--gutter:7%}
  body{font-size:1.0625rem}
  .masthead{padding:1.5rem 0;align-items:flex-start;flex-direction:column;gap:1rem}
  .brand{flex-direction:column;align-items:flex-start;gap:.5rem}
  .brand img{width:210px}
  .descriptor{padding-left:0;border-left:0}
  .partner-access{padding:.5rem .9rem;font-size:.85rem}
  .hero-body{padding:2.6rem 0 2.8rem}
  .intro{align-items:flex-start}
  h1{font-size:clamp(2.6rem,11vw,3.6rem);margin:1.8rem 0 2.6rem}
  .record-legend{font-size:.625rem;letter-spacing:.03em}
  .statement,.contact{grid-template-columns:1fr;gap:.9rem}
  .statement{padding-top:3rem;padding-bottom:2.5rem}
  .pillars{grid-template-columns:1fr 1fr}
  .pillars li,.pillars li+li{padding:1.4rem 1rem 1.4rem 0;border-left:0;flex-direction:row;align-items:center;gap:.9rem}
  .pillars li:nth-child(even){padding-left:1rem;border-left:1px solid var(--line)}
  .pillars li:nth-child(n+3){border-top:1px solid var(--line)}
  .pillars li:nth-child(4){padding-left:1rem;border-left:1px solid var(--line)}
  .pillars li:nth-child(5){grid-column:1/-1}
  .pillars svg{width:40px;height:40px;flex-shrink:0}
  .contact{padding-top:2.5rem;padding-bottom:3.5rem}
  .mast-tools{width:100%;justify-content:space-between}
  .hero h1 br{display:none}
  .hero .hero-grid h1{font-size:clamp(2.4rem,10.5vw,3.4rem);margin-bottom:1.2rem}
  .hero-grid{margin-top:1.8rem;gap:2.4rem}
  .hero-lede{font-size:1.0625rem}
  .pillars-sec{padding-top:3rem}
  .status{white-space:nowrap}
  .sec-head,.not-sec,.now-sec,.about-sec{grid-template-columns:1fr;gap:.9rem}
  .sec-intro{font-size:1.15rem}
  .claims-sec,.not-sec,.now-sec{padding-top:3rem}
  .claims{grid-template-columns:1fr}
  .about-sec{margin-top:3rem;padding-top:2.4rem;gap:2rem}
  .timeline{grid-template-columns:1fr;gap:1.6rem;padding-left:1.8rem}
  .timeline:before{left:.45rem;right:auto;top:.4rem;bottom:.4rem;width:1px;height:auto}
  .step{padding-top:0}
  .step:before{left:-1.8rem;top:.15rem}
  .email{overflow-wrap:anywhere}
  .overlay{padding:0}
  .overlay-panel{max-width:none;min-height:100%;padding:2.4rem 1.4rem 2.6rem}
  .overlay-close{top:1rem;right:1rem}
  .privacy-page main{padding-top:2.4rem}
  .privacy-page .privacy-doc{padding:2rem 1.4rem}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ═══════════ v9 redesign ═══════════ */
@font-face{font-family:Spectral;src:url('../fonts/spectral-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Spectral;src:url('../fonts/spectral-latin-ext-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
/* the language band: Spectral italic for Latin and Cyrillic, Noto Serif italic for Greek */
@font-face{font-family:'US Band';src:url('../fonts/spectral-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:'US Band';src:url('../fonts/spectral-latin-ext-400-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'US Band';src:url('../fonts/spectral-cyrillic-400-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'US Band';src:url('../fonts/spectral-cyrillic-ext-400-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'US Band';src:url('../fonts/noto-serif-greek-400-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap;unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'US Serif Ext';src:url('../fonts/spectral-latin-ext-400-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF}

.v9 main{display:block}
.sec{padding:6.5rem 0}
.sec-field{background:var(--field)}
.sec-paper{background:#fff}
.sec-ink{background:var(--ink);color:#fff}
.kicker-h{margin:0;display:flex;align-items:center;gap:.9rem;font:600 .8125rem/1.4 Barlow,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mid)}
.kicker-h:before{content:'';width:2.2rem;height:2px;background:var(--gold);flex-shrink:0}
.sec-ink .kicker-h{color:var(--blue-light)}
.sec-top{margin-bottom:3.8rem}
.sec-lead{margin:1.2rem 0 0;font:italic 400 clamp(1.4rem,2.2vw,1.9rem)/1.4 Spectral,'US Serif Ext',Georgia,serif;color:var(--mid);max-width:36ch}

/* language band */
.band{background:#000f29;border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line);overflow:hidden;padding:1.55rem 0}
.btrack{display:flex;width:max-content;animation:usband 150s linear infinite}
.band:hover .btrack{animation-play-state:paused}
.brun{display:flex;flex-shrink:0}
.bitem{display:inline-flex;align-items:baseline;white-space:nowrap;padding:0 1.9rem;font:italic 400 1.7rem/1.2 'US Band',Spectral,Georgia,serif;color:#fff;position:relative}
.bitem:after{content:'';position:absolute;right:-3px;top:50%;width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.bcode{font:600 .6875rem/1 Barlow,Arial,sans-serif;font-style:normal;letter-spacing:.12em;color:var(--blue-light);margin-right:.8rem;position:relative;top:-.45em}
@keyframes usband{to{transform:translateX(-50%)}}

/* citizen voices */
.voices{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4.2rem 5.5rem}
.voice{border-top:1px solid var(--line);padding-top:1.5rem}
.vreq{font:600 .75rem/1 Barlow,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--deep-gold)}
.voice blockquote{margin:1rem 0 1rem}
.voice blockquote p{margin:0;font:italic 400 clamp(2.1rem,3.6vw,3.3rem)/1.08 Spectral,Georgia,serif;letter-spacing:-.015em;color:var(--blue)}
.vgloss{margin:0;font-size:1.0625rem;line-height:1.6;color:var(--ink);max-width:40ch}

/* the argument, essay style */
.chapter{display:grid;grid-template-columns:9.5rem minmax(0,1fr) 16.5rem;gap:3rem;padding:3.2rem 0;border-top:1px solid var(--line)}
.chapter:last-child{border-bottom:1px solid var(--line)}
.ch-margin{display:flex;flex-direction:column}
.ch-n{font:600 4.6rem/.9 Spectral,Georgia,serif;color:var(--line);letter-spacing:-.04em}
.ch-key{margin-top:.9rem;font:600 .75rem/1.3 Barlow,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mid)}
.ch-body h3{margin:0 0 .9rem;font:600 clamp(1.6rem,2.4vw,2.15rem)/1.15 Spectral,Georgia,serif;letter-spacing:-.015em;color:var(--blue)}
.ch-body p{margin:0;font:400 1.3rem/1.62 Spectral,Georgia,serif;color:var(--ink);max-width:36em}
.ch-body .opener:first-letter{float:left;font:600 4.6em/.8 Spectral,Georgia,serif;color:var(--blue);padding:.08em .09em 0 0}
.ch-note{font-size:.9375rem;line-height:1.5;padding-top:1rem;border-top:2px solid var(--gold);align-self:start}
.ch-note:empty{border-top:0;padding:0}
.ch-note .stat{margin:0 0 .9rem}
.ch-note .stat-n{display:block;font:600 1.7rem/1.1 Spectral,Georgia,serif;color:var(--blue)}
.ch-note .stat-src{margin:0 0 .4rem;font-size:.75rem;color:var(--mid)}
.note-link{display:inline-block;margin-top:.4rem;font-size:.9375rem;font-weight:500;color:var(--blue)}
.note-link:hover{color:var(--ink)}

/* what the layer is not, on ink */
.not2-list{list-style:none;margin:2.6rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 5rem}
.not2-list li{padding:1.9rem 0;border-top:1px solid var(--ink-line)}
.not-h{display:block;font:600 clamp(1.5rem,2.2vw,1.95rem)/1.2 Spectral,Georgia,serif;color:#fff;margin-bottom:.55rem}
.not-t{display:block;font-size:1.0625rem;line-height:1.6;color:var(--blue-light);max-width:42ch}
.market2{margin-top:3.6rem;padding-left:2rem;border-left:3px solid var(--gold);max-width:64ch}
.market2 h3{margin:0 0 .7rem;font:600 .75rem/1.3 Barlow,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.market2 p{margin:0;font:italic 400 clamp(1.25rem,1.8vw,1.55rem)/1.5 Spectral,Georgia,serif;color:#fff}

/* why now + from the work */
.nowlog-grid{display:grid;grid-template-columns:1fr 1fr;gap:5.5rem}
.tlist{list-style:none;margin:2.4rem 0 0;padding:0 0 0 1.9rem;border-left:1px solid var(--line)}
.tl{position:relative;padding-bottom:2.2rem}
.tl:last-child{padding-bottom:.4rem}
.tl:before{content:'';position:absolute;left:calc(-1.9rem - 6px);top:.2rem;width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px var(--field)}
.tl.next:before{background:var(--field);border:2px solid var(--deep-gold);box-sizing:border-box}
.tl.log:before{border-radius:0;transform:rotate(45deg);background:var(--gold)}
.tl .when{display:block;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mid)}
.tl.next .when{color:var(--deep-gold)}
.tl .what{display:block;font:600 1.35rem/1.25 Spectral,Georgia,serif;color:var(--blue);margin:.35rem 0 .45rem}
.tl p{margin:0;font-size:1rem;line-height:1.6;max-width:44ch}
.nowlog .note-link{margin-left:1.9rem}

/* join the work, on ink */
.join-grid{display:grid;grid-template-columns:2fr 3fr;gap:5.5rem}
.found{margin:2rem 0 0;font-size:1.0625rem;line-height:1.7;color:var(--line);max-width:40ch}
.invites{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink-line)}
.invite{display:grid;grid-template-columns:1fr auto;column-gap:2rem;padding:1.7rem 0;border-bottom:1px solid var(--ink-line);color:#fff;text-decoration:none}
.inv-h{font:600 clamp(1.5rem,2.3vw,2rem)/1.2 Spectral,Georgia,serif;letter-spacing:-.01em;transition:color .15s}
.inv-t{grid-column:1;margin-top:.4rem;font-size:1rem;line-height:1.55;color:var(--blue-light)}
.inv-a{grid-column:2;grid-row:1/3;align-self:center;font-size:1.6rem;color:var(--gold);transition:transform .15s}
.invite:hover .inv-h{color:var(--gold)}
.invite:hover .inv-a{transform:translate(4px,-4px)}
.invite:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.write{margin:1.8rem 0 0;font-size:.9375rem;line-height:1.6;color:var(--blue-light)}
.write a{color:#fff}
.v9 .site-footer{border-top:1px solid var(--ink-line)}

@media(max-width:1100px){
  .chapter{grid-template-columns:7rem minmax(0,1fr);gap:1.4rem 2.4rem}
  .ch-note{grid-column:2}
}
@media(max-width:960px){
  .voices,.not2-list,.nowlog-grid,.join-grid{grid-template-columns:1fr}
  .voices{gap:3rem}
  .nowlog-grid,.join-grid{gap:3.5rem}
}
@media(max-width:700px){
  .sec{padding:4.2rem 0}
  .sec-top{margin-bottom:2.4rem}
  .chapter{grid-template-columns:1fr;gap:1rem;padding:2.4rem 0}
  .ch-margin{flex-direction:row;align-items:baseline;gap:1rem}
  .ch-n{font-size:3rem}
  .ch-key{margin:0}
  .ch-note{grid-column:1}
  .ch-body p{font-size:1.175rem}
  .bitem{font-size:1.35rem;padding:0 1.4rem}
  .band{padding:1.2rem 0}
  .market2{padding-left:1.3rem}
}
@media(prefers-reduced-motion:reduce){
  .btrack{animation:none;width:auto;flex-wrap:wrap;justify-content:center;row-gap:.9rem;padding:0 var(--gutter)}
  .brun{flex-wrap:wrap;justify-content:center;row-gap:.9rem;flex-shrink:1;width:100%}
  .brun+.brun{display:none}
}

/* ——— Hero demonstration (CSS-only animation, 16 s loop) ——— */
.demo{margin:0;position:relative}
.demo-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.4rem;min-height:3.4rem}
.dq{margin:0;font:italic 400 clamp(1.1rem,1.6vw,1.4rem)/1.35 Spectral,Georgia,serif;color:#fff}
.dask{display:block;font:500 .75rem/1.4 Barlow,Arial,sans-serif;font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-light);margin-bottom:.35rem}
.dcaps{position:relative;flex-shrink:0;width:15.5rem;height:1.4rem;text-align:right}
.dcap{position:absolute;right:0;bottom:0;white-space:nowrap;font-size:.875rem;font-weight:500;color:var(--gold);letter-spacing:.02em}
.dcap b{font-weight:600;color:var(--blue-light);margin-right:.35rem;letter-spacing:.06em}
.demo-svg{display:block;width:100%;height:auto;overflow:visible}
.demo-svg text{font-family:Barlow,Arial,sans-serif}
.dbox{fill:rgba(255,255,255,.035);stroke:rgba(201,214,234,.22);stroke-width:1}
.dcode{font-size:20px;font-weight:600;fill:#fff;letter-spacing:.06em}
.dlname{font-size:13px;font-weight:500;fill:var(--blue-light)}
.drule{stroke:rgba(201,214,234,.18);stroke-width:1}
.dbar{fill:var(--blue-light);transform-box:fill-box;transform-origin:left center}
.dbar-corr{fill:var(--gold)}
.ddiff{fill:var(--blue);stroke:var(--blue-light);stroke-width:1.2}
.dunres{fill:url(#dhatch);stroke:rgba(201,214,234,.6);stroke-width:1}
.dtick{fill:var(--gold);transform-box:fill-box;transform-origin:center}
.dcheck{fill:none;stroke:var(--gold);stroke-width:1.6;transform-box:fill-box;transform-origin:center}
.dsrc{font-size:12px;font-weight:500;fill:var(--blue-light);letter-spacing:.06em;text-transform:uppercase}
.dk{fill:none;stroke:rgba(127,168,224,.55);stroke-width:1.1;stroke-dasharray:1 1}
.dgold{fill:none;stroke:var(--gold);stroke-width:1.8;stroke-dasharray:1 1}
.dncore{fill:#00183e;stroke:var(--blue-light);stroke-width:3.4;stroke-linejoin:miter}
.dname{font-size:13px;font-weight:500;fill:var(--blue-light);text-anchor:middle;letter-spacing:.04em}
.dcorr{fill:var(--gold)}
.dcard,.dn{transform-box:fill-box}
.demo-foot{margin-top:1.6rem}
.drecord{display:flex;height:8px;gap:3px}
.dseg{display:block;height:100%;transform-origin:left center}
.dseg0{flex:52;background:var(--blue-light)}
.dseg1{flex:30;background:var(--blue);box-shadow:inset 0 0 0 1px rgba(127,168,224,.55)}
.dseg2{flex:18;background:repeating-linear-gradient(135deg,rgba(201,214,234,.75) 0 2px,transparent 2px 6px);box-shadow:inset 0 0 0 1px rgba(201,214,234,.45)}
.dlegend{display:flex;gap:3px;margin-top:.6rem;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;color:var(--blue-light)}
.dleg0{flex:52}.dleg1{flex:30}.dleg2{flex:18}
.demo-note{margin-top:1rem;font-size:.75rem;letter-spacing:.04em;color:var(--blue-light);opacity:.75}
@media(max-width:700px){
  .demo-head{flex-direction:column;align-items:flex-start;gap:.8rem;min-height:0}
  .dcaps{width:100%;text-align:left}
  .dcap{left:0;right:auto}
  .dlname,.dname,.dsrc{display:none}
  .dcode{font-size:24px}
  .dlegend{font-size:.5625rem;letter-spacing:.03em}
}

@keyframes d0{0%{opacity:0;transform:translateY(6px)} 1.25%{opacity:0;transform:translateY(6px)} 5.625%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:translateY(6px)} 100%{opacity:0;transform:translateY(6px)}}
.demo .dq{animation:d0 16s linear infinite}
@keyframes d1{0%{opacity:0;transform:translateY(4px)} 1.25%{opacity:0;transform:translateY(4px)} 3.438%{opacity:1;transform:none} 13.125%{opacity:1;transform:none} 15%{opacity:0;transform:translateY(-4px)} 100%{opacity:0}}
.demo .dcap0{animation:d1 16s linear infinite}
@keyframes d2{0%{opacity:0;transform:translateY(4px)} 15%{opacity:0;transform:translateY(4px)} 17.188%{opacity:1;transform:none} 26.875%{opacity:1;transform:none} 28.75%{opacity:0;transform:translateY(-4px)} 100%{opacity:0}}
.demo .dcap1{animation:d2 16s linear infinite}
@keyframes d3{0%{opacity:0;transform:translateY(4px)} 28.75%{opacity:0;transform:translateY(4px)} 30.937%{opacity:1;transform:none} 44.375%{opacity:1;transform:none} 46.25%{opacity:0;transform:translateY(-4px)} 100%{opacity:0}}
.demo .dcap2{animation:d3 16s linear infinite}
@keyframes d4{0%{opacity:0;transform:translateY(4px)} 46.25%{opacity:0;transform:translateY(4px)} 48.438%{opacity:1;transform:none} 59.375%{opacity:1;transform:none} 61.25%{opacity:0;transform:translateY(-4px)} 100%{opacity:0}}
.demo .dcap3{animation:d4 16s linear infinite}
@keyframes d5{0%{opacity:0;transform:translateY(4px)} 61.25%{opacity:0;transform:translateY(4px)} 63.438%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:translateY(4px)} 100%{opacity:0;transform:translateY(4px)}}
.demo .dcap4{animation:d5 16s linear infinite}
@keyframes d6{0%{opacity:0;transform:translateY(10px)} 6.25%{opacity:0;transform:translateY(10px)} 10%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:translateY(10px)} 100%{opacity:0;transform:translateY(10px)}}
.demo .dcard0{animation:d6 16s linear infinite}
@keyframes d7{0%{transform:scaleX(0)} 12.5%{transform:scaleX(0)} 15.313%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl00{animation:d7 16s linear infinite}
@keyframes d8{0%{opacity:0;transform:scale(.2)} 38.125%{opacity:0;transform:scale(.2)} 40%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dt00{animation:d8 16s linear infinite}
@keyframes d9{0%{transform:scaleX(0);opacity:1} 13.5%{transform:scaleX(0);opacity:1} 16.313%{transform:scaleX(1);opacity:1} 70.625%{transform:scaleX(1);opacity:1} 72.5%{transform:scaleX(1);opacity:0} 100%{opacity:0}}
.demo .dl01-old{animation:d9 16s linear infinite}
@keyframes d10{0%{opacity:0;transform:scale(.2)} 38.438%{opacity:0;transform:scale(.2)} 40.312%{opacity:1;transform:none} 70.625%{opacity:1;transform:none} 72.5%{opacity:0} 100%{opacity:0}}
.demo .dt01{animation:d10 16s linear infinite}
@keyframes d11{0%{transform:scaleX(0)} 14.5%{transform:scaleX(0)} 17.312%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl02{animation:d11 16s linear infinite}
@keyframes d12{0%{opacity:0;transform:scale(.2)} 38.75%{opacity:0;transform:scale(.2)} 40.625%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dt02{animation:d12 16s linear infinite}
@keyframes d13{0%{transform:scaleX(0)} 15.5%{transform:scaleX(0)} 18.312%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl03{animation:d13 16s linear infinite}
@keyframes d14{0%{opacity:0;transform:scale(.2)} 39.062%{opacity:0;transform:scale(.2)} 40.938%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dt03{animation:d14 16s linear infinite}
@keyframes d15{0%{transform:scaleX(0)} 16.5%{transform:scaleX(0)} 19.313%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl04{animation:d15 16s linear infinite}
@keyframes d16{0%{opacity:0;transform:scale(.2)} 39.375%{opacity:0;transform:scale(.2)} 41.25%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dt04{animation:d16 16s linear infinite}
@keyframes d17{0%{opacity:0} 39.375%{opacity:0} 42.5%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .dsrc0{animation:d17 16s linear infinite}
@keyframes d18{0%{opacity:0;transform:translateY(10px)} 8.125%{opacity:0;transform:translateY(10px)} 11.875%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:translateY(10px)} 100%{opacity:0;transform:translateY(10px)}}
.demo .dcard1{animation:d18 16s linear infinite}
@keyframes d19{0%{transform:scaleX(0)} 13.375%{transform:scaleX(0)} 16.188%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl10{animation:d19 16s linear infinite}
@keyframes d20{0%{opacity:0;transform:scale(.2)} 38.75%{opacity:0;transform:scale(.2)} 40.625%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dt10{animation:d20 16s linear infinite}
@keyframes d21{0%{transform:scaleX(0);opacity:1} 14.375%{transform:scaleX(0);opacity:1} 17.188%{transform:scaleX(1);opacity:1} 71.25%{transform:scaleX(1);opacity:1} 73.125%{transform:scaleX(1);opacity:0} 100%{opacity:0}}
.demo .dl11-old{animation:d21 16s linear infinite}
@keyframes d22{0%{opacity:0;transform:scale(.2)} 39.062%{opacity:0;transform:scale(.2)} 40.937%{opacity:1;transform:none} 71.25%{opacity:1;transform:none} 73.125%{opacity:0} 100%{opacity:0}}
.demo .dt11{animation:d22 16s linear infinite}
@keyframes d23{0%{transform:scaleX(0)} 15.375%{transform:scaleX(0)} 18.188%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl12{animation:d23 16s linear infinite}
@keyframes d24{0%{opacity:0;transform:scale(.2)} 39.375%{opacity:0;transform:scale(.2)} 41.25%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dt12{animation:d24 16s linear infinite}
@keyframes d25{0%{transform:scaleX(0)} 16.375%{transform:scaleX(0)} 19.188%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl13{animation:d25 16s linear infinite}
@keyframes d26{0%{opacity:0;transform:scale(.2)} 39.688%{opacity:0;transform:scale(.2)} 41.562%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dt13{animation:d26 16s linear infinite}
@keyframes d27{0%{transform:scaleX(0)} 17.375%{transform:scaleX(0)} 20.188%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl14{animation:d27 16s linear infinite}
@keyframes d28{0%{opacity:0;transform:scale(.2)} 40%{opacity:0;transform:scale(.2)} 41.875%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dt14{animation:d28 16s linear infinite}
@keyframes d29{0%{opacity:0} 40%{opacity:0} 43.125%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .dsrc1{animation:d29 16s linear infinite}
@keyframes d30{0%{opacity:0;transform:translateY(10px)} 10%{opacity:0;transform:translateY(10px)} 13.75%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:translateY(10px)} 100%{opacity:0;transform:translateY(10px)}}
.demo .dcard2{animation:d30 16s linear infinite}
@keyframes d31{0%{transform:scaleX(0)} 14.25%{transform:scaleX(0)} 17.063%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl20{animation:d31 16s linear infinite}
@keyframes d32{0%{opacity:0;transform:scale(.2)} 39.375%{opacity:0;transform:scale(.2)} 41.25%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dt20{animation:d32 16s linear infinite}
@keyframes d33{0%{transform:scaleX(0);opacity:1} 15.25%{transform:scaleX(0);opacity:1} 18.063%{transform:scaleX(1);opacity:1} 71.875%{transform:scaleX(1);opacity:1} 73.75%{transform:scaleX(1);opacity:0} 100%{opacity:0}}
.demo .dl21-old{animation:d33 16s linear infinite}
@keyframes d34{0%{opacity:0;transform:scale(.2)} 39.688%{opacity:0;transform:scale(.2)} 41.562%{opacity:1;transform:none} 71.875%{opacity:1;transform:none} 73.75%{opacity:0} 100%{opacity:0}}
.demo .dt21{animation:d34 16s linear infinite}
@keyframes d35{0%{transform:scaleX(0)} 16.25%{transform:scaleX(0)} 19.062%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl22{animation:d35 16s linear infinite}
@keyframes d36{0%{opacity:0;transform:scale(.2)} 40%{opacity:0;transform:scale(.2)} 41.875%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dt22{animation:d36 16s linear infinite}
@keyframes d37{0%{transform:scaleX(0)} 17.25%{transform:scaleX(0)} 20.063%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl23{animation:d37 16s linear infinite}
@keyframes d38{0%{opacity:0;transform:scale(.2)} 40.312%{opacity:0;transform:scale(.2)} 42.188%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dt23{animation:d38 16s linear infinite}
@keyframes d39{0%{transform:scaleX(0)} 18.25%{transform:scaleX(0)} 21.063%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl24{animation:d39 16s linear infinite}
@keyframes d40{0%{opacity:0;transform:scale(.2)} 40.625%{opacity:0;transform:scale(.2)} 42.5%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dt24{animation:d40 16s linear infinite}
@keyframes d41{0%{opacity:0} 40.625%{opacity:0} 43.75%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .dsrc2{animation:d41 16s linear infinite}
@keyframes d42{0%{opacity:0;transform:translateY(8px)} 27.5%{opacity:0;transform:translateY(8px)} 30.625%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:translateY(8px)} 100%{opacity:0;transform:translateY(8px)}}
.demo .dn0{animation:d42 16s linear infinite}
@keyframes d43{0%{stroke-dashoffset:1} 30%{stroke-dashoffset:1} 36.875%{stroke-dashoffset:0} 93.125%{stroke-dashoffset:0} 97.5%{stroke-dashoffset:1} 100%{stroke-dashoffset:1}}
.demo .dk00{animation:d43 16s linear infinite}
@keyframes d44{0%{stroke-dashoffset:1} 30.5%{stroke-dashoffset:1} 37.375%{stroke-dashoffset:0} 93.125%{stroke-dashoffset:0} 97.5%{stroke-dashoffset:1} 100%{stroke-dashoffset:1}}
.demo .dk01{animation:d44 16s linear infinite}
@keyframes d45{0%{stroke-dashoffset:1} 31%{stroke-dashoffset:1} 37.875%{stroke-dashoffset:0} 93.125%{stroke-dashoffset:0} 97.5%{stroke-dashoffset:1} 100%{stroke-dashoffset:1}}
.demo .dk02{animation:d45 16s linear infinite}
@keyframes d46{0%{opacity:0;transform:translateY(8px)} 28.438%{opacity:0;transform:translateY(8px)} 31.563%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:translateY(8px)} 100%{opacity:0;transform:translateY(8px)}}
.demo .dn1{animation:d46 16s linear infinite}
@keyframes d47{0%{stroke-dashoffset:1} 31.25%{stroke-dashoffset:1} 38.125%{stroke-dashoffset:0} 93.125%{stroke-dashoffset:0} 97.5%{stroke-dashoffset:1} 100%{stroke-dashoffset:1}}
.demo .dk10{animation:d47 16s linear infinite}
@keyframes d48{0%{stroke-dashoffset:1} 31.75%{stroke-dashoffset:1} 38.625%{stroke-dashoffset:0} 93.125%{stroke-dashoffset:0} 97.5%{stroke-dashoffset:1} 100%{stroke-dashoffset:1}}
.demo .dk11{animation:d48 16s linear infinite}
@keyframes d49{0%{stroke-dashoffset:1} 32.25%{stroke-dashoffset:1} 39.125%{stroke-dashoffset:0} 93.125%{stroke-dashoffset:0} 97.5%{stroke-dashoffset:1} 100%{stroke-dashoffset:1}}
.demo .dk12{animation:d49 16s linear infinite}
@keyframes d50{0%{opacity:0;transform:translateY(8px)} 29.375%{opacity:0;transform:translateY(8px)} 32.5%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:translateY(8px)} 100%{opacity:0;transform:translateY(8px)}}
.demo .dn2{animation:d50 16s linear infinite}
@keyframes d51{0%{stroke-dashoffset:1} 32.5%{stroke-dashoffset:1} 39.375%{stroke-dashoffset:0} 93.125%{stroke-dashoffset:0} 97.5%{stroke-dashoffset:1} 100%{stroke-dashoffset:1}}
.demo .dk20{animation:d51 16s linear infinite}
@keyframes d52{0%{stroke-dashoffset:1} 33%{stroke-dashoffset:1} 39.875%{stroke-dashoffset:0} 93.125%{stroke-dashoffset:0} 97.5%{stroke-dashoffset:1} 100%{stroke-dashoffset:1}}
.demo .dk21{animation:d52 16s linear infinite}
@keyframes d53{0%{stroke-dashoffset:1} 33.5%{stroke-dashoffset:1} 40.375%{stroke-dashoffset:0} 93.125%{stroke-dashoffset:0} 97.5%{stroke-dashoffset:1} 100%{stroke-dashoffset:1}}
.demo .dk22{animation:d53 16s linear infinite}
@keyframes d54{0%{opacity:0} 46.875%{opacity:0} 50%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .dd0{animation:d54 16s linear infinite}
@keyframes d55{0%{opacity:0} 49.375%{opacity:0} 52.5%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .du0{animation:d55 16s linear infinite}
@keyframes d56{0%{opacity:0} 47.625%{opacity:0} 50.75%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .dd1{animation:d56 16s linear infinite}
@keyframes d57{0%{opacity:0} 50.125%{opacity:0} 53.25%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .du1{animation:d57 16s linear infinite}
@keyframes d58{0%{opacity:0} 48.375%{opacity:0} 51.5%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .dd2{animation:d58 16s linear infinite}
@keyframes d59{0%{opacity:0} 50.875%{opacity:0} 54%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .du2{animation:d59 16s linear infinite}
@keyframes d60{0%{transform:scaleX(0)} 46.875%{transform:scaleX(0)} 51.25%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dseg0{animation:d60 16s linear infinite}
@keyframes d61{0%{opacity:0} 48.125%{opacity:0} 52.5%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .dleg0{animation:d61 16s linear infinite}
@keyframes d62{0%{transform:scaleX(0)} 50%{transform:scaleX(0)} 53.75%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dseg1{animation:d62 16s linear infinite}
@keyframes d63{0%{opacity:0} 51.25%{opacity:0} 55%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .dleg1{animation:d63 16s linear infinite}
@keyframes d64{0%{transform:scaleX(0)} 53.125%{transform:scaleX(0)} 56.875%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dseg2{animation:d64 16s linear infinite}
@keyframes d65{0%{opacity:0} 54.375%{opacity:0} 58.125%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .dleg2{animation:d65 16s linear infinite}
@keyframes d66{0%{fill:#00183e} 61.875%{fill:#00183e} 63.75%{fill:#f0c543} 93.125%{fill:#f0c543} 97.5%{fill:#00183e} 100%{fill:#00183e}}
.demo .dnb-core{animation:d66 16s linear infinite}
@keyframes d67{0%{opacity:0} 28.438%{opacity:0} 31.562%{opacity:1} 61.875%{opacity:1} 63.75%{opacity:0} 100%{opacity:0}}
.demo .dnb-name{animation:d67 16s linear infinite}
@keyframes d68{0%{opacity:0} 62.5%{opacity:0} 64.375%{opacity:1} 93.125%{opacity:1} 97.5%{opacity:0} 100%{opacity:0}}
.demo .dnb-corr{animation:d68 16s linear infinite}
@keyframes d69{0%{stroke-dashoffset:1} 64.375%{stroke-dashoffset:1} 70.625%{stroke-dashoffset:0} 93.125%{stroke-dashoffset:0} 97.5%{stroke-dashoffset:1} 100%{stroke-dashoffset:1}}
.demo .dg0{animation:d69 16s linear infinite}
@keyframes d70{0%{transform:scaleX(0)} 71.875%{transform:scaleX(0)} 75%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl01-new{animation:d70 16s linear infinite}
@keyframes d71{0%{opacity:0;transform:scale(.2)} 74.375%{opacity:0;transform:scale(.2)} 76.875%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dc0{animation:d71 16s linear infinite}
@keyframes d72{0%{stroke-dashoffset:1} 65.312%{stroke-dashoffset:1} 71.562%{stroke-dashoffset:0} 93.125%{stroke-dashoffset:0} 97.5%{stroke-dashoffset:1} 100%{stroke-dashoffset:1}}
.demo .dg1{animation:d72 16s linear infinite}
@keyframes d73{0%{transform:scaleX(0)} 72.5%{transform:scaleX(0)} 75.625%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl11-new{animation:d73 16s linear infinite}
@keyframes d74{0%{opacity:0;transform:scale(.2)} 75%{opacity:0;transform:scale(.2)} 77.5%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dc1{animation:d74 16s linear infinite}
@keyframes d75{0%{stroke-dashoffset:1} 66.25%{stroke-dashoffset:1} 72.5%{stroke-dashoffset:0} 93.125%{stroke-dashoffset:0} 97.5%{stroke-dashoffset:1} 100%{stroke-dashoffset:1}}
.demo .dg2{animation:d75 16s linear infinite}
@keyframes d76{0%{transform:scaleX(0)} 73.125%{transform:scaleX(0)} 76.25%{transform:scaleX(1)} 93.125%{transform:scaleX(1)} 97.5%{transform:scaleX(0)} 100%{transform:scaleX(0)}}
.demo .dl21-new{animation:d76 16s linear infinite}
@keyframes d77{0%{opacity:0;transform:scale(.2)} 75.625%{opacity:0;transform:scale(.2)} 78.125%{opacity:1;transform:none} 93.125%{opacity:1;transform:none} 97.5%{opacity:0;transform:scale(.2)} 100%{opacity:0;transform:scale(.2)}}
.demo .dc2{animation:d77 16s linear infinite}

@media(prefers-reduced-motion:reduce){
  .demo *{animation:none!important}
  .dl01-old,.dl11-old,.dl21-old,.dt01,.dt11,.dt21,.dnb-name,.dcap0,.dcap1,.dcap2,.dcap3{opacity:0}
  .dnb-core{fill:var(--gold)}
}