@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#0d141f;--navy:#142033;--gold:#e5bd70;--pale:#f0dfba;--muted:#b8b7b6;--serif:'Cinzel',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#0e141e;color:#f4eee2;font-family:var(--sans)}a{color:inherit;text-decoration:none}.topbar{height:94px;position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;padding:0 7.2%;gap:5vw;border-bottom:1px solid #d5a958a8;background:linear-gradient(180deg,#09111de8,#101827cc);box-shadow:0 5px 35px #0006}.brand{display:flex;align-items:center;gap:16px;font:600 20px var(--serif);letter-spacing:.08em;white-space:nowrap}.sword-mark{font-size:36px;color:var(--gold);text-shadow:0 0 18px #e2af4a}.topbar nav{display:flex;align-items:center;justify-content:center;gap:clamp(30px,4vw,76px);flex:1;font:500 14px var(--serif);letter-spacing:.08em}.topbar nav a{color:#e5e2df;position:relative;transition:color .2s}.topbar nav a:hover,.topbar nav a.active{color:#f6d888}.topbar nav a.active:after{content:'';position:absolute;bottom:-17px;left:0;right:0;height:2px;background:var(--gold);box-shadow:0 0 10px var(--gold)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;font:600 13px var(--serif);letter-spacing:.11em;text-transform:uppercase;transition:transform .2s,filter .2s,box-shadow .2s}.nav-cta{padding:17px 27px;border:1px solid var(--gold);outline:1px solid #b38338;outline-offset:4px;color:#f4d994}.nav-cta b,.button b{font-size:22px;line-height:10px}.nav-cta:hover,.button:hover{transform:translateY(-3px);filter:brightness(1.15);box-shadow:0 10px 28px #e1ad4c42}.menu{display:none}.hero{min-height:100vh;height:980px;max-height:1200px;position:relative;overflow:hidden;background:linear-gradient(90deg,#0c1522eb 0%,#131e30c9 39%,#17203135 66%,#10172558 100%),url('assets/site-reference.png') center 48%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0d1520 0%,transparent 15%,transparent 70%,#11161c 100%),radial-gradient(ellipse at 69% 52%,#ffc15b26,transparent 38%)}.hero:after{content:'';position:absolute;inset:auto 0 0;height:23%;background:linear-gradient(transparent,#17191c),repeating-linear-gradient(170deg,#29221b 0 5px,#19191a 6px 13px);opacity:.55;mask-image:linear-gradient(transparent,#000 70%)}.mist{position:absolute;z-index:1;inset:35% 0 15%;background:radial-gradient(ellipse at 60% 70%,#e5b56c22,transparent 50%);pointer-events:none}.hero-copy{position:absolute;z-index:3;top:19%;left:10.3%;width:44%;animation:rise .9s both}.eyebrow{margin:0 0 20px;color:#eac577;font:600 11px var(--sans);letter-spacing:.22em}.eyebrow i{display:inline-block;width:7px;height:7px;margin-right:10px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px var(--gold)}h1,h2{font:600 clamp(58px,6.3vw,112px)/.95 var(--serif);letter-spacing:-.055em;margin:0;color:#f5eee1;text-shadow:0 4px 20px #0008}h1 em,h2 em{font-weight:500;color:#f2c76f;font-style:normal}.rule{width:77%;height:1px;background:linear-gradient(90deg,#c69a4d,transparent);margin:27px 0 22px;position:relative}.rule span{position:absolute;right:37%;top:-9px;color:var(--gold);font-size:17px;text-shadow:0 0 10px}.tagline{font:400 clamp(19px,2vw,29px) var(--serif);color:#e6ddd1;margin:0 0 34px}.actions{display:flex;gap:22px}.button{min-height:58px;padding:0 25px;border:1px solid var(--gold);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 9px),0 9px)}.button.gold{background:linear-gradient(135deg,#f6df9f,#c59547);color:#17130e;box-shadow:inset 0 0 0 2px #8e672e}.button.ghost{color:#f2e6d2;background:#111a28b8}.token-row{display:flex;align-items:center;gap:14px;margin-top:28px;position:relative}.pill{height:47px;padding:0 17px;display:flex;align-items:center;gap:13px;border:1px solid #d5a858;background:#121925d9;color:#f5d98d;font:500 13px var(--serif);letter-spacing:.08em}.pill b{font-size:18px}.copy{cursor:pointer;color:#c4c6ca;border-color:#777b7c;background:#151a21e8;font-family:var(--sans);letter-spacing:.08em}.copy:hover{border-color:var(--gold);color:#f5d98d}.copy-note{opacity:0;color:var(--gold);font-size:12px;transition:opacity .2s}.copy-note.show{opacity:1}.hero-art{position:absolute;z-index:2;right:14.3%;top:12%;width:35%;height:74%;display:flex;align-items:center;justify-content:center;animation:rise 1.1s .1s both}.hero-art img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 0 34px #ffd07187);mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 51% 55%,#000 40%,#000d 61%,transparent 79%);animation:float 6s ease-in-out infinite}.halo{position:absolute;width:62%;height:66%;border-radius:50%;background:radial-gradient(ellipse,#ffcd6733,transparent 69%);filter:blur(22px)}.art-caption{position:absolute;right:-10%;bottom:3%;color:#f0d69b;font:10px var(--sans);letter-spacing:.2em}.art-caption span{color:var(--gold);margin-right:8px}.stone-cards{position:absolute;z-index:4;left:5.5%;right:5.5%;bottom:8.5%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stone-card{height:126px;display:flex;align-items:center;gap:22px;padding:18px 25px;background:linear-gradient(120deg,#111a24f5,#20242aeb);border:1px solid #b68c4a;outline:1px solid #5c482d;outline-offset:4px;box-shadow:0 12px 26px #0008;transition:transform .2s,background .2s}.stone-card:hover{transform:translateY(-5px);background:#27303bf5}.card-icon{font-size:43px;color:#e4bd72;text-shadow:0 0 12px #e9bd5c66}.stone-card span:nth-child(2){display:flex;flex-direction:column;gap:6px;flex:1}.stone-card strong{font:600 18px var(--serif);letter-spacing:.1em;color:#f0d28a;text-transform:uppercase}.stone-card small{max-width:250px;color:#ddd6cb;font:13px/1.45 var(--serif)}.stone-card>b{font:30px Georgia;color:#e4bd72}.scroll-cue{position:absolute;z-index:5;bottom:2%;left:50%;transform:translateX(-50%);color:#c3b69c;font-size:9px;letter-spacing:.22em}.scroll-cue span{margin-left:12px;color:var(--gold);font-size:15px}.chapter{min-height:850px;position:relative;overflow:hidden;padding:145px 12% 120px;background:radial-gradient(ellipse at 80% 50%,#26364b 0%,#111a26 55%,#0d131c 100%)}.chapter:before{content:'';position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");pointer-events:none}.chapter-no{position:absolute;top:55px;left:12%;font:600 13px var(--serif);color:#e7bd71;letter-spacing:.15em}.chapter-no span{color:#a6a6a6;font:500 10px var(--sans);letter-spacing:.2em}.lore-image{position:absolute;left:12%;top:190px;width:37%;height:550px;overflow:hidden;border:1px solid #c8a35d;box-shadow:0 15px 45px #0008}.lore-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#111924)}.lore-image img{width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.8)}.image-stamp{position:absolute;z-index:2;left:24px;bottom:24px;padding:12px 18px;border:1px solid #d6b66f;color:#edce89;font:600 11px/1.5 var(--serif);letter-spacing:.15em}.chapter-copy{position:relative;margin:60px 0 0 49%;max-width:570px}.chapter-copy h2,.token h2,.community h2{font-size:clamp(46px,5vw,76px);line-height:1.05}.chapter-copy .eyebrow{font-size:10px}.chapter-copy>p:not(.eyebrow),.token-desc,.community-inner>p:not(.eyebrow){font:16px/1.85 var(--serif);color:#ccc8c1;max-width:500px}.text-link{display:inline-block;margin-top:20px;color:#f1cb78;font:600 12px var(--serif);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #967345;padding-bottom:10px}.text-link span{margin-left:18px}.rune{position:absolute;color:#d9ad5f;opacity:.22;font-size:70px}.rune-one{right:12%;top:18%}.rune-two{right:7%;bottom:13%;font-size:40px}.token{min-height:900px;padding:0 12%;display:flex;align-items:center;background:radial-gradient(ellipse at 75% 45%,#384356,#192435 52%,#0c121a 100%)}.token-panel{position:relative;z-index:2;width:52%;padding-top:50px}.token .chapter-no{top:95px;left:12%}.token-panel .eyebrow{margin-bottom:16px}.token-desc{max-width:420px;margin:25px 0 32px}.contract{width:min(500px,100%);display:grid;grid-template-columns:1fr auto;gap:8px 15px;padding:16px 18px;margin:25px 0 24px;border:1px solid #9d8254;background:#0b111ab0}.contract span{grid-column:1/-1;color:#d1b97f;font:10px var(--sans);letter-spacing:.18em}.contract strong{font:12px var(--sans);color:#e4e1da;letter-spacing:.04em;overflow-wrap:anywhere}.small-copy{grid-column:2;grid-row:2;border:0;background:transparent;color:#f0c972;font:600 10px var(--sans);letter-spacing:.12em;cursor:pointer}.coin-seal{position:absolute;left:72%;top:41%;width:100px;height:100px;border:2px solid #f1cb78;outline:1px solid #977340;outline-offset:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f6d88c;font-size:42px;background:radial-gradient(circle,#394251,#101822);box-shadow:0 0 35px #edc77455;transform:rotate(12deg)}.coin-seal small{font:600 11px var(--serif);letter-spacing:.2em}.token-art{position:absolute;right:9%;width:43%;height:83%;display:flex;align-items:center;justify-content:center}.token-art:before{content:'';position:absolute;width:70%;height:75%;border-radius:50%;background:radial-gradient(ellipse,#ebbc6940,transparent 65%)}.token-art img{position:relative;height:85%;max-width:100%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at center,#000 45%,transparent 78%);filter:drop-shadow(0 0 25px #e6b95a66);animation:float 7s ease-in-out infinite}.crest{position:absolute;right:4%;top:14%;z-index:2;width:90px;height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#f2cf7c;border:1px solid #d3ad67;background:#121a26dd;clip-path:polygon(50% 0,100% 18%,91% 78%,50% 100%,9% 78%,0 18%);font-size:27px}.crest span{font:600 8px/1.4 var(--serif);text-align:center;letter-spacing:.1em}.token-note{position:absolute;z-index:2;right:7%;bottom:14%;font:600 10px/1.7 var(--sans);letter-spacing:.18em;text-align:right;color:#e6ca8d}.community{height:660px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#111a25cc,#111a25ed),url('assets/site-reference.png') center 38%/cover}.community:before,.community:after{content:'⚔';position:absolute;top:10%;font-size:240px;color:#d4a9580a}.community:before{left:7%;transform:rotate(-18deg)}.community:after{right:7%;transform:scaleX(-1) rotate(-18deg)}.community-inner{position:relative;z-index:2;max-width:720px}.community h2{font-size:70px}.community-inner>p:not(.eyebrow){margin:25px auto 32px;max-width:550px}.centered{justify-content:center}.community-sigil{position:absolute;bottom:-175px;left:calc(50% - 175px);width:350px;height:350px;border:1px solid #d3a55727;border-radius:50%;display:grid;place-items:center;color:#d6aa5c1c;font-size:180px}footer{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 7.2%;background:#0b1017;border-top:1px solid #8b6b394f;color:#aaa;font-size:9px;letter-spacing:.15em}footer .brand{font-size:12px;color:#eee}footer .sword-mark{font-size:23px}footer>a:last-child{color:#e5c575}.chapter,.community{scroll-margin-top:0}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.topbar{padding:0 4%;gap:25px}.brand{font-size:15px}.topbar nav{gap:22px}.nav-cta{padding:13px}.hero-copy{left:7%;width:48%}.hero-art{right:6%;width:42%}.stone-cards{left:4%;right:4%;gap:10px}.stone-card{padding:15px;gap:12px}.stone-card small{font-size:11px}.chapter{padding-left:8%;padding-right:8%}.chapter-no{left:8%}.lore-image{left:8%;width:39%}.chapter-copy{margin-left:51%}.token{padding:0 8%}.token .chapter-no{left:8%}}
/* Hero scene refinement: the knight is a transparent cutout, grounded in a custom dusk landscape. */
.hero{background:radial-gradient(ellipse at 67% 60%,#c18c4b40 0%,transparent 32%),linear-gradient(180deg,#111a29 0%,#25364c 42%,#6b7180 76%,#292a2a 100%);}
.hero:before{background:radial-gradient(ellipse at 68% 61%,#ffd88630 0%,transparent 34%),linear-gradient(90deg,#0c1522ed 0%,#121e30bd 40%,#17203131 74%,#1017254d 100%),linear-gradient(180deg,#0d1520 0%,transparent 18%,transparent 73%,#11161c 100%)}
.hero:after{height:18%;opacity:.42;background:linear-gradient(transparent,#14171b 57%),repeating-linear-gradient(170deg,#3b3024 0 4px,#17191d 5px 12px);}
.hero .mist{inset:20% 0 16%;opacity:.75;background:radial-gradient(ellipse at 69% 74%,#f7d49b38,transparent 42%),linear-gradient(0deg,#c4bdaf23,transparent 35%)}
.castle{position:absolute;z-index:1;bottom:17%;pointer-events:none;filter:drop-shadow(0 0 18px #e9bd7233)}
.castle.far{right:5%;width:31%;height:49%;opacity:.65;background:linear-gradient(90deg,#303b4c,#1b2638);clip-path:polygon(0 100%,0 54%,8% 54%,8% 44%,13% 44%,13% 30%,17% 30%,17% 39%,25% 39%,25% 22%,30% 22%,30% 10%,33% 0,36% 10%,36% 22%,42% 22%,42% 43%,52% 43%,52% 18%,57% 18%,57% 7%,60% 0,63% 8%,63% 18%,70% 18%,70% 39%,80% 39%,80% 29%,84% 29%,84% 40%,91% 40%,91% 52%,100% 52%,100% 100%)}
.castle.near{left:0;bottom:18%;width:24%;height:37%;opacity:.5;background:#192434;clip-path:polygon(0 100%,0 36%,8% 36%,8% 20%,13% 20%,13% 12%,16% 20%,16% 39%,27% 39%,27% 29%,32% 29%,32% 8%,36% 0,40% 8%,40% 29%,46% 29%,46% 49%,56% 49%,56% 25%,60% 25%,60% 14%,64% 25%,64% 51%,77% 51%,77% 38%,83% 38%,83% 18%,87% 7%,91% 18%,91% 40%,100% 40%,100% 100%)}
.ridge{position:absolute;z-index:1;left:0;right:0;bottom:16%;height:20%;opacity:.38;background:linear-gradient(180deg,#77808b,#222329);clip-path:polygon(0 63%,8% 52%,14% 65%,22% 44%,30% 61%,38% 32%,46% 56%,53% 42%,60% 65%,68% 37%,77% 60%,85% 43%,93% 60%,100% 45%,100% 100%,0 100%)}
.hero-art{right:14%;top:9%;width:38%;height:83%;}
.hero-art img{position:relative;z-index:1;height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 22px #ffbf4c70) drop-shadow(0 0 32px #ffd07165);mix-blend-mode:normal;mask-image:none;animation:float 6s ease-in-out infinite;}
.hero-art .halo{width:75%;height:75%;background:radial-gradient(ellipse,#ffc95a48,transparent 68%);filter:blur(25px)}
.hero-art .art-caption{right:-9%;bottom:5%;}
.stone-cards{grid-template-columns:repeat(2,minmax(300px,1fr));max-width:1120px;left:50%;right:auto;width:calc(100% - 11%);transform:translateX(-50%)}