/* wurch.dev — the front door. One screen: the wordmark, the line under it,
   and one path in. Everything else is one click away, at felipe.wurch.dev.
   Built on the shared world in styles.css — link that first, this second. */

body{
  height:100vh;
  height:100dvh;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
}

.constellation{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.62}
.landing-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(680px circle at 50% 48%,rgba(24,25,30,.032),transparent 72%)}

.landing{
  position:relative;
  z-index:1;
  width:100%;
  max-width:100vw;
  text-align:center;
  padding:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(16px,3vh,26px);
}

.wordmark{
  font-family:ui-serif,Georgia,serif;
  font-weight:600;
  font-size:clamp(3rem,12vw,7rem);
  line-height:.9;
  letter-spacing:-.04em;
}
.wordmark .dot{color:var(--accent)}

.tagline{
  font-family:var(--font-mono);
  font-size:.86rem;
  letter-spacing:.04em;
  color:var(--ink-soft);
}

.meta-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:6px;
}
.meta-links .link-btn{min-height:44px}

@media (prefers-color-scheme:dark){.constellation{opacity:.7}.landing-glow{background:radial-gradient(680px circle at 50% 48%,rgba(242,241,236,.026),transparent 72%)}}
@media (max-width:480px){.wordmark{font-size:11vw}.tagline{font-size:.75rem}}
@media (prefers-reduced-motion:reduce){.constellation{display:none}}