/* =========================================================
   Media Center — single article (/blog/<slug>) and the staff
   form-preview page. Inner page: body.inner-page (90px top
   padding for the fixed brown header), 1140px container.
   ========================================================= */
.article { padding: 60px 0 40px; }
.article .container { max-width: 1140px; margin: 0 auto; padding: 0 10px; }
.article .section-label { display: flex; align-items: center; gap: 8px; font-family: 'Marcellus', serif; font-size: 15px; text-transform: uppercase; color: #2c2c2c; }
.rtl .article .section-label { font-family: '29LTAzer-Light', sans-serif; }
.article__title { font-family: 'Lucky Beauty new', 'Marcellus', serif; font-size: 30px; line-height: 45px; font-weight: 600; color: #2c2c2c; margin: 10px 0 6px; max-width: 900px; }
.rtl .article__title { font-family: '29LTZaridDisplayVF', sans-serif; font-weight: 700; }
.article__date { font-family: 'Marcellus', serif; font-size: 14px; color: #a0a2a3; margin: 0 0 30px; }
.rtl .article__date { font-family: '29LTAzer-Light', sans-serif; }
.article__hero { margin: 0 0 30px; }
.article__hero img { width: 100%; max-height: 620px; object-fit: cover; display: block; }
.article__lede { font-family: 'Marcellus', serif; font-size: 19px; line-height: 1.6; color: #2c2c2c; max-width: 820px; margin: 0 0 24px; }
.rtl .article__lede { font-family: '29LTAzer-Light', sans-serif; }
.article__body { font-family: 'Marcellus', serif; font-size: 17px; line-height: 1.8; color: #2c2c2c; max-width: 820px; }
.rtl .article__body { font-family: '29LTAzer-Light', sans-serif; }
.article__body p { margin: 0 0 18px; }
.article__body a { color: #85553a; }
.article__body img { max-width: 100%; height: auto; }
.article__body h2, .article__body h3 { font-family: 'Lucky Beauty new', 'Marcellus', serif; color: #2c2c2c; margin: 30px 0 12px; }
.rtl .article__body h2, .rtl .article__body h3 { font-family: '29LTZaridDisplayVF', sans-serif; }
.article__body blockquote { border-inline-start: 3px solid #85553a; margin: 20px 0; padding: 4px 20px; color: #7a7a7a; }
.article__back { margin: 40px 0 0; }
.article-more { background: #f8f8f8; padding: 80px 0; }
.article-more .container { max-width: 1140px; margin: 0 auto; padding: 0 10px; }
.article-more .blog-title { font-family: 'Lucky Beauty new', 'Marcellus', serif; font-size: 30px; line-height: 45px; font-weight: 600; color: #2c2c2c; margin: 0 0 30px; }
.rtl .article-more .blog-title { font-family: '29LTZaridDisplayVF', sans-serif; font-weight: 700; }
.article-more .news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.article-more .news-card { position: relative; }
.article-more .news-card__media { display: block; position: relative; overflow: hidden; color: #fff; text-decoration: none; transition: transform 0.3s linear; }
.article-more .news-card__media:hover { transform: scale(0.98); }
.article-more .news-card__thumb { padding-bottom: 100%; position: relative; background: #2c2c2c; }
.article-more .news-card__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.article-more .news-card__overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(11, 15, 1, 0) 54%, rgba(11, 15, 1, 0.2) 63%, rgba(22, 9, 5, 1) 100%); }
.article-more .news-card__content { position: absolute; inset: auto 0 0; padding: 35px; }
.article-more .news-card__metas { display: none; }
.article-more .news-card__title { font-family: 'Lucky Beauty new', 'Marcellus', serif; font-size: 17px; line-height: 25px; font-weight: 600; margin: 0; color: #fff; }
.rtl .article-more .news-card__title { font-family: '29LTZaridDisplayVF', sans-serif; font-size: 18px; font-weight: 700; }
@media (max-width: 1024px) { .article-more .news-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
  .article { padding: 40px 0 20px; }
  .article__title { font-size: 22px; line-height: 32px; }
  .article-more { padding: 50px 0; }
  .article-more .news-grid { grid-template-columns: 1fr; }
}