*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#3D2515;color:#F5E1CA;font-family:'Inter',sans-serif;overflow-x:hidden}
.hero{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;background:radial-gradient(ellipse at center,#7A3E2820 0%,#3D2515 70%)}
.title{font-family:'Space Grotesk',sans-serif;font-size:clamp(4rem,10vw,8rem);font-weight:700;color:#D4943A;line-height:1}
.dot{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);color:#B8762A}
.sub{font-size:clamp(.9rem,1.4vw,1.05rem);color:#F5E1CA;opacity:.6;max-width:480px;line-height:1.7;margin-top:20px}
.bestiary{max-width:900px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.beast{background:#3D2515;border:1px solid #7A3E2830;border-radius:14px;padding:32px;transition:border-color .3s,transform .3s}
.beast:hover{border-color:#D4943A;transform:translateY(-4px)}
.beast h2{font-family:'Space Grotesk',sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#D4943A}
.beast p{font-size:.88rem;line-height:1.7;color:#F5E1CA;opacity:.6}
.b1{border-top:3px solid #D4943A}.b2{border-top:3px solid #B8762A}.b3{border-top:3px solid #7A3E28}
.cta{text-align:center;padding:80px 24px}
.cta-text{font-family:'Lora',serif;font-size:clamp(1.2rem,2.5vw,1.8rem);color:#D4943A;font-style:italic}
.footer{text-align:center;padding:40px 24px;border-top:1px solid #7A3E2820}
.footer p{font-size:.75rem;color:#B8762A;opacity:.3}
@media(max-width:640px){.bestiary{grid-template-columns:1fr}}