:root{color-scheme:dark;--gold:#c9954c;--cream:#ead6aa;--line:#74521f}*{box-sizing:border-box}body{margin:0;background:#050707;color:var(--cream);font-family:Bahnschrift,'Arial Narrow',Arial,sans-serif;background-image:linear-gradient(#050707eb,#050707f5),url('assets/background.webp');background-size:cover;background-attachment:fixed;line-height:1.65}a{color:var(--gold);text-underline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:26px 30px;border-bottom:1px solid var(--line);gap:20px}.brand-name{text-transform:uppercase;font-family:Georgia,serif;font-size:22px;color:var(--cream);text-decoration:none;letter-spacing:.09em}.brand-name span{color:var(--gold)}main{max-width:900px;margin:30px auto;padding:0 26px}main>nav{font-size:14px}article{position:relative;margin:28px 0;padding:40px 46px;background:#070b0bef;border:1px solid var(--gold);outline:1px solid #533916;outline-offset:5px;border-radius:10px;overflow:hidden}.art{float:right;width:155px;margin:4px 0 10px 24px}.art img{display:block;width:100%;height:auto}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.18em;text-transform:uppercase}h1{font-family:Georgia,serif;color:#e6c793;font-size:clamp(30px,5vw,48px);line-height:1.12;font-weight:500;margin:20px 0 28px}h2{font-size:21px;color:var(--gold);font-weight:500;line-height:1.35}article p:not(.eyebrow){font-size:18px;max-width:65ch}.back{display:inline-block;margin-top:20px;border:1px solid var(--line);border-radius:4px;padding:10px 17px;text-decoration:none}.stages{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:24px 0}.stages a{padding:8px 14px;border:1px solid var(--line);text-decoration:none}.stages a[aria-current]{border-color:var(--gold);background:#241c0f}a:hover{color:#ffe8b9}a:focus-visible{outline:2px solid #ffe8b9;outline-offset:5px}footer{text-align:center;padding:28px 24px 40px;color:var(--gold);text-transform:uppercase;font-size:12px;letter-spacing:.15em}@media(max-width:550px){header{padding:20px}.brand-name{font-size:16px}main{padding:0 18px}article{padding:26px 24px}.art{width:110px}article p:not(.eyebrow){font-size:17px}}