*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:'MedievalSharp','UnifrakturMaguntia','Cinzel Decorative',serif;
  background: linear-gradient(180deg,#0b0b0b 0%, #141414 60%, #0b0b0b 100%);
  color:#eee;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  -webkit-text-size-adjust:100%;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(60% 60% at 50% 40%, rgba(255,255,255,0.012) 0%, rgba(0,0,0,0.10) 35%, rgba(0,0,0,0.45) 65%, rgba(0,0,0,0.92) 100%),
    radial-gradient(40% 30% at 10% 15%, rgba(255,255,255,0.01) 0%, rgba(0,0,0,0) 30%);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-size:130% 130%;
  mix-blend-mode:normal;
  transform:translateZ(0);
}

.center{
  font-size:clamp(48px, calc(2.5vh + 4vw), 220px);
  letter-spacing:0.08em;
  text-align:center;
  color:#e9e6e0;
  text-shadow: 0 4px 14px rgba(0,0,0,0.85);
  transform:translateY(-2%);
  user-select:none;
  -webkit-font-smoothing:antialiased;
  text-transform:uppercase;
  line-height:1;
  padding:0 8vw;
  word-break:break-word;
  overflow-wrap:break-word;
  hyphens:auto;
  white-space:normal;
  max-width:92vw;
}

@media (max-width:420px){
  .center{
    font-size:clamp(36px, 9.5vw, 90px);
    letter-spacing:0.03em;
    padding:0 6vw;
    max-width:88vw;
    word-break:normal;
  }
}

@media (min-width:1600px){
  .center{font-size:clamp(64px, calc(2.2vh + 6vw), 300px)}
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){
  .center{font-size:clamp(54px, calc(2.6vh + 4.5vw), 240px)}
}