/* Shared by the three coming-soon concepts: faces, tokens, frame. Mobile first. */
@font-face{font-family:Spartan;src:url(assets/fonts/spartan-regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Spartan;src:url(assets/fonts/spartan.ttf) format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:SedgwickAve;src:url(assets/fonts/sedgwick-ave.ttf) format('truetype');font-weight:400;font-display:swap}
:root{--ink:#f2f2f0;--dim:rgba(242,242,240,.62);--bg:#070808;--gold:#d9c227;--amber:#e3b21f;--aqua:#5bc9dd;
  --pad:max(24px,env(safe-area-inset-left));--top:max(24px,env(safe-area-inset-top));--bottom:max(26px,env(safe-area-inset-bottom))}
*{box-sizing:border-box;margin:0}
html{background:var(--bg)}
body{min-height:100svh;height:100svh;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Spartan,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;
  display:flex;flex-direction:column;position:relative}
.top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:var(--top) var(--pad) 0}
.logo{width:132px;height:auto;display:block}
.tag{font-weight:700;font-size:12px;letter-spacing:.24em;color:var(--aqua);white-space:nowrap}
.hand{font-family:SedgwickAve,cursive;font-weight:400;color:var(--gold)}
.foot{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:0 var(--pad) var(--bottom)}
.soon{font-weight:700;font-size:20px;letter-spacing:.22em;color:var(--aqua)}
.since{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-align:right}
@media(min-width:900px){:root{--pad:4.2vw;--top:32px;--bottom:36px}.logo{width:170px}.tag{font-size:13px}.soon{font-size:26px}.since{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}