:root{font-family:Georgia,Times New Roman,serif;color:#e5e2d6;background:#101411;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #dbbd79;outline-offset:6px}.header{height:92px;display:flex;justify-content:space-between;align-items:center;padding:0 6%;border-bottom:1px solid #ffffff14;background:#101411}.brand{font-size:30px;color:#c7ab72;display:flex;align-items:center;gap:18px}.brand span{font:12px Arial,sans-serif;letter-spacing:3px;color:#e5e2d6}nav{display:flex;align-items:center;gap:36px;font:13px Arial,sans-serif;color:#b9bdb1}.badge{display:inline-block;border:1px solid #a58b514d;padding:9px 13px;color:#bda775;font:11px Arial,sans-serif;letter-spacing:1px}.hero{position:relative;min-height:650px;overflow:hidden;background:radial-gradient(ellipse at 73% 20%,#9baf8133,transparent 40%),linear-gradient(130deg,#151b17,#253428 65%,#101b18)}.moon{position:absolute;width:210px;height:210px;border-radius:50%;right:19%;top:55px;background:radial-gradient(circle at 35% 30%,#e3e5c6,#8b9a79 65%,#748769);box-shadow:0 0 100px #b9cd9d26;opacity:.7}.mountains{position:absolute;inset:120px -10% -5%;background:linear-gradient(145deg,#293b31,#0b1311);clip-path:polygon(0 80%,12% 53%,23% 66%,38% 20%,47% 48%,59% 31%,68% 59%,81% 12%,94% 47%,100% 37%,100% 100%,0 100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c1410d9,transparent 85%),linear-gradient(0deg,#101411,transparent 35%);pointer-events:none}.hero-content{position:relative;z-index:1;padding:110px 8% 90px;max-width:950px}.eyebrow{font:10px Arial,sans-serif;letter-spacing:2.5px;color:#bda775;line-height:1.8;text-transform:uppercase}h1{font-size:clamp(54px,7vw,98px);font-weight:400;letter-spacing:-3px;margin:24px 0;color:#f1ead8}h2{font-size:36px;font-weight:400;margin:10px 0 20px}.motto{color:#c1c5b7;font-size:22px;line-height:1.7}.primary{display:inline-flex;gap:55px;align-items:center;margin-top:20px;padding:18px 25px;background:#c0a16a;color:#182018;font:14px Arial,sans-serif}.primary:hover{background:#d9bb83}.hero-note{font:11px Arial,sans-serif;color:#919b8b;margin-top:22px}.hero-footer{position:relative;z-index:1;padding:25px 8%;display:flex;gap:60px;font:10px Arial,sans-serif;letter-spacing:3px;color:#8b9686;border-top:1px solid #ffffff0d}.factions{padding:70px 8%}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:28px}.section-heading>p{color:#939e90;font-size:15px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;min-height:330px;border:1px solid #b4bfa321;padding:30px;background:radial-gradient(ellipse at 50% 15%,#50323555,transparent 75%),#151915}.card-1{background:radial-gradient(ellipse at 50% 15%,#35544555,transparent 75%),#151915}.card-2{background:radial-gradient(ellipse at 50% 15%,#6b593055,transparent 75%),#151915}.card-number{font:10px Arial,sans-serif;color:#79816e;letter-spacing:2px}.sigil{font-size:72px;text-align:center;color:#b4a17b;height:125px}.card h3{font-size:29px;font-weight:400;margin:10px 0}.card>p:last-child{color:#969e90;line-height:1.7;font-size:15px}.card .eyebrow{font-size:9px;letter-spacing:1.5px}.journey{text-align:center;padding:45px 20px 85px;border-bottom:1px solid #ffffff14}.ornament{font-size:32px;color:#bda775}.journey p{max-width:580px;margin:0 auto 28px;color:#939e90;line-height:1.8}footer{padding:25px 6%;display:flex;justify-content:space-between;gap:25px;align-items:center;font:11px Arial,sans-serif;color:#899482}.server{display:flex;align-items:center;gap:15px}button{padding:9px 12px;border:1px solid #a58b514d;color:#bda775;background:transparent;cursor:pointer;font:11px Arial,sans-serif}button:disabled{opacity:.5;cursor:wait}@media(max-width:720px){.header{height:75px;padding:0 5%}.brand span{font-size:10px;letter-spacing:1px}nav{gap:15px}nav>a{display:none}.hero{min-height:590px}.hero-content{padding:90px 6% 60px}.moon{right:-30px;top:50px;width:180px;height:180px}h1{letter-spacing:-1px}.motto{font-size:19px}.hero-footer{gap:20px;font-size:8px;padding:25px 6%;letter-spacing:1px}.factions{padding:45px 6%}.section-heading{display:block}.cards{grid-template-columns:1fr}.card{min-height:300px}.sigil{height:100px}.journey h2,h2{font-size:29px}footer{flex-direction:column;align-items:flex-start}.server{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
