/* All type is self-hosted (Latin subset) so the page never depends on Google's font CDN
   being reachable — it's blocked in some regions, blocked by privacy tools, and loading
   fonts directly from Google's servers raises its own GDPR data-transfer question. */
@font-face{font-family:"Quicksand";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/quicksand-demibold.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2039-203A,U+2044,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 900;font-stretch:100%;font-display:swap;src:url(/assets/fonts/fraunces-variable-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2039-203A,U+2044,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:300 900;font-stretch:100%;font-display:swap;src:url(/assets/fonts/fraunces-italic-variable-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2039-203A,U+2044,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(/assets/fonts/archivo-variable-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2039-203A,U+2044,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:italic;font-weight:300 800;font-stretch:100%;font-display:swap;src:url(/assets/fonts/archivo-italic-variable-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2039-203A,U+2044,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibmplexmono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2039-203A,U+2044,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ibmplexmono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2039-203A,U+2044,U+2212,U+FEFF,U+FFFD}

:root{
  --ink:#0F141C; --ink2:#161D28;
  --ultra:#2743D4; --ultra-deep:#1E2FA8;
  --bone:#EFEBE3; --paper:#F8F5EF;
  --rule-l:rgba(248,245,239,.15); --rule-d:rgba(15,20,28,.15);
  --display:"Fraunces",Georgia,serif;
  --sans:"Archivo",-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --navh:64px;
  --pad:clamp(24px,6vw,104px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);font-family:var(--sans);font-weight:380;
  font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--ultra);color:var(--paper)}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:var(--display);font-weight:400;font-variation-settings:"SOFT" 18,"WONK" 1;
  letter-spacing:-.03em;line-height:1;font-optical-sizing:auto}
p{max-width:34em}

.mono{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase}
.mono-sm{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}

/* ============ NAV ============ */
.nav{position:fixed;top:0;left:0;right:0;height:var(--navh);z-index:90;display:flex;align-items:center;
  justify-content:space-between;padding:0 var(--pad);transition:background .45s ease,border-color .45s ease,height .45s ease;
  border-bottom:1px solid transparent}
.nav.stuck{background:rgba(15,20,28,.82);backdrop-filter:blur(14px);border-bottom-color:var(--rule-l);height:56px}
.nav.on-light{color:var(--ink)}
.nav.on-light.stuck{background:rgba(248,245,239,.86);border-bottom-color:var(--rule-d)}
.logo-slot{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 12px;
  border:1px dashed currentColor;opacity:.65;font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.nav-links{display:flex;gap:clamp(13px,1.7vw,26px);align-items:center}
.nav-links a{font-family:var(--mono);font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;opacity:.8;
  transition:opacity .3s ease;position:relative;padding:5px 0}
.nav-links a:hover,.nav-links a.act{opacity:1}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--ultra);transition:width .35s cubic-bezier(.16,.84,.44,1)}
.nav-links a:hover::after,.nav-links a.act::after{width:100%;background:var(--green)}
.nav-cta{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid currentColor;padding:9px 14px;opacity:.92;transition:.3s}
.nav-cta:hover{opacity:1;background:var(--ultra);border-color:var(--ultra);color:var(--paper)}
.burger{display:none;width:26px;height:14px;position:relative;background:none;border:0;padding:0;color:inherit;cursor:pointer}
.burger i{position:absolute;left:0;right:0;height:1px;background:currentColor;transition:.35s}
.burger i:first-child{top:0}.burger i:last-child{bottom:0}
.mob{position:fixed;inset:0;background:var(--ink);z-index:89;transform:translateY(-101%);
  visibility:hidden;overflow-y:auto;
  transition:transform .6s cubic-bezier(.16,.84,.44,1),visibility 0s .6s;
  display:flex;flex-direction:column;justify-content:safe center;padding:24px var(--pad);gap:4px}
.mob.open{transform:none;visibility:visible;transition:transform .6s cubic-bezier(.16,.84,.44,1),visibility 0s 0s}
.mob a{font-family:"Quicksand",var(--sans);font-weight:600;font-variation-settings:normal;font-size:clamp(30px,8vw,52px);letter-spacing:-.03em;padding:10px 0;
  border-bottom:1px solid var(--rule-l);color:var(--paper)}
.mob .m-meta{margin-top:32px}

/* ============ SECTIONS ============ */
section{position:relative;padding:clamp(80px,11vw,180px) var(--pad)}
.w{max-width:1180px;margin:0 auto;width:100%}
.w-n{max-width:760px;margin:0 auto;width:100%}
.light{background:var(--paper);color:var(--ink)}
.bone{background:var(--bone);color:var(--ink)}
.deep{background:var(--ultra-deep);color:var(--paper)}
.ink2{background:var(--ink2)}
.lab{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.74;
  display:flex;gap:14px;align-items:center;margin-bottom:clamp(28px,4vw,52px)}
.lab i{flex:1;height:1px;background:currentColor;opacity:.22;max-width:180px}
hr{border:0;height:1px;background:var(--rule-l);margin:clamp(34px,5vw,64px) 0}
.light hr,.bone hr{background:var(--rule-d)}
.deep hr{background:rgba(248,245,239,.25)}

.h-xl{font-size:clamp(36px,5.8vw,84px);line-height:.98}
.h-l{font-size:clamp(29px,4.3vw,58px);line-height:1.02}
.h-m{font-size:clamp(24px,3vw,40px);line-height:1.06}
.h-s{font-size:clamp(21px,2.5vw,32px);line-height:1.12}
.dim{opacity:.4}
.lede{font-size:clamp(18px,1.9vw,24px);line-height:1.45;font-weight:340;max-width:26em}
.body{font-size:17px;line-height:1.6;opacity:.9;max-width:33em}
.light .body,.bone .body{opacity:.86}
.body+.body{margin-top:1em}

.grid{display:grid;gap:clamp(24px,3vw,52px)}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.ch{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.7;
  padding-bottom:9px;border-bottom:1px solid var(--rule-l);margin-bottom:14px}
.light .ch,.bone .ch{border-bottom-color:var(--rule-d)}
.deep .ch{border-bottom-color:rgba(248,245,239,.28);opacity:.62}
.grid p{font-size:15.5px;line-height:1.55;opacity:.88}

/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .85s cubic-bezier(.16,.84,.44,1),transform .85s cubic-bezier(.16,.84,.44,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.32s}

/* asset placeholders */
.asset{position:relative;background:rgba(15,20,28,.10);border:1px solid var(--rule-d);display:flex;
  align-items:flex-end;padding:14px}
.dark-s .asset,.ink2 .asset,section:not(.light):not(.bone):not(.deep) .asset{background:rgba(248,245,239,.055);border-color:var(--rule-l)}
.asset span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.68;line-height:1.75}

/* ============ HERO ============ */
#hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
  padding-top:calc(var(--navh) + 40px);padding-bottom:0;overflow:hidden}
.hero-in{max-width:1240px;margin:0 auto;width:100%;padding-bottom:clamp(30px,5vw,60px)}
#hero h1{font-size:clamp(38px,7.2vw,124px);line-height:.94;letter-spacing:-.038em;max-width:15em}
#hero h1 .b{display:block;color:rgba(248,245,239,.62)}
.hero-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;
  margin-top:clamp(34px,5vw,64px)}
.hero-meta .mono{opacity:.78;line-height:2}
.hero-line{width:100%;border-top:1px solid var(--rule-l);margin-top:clamp(30px,4vw,54px)}
.hero-svg{width:100%;height:auto;display:block}







/* ---- H1/H2 typographic system: Quicksand DemiBold ---- */
h1,h2{font-family:"Quicksand",var(--sans);font-weight:600;font-variation-settings:normal;
  letter-spacing:-.024em;line-height:1.06}
h1.h-xl,h2.h-xl,h1.h-l,h2.h-l,h2.h-m,.phd h1,.debt-h{letter-spacing:-.024em!important;line-height:1.06!important;
  font-family:"Quicksand",var(--sans)!important;font-weight:600!important;font-variation-settings:normal!important}
h3{font-family:"Quicksand",var(--sans)!important;font-weight:600!important;letter-spacing:-.012em;font-variation-settings:normal!important}

/* close + footer */
.close{padding-bottom:clamp(70px,9vw,140px)}
.cl-routes{margin-top:clamp(50px,7vw,100px);border-top:1px solid rgba(248,245,239,.25)}
.rt{display:grid;grid-template-columns:1fr auto 40px;gap:20px;align-items:baseline;padding:26px 0;
  border-bottom:1px solid rgba(248,245,239,.25);transition:padding-left .4s cubic-bezier(.16,.84,.44,1)}
.rt:hover{padding-left:16px}
.rt b{font-family:var(--display);font-weight:400;font-size:clamp(23px,2.8vw,36px);letter-spacing:-.025em}
.rt em{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.82;font-style:normal}
.rt i{font-style:normal;text-align:right;opacity:.6;transition:transform .4s}
.rt:hover i{transform:translateX(8px);opacity:1}
@media (max-width:700px){.rt{grid-template-columns:1fr 30px}.rt em{grid-column:1/-1;margin-top:6px}}
footer{background:var(--ink);padding:clamp(50px,6vw,80px) var(--pad) 30px;border-top:1px solid var(--rule-l)}
.ft{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px;align-items:start}
.ft-c{display:flex;flex-direction:column;gap:11px}
.ft-c a{opacity:.78;transition:opacity .3s,color .3s}.ft-c a:hover{opacity:1;color:var(--ultra-lt)}
.ft-soc{display:flex;gap:16px;margin-top:18px}
.ft-soc a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border:1px solid var(--rule-l);border-radius:50%;opacity:.75;transition:opacity .3s,border-color .3s}
.ft-soc a:hover,.ft-soc a:focus-visible{opacity:1;border-color:var(--green)}
.ft-legal{opacity:.78;transition:opacity .3s}.ft-legal:hover{opacity:1}
.ft-b{display:flex;gap:28px;flex-wrap:wrap;margin-top:clamp(40px,5vw,70px);padding-top:20px;
  border-top:1px solid var(--rule-l);opacity:.62}
@media (max-width:760px){.ft{grid-template-columns:1fr;gap:30px}}

/* ledger */
.ledger{margin-top:clamp(40px,5vw,70px)}
.ld-head{display:grid;grid-template-columns:160px 1fr 200px;gap:24px;opacity:.62;padding-bottom:12px;
  border-bottom:1px solid var(--rule-d)}
.ld{display:grid;grid-template-columns:160px 1fr 200px;gap:24px;align-items:baseline;padding:22px 0;
  border-bottom:1px solid var(--rule-d)}
.ld .cls{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.72}
.ld .ent{font-size:clamp(16px,1.7vw,20px);line-height:1.35;opacity:.9}
.ld .st{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.72}
.ld .st.tbc{color:var(--ultra);opacity:1;position:relative;padding-left:20px}
.ld .st.tbc::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:0;border-top:1.5px dashed var(--ultra)}
.ld .st.ok{position:relative;padding-left:20px}
.ld .st.ok::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:1.5px;background:currentColor}
@media (max-width:820px){.ld-head{display:none}.ld{grid-template-columns:1fr;gap:6px;padding:20px 0}}
/* origin */
.origin .og-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(34px,6vw,90px);align-items:start}
.og-img{margin-top:56px;transform:rotate(1.2deg);max-width:360px;margin-left:auto}
.og-img figcaption{margin-top:14px;opacity:.62;line-height:1.8;text-transform:none;letter-spacing:.05em}
@media (max-width:880px){.origin .og-grid{grid-template-columns:1fr}.og-img{transform:none;margin:0;max-width:300px}}
/* company */
.disc{margin-top:clamp(40px,5vw,72px);display:flex;flex-wrap:wrap;gap:0 clamp(18px,2.4vw,34px)}
.disc span{font-family:var(--display);font-size:clamp(24px,4.2vw,58px);letter-spacing:-.03em;line-height:1.16;opacity:.86}
.disc span:nth-child(even){opacity:.58}
.disc span.g{color:var(--green-dk);opacity:.95}
.team{margin-top:clamp(26px,3.2vw,44px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(24px,3vw,44px)}
.tm-p{background:rgba(15,20,28,.07)!important;border-color:var(--rule-d)!important;align-items:flex-end}
.tm b{display:block;margin-top:18px;font-family:var(--display);font-weight:400;font-size:23px;letter-spacing:-.02em}
.tm em{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  opacity:.74;font-style:normal;margin-top:7px}
.tm p{font-size:15px;line-height:1.6;opacity:.82;margin-top:14px}

/* legacy */
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.tags span{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  border:1px solid rgba(248,245,239,.28);padding:9px 13px;opacity:.8}
#custsvg text{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;fill:#F8F5EF}
#custsvg .cu{font-size:12.5px;fill-opacity:.72}
#custsvg .cu2{font-size:11.5px;fill-opacity:.55}
/* platform */
.plat{margin-top:clamp(44px,6vw,80px)}
.pl-head{display:grid;grid-template-columns:200px 1fr 170px;gap:24px;opacity:.62;padding-bottom:12px;
  border-bottom:1px solid var(--rule-d)}
.pl-row{display:grid;grid-template-columns:200px 1fr 170px;gap:24px;align-items:baseline;padding:26px 0;
  border-bottom:1px solid var(--rule-d);transition:background .4s ease}
.pl-row:hover{background:rgba(15,20,28,.035)}
.pl-row b{font-family:var(--display);font-weight:400;font-size:clamp(23px,2.7vw,34px);letter-spacing:-.025em;
  position:relative;padding-left:20px}
.pl-row b::before{content:"";position:absolute;left:0;top:.62em;width:11px;height:2px;background:var(--ink);opacity:.75}
.pl-row.prop b::before{height:0;border-top:2px dashed var(--ink);opacity:.32}
.pl-row.dev b::before{background:var(--ultra);opacity:1}
.pl-row.live b::before{background:var(--green);opacity:1;height:3px;top:.58em}
.pl-row p{font-size:15.5px;opacity:.84;max-width:30em}
.pl-row em{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-style:normal;opacity:.72}
.pl-row.dev em{color:var(--ultra);opacity:1}
.pl-row.live em{color:var(--green-dk);opacity:1}
.pl-key{display:flex;gap:34px;flex-wrap:wrap;margin-top:26px;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;opacity:.66}
.pl-key span{display:flex;align-items:center;gap:10px}
.pl-key i{width:22px;height:0;border-top:2px solid var(--ink)}
.pl-key i.k-live{border-color:var(--green);border-top-width:3px}
.pl-key i.k-solid{border-color:var(--ultra)}
.pl-key i.k-dash{border-top-style:dashed;opacity:.5}
#tech-platform{padding-block:clamp(56px,7vw,104px)}
#tech-platform .plat{margin-top:clamp(20px,2.6vw,34px)}
#tech-platform .pl-row{padding:13px 0}
#tech-platform .pl-row b{font-size:clamp(18px,1.8vw,23px)}
#tech-platform .pl-row b::before{top:.66em}
#tech-platform .pl-row p{font-size:15px;max-width:none}
#tech-platform .pl-key{margin-top:18px}
@media (max-width:820px){
  .pl-head{display:none}
  .pl-row{grid-template-columns:1fr;gap:8px;padding:22px 0}
  .pl-row p{max-width:none}
}

/* yoree */
.yoree-s{background:#0E0E0F;overflow:hidden}
.y-bands{position:absolute;top:0;left:0;right:0;height:5px;display:flex}
.y-bands i{flex:1;background:var(--c);transform:scaleX(0);transform-origin:left;
  transition:transform .9s cubic-bezier(.3,.7,.3,1)}
.yoree-s.on .y-bands i{transform:scaleX(1)}
.yoree-s.on .y-bands i:nth-child(2){transition-delay:.09s}
.yoree-s.on .y-bands i:nth-child(3){transition-delay:.18s}
.yoree-s.on .y-bands i:nth-child(4){transition-delay:.27s}
.yoree-s.on .y-bands i:nth-child(5){transition-delay:.36s}
.yoree-s.on .y-bands i:nth-child(6){transition-delay:.45s}
.yoree-s.on .y-bands i:nth-child(7){transition-delay:.54s}
.yoree-s.on .y-bands i:nth-child(8){transition-delay:.63s}
.y-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(34px,6vw,90px);align-items:start;
  margin-top:clamp(40px,6vw,80px)}
.y-points{margin-top:clamp(34px,4vw,56px)}
.y-pt{padding:20px 0;border-bottom:1px solid rgba(248,245,239,.12)}
.y-pt b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(20px,2.3vw,29px);
  letter-spacing:-.02em;margin-bottom:6px}
.y-pt span{font-size:15.5px;opacity:.76;line-height:1.55}
.y-cta{display:inline-flex;align-items:center;gap:12px;margin-top:38px;font-family:var(--mono);font-size:12px;
  letter-spacing:.18em;text-transform:uppercase;padding-bottom:9px;border-bottom:1px solid rgba(248,245,239,.5);
  transition:border-color .35s,gap .35s}
.y-cta:hover{border-color:#F3C862;gap:20px}
.y-shot{max-width:400px;margin-left:auto;width:100%}
.y-foot{display:flex;justify-content:space-between;gap:20px;margin-top:clamp(50px,7vw,90px);
  padding-top:20px;border-top:1px solid rgba(248,245,239,.12)}
@media (max-width:880px){.y-grid{grid-template-columns:1fr}.y-shot{max-width:300px;margin:0}}

/* memory science visual */
#science{position:relative;overflow:hidden}
.brainwrap{position:absolute;top:2%;right:-5%;width:60%;max-width:880px;height:72%;
  display:flex;align-items:center;justify-content:flex-end;pointer-events:none;z-index:0}
.brain{width:100%;height:auto;max-height:96%}
.sci-top,.sci-axis{position:relative;z-index:1}
/* ---- one-shot associative activation of the memory diagram ---- */
@media (prefers-reduced-motion: no-preference){
  .brain.bplay .bn{transform-box:fill-box;transform-origin:center;animation:bpulse 1s ease both}
  .brain.bplay .bl{transform-box:fill-box;transform-origin:center;animation:bword 1.05s cubic-bezier(.3,.7,.3,1) both}
  .brain.bplay .bx-path path{stroke-dashoffset:900;stroke-dasharray:900;animation:bdraw 1.4s ease forwards}
  .brain.bplay .pc{stroke-dasharray:6 7!important;stroke-dashoffset:0;animation:bfade 1s ease both!important}
  .brain.bplay .pd{stroke-dasharray:10 8!important;stroke-dashoffset:0;animation:bfade 1.1s ease both!important}
  .brain.bplay .s1{animation-delay:.1s}
  .brain.bplay .s2{animation-delay:.6s}
  .brain.bplay .s3{animation-delay:1.15s}
  .brain.bplay .s4{animation-delay:1.75s}
  .brain.bplay .s5{animation-delay:2.35s}
  .brain.bplay .s6{animation-delay:2.95s}
  .brain.bplay .pa{animation-delay:.15s}
  .brain.bplay .pb{animation-delay:1.7s}
  .brain.bplay .pc{animation-delay:1.75s}
  .brain.bplay .pd{animation-delay:2.9s}
  @keyframes bpulse{0%{opacity:.35;transform:scale(.6)}45%{opacity:1;transform:scale(1.7)}100%{opacity:1;transform:scale(1)}}
  @keyframes bword{0%{opacity:.16;transform:scale(.94)}45%{opacity:1;transform:scale(1.15)}70%{transform:scale(.99)}100%{opacity:1;transform:scale(1)}}
  @keyframes bdraw{from{stroke-dashoffset:900}to{stroke-dashoffset:0}}
  @keyframes bfade{from{opacity:0}to{opacity:1}}
}
.sci-copy{max-width:600px}
.brain .bx-contour{stroke-opacity:.58}
.brain .bx-sulci{stroke-opacity:.2}
.brain .bx-fissure{stroke-opacity:.3}
.brain .bx-path{stroke-opacity:.62}
.brain .bx-lab{opacity:.85}

@media (prefers-reduced-motion:reduce){
  .brain .bx-path path{stroke-dashoffset:0!important;transition:none!important}
  .brain .bx-node circle,.brain .bx-lab text{opacity:1!important;transition:none!important}
}
@media (max-width:1180px){
  .brainwrap{right:-16%;width:74%;opacity:.6}
  .sci-copy{max-width:520px}
}
@media (max-width:820px){
  .brainwrap{right:-30%;top:2%;height:40%;width:120%;opacity:.3}
  .sci-copy{max-width:none}
}

/* science (axis) */
.sci-axis{margin-top:clamp(60px,8vw,110px);border-left:1.5px solid var(--ultra);padding-left:clamp(24px,4vw,54px)}
.sx{position:relative;padding:clamp(18px,2.4vw,30px) 0;border-bottom:1px solid var(--rule-d);display:flex;
  gap:20px;align-items:baseline;flex-wrap:wrap}
.sx::before{content:"";position:absolute;left:calc(-1 * clamp(24px,4vw,54px) - 5.5px);top:50%;width:10px;height:10px;
  border-radius:50%;background:var(--ultra)}
.sx b{font-family:var(--display);font-weight:400;font-size:clamp(24px,3.4vw,44px);letter-spacing:-.025em;
  min-width:5.5em}
.sx em{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-style:normal}

/* swap */
.swap{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(34px,6vw,110px);align-items:start}
.sw-col ul{list-style:none}
.sw-mach li{font-family:var(--mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;opacity:.55;
  padding:15px 0;border-bottom:1px solid var(--rule-l)}
.sw-col.mem{padding-top:0}
.sw-col.mem .ch{color:var(--green)}
.sw-hum li{font-family:var(--display);font-size:clamp(19px,2.2vw,28px);line-height:1.15;letter-spacing:-.02em;
  padding:12px 0;border-bottom:1px solid var(--rule-l);opacity:0;transform:translateX(-14px);
  transition:opacity .7s cubic-bezier(.16,.84,.44,1),transform .7s cubic-bezier(.16,.84,.44,1)}
.swap.on .sw-hum li{opacity:.95;transform:none}
.swap.on .sw-hum li:nth-child(1){transition-delay:.05s}
.swap.on .sw-hum li:nth-child(2){transition-delay:.18s}
.swap.on .sw-hum li:nth-child(3){transition-delay:.31s}
.swap.on .sw-hum li:nth-child(4){transition-delay:.44s}
.swap.on .sw-hum li:nth-child(5){transition-delay:.57s}
/* ---- Janet: the relationship stack ---- */
.janet{display:grid;grid-template-columns:26px minmax(0,1fr);gap:clamp(18px,2.4vw,30px)}
.j-spine{position:relative;display:flex;flex-direction:column-reverse;gap:10px;padding:14px 0 6px}
.j-seg{flex:1;width:2px;margin:0 auto;background:rgba(248,245,239,.16);transition:background .45s ease}
.j-seg.lit{background:var(--ultra)}
.j-seg[data-j="4"].lit{background:var(--green)}
.j-head{width:12px;height:12px;margin:0 auto;border-left:2px solid rgba(248,245,239,.16);border-top:2px solid rgba(248,245,239,.16);
  transform:rotate(45deg);transition:border-color .45s ease}
.j-head.lit{border-color:var(--green)}
.j-list{list-style:none;display:flex;flex-direction:column-reverse;gap:10px;margin:0;padding:0}
.j-item{border:1px solid rgba(248,245,239,.14);background:rgba(248,245,239,.02);transition:border-color .35s ease,background .35s ease}
.j-item:hover,.j-item.open{border-color:rgba(39,67,212,.75);background:rgba(39,67,212,.06)}
.j-item.cust:hover,.j-item.cust.open{border-color:rgba(153,194,38,.8);background:rgba(153,194,38,.05)}
.j-btn{display:block;width:100%;text-align:left;background:none;border:0;color:inherit;cursor:pointer;
  padding:15px 44px 15px 18px;position:relative;font:inherit}
.j-btn b{display:block;font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.j-item.cust .j-btn b{color:var(--green)}
.j-btn em{display:block;font-style:normal;font-size:14.5px;line-height:1.5;opacity:.62;margin-top:6px;max-width:34em}
.j-x{position:absolute;right:16px;top:18px;width:12px;height:12px;opacity:.55}
.j-x::before,.j-x::after{content:"";position:absolute;background:currentColor;transition:transform .35s ease}
.j-x::before{left:0;top:5px;width:12px;height:1.5px}
.j-x::after{left:5.25px;top:0;width:1.5px;height:12px}
.j-item.open .j-x::after{transform:scaleY(0)}
.j-panel{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,.84,.44,1)}
.j-item.open .j-panel{max-height:280px}
@media (hover:hover) and (pointer:fine){.j-item:hover .j-panel{max-height:280px}.j-item:hover .j-x::after{transform:scaleY(0)}}
.j-in{padding:2px 18px 18px;border-top:1px solid rgba(248,245,239,.1);margin:0 0 0 0}
.j-ex{font-family:var(--display);font-size:clamp(16px,1.5vw,19px);line-height:1.45;letter-spacing:-.01em;opacity:.95;padding-top:14px;max-width:36em}
.j-tag{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.5;margin-top:10px}
.j-item.cust .j-tag{color:var(--green);opacity:.85}
@media (max-width:900px){.janet{grid-template-columns:16px minmax(0,1fr)}}

.y-joy{font-family:var(--display);font-size:clamp(24px,3vw,40px);letter-spacing:-.025em;line-height:1.1;margin-top:clamp(20px,2.4vw,30px)}
.ysteps.ycol{grid-template-columns:1fr!important}
.y-shot{position:sticky;top:90px;align-self:start}
@media (max-width:820px){.y-shot{position:static}}
.pwd-fig{max-width:340px;margin-inline:auto}
.pwd-fig img{width:100%;height:auto;display:block}
@media (max-width:820px){.pwd-fig{margin-inline:0;max-width:300px}}
.sw-arrow{display:none}
.sw-arrow span{display:block;width:100%;height:1px;background:var(--ultra);transform:scaleX(0);transform-origin:left;
  transition:transform .8s cubic-bezier(.3,.7,.3,1)}
.swap.on .sw-arrow span{transform:scaleX(1)}
@media (max-width:820px){.swap{grid-template-columns:1fr}.sw-arrow{display:none}}
#turnsvg .tcat{font-size:20px;letter-spacing:.3em;text-transform:uppercase;fill:#F8F5EF;fill-opacity:.5}
#turnsvg .tdim{fill-opacity:.42}
.turnwrap{min-height:180vh;margin-top:clamp(40px,6vw,90px)}
.turnstick{position:sticky;top:calc(var(--navh,64px) + 18px)}
.turnstick #turnsvg{display:block;width:auto;height:auto;max-width:100%;
  max-height:calc(100vh - var(--navh,64px) - 56px);aspect-ratio:1200/740;margin-inline:auto}
@media (max-height:640px){.turnwrap{min-height:0}.turnstick{position:static}}
#compsvg text{font-family:var(--mono);font-size:18px;letter-spacing:.11em;text-transform:uppercase;fill:#F8F5EF;fill-opacity:.88}
#compsvg-home text{font-family:var(--mono);font-size:15px;letter-spacing:.11em;text-transform:uppercase;fill:#F8F5EF;fill-opacity:.88}
#compsvg-home .cmeta{font-size:13.5px;fill-opacity:.5}
#compsvg .cmeta{font-size:16px;fill-opacity:.5}
#compsvg .cn,#compsvg-home .cn{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
#compsvg .cn.on,#compsvg-home .cn.on{opacity:1;transform:none}

/* turn diagram */
#turnsvg text{font-family:var(--mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;fill:#F8F5EF;fill-opacity:.66}
#turnsvg .tbig{font-family:var(--sans);font-size:26px;font-weight:500;letter-spacing:.06em;text-transform:none;fill:#F8F5EF;fill-opacity:.95}
#turnsvg .tmeta{font-size:12px;letter-spacing:.14em;fill-opacity:.58}
#turnsvg .tn{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s cubic-bezier(.16,.84,.44,1)}
#turnsvg .tn.on{opacity:1;transform:none}
.mstack .ms-row{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.58;
  padding:9px 0;border-bottom:1px solid var(--rule-l)}
.ms-turn{width:34px;height:56px;border-left:1.5px solid var(--ultra);border-bottom:0;margin:0 0 0 2px}
.ms-v{border-left:1.5px solid var(--ultra);padding-left:22px;margin-left:2px}
.ms-node{padding:16px 0;position:relative;border-bottom:1px solid var(--rule-l)}
.ms-node::before{content:"";position:absolute;left:-27px;top:26px;width:9px;height:9px;border-radius:50%;background:var(--ultra)}
.ms-node b{display:block;font-weight:500;font-size:21px;letter-spacing:.02em}
.ms-node em{font-family:var(--mono);font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;opacity:.66;font-style:normal}

/* manifest */
.manifest{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,80px);align-items:start}
.mf-h{opacity:.4;padding-bottom:10px;border-bottom:1px solid var(--rule-d);margin-bottom:4px}
.mf-row{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule-d)}
.mf-row span{font-family:var(--display);font-size:clamp(20px,2.4vw,30px);letter-spacing:-.02em}
.mf-row i{flex:1;height:1px;background:var(--rule-d)}
.mf-row em{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.38;font-style:normal}
.mf-img{position:relative;margin-top:46px;transform:rotate(-1.1deg)}
.mf-img figcaption{margin-top:14px;opacity:.66;max-width:26em;line-height:1.8;text-transform:none;letter-spacing:.05em}
@media (max-width:820px){.manifest{grid-template-columns:1fr}.mf-img{margin-top:8px;transform:none}}

/* hero notation */
.hero-rail{max-width:1240px;margin:0 auto;width:100%;padding-bottom:clamp(60px,9vw,120px);position:relative}
.hr-labels{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:78%;margin-bottom:12px}
.hr-labels span{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.62}
.hr-track{position:relative;height:1px}
.hr-h{position:absolute;left:0;top:0;height:1px;width:78%;background:rgba(248,245,239,.26);
  transform:scaleX(0);transform-origin:left;transition:transform 1.5s cubic-bezier(.3,.7,.3,1)}
.in .hr-h{transform:scaleX(1)}
.hr-turn{position:absolute;left:78%;top:0;width:44px;height:clamp(70px,9vw,120px);
  border-top:1.5px solid var(--ultra);border-right:1.5px solid var(--ultra);border-top-right-radius:22px;
  clip-path:inset(0 0 100% 0);transition:clip-path 1.1s cubic-bezier(.3,.7,.3,1) 1.45s}
.in .hr-turn{clip-path:inset(0 0 0 0)}
.hr-turn::after{content:"";position:absolute;right:-3.5px;bottom:-3.5px;width:7px;height:7px;border-radius:50%;background:var(--ultra)}
@media (max-width:760px){.hr-labels{max-width:100%;grid-template-columns:repeat(2,1fr);row-gap:8px}
  .hr-h{width:62%}.hr-turn{left:62%}}

/* draw */
.draw{stroke-dasharray:var(--l);stroke-dashoffset:var(--l)}
.in .draw{stroke-dashoffset:0;transition:stroke-dashoffset 1.9s cubic-bezier(.3,.7,.3,1)}
.draw-s{stroke-dasharray:var(--l);stroke-dashoffset:var(--l)}

@media (prefers-reduced-motion:reduce){
  .rv{opacity:1!important;transform:none!important;transition:none!important}
  .draw,.draw-s{stroke-dashoffset:0!important;transition:none!important}
  html{scroll-behavior:auto}
}
@media (max-width:860px){
  .nav-links,.nav-cta{display:none}
  .burger{display:block}
  .scrollhint{display:none}
}
.grid p.h-s{font-size:clamp(21px,2.5vw,32px);line-height:1.12;opacity:.95;max-width:12em}
.grid p.body{font-size:17px;line-height:1.6;opacity:.9}
.light .grid p.body,.bone .grid p.body{opacity:.86}

/* photo statement */
.photo-s{min-height:76svh;display:flex;flex-direction:column;justify-content:center}
.photo-s h2{font-size:clamp(38px,7.2vw,102px);letter-spacing:-.038em;line-height:.97;max-width:10em}
.photo-s .under{display:flex;gap:clamp(24px,5vw,80px);flex-wrap:wrap;margin-top:clamp(44px,6vw,80px);
  padding-top:22px;border-top:1px solid var(--rule-l);max-width:760px}
.photo-s .under div{flex:1;min-width:240px;font-family:var(--mono);font-size:11.5px;letter-spacing:.15em;
  text-transform:uppercase;opacity:.72;line-height:2}
.photo-s .under b{display:block;font-weight:400;opacity:1;color:var(--ultra-lt)}

/* era carousel */
.car{margin-top:clamp(44px,5.5vw,80px)}
.car-head{display:flex;align-items:center;gap:clamp(20px,3vw,44px);padding-bottom:18px}
.car-count{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  display:flex;gap:7px;align-items:baseline;min-width:78px}
.car-count b{font-weight:400;color:var(--ultra)}
.car-count span{opacity:.55}
.car-prog{flex:1;height:1px;background:var(--rule-d);position:relative}
.car-prog i{position:absolute;left:0;top:-1px;height:3px;width:25%;background:var(--ultra);
  transition:width .5s cubic-bezier(.16,.84,.44,1),left .5s cubic-bezier(.16,.84,.44,1)}
.car-nav{display:flex;gap:10px}
.car-btn{width:46px;height:46px;border:1px solid var(--rule-d);background:none;color:inherit;
  font-size:15px;cursor:pointer;transition:background .3s,border-color .3s,opacity .3s;font-family:var(--sans)}
.car-btn:hover:not(:disabled){background:var(--ultra);border-color:var(--ultra);color:var(--paper)}
.car-btn:disabled{opacity:.28;cursor:default}
.car-btn:focus-visible{outline:2px solid var(--ultra);outline-offset:3px}
.car-view{display:flex;gap:clamp(26px,3.4vw,60px);overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;
  border-top:1px solid var(--rule-d);padding-top:clamp(30px,3.6vw,52px);cursor:grab}
.car-view::-webkit-scrollbar{display:none}
.car-view.drag{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.car-view:focus-visible{outline:none}
.car-view:focus-visible .slide:first-child{box-shadow:none}
.slide{flex:0 0 70%;scroll-snap-align:start;display:grid;grid-template-columns:.92fr 1.08fr;
  gap:clamp(24px,3vw,54px);align-items:start;align-content:start;opacity:.34;transition:opacity .6s ease}
.slide.act{opacity:1}
.slide-v{min-height:330px}
.slide-n{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--ultra);margin-bottom:16px}
.slide-c h3{letter-spacing:-.028em;margin-bottom:16px}
.slide-c p{font-size:16px;line-height:1.6;opacity:.86;max-width:26em}
.slide-c p+p{margin-top:.9em}
.slide-line{font-family:var(--display);font-size:clamp(20px,2.3vw,29px);line-height:1.2;
  letter-spacing:-.022em;opacity:1!important;margin-top:1.1em!important}
.era-k.next{color:var(--ultra);opacity:1}
@media (max-width:900px){
  .slide{flex:0 0 100%;grid-template-columns:1fr;gap:22px}
  .slide-v{min-height:0}
  .car-btn{width:52px;height:52px}
  .car-count{min-width:66px}
}

/* eras (legacy) */
.eras{margin-top:clamp(46px,6vw,90px)}
.era{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(26px,4vw,64px);padding:clamp(34px,4.4vw,64px) 0;
  border-top:1px solid var(--rule-d);align-items:start}
.era:last-child{border-bottom:1px solid var(--rule-d)}
.era-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;opacity:.72;
  display:flex;justify-content:space-between;gap:14px;margin-bottom:22px}
.marks{display:flex;flex-wrap:wrap;gap:3px;max-width:420px;color:var(--ink)}
.marks i{width:7px;height:18px;background:currentColor;opacity:.22}
.marks i.k{opacity:.8}
.marks.dense{gap:2px;max-width:420px}
.marks.dense i{width:3px;height:9px;opacity:.22}
.marks.dense i.k{background:var(--ultra);opacity:1}
.marks-cap{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.68;
  margin-top:14px;line-height:1.9}
.era h3{letter-spacing:-.028em;margin-bottom:14px}
.era p{font-size:16px;line-height:1.6;opacity:.86;max-width:30em}
.era p+p{margin-top:.9em}
.era-img{margin-top:30px;max-width:340px}
.era-img img{width:100%;height:auto;display:block;border:1px solid rgba(15,20,28,.14)}
.era-img figcaption{font-family:var(--mono);font-size:11px;letter-spacing:.1em;opacity:.66;margin-top:13px;line-height:1.8}
.era.next .era-k{color:var(--green-dk);opacity:1}
.era.next{border-top:6px solid var(--green);padding-top:clamp(26px,3vw,40px);
  margin-top:clamp(30px,3.4vw,48px)}
.era.next h3 em,.era.next .g{font-style:normal;color:var(--green-dk)}
.era.next h3{color:var(--ink)}
@media (max-width:820px){.era{grid-template-columns:1fr;gap:22px}}
/* not-recorded list */
.nr{margin-top:clamp(34px,4vw,58px);border-left:1.5px solid var(--rule-l);padding-left:clamp(22px,3.5vw,44px)}
.nr div{font-family:var(--display);font-size:clamp(20px,2.6vw,34px);letter-spacing:-.025em;line-height:1.24;
  padding:9px 0;opacity:.9}
/* return */
.ret-nodes{display:flex;flex-wrap:wrap;gap:0;margin-top:clamp(44px,6vw,80px);border-top:1px solid var(--rule-d)}
.ret-nodes span{flex:1;min-width:140px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;
  text-transform:uppercase;opacity:.62;padding:16px 0 0;position:relative}
.ret-nodes span::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;
  background:currentColor;opacity:.55}
.ret-nodes span.on{opacity:1;color:var(--green-dk)}
.ret-nodes span.on::before{opacity:1;background:var(--green);width:12px;height:12px;top:-6px}
.ret-nodes span.on{font-size:13px;letter-spacing:.18em}
/* yoree philosophy */
.y-phil{margin-top:clamp(54px,7vw,100px);padding-top:clamp(34px,4vw,56px);border-top:1px solid rgba(248,245,239,.14)}
.y-phil p{font-family:var(--display);font-size:clamp(24px,3.6vw,50px);line-height:1.14;letter-spacing:-.028em;
  max-width:17em;opacity:.95}
.y-phil .gr{color:#F0A02C}.y-phil .bus{color:#2AB0C4}



/* hero video */
#hero{isolation:isolate}
.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0;background:var(--ink)}
.hero-bg video,.hero-bg .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 42%;display:block}
.hero-bg .poster{background-size:cover;background-position:50% 42%}
.hero-veil{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to bottom,rgba(15,20,28,.72) 0%,rgba(15,20,28,.60) 26%,rgba(15,20,28,.74) 62%,rgba(15,20,28,.94) 100%)}
.hero-veil::after{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 80% at 20% 72%,rgba(15,20,28,.55) 0%,rgba(15,20,28,0) 70%)}
#hero > *:not(.hero-bg):not(.hero-veil){position:relative;z-index:2}
@media (max-width:760px){
  .hero-bg video,.hero-bg .poster{object-position:60% 40%}
  .hero-veil{background:linear-gradient(to bottom,rgba(15,20,28,.80) 0%,rgba(15,20,28,.72) 30%,rgba(15,20,28,.86) 66%,rgba(15,20,28,.97) 100%)}
}
@media (prefers-reduced-motion:reduce){.hero-bg video{display:none}}

/* logo */
.logo{display:inline-flex;align-items:center;height:38px}
.logo img{height:27px;width:auto;display:block;transition:height .45s ease,opacity .3s ease}
.nav.stuck .logo img{height:23px}
.logo:hover img{opacity:.72}
.ft-logo img{height:24px;width:auto;display:block;opacity:.9}
@media (max-width:860px){.logo img{height:22px}}

/* human accents */
:root{--green:#99C226;--green-dk:#6E8F14;--red:#EA2A0B;--red-dk:#C82008;--coral:#F3564A;--amber:#F0A02C;--cyan:#2AB0C4;--violet:#7B3FA0;
  --coral-dk:#C4392C;--amber-dk:#9A6410;--cyan-dk:#136F80;--ultra-lt:#7F96F2}
/* latest */
.latest{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:clamp(26px,3.4vw,44px);
  padding-top:18px;border-top:1px solid var(--rule-l)}
.latest b{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;
  color:var(--amber);display:flex;align-items:center;gap:9px}
.latest b::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber)}
.latest a{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.82;
  transition:opacity .3s,gap .3s;display:inline-flex;gap:9px;align-items:baseline}
.latest a:hover{opacity:1;gap:15px}
/* press */
.feat{margin-top:clamp(40px,5vw,76px);display:grid;grid-template-columns:190px 1fr;gap:clamp(22px,3vw,54px);
  padding-bottom:clamp(38px,4.6vw,68px);border-bottom:1px solid var(--rule-d)}
.feat-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;line-height:2.1}
.feat-k .pub{opacity:1;display:block}
.feat-k .fc{color:var(--cyan-dk);display:flex;align-items:center;gap:9px}
.feat-k .fc::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan-dk)}
.feat h3{font-family:var(--display);font-weight:400;font-size:clamp(25px,3.6vw,49px);line-height:1.08;
  letter-spacing:-.028em;max-width:17em}
.feat .meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.68;
  margin-top:20px}
.readlink{display:inline-flex;align-items:baseline;gap:11px;margin-top:26px;font-family:var(--mono);font-size:12px;
  letter-spacing:.17em;text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid currentColor;
  transition:gap .35s,color .3s}
.readlink:hover{gap:19px;color:var(--cyan-dk)}
.readlink--soon{cursor:default;opacity:.5;border-bottom-color:transparent}
.readlink--soon:hover{gap:11px;color:inherit}
.idx{margin-top:clamp(30px,3.6vw,54px)}
.idx-h{display:grid;grid-template-columns:150px 155px 1fr 130px 30px;gap:20px;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.16em;text-transform:uppercase;opacity:.62;padding-bottom:12px;border-bottom:1px solid var(--rule-d)}
.idx-r{display:grid;grid-template-columns:150px 155px 1fr 130px 30px;gap:20px;align-items:baseline;padding:22px 0;
  border-bottom:1px solid var(--rule-d);transition:padding-left .4s cubic-bezier(.16,.84,.44,1)}
a.idx-r:hover{padding-left:10px}
.idx-r .pb{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.95}
.idx-r .fm{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
.idx-r .fm.article{color:var(--cyan-dk)}
.idx-r .fm.podcast{color:var(--amber-dk)}
.idx-r .fm.broadcast{color:var(--coral-dk)}
.idx-r .st{font-size:clamp(15px,1.6vw,19px);line-height:1.35;opacity:.9}
.idx-r .st.tbc{opacity:.72;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
.idx-r .dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.62}
.idx-r .ar{text-align:right;opacity:.62;transition:transform .35s,opacity .35s}
a.idx-r:hover .ar{transform:translateX(6px);opacity:1}
@media (max-width:900px){
  .feat{grid-template-columns:1fr}
  .idx-h{display:none}
  .idx-r{grid-template-columns:1fr 30px;gap:7px}
  .idx-r .pb,.idx-r .fm,.idx-r .st,.idx-r .dt{grid-column:1}
  .idx-r .ar{grid-column:2;grid-row:1;text-align:right}
}
/* partners */
.ptwrap{position:relative;padding-left:clamp(20px,2.6vw,38px)}
@media (max-width:600px){.ptwrap{padding-left:16px}}
.pt{display:grid;grid-template-columns:270px 1fr;gap:clamp(26px,4vw,70px);align-items:start;
  padding:clamp(38px,5vw,72px) 0;border-bottom:1px solid var(--rule-d)}
.pt:first-of-type{border-top:1px solid var(--rule-d)}
.plogo{display:flex;align-items:center;min-height:70px}
.plogo img{max-width:200px;max-height:56px;width:auto;height:auto;opacity:.94;transition:opacity .5s ease}
.pt:hover .plogo img{opacity:1}
.pt-k{font-family:var(--mono);font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;opacity:.72;margin-bottom:16px}
.pt h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,3vw,40px);letter-spacing:-.028em;
  line-height:1.08;margin-bottom:16px}
.pt p{font-size:16px;line-height:1.6;opacity:.86;max-width:32em}
@media (max-width:820px){.pt{grid-template-columns:1fr;gap:22px}}
/* team portraits */
.tm-img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;display:block;
  border:1px solid var(--rule-d)}

.d-only{display:block}.m-only{display:none}
@media (max-width:760px){ .d-only{display:none}.m-only{display:block} }

/* ================= MULTI-PAGE ROUTER ================= */
.page{display:none}
.page.on{display:block}
/* first section of an interior page must clear the fixed nav */
.page > section:first-child:not(#hero){padding-top:calc(var(--navh) + clamp(58px,8vw,120px))}

/* ---- interior page masthead ---- */
.phd{padding-bottom:clamp(46px,6vw,86px)}
.phd .pk{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.6;
  display:flex;gap:14px;align-items:center;margin-bottom:clamp(26px,3.4vw,44px)}
.phd .pk i{flex:1;height:1px;background:currentColor;opacity:.3;max-width:150px}
.phd h1{font-family:var(--display);font-weight:400;font-variation-settings:"SOFT" 18,"WONK" 1;
  font-size:clamp(34px,5.4vw,78px);line-height:.98;letter-spacing:-.035em;max-width:14em}
.phd .stand{font-size:clamp(18px,2vw,26px);line-height:1.36;font-weight:340;max-width:27em;opacity:.86;
  margin-top:clamp(30px,4vw,52px)}
.phd .prail-link{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;
  letter-spacing:inherit;text-transform:inherit;position:relative;transition:opacity .3s ease}
.prail-link::after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:0;
  background:var(--green);transition:width .35s cubic-bezier(.16,.84,.44,1)}
.prail-link:hover::after,.prail-link:focus-visible::after{width:100%}
.prail-link:hover{opacity:1}
.prail{margin-top:clamp(34px,4.2vw,60px);padding-top:16px;border-top:1px solid var(--rule-l);
  display:flex;gap:clamp(16px,3vw,44px);flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.12em;text-transform:uppercase;opacity:.58}
.light .phd .prail,.bone .phd .prail{border-top-color:var(--rule-d)}

/* ---- next-page navigation ---- */
.onward{border-top:1px solid var(--rule-l);margin-top:0}
.light .onward,.bone .onward{border-top-color:var(--rule-d)}
.ow{display:grid;grid-template-columns:1fr auto 34px;gap:18px;align-items:baseline;padding:24px 0;
  border-bottom:1px solid var(--rule-l);transition:padding-left .4s cubic-bezier(.16,.84,.44,1)}
.light .ow,.bone .ow{border-bottom-color:var(--rule-d)}
.ow:hover{padding-left:14px}
.ow b{font-family:var(--display);font-weight:400;font-size:clamp(21px,2.5vw,32px);letter-spacing:-.025em}
.ow em{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-style:normal}
.ow i{font-style:normal;text-align:right;opacity:.55;transition:transform .4s,opacity .4s}
.ow:hover i{transform:translateX(8px);opacity:1}
@media (max-width:700px){.ow{grid-template-columns:1fr 26px}.ow em{grid-column:1/-1;margin-top:5px}}

/* ================= RECOGNITION / FEATURED ================= */
.recog{padding-top:clamp(56px,7vw,104px);padding-bottom:clamp(56px,7vw,104px)}
.rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,86px);
  margin-top:clamp(30px,4vw,54px)}
.rec-i{display:flex;flex-direction:column;align-items:flex-start;
  padding-top:26px;border-top:1px solid var(--rule-d)}
.rec-logo{display:flex;align-items:center;min-height:74px;margin-bottom:22px}
.rec-logo img{width:auto;display:block}
.rec-i h3{font-family:var(--display);font-weight:400;font-size:clamp(23px,2.9vw,38px);
  line-height:1.08;letter-spacing:-.028em;max-width:14em}
.rec-i .rn{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  opacity:.62;margin-top:16px;line-height:1.9;max-width:26em}
@media (max-width:820px){.rec-grid{grid-template-columns:1fr;gap:38px}}

.seen{margin-top:clamp(52px,7vw,100px);padding-top:clamp(22px,2.6vw,34px);border-top:1px solid var(--rule-d)}
.seen-h{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.6}
.seen-row{display:flex;align-items:center;gap:clamp(30px,5.5vw,78px);flex-wrap:wrap;
  margin-top:clamp(28px,3.4vw,46px)}
.seen-row img{width:auto;display:block;opacity:.92;transition:opacity .5s ease}
.seen-row a:hover img{opacity:1}
.seen-txt{font-family:var(--display);font-size:clamp(19px,2.1vw,26px);letter-spacing:-.02em;opacity:.78;
  transition:opacity .4s}
a.seen-txt:hover{opacity:1}
.seen-n{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;opacity:.5;
  margin-top:clamp(26px,3vw,40px);line-height:1.9;max-width:44em}

/* ================= ERA TYPOLOGY (static, replaces carousel) ================= */
.tpg{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,40px);
  margin-top:clamp(40px,5vw,74px)}
.tp{padding-top:22px;border-top:1px solid var(--rule-d)}
.tp .tk{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.66;
  display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}
.tp .marks{max-width:100%;margin-bottom:14px}
.tp .marks.dense{max-width:100%}
.tp h3{font-family:var(--display);font-weight:400;font-size:clamp(19px,2vw,26px);line-height:1.1;
  letter-spacing:-.024em;margin-bottom:11px}
.tp p{font-size:14.5px;line-height:1.6;opacity:.82;max-width:none}
.tp.next{border-top-color:var(--ultra)}
.tp.next .tk{color:var(--ultra);opacity:1}
@media (max-width:960px){.tpg{grid-template-columns:1fr 1fr;gap:30px}}
@media (max-width:560px){.tpg{grid-template-columns:1fr}}

/* ---- origin photograph ---- */
.og-img img{width:100%;height:auto;display:block;border:1px solid rgba(248,245,239,.16)}

/* ---- press / investor blocks ---- */
.blk{margin-top:clamp(46px,6vw,86px);padding-top:clamp(24px,3vw,40px);border-top:1px solid var(--rule-d)}
.deep .blk{border-top-color:rgba(248,245,239,.25)}
.ink2 .blk,section:not(.light):not(.bone):not(.deep) .blk{border-top-color:var(--rule-l)}
.blk-h{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin-bottom:20px}
.fact{display:grid;grid-template-columns:190px 1fr;gap:clamp(18px,3vw,44px);padding:18px 0;
  border-bottom:1px solid var(--rule-d);align-items:baseline}
.deep .fact{border-bottom-color:rgba(248,245,239,.25)}
.ink2 .fact,section:not(.light):not(.bone):not(.deep) .fact{border-bottom-color:var(--rule-l)}
.fact .fk{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.66}
.fact .fv{font-size:16.5px;line-height:1.5;opacity:.92;max-width:36em}
@media (max-width:700px){.fact{grid-template-columns:1fr;gap:6px}}

/* nav sizing for a seven-route site */
@media (max-width:1040px){
  .nav-links,.nav-cta{display:none}
  .burger{display:block}
  .scrollhint{display:none}
}

/* ================= ACCESSIBILITY ================= */
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ultra);color:var(--paper);
  padding:12px 18px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.skip:focus{left:0}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ultra);outline-offset:4px}
.light a:focus-visible,.bone a:focus-visible{outline-color:var(--ultra)}
.deep a:focus-visible,.deep button:focus-visible{outline-color:#A9B8F7}
.burger{width:30px;height:20px;padding:6px 0}

/* ================= HOME HERO, MORE ROOM ================= */
#hero{justify-content:flex-end}
#hero .hero-in{padding-bottom:clamp(54px,8vw,110px)}
#hero h1{max-width:none;margin-bottom:clamp(22px,2.6vw,38px);font-size:min(4.4vw,68px)}
#hero h1 .b{display:block}
@media (min-width:1024px){#hero h1 span{white-space:nowrap}}
@media (max-width:1023px){#hero h1{font-size:clamp(34px,5.6vw,54px)}}
.hero-sig{display:block}
.hero-sig .hs-line{font-family:var(--mono);font-size:clamp(11.5px,1.05vw,13.5px);letter-spacing:.18em;
  text-transform:uppercase;opacity:.8}

/* hero publication citation */
.hero-wp{display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  gap:clamp(18px,2.2vw,34px);align-items:center;max-width:660px;
  margin-top:clamp(22px,2.4vw,32px);padding-top:clamp(15px,1.6vw,20px);
  border-top:1px solid var(--rule-l);color:var(--paper);
  transition:border-color .55s cubic-bezier(.16,.84,.44,1)}
.hero-wp img{width:clamp(112px,10vw,138px);height:auto;display:block}
.hero-wp .wp-t{display:block;font-family:var(--display);font-weight:400;
  font-size:clamp(17px,1.45vw,21px);line-height:1.2;letter-spacing:-.015em}
.hero-wp .wp-t em{font-style:normal;font-variation-settings:"SOFT" 12,"WONK" 1;letter-spacing:-.005em}
.hero-wp .wp-m{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;opacity:.6;margin-top:7px;transition:opacity .45s ease}
.hero-wp .wp-a{font-style:normal;opacity:.6;transition:transform .45s cubic-bezier(.16,.84,.44,1),opacity .45s}
.hero-wp:hover{border-top-color:var(--ultra)}
.hero-wp:hover .wp-m{opacity:.85}
.hero-wp:hover .wp-a{transform:translateX(8px);opacity:1}
.hero-wp--soon{cursor:default}
.hero-wp--soon .wp-a{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;
  white-space:nowrap;opacity:.5}
.hero-wp--soon:hover{border-top-color:var(--rule-l)}
.hero-wp--soon:hover .wp-m{opacity:.6}
.hero-wp--soon:hover .wp-a{transform:none;opacity:.5}
@media (max-width:640px){
  .hero-wp{grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;margin-top:26px}
  .hero-wp img{grid-column:1 / -1;width:122px;margin-bottom:4px}
}
@media (prefers-reduced-motion:reduce){.hero-wp,.hero-wp .wp-a,.hero-wp .wp-m{transition:none}}

/* ================= CREDIBILITY RIBBON ================= */
.ribbon{background:#12171F;color:var(--paper);padding:clamp(34px,4vw,58px) clamp(20px,3.4vw,54px);
  border-top:1px solid rgba(248,245,239,.1);border-bottom:1px solid rgba(248,245,239,.1)}
.rb{width:100%}
.rb-lab{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.5;
  margin-bottom:clamp(22px,2.6vw,34px)}
.rb-row{display:flex;align-items:center;justify-content:space-between;
  gap:clamp(26px,3.4vw,54px);flex-wrap:wrap}
.rb-row img{width:auto;display:block;opacity:.92;transition:opacity .45s ease}
.rb-row a:hover img{opacity:1}
.rb-row > *{flex:0 0 auto}
@media (max-width:1100px){.rb-row{justify-content:flex-start;gap:30px 40px}}
@media (max-width:640px){.rb-row{gap:26px 32px}.rb-row img{height:auto!important;max-height:34px;
  width:auto;max-width:40vw}}

/* the stack statement: wide enough that "back" never orphans */
.stack-line{font-family:var(--display);max-width:17em;text-wrap:pretty}
.stack-line span{display:block;color:var(--green-dk)}
@media (max-width:900px){.stack-line{max-width:15em}}
@media (max-width:600px){.stack-line{max-width:none}}

#cmi.after-yoree{border-top:1px solid rgba(248,245,239,.14);
  padding-top:clamp(74px,8.5vw,138px);padding-bottom:clamp(66px,7.5vw,120px)}

/* ================= MEMORIFY MARKS ================= */
.rd{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);
  vertical-align:middle;margin-left:14px;flex:0 0 auto}
.gd{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);
  vertical-align:middle;margin-left:14px;flex:0 0 auto}
.lab.g i{background:var(--green);opacity:1;height:5px}
.lab.g span:first-child{color:var(--green-dk)}
.lab.big{align-items:center}
.lab.big span:first-child{font-size:clamp(30px,4vw,54px);letter-spacing:-.02em;opacity:1}
.lab.big span:last-child{color:var(--green-dk);opacity:1}
.blk.g{border-top-color:var(--green)!important;border-top-width:6px}
.blk.g .blk-h{color:var(--green);opacity:1}
.ev-fig{display:block;font-family:var(--display);font-size:clamp(40px,5vw,72px);line-height:.98;
  letter-spacing:-.035em;color:var(--green-dk);margin-bottom:6px}

/* ================= INVESTOR CTA ================= */
.inv-cta{display:flex;align-items:center;gap:clamp(20px,3vw,44px);flex-wrap:wrap;margin-top:clamp(26px,3vw,38px)}

/* ================= SYSTEM ARCHITECTURE ================= */
.arch{margin-top:clamp(30px,3.6vw,50px);border-top:1px solid var(--rule-d)}
.arch-r{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr) minmax(0,160px);
  gap:clamp(18px,2.6vw,44px);align-items:baseline;padding:clamp(18px,2.1vw,28px) 0;
  border-bottom:1px solid var(--rule-d);position:relative;padding-left:clamp(18px,2.2vw,32px)}
.arch-r::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--rule-d)}
.arch-r.mid::before{background:var(--ultra)}
.arch-r.out::before{background:var(--green)}
.arch .ak{font-family:var(--display);font-size:clamp(19px,2.1vw,27px);line-height:1.1;letter-spacing:-.024em}
.arch-r.mid .ak{color:var(--ultra)}
.arch-r.out .ak{color:var(--green-dk)}
.arch .av{font-size:15.5px;line-height:1.55;opacity:.82;max-width:34em}
.arch .as{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;opacity:.6}
.arch .as.live{color:var(--green-dk);opacity:1}
.arch .as.dev{color:var(--ultra);opacity:1}
@media (max-width:820px){.arch-r{grid-template-columns:1fr;gap:8px}}

/* ================= YOREE REVIEWS ================= */
.yrev{margin-top:clamp(56px,7vw,100px);padding-top:clamp(24px,3vw,38px);border-top:1px solid var(--rule-d)}
.yrev-h{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}
.yrev-h h3{font-family:var(--display);font-weight:400;font-size:clamp(24px,3vw,40px);
  letter-spacing:-.028em;line-height:1.1}
.yrev-h .mono-sm{opacity:.5}
.yrev-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,2.6vw,40px);
  margin-top:clamp(30px,3.6vw,52px)}
.yrev-c{margin:0;padding-top:20px;border-top:2px solid #F0A02C}
.yrev-c:nth-child(4n+2){border-top-color:#F3564A}
.yrev-c:nth-child(4n+3){border-top-color:#2AB0C4}
.yrev-c:nth-child(4n+4){border-top-color:#8FBF3F}
.yrev-s{color:#F0A02C;letter-spacing:.18em;font-size:13px;margin-bottom:16px}
.yrev-c blockquote{margin:0;font-family:var(--display);font-size:clamp(17px,1.8vw,22px);
  line-height:1.25;letter-spacing:-.018em}
.yrev-c figcaption{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  opacity:.55;margin-top:18px;line-height:1.8}
@media (max-width:1000px){.yrev-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.yrev-grid{grid-template-columns:1fr}}

/* ================= MOAT: COPY AND FIGURE ================= */
.moat-grid{display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);
  gap:clamp(36px,5vw,96px);align-items:center}
.moat-copy{min-width:0}
.moat-copy .body{max-width:21em}
.moat-fig{min-width:0}
@media (max-width:1100px){.moat-grid{grid-template-columns:1fr;gap:34px;align-items:start}
  .moat-fig{margin-left:0;width:100%;max-width:760px}}

/* ================= SCARCITY / ABUNDANCE PAIR ================= */
.era-roll{transform:none}
.yproof{margin-top:20px;padding-top:16px;border-top:1px solid rgba(15,20,28,.14)}
.yproof .yp-line{font-family:"Quicksand",var(--sans);font-weight:600;letter-spacing:-.012em;font-size:17px;line-height:1.3}
.yp-mark{height:.95em;width:auto;display:inline-block;vertical-align:-.08em;margin:0 .05em}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.chgall{display:flex;align-items:baseline;gap:clamp(12px,1.6vw,20px);flex-wrap:wrap;margin-top:clamp(30px,3.8vw,52px)}
.chgall img{height:clamp(24px,2.8vw,38px);width:auto;display:inline-block;align-self:center}
.cg-plus{font-family:"Quicksand",var(--sans);font-weight:600;font-size:clamp(22px,2.6vw,34px);opacity:.45;align-self:center}
.cg-t{font-family:var(--display);font-size:clamp(23px,3vw,40px);letter-spacing:-.025em;line-height:1;align-self:center}

/* ================= CAUSAL CHAIN ================= */
.chain{display:flex;flex-wrap:wrap;gap:10px 0;margin-top:clamp(34px,4vw,56px);
  padding-top:clamp(20px,2.4vw,30px);border-top:1px solid rgba(248,245,239,.28);max-width:58em}
.chain span{position:relative;font-family:var(--mono);font-size:clamp(10.5px,1vw,12px);
  letter-spacing:.15em;text-transform:uppercase;opacity:.7;padding-right:clamp(16px,1.8vw,26px);
  margin-right:clamp(14px,1.6vw,22px)}
.chain span::after{content:"\2192";position:absolute;right:0;opacity:.5}
.chain span.last{opacity:1;padding-right:0;margin-right:0}
.chain span.last::after{content:""}

/* ================= YOREE, CONCRETELY ================= */
.ysteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,52px);
  margin-top:clamp(38px,4.6vw,70px);border-top:1px solid rgba(248,245,239,.16)}
.ysteps > div{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;
  padding:clamp(18px,2vw,26px) 0;border-bottom:1px solid rgba(248,245,239,.16)}
.ysteps b{font-family:var(--mono);font-size:11px;letter-spacing:.14em;font-weight:400;opacity:.5}
.ysteps span{font-size:17px;line-height:1.55;opacity:.9}
.ysteps .note{grid-column:1/-1;border-bottom:0;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;opacity:.5;padding-top:18px;display:block}
@media (max-width:900px){.ysteps{grid-template-columns:1fr 1fr;gap:0 30px}}
@media (max-width:600px){.ysteps{grid-template-columns:1fr}}

/* ================= WHAT MEMORIFY IS ================= */
.intro{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5.4vw,96px);
  margin-top:clamp(34px,4.4vw,64px);align-items:start}
.intro-l p{max-width:32em}
.shift{border-top:1px solid var(--rule-d)}
.shift div{display:grid;grid-template-columns:1fr 30px 1fr;gap:clamp(10px,1.4vw,20px);align-items:baseline;
  padding:clamp(14px,1.7vw,22px) 0;border-bottom:1px solid var(--rule-d)}
.shift b{font-family:var(--mono);font-size:clamp(11px,1.05vw,12.5px);letter-spacing:.16em;
  text-transform:uppercase;font-weight:400;opacity:.55}
.shift i{font-style:normal;text-align:center;opacity:.4}
.shift em{font-style:normal;font-family:var(--display);font-size:clamp(19px,2.1vw,27px);
  letter-spacing:-.024em;line-height:1.1;color:var(--ink);
  transition:color .8s cubic-bezier(.16,.84,.44,1)}
/* one behaviour: the destination state resolves into green as the component reveals */
.shift-field.in .shift em{color:var(--green-dk)}
.shift-field.in .shift div:nth-child(1) em{transition-delay:.15s}
.shift-field.in .shift div:nth-child(2) em{transition-delay:.35s}
.shift-field.in .shift div:nth-child(3) em{transition-delay:.55s}
.shift-field.in .shift div:nth-child(4) em{transition-delay:.75s}
@media (prefers-reduced-motion:reduce){.shift em{transition:none}}
.caps{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(26px,3vw,40px)}
.caps span{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;
  border:1.75px solid rgba(15,20,28,.3);padding:9px 14px;color:var(--green-dk)}
.believe{margin-top:clamp(40px,5vw,72px);padding-top:24px;border-top:1px solid var(--rule-d);
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,4vw,70px)}
@media (max-width:880px){.intro{grid-template-columns:1fr;gap:34px}.believe{grid-template-columns:1fr;gap:20px}}

/* ================= CULTURAL PROBLEM (native rebuild) ================= */
.cprob{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,90px);align-items:start;
  margin-top:clamp(30px,4vw,56px)}
.destroys{border-top:1px solid var(--rule-d)}
.destroys div{padding:clamp(13px,1.5vw,19px) 0;border-bottom:1px solid var(--rule-d);
  font-size:clamp(15.5px,1.5vw,19px);line-height:1.4}
.destroys div b{font-weight:400}
.destroys div span{opacity:.66}
.sizeof{margin-top:clamp(34px,4vw,56px)}
.sizeof p{font-size:clamp(15.5px,1.5vw,19px);line-height:1.5;padding-top:16px;border-top:1px solid var(--rule-d)}
@media (max-width:880px){.cprob{grid-template-columns:1fr;gap:30px}}

/* ================= FOUNDER VIDEO ================= */
.fv{margin-top:clamp(46px,6vw,86px);display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,.45fr);
  gap:clamp(28px,4.4vw,72px);align-items:end}
.fv.playing{display:block}
.fv.playing .fv-side{display:none}
.fv-frame{position:relative;aspect-ratio:5/4;background:#0B0F15;border:1px solid var(--rule-l);
  overflow:hidden;display:flex;align-items:center;justify-content:center}
.fv.playing .fv-frame{aspect-ratio:16/9}
.fv-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 26%}
.fv-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,15,21,.1),rgba(11,15,21,.62))}
.fv.playing .fv-frame::after{display:none}
.fv-side h3{font-family:var(--display);font-weight:400;font-size:clamp(23px,2.9vw,38px);line-height:1.1;
  letter-spacing:-.028em;max-width:13em}
@media (max-width:820px){.fv{grid-template-columns:1fr;gap:24px;align-items:start}
  .fv-frame{aspect-ratio:4/3}}
.fv-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fv-play{position:absolute;inset:0;width:100%;height:100%;background:none;border:0;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--paper);z-index:2}
.fv-play .pc{width:clamp(60px,7vw,86px);height:clamp(60px,7vw,86px);border-radius:50%;
  background:var(--ultra);display:flex;align-items:center;justify-content:center;
  transition:transform .4s cubic-bezier(.16,.84,.44,1)}
.fv-play:hover .pc{transform:scale(1.08)}
.fv-play .pc svg{width:26%;height:26%;margin-left:8%}
.fv-play .pl{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.72}
.fv-meta{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:18px;
  font-family:var(--mono);font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;opacity:.62}

/* ================= TRACTION / EVIDENCE ================= */
.ev{margin-top:clamp(34px,4.4vw,64px);position:relative;padding-left:clamp(18px,2.4vw,34px)}
.spine::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:linear-gradient(to bottom,var(--green) calc(var(--p,0) * 100%),rgba(15,20,28,.14) 0)}
.spine::after{content:"";position:absolute;left:-3px;width:11px;height:11px;border-radius:50%;
  background:var(--green);top:calc(var(--p,0) * 100%);margin-top:-5px;
  opacity:var(--p,0);transition:opacity .4s ease}
@media (max-width:600px){.ev{padding-left:14px}}
.ev-r{display:grid;grid-template-columns:180px 1fr auto;gap:clamp(20px,3vw,50px);align-items:center;
  padding:clamp(20px,2.4vw,32px) 0;border-bottom:1px solid var(--rule-d)}
.ev-r:first-child{border-top:1px solid var(--rule-d)}
.ev-k{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.55}
.ev-v{font-family:var(--display);font-size:clamp(20px,2.3vw,30px);line-height:1.14;letter-spacing:-.024em;
  max-width:24em}
.ev-v small{display:block;font-family:var(--sans);font-size:15px;line-height:1.55;opacity:.72;
  letter-spacing:0;margin-top:10px;max-width:34em}
.ev-r img{width:auto;display:block;justify-self:end;opacity:.9}
@media (max-width:820px){.ev-r{grid-template-columns:1fr;gap:12px}.ev-r img{justify-self:start}}

/* ================= MEMORY DEBT ================= */
.debt-h{font-family:var(--display);font-weight:400;font-variation-settings:"SOFT" 18,"WONK" 1;
  font-size:clamp(32px,5.2vw,72px);line-height:1;letter-spacing:-.032em;max-width:12em}
.debt-wrap{display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);
  gap:clamp(30px,4.6vw,80px);align-items:center;margin-top:clamp(30px,3.6vw,50px)}
.debt-def{margin-top:clamp(26px,3vw,40px);display:block}
.debt-def .dd-2{margin-top:18px}
@media (max-width:900px){.debt-wrap{grid-template-columns:1fr;gap:30px}}
.debt-def .dd-1{font-size:clamp(18px,2vw,25px);line-height:1.4;font-weight:340;max-width:24em}
.debt-def .dd-2{font-size:16px;line-height:1.6;opacity:.8;max-width:30em}
.debt-src{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;opacity:.5;
  margin-top:18px;line-height:1.9}
@media (max-width:820px){.debt-def{grid-template-columns:1fr;gap:22px}}
#mdsvg text{font-family:var(--mono);font-size:20px;letter-spacing:.15em;text-transform:uppercase;fill:#0F141C;fill-opacity:.7}
#mdsvg .md-big{font-size:23px;fill:#C82008;fill-opacity:1}
#mdsvg .md-u{fill:#5E7B0F;fill-opacity:1}
#mdsvg .tn{opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease}
#mdsvg .tn.on{opacity:1;transform:none}
.md-m{margin-top:34px}
.md-m .mm{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;padding:16px 0;
  border-bottom:1px solid var(--rule-d)}
.md-m .mm svg{width:96px;height:34px;display:block}
.md-m .mm b{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:400}
.md-m .mm span{font-size:14.5px;line-height:1.5;opacity:.82}
.md-m .mm.debt b{color:#C82008}

/* ================= HOME CMI: compact editorial figure ================= */
.cmi-grid{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);
  gap:clamp(16px,1.8vw,28px);align-items:center;margin-top:clamp(26px,3vw,42px)}
.cmi-copy .body{max-width:24em}
.cmi-fig{width:100%;min-width:0}
@media (min-width:1200px){
  .cmi-fig{margin-left:-44px;width:calc(100% + 44px)}
  .cmi-copy h2{max-width:none;margin-right:-52px}
}
.fig-scroll{min-width:0}
@media (max-width:1100px){.cmi-grid{grid-template-columns:1fr;gap:30px;align-items:start}
  .cmi-fig{margin-top:4px;max-width:760px}}
@media (max-width:700px){
  .fig-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .fig-scroll::-webkit-scrollbar{display:none}
  .fig-scroll svg{min-width:560px}
  .cmi-fig .y-hint{display:block}
}

/* ================= HOME CONCERN NODES ================= */
.cnodes{display:flex;flex-wrap:wrap;gap:0;margin-top:clamp(30px,3.4vw,46px);border-top:1px solid var(--rule-l)}
.cnodes span{flex:1 1 150px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;
  opacity:.7;padding:16px 14px 0 0;position:relative}
.cnodes span::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;
  background:var(--ultra);opacity:.9}
.cnodes span.out::before{background:var(--green);opacity:1}
.cnodes span.out{opacity:.95}

/* ================= YOREE MOMENT ON HOME ================= */
.y-mark{width:clamp(150px,20vw,250px);height:auto;display:block}
.y-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;
  margin-top:clamp(40px,5vw,76px)}
.y-split .ys-a{font-family:var(--display);font-size:clamp(22px,2.7vw,38px);line-height:1.14;letter-spacing:-.028em}
.y-split .ys-a em{font-style:normal;display:block;opacity:.55}
.y-art{margin-top:clamp(44px,6vw,90px)}
.y-art img{width:100%;height:auto;display:block}
.y-hint{display:none}
@media (max-width:860px){
  .y-art{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .y-art::-webkit-scrollbar{display:none}
  .y-art img{width:auto;height:auto;min-width:760px;max-width:none}
  .y-hint{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
    text-transform:uppercase;opacity:.5;margin-top:14px}
}
@media (max-width:820px){.y-split{grid-template-columns:1fr;gap:24px}}

/* ================= PUBLICATION RELEASE ================= */
.pubr{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(28px,4.6vw,76px);align-items:start;
  margin-top:clamp(30px,4vw,54px)}
.pubr-cover .asset{aspect-ratio:3/4}
.pubr-cover img{width:100%;height:auto;display:block;border:1px solid var(--rule-d);
  box-shadow:0 18px 40px -28px rgba(15,20,28,.5)}
.bone .pubr-cover img,.light .pubr-cover img{border-color:rgba(15,20,28,.12)}
.pubr-meta{display:flex;gap:clamp(18px,3vw,42px);flex-wrap:wrap;margin-top:26px;padding-top:16px;
  border-top:1px solid var(--rule-d);font-family:var(--mono);font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;opacity:.62;line-height:1.9}
.pubr-logos{display:flex;align-items:center;gap:clamp(20px,3.2vw,44px);flex-wrap:wrap;
  margin-bottom:clamp(26px,3vw,40px);padding-bottom:clamp(22px,2.6vw,34px);border-bottom:1px solid var(--rule-d)}
.pubr-logos img{width:auto;display:block}
.pubr-logos .mk{font-family:var(--display);font-size:clamp(24px,2.8vw,36px);letter-spacing:-.028em}
.pubr-logos .x{font-family:var(--display);font-size:clamp(20px,2.2vw,28px);opacity:.35}
@media (max-width:820px){.pubr{grid-template-columns:1fr;gap:26px}.pubr-cover{max-width:280px}}

/* ================= MOMENTUM (home act III) ================= */
.mom{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:clamp(28px,4vw,60px);margin-top:clamp(30px,4vw,52px)}
.mom-i{padding-top:24px;border-top:1px solid var(--rule-d)}
.mom-i .mi-logo{display:flex;align-items:center;min-height:66px;margin-bottom:20px}
.mom-i .mi-logo img{width:auto;display:block}
.mom-i h3{font-family:var(--display);font-weight:400;font-size:clamp(22px,2.7vw,34px);line-height:1.1;
  letter-spacing:-.026em;max-width:15em}
.mom-i p{font-size:15.5px;line-height:1.6;opacity:.82;margin-top:14px;max-width:30em}
@media (max-width:820px){.mom{grid-template-columns:1fr;gap:34px}}

.mcov{margin-top:clamp(44px,5.5vw,80px);padding-top:clamp(22px,2.6vw,34px);border-top:1px solid var(--rule-d);
  display:grid;grid-template-columns:200px 1fr;gap:clamp(22px,3.4vw,54px);align-items:start}
.mcov-l img{width:auto;display:block;margin-bottom:14px}
.mcov h3{font-family:var(--display);font-weight:400;font-size:clamp(22px,3vw,38px);line-height:1.1;
  letter-spacing:-.028em;max-width:17em}
@media (max-width:760px){.mcov{grid-template-columns:1fr;gap:18px}}

.stat{margin-top:clamp(22px,2.6vw,32px);padding-top:18px;border-top:2px solid var(--green)}
.stat b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,62px);
  line-height:1;letter-spacing:-.035em}
.stat span{display:block;font-size:14px;line-height:1.55;opacity:.72;margin-top:12px;max-width:30em}

/* ================= HOME ORIGIN MOMENT ================= */
.og-home{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,84px);align-items:center}
.og-home figure{max-width:420px}
.og-home img{width:100%;height:auto;display:block;border:1px solid rgba(248,245,239,.16)}
@media (max-width:880px){.og-home{grid-template-columns:1fr;gap:28px}.og-home figure{max-width:320px}}

.endline{margin-top:clamp(56px,7vw,100px);padding-top:26px;border-top:1px solid var(--rule-l);
  display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:baseline}
.endline .el-links{display:flex;gap:clamp(20px,3vw,40px);flex-wrap:wrap}
.light .endline,.bone .endline{border-top-color:var(--rule-d)}

/* ================= PARTNER QUOTE ================= */
.pq{margin-top:clamp(28px,3.4vw,44px);padding-left:clamp(20px,2.4vw,32px);border-left:2px solid var(--green)}
.pq p{font-family:var(--display);font-size:clamp(19px,2.2vw,28px);line-height:1.24;letter-spacing:-.02em;
  max-width:22em}
.pq cite{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;
  font-style:normal;opacity:.66;margin-top:18px;line-height:1.9}

/* ================= APP STORE / PLAY ================= */
.stores{display:flex;gap:14px;flex-wrap:wrap;margin-top:clamp(28px,3.4vw,44px)}
.store{display:block;transition:opacity .35s ease}
.store img{height:52px;width:auto;display:block}
.store:hover{opacity:.82}

@media (max-width:1000px){.team{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.team{grid-template-columns:1fr}}

/* ================= TEAM PLACEHOLDERS ================= */
.tm-ph{aspect-ratio:4/5;border:1px dashed var(--rule-d);background:rgba(15,20,28,.045);
  display:flex;align-items:flex-end;padding:14px}
.tm-ph span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;line-height:1.75}
.tm.tbc b,.tm.tbc em{opacity:.55}

/* ================= LEDGER LOGO ================= */
.ld .ent-logo{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ld .ent-logo img{width:auto;display:block;flex:0 0 auto}

/* ================= NEWSROOM ================= */
.nfeat{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(28px,4.4vw,70px);align-items:start;
  margin-top:clamp(28px,3.6vw,52px)}
.nfeat .nf-img .asset{aspect-ratio:16/10}
.nfeat-logo{display:flex;align-items:center;gap:18px;margin-bottom:22px;flex-wrap:wrap}
.nfeat-logo img{width:auto;display:block}
.nfeat h2{font-size:clamp(27px,3.9vw,52px);line-height:1.07;
  letter-spacing:-.03em;max-width:15em}
.nfeat .nf-meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;
  opacity:.66;margin-top:20px}
@media (max-width:880px){.nfeat{grid-template-columns:1fr;gap:24px}}

.ngrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:clamp(24px,3.2vw,48px);
  margin-top:clamp(28px,3.6vw,52px)}
.ncard{display:block}
.ncard .asset{aspect-ratio:16/10;margin-bottom:20px}
.ncard .nc-logo{display:flex;align-items:center;min-height:26px;margin-bottom:14px}
.ncard .nc-logo img{width:auto;display:block}
.ncard .nc-logo span{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.8}
.ncard h3{font-family:var(--display);font-weight:400;font-size:clamp(19px,2.1vw,26px);line-height:1.14;
  letter-spacing:-.024em}
.ncard .nc-meta{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;
  opacity:.6;margin-top:14px}
a.ncard:hover h3{color:var(--ultra)}

/* one human accent on the technology axis */
.sx.warm::before{background:var(--green)}
.sx.warm b{color:var(--green-dk)}

/* yoree points, a little life in the notation */
.y-pt{position:relative;padding-left:26px}
.y-pt::before{content:"";position:absolute;left:0;top:29px;width:8px;height:8px;border-radius:50%;background:var(--yc,#F0A02C)}

/* editorial artefact figures (supplied screenshots) */
.artefact{margin-top:clamp(38px,5vw,72px)}
.artefact .asset{aspect-ratio:16/10}
.artefact img{width:100%;height:auto;display:block;border:1px solid var(--rule-d)}
.light .artefact,.bone .artefact{background:rgba(15,20,28,.055);padding:clamp(12px,1.8vw,24px)}
.light .artefact img,.bone .artefact img{border-color:rgba(15,20,28,.14)}
.artefact figcaption{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  opacity:.6;margin-top:14px;line-height:1.9}
.ink2 .artefact img,section:not(.light):not(.bone):not(.deep) .artefact img{border-color:var(--rule-l)}

/* ---- large-display typography: Quicksand owns the major statements ---- */
.h-s,.h-m,.ys-a,.ys-a em,.y-joy,.y-phil p,.ev-fig,.ev-v,.stat b,.cg-t,.sx b,.disc span,.pl-row b,.tm b,
.shift em,.nr div,.sw-hum li{
  font-family:"Quicksand",var(--sans)!important;font-weight:600!important;font-style:normal!important;
  font-variation-settings:normal!important}
.ev-v small{font-family:var(--sans)!important;font-weight:380!important}

/* ================= CAREERS ================= */
#cr-why .g3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:960px){#cr-why .g3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}
.cr-list{margin-top:clamp(28px,3.4vw,50px);border-top:1px solid var(--rule-d)}
.cr{border-bottom:1px solid var(--rule-d)}
.cr-row{display:grid;grid-template-columns:minmax(0,1fr) auto 26px;gap:clamp(16px,2.6vw,44px);
  align-items:center;width:100%;text-align:left;color:inherit;
  padding:clamp(22px,2.8vw,34px) 0}
button.cr-row{background:none;border:0;cursor:pointer;font:inherit;
  transition:padding-left .4s cubic-bezier(.16,.84,.44,1)}
button.cr-row:hover{padding-left:12px}
.cr h3{font-size:clamp(20px,2.3vw,29px);letter-spacing:-.02em;margin:0 0 10px}
.cr.soon h3{opacity:.62}
.cr-meta{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.6;line-height:2}
.cr-sum{display:block;font-size:15px;line-height:1.55;opacity:.8;margin-top:10px;max-width:34em}
.cr-st{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;
  display:inline-flex;align-items:center;gap:9px;opacity:.85}
.cr-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}
.cr.live-role .cr-st{color:var(--green-dk);opacity:1}
.cr.soon .cr-st{opacity:.45}
.cr-x{position:relative;width:14px;height:14px;opacity:.55;justify-self:end}
.cr-x::before,.cr-x::after{content:"";position:absolute;background:currentColor;transition:transform .35s ease}
.cr-x::before{left:0;top:6.2px;width:14px;height:1.6px}
.cr-x::after{left:6.2px;top:0;width:1.6px;height:14px}
.cr.exp .cr-x::after{transform:scaleY(0)}
.cr-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.16,.84,.44,1)}
.cr-panel>div{overflow:hidden;min-height:0}
.cr.exp .cr-panel{grid-template-rows:1fr}
.cr-in{padding:8px 0 clamp(36px,4.4vw,60px)}
.crg{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
  border-top:1px solid var(--rule-d);border-left:1px solid var(--rule-d);margin-bottom:clamp(30px,3.6vw,48px)}
.crg>div{padding:15px 17px;border-right:1px solid var(--rule-d);border-bottom:1px solid var(--rule-d)}
.crg b{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  opacity:.55;font-weight:500;margin-bottom:7px}
.crg span{font-size:15px;line-height:1.5}
.cr-sec{margin-top:clamp(30px,3.6vw,46px)}
.cr-sec .ch{margin-bottom:16px;max-width:44em}
.cr-sec .body{max-width:40em}
.cr-ul{list-style:none;margin:0;padding:0;max-width:56em}
.cr-ul li{position:relative;padding:10px 0 10px 24px;border-bottom:1px solid var(--rule-d);
  font-size:15.5px;line-height:1.55}
.cr-ul li::before{content:"";position:absolute;left:0;top:1.15em;width:11px;height:2px;background:var(--green-dk)}
@media (min-width:860px){.cr-ul.two{columns:2;column-gap:clamp(30px,4vw,64px)}.cr-ul.two li{break-inside:avoid}}
@media (max-width:700px){
  .cr-row{grid-template-columns:minmax(0,1fr) 24px;row-gap:0}
  .cr-x{grid-column:2;grid-row:1}
  .cr-st{grid-column:1;grid-row:2;margin-top:12px;justify-self:start}
}
@media (max-width:560px){.crg{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cr-panel{transition:none}.cr-x::before,.cr-x::after{transition:none}}
button.y-cta{background:none;border:0;cursor:pointer;color:inherit}
button.readlink{background:none;border:0;cursor:pointer;color:inherit;font-family:var(--mono);font-size:12px}

/* founder composition on Company */
.founder{display:grid;grid-template-columns:.55fr .45fr;gap:clamp(30px,5vw,80px);align-items:end;
  margin-top:clamp(46px,6vw,90px)}
.founder .fd-img{max-width:330px;margin-left:auto}
.founder .fd-c{padding-bottom:14px}
@media (max-width:880px){.founder{grid-template-columns:1fr;gap:26px;align-items:start}
  .founder .fd-img{max-width:260px;margin-left:0}}

/* long-form legal documents (privacy policy, terms, cookie policy) */
.legal-doc{max-width:760px}
.legal-doc>section+section{margin-top:clamp(40px,5vw,64px)}
.legal-doc h2{font-family:var(--sans);font-weight:600;font-size:clamp(20px,2.2vw,26px);letter-spacing:-.01em;
  line-height:1.25}
.legal-doc h3{font-family:var(--sans);font-weight:600;font-size:17px;letter-spacing:-.005em;margin-top:1.6em}
.legal-doc h4{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  opacity:.65;margin-top:1.4em}
.legal-doc p{font-size:16px;line-height:1.65;opacity:.9;margin-top:.9em;max-width:38em}
.legal-doc ul{margin-top:.9em;padding-left:1.2em;list-style:disc}
.legal-doc li{font-size:16px;line-height:1.65;opacity:.9;margin-top:.5em;max-width:36em}
.legal-doc a{border-bottom:1px solid currentColor}

