*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#2A2018;font-family:'Libre Baskerville',serif;font-weight:400;font-size:15px;line-height:1.85;color:#B0A080;overflow-x:hidden}
.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none;opacity:0.04}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#2A2018}
.root-network{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.5}
.root-network .trunk,.root-network .branch,.root-network .tendril{stroke-dasharray:300;stroke-dashoffset:300}
.root-network.animated .trunk{animation:drawPath 1s ease forwards}
.root-network.animated .branch{animation:drawPath 1.5s ease 0.8s forwards}
.root-network.animated .tendril{animation:drawPath 2s ease 1.5s forwards}
@keyframes drawPath{to{stroke-dashoffset:0}}
.root-network .spores circle{opacity:0}
.root-network.animated .spores circle{animation:sporeGlow 2s ease 2s forwards}
@keyframes sporeGlow{to{opacity:0.4}}
.hero-content{position:relative;z-index:2;text-align:center;opacity:0;transform:translateY(20px);transition:all 0.6s ease}
.hero-content.visible{opacity:1;transform:translateY(0)}
h1{font-family:'Libre Baskerville',serif;font-weight:700;font-size:28px;line-height:1.35;color:#D4C4A0;margin-bottom:12px}
.hero-sub{max-width:440px;margin:0 auto 16px;color:#B0A080}
.tag{font-family:'Inconsolata',monospace;font-weight:400;font-size:12px;letter-spacing:0.05em;color:#807060;display:block;margin-bottom:12px}
.content-section{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;clip-path:polygon(0 4%,100% 0,100% 96%,0 100%);margin-top:-30px}
.section-roots{background:#3A3020}
.section-decay{background:#2A2018}
.section-cycle{background:#504030}
.section-quest{background:#3A3020}
.section-inner{max-width:640px;width:100%;opacity:0;transform:translateY(30px) scale(0.98);transition:all 0.5s cubic-bezier(0.34,1.56,0.64,1)}
.section-inner.visible{opacity:1;transform:translateY(0) scale(1)}
h2{font-family:'Libre Baskerville',serif;font-weight:700;font-size:24px;line-height:1.35;color:#D4C4A0;margin-bottom:16px}
p{margin-bottom:16px}
p em{color:#C08030;font-style:italic}
.mushroom-row{display:flex;gap:24px;justify-content:center;margin-top:24px}
.mushroom{width:60px;height:80px;opacity:0;transform:translateY(10px);transition:all 0.4s ease}
.section-inner.visible .mushroom{opacity:1;transform:translateY(0)}
.section-inner.visible .mushroom:nth-child(1){transition-delay:0.2s}
.section-inner.visible .mushroom:nth-child(2){transition-delay:0.4s}
.section-inner.visible .mushroom:nth-child(3){transition-delay:0.6s}
.mushroom:hover{transform:scale(1.1) rotate(-3deg)}
@media(max-width:768px){h1{font-size:22px}h2{font-size:20px}.content-section{padding:40px 16px;clip-path:polygon(0 2%,100% 0,100% 98%,0 100%)}}