@font-face { font-family:Cinzel; src:url('/assets/fonts/Cinzel-Medium.ttf') format('truetype'); font-style:normal; font-weight:500; font-display:swap; }
:root { --alchemysterium-header-height:100px; }
body { padding-top:var(--alchemysterium-header-height) !important; }
.alchemysterium-site-bar { position:fixed; inset:0 0 auto 0; z-index:10000; display:grid; place-items:center; height:var(--alchemysterium-header-height); padding:16px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left)); background:#0b0d0d; }
.alchemysterium-home-link { display:grid; place-items:center; width:min(768px,92vw); height:72px; color:#747876; text-decoration:none; }
.alchemysterium-home-link:hover,.alchemysterium-home-link:focus-visible { color:#939896; outline:none; }
.alchemysterium-home-link .back-arrow { position:absolute; left:max(18px,env(safe-area-inset-left)); top:50%; display:grid; place-items:center; width:38px; height:38px; transform:translateY(-50%); border-radius:8px; color:#c8aa6a; font:400 20px/1 system-ui,sans-serif; }
.alchemysterium-home-link:hover .back-arrow,.alchemysterium-home-link:focus-visible .back-arrow { background:rgba(200,170,106,.1); }
.alchemysterium-home-link .brand-name { font-family:Cinzel,Georgia,serif; font-size:46px; font-weight:500; line-height:1; letter-spacing:10px; text-transform:uppercase; white-space:nowrap; }
@media (max-width:820px) { .alchemysterium-site-bar ~ .wrap header { top:var(--alchemysterium-header-height); } }
@media (max-width:680px) { :root { --alchemysterium-header-height:66px; } .alchemysterium-site-bar { padding-block:8px; } .alchemysterium-home-link { width:auto; height:50px; } .alchemysterium-home-link .brand-name { font-size:clamp(1.25rem,6.2vw,1.65rem); letter-spacing:.16em; } .alchemysterium-home-link .back-arrow { left:max(8px,env(safe-area-inset-left)); width:34px; height:34px; } }