@font-face{font-family:Cinzel;src:url('assets/Cinzel-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
/* This release's palette; change these tokens with future artwork. */
:root{color-scheme:dark;--ground:#160504;--ink:#f2dcd3;--accent:#e5b4a4;--hover:#fff4eb;--glow:rgba(155,30,20,.3)}
*{box-sizing:border-box}
html{min-height:100%;background:var(--ground)}
body{margin:0;min-height:100svh;color:var(--ink);text-align:center;overflow-x:hidden}
.backdrop{position:fixed;inset:0;z-index:0;background:linear-gradient(to bottom,transparent 75%,var(--ground) 100%) center top/100% 56.28vw no-repeat,url('assets/background.webp') center top/100% auto no-repeat;pointer-events:none}
main{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:clamp(28px,6vh,70px) 24px 70px}
.logo-wrap{width:min(900px,64vw);margin:0 auto;filter:drop-shadow(1px 0 0 #320301) drop-shadow(-1px 0 0 #320301) drop-shadow(0 1px 0 #320301) drop-shadow(0 -1px 0 #320301) drop-shadow(0 3px 3px #000)}
/* Exact original alpha silhouette: all shading and texture stay inside it. */
.logo {
    display: block;
    width: 100%;
    aspect-ratio: 1672 / 941;
    background: url('assets/logo.png') center / contain no-repeat;
}
h1{font:400 clamp(24px,3.1vw,48px)/1.35 Cinzel,Georgia,serif;text-transform:uppercase;letter-spacing:.035em;margin:clamp(48px,8vh,90px) 0 30px;text-shadow:0 2px 18px #160504}
nav{display:flex;gap:24px;align-items:center;justify-content:center}
a{display:grid;place-items:center;width:50px;height:54px;color:var(--accent);transition:color .2s,filter .2s}
a svg{width:40px;height:40px;fill:currentColor;transition:transform .25s}
a:hover{color:var(--hover);filter:drop-shadow(0 0 12px var(--glow))}
a:hover svg{transform:translateY(-4px)}
a:focus-visible{outline:2px solid var(--hover);outline-offset:6px;border-radius:5px}
@media(max-width:600px){main{justify-content:center;padding:40px 16px 15svh}.logo-wrap{width:96vw;max-width:560px}h1{margin:48px 0 24px;font-size:clamp(24px,6.2vw,36px);letter-spacing:.015em}nav{gap:20px}.backdrop{background-size:100% 100%,auto 100%;background-position:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}a:hover svg{transform:none}}