@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Libre+Baskerville:wght@400;700&display=swap');

:root{--black:#050505;--ink:#0b0a08;--gold:#c9a45b;--gold2:#f0d08b;--paper:#e8dfcf;--red:#6e0e0e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--paper);font-family:"Libre Baskerville",Georgia,serif;line-height:1.65}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(circle at 20% 10%,#6d4b1d 0,transparent 24%),radial-gradient(circle at 80% 80%,#3d2911 0,transparent 28%);z-index:-1}
.topbar{height:78px;position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(2,2,2,.92);border-bottom:1px solid #3a2a12;backdrop-filter:blur(8px)}
.brand,.topbar a{color:var(--gold2);text-decoration:none}
.brand{display:flex;gap:13px;align-items:center;font-family:Cinzel,serif;letter-spacing:2px;font-size:.9rem;line-height:1.2}
.sigil{font-size:2.25rem;color:var(--gold)}
nav{display:flex;gap:28px}
nav a{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:1px}
.hero{min-height:100vh;position:relative;display:grid;place-items:center;text-align:center;padding:120px 20px 70px;overflow:hidden;background:
linear-gradient(rgba(0,0,0,.46),rgba(0,0,0,.84)),
radial-gradient(ellipse at center,#3d2710 0,#0d0a06 42%,#020202 78%)}
.hero:before,.hero:after{content:"";position:absolute;width:220px;height:70%;top:14%;border:1px solid rgba(201,164,91,.12);box-shadow:0 0 80px rgba(160,95,20,.08)}
.hero:before{left:4%}.hero:after{right:4%}
.hero-content{max-width:860px;position:relative;z-index:2}
.eyebrow{font-family:Cinzel,serif;color:var(--gold);letter-spacing:5px;font-size:.72rem}
h1,h2{font-family:Cinzel,serif;color:var(--gold2);font-weight:600}
h1{font-size:clamp(2.7rem,6vw,5.7rem);line-height:1.03;letter-spacing:2px;margin:.25em 0}
.hero h2{font-size:clamp(1.3rem,2.5vw,2rem);letter-spacing:4px}
.lead{max-width:720px;margin:25px auto;font-size:1rem;color:#ddd2c2}
.button{display:inline-block;margin-top:14px;padding:17px 30px;border:1px solid #9e2222;outline:1px solid #3b180f;outline-offset:5px;background:linear-gradient(#3b0909,#170404);color:#f1ddba;text-decoration:none;font-family:Cinzel,serif;letter-spacing:2px;transition:.2s}
.button:hover{transform:translateY(-2px);box-shadow:0 0 25px rgba(164,35,20,.28)}
.scroll{position:absolute;bottom:20px;font-family:Cinzel,serif;font-size:.6rem;letter-spacing:3px;color:#77684d}
.archive{padding:100px 20px 120px;text-align:center;max-width:1000px;margin:auto}
.section-mark{color:#8f7546;font-family:Cinzel,serif;font-size:.7rem;letter-spacing:3px}
.archive h2{font-size:clamp(2.3rem,5vw,4rem);margin:10px}
.rule{height:1px;max-width:420px;margin:20px auto 35px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.archive-copy{max-width:720px;margin:0 auto 50px;color:#bfb5a6}
.sealed{max-width:620px;margin:auto;border:1px solid #44361f;padding:28px;display:flex;gap:25px;align-items:center;text-align:left;background:#090806}
.seal{width:82px;height:82px;min-width:82px;border:2px solid #6d1717;border-radius:50%;display:grid;place-items:center;color:#b33b2b;font-family:Cinzel,serif;font-weight:bold;box-shadow:inset 0 0 0 5px #1d0907}
.sealed strong{font-family:Cinzel,serif;color:var(--gold);letter-spacing:2px}.sealed p{margin:6px 0 0;color:#958a7a;font-size:.85rem}
.mission{border-top:1px solid #342611;border-bottom:1px solid #342611;background:linear-gradient(120deg,#100b06,#050505 65%);padding:100px 20px}
.mission-inner{max-width:780px;margin:auto;text-align:center}
.mission h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.2}
.mission p{color:#c7bdad}.small{font-size:.78rem;opacity:.65}
footer{text-align:center;padding:55px 20px;background:#020202;color:#8f816b;font-size:.75rem}
.footer-brand{font-family:Cinzel,serif;color:var(--gold);font-size:1rem;letter-spacing:2px}
.copyright{opacity:.55}
@media(max-width:700px){.topbar{height:68px;padding:0 18px}.brand{font-size:.72rem}nav a:not(:last-child){display:none}nav{gap:0}.hero{padding-top:100px}.hero:before,.hero:after{display:none}.lead{font-size:.9rem}.sealed{flex-direction:column;text-align:center}.archive{padding-top:75px}.mission{padding:75px 20px}}