@font-face{font-family:"VP Display";src:url("/assets/fonts/bodoni-600.woff2?v=310fd48f7a") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"VP Display";src:url("/assets/fonts/bodoni-500i.woff2?v=272dd896da") format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"VP Text";src:url("/assets/fonts/public-400.woff2?v=2d3b93b954") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"VP Text";src:url("/assets/fonts/public-400i.woff2?v=74b5abe3cc") format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"VP Text";src:url("/assets/fonts/public-600.woff2?v=75011f22b6") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"IBM Plex Mono";src:url("/assets/fonts/plex-500.woff2?v=74dccf94f3") format("woff2");font-weight:500;font-style:normal;font-display:swap}/* velocityprosperity.com: engraved light. Intaglio black, the note's deep green back, cotton paper, and the coin's gold;
   the seal colors of the old notes for the few things that need a second color. One stylesheet. */
:root{
  --ink:#0B0D0C;--ink-2:#101412;--ink-3:#151A17;--ink-4:#1C221E;
  --back:#0C1913;--back-2:#11231A;
  --paper:#EFE9D8;--paper-2:#E3DBC4;--paper-3:#D6CCB0;--paper-ink:#1A1D1A;--paper-mute:#5B5E54;
  --text:#ECE6D4;--mute:#A8AE9F;--mute-2:#7C8378;
  --gold:#D4B26A;--gold-hi:#EAD6A1;--gold-mid:#B4863B;--gold-deep:#8E6A2C;--gold-line:rgba(212,178,106,.26);--gold-faint:rgba(212,178,106,.1);
  --line:rgba(236,230,212,.12);--line-2:rgba(236,230,212,.2);
  --seal-red:#C86754;--seal-blue:#5B86C8;--seal-brown:#B07D55;--seal-gold:#DDA54A;--seal-green:#6FA07E;
  --display:"VP Display","Bodoni Moda",Didot,"Bodoni 72",serif;
  --sans:"VP Text","Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --w:1200px;--measure:68ch;--gut:clamp(16px,4vw,40px);
  --foil:linear-gradient(100deg,#FBF0C8 0%,#E2C27A 28%,#B4863B 52%,#EBD291 74%,#9A7230 100%);
  color-scheme:dark
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px;background:var(--ink)}
html[data-kind="home"]{scroll-padding-top:65px}   /* Enter lands the opening right under the bar */
body{margin:0;background:var(--ink);color:var(--text);font:400 17px/1.62 var(--sans);font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration-color:var(--gold-line);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{text-decoration-color:var(--gold)}
::selection{background:var(--gold);color:var(--ink)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
button{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-weight:600}
p{margin:0}
ol,ul{margin:0;padding:0;list-style:none}
blockquote{margin:0}
.defs{position:absolute;width:0;height:0;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--gold);color:var(--ink);padding:10px 14px;border-radius:2px;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* the gold of the coin, as type */
.foil{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.d{color:var(--gold-hi)}
.kicker{font:600 12.5px/1.2 var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:14px}
.kicker::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font:500 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.eyebrow .ey-n{color:var(--gold)}
.eyebrow .ey-m{display:flex;align-items:center;gap:14px}
.eyebrow .ey-n+.ey-m::before,.eyebrow .ey-m+.ey-n::before{content:"";display:inline-block;width:22px;height:1px;background:var(--gold-line);margin-right:14px;vertical-align:middle}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 22px;border-radius:999px;background:var(--foil);color:#1A1407;
  font:600 14px/1 var(--sans);letter-spacing:.02em;text-decoration:none;border:0;cursor:pointer;box-shadow:0 1px 0 rgba(255,248,230,.5) inset,0 10px 30px -12px rgba(212,178,106,.55);
  position:relative;overflow:hidden;isolation:isolate}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s cubic-bezier(.3,.6,.2,1);z-index:-1}
.btn:hover::after{transform:translateX(120%)}
.btn.ghost{background:transparent;color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--gold-line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--gold)}
.btn.dark{background:var(--paper-ink);color:var(--paper);box-shadow:none}

/* ---------------------------------------------------------------- the top bar */
.top{position:sticky;top:0;z-index:50;background:rgba(11,13,12,.78);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--line)}
.top-in{max-width:var(--w);margin:0 auto;padding:0 var(--gut);height:64px;display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto;min-width:0}
.brand .mk{width:34px;height:34px;flex:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.5)}   /* a box shadow, not a filter: WebKit paints a filtered svg in the bar as a black square at the page corner */
.brand-n{font:600 13px/1 var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--text);white-space:nowrap}
.brand-t{font:500 11px/1 var(--mono);letter-spacing:.12em;color:var(--gold);padding:5px 7px;border:1px solid var(--gold-line);border-radius:3px}
.lv{display:flex;border:1px solid var(--gold-line);border-radius:999px;padding:3px;gap:2px}
.lv-b{border:0;background:transparent;color:var(--mute);font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border-radius:999px;cursor:pointer;min-height:32px}
.lv-b[aria-pressed="true"]{background:var(--gold);color:var(--ink)}
.ib{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--text);cursor:pointer}
.ib:hover{border-color:var(--gold)}
.ib .i{width:18px;height:18px}
@media (max-width:620px){.brand-n{display:none}.lv-b{padding:8px 10px}}

/* the list of pages */
.menu{position:fixed;inset:0;z-index:60;background:#080A09;overflow:auto;overscroll-behavior:contain}
.menu[hidden]{display:none}
.menu-in{max-width:var(--w);margin:0 auto;padding:0 var(--gut) 56px}
.menu-top{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:28px}
.menu-home{display:flex;align-items:center;gap:12px;text-decoration:none;font:600 13px/1 var(--display);letter-spacing:.24em;text-transform:uppercase}
.menu-home .mk{width:34px;height:34px}
.menu-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px 40px}
.menu section h2{font:600 12px/1 var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.menu li a{display:flex;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;font:600 22px/1.15 var(--display)}
.menu li a:hover{color:var(--gold-hi)}
.mn{font:500 11px/1 var(--mono);color:var(--gold);letter-spacing:.1em}

/* ---------------------------------------------------------------- the arrival card: the opening's first screen */
/* the name in gold, one line, a way in, every page, and three pages straight away; the bar and the coin wait below it */
.arrive{position:relative;overflow:hidden;min-height:100vh;min-height:100svh;display:flex;align-items:center;border-bottom:1px solid var(--line);
  background:radial-gradient(1100px 720px at 74% 34%,rgba(30,58,48,.62),transparent 62%),radial-gradient(900px 600px at 4% 0%,rgba(212,178,106,.07),transparent 60%),var(--ink)}
.arrive-ro{position:absolute;width:1100px;height:1100px;right:-330px;top:50%;margin-top:-550px;color:var(--gold);opacity:.06;pointer-events:none}
.arrive-in{position:relative;width:100%;max-width:var(--w);margin:0 auto;padding:clamp(44px,9vh,104px) var(--gut);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vh,64px)}
.arrive-id{min-width:0;max-width:640px}
.arrive .hero-h{margin:20px 0 24px}
.arrive .lead{margin:0}
.arrive-go{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.arrive-go .btn{min-height:50px;padding:0 26px;font-size:15px}
.arrive-start{min-width:0;display:grid;gap:14px;align-content:end}
.arrive-start ul{border-top:1px solid var(--line)}
.arrive-start li a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 2px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;
  font:600 clamp(19px,1.9vw,22px)/1.2 var(--display);transition:color .2s}
.arrive-start li a:hover{color:var(--gold-hi)}
.as-t{text-wrap:balance}
.as-n{font:500 12px/1.3 var(--mono);letter-spacing:.1em;color:var(--gold);white-space:nowrap}
.arrive-by{display:grid;gap:6px;margin-top:8px;font:400 14px/1.5 var(--sans);color:var(--mute)}
.arrive-by a{color:var(--gold-hi);font-weight:600;text-decoration:none}
@media (min-width:981px){.arrive-in{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;column-gap:clamp(48px,6vw,104px)}}

/* ---------------------------------------------------------------- the opening */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);
  background:radial-gradient(1200px 700px at 78% 40%,rgba(30,58,48,.55),transparent 60%),radial-gradient(900px 600px at 10% 0%,rgba(212,178,106,.06),transparent 60%),var(--ink)}
.hero-ro{position:absolute;width:1100px;height:1100px;right:-300px;top:-260px;color:var(--gold);opacity:.05;pointer-events:none}
.hero-in{position:relative;max-width:var(--w);margin:0 auto;padding:clamp(28px,6vw,72px) var(--gut) clamp(36px,6vw,72px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,4vw,56px);align-items:center}
.hero-t{min-width:0;max-width:600px}
.hero-h{margin:22px 0 18px;display:flex;flex-direction:column;gap:12px}
.h-vp{font:600 clamp(76px,11vw,148px)/.86 var(--display);letter-spacing:-.025em;padding-bottom:.06em;filter:drop-shadow(0 18px 40px rgba(212,178,106,.18))}
.h-name{font:600 clamp(15px,1.7vw,19px)/1 var(--display);letter-spacing:.42em;text-transform:uppercase;color:var(--text);padding-left:.2em}
.hero-h2{font:600 clamp(30px,3.4vw,44px)/1.08 var(--display);letter-spacing:-.01em;margin:16px 0 26px;max-width:16em;text-wrap:balance}
.lead{font:400 clamp(19px,1.9vw,23px)/1.5 var(--sans);color:var(--text);margin-bottom:22px;max-width:34em}
.hero .lines li{font-size:16px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.micro{width:100%;height:10px;opacity:.55;margin:0}
.micro text{font:500 6.4px var(--mono);fill:var(--gold);letter-spacing:0}
.em-box{--z:1;position:relative;width:calc(560px * var(--z));height:calc(560px * var(--z));flex:none;margin:-30px -30px -30px 0}
.emblem{position:absolute;left:0;top:0;width:560px;height:560px;margin:0;transform:scale(var(--z));transform-origin:0 0;
  -webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent 100%);mask-image:radial-gradient(closest-side,#000 70%,transparent 100%)}
.emblem .stage{position:absolute;left:60px;top:60px;width:440px;height:440px}
@media (max-width:1180px){.em-box{--z:.84}}
@media (max-width:980px){
  .hero-in{grid-template-columns:minmax(0,1fr);justify-items:center}
  .em-box{--z:.8;order:-1;margin:-34px 0 -30px;margin-inline:calc((100% - 560px * var(--z)) / 2)}
  .hero-t{max-width:680px;width:100%}
}
@media (max-width:600px){.em-box{--z:.72}}
@media (max-width:400px){.em-box{--z:.68}}

/* the scalpel and the plain words */
.lines{display:grid;gap:12px;counter-reset:ln}
.lines li{position:relative;padding-left:28px;font:400 17px/1.6 var(--sans);color:var(--text);max-width:var(--measure)}
.lines li::before{content:"";position:absolute;left:3px;top:.62em;width:7px;height:7px;transform:rotate(45deg);background:var(--foil);box-shadow:0 0 10px rgba(212,178,106,.5)}
.plain p{font:400 19px/1.65 var(--sans);max-width:var(--measure);color:var(--text)}
.plain p+p{margin-top:14px}
html[data-level="scalpel"] .plain{display:none}
html[data-level="plain"] .cut,html[data-level="plain"] .obj-lines{display:none}

/* ---------------------------------------------------------------- bands */
.band{position:relative;padding:clamp(56px,8vw,112px) 0;border-bottom:1px solid var(--line)}
.band-in{max-width:var(--w);margin:0 auto;padding:0 var(--gut)}
.band-h{font:600 clamp(34px,5vw,64px)/1.04 var(--display);letter-spacing:-.012em;margin:18px 0 clamp(28px,4vw,48px);max-width:18ch;text-wrap:balance}
.band-note{color:var(--mute);margin-top:28px;max-width:60ch;font-size:15.5px}
.band-note a{color:var(--gold-hi)}
.band-more{margin-top:clamp(28px,4vw,44px)}
.back{background:radial-gradient(900px 500px at 15% 0%,rgba(212,178,106,.05),transparent 60%),linear-gradient(180deg,var(--back),#0A140F)}
.gwave{position:absolute;left:0;width:100%;height:28px;color:var(--gold);opacity:.32;pointer-events:none}
.top-wave{top:-14px}
.paper{background:radial-gradient(1100px 500px at 50% 0%,#F6F1E2,transparent 70%),var(--paper);color:var(--paper-ink);border-bottom:0}
.paper .kicker{color:var(--gold-deep)}
.paper .kicker::before{background:linear-gradient(90deg,transparent,var(--gold-deep))}
.paper .band-h{color:var(--paper-ink)}
.paper .d{color:#6E4F14}

/* what's new, in four */
.nps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--gold-line);border:1px solid var(--gold-line);border-radius:4px;overflow:hidden}
.np{background:var(--ink-2);padding:28px 24px 30px;position:relative;transition:background .3s}
.np:hover{background:var(--ink-3)}
.np-n{font:500 12px/1 var(--mono);color:var(--gold);letter-spacing:.12em}
.np h3{font:600 26px/1.08 var(--display);margin:18px 0 14px;color:var(--text)}
.np p{font-size:15.5px;color:var(--mute);line-height:1.58}
.np p .d{color:var(--gold-hi)}
@media (max-width:1000px){.nps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.nps{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- one dollar, many hands */
.sim{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center;margin:0}
.sim-fig{max-width:440px;width:100%;justify-self:center;position:relative;overflow:hidden;overflow:clip}   /* the turning arm's corners stay inside: the page never grows wider than the screen */
.sim-svg{display:block;width:100%;height:auto;overflow:visible}
.sim-ring{fill:none;stroke:var(--gold-line);stroke-width:1.2;stroke-dasharray:2 6}
.nd-h{fill:rgba(212,178,106,.06);stroke:var(--gold-line)}
.nd-c{fill:var(--ink-4);stroke:var(--gold);stroke-width:1.2}
.nd-t{font:500 11px var(--mono);letter-spacing:.06em;fill:var(--mute);text-transform:uppercase}
.sim-arm{position:absolute;inset:0;animation:lap var(--lap,2.77s) linear infinite}
.sim-arm svg{display:block;width:100%;height:100%;overflow:visible}
.sim-coin{fill:url(#foil);stroke:#FFF4D6;stroke-width:1}
.sim-trail{fill:rgba(234,214,161,.16)}
@keyframes lap{to{transform:rotate(360deg)}}
.nd{opacity:.62}
.nd-lit{position:absolute;width:6.5%;height:6.5%;margin:-3.25% 0 0 -3.25%;border-radius:50%;background:#D4B26A;opacity:0;
  box-shadow:0 0 0 4px rgba(212,178,106,.1),0 0 16px rgba(234,214,161,.6);animation:hand var(--lap,2.77s) linear infinite;animation-delay:calc(var(--lap,2.77s) * var(--k) / 8)}
@keyframes hand{0%,6%{opacity:1}14%,100%{opacity:0}}
.sim-c1{font:600 34px var(--display);fill:var(--text)}
.sim-c2{font:500 9px var(--mono);letter-spacing:.2em;fill:var(--mute)}
.sim-k{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.sim-big{font:600 clamp(64px,9vw,120px)/1 var(--display);letter-spacing:-.02em;margin:16px 0 10px;font-variant-numeric:lining-nums tabular-nums}
.sim-big output{display:inline-block}
.sim-sub{color:var(--mute);font-size:16px}
.sim-sub b{color:var(--text);font-weight:600}
.sim-ctl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:26px 0 18px}
.sp-b{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:12px 12px 13px;border-radius:6px;border:1px solid var(--line-2);background:rgba(255,255,255,.02);cursor:pointer;min-height:64px}
.sp-b:hover{border-color:var(--gold-line)}
.sp-b[aria-pressed="true"]{border-color:var(--gold);background:rgba(212,178,106,.1);box-shadow:0 0 0 1px var(--gold) inset}
.sp-n{font:600 14px/1.1 var(--sans)}
.sp-v{font:500 11px/1 var(--mono);color:var(--gold);letter-spacing:.04em}
.sim-notes li{font-size:14.5px;color:var(--mute);line-height:1.55;max-width:56ch}
.sim-notes li[hidden]{display:none}
@media (max-width:900px){.sim{grid-template-columns:1fr}.sim-fig{max-width:360px}}
@media (max-width:520px){.sim-ctl{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------------------------------------------------------------- who wins (on paper) */
.wins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.win{position:relative;overflow:hidden;padding:26px 24px 26px;border-radius:6px;background:linear-gradient(180deg,#FBF7EB,#F1EAD6);
  box-shadow:0 0 0 1px rgba(142,106,44,.28) inset,0 1px 0 #fff inset,0 18px 40px -28px rgba(60,44,12,.45)}
.win .ro{position:absolute;width:150px;height:150px;right:-44px;top:-44px;color:var(--gold-deep);opacity:.18}
.win-k{font:600 11.5px/1 var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-deep)}
.win h3{font:600 25px/1.12 var(--display);margin:14px 0 12px;color:var(--paper-ink);max-width:15ch}
.win p{font-size:15px;line-height:1.55;color:var(--paper-mute)}
.win p .d{color:#6E4F14}
.pays{margin-top:20px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:baseline;padding:22px 24px;border-radius:6px;background:var(--paper-ink);color:var(--paper)}
.pays-k{font:600 11.5px/1 var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
.pays p:last-child{font-size:16px}
.pays .d{color:var(--gold-hi)}
.page .wins .win{background:linear-gradient(180deg,#171D19,#121714);box-shadow:0 0 0 1px var(--gold-line) inset}
.page .win h3{color:var(--text)}
.page .win p{color:var(--mute)}
.page .win p .d{color:var(--gold-hi)}
.page .win .ro{color:var(--gold);opacity:.1}
.page .win-k{color:var(--gold)}
.page .pays{background:var(--ink-3);box-shadow:0 0 0 1px var(--gold-line) inset}
@media (max-width:900px){.wins{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.wins{grid-template-columns:1fr}.pays{grid-template-columns:1fr;gap:10px}}

/* ---------------------------------------------------------------- two levers */
.lv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.lv-card{padding:30px 28px;border-radius:6px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset;display:flex;flex-direction:column;gap:14px}
.lv-card.gold{background:linear-gradient(180deg,rgba(212,178,106,.1),rgba(212,178,106,.02)),var(--ink-2);box-shadow:0 0 0 1px var(--gold-line) inset}
.lv-k{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.lv-card h3{font:600 34px/1 var(--display)}
.lv-card>p{color:var(--mute);font-size:16px}
@media (max-width:800px){.lv-grid{grid-template-columns:1fr}}

/* the exact words of a source */
.exact{position:relative;padding:16px 18px 14px 20px;border-left:2px solid var(--gold);background:rgba(212,178,106,.045);border-radius:0 4px 4px 0}
.exact p{font:400 15px/1.6 var(--sans);font-style:italic;color:var(--text)}
.exact p+p{margin-top:8px}
.pin{display:block;margin-top:10px;font:500 10.5px/1.45 var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.pin a{text-decoration:none;border-bottom:1px solid var(--gold-line)}
.pin a:hover{border-color:var(--gold)}
.exact.big{border:0;background:none;padding:0;margin:clamp(28px,4vw,44px) 0;text-align:center}
.exact.big p{font:500 clamp(30px,4.4vw,56px)/1.15 var(--display);font-style:italic;color:var(--gold-hi)}
.exact.big .pin{margin-top:18px}
.paper .exact{background:rgba(142,106,44,.07);border-left-color:var(--gold-deep)}
.paper .exact p{color:var(--paper-ink)}
.paper .pin{color:var(--gold-deep)}

/* ---------------------------------------------------------------- the loop */
.cyc-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}
.cring{width:100%;max-width:420px;height:auto;overflow:visible}
.cring .arc{fill:none;stroke:var(--gold);stroke-width:1.6;opacity:.7}
.cring .arc.back{stroke:var(--seal-green);stroke-dasharray:4 4;opacity:1}
.cring .ah{fill:var(--gold)}
.cring .ah.back{fill:var(--seal-green)}
.cring .rn circle{fill:var(--ink-3);stroke:var(--gold);stroke-width:1.3}
.cring .rn text{font:600 16px var(--display);fill:var(--gold-hi)}
.cring .c1{font:600 26px var(--display);fill:var(--text)}
.cring .c2{font:500 8px var(--mono);letter-spacing:.16em;fill:var(--mute)}
.cyc-lead{font:400 clamp(19px,2vw,24px)/1.5 var(--sans);margin-bottom:24px;max-width:30em}
@media (max-width:860px){.cyc-grid{grid-template-columns:1fr}.cring{max-width:360px;margin:0 auto}}

/* where it comes from */
.strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line)}
.strip li{padding:22px 14px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.strip li:last-child{border-right:0}
.strip b{font:600 30px/1 var(--display);font-variant-numeric:lining-nums}
.strip span{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.strip .vp b{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.strip .vp span{color:var(--gold)}
@media (max-width:720px){.strip{grid-template-columns:repeat(3,minmax(0,1fr))}.strip li:nth-child(3n){border-right:0}.strip li:nth-child(-n+6){border-bottom:1px solid var(--line)}.strip li.vp{grid-column:1/-1}}   /* VP2.0 closes the line on its own row */

/* under fire */
.hq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hq a{display:flex;flex-direction:column;gap:12px;height:100%;padding:22px 22px 24px;border-radius:6px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset;text-decoration:none;transition:box-shadow .3s,background .3s}
.hq a:hover{background:var(--ink-3);box-shadow:0 0 0 1px var(--tone,var(--gold)) inset}
.hq-who{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tone,var(--gold))}
.hq-q{font:600 22px/1.18 var(--display)}
@media (max-width:900px){.hq{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.hq{grid-template-columns:1fr}}
.seal-gold{--tone:var(--seal-gold)}.seal-red{--tone:var(--seal-red)}.seal-blue{--tone:var(--seal-blue)}.seal-brown{--tone:var(--seal-brown)}.seal-green{--tone:var(--seal-green)}

/* the pages */
.rows{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:56px minmax(0,230px) minmax(0,1fr) 20px;gap:18px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;position:relative}
.row::after{content:"→";color:var(--gold);font-family:var(--sans);opacity:.0;transform:translateX(-8px);transition:opacity .25s,transform .25s}
.row:hover::after{opacity:1;transform:none}
.row:hover .cd-t{color:var(--gold-hi)}
.cd-n{font:500 12px/1 var(--mono);color:var(--gold);letter-spacing:.1em}
.cd-t{font:600 24px/1.1 var(--display);transition:color .25s}
.cd-v{color:var(--mute);font-size:15.5px;line-height:1.5}
@media (max-width:760px){.row{grid-template-columns:40px minmax(0,1fr);gap:6px 12px}.cd-v{grid-column:2}.row::after{display:none}}

/* the question, and the sources in full */
.qa{margin:clamp(40px,6vw,64px) 0 0;padding:clamp(24px,4vw,36px);border-radius:8px;background:linear-gradient(180deg,rgba(212,178,106,.08),rgba(212,178,106,.02));box-shadow:0 0 0 1px var(--gold-line) inset}
.qa+.qa{margin-top:16px}
.qa-k{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.qa-q{font:600 clamp(26px,3vw,36px)/1.12 var(--display);margin:14px 0 14px;max-width:26ch}
.qa-a{font-size:17.5px;line-height:1.62;max-width:var(--measure)}
.b-qa{border-bottom:0}
.b-qa .qa-q{font-size:clamp(30px,4vw,48px)}
.full{margin-top:clamp(36px,5vw,56px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.full summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;padding:22px 0;min-height:44px}
.full summary::-webkit-details-marker{display:none}
.full summary::before{content:"+";font:400 22px/1 var(--sans);color:var(--gold);width:16px}
.full[open] summary::before{content:"−"}
.fs-t{font:600 22px/1 var(--display)}
.fs-n{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.doc{display:grid;gap:14px;padding:0 0 28px}
.logic{font-size:15px;color:var(--mute);max-width:var(--measure);padding:12px 16px;border-radius:4px;background:rgba(255,255,255,.025);box-shadow:0 0 0 1px var(--line) inset}
.lk{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.figref{font-size:15px;color:var(--mute)}
.figref a{color:var(--gold-hi)}

/* ---------------------------------------------------------------- a page */
.page{max-width:var(--w);margin:0 auto;padding:0 var(--gut)}
.page-top{padding:clamp(36px,6vw,80px) 0 clamp(28px,4vw,48px);border-bottom:1px solid var(--line);position:relative}
.ph h1{font:600 clamp(42px,6.4vw,84px)/1.02 var(--display);letter-spacing:-.018em;margin:22px 0 22px;max-width:16ch;text-wrap:balance}
.ph-sub{font:400 clamp(19px,2vw,23px)/1.5 var(--sans);color:var(--text);max-width:36em;margin-bottom:32px;padding-left:20px;border-left:2px solid var(--gold)}
.page-rest{padding-bottom:clamp(40px,6vw,72px)}
.comp{margin-top:clamp(40px,6vw,64px)}
.comp-h{font:600 clamp(28px,3.4vw,40px)/1.1 var(--display);margin-bottom:24px;max-width:24ch}
.page-rest>.band{margin:clamp(40px,6vw,64px) calc(-1 * var(--gut)) 0;padding-left:0;padding-right:0}
.page .sim{margin-top:clamp(40px,6vw,64px)}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:clamp(36px,5vw,56px)}
.pager a{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:6px;box-shadow:0 0 0 1px var(--line) inset;text-decoration:none;min-height:64px}
.pager a:hover{box-shadow:0 0 0 1px var(--gold) inset}
.pager small{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.pager span span,.pager a>span{font:600 19px/1.15 var(--display)}
.pg-n{justify-content:flex-end;text-align:right}
/* where you are: the way back to the opening, and every page */
.crumb{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}
.crumb a,.crumb button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:0;background:none;box-shadow:0 0 0 1px var(--line) inset;color:var(--text);font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.crumb a:hover,.crumb button:hover{box-shadow:0 0 0 1px var(--gold) inset;color:var(--gold-hi)}
.crumb .i{width:14px;height:14px}
.crumb a:focus-visible,.crumb button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
/* how to read it, on the opening */
.how{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin:22px 0 0;counter-reset:how}
.how li{position:relative;padding:20px 20px 20px 58px;border-radius:6px;box-shadow:0 0 0 1px var(--line) inset;font:400 16.5px/1.55 var(--sans);color:var(--text);counter-increment:how}
.how li::before{content:counter(how,decimal-leading-zero);position:absolute;left:20px;top:21px;font:500 12px/1.4 var(--mono);letter-spacing:.1em;color:var(--gold)}
.how b{display:block;font:600 19px/1.25 var(--display);color:var(--text);margin-bottom:4px}
.how .i{display:inline-block;width:16px;height:16px;vertical-align:-3px;color:var(--gold)}
.menu-how{font:400 15px/1.5 var(--sans);color:var(--mute);margin:-6px 0 26px}
@media (max-width:560px){.pager{grid-template-columns:1fr}}

/* the eight steps */
.cycle-wrap{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.cyc{display:grid;gap:10px;counter-reset:c}
.cyc li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px 14px;padding:14px 16px;border-radius:6px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset}
.cyc .num,.steps .num{font:600 18px/1 var(--display);color:var(--gold);grid-row:span 2;padding-top:3px}
.cyc b{font:600 16px/1.3 var(--sans)}
.cyc .cl{font-size:14px;color:var(--mute);font-style:italic}
.sides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.side h2{font:600 20px/1.2 var(--display);margin-bottom:12px}
@media (max-width:900px){.cycle-wrap,.sides{grid-template-columns:1fr}.cycle-wrap .cring{max-width:340px;margin:0 auto}}

/* where a fee goes */
.fee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.panel{padding:26px 24px;border-radius:6px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset;display:flex;flex-direction:column;gap:14px}
.k{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.panel h2{font:600 24px/1.15 var(--display)}
.stack{display:flex;height:16px;border-radius:999px;overflow:hidden;box-shadow:0 0 0 1px var(--line) inset}
.stack.sub{height:10px;margin-left:50%}
.stack i,.sw{display:block}
.sw-a{background:var(--seal-green)}.sw-b{background:#56605A}.sw-c{background:var(--gold)}.sw-d{background:var(--gold-mid)}.sw-e{background:var(--gold-hi)}
.subnote,.per{font-size:13px;color:var(--mute)}
.legend{display:grid;gap:8px}
.legend li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:15px}
.legend .sw{width:12px;height:12px;border-radius:2px}
.legend .v{font:500 13px var(--mono);color:var(--gold-hi)}
.range-box{padding:26px 24px;border-radius:6px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset;display:grid;gap:16px}
.range-box h2{font:600 24px/1.15 var(--display)}
.range{position:relative;height:56px;margin:8px 8px 0;border-bottom:1px solid var(--line-2)}
.band-r{position:absolute;top:14px;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(212,178,106,.3),rgba(212,178,106,.55));box-shadow:0 0 0 1px var(--gold) inset}
.range .dot{position:absolute;top:11px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:var(--foil);box-shadow:0 0 14px rgba(234,214,161,.6)}
.range .tk{position:absolute;bottom:-22px;transform:translateX(-50%);font:500 11px var(--mono);color:var(--mute)}
.range-key{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;color:var(--mute);margin-top:18px}
.band-sw{width:22px;height:10px;border-radius:999px;background:rgba(212,178,106,.45);box-shadow:0 0 0 1px var(--gold) inset}
.dot-sw{width:12px;height:12px;border-radius:50%;background:var(--foil)}
@media (max-width:800px){.fee-grid{grid-template-columns:1fr}}

/* the control loop */
.steps{display:grid;gap:10px}
.steps li{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);gap:16px;padding:18px 20px;border-radius:6px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset}
.steps h2{font:600 20px/1.2 var(--display);margin-bottom:6px}
.steps .say{color:var(--mute);font-size:15.5px}
.steps .cl{font-size:14px;color:var(--mute);font-style:italic;border-left:1px solid var(--gold-line);padding-left:16px}
.foot-n{margin-top:16px;color:var(--mute);font-size:14.5px}
@media (max-width:860px){.steps li{grid-template-columns:30px minmax(0,1fr)}.steps .cl{grid-column:2;border-left:0;padding-left:0}}

/* who decides */
.qv-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}
.tbl-wrap{overflow-x:auto;border-radius:6px;box-shadow:0 0 0 1px var(--line) inset}
.qv{width:100%;border-collapse:collapse;font-size:15px}
.qv caption{text-align:left;padding:16px 18px 6px;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.qv th,.qv td{padding:12px 18px;border-bottom:1px solid var(--line);text-align:left}
.qv th{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.qv .n{font:600 18px/1 var(--display);font-variant-numeric:lining-nums tabular-nums;width:72px}
.barcell{width:42%}
.cost-bar{display:block;height:8px;border-radius:999px;background:var(--foil);min-width:2px;max-width:100%}
.qv .src{color:var(--mute);font-size:13.5px}
@media (max-width:860px){.qv-wrap{grid-template-columns:1fr}}
@media (max-width:420px){.qv th,.qv td{padding:11px 9px}.qv caption{padding:14px 9px 6px}.qv .n{width:auto}.barcell{width:34%}.qv .src{font-size:12.5px}}

/* safeguards */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{padding:26px 24px;border-radius:6px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset;border-top:2px solid var(--tone,var(--gold));display:flex;flex-direction:column;gap:14px}
.card h2{font:600 24px/1.15 var(--display)}
.card>p{color:var(--mute);font-size:15.5px}
@media (max-width:900px){.cards{grid-template-columns:1fr}}

/* the engine */
.eng-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.eng-fig{margin:0}
.eng-fig figcaption{margin:18px auto 0;max-width:56ch;text-align:center;font-size:14.5px;line-height:1.55;color:var(--mute)}
@media (min-width:981px){.eng-fig{position:sticky;top:92px}}
@media (max-width:980px){.eng-grid{grid-template-columns:1fr}.eng-fig{max-width:640px;margin:0 auto}}
.ops{display:grid;gap:8px;margin-bottom:30px}
.ops li{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:3px 12px;padding:12px 14px;border-radius:6px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset;overflow:hidden}
.ops .hl{position:absolute;inset:0;background:linear-gradient(90deg,rgba(212,178,106,.17),rgba(212,178,106,.04) 62%,transparent);box-shadow:inset 2px 0 0 var(--gold);opacity:.06;animation:mv-st 40s ease-in-out infinite;animation-delay:var(--d);pointer-events:none}
.ops .num{position:relative;grid-row:span 2;padding-top:2px;font:600 18px/1 var(--display);color:var(--gold)}
.ops b{position:relative;font:600 15.5px/1.3 var(--sans)}
.ops .cl{position:relative;font-size:13.5px;line-height:1.5;color:var(--mute);font-style:italic}
.key-h{margin:0 0 12px;font:600 12px/1 var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
.parts{border-top:1px solid var(--line)}
.part{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:6px 18px;padding:14px 0;border-bottom:1px solid var(--line)}
.part dt b{display:block;font:600 17px/1.2 var(--display)}
.part dt span{display:block;margin-top:6px;font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.part dd{margin:0;font-size:15px;line-height:1.55;color:var(--mute)}
@media (max-width:560px){.part{grid-template-columns:1fr}}
.flows{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:16px;align-items:start}
.flow{padding:24px 22px;border-radius:6px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset}
.flow.in{border-top:2px solid var(--seal-green)}.flow.out{border-top:2px solid var(--gold)}
.flow-k{margin-bottom:14px;font:600 12px/1 var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.flow dl{display:grid;gap:14px}
.flow dt{font:600 16px/1.25 var(--sans)}
.flow dd{margin:3px 0 0;font-size:14.5px;line-height:1.55;color:var(--mute)}
.gate{margin-top:16px;padding:16px 18px;border-radius:6px;background:rgba(192,80,58,.07);box-shadow:0 0 0 1px rgba(192,80,58,.38) inset;font-size:16px;max-width:var(--measure)}
@media (max-width:820px){.flows{grid-template-columns:1fr}}
.proof{counter-reset:pf;margin-left:13px;border-left:1px solid var(--gold-line)}
.proof li{position:relative;padding:3px 0 20px 30px;max-width:var(--measure)}
.proof li::before{counter-increment:pf;content:counter(pf);position:absolute;left:-13px;top:0;width:26px;height:26px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px var(--gold) inset;font:600 13px/26px var(--display);text-align:center;color:var(--gold-hi)}
.proof li:last-child{padding-bottom:6px}
.proof li:last-child::before{background:var(--foil);color:#120C02;font-size:14.5px;box-shadow:0 0 14px rgba(234,214,161,.5)}
.proof-plain{margin-top:18px;max-width:30ch;font:600 clamp(21px,2.3vw,27px)/1.3 var(--display);color:var(--gold-hi)}
.follows-lead{margin:-8px 0 22px;max-width:var(--measure);color:var(--mute)}
.follows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fw{display:flex;flex-direction:column;gap:12px;padding:24px 22px 22px;border-radius:6px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset}
.fw-n{font:500 11px/1 var(--mono);letter-spacing:.14em;color:var(--gold)}
.fw h2{font:600 23px/1.15 var(--display)}
.fw-p{font-size:16px;line-height:1.55}
.fw-steps{counter-reset:fs;display:grid;gap:9px;padding-top:14px;border-top:1px solid var(--line)}
.fw-steps li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.55;color:var(--mute)}
.fw-steps li::before{counter-increment:fs;content:counter(fs);position:absolute;left:0;top:0;font:600 14px/1.55 var(--display);color:var(--gold)}
.fw-steps li:last-child{color:var(--text)}
.fw-note{font-size:13.5px;line-height:1.5;color:var(--mute);font-style:italic}
@media (max-width:860px){.follows{grid-template-columns:1fr}}

/* the timeline */
.tl{display:grid;gap:0;border-left:1px solid var(--gold-line);margin-left:8px}
.tl>li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:0 0 40px 28px;position:relative}
.tl>li::before{content:"";position:absolute;left:-6px;top:8px;width:11px;height:11px;transform:rotate(45deg);background:var(--ink);box-shadow:0 0 0 1px var(--gold)}
.tl>li.vp::before{background:var(--foil);box-shadow:0 0 14px rgba(234,214,161,.6)}
.yr{font:600 40px/1 var(--display);font-variant-numeric:lining-nums}
.yr small{display:block;margin-top:10px;font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.tl h2{font:600 26px/1.1 var(--display);margin-bottom:10px}
.tl h2 span{display:block;margin-top:6px;font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.tl .say{color:var(--mute);margin-bottom:14px;max-width:var(--measure)}
.tl>li.vp .yr{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media (max-width:720px){.tl>li{grid-template-columns:1fr;gap:12px}}

/* the drawings */
.figs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.figs figure{margin:0;display:flex;flex-direction:column;gap:12px}
.fig{display:block;padding:12px;border:0;border-radius:6px;background:#F4F0E4;cursor:zoom-in;box-shadow:0 0 0 1px var(--gold-line)}
.fig img{width:100%;height:auto;mix-blend-mode:multiply}
.figs figcaption{font-size:14px;color:var(--mute);font-style:italic;line-height:1.5}
.figs .pin{display:inline;margin:0 8px 0 0;font-style:normal}

/* the claims */
.claims{display:grid;gap:8px}
.claim{border-radius:6px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset}
.claim summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:130px minmax(0,1fr) 20px;gap:16px;align-items:baseline;padding:16px 18px;min-height:44px}
.claim summary::-webkit-details-marker{display:none}
.cn{font:600 18px/1.1 var(--display)}
.cn em{display:block;margin-top:6px;font:500 10.5px/1 var(--mono);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.pre{color:var(--mute);font-size:15px}
.tog::before{content:"+";color:var(--gold)}
.claim[open] .tog::before{content:"−"}
.cbody{padding:0 18px 18px;display:grid;gap:10px;font-size:15px;color:var(--text);max-width:80ch}
@media (max-width:640px){.claim summary{grid-template-columns:minmax(0,1fr) 20px}.pre{grid-column:1}}

/* questions */
.qa-list{display:grid;gap:0;border-top:1px solid var(--line)}
.qa-row{padding:26px 0;border-bottom:1px solid var(--line);display:grid;gap:10px}
.qa-row h2{font:600 26px/1.15 var(--display)}
.qa-row p{max-width:var(--measure)}
.qa-more a{display:inline-flex;gap:8px;align-items:center;color:var(--gold-hi);font-size:14.5px;text-decoration:none}

/* sources */
.method{font-size:17px;max-width:var(--measure);margin-bottom:22px}
.srclist{display:grid;gap:0;border-top:1px solid var(--line)}
.srclist li{padding:16px 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}
.srclist b{font-weight:600}
.pub{color:var(--mute);font-size:14.5px}
.when{font:500 11px var(--mono);color:var(--gold);letter-spacing:.06em}
.also{margin-top:32px;display:grid;gap:12px;max-width:var(--measure)}
.also h2{font:600 22px/1.2 var(--display)}
.also p{color:var(--mute);font-size:15.5px}

/* stamp scrip and VP2.0, side by side: a sheet of paper on the black */
.paper-sheet{padding:clamp(10px,2vw,18px);border-radius:6px;background:var(--paper);
  background-image:repeating-linear-gradient(115deg,rgba(142,106,44,.035) 0 1px,transparent 1px 7px),linear-gradient(180deg,#F7F2E4,#ECE4CF);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.8)}
.ps-frame{border:1px solid rgba(142,106,44,.55);outline:1px solid rgba(142,106,44,.3);outline-offset:4px;border-radius:2px;padding:clamp(8px,2vw,16px);color:var(--paper-ink)}
.ct{width:100%;border-collapse:collapse}
.ct th,.ct td{text-align:left;vertical-align:top;padding:16px 16px;border-bottom:1px solid rgba(26,29,26,.14);font-size:15.5px;line-height:1.55}
.ct thead th{border-bottom:2px solid var(--paper-ink);padding-bottom:14px}
.ct-k{display:block;font:600 22px/1 var(--display);color:var(--paper-ink)}
.ct-y{display:block;margin-top:6px;font:500 11px/1 var(--mono);letter-spacing:.14em;color:var(--paper-mute)}
.ct tbody th{font:600 17px/1.25 var(--display);width:22%;color:var(--paper-ink)}
.ct td{color:#3B3E37;width:39%}
.ct td.ct-vp{color:var(--paper-ink);background:rgba(212,178,106,.12)}
.ct thead th.ct-vp{background:rgba(212,178,106,.18)}
.ct thead th.ct-vp .ct-k{color:#6E4F14}
.ct .d{color:#6E4F14}
.ct tbody tr:last-child th,.ct tbody tr:last-child td{border-bottom:0}
@media (max-width:760px){
  .ct thead{display:none}
  .ct,.ct tbody,.ct tr,.ct th,.ct td{display:block;width:auto}
  .ct tr{padding:14px 0;border-bottom:1px solid rgba(26,29,26,.18)}
  .ct tbody th{padding:0 4px 8px;border:0;width:auto}
  .ct td{padding:10px 12px;border:0;border-radius:4px;width:auto}
  .ct td::before{content:attr(data-h);display:block;font:500 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-mute);margin-bottom:6px}
  .ct tbody tr:last-child{border-bottom:0}
}
.lands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.land{padding:24px 22px;border-radius:6px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset}
.land:last-child{box-shadow:0 0 0 1px var(--gold-line) inset;background:linear-gradient(180deg,rgba(212,178,106,.08),transparent),var(--ink-2)}
.land-k{font:600 12px/1 var(--display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.guard{margin-top:18px;color:var(--mute);font-size:15.5px;max-width:var(--measure)}
@media (max-width:700px){.lands{grid-template-columns:1fr}}

/* the hardest questions */
.obj-nav ol{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:baseline;gap:8px;padding:9px 13px;border-radius:999px;box-shadow:0 0 0 1px var(--line-2) inset;font-size:14px;text-decoration:none;line-height:1.3}
.chip:hover{box-shadow:0 0 0 1px var(--tone,var(--gold)) inset}
.chip-n{font:500 10.5px/1 var(--mono);color:var(--tone,var(--gold))}
.obj-list{display:grid;gap:22px;margin-top:clamp(28px,4vw,40px)}
.obj{padding:clamp(22px,3.4vw,36px);border-radius:8px;background:var(--ink-2);box-shadow:0 0 0 1px var(--line) inset;border-top:2px solid var(--tone,var(--gold));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:18px 36px}
.obj-who,.obj-q{grid-column:1/-1}
.obj-who{display:flex;gap:14px;align-items:baseline;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tone,var(--gold))}
.obj-n{color:var(--mute)}
.obj-q{font:600 clamp(26px,3.2vw,38px)/1.1 var(--display);max-width:26ch}
.obj-k{font:600 11px/1 var(--display);letter-spacing:.26em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.obj-case p:last-child{color:var(--mute);font-size:15.5px;font-style:italic}
.obj-ans .obj-k{color:var(--gold)}
.obj-plain{font:400 18px/1.55 var(--sans);margin-bottom:16px}
.obj-lines li{font-size:15px;color:var(--mute)}
.obj-lines li::before{width:6px;height:6px}
@media (max-width:820px){.obj{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- the footer */
.foot{position:relative;padding:72px 0 56px;background:linear-gradient(180deg,var(--ink),#070908)}
.foot-wave{top:0;opacity:.22}
.foot-in{max-width:var(--w);margin:0 auto;padding:0 var(--gut);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.foot-seal{position:relative;width:120px;height:120px;display:grid;place-items:center;margin-bottom:6px}
.foot-seal .ro{position:absolute;inset:0;width:120px;height:120px;color:var(--gold);opacity:.45}
.foot-seal .fm{width:64px;height:64px}
.foot-name{font:600 14px/1 var(--display);letter-spacing:.34em;text-transform:uppercase}
.foot-by a{color:var(--gold-hi);text-decoration:none;font-size:15px}
.foot-note{color:var(--mute);font-size:14px;max-width:46ch}
.foot-date{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute-2)}

/* the drawing, enlarged */
.lb{border:0;padding:0;max-width:min(1100px,96vw);max-height:92vh;background:#F4F0E4;border-radius:6px;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.lb::backdrop{background:rgba(5,6,5,.86)}
.lb img{max-width:100%;max-height:80vh;margin:0 auto}
.lb-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:var(--ink);color:var(--text)}
.lb-bar span{font:500 12px var(--mono);letter-spacing:.12em;color:var(--gold)}

/* ---------------------------------------------------------------- arrival */
/* the words come up like lights on a dimmer: in sight and readable from the first frame, at full strength within
   a second, so a reader (and a search engine timing the page) never waits on a blank */
@keyframes rise{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:none}}
.arrive-id>*,.arrive-start{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}
.arrive-id>*:nth-child(2){animation-delay:.08s}.arrive-id>*:nth-child(3){animation-delay:.16s}.arrive-id>*:nth-child(4){animation-delay:.24s}.arrive-start{animation-delay:.32s}
.hero-t>*{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}
.hero-t>*:nth-child(2){animation-delay:.08s}.hero-t>*:nth-child(3){animation-delay:.16s}
.hero-t>*:nth-child(4),.hero-t>*:nth-child(5){animation-delay:.24s}.hero-t>*:nth-child(6){animation-delay:.32s}
.page-top>*{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}
.page-top>*:nth-child(2),.page-top>*:nth-child(3){animation-delay:.1s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:1ms !important;animation-delay:0s !important;animation-iteration-count:1 !important;transition:none !important}
  .sim-arm{animation:none}
}

/* the coin */
.emblem .cb{position:absolute}
.emblem .L{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
@keyframes em-sheen{0%{transform:translateX(0)}24%{transform:translateX(980px)}100%{transform:translateX(980px)}}
@keyframes em-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes em-fadeIn{from{opacity:0}to{opacity:1}}
.emblem .coin{perspective:1000px;animation:em-arrive 1.05s cubic-bezier(.12,.86,.24,1) .15s both}
.emblem .tilt{position:absolute;inset:0;transform-style:preserve-3d}
.emblem .face3d{position:absolute;inset:0;transform:translateZ(0)}
.emblem .shbox{animation:em-fadeIn 1s ease-out 1.2s both}
.emblem .cshadow{position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(closest-side, rgba(0, 0, 0, .62), rgba(0, 0, 0, .3) 70%, rgba(0, 0, 0, 0));transform:translate(16px, 24px)}
@keyframes em-arrive{0%{transform:translateX(-780px) skewX(-16deg) scale(1.12);filter:blur(9px);opacity:0}12%{opacity:1}72%{transform:translateX(16px) skewX(3deg) scale(.97);filter:blur(0)}86%{transform:translateX(-5px) skewX(0) scale(1.01)}100%{transform:none}}
.emblem .streak{transform-origin:100% 50%;animation:em-streak .95s cubic-bezier(.2,.7,.2,1) both}
@keyframes em-streak{0%{transform:translateX(-120px) scaleX(.4);opacity:0}25%{opacity:1}70%{transform:translateX(120px) scaleX(1.2);opacity:.9}100%{transform:translateX(180px) scaleX(0);opacity:0}}
.emblem .ring{mix-blend-mode:screen;animation:em-ripple 4.4s cubic-bezier(.15,.6,.3,1) infinite both}
@keyframes em-ripple{0%{transform:scale(.86);opacity:0}6%{opacity:1}100%{transform:scale(1.85);opacity:0}}
.emblem .lt{position:absolute;opacity:.12;animation:em-lightUp .9s cubic-bezier(.2,.8,.2,1) both}
.emblem .lt b{position:absolute;inset:0;border-radius:50%;animation:em-relit 1.1s ease-out infinite}
@keyframes em-lightUp{0%{opacity:.12;transform:scale(1)}18%{opacity:1;transform:scale(2.4)}100%{opacity:1;transform:scale(1)}}
@keyframes em-relit{0%{opacity:1;transform:scale(1.6)}40%{opacity:.72;transform:scale(1)}100%{opacity:.72;transform:scale(1)}}
.emblem .halo-box{animation:em-haloIn 1.4s ease-out .9s both}
@keyframes em-haloIn{from{opacity:0}to{opacity:1}}
.emblem .halo{animation:em-breathe 8s ease-in-out 2.3s infinite alternate backwards}
@keyframes em-breathe{from{opacity:.7}to{opacity:.95}}
.emblem /* the turning parts are their own layers from the first frame,.emblem so that no part is painted again when its motion starts */
.dw,.emblem .vlit,.emblem .vlit-in{will-change:transform}
.emblem .dw{position:absolute;inset:0}
.emblem .net{position:absolute;left:0;top:0;width:440px;height:440px;overflow:visible;opacity:0;animation:em-linkIn 1.2s ease-out both}
.emblem .net line{stroke:#EAD6A1;stroke-width:.6;stroke-opacity:.17}
@keyframes em-linkIn{from{opacity:0}to{opacity:1}}
.emblem .pay{position:absolute;left:0;top:0;width:16px;height:3px;margin:-1.5px 0 0 -14px;border-radius:2px;opacity:0;background:linear-gradient(90deg,rgba(255,236,190,0),#FFF4D6 80%,#FFFFFF);box-shadow:0 0 8px rgba(255,228,170,.8);transform-origin:14px 1.5px;animation-name:em-pay;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-iteration-count:infinite;animation-fill-mode:both}
@keyframes em-pay{0%{transform:translate(var(--x),var(--y)) rotate(var(--r)) translateX(0) scaleX(.4);opacity:0}6%{opacity:1}34%{transform:translate(var(--x),var(--y)) rotate(var(--r)) translateX(var(--l)) scaleX(1);opacity:1}40%{transform:translate(var(--x),var(--y)) rotate(var(--r)) translateX(var(--l)) scaleX(.2);opacity:0}100%{transform:translate(var(--x),var(--y)) rotate(var(--r)) translateX(var(--l)) scaleX(.2);opacity:0}}
.emblem .bowtie{position:absolute;inset:4%;border-radius:50%;mix-blend-mode:screen;
  background:conic-gradient(from 0deg,rgba(255,255,255,0) 0deg 18deg,rgba(255,248,230,.13) 42deg,rgba(255,255,255,0) 66deg 198deg,rgba(255,248,230,.13) 222deg,rgba(255,255,255,0) 246deg 360deg);
  animation:em-fadeIn 1s ease-out 1.2s both}
.emblem .vlit{position:absolute;inset:0;-webkit-mask-image:conic-gradient(rgba(0, 0, 0, 0.072) 0deg,rgba(0, 0, 0, 0.034) 6deg,rgba(0, 0, 0, 0.015) 12deg,rgba(0, 0, 0, 0.006) 18deg,rgba(0, 0, 0, 0.002) 24deg,rgba(0, 0, 0, 0.001) 30deg,rgba(0, 0, 0, 0.000) 36deg,rgba(0, 0, 0, 0.000) 42deg,rgba(0, 0, 0, 0.000) 48deg,rgba(0, 0, 0, 0.000) 54deg,rgba(0, 0, 0, 0.000) 60deg,rgba(0, 0, 0, 0.000) 66deg,rgba(0, 0, 0, 0.000) 72deg,rgba(0, 0, 0, 0.001) 78deg,rgba(0, 0, 0, 0.005) 84deg,rgba(0, 0, 0, 0.012) 90deg,rgba(0, 0, 0, 0.030) 96deg,rgba(0, 0, 0, 0.063) 102deg,rgba(0, 0, 0, 0.118) 108deg,rgba(0, 0, 0, 0.195) 114deg,rgba(0, 0, 0, 0.284) 120deg,rgba(0, 0, 0, 0.365) 126deg,rgba(0, 0, 0, 0.413) 132deg,rgba(0, 0, 0, 0.413) 138deg,rgba(0, 0, 0, 0.365) 144deg,rgba(0, 0, 0, 0.284) 150deg,rgba(0, 0, 0, 0.195) 156deg,rgba(0, 0, 0, 0.118) 162deg,rgba(0, 0, 0, 0.063) 168deg,rgba(0, 0, 0, 0.030) 174deg,rgba(0, 0, 0, 0.012) 180deg,rgba(0, 0, 0, 0.005) 186deg,rgba(0, 0, 0, 0.001) 192deg,rgba(0, 0, 0, 0.000) 198deg,rgba(0, 0, 0, 0.000) 204deg,rgba(0, 0, 0, 0.000) 210deg,rgba(0, 0, 0, 0.000) 216deg,rgba(0, 0, 0, 0.000) 222deg,rgba(0, 0, 0, 0.000) 228deg,rgba(0, 0, 0, 0.000) 234deg,rgba(0, 0, 0, 0.001) 240deg,rgba(0, 0, 0, 0.002) 246deg,rgba(0, 0, 0, 0.006) 252deg,rgba(0, 0, 0, 0.015) 258deg,rgba(0, 0, 0, 0.034) 264deg,rgba(0, 0, 0, 0.072) 270deg,rgba(0, 0, 0, 0.137) 276deg,rgba(0, 0, 0, 0.237) 282deg,rgba(0, 0, 0, 0.375) 288deg,rgba(0, 0, 0, 0.541) 294deg,rgba(0, 0, 0, 0.713) 300deg,rgba(0, 0, 0, 0.857) 306deg,rgba(0, 0, 0, 0.939) 312deg,rgba(0, 0, 0, 0.939) 318deg,rgba(0, 0, 0, 0.857) 324deg,rgba(0, 0, 0, 0.713) 330deg,rgba(0, 0, 0, 0.541) 336deg,rgba(0, 0, 0, 0.375) 342deg,rgba(0, 0, 0, 0.237) 348deg,rgba(0, 0, 0, 0.137) 354deg,rgba(0, 0, 0, 0.072) 360deg);mask-image:conic-gradient(rgba(0, 0, 0, 0.072) 0deg,rgba(0, 0, 0, 0.034) 6deg,rgba(0, 0, 0, 0.015) 12deg,rgba(0, 0, 0, 0.006) 18deg,rgba(0, 0, 0, 0.002) 24deg,rgba(0, 0, 0, 0.001) 30deg,rgba(0, 0, 0, 0.000) 36deg,rgba(0, 0, 0, 0.000) 42deg,rgba(0, 0, 0, 0.000) 48deg,rgba(0, 0, 0, 0.000) 54deg,rgba(0, 0, 0, 0.000) 60deg,rgba(0, 0, 0, 0.000) 66deg,rgba(0, 0, 0, 0.000) 72deg,rgba(0, 0, 0, 0.001) 78deg,rgba(0, 0, 0, 0.005) 84deg,rgba(0, 0, 0, 0.012) 90deg,rgba(0, 0, 0, 0.030) 96deg,rgba(0, 0, 0, 0.063) 102deg,rgba(0, 0, 0, 0.118) 108deg,rgba(0, 0, 0, 0.195) 114deg,rgba(0, 0, 0, 0.284) 120deg,rgba(0, 0, 0, 0.365) 126deg,rgba(0, 0, 0, 0.413) 132deg,rgba(0, 0, 0, 0.413) 138deg,rgba(0, 0, 0, 0.365) 144deg,rgba(0, 0, 0, 0.284) 150deg,rgba(0, 0, 0, 0.195) 156deg,rgba(0, 0, 0, 0.118) 162deg,rgba(0, 0, 0, 0.063) 168deg,rgba(0, 0, 0, 0.030) 174deg,rgba(0, 0, 0, 0.012) 180deg,rgba(0, 0, 0, 0.005) 186deg,rgba(0, 0, 0, 0.001) 192deg,rgba(0, 0, 0, 0.000) 198deg,rgba(0, 0, 0, 0.000) 204deg,rgba(0, 0, 0, 0.000) 210deg,rgba(0, 0, 0, 0.000) 216deg,rgba(0, 0, 0, 0.000) 222deg,rgba(0, 0, 0, 0.000) 228deg,rgba(0, 0, 0, 0.000) 234deg,rgba(0, 0, 0, 0.001) 240deg,rgba(0, 0, 0, 0.002) 246deg,rgba(0, 0, 0, 0.006) 252deg,rgba(0, 0, 0, 0.015) 258deg,rgba(0, 0, 0, 0.034) 264deg,rgba(0, 0, 0, 0.072) 270deg,rgba(0, 0, 0, 0.137) 276deg,rgba(0, 0, 0, 0.237) 282deg,rgba(0, 0, 0, 0.375) 288deg,rgba(0, 0, 0, 0.541) 294deg,rgba(0, 0, 0, 0.713) 300deg,rgba(0, 0, 0, 0.857) 306deg,rgba(0, 0, 0, 0.939) 312deg,rgba(0, 0, 0, 0.939) 318deg,rgba(0, 0, 0, 0.857) 324deg,rgba(0, 0, 0, 0.713) 330deg,rgba(0, 0, 0, 0.541) 336deg,rgba(0, 0, 0, 0.375) 342deg,rgba(0, 0, 0, 0.237) 348deg,rgba(0, 0, 0, 0.137) 354deg,rgba(0, 0, 0, 0.072) 360deg);animation:em-scan 12s linear 2.15s infinite both}
.emblem .vlit-in{position:absolute;inset:0;animation:em-unscan 12s linear 2.15s infinite both}
@keyframes em-scan{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.45,0,.25,1)}10.8%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}
@keyframes em-unscan{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.45,0,.25,1)}10.8%{transform:rotate(-360deg)}100%{transform:rotate(-360deg)}}
.emblem .rimgold{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle closest-side,#AA9674 91.4%,#ECE5D6 92.6%,#FFFFFF 93.8%,#E6DDCB 95%,#9C896A 96.1%),conic-gradient(#C29646 0deg,#C09445 5deg,#C39848 10deg,#CDA558 15deg,#D1AB5F 20deg,#C39747 25deg,#A97F37 30deg,#9B722E 35deg,#946C2A 40deg,#926A29 45deg,#946C2A 50deg,#9A712D 55deg,#A17732 60deg,#A97F37 65deg,#B1863B 70deg,#B78C3F 75deg,#BB9042 80deg,#BE9344 85deg,#C09445 90deg,#C29646 95deg,#C39747 100deg,#C59A4B 105deg,#C99F51 110deg,#CFA85C 115deg,#D9B66C 120deg,#E3C57E 125deg,#EBD08F 130deg,#EDD396 135deg,#EBD08F 140deg,#E3C57E 145deg,#D9B66C 150deg,#CFA85C 155deg,#C99F51 160deg,#C59A4B 165deg,#C39747 170deg,#C29646 175deg,#C09445 180deg,#C09444 185deg,#C39748 190deg,#CDA558 195deg,#D1AB5F 200deg,#C39747 205deg,#A97F37 210deg,#9B722E 215deg,#946C2A 220deg,#926A29 225deg,#946C2A 230deg,#9A712D 235deg,#A17732 240deg,#A97F37 245deg,#B1863B 250deg,#B78C3F 255deg,#BC9042 260deg,#BF9344 265deg,#C29646 270deg,#C4994A 275deg,#C89E50 280deg,#CEA65A 285deg,#D7B369 290deg,#E3C47E 295deg,#EED69B 300deg,#F6E5B9 305deg,#FDF1D0 310deg,#FFF5D8 315deg,#FDF1D0 320deg,#F6E5B9 325deg,#EED69B 330deg,#E3C47E 335deg,#D7B369 340deg,#CEA65A 345deg,#C89E50 350deg,#C4994A 355deg,#C29646 360deg);
  background-blend-mode:multiply;-webkit-mask-image:radial-gradient(circle closest-side,transparent 91.3%,#000 91.45%,#000 96.05%,transparent 96.2%);
  mask-image:radial-gradient(circle closest-side,transparent 91.3%,#000 91.45%,#000 96.05%,transparent 96.2%)}
.emblem .lrsv{filter:drop-shadow(0 0 3px rgba(255, 226, 160, .55))}
.emblem .rimlight{position:absolute;inset:0;border-radius:50%;
  -webkit-mask-image:radial-gradient(circle closest-side,transparent 91.25%,#000 91.5%,#000 96%,transparent 96.25%);
  mask-image:radial-gradient(circle closest-side,transparent 91.25%,#000 91.5%,#000 96%,transparent 96.25%)}
.emblem .rl-iris,.emblem .rl-sheen{position:absolute;inset:0}
.emblem .rl-iris{transform:rotate(-28deg)}
.emblem .rl-sheen{transform:rotate(24deg)}
.emblem .rl-iris i,.emblem .rl-sheen i{position:absolute;top:-87.5px;height:495px}
.emblem .rl-iris i{left:-225px;width:137.5px;animation:em-rlSweep 7s cubic-bezier(.45,.05,.3,1) 3.55s infinite both;
  background:linear-gradient(90deg,rgba(245,217,142,0) 30%,rgba(245,217,142,.55) 42%,rgba(166,227,216,.6) 50%,rgba(201,182,240,.55) 58%,rgba(245,217,142,0) 70%)}
.emblem .rl-sheen i{left:-187.5px;width:75px;animation:em-rlSweep 7s cubic-bezier(.45,.05,.3,1) 7.05s infinite both;
  background:linear-gradient(90deg,rgba(255,248,230,0) 42%,rgba(255,255,255,.92) 50%,rgba(255,248,230,0) 58%)}
@keyframes em-rlSweep{0%{transform:translateX(0)}24%{transform:translateX(612.5px)}100%{transform:translateX(612.5px)}}
.emblem .lring{position:absolute;inset:0;transform:translateZ(.6px);animation:em-lrTurn 180s linear 3.3s infinite}
@keyframes em-lrTurn{from{transform:translateZ(.6px) rotate(0)}to{transform:translateZ(.6px) rotate(360deg)}}
.emblem .lrseg{transform-origin:256px 256px;opacity:0;animation:em-lrSegIn 1.15s cubic-bezier(.2,.75,.25,1.04) both}
@keyframes em-lrSegIn{from{transform:rotate(var(--a0));opacity:0}30%{opacity:1}to{transform:rotate(0);opacity:1}}
.emblem .lrflash{opacity:0;animation:em-lrFlash .7s ease-out both}
@keyframes em-lrFlash{0%{opacity:0}22%{opacity:.9}100%{opacity:0}}
.emblem .lrm{position:absolute;width:4.25px;height:4.25px;margin:-2.125px 0 0 -2.125px;opacity:.375;animation:em-lrMarkOn .5s ease-out both}
@keyframes em-lrMarkOn{from{opacity:.375}to{opacity:1}}
.emblem .lrm b{position:absolute;inset:0;border-radius:50%;background:#F4FFFB;box-shadow:0 0 5px rgba(191,227,218,.85);opacity:.4;animation:em-lrChase 4.8s ease-in-out infinite backwards}
@keyframes em-lrChase{0%{opacity:.4}1.5%{opacity:1}13.5%{opacity:.4}100%{opacity:.4}}
.emblem .w-vcore{animation:em-wind-vcore 5.67s linear 0.63s both}
@keyframes em-wind-vcore{0%{transform:rotate(75deg);animation-timing-function:cubic-bezier(.2,.75,.25,1.04)}28.22%{transform:rotate(0);animation-timing-function:linear}29.45%{transform:rotate(0);animation-timing-function:cubic-bezier(.333,0,.667,.333)}100%{transform:rotate(3.00deg)}}
.emblem .vcore{animation:em-turn-vcore 240s linear 6.3s infinite}
@keyframes em-turn-vcore{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.emblem .w-m3{animation:em-wind-m3 5.74s linear 0.56s both}
@keyframes em-wind-m3{0%{transform:rotate(100deg);animation-timing-function:cubic-bezier(.2,.75,.25,1.04)}27.87%{transform:rotate(0);animation-timing-function:linear}30.31%{transform:rotate(0);animation-timing-function:cubic-bezier(.333,0,.667,.333)}100%{transform:rotate(-20.00deg)}}
.emblem .m3{animation:em-turn-m3 36s linear 6.3s infinite}
@keyframes em-turn-m3{from{transform:rotate(0)}to{transform:rotate(-360deg)}}
.emblem .w-letters{animation:em-wind-letters 5.81s linear 0.49s both}
@keyframes em-wind-letters{0%{transform:rotate(-120deg);animation-timing-function:cubic-bezier(.2,.75,.25,1.04)}27.54%{transform:rotate(0);animation-timing-function:linear}31.15%{transform:rotate(0);animation-timing-function:cubic-bezier(.333,0,.667,.333)}100%{transform:rotate(8.00deg)}}
.emblem .letters{animation:em-turn-letters 90s linear 6.3s infinite}
@keyframes em-turn-letters{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.emblem .w-m2{animation:em-wind-m2 5.88s linear 0.42s both}
@keyframes em-wind-m2{0%{transform:rotate(-170deg);animation-timing-function:cubic-bezier(.2,.75,.25,1.04)}27.21%{transform:rotate(0);animation-timing-function:linear}31.97%{transform:rotate(0);animation-timing-function:cubic-bezier(.333,0,.667,.333)}100%{transform:rotate(-16.00deg)}}
.emblem .m2{animation:em-turn-m2 45s linear 6.3s infinite}
@keyframes em-turn-m2{from{transform:rotate(0)}to{transform:rotate(-360deg)}}
.emblem .w-m1{animation:em-wind-m1 5.95s linear 0.35s both}
@keyframes em-wind-m1{0%{transform:rotate(140deg);animation-timing-function:cubic-bezier(.2,.75,.25,1.04)}26.89%{transform:rotate(0);animation-timing-function:linear}32.77%{transform:rotate(0);animation-timing-function:cubic-bezier(.333,0,.667,.333)}100%{transform:rotate(12.00deg)}}
.emblem .m1{animation:em-turn-m1 60s linear 6.3s infinite}
@keyframes em-turn-m1{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.emblem .vpl{position:absolute;overflow:visible}
.emblem .vptop{transform:translateZ(var(--z));animation:em-vprise 1.15s cubic-bezier(.2,1.3,.35,1) var(--d) both}
@keyframes em-vprise{0%{transform:translateZ(0);opacity:0}22%{opacity:1}100%{transform:translateZ(var(--z));opacity:1}}
.emblem .vpsheen{transform:translateZ(var(--z))}
.emblem .vpglow{animation:em-vpglow 5s ease-in-out 2.45s infinite alternate both}
@keyframes em-vpglow{from{opacity:.1}to{opacity:.34}}
.emblem .vpshadow{animation:em-fadeIn 1s ease-out 1.35s both}
.emblem .vsh{position:absolute;inset:0;transform:rotate(22deg)}
.emblem .vsb{position:absolute;left:-100%;top:-100%;width:50%;height:300%;background:linear-gradient(90deg,rgba(255,248,230,0) 45%,rgba(255,255,255,.95) 50%,rgba(255,248,230,0) 55%)}
.emblem .vsb{animation:em-vpsheen 6s cubic-bezier(.45,.05,.3,1) 2.25s infinite both}
@keyframes em-vpsheen{0%{transform:translateX(0)}24%{transform:translateX(427px)}100%{transform:translateX(427px)}}
/* the movement */

.mv{position:relative;width:100%;max-width:640px;aspect-ratio:1/1;margin:0 auto;contain:layout}
.mv>div{position:absolute}
.mv .mv-l{display:block;width:100%;height:100%;overflow:visible}
.mv-defs{position:absolute;width:0;height:0;overflow:hidden}
.mv-halo{border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),rgba(0,0,0,.25) 80%,transparent);pointer-events:none}
.mv-num{font:600 30px var(--display);fill:#B99A57;text-anchor:middle}
.mv-num-hi{fill:#FBF0C8}
.mv-micro{font:600 10.5px var(--mono);letter-spacing:1.2px;fill:#3A2A0C;fill-opacity:.7}
.mv-eng{font:600 21px var(--display);letter-spacing:7px;fill:#D4B26A;fill-opacity:.34;text-anchor:middle}
.mv-eng-s{font-size:15px;letter-spacing:6px;fill:#1E2427;fill-opacity:.6}
.mv-rot-t{font:600 16.5px var(--display);letter-spacing:5px;fill:#4A3510;fill-opacity:.62;text-anchor:middle}
.mv-rot-hi{fill:#FFF6D8;fill-opacity:.35;transform:translateY(1px)}
.mv-cap-k{font:600 12.5px var(--mono);letter-spacing:1.6px;fill:#D4B26A;text-anchor:middle}
.mv-floor{fill:#E07A64}
.mv-cap-t{font:600 17px var(--display);letter-spacing:5px;fill:#EAD6A1;text-anchor:middle}
.mv-sun,.mv-car,.mv-rot,.mv-esc,.mv-pal,.mv-bal,.mv-hs,.mv-hand,.mv-turn{will-change:transform}
.mv-sun{animation:mv-cw 15s linear infinite}
.mv-car{animation:mv-cw 40s linear infinite}
.mv-car>div{position:absolute}
.mv-bridge{left:0;top:0;width:100%;height:100%}
.mv-spin,.mv-turn{display:block;width:100%;height:100%}
.mv-turn{animation:mv-ccw 8s linear infinite}
.mv-rot{animation:mv-swing 4.6s cubic-bezier(.45,0,.55,1) infinite alternate}
.mv-bal{animation:mv-bal 0.6s cubic-bezier(.37,0,.63,1) infinite alternate}
.mv-hs{animation:mv-hs 0.6s cubic-bezier(.37,0,.63,1) infinite alternate}
.mv-esc{animation:mv-cw 18s steps(30) -0.3s infinite}
.mv-pal{animation:mv-pal 1.2s linear -0.25s infinite}
.mv-hand{transform-origin:50% 50%;animation:mv-res 12s cubic-bezier(.45,0,.55,1) infinite}
.mv-flash{border-radius:50%;background:radial-gradient(closest-side,rgba(255,244,210,.95),rgba(234,214,161,.45) 45%,transparent);opacity:0;animation:mv-flash 12s ease-out infinite}
.mv-st{opacity:.06;animation:mv-st 40s ease-in-out infinite}
.mv-glass{left:2.6%;top:2.6%;width:94.8%;height:94.8%;border-radius:50%;overflow:hidden;pointer-events:none}
.mv-glass i{position:absolute;left:-30%;top:-30%;width:28%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07) 45%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.07) 55%,transparent);transform:translateX(-120%) rotate(24deg);animation:mv-glint 13s ease-in-out infinite}
@keyframes mv-cw{to{transform:rotate(360deg)}}
@keyframes mv-ccw{to{transform:rotate(-360deg)}}
@keyframes mv-swing{from{transform:rotate(-40deg)}to{transform:rotate(40deg)}}
@keyframes mv-bal{from{transform:rotate(-200deg)}to{transform:rotate(200deg)}}
@keyframes mv-hs{from{transform:rotate(-34deg) scale(.96)}to{transform:rotate(34deg) scale(1.04)}}
@keyframes mv-pal{0%,42%{transform:rotate(4.5deg)}50%,92%{transform:rotate(-4.5deg)}100%{transform:rotate(4.5deg)}}
@keyframes mv-res{0%{transform:rotate(-50deg)}22%{transform:rotate(-6deg)}27%{transform:rotate(-22deg)}50%{transform:rotate(24deg)}55%{transform:rotate(9deg)}72%{transform:rotate(60deg)}76%{transform:rotate(47deg)}88%{transform:rotate(30deg)}93%{transform:rotate(4deg)}100%{transform:rotate(-50deg)}}
@keyframes mv-flash{0%,69%{opacity:0}72.5%{opacity:1}82%,100%{opacity:0}}
@keyframes mv-st{0%,36%{opacity:.06}50%{opacity:1}64%,100%{opacity:.06}}
@keyframes mv-glint{0%,62%{transform:translateX(-120%) rotate(24deg)}100%{transform:translateX(560%) rotate(24deg)}}

/* the drawings at rest */
.em-paused .arrive-start,.em-paused .bowtie,.em-paused .coin,.em-paused .halo,.em-paused .halo-box,.em-paused .letters,.em-paused .lrflash,.em-paused .lring,.em-paused .lrm,.em-paused .lrm b,.em-paused .lrseg,.em-paused .lt,.em-paused .lt b,.em-paused .m1,.em-paused .m2,.em-paused .m3,.em-paused .mv-bal,.em-paused .mv-car,.em-paused .mv-esc,.em-paused .mv-flash,.em-paused .mv-glass i,.em-paused .mv-hand,.em-paused .mv-hs,.em-paused .mv-pal,.em-paused .mv-rot,.em-paused .mv-st,.em-paused .mv-sun,.em-paused .mv-turn,.em-paused .nd-lit,.em-paused .net,.em-paused .ops .hl,.em-paused .pay,.em-paused .ring,.em-paused .rl-iris i,.em-paused .rl-sheen i,.em-paused .shbox,.em-paused .sim-arm,.em-paused .streak,.em-paused .vcore,.em-paused .vlit,.em-paused .vlit-in,.em-paused .vpglow,.em-paused .vpshadow,.em-paused .vptop,.em-paused .vsb,.em-paused .w-letters,.em-paused .w-m1,.em-paused .w-m2,.em-paused .w-m3,.em-paused .w-vcore{animation-play-state:paused !important}
@media (scripting:enabled){[data-motion]:not(.em-go) .arrive-start,[data-motion]:not(.em-go) .bowtie,[data-motion]:not(.em-go) .coin,[data-motion]:not(.em-go) .halo,[data-motion]:not(.em-go) .halo-box,[data-motion]:not(.em-go) .letters,[data-motion]:not(.em-go) .lrflash,[data-motion]:not(.em-go) .lring,[data-motion]:not(.em-go) .lrm,[data-motion]:not(.em-go) .lrm b,[data-motion]:not(.em-go) .lrseg,[data-motion]:not(.em-go) .lt,[data-motion]:not(.em-go) .lt b,[data-motion]:not(.em-go) .m1,[data-motion]:not(.em-go) .m2,[data-motion]:not(.em-go) .m3,[data-motion]:not(.em-go) .mv-bal,[data-motion]:not(.em-go) .mv-car,[data-motion]:not(.em-go) .mv-esc,[data-motion]:not(.em-go) .mv-flash,[data-motion]:not(.em-go) .mv-glass i,[data-motion]:not(.em-go) .mv-hand,[data-motion]:not(.em-go) .mv-hs,[data-motion]:not(.em-go) .mv-pal,[data-motion]:not(.em-go) .mv-rot,[data-motion]:not(.em-go) .mv-st,[data-motion]:not(.em-go) .mv-sun,[data-motion]:not(.em-go) .mv-turn,[data-motion]:not(.em-go) .nd-lit,[data-motion]:not(.em-go) .net,[data-motion]:not(.em-go) .ops .hl,[data-motion]:not(.em-go) .pay,[data-motion]:not(.em-go) .ring,[data-motion]:not(.em-go) .rl-iris i,[data-motion]:not(.em-go) .rl-sheen i,[data-motion]:not(.em-go) .shbox,[data-motion]:not(.em-go) .sim-arm,[data-motion]:not(.em-go) .streak,[data-motion]:not(.em-go) .vcore,[data-motion]:not(.em-go) .vlit,[data-motion]:not(.em-go) .vlit-in,[data-motion]:not(.em-go) .vpglow,[data-motion]:not(.em-go) .vpshadow,[data-motion]:not(.em-go) .vptop,[data-motion]:not(.em-go) .vsb,[data-motion]:not(.em-go) .w-letters,[data-motion]:not(.em-go) .w-m1,[data-motion]:not(.em-go) .w-m2,[data-motion]:not(.em-go) .w-m3,[data-motion]:not(.em-go) .w-vcore{animation-play-state:paused !important}.emblem:not(.em-go) .stage>:not(:has(>.lt)){display:none}[data-motion]:not(.em-go) .lt,[data-motion]:not(.em-go) .lt b{animation:none}}