:root{
  --maroon:#701112;
  --maroon-deep:#4d0b0c;
  --gold:#c9a45c;
  --gold-soft:rgba(201,164,92,.72);
  --serif:"Cormorant Garamond","EB Garamond",Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden}
body{
  background:var(--maroon);
  background-image:radial-gradient(ellipse at 50% 38%,var(--maroon) 0%,var(--maroon) 35%,var(--maroon-deep) 100%);
  color:var(--gold);
  font-family:var(--serif);
  -webkit-font-smoothing:antialiased;
}
.page{
  height:100vh;height:100dvh;
  overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  padding:clamp(20px,4vh,56px) 24px;
  text-align:center;
}
.frame{
  position:fixed;inset:clamp(12px,2vw,24px);
  border:1px solid rgba(201,164,92,.35);
  pointer-events:none;
}
.spacer{height:1px}
main{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,4vh,44px);max-width:720px}
.logo{width:auto;height:auto;max-width:min(560px,80vw);max-height:36vh;max-height:36dvh;display:block;animation:rise 1.4s ease-out both}
.rule{width:64px;height:1px;background:var(--gold);opacity:.7}
h1{
  margin:0;
  font-weight:500;
  font-size:clamp(1.5rem,min(5.2vw,6.5vh),3.6rem);
  line-height:1.12;
  letter-spacing:.01em;
}
p{
  margin:0;
  font-size:clamp(.95rem,min(2vw,2.8vh),1.3rem);
  line-height:1.6;
  color:var(--gold-soft);
  max-width:34em;
}
footer{font-size:.95rem;color:var(--gold-soft);letter-spacing:.04em}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.logo{animation:none}}