/* hemish.st — one name, centred. No script; the CSP allows only 'self'. */

@font-face {
  font-family: "Geist";
  src: url("/fonts/Geist-hemishst-1.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #f4f2ee;
  --ink: #161614;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #111110;
    --ink: #ecebe7;
  }
}

*, *::before, *::after { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

main {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 24px 16px;
}

h1 {
  margin: 0;
  font-size: clamp(2.5rem, 9vw, 7.5rem);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 1;
  text-align: center;
  animation: rise 1.1s cubic-bezier(.2, .7, .2, 1) both;
}

@keyframes rise {
  from { opacity: 0; transform: translateY(.18em); filter: blur(6px); }
  to   { opacity: 1; transform: none; filter: none; }
}

@media (prefers-reduced-motion: reduce) {
  h1 { animation: none; }
}

h1 a { color: inherit; text-decoration: none; }

::selection { background: var(--ink); color: var(--bg); }