body{margin:0;background:#f7f3ed;font-family:Inter;color:#3e3e3e}
section{padding:100px 8%}
.hero{padding-top:40px;text-align:center}
.logo{max-width:360px}
.subtitle{font-family:'Cormorant Garamond';font-size:42px;color:#b99b5b}
.hero-row{display:flex;justify-content:space-between;align-items:center;gap:40px}
.hero-img{width:420px}
.za{width:220px}
.social{margin-top:40px;display:flex;justify-content:center;gap:20px}
.social img{width:36px}
.story,.community{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.story h1,.community h1,.craft h2{font-family:'Cormorant Garamond';color:#b99b5b}
.story img,.community img{width:420px}
.craft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.craft img{width:100%;height:260px;object-fit:cover}
.za-big{width:260px}
.reveal *{opacity:0;transform:translateY(20px);transition:.9s}
.reveal.active *{opacity:1;transform:none}
@media(max-width:900px){
.hero-row,.story,.community,.craft-grid{grid-template-columns:1fr;flex-direction:column;text-align:center}
.hero-img,.story img,.community img{width:100%}
}


/* Auto fix: reduce social icons */
.social-icons img{width:28px;height:28px;}