@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@600;700&family=Space+Grotesk:wght@400;500;700&display=swap');
:root{--ink:#1638D6;--panel:#0F2BB0;--rule:#4E6BF0;--dim:#C9D3FF;--text:#F2F5FF;--paper:#FFFFFF;--flame:#FFEA00;--on-flame:#0A1A80;
--display:'Unbounded',Arial,sans-serif;--body:'Space Grotesk',Arial,sans-serif;--mono:'Space Grotesk',Arial,sans-serif}
body{background:var(--ink)}
h1,h2,h3,.shout,.brand b{font-family:var(--display)!important;font-weight:700!important;letter-spacing:-0.02em!important;text-transform:none}
.shout{font-size:clamp(40px,6.4vw,92px)!important;line-height:1!important}
.brand b{font-size:clamp(22px,2.4vw,28px)!important}
.slide h2,.slide h3{font-size:clamp(28px,3vw,40px)}
.slide{border-radius:18px}.bld{border-radius:14px}.btn{border-radius:999px}
body{position:relative;isolation:isolate}body::before{content:"";position:absolute;left:0;right:0;top:0;height:1100px;z-index:-1;pointer-events:none}body::before{background-image:radial-gradient(circle,rgba(255,255,255,.16) 0 34%,transparent 36%);background-size:26px 26px;-webkit-mask-image:radial-gradient(120% 90% at 100% 0%,#000 0%,rgba(0,0,0,.6) 35%,transparent 70%);mask-image:radial-gradient(120% 90% at 100% 0%,#000 0%,rgba(0,0,0,.6) 35%,transparent 70%)}
.nav,.nav a{font-weight:700!important}
.shout{font-size:clamp(48px,7.68vw,110px)!important}
.brand b{font-size:clamp(26px,2.9vw,34px)!important}
.nav a{color:#FFFFFF!important;transition:color .15s}.nav a:hover,.nav a:focus-visible{color:var(--flame)!important}
/* era colors on the timeline */
#story{position:relative;background:var(--ink);box-shadow:0 0 0 100vmax var(--ink);clip-path:inset(0 -100vmax);padding-block:56px 64px;transition:background-color .5s,box-shadow .5s,color .5s}
#story .player,#story .slide,#story .rail,#story h2,#story .ctrl button,#story .stext,#story .stop{transition:background-color .5s,color .5s,border-color .5s,box-shadow .5s}
#story[data-era="2000"]{--ink:#FFE14A;--panel:#FFF3A6;--rule:#E3C21F;--dim:#3A4FA8;--text:#0E1F66;--paper:#1638D6;--flame:#1638D6;--on-flame:#FFFFFF}
#story[data-era="2008"]{--ink:#9ED8FF;--panel:#CBEBFF;--rule:#6FBDF0;--dim:#21507A;--text:#0B2742;--paper:#0B2742;--flame:#FF4F1F;--on-flame:#FFFFFF}
#story[data-era="2012"]{--ink:#FF9ACB;--panel:#FFC6E2;--rule:#F06AAE;--dim:#5A1F45;--text:#2A0E22;--paper:#2A0E22;--flame:#1638D6;--on-flame:#FFFFFF}
#story[data-era="2019"]{--ink:#9EEBC4;--panel:#CFF7E2;--rule:#5FCF98;--dim:#1F5A3E;--text:#0C2E1F;--paper:#0C2E1F;--flame:#E63B6F;--on-flame:#FFFFFF}
#story[data-era="2022"]{--ink:#FFB36B;--panel:#FFD7B0;--rule:#F08A30;--dim:#6A3210;--text:#33160A;--paper:#33160A;--flame:#1638D6;--on-flame:#FFFFFF}
body::before{background-image:radial-gradient(circle,rgba(255,255,255,.07) 0 34%,transparent 36%)!important}