@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --paper:#f3ead8; --paper2:#e8dbc1; --ink:#3c2416; --brown:#5b351f;
  --gold:#9b7142; --dark:#2d1c13; --muted:#765f4d; --white:#fffaf0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.65}
h1,h2,h3,.brand,.quote-band p,.eyebrow{font-family:"Cormorant Garamond",Georgia,serif}
a{color:inherit}
.wrap{width:min(1120px,92%);margin:auto}
.hero{min-height:760px;background:
  radial-gradient(circle at 75% 35%,rgba(117,74,42,.12),transparent 34%),
  linear-gradient(115deg,#f5eddf 0%,#eadbc1 100%);position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:18px;border:1px solid rgba(91,53,31,.35);pointer-events:none}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.brand{font-size:25px;font-weight:700;text-decoration:none}
.nav-links{display:flex;gap:25px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}
.nav-links a{text-decoration:none;opacity:.82}.nav-links a:hover{opacity:1}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px;padding:60px 0 85px;position:relative;z-index:1}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:13px;color:var(--gold);margin:0 0 10px}
.hero h1{font-size:clamp(54px,7vw,94px);line-height:.9;margin:8px 0 16px;color:var(--brown);font-weight:700}
.hero h1 em{font-style:normal}
.subtitle{font:italic 500 28px "Cormorant Garamond",Georgia,serif;margin:0 0 20px}
.lead{max-width:650px;font-size:18px;color:#604b3c}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{display:inline-block;padding:13px 21px;border-radius:3px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em}
.btn-primary{background:var(--brown);color:var(--white)}
.btn-ghost{border:1px solid var(--brown);color:var(--brown)}
.hero-book{display:flex;justify-content:center}
.book-frame{width:min(390px,100%);padding:18px;background:#e6d5b5;box-shadow:0 20px 55px rgba(49,27,14,.24);transform:rotate(2deg)}
.book-frame img{width:100%;display:block}
.quote-band{background:var(--brown);color:var(--white);padding:28px 0;text-align:center}
.quote-band p{font-size:29px;font-style:italic;margin:0}
.section{padding:100px 0}
.section-heading{max-width:760px;margin-bottom:45px}
.section-heading h2{font-size:54px;line-height:1.02;margin:0;color:var(--brown)}
.book-intro{display:grid;grid-template-columns:1.6fr .8fr;gap:60px;align-items:start}
.book-text{font-family:"Cormorant Garamond",Georgia,serif;font-size:21px}
.book-text p{margin-top:0;margin-bottom:22px}
.book-card{background:#e7d7b9;border:1px solid #c9b08b;padding:32px;position:relative}
.book-card:before{content:"";position:absolute;left:12px;top:12px;right:12px;bottom:12px;border:1px solid rgba(91,53,31,.25);pointer-events:none}
.book-card h3,.book-card p{position:relative}
.book-card h3{font-size:28px;line-height:1.1;margin:0 0 15px}
.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:65px;background:#cdbb9c}
.themes>div{background:var(--paper);padding:26px}
.themes span{font:600 14px "Cormorant Garamond",serif;color:var(--gold)}
.themes strong{display:block;font:700 31px "Cormorant Garamond",serif;margin-top:8px}
.themes p{margin:5px 0 0;color:var(--muted);font-size:14px}
.section-dark{background:var(--dark);color:var(--white)}
.light h2{color:var(--white)}
.event-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:stretch}
.event-details{display:grid;gap:16px}
.detail{display:flex;gap:20px;align-items:flex-start;border-bottom:1px solid rgba(255,250,240,.18);padding:15px 0}
.detail:last-child{border-bottom:0}
.icon{width:48px;height:48px;border:1px solid rgba(255,250,240,.5);display:grid;place-items:center;font:700 20px "Cormorant Garamond",serif;flex:0 0 auto}
.detail small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:10px;opacity:.65}
.detail strong{display:block;font:600 25px "Cormorant Garamond",serif;line-height:1.15;margin:3px 0}
.detail p{margin:0;opacity:.75;font-size:14px}
.countdown-card{background:#f0e5d0;color:var(--brown);padding:38px;display:flex;flex-direction:column;justify-content:center}
.countdown-card>p{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0 28px}
.countdown div{text-align:center}
.countdown strong{display:block;font:700 40px "Cormorant Garamond",serif}
.countdown span{font-size:10px;text-transform:uppercase;color:var(--muted)}
.btn-light{background:var(--brown);color:var(--white);text-align:center}
.speaker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.speaker{padding:28px;border:1px solid #cfbfa4;background:rgba(255,250,240,.32)}
.speaker span{font-size:26px;color:var(--gold)}
.speaker h3{font-size:31px;margin:7px 0 2px}
.speaker p{margin:0;color:var(--muted)}
.moderator{margin-top:25px;padding:28px;background:#e8dbc4;border-left:4px solid var(--gold)}
.moderator h3{font-size:32px;margin:0}
.moderator p{margin:0;color:var(--muted)}
.gallery-section{padding-top:20px}
.poster{width:min(650px,100%);display:block;margin:auto;box-shadow:0 20px 55px rgba(49,27,14,.2)}
.author-section{background:#e7dac2}
.author-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.author-grid h2{font:700 58px/1 "Cormorant Garamond",serif;color:var(--brown);margin:0 0 20px}
.author-grid p{font-size:17px}
.author-motto{border:1px solid #b99a6e;padding:55px 45px;text-align:center;background:rgba(255,250,240,.3)}
.author-motto span{font:700 70px/0 "Cormorant Garamond",serif;color:var(--gold)}
.author-motto p{font:italic 28px/1.2 "Cormorant Garamond",serif;color:var(--brown)}
.closing{text-align:center;padding:80px 0;background:var(--paper2)}
.closing h2{font-size:42px;color:var(--brown);margin:0 0 8px}
.closing p{margin:auto;max-width:700px;color:var(--muted)}
footer{background:#24170f;color:#d9c9ad;padding:22px 0;font-size:12px}
.footer-inner{display:flex;justify-content:space-between}.footer-inner a{text-decoration:none}
@media(max-width:800px){
  .nav{height:auto;padding:20px 0}.nav-links{display:none}
  .hero-grid,.book-intro,.event-grid,.author-grid{grid-template-columns:1fr;gap:35px}
  .hero{min-height:auto}.hero-grid{padding:45px 0 70px}
  .hero h1{font-size:58px}.hero-book{order:-1}
  .book-frame{max-width:330px}
  .section{padding:70px 0}.section-heading h2{font-size:43px}
  .themes{grid-template-columns:1fr 1fr}
  .speaker-grid{grid-template-columns:1fr}
  .countdown-card{padding:28px}
  .countdown strong{font-size:31px}
  .author-grid h2{font-size:48px}
  .footer-inner{flex-direction:column;gap:8px}
}
@media(max-width:480px){
  .themes{grid-template-columns:1fr}.hero h1{font-size:50px}
  .subtitle{font-size:24px}.lead{font-size:16px}
  .quote-band p{font-size:24px}.detail strong{font-size:22px}
}
