/* The Liquidity Letter signup. Fraunces and Instrument Sans, navy and brass on the site paper. */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:300 600;font-display:swap;src:url("/fonts/fraunces-300-600.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url("/fonts/instrument-sans-400-700.woff2") format("woff2")}

.ll-foot{
  margin-top:2rem;
  padding:1.25rem 1.25rem 1rem;
  max-width:32rem;
  background:#FFFDF8;
  color:#1C1B19;
  border:1px solid #E4DCCD;
  border-top:3px solid #B8893B;
  border-radius:16px;
  font-family:var(--text),"Instrument Sans",system-ui,-apple-system,sans-serif;
}
.ll-foot__h{
  margin:0;
  font-family:var(--display),"Fraunces",Georgia,"Times New Roman",serif;
  font-weight:450;
  font-size:clamp(1.55rem,1.3rem + .8vw,2rem);
  letter-spacing:-.02em;
  line-height:1.12;
  color:#0F1E33;
}
.ll-foot__tag{
  margin:.4rem 0 .9rem;
  max-width:42ch;
  color:#6E675E;
  line-height:1.5;
  font-size:1rem;
}
.ll-foot__frame{
  height:320px;
  overflow:hidden;
  border-radius:12px;
  border:1px solid #E4DCCD;
  background:#fff;
}
.ll-foot__frame iframe{
  display:block;
  width:100%;
  height:320px;
  border:0;
}
.ll-foot__fallback{margin:.75rem 0 0;font-size:.95rem;line-height:1.4}
.ll-foot__fallback a{color:#0F1E33;font-weight:600}

.ll-pop{
  position:fixed;
  inset:0;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.25rem;
}
.ll-pop__backdrop{position:absolute;inset:0;background:rgba(15,30,51,.55)}
.ll-pop__dialog{
  position:relative;
  width:min(32rem,100%);
  max-height:min(92vh,40rem);
  overflow:auto;
  background:#FFFDF8;
  color:#1C1B19;
  border-radius:16px;
  border-top:4px solid #B8893B;
  padding:1.35rem 1.25rem 1.1rem;
  box-shadow:0 30px 70px -28px rgba(15,30,51,.55);
  font-family:var(--text),"Instrument Sans",system-ui,-apple-system,sans-serif;
}
.ll-pop__dialog .ll-foot__h{padding-right:2.75rem}
.ll-pop__x{
  position:absolute;
  top:.45rem;
  right:.45rem;
  width:2.75rem;
  height:2.75rem;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#0F1E33;
  font-size:1.6rem;
  line-height:1;
  cursor:pointer;
}
.ll-pop__x:hover{background:rgba(15,30,51,.06)}
@media (max-width:760px){
  .ll-pop{align-items:flex-end;padding:0}
  .ll-pop__dialog{
    width:100%;
    max-width:none;
    max-height:min(92dvh,640px);
    border-radius:18px 18px 0 0;
    padding-bottom:calc(1rem + env(safe-area-inset-bottom));
  }
}
@media (prefers-reduced-motion:no-preference){
  .ll-pop__dialog{animation:llIn .32s cubic-bezier(.23,1,.32,1)}
}
@media (max-width:760px) and (prefers-reduced-motion:no-preference){
  .ll-pop__dialog{animation-name:llSheet}
}
@keyframes llIn{from{opacity:0;transform:translateY(12px)}}
@keyframes llSheet{from{transform:translateY(100%)}}