/* Splash page (public). Direction "Være": the tagline carries the page, a field of
   points dissolves upward, one short line of light beneath the words. */
html,body{height:100%}
.splash{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:20px var(--gutter) 24px;overflow:hidden;isolation:isolate}
.splash::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(circle,var(--dot) 1px,transparent 1.4px);background-size:14px 14px;
  -webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.35) 30%,transparent 62%);
          mask-image:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.35) 30%,transparent 62%)}
.splash-top{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px}
.splash-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:48px 0 32px}
.tagline{font-family:var(--serif);font-weight:400;font-size:clamp(44px,9.5vw,112px);line-height:1;letter-spacing:-.01em;margin:0}
.tagline em{font-style:italic;white-space:nowrap}
.light{width:min(160px,40vw);height:1px;margin:36px auto 32px;border:0;
  background:linear-gradient(90deg,transparent,var(--light-core),transparent);box-shadow:0 0 14px 2px var(--glow)}
.lede{font-size:clamp(18px,2.2vw,22px);line-height:1.5;max-width:36ch;margin:0 auto}
.name{margin:16px auto 0;font-size:16px;color:var(--ink-2);max-width:40ch}
.name i{font-family:var(--serif);font-size:1.15em}
.btn{margin-top:28px;display:inline-block;padding:11px 22px;border:1px solid var(--ink);color:var(--ink);text-decoration:none;
  font-size:15px;letter-spacing:.03em;background:var(--page)}
.btn:hover{background:var(--ink);color:var(--page)}
.splash-foot{display:flex;justify-content:center;width:100%}
.splash-foot .theme{background:var(--page);border-radius:999px;padding:2px}
.lede,.name{text-wrap:balance}