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

:root{
  --bg:#070908; --panel:#101511; --panel2:#171f19; --text:#f1eadc; --muted:#c9bfae;
  --gold:#c8a85a; --ember:#9d3f2f; --moss:#2d4639; --line:rgba(241,234,220,.14);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(157,63,47,.22),transparent 30rem),radial-gradient(circle at 85% 20%,rgba(45,70,57,.45),transparent 28rem),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}.hero{min-height:100vh;background:linear-gradient(rgba(7,9,8,.35),rgba(7,9,8,.96)),url('assets/forest.svg') center/cover no-repeat;position:relative;overflow:hidden}.hero:after{content:"ᚠ ᚢ ᚦ ᚨ ᚱ ᚲ ᚷ ᚹ";position:absolute;left:5vw;bottom:4vh;color:rgba(200,168,90,.16);font-size:clamp(2rem,7vw,7rem);letter-spacing:.25em;white-space:nowrap}.nav{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(22px,5vw,70px);position:relative;z-index:2;background:linear-gradient(rgba(7,9,8,.8),transparent)}.brand{font-family:Cinzel,serif;color:var(--gold);letter-spacing:.09em;text-transform:uppercase;font-weight:700}.bindrune{font-size:1.5rem;margin-right:.35rem}.nav-links{display:flex;gap:22px;color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--text)}.hero-content{max-width:920px;padding:18vh clamp(22px,8vw,120px) 10vh;position:relative;z-index:1}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700}h1,h2,h3{font-family:Cinzel,serif;line-height:1.08;margin:0 0 18px}h1{font-size:clamp(3rem,8vw,6.8rem)}h2{font-size:clamp(2.1rem,5vw,4.2rem)}h3{font-size:1.35rem;color:var(--gold)}.lead,.section p{color:var(--muted);font-size:1.08rem;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:700;border:1px solid var(--line);transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--ember),#c88442);border:none;color:white}.ghost{background:rgba(241,234,220,.06)}.section{padding:clamp(70px,10vw,130px) clamp(22px,8vw,120px)}.intro{display:grid;grid-template-columns:1.25fr .75fr;gap:46px;align-items:center}.rune-orbit{min-height:320px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle,rgba(200,168,90,.16),rgba(45,70,57,.28) 45%,rgba(241,234,220,.04));display:grid;grid-template-columns:repeat(4,1fr);place-items:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}.rune-orbit span{font-size:2.2rem;color:rgba(200,168,90,.8)}.rune-orbit strong{grid-column:1/5;font-size:5rem;color:var(--gold);text-shadow:0 0 30px rgba(200,168,90,.3)}.dark{background:linear-gradient(180deg,rgba(16,21,17,.96),rgba(16,21,17,.78));border-block:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.card,.stave-card,.features div{background:rgba(241,234,220,.045);border:1px solid var(--line);border-radius:24px;padding:26px}.card p,.stave-card p,.features p{margin-bottom:0}.split{display:grid;grid-template-columns:1fr .65fr;gap:42px;align-items:start}.ritual-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px;color:var(--muted)}.ritual-list li{padding:14px 16px;border-left:3px solid var(--gold);background:rgba(241,234,220,.04);border-radius:0 14px 14px 0}.stave-card{position:sticky;top:24px;background:linear-gradient(145deg,rgba(157,63,47,.15),rgba(45,70,57,.2))}.stave{font-size:8rem;line-height:1;color:var(--gold);text-shadow:0 0 34px rgba(200,168,90,.25)}.forest-band{background:linear-gradient(rgba(7,9,8,.78),rgba(7,9,8,.92)),url('assets/circle.svg') center/cover no-repeat;border-block:1px solid var(--line)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.features span{font-size:2.2rem;color:var(--gold)}.about{background:radial-gradient(circle at 80% 20%,rgba(200,168,90,.13),transparent 25rem)}.contact{text-align:center}.contact p{margin-inline:auto}footer{text-align:center;color:var(--muted);padding:34px;border-top:1px solid var(--line)}
@media(max-width:950px){.cards,.features,.intro,.split{grid-template-columns:1fr}.stave-card{position:static}.nav{align-items:flex-start}.nav-links{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:640px){.nav{display:block}.nav-links{margin-top:14px;gap:12px}.hero-content{padding-top:12vh}h1{font-size:3rem}}