/* Classic-literary palette and layout */
:root{
  --bg:#fbf7f0;
  --paper:#fffdf9;
  --muted:#6b5b4b;
  --accent:#6b3f2f; /* deep brown */
  --accent-2:#b9893b; /* soft gold */
  --card:#fff;
  --radius:14px;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--bg);color:#222;}
.wrap{max-width:1100px;margin:0 auto;padding:20px}

/* Top */
.top{background:linear-gradient(90deg,#f6efe2,#fff);border-bottom:1px solid rgba(0,0,0,0.04);position:sticky;top:0;z-index:1000}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:56px;height:56px;background:linear-gradient(180deg,#f3e6d6,#e9dbc6);display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:24px}
.title h1{font-size:20px;margin:0;color:var(--accent);letter-spacing:0.6px}
.tag{font-size:13px;color:var(--muted);margin-top:2px}

/* Nav */
.nav{display:flex;gap:12px;align-items:center}
.nav a{color:var(--accent);text-decoration:none;padding:8px 10px;border-radius:8px;font-weight:600}
.nav a.cta{background:var(--accent);color:#fff}
.nav a:hover{background:rgba(107,63,47,0.05)}

/* Hero */
.hero{background-image:linear-gradient(rgba(250,244,236,0.7),rgba(250,244,236,0.7));padding:48px 0;border-bottom:1px solid rgba(0,0,0,0.03)}
.hero-inner{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hero-text h2{font-family:'Georgia',serif;font-size:28px;margin:0;color:var(--accent);}
.lead{color:var(--muted);margin-top:6px}
.hero-card{background:var(--paper);padding:14px;border-radius:12px;box-shadow:0 10px 30px rgba(50,30,10,0.06);min-width:260px}

/* Buttons */
.button{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700}
.primary{background:var(--accent);color:#fff;border:2px solid transparent}
.outline{background:transparent;border:2px solid var(--accent);color:var(--accent)}

/* Main sections */
main{padding:28px 0}
h2{font-family:'Georgia',serif;color:var(--accent);margin-bottom:12px}
.muted{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}
.card{background:var(--card);padding:16px;border-radius:var(--radius);box-shadow:0 8px 24px rgba(30,20,10,0.06)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.grid.logos{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:center}
.logo-card{background:linear-gradient(180deg,#fffaf4,#fff7ee);padding:12px;border-radius:12px;text-align:center;box-shadow:0 8px 20px rgba(30,20,10,0.04)}
.logo-card img{max-height:70px;object-fit:contain;margin-bottom:8px}

/* Books */
.books{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start}
.book{background:linear-gradient(180deg,#fffdf8,#fff8f0);padding:12px;border-radius:12px;text-align:center}
.book img{height:180px;object-fit:cover;border-radius:8px;margin-bottom:8px}
.link{color:var(--accent-2);font-weight:700;text-decoration:none}

/* Newsletter & Forms */
.newsletter-form{display:flex;gap:8px;max-width:520px;margin-top:10px}
.newsletter-form input{flex:1;padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,0.06);font-family:inherit}
.newsletter-form button{padding:10px 12px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-weight:700}

/* Contact form */
.contact form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.contact textarea{grid-column:1 / -1;padding:10px;border-radius:8px;border:1px solid rgba(0,0,0,0.06)}

/* Footer */
.footer{background:linear-gradient(180deg,#fff8ef,#f6efe2);padding:28px 0;margin-top:28px;border-top:1px solid rgba(0,0,0,0.03)}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}

/* Responsive */
@media (max-width:800px){
  .nav{display:none}
  .hero-inner{flex-direction:column;align-items:flex-start}
  .contact form{grid-template-columns:1fr}
  .books{grid-template-columns:1fr 1fr}
  .gallery img{width:48%}
}