@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,700;9..144,900&family=Oswald:wght@500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d7a06e;color:#25140d;font-family:'DM Mono',monospace;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.1;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.nav{position:absolute;z-index:20;top:0;left:0;width:100%;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:#fff;border-bottom:1px solid #ffffff2e}.nav a{color:inherit;text-decoration:none}.brand{font-family:Oswald,sans-serif;font-size:19px;letter-spacing:.08em}.brand span{color:#e4a047}.nav nav{display:flex;gap:42px;font-size:12px}.hero{height:100vh;min-height:780px;position:relative;overflow:hidden;color:#fff;background:#9b542e}.hero-bg{position:absolute;inset:-4%;background:url('../assets/images/hero-wide.png') center 54%/cover no-repeat;filter:saturate(.88) contrast(1.04);transform:scale(1.04)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,12,6,.78) 0%,rgba(36,16,7,.48) 31%,transparent 60%),linear-gradient(0deg,rgba(25,11,5,.36),transparent 42%)}.sun{position:absolute;z-index:1;width:420px;height:420px;border-radius:50%;right:9%;top:13%;background:#e3a45344;filter:blur(2px);box-shadow:0 0 100px #efb36355}.hero-copy{position:absolute;z-index:5;left:6vw;top:50%;transform:translateY(-45%);width:690px}.eyebrow,.section-no{font-size:12px;letter-spacing:.22em;font-weight:500}.eyebrow{color:#f4bd78;margin-bottom:22px}.hero h1,.lore h2,.ritual h2,.community h2,.spell h2{font-family:Oswald,sans-serif;text-transform:uppercase;margin:0;line-height:.83;letter-spacing:-.045em}.hero h1{font-size:clamp(92px,8.2vw,158px);text-shadow:0 8px 35px #38180e44}.hero h1 i,.ritual h2 i{font-family:Fraunces,serif;font-weight:900;color:#e4a047}.lead{max-width:610px;font-family:Fraunces,serif;font-size:20px;line-height:1.55;margin:27px 0 30px;color:#f6e5d5}.actions{display:flex;gap:12px}.btn{height:52px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:Oswald,sans-serif;font-size:14px;letter-spacing:.07em;border:1px solid #2a160e;transition:.22s;box-shadow:4px 4px 0 #2a160e}.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #2a160e}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #2a160e}.dark{background:#20110c;color:#fff}.light{background:#f4e1ca;color:#27140d}.ochre{background:#d58b3f;color:#23120b}.ca{margin-top:28px;width:620px;background:#f2ddc8;color:#25140d;border:1px solid #25140d;display:flex;justify-content:space-between;align-items:stretch}.ca div{padding:13px 16px;min-width:0}.ca small,.final-ca small{display:block;font-size:9px;letter-spacing:.18em;opacity:.65;margin-bottom:5px}.ca strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:460px}.ca button,.final-ca button{border:0;border-left:1px solid #25140d;background:#d98d42;font:600 12px Oswald;letter-spacing:.08em;padding:0 20px;cursor:pointer}.hero-stamp{position:absolute;z-index:6;right:4vw;bottom:7vh;width:165px;height:165px;border:1px solid #ffffff7a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(8deg);backdrop-filter:blur(4px);background:#28130b22}.hero-stamp b{font:700 20px Oswald}.hero-stamp span{font-size:9px;line-height:1.5;margin-top:6px}.scroll{position:absolute;z-index:6;bottom:30px;left:6vw;font-size:9px;letter-spacing:.2em}.marquee{background:#24120c;color:#f2c088;border-block:1px solid #6f4028;overflow:hidden;height:48px;display:flex;align-items:center}.marquee div{font:600 15px Oswald;letter-spacing:.1em;white-space:nowrap;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.lore{background:#e7c39e;padding:110px 8vw 130px;min-height:100vh}.section-no{margin-bottom:65px}.lore-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center}.lore h2{font-size:clamp(76px,6.8vw,130px)}.lore h2 em,.community h2 em{font-family:Fraunces,serif;color:#a85529}.lore p{max-width:610px;font:700 18px/1.6 Fraunces,serif}.portrait-wrap{position:relative;justify-self:end;width:min(680px,45vw);transform:rotate(2deg)}.portrait-wrap img{display:block;width:100%;border:1px solid #32180d;box-shadow:18px 18px 0 #a95b32}.caption{position:absolute;right:-24px;bottom:28px;background:#25140d;color:#f1cda8;padding:14px 18px;font-size:10px;line-height:1.5;transform:rotate(-3deg)}.rune{position:absolute;font:900 46px Fraunces;color:#e9bd79;text-shadow:1px 1px #2b170e}.r1{top:-30px;left:-35px}.r2{top:20%;right:-42px}.r3{bottom:-42px;left:20%}.ritual{position:relative;min-height:100vh;padding:110px 8vw;color:#f5dfc9;background:#3a1c11;overflow:hidden}.ritual-bg{position:absolute;inset:0;background:url('../assets/images/hero-wide.png') center/cover;opacity:.14;filter:grayscale(1) sepia(1)}.ritual>*:not(.ritual-bg){position:relative}.pale{color:#e4a047}.ritual h2{font-size:clamp(80px,7vw,140px);max-width:1050px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:80px}.rules article{min-height:260px;border:1px solid #b9784e;padding:32px;background:#2a140db8;backdrop-filter:blur(5px);transition:.25s}.rules article:hover{transform:translateY(-8px);background:#4a2416}.rules b{font:900 54px Fraunces;color:#d98d42}.rules h3{font:600 28px Oswald;margin:18px 0 10px}.rules p{font:700 16px/1.55 Fraunces;color:#e9cdb4}.spell{background:#bd7545;padding:110px 8vw;min-height:90vh;display:grid;place-items:center}.spell-card{width:min(1120px,85vw);height:650px;border:1px solid #2a150c;background:#d99a65;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:18px 18px 0 #5b2c19}.spell-card:before{content:"";position:absolute;inset:18px;border:1px dashed #6d3820}.spell-card p{position:absolute;top:34px;font-size:10px;letter-spacing:.2em}.spell-card button{position:relative;width:260px;height:260px;border-radius:50%;border:2px solid #2b160d;padding:0;overflow:hidden;cursor:pointer;background:#e6bd95;box-shadow:0 0 0 12px #d99a65,0 0 0 13px #2b160d;transition:.25s}.spell-card button:hover{transform:rotate(-3deg) scale(1.03)}.spell-card button:active{transform:scale(.96)}.spell-card img{width:100%;height:100%;object-fit:cover}.spell h2{text-align:center;font-size:68px;margin-top:40px}.spell-count{position:absolute;bottom:32px;font-size:10px;letter-spacing:.12em}.spark{position:absolute;top:80px;left:12%;font:900 70px Fraunces;color:#6b321d}.community{min-height:100vh;background:#e9c6a4;display:grid;grid-template-columns:1fr 1fr}.community-img{background:url('../assets/images/character-square.png') center/cover no-repeat;min-height:800px}.community-copy{padding:100px 7vw;display:flex;flex-direction:column;justify-content:center}.community h2{font-size:clamp(82px,7vw,140px)}.community p{font:700 19px/1.6 Fraunces;max-width:600px;margin:30px 0}.final-ca{margin-top:30px;border:1px solid #25140d;display:grid;grid-template-columns:1fr auto;position:relative}.final-ca small{position:absolute;top:10px;left:15px}.final-ca span{padding:31px 15px 12px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.final-ca button{min-width:90px}footer{height:92px;background:#25140d;color:#dba36c;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;font-size:10px;letter-spacing:.12em}footer b{font:600 17px Oswald}.toast{position:fixed;z-index:100;right:28px;bottom:28px;background:#24120c;color:#f1c18c;border:1px solid #a86039;padding:15px 20px;font-size:11px;transform:translateY(120px);transition:.3s}.toast.show{transform:translateY(0)}.dust{position:absolute;z-index:2;width:9px;height:9px;background:#f3c58e;border-radius:50%;filter:blur(1px);opacity:.45;animation:float 8s ease-in-out infinite}.dust-a{left:45%;top:34%}.dust-b{left:73%;top:65%;animation-delay:-3s}@keyframes float{50%{transform:translate(60px,-80px) scale(.5);opacity:.1}}.reveal{opacity:0;transform:translateY(28px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1200px){.hero-copy{width:590px}.hero h1{font-size:100px}.ca{width:540px}.nav nav{gap:20px}.lore-grid{gap:4vw}.rules{gap:10px}.community-copy{padding:70px 5vw}}