body{margin:0;background:#F7F2EF;font-family:'Inter';color:#3A1F28}
.header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:white}
.brand{display:flex;align-items:center;text-decoration:none;color:#3A1F28;font-family:'Playfair Display'}
.logo-inline{width:30px;margin-right:10px}

.menu-toggle{display:none;font-size:26px;cursor:pointer}

nav{display:flex;gap:20px}
nav a{text-decoration:none;color:#3A1F28}

.editorial-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px}
.illustration{width:200px;margin-bottom:20px}

.highlight{font-family:'Playfair Display';font-size:48px}

.buttons{margin-top:25px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.btn{padding:10px 20px;border-radius:25px;border:1px solid #B76E79;color:#B76E79;text-decoration:none}

.bio-container{display:flex;gap:50px;max-width:1100px;margin:auto;padding:60px;align-items:flex-start}
.bio-image img{width:400px;border-radius:20px}
.bio-text{flex:1}
.columns{column-count:2;column-gap:30px}

.contact{text-align:center;padding:100px}

.footer{text-align:center;padding:30px;font-style:italic;color:#7A5C5C}

/* MOBILE */
@media(max-width:900px){
  .menu-toggle{display:block}
  nav{display:none;flex-direction:column;background:white;position:absolute;top:70px;right:20px;padding:15px;border:1px solid #eee}
  nav.open{display:flex}
  .bio-container{flex-direction:column}
  .bio-image img{width:100%}
  .columns{column-count:1}
}

.gallery{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:15px;
padding:40px;
}
.gallery img{
width:100%;
border-radius:12px;
}
.quote{
margin-top:40px;
font-style:italic;
font-size:18px;
color:#7A5C5C;
}

.illustration{width:200px;margin-bottom:20px}

.bio-text h2{
  font-family:'Playfair Display';
  margin-top:10px;
  margin-bottom:10px;
}

.book-img{
  width:250px;
  display:block;
  margin:20px auto;
  border-radius:10px;
}

.options button.active{
background:#B76E79;
color:white;
}