@font-face{font-family:"Cinzel";src:url("/fonts/cinzel-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:block}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{margin:0;padding:0;width:100%;height:100vh;height:100svh;height:100dvh;background:#000;color:#f5f3ee;overflow:hidden}
body{font-family:"Cinzel","Trajan Pro",Georgia,"Times New Roman",serif;font-weight:700;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main{position:fixed;inset:0;margin:0;padding:0;display:grid;place-items:center}
h1{margin:0;padding:0 0 0 .05em;text-box:trim-both cap alphabetic;font-weight:700;font-size:clamp(2.5rem,7.2vw,6.25rem);line-height:1.1;letter-spacing:.06em;
  text-align:center;width:max-content;max-width:min(22ch,88vw);text-wrap:balance}
h1 a{color:inherit;text-decoration:none}
.w{display:inline-block;margin-right:-.06em;opacity:0;filter:blur(14px);transform:translateY(.22em);
  animation:reveal 2.4s cubic-bezier(.22,.61,.36,1) both;will-change:opacity,filter,transform}
.w:nth-child(1){animation-delay:.8s}
.w:nth-child(2){animation-delay:2s}
.w:nth-child(3){animation-delay:3.2s}
.w:nth-child(4){animation-delay:4.4s}
@keyframes reveal{0%{opacity:0;filter:blur(14px);transform:translateY(.22em)}
  100%{opacity:1;filter:blur(0);transform:none}}
@media (prefers-reduced-motion:reduce){.w{animation:none;opacity:1;filter:none;transform:none}}