/* --- Premium Typography & Colors --- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400&family=Montserrat:wght@300;400;500;600&display=swap');

.anantam-editorial-wrapper { max-width: 1100px; margin: 0 auto; font-family: 'Montserrat', sans-serif; color: #222; padding: 60px 20px; }
.editorial-header { text-align: center; margin-bottom: 80px; }
.editorial-header h2 { font-family: 'Cormorant Garamond', serif; font-size: 3.5rem; font-weight: 600; color: #111; margin-bottom: 10px; }
.editorial-header p { font-size: 0.95rem; text-transform: uppercase; letter-spacing: 4px; color: #8d703b; font-weight: 500; }
.editorial-list { display: flex; flex-direction: column; gap: 80px; }
.editorial-row { display: flex; align-items: center; gap: 50px; cursor: pointer; }
.editorial-row:nth-child(even) { flex-direction: row-reverse; }
.row-image-box { flex: 0 0 55%; position: relative; overflow: hidden; border-radius: 4px; box-shadow: 0 15px 40px rgba(0,0,0,0.06); }
.row-image-box::after { content: ''; display: block; padding-bottom: 70%; }
.row-image-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease; }
.editorial-row:hover .row-image-box img { transform: scale(1.05); }
.row-content-box { flex: 1; padding: 20px 0; }
.row-category { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 3px; color: #8d703b; margin-bottom: 15px; display: block; font-weight: 600; }
.row-title { font-family: 'Cormorant Garamond', serif; font-size: 2.2rem; line-height: 1.2; margin-bottom: 20px; color: #111; transition: color 0.3s; }
.editorial-row:hover .row-title { color: #8d703b; }
.row-excerpt { font-size: 1rem; line-height: 1.8; color: #666; margin-bottom: 30px; }
.btn-discover { display: inline-flex; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 2px; color: #111; font-weight: 500; border-bottom: 1px solid #ddd; padding-bottom: 5px; transition: all 0.3s; }
.editorial-row:hover .btn-discover { border-bottom-color: #8d703b; color: #8d703b; }

/* Article View */
.editorial-article { display: none; animation: fadeIn 0.6s ease forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
.btn-back { background: none; border: 1px solid #8d703b; color: #8d703b; padding: 10px 25px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 1px; font-size: 0.75rem; font-weight: 600; cursor: pointer; border-radius: 2px; transition: all 0.3s; }
.btn-back:hover { background: #8d703b; color: #fff; }
.article-hero { width: 100%; height: 60vh; min-height: 400px; object-fit: cover; margin-bottom: 60px; border-radius: 4px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.article-content { max-width: 760px; margin: 0 auto; }
.article-header { text-align: center; margin-bottom: 50px; }
.article-title { font-family: 'Cormorant Garamond', serif; font-size: 3rem; line-height: 1.15; color: #111; margin-bottom: 20px; }
.article-body p { font-size: 1.1rem; line-height: 2; color: #444; margin-bottom: 30px; }
.article-body ul { list-style: disc; padding-left: 20px; margin-bottom: 30px; }
.article-body li { font-size: 1.1rem; line-height: 1.8; color: #444; margin-bottom: 10px; }
.article-body h3 { font-family: 'Cormorant Garamond', serif; font-size: 2rem; color: #111; margin-top: 60px; margin-bottom: 25px; border-bottom: 1px solid #eaeaea; padding-bottom: 15px; }

/* Highlights & Images */
.article-highlight { background-color: #faf9f5; border-left: 3px solid #8d703b; padding: 40px; margin: 50px 0; font-style: italic; }
.article-highlight ul { list-style: none; padding: 0; margin: 0; }
.article-highlight li { font-size: 1.05rem; line-height: 2; color: #333; position: relative; padding-left: 25px; margin-bottom: 10px; }
.article-highlight li::before { content: ''; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; background-color: #8d703b; border-radius: 50%; }
.article-image-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 50px 0; }
.article-inline-image { width: 100%; border-radius: 4px; object-fit: cover; box-shadow: 0 5px 20px rgba(0,0,0,0.08); }
.article-inline-image.tall { height: 400px; }
.article-inline-image.wide { height: 300px; }
.full-width-image { width: 100%; height: 450px; object-fit: cover; border-radius: 4px; margin: 40px 0; box-shadow: 0 5px 20px rgba(0,0,0,0.08); }

/* Responsive */
@media (max-width: 900px) { 
  .editorial-row, .editorial-row:nth-child(even) { flex-direction: column; gap: 30px; } 
  .row-image-box { width: 100%; } 
  .article-title { font-size: 2.2rem; } 
  .article-image-grid { grid-template-columns: 1fr; } 
}