/* Apply colors and centering directly to the body */
html, body {
  height: 100%;
}

body {
  margin: 0;
  background: #28241C;   /* requested background */
  color: #827450;          /* requested text color */

  /* Center the content */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  /* Robust viewport handling across browsers */
  min-height: 100vh;
  min-height: 100svh; /* small viewport (mobile address-bar safe) */
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell,
               "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji",
               "Segoe UI Emoji", "Segoe UI Symbol";
}

.container {
  padding: 2rem;
}

/* Visually hidden but accessible heading */
.sr-only {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.logo {
  display: block;
  width: 100%;
  max-width: 600px;
  height: auto;
  margin: 0 auto;
  image-rendering: auto;

  /* Circular fade-out effect */
  -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 70%);
  mask-image: radial-gradient(circle, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 70%);

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;

  -webkit-mask-size: contain;
  mask-size: contain;
}


.tagline {
  margin-top: 1rem;
  font-family: 'Cinzel', serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 1.1rem;
  color: #827450;
  text-shadow: 0 0 1px #827450;
}