*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#2A2820;font-family:'Karla',sans-serif;font-weight:400;font-size:15px;line-height:1.78;color:#B0A880;overflow-x:hidden;position:relative}
.noise-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;opacity:0.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero{padding:100px 20px 60px;max-width:640px;margin:0 auto;position:relative;z-index:1;opacity:0;transform:translateY(16px);transition:all 0.6s ease}
.hero.visible{opacity:1;transform:translateY(0)}
h1{font-family:'Syne',sans-serif;font-weight:800;font-size:36px;color:#D4C8A0;letter-spacing:-0.01em;margin-bottom:12px}
.hero-desc{color:#B0A880;max-width:480px;margin-bottom:16px}
.label-tag{font-family:'Karla',sans-serif;font-weight:700;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:#B06830;display:block;margin-bottom:12px}
.scatter-divider{text-align:center;padding:20px 0;position:relative;z-index:1}
.scatter-svg{width:200px;height:30px}
.story-card{max-width:640px;margin:0 auto;padding:32px;background:rgba(58,56,48,0.5);border-radius:4px;position:relative;z-index:1;opacity:0;transform:translateY(16px);transition:all 0.5s ease}
.story-card.visible{opacity:1;transform:translateY(0)}
h2{font-family:'Syne',sans-serif;font-weight:800;font-size:24px;color:#D4C8A0;letter-spacing:-0.01em;margin-bottom:8px}
@media(max-width:768px){.hero{padding:60px 20px 40px}h1{font-size:28px}.story-card{margin:0 20px;padding:24px}}