
:root{--bg:#071718;--panel:#102629;--gold:#d4b883;--cream:#f3e9d8;--muted:#a9b5b1;--pink:#bb789d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,sans-serif}body:before{content:"ᚠ ᛟ ᚱ ᛞ ᚷ ᛉ ᚠ ᛟ ᚱ ᛞ ᚷ ᛉ";position:fixed;inset:0;pointer-events:none;opacity:.045;font-size:8vw;letter-spacing:3vw;line-height:2.8;word-break:break-all}header{position:sticky;top:0;z-index:20;background:#071718ef;border-bottom:1px solid #a78b5944;display:flex;align-items:center;justify-content:space-between;padding:19px 6%;gap:15px}a{color:inherit;text-decoration:none}header .brand{font-family:Georgia,serif;letter-spacing:4px;font-size:22px;color:var(--gold)}nav{display:flex;gap:25px;font-size:13px}button,.btn{cursor:pointer;border:1px solid var(--gold);color:var(--cream);background:#77552a55;padding:13px 23px;border-radius:5px;display:inline-block;transition:.2s}button:hover,.btn:hover{background:var(--gold);color:#101718}.hero{min-height:570px;display:flex;align-items:center;padding:75px 8%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 50%,#a0613b55,transparent 42%),linear-gradient(115deg,#071718 25%,#153539 75%,#0b1517)}.hero:after{content:"ᛟ";position:absolute;right:8%;top:2%;font-size:470px;color:#d4b88318;font-family:Georgia;pointer-events:none}.hero>div{position:relative;z-index:2;max-width:650px}.eyebrow{letter-spacing:4px;text-transform:uppercase;color:var(--gold);font-size:12px}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(44px,6vw,83px);line-height:1.08;margin:18px 0}h1 em{color:var(--gold);font-style:normal}.hero p{max-width:490px;color:#d5d5cf;line-height:1.8;font-size:17px}.runes{display:flex;justify-content:space-around;flex-wrap:wrap;gap:22px;padding:35px 6%;border-block:1px solid #a78b5944;background:#0b2022}.rune{text-align:center;cursor:pointer;min-width:100px}.rune b{font-size:37px;color:var(--gold);display:block;margin-bottom:12px}.rune span{font-size:11px;letter-spacing:1px}.section{max-width:1300px;margin:auto;padding:65px 6%}.sectiontop{display:flex;align-items:center;justify-content:space-between;gap:15px}.section h2{font-size:clamp(28px,3vw,42px);margin:0 0 30px}.sectiontop a{color:var(--gold);font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product{background:#102326;border:1px solid #b99a6240;padding:13px;border-radius:9px}.cover{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:20px;border:2px solid #b9976266;box-shadow:inset 0 0 0 6px #0a131955,0 12px 20px #0008;background:radial-gradient(circle at 50% 70%,#8c633f99,transparent 45%),linear-gradient(140deg,#0a2628,#071014)}.cover:before{content:"ᛟ ᚷ ᛉ";position:absolute;top:13px;font-size:16px;letter-spacing:12px;color:#d8bd83}.cover:after{content:"✧";position:absolute;bottom:17px;font-size:34px;color:#d8bd83}.cover strong{font-family:Georgia,serif;font-weight:400;font-size:clamp(17px,2vw,26px);color:#f2d39b;line-height:1.22}.cover small{font-size:10px;letter-spacing:2px;margin-top:12px}.product:nth-child(4n+2) .cover{background:radial-gradient(circle,#4b7c6c88,transparent 60%),linear-gradient(130deg,#112f2a,#091313)}.product:nth-child(4n+3) .cover{background:radial-gradient(circle,#a03d7977,transparent 60%),linear-gradient(130deg,#30172d,#101017)}.product:nth-child(4n+4) .cover{background:radial-gradient(circle,#b85d3188,transparent 60%),linear-gradient(130deg,#362218,#121515)}.product h3{font-family:Arial;font-size:15px;min-height:40px;line-height:1.4;margin:17px 0 9px}.price{color:var(--gold);font-size:21px;margin:10px 0 16px}.product button{width:100%}.banner{margin:35px 0;background:linear-gradient(100deg,#142c2e,#5a3930,#132b2c);border-block:1px solid #d4b88377;text-align:center;padding:65px 20px}.banner h2{font-size:40px;margin:10px}.banner p{color:#ddd}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:35px 7%;border-block:1px solid #b99a6244}.feature{display:flex;gap:14px;align-items:center}.feature b{color:var(--gold);font-size:27px}.feature span{font-size:12px;line-height:1.6}footer{padding:55px 7%;text-align:center;color:#a9b5b1}.drawer{position:fixed;z-index:40;right:0;top:0;height:100vh;width:min(390px,100%);background:#102629;border-left:1px solid var(--gold);padding:25px;transform:translateX(110%);transition:.3s;overflow:auto}.drawer.open{transform:translateX(0)}.cartline{padding:14px 0;border-bottom:1px solid #ffffff22;font-size:14px}.close{float:right}.muted{color:var(--muted)}@media(max-width:850px){nav{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features{grid-template-columns:repeat(2,1fr)}.cover{height:270px}}@media(max-width:480px){header{padding:15px 4%}.brand{font-size:16px!important;letter-spacing:2px!important}.hero{min-height:490px;padding:55px 6%}.grid{gap:12px}.product{padding:8px}.cover{height:220px;padding:10px}.cover strong{font-size:17px}.section{padding:48px 4%}.features{gap:15px}.runes{gap:12px}.rune{min-width:75px}}
 .product .cover:before,.product .cover:after{display:none}.product img{border-radius:4px} 
.product form{margin:0}.product form button{width:100%}.product img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;display:block}.product button:disabled{opacity:.55;cursor:not-allowed}.product a{display:block}.rune{background:transparent;border:0;color:inherit;padding:0}.rune:hover{background:transparent;color:var(--gold)}.rune:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
