@font-face {
  font-family: "Jost";
  src: url("/jost.3705d961ba.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px 16px 56px;
  background: #070605;
  color: #ece4d6;
  font-family: "Jost", "Helvetica Neue", Arial, system-ui, sans-serif;
  overflow-x: hidden;
}
#life { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; }
main { position: relative; z-index: 1; text-align: center; max-width: 100%; }
.logo { display: block; margin: 0 auto .1em; width: clamp(96px, 28vw, 176px); height: auto; aspect-ratio: 1; }
h1 {
  margin: 0 0 .25em;
  font-weight: 300;
  font-size: clamp(56px, 16vw, 120px);
  line-height: 1.1;
  letter-spacing: .02em;
  overflow-wrap: anywhere;
  color: #f7d8b0;
  background: linear-gradient(180deg, #f7d8b0, #d9a574 70%, #c88a56);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
p { margin: 0; text-wrap: balance; font-size: clamp(18px, 4.5vw, 24px); font-weight: 400; color: #cfc4b1; line-height: 1.4; }
p + p { margin-top: 1.25em; font-size: 16px; }
a { color: #f6b25c; text-underline-offset: .2em; }
a:focus-visible { outline: 2px solid #f6b25c; outline-offset: 4px; }
footer {
  position: fixed; left: 0; right: 0; bottom: 16px; z-index: 1;
  text-align: center; font-size: 13px; letter-spacing: .08em; color: #b0a594;
}
@media (forced-colors: active) {
  h1 {
    background: none;
    -webkit-text-fill-color: CanvasText;
    color: CanvasText;
    forced-color-adjust: auto;
  }
  p, footer { color: CanvasText; }
  a { color: LinkText; }
}