/* Drop Down Menu */


 /* Only apply hover effects on screens wide enough to show the full desktop navbar */
 @media (min-width: 992px) {
  .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* Prevents a gap that can close the menu when moving the mouse */
  }
}

/* Sets the background color of the dropdown box */
.navbar-nav .dropdown-menu {
  background-color: rgba(245,240,232,.97); /* ⚠️ Replace this with your exact navbar theme hex color */
  border: none;             /* Removes the default white/gray border */
}

/* Sets the default text color of the menu links */
.navbar-nav .dropdown-item {
  color: #000000;           /* ⚠️ Replace this with your default text color */
}

/* Changes colors when a user hovers over a single item inside the menu */
.navbar-nav .dropdown-item:hover {
  background-color: #333333; /* ⚠️ A slightly lighter color for the item hover highlight */
  color: #ffffff;
}

/* Changes the horizontal divider line color to match dark themes */
.navbar-nav .dropdown-divider {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}



/* _______ */


    :root {
      --gold:        #b8922a;
    --gold-light:  #d4ac4e;
    --ink:         #1c1508;
    --parchment:   #f5f0e8;
    --cream:       #faf8f4;
    --rust:        #8b3a2a;
    --sage:        #3d5a3d;
    --muted:       #6b5e47;
    --border:      rgba(184,146,42,.2);
    --blood:        #7a1c1c;
    --rose:       #7a3050;
    --soviet:     #1a2a4a;
    --peace:      #2a4a2a;
    }

    /* ── Base ── */
    body {
      font-family: 'Source Sans 3', sans-serif;
      background: var(--cream);
      color: var(--ink);
      font-size: 1rem;}
    h1,h2,h3,h4,h5,h6 {
      font-family: 'Playfair Display', serif;
    }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

    /* ── Navbar ── */
    .navbar {
      background: rgba(245,240,232,.97) !important;
      backdrop-filter: blur(10px);
      border-bottom: 1px solid var(--border);
      padding: .9rem 0;
    }
    .navbar-brand {
      font-family: 'Playfair Display', serif;
      font-style: italic;
      font-size: 1.15rem;
      color: var(--gold) !important;
      letter-spacing: .02em;
    }
    .navbar-nav .nav-link {
      font-size: .72rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--ink) !important;
      font-weight: 500;
      padding: .4rem .9rem !important;
      position: relative;
    }
    .navbar-nav .nav-link::after {
      content: '';
      position: absolute;
      bottom: 0; left: .9rem; right: .9rem;
      height: 1px;
      background: var(--gold);
      transform: scaleX(0);
      transition: transform .25s;
    }
    .navbar-nav .nav-link:hover { color: var(--gold) !important; }
    .navbar-nav .nav-link:hover::after { transform: scaleX(1); }
    .navbar-toggler { border-color: var(--border); }
    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23b8922a' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    /* ── Hero ── */
    #hero {
      background: var(--parchment);
      min-height: 100vh;
      display: flex;
      align-items: center;
      position: relative;
      overflow: hidden;
      padding-top: 80px;
    }
    .hero-watermark {
      position: absolute;
      right: -3%;
      top: 50%;
      transform: translateY(-50%);
      font-family: 'Playfair Display', serif;
      font-size: clamp(7rem, 16vw, 20rem);
      font-weight: 700;
      color: rgba(184,146,42,.055);
      user-select: none;
      white-space: nowrap;
      pointer-events: none;
      line-height: 1;
    }
    .hero-gold-bar {
      position: absolute;
      left: 0; top: 15%; bottom: 15%;
      width: 4px;
      background: linear-gradient(to bottom, transparent, var(--gold), transparent);
      opacity: .5;
    }
    .hero-eyebrow {
      font-size: .7rem;
      letter-spacing: .3em;
      text-transform: uppercase;
      color: var(--gold);
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: .75rem;
    }
    .hero-eyebrow::before {
      content: '';
      width: 36px; height: 1px;
      background: var(--gold);
      flex-shrink: 0;
    }
    .hero-title {
      font-size: clamp(2.4rem, 5vw, 4.2rem);
      font-weight: 400;
      line-height: 1.12;
      color: var(--ink);
    }
    .hero-title em {
      font-style: italic;
      color: var(--gold);
    }
    .positions-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .positions-list li {
      font-size: .8rem;
      letter-spacing: .04em;
      color: var(--muted);
      padding: .4rem 0;
      border-bottom: 1px solid var(--border);
      display: flex;
      align-items: flex-start;
      gap: .6rem;
    }
    .positions-list li::before {
      content: '—';
      color: var(--gold);
      flex-shrink: 0;
    }
    .btn-gold {
      background: var(--gold);
      color: #fff;
      border: none;
      font-size: .72rem;
      letter-spacing: .16em;
      text-transform: uppercase;
      padding: .7rem 1.8rem;
      transition: background .25s, transform .2s, box-shadow .25s;
      font-family: 'Source Sans 3', sans-serif;
    }
    .btn-gold:hover {
      background: var(--ink);
      color: #fff;
      transform: translateY(-2px);
      box-shadow: 0 8px 24px rgba(184,146,42,.25);
    }
    .btn-outline-gold {
      background: transparent;
      color: var(--ink);
      border: 1px solid var(--border);
      font-size: .72rem;
      letter-spacing: .16em;
      text-transform: uppercase;
      padding: .7rem 1.8rem;
      transition: border-color .25s, color .25s;
      font-family: 'Source Sans 3', sans-serif;
    }
    .btn-outline-gold:hover {
      border-color: var(--gold);
      color: var(--gold);
    }
    .hero-portrait-wrap {
      position: relative;
      padding: 1.5rem;
    }
    .hero-portrait-wrap::before {
      content: '';
      position: absolute;
      top: 0; left: 0;
      width: 55%; height: 55%;
      border-top: 2px solid var(--gold);
      border-left: 2px solid var(--gold);
    }
    .hero-portrait-wrap::after {
      content: '';
      position: absolute;
      bottom: 0; right: 0;
      width: 55%; height: 55%;
      border-bottom: 2px solid var(--gold);
      border-right: 2px solid var(--gold);
    }
    .hero-monogram-box {
      width: 100%;
      aspect-ratio: 3/4;
      background: linear-gradient(135deg, #e8e0d0 0%, #cfc4ad 100%);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: .75rem;
    }
    .hero-monogram-box .mono {
      font-family: 'Playfair Display', serif;
      font-size: 6rem;
      font-weight: 400;
      color: var(--gold);
      opacity: .55;
      line-height: 1;
    }
    .hero-monogram-box .mono-label {
      font-size: .6rem;
      letter-spacing: .22em;
      text-transform: uppercase;
      color: #8a7860;
    }

    /* ── Stats strip ── */
    .stats-strip {
      background: var(--gold);
      padding: 2rem 0;
    }
    .stat-num {
      font-family: 'Playfair Display', serif;
      font-size: 2.6rem;
      font-weight: 400;
      color: var(--ink);
      line-height: 1;
    }
    .stat-label {
      font-size: .62rem;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: rgba(28,21,8,.6);
      margin-top: .2rem;
    }
    .stat-divider {
      width: 1px;
      background: rgba(28,21,8,.15);
      align-self: stretch;
    }

    /* ── Section shared ── */
    .section-pad { padding: 5.5rem 0; }
    .section-bg-parchment { background: var(--parchment); }
    .section-bg-cream { background: var(--cream); }
    .section-eyebrow {
      font-size: .65rem;
      letter-spacing: .32em;
      text-transform: uppercase;
      color: var(--gold);
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: .75rem;
      margin-bottom: .6rem;
    }
    .section-eyebrow::after {
      content: '';
      flex: 1;
      max-width: 60px;
      height: 1px;
      background: var(--border);
    }
    .section-title {
      font-size: clamp(1.9rem, 3.5vw, 3rem);
      font-weight: 400;
      color: var(--ink);
      line-height: 1.15;
      margin-bottom: 2.5rem;
    }
    .section-title em {
      font-style: italic;
      color: var(--gold);
    }

    /* ── About ── */
    .about-quote {
      font-family: 'Playfair Display', serif;
      font-size: 1.35rem;
      font-style: italic;
      font-weight: 400;
      line-height: 1.65;
      color: var(--ink);
      border-left: 3px solid var(--gold);
      padding-left: 1.25rem;
      margin-bottom: 1.5rem;
    }
    .about-body {
      font-size: .88rem;
      line-height: 1.95;
      color: #3a3020;
    }

    /* ── Accordion (Education) ── */
    .accordion-item {
      background: transparent;
      border: none;
      border-bottom: 1px solid var(--border) !important;
    }
    .accordion-button {
      background: transparent !important;
      color: var(--ink) !important;
      font-family: 'Playfair Display', serif;
      font-size: 1.15rem;
      box-shadow: none !important;
      padding: 1rem 0;
      gap: .75rem;
    }
    .accordion-button::after {
      filter: brightness(0) saturate(100%) invert(64%) sepia(52%) saturate(400%) hue-rotate(5deg);
    }
    .edu-year-badge {
      font-family: 'Source Sans 3', sans-serif;
      font-size: .63rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: var(--gold);
      background: rgba(184,146,42,.1);
      padding: 2px 8px;
      border-radius: 2px;
    }
    .edu-inst {
      font-size: .72rem;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--muted);
      font-family: 'Source Sans 3', sans-serif;
      margin-bottom: .5rem;
    }
    .accordion-body {
      font-size: .83rem;
      line-height: 1.8;
      color: #4a3f2f;
      padding: 0 0 1rem;
    }

    /* ── Books ── */
    .book-card {
      background: var(--cream);
      border: 1px solid var(--border);
      padding: 1.75rem 1.5rem;
      height: 100%;
      position: relative;
      transition: transform .25s, box-shadow .25s;
      overflow: hidden;
    }
    .book-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--gold), var(--rust));
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .3s;
    }
    .book-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(28,21,8,.1); }
    .book-card:hover::before { transform: scaleX(1); }
    .book-year {
      font-size: .62rem;
      letter-spacing: .18em;
      text-transform: uppercase;
      color: var(--gold);
      font-weight: 600;
      margin-bottom: .75rem;
    }
    .book-title {
      font-family: 'Playfair Display', serif;
      font-size: 1.15rem;
      font-weight: 600;
      color: var(--ink);
      line-height: 1.3;
      margin-bottom: .6rem;
    }
    .book-subtitle {
      font-size: .78rem;
      line-height: 1.6;
      color: var(--muted);
      font-style: italic;
      margin-bottom: 1rem;
    }
    .book-publisher {
      font-size: .63rem;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--sage);
      border-top: 1px solid var(--border);
      padding-top: .75rem;
      margin-top: auto;
    }
    .book-lang-badge {
      display: inline-block;
      font-size: .58rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      border: 1px solid rgba(61,90,61,.3);
      color: var(--sage);
      padding: 1px 7px;
      margin-top: .4rem;
    }



    /* Gallery */
  
    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

    
    /* ── Page Banner ── */
    .page-banner { background: var(--parchment); padding: 7rem 0 3.5rem; position: relative; overflow: hidden; border-bottom: 1px solid var(--border); }
    .page-banner-watermark { position: absolute; right: -2%; top: 50%; transform: translateY(-50%); font-family: 'Playfair Display', serif; font-size: clamp(5rem, 13vw, 16rem); font-weight: 700; color: rgba(184,146,42,.055); user-select: none; white-space: nowrap; pointer-events: none; line-height: 1; }
    .page-banner-gold-bar { position: absolute; left: 0; top: 20%; bottom: 20%; width: 4px; background: linear-gradient(to bottom, transparent, var(--gold), transparent); opacity: .45; }
    .page-banner-eyebrow { font-size: .68rem; letter-spacing: .3em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .page-banner-eyebrow::before { content: ''; width: 36px; height: 1px; background: var(--gold); }
    .page-banner-title { font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 5vw, 4rem); font-weight: 400; line-height: 1.1; color: var(--ink); margin-bottom: .75rem; }
    .page-banner-title em { font-style: italic; color: var(--gold); }
    .page-banner-sub { font-size: .85rem; color: var(--muted); line-height: 1.8; max-width: 600px; }

    /* ── Breadcrumb ── */
    .breadcrumb-wrap { background: var(--cream); border-bottom: 1px solid var(--border); padding: .7rem 0; }
    .breadcrumb { margin: 0; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
    .breadcrumb-item a { color: var(--gold); }
    .breadcrumb-item.active { color: var(--muted); }
    .breadcrumb-item + .breadcrumb-item::before { color: rgba(184,146,42,.4); }

    /* ── Filter bar ── */
    .filter-bar { background: var(--parchment); border-bottom: 1px solid var(--border); padding: 1rem 0; position: sticky; top: 68px; z-index: 50; }
    .filter-btn { font-family: 'Source Sans 3', sans-serif; font-size: .63rem; letter-spacing: .16em; text-transform: uppercase; padding: .38rem 1.1rem; border: 1px solid var(--border); background: transparent; color: var(--muted); cursor: pointer; transition: all .22s; border-radius: 0; }
    .filter-btn:hover, .filter-btn.active { background: var(--gold); color: #fff; border-color: var(--gold); }
    .photo-count { font-size: .68rem; letter-spacing: .1em; color: var(--muted); }

    /* ── Gallery section label ── */
    .section-eyebrow { font-size: .65rem; letter-spacing: .32em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; }
    .section-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
    .section-title { font-family: 'Playfair Display', serif; font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 400; color: var(--ink); line-height: 1.15; margin-bottom: 2rem; }
    .section-title em { font-style: italic; color: var(--gold); }

    /* ── Masonry grid ── */
    .masonry-grid {
      columns: 4 280px;
      column-gap: .5rem;
      padding: 2.5rem 0 3rem;
    }
    .masonry-item {
      break-inside: avoid;
      margin-bottom: .5rem;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      background: #e8e0d0;
      display: block;
    }
    .masonry-item img {
      width: 100%;
      display: block;
      filter: sepia(6%) contrast(1.04);
      transition: transform .5s ease, filter .35s;
    }
    .masonry-item:hover img { transform: scale(1.06); filter: sepia(0%) contrast(1.07) brightness(1.02); }
    .masonry-item .photo-overlay {
      position: absolute; inset: 0;
      background: rgba(28,21,8,0);
      transition: background .35s;
      display: flex; align-items: center; justify-content: center;
    }
    .masonry-item:hover .photo-overlay { background: rgba(28,21,8,.3); }
    .masonry-item .photo-overlay i { color: #fff; font-size: 1.6rem; opacity: 0; transition: opacity .3s, transform .3s; transform: scale(.6); }
    .masonry-item:hover .photo-overlay i { opacity: 1; transform: scale(1); }
    .masonry-item .photo-caption {
      position: absolute; bottom: 0; left: 0; right: 0;
      background: linear-gradient(to top, rgba(28,21,8,.85), transparent);
      padding: 1.5rem .75rem .6rem;
      opacity: 0; transition: opacity .35s;
    }
    .masonry-item:hover .photo-caption { opacity: 1; }
    .photo-caption-text { font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(245,240,232,.8); line-height: 1.4; }

    /* ── Category group labels ── */
    .gallery-group-label {
      break-inside: avoid;
      margin-bottom: .5rem;
      background: var(--gold);
      padding: .6rem 1rem;
      display: block;
    }
    .gallery-group-label span { font-size: .6rem; letter-spacing: .22em; text-transform: uppercase; color: var(--ink); font-weight: 600; }

    /* ── Lightbox ── */
    .lightbox { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,.95); align-items: center; justify-content: center; flex-direction: column; }
    .lightbox.open { display: flex; }
    .lb-img-wrap { position: relative; max-width: 90vw; max-height: 84vh; display: flex; align-items: center; justify-content: center; }
    .lb-img-wrap img { max-width: 90vw; max-height: 84vh; object-fit: contain; display: block; box-shadow: 0 0 80px rgba(0,0,0,.6); }
    .lb-close { position: fixed; top: 1.25rem; right: 1.5rem; color: #fff; font-size: 2.2rem; cursor: pointer; opacity: .7; line-height: 1; transition: opacity .2s; z-index: 10001; }
    .lb-close:hover { opacity: 1; }
    .lb-prev, .lb-next { position: fixed; top: 50%; transform: translateY(-50%); background: rgba(184,146,42,.85); color: #fff; border: none; font-size: 1.4rem; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s; z-index: 10001; }
    .lb-prev { left: .75rem; }
    .lb-next { right: .75rem; }
    .lb-prev:hover, .lb-next:hover { background: var(--gold); }
    .lb-caption { margin-top: 1rem; text-align: center; }
    .lb-caption-text { font-family: 'Playfair Display', serif; font-style: italic; font-size: 1rem; color: rgba(245,240,232,.7); }
    .lb-counter { font-size: .65rem; letter-spacing: .2em; text-transform: uppercase; color: rgba(245,240,232,.35); margin-top: .3rem; }

    /* ── Fade in ── */
.fade-up { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
.fade-up {opacity: 0; transform: translateY(22px);transition: opacity .6s ease, transform .6s ease; }
.fade-up { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; }
.fade-up.visible { opacity: 1; transform: none; }

@media (max-width: 480px) {.masonry-grid { columns: 2 120px; }}
@media (max-width: 480px) {.photo-grid { grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 480px) {.pub-action { padding: 0 .6rem; }.btn-dl span { display: none; }}
@media (max-width: 480px) {.pub-action { padding: 0 .6rem; }.btn-dl span { display: none; }}

@media (max-width: 767px) {.photo-grid { grid-template-columns: repeat(2, 1fr); }.photo-grid-item.wide { grid-column: span 2; }.seminar-nav { grid-template-columns: 1fr; }.peace-icons-grid { grid-template-columns: 1fr; }.meta-strip .d-flex { flex-wrap: wrap; gap: .75rem !important; }}
@media (max-width: 767px) {.photo-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 130px; }.photo-grid-item.wide { grid-column: span 2; }.seminar-nav { grid-template-columns: 1fr; }.meta-strip .d-flex { flex-wrap: wrap; gap: .75rem !important; }}
@media (max-width: 767px) {.photo-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; }.photo-grid-item.wide { grid-column: span 2; }.seminar-nav { grid-template-columns: 1fr; }.topics-grid { grid-template-columns: 1fr; }.meta-strip .d-flex { flex-wrap: wrap; gap: .75rem !important; }}
@media (max-width: 767px) {.photo-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 130px; }.photo-grid-item.wide { grid-column: span 2; }.seminar-nav { grid-template-columns: 1fr; }.themes-grid { grid-template-columns: 1fr; }.kk-roles-grid { grid-template-columns: 1fr; }.meta-strip .d-flex { flex-wrap: wrap; gap: .75rem !important; }}
@media (max-width: 767px) {.photo-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 130px; }.photo-grid-item.wide { grid-column: span 2; }.seminar-nav { grid-template-columns: 1fr; }.video-grid { grid-template-columns: 1fr; }.meta-strip .d-flex { flex-wrap: wrap; gap: .75rem !important; }}
@media (max-width: 767px) {.photo-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 130px; }.photo-grid-item.wide { grid-column: span 2; }.seminar-nav { grid-template-columns: 1fr; }.meta-strip .d-flex { flex-wrap: wrap; gap: .75rem !important; }.intl-day-panel { flex-direction: column; gap: .75rem; }}
@media (max-width: 767px) {.page-banner-watermark { display: none; }.masonry-grid { columns: 2 160px; }}
@media (max-width: 767px) {.page-banner-watermark { display: none; }.pub-num { display: none; }.search-input { min-width: 150px; }}
@media (max-width: 767px) {.page-banner-watermark { display: none; }.pub-num { display: none; }.search-input { min-width: 150px; }}    
@media (max-width: 767px) { .page-banner-watermark { display: none; } .seminar-featured-img { height: 200px; } }    
@media (max-width: 767px) {.photo-grid { grid-template-columns: repeat(2, 1fr); }.seminar-nav { grid-template-columns: 1fr; }.meta-strip .d-flex { flex-wrap: wrap; gap: .75rem !important; }}
@media (max-width: 991px) { .author-sidebar { position: static; margin-top: 3rem; } }
  
    /* */

    /* ── Publications ── */
    .pub-row {
      display: flex;
      align-items: baseline;
      gap: 1.25rem;
      padding: 1.1rem 0;
      border-bottom: 1px solid var(--border);
      transition: padding-left .2s, background .2s;
    }
    .pub-row:hover { padding-left: .5rem; background: rgba(184,146,42,.04); }
    .pub-year {
      font-size: .65rem;
      letter-spacing: .1em;
      color: var(--gold);
      font-weight: 600;
      flex-shrink: 0;
      width: 38px;
    }
    .pub-title {
      font-family: 'Playfair Display', serif;
      font-size: 1.05rem;
      color: var(--ink);
      flex: 1;
    }
    .pub-lang {
      font-size: .6rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      border: 1px solid rgba(61,90,61,.3);
      color: var(--sage);
      padding: 2px 7px;
      flex-shrink: 0;
    }
    .pub-download {
      color: var(--gold);
      font-size: .8rem;
      flex-shrink: 0;
      transition: color .2s;
    }
    .pub-download:hover { color: var(--rust); }

    /* ── Seminars ── */
    .seminar-card {
      background: var(--cream);
      border: 1px solid var(--border);
      padding: 1.4rem 1.25rem;
      display: flex;
      gap: 1rem;
      align-items: flex-start;
      height: 100%;
      transition: border-color .25s;
    }
    .seminar-card:hover { border-color: var(--gold); }
    .seminar-num {
      font-family: 'Playfair Display', serif;
      font-size: 2rem;
      font-weight: 400;
      color: rgba(184,146,42,.2);
      line-height: 1;
      flex-shrink: 0;
      width: 2.2rem;
    }
    .seminar-title {
      font-family: 'Playfair Display', serif;
      font-size: 1rem;
      color: var(--ink);
      line-height: 1.4;
      margin-bottom: .35rem;
    }
    .seminar-year {
      font-size: .63rem;
      letter-spacing: .15em;
      text-transform: uppercase;
      color: var(--gold);
    }

    /* ── Contact ── */
    #contact { background: var(--ink); }
    #contact .section-eyebrow { color: var(--gold-light); }
    #contact .section-title { color: var(--parchment); }
    .contact-body-text {
      font-size: .85rem;
      line-height: 1.9;
      color: rgba(245,240,232,.65);
      margin-bottom: 2rem;
    }
    .contact-detail-label {
      font-size: .6rem;
      letter-spacing: .2em;
      text-transform: uppercase;
      color: var(--gold-light);
      width: 90px;
      flex-shrink: 0;
    }
    .contact-detail-value {
      font-family: 'Playfair Display', serif;
      font-size: .95rem;
      color: var(--parchment);
    }
    .form-control-dark {
      background: rgba(245,240,232,.05) !important;
      border: 1px solid rgba(245,240,232,.15) !important;
      color: var(--parchment) !important;
      font-family: 'Source Sans 3', sans-serif;
      font-size: .85rem;
      border-radius: 0 !important;
      padding: .7rem 1rem;
      transition: border-color .25s;
    }
    .form-control-dark::placeholder { color: rgba(245,240,232,.3); }
    .form-control-dark:focus {
      box-shadow: none !important;
      border-color: var(--gold-light) !important;
      background: rgba(245,240,232,.08) !important;
    }
    .form-label-dark {
      font-size: .62rem;
      letter-spacing: .2em;
      text-transform: uppercase;
      color: var(--gold-light);
      margin-bottom: .35rem;
    }

    /* ── Footer ── */
    footer {
      background: #0e0a04;
      padding: 2rem 0;
      text-align: center;
    }
    .footer-text {
      font-size: .62rem;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: rgba(245,240,232,.28);
    }
    .footer-divider {
      width: 48px;
      height: 1px;
      background: var(--gold);
      opacity: .3;
      margin: .85rem auto;
    }

    /* ── Scroll fade-in ── */
    .fade-up {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity .65s ease, transform .65s ease;
    }
    .fade-up.visible {
      opacity: 1;
      transform: none;
    }

    /* ── Responsive tweaks ── */
    @media (max-width: 767px) {
      #hero { padding-top: 90px; }
      .hero-watermark { display: none; }
    }
  /* All Books Page css */




  /* ── Navbar (identical to main site) ── */
  .navbar {
    background: rgba(245,240,232,.97) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--border);
    padding: .9rem 0;
  }
  .navbar-brand {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 1.15rem;
    color: var(--gold) !important;
    letter-spacing: .02em;
  }
  .navbar-nav .nav-link {
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--ink) !important;
    font-weight: 500;
    padding: .4rem .9rem !important;
    position: relative;
  }
  .navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0; left: .9rem; right: .9rem;
    height: 1px;
    background: var(--gold);
    transform: scaleX(0);
    transition: transform .25s;
  }
  .navbar-nav .nav-link:hover,
  .navbar-nav .nav-link.active { color: var(--gold) !important; }
  .navbar-nav .nav-link:hover::after,
  .navbar-nav .nav-link.active::after { transform: scaleX(1); }
  .navbar-toggler { border-color: var(--border); }
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23b8922a' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }

  /* ── Page Hero Banner ── */
  .page-banner {
    background: var(--parchment);
    padding: 7rem 0 3.5rem;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--border);
  }
  .page-banner-watermark {
    position: absolute;
    right: -2%;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Playfair Display', serif;
    font-size: clamp(6rem, 14vw, 17rem);
    font-weight: 700;
    color: rgba(184,146,42,.055);
    user-select: none;
    white-space: nowrap;
    pointer-events: none;
    line-height: 1;
  }
  .page-banner-gold-bar {
    position: absolute;
    left: 0; top: 20%; bottom: 20%;
    width: 4px;
    background: linear-gradient(to bottom, transparent, var(--gold), transparent);
    opacity: .45;
  }
  .page-banner-eyebrow {
    font-size: .68rem;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .6rem;
  }
  .page-banner-eyebrow::before {
    content: '';
    width: 36px; height: 1px;
    background: var(--gold);
  }
  .page-banner-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(2.2rem, 5vw, 4rem);
    font-weight: 400;
    line-height: 1.1;
    color: var(--ink);
    margin-bottom: .75rem;
  }
  .page-banner-title em { font-style: italic; color: var(--gold); }
  .page-banner-sub {
    font-size: .85rem;
    color: var(--muted);
    line-height: 1.7;
    max-width: 540px;
  }


  /* ── New Addition badge ── */
  .new-badge {
    display: inline-block;
    font-size: .58rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    background: var(--gold);
    color: #fff;
    padding: 2px 8px;
    margin-bottom: .6rem;
  }

  /* ── Featured Book (large card) ── */
  .featured-book {
    background: var(--parchment);
    border: 1px solid var(--border);
    padding: 0;
    overflow: hidden;
    transition: box-shadow .3s;
  }
  .featured-book:hover { box-shadow: 0 16px 48px rgba(28,21,8,.1); }
  .featured-book .cover-col {
    background: #e8e0d0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    padding: 2rem;
    position: relative;
  }
  .featured-book .cover-col img {
    max-height: 280px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    box-shadow: 4px 8px 24px rgba(28,21,8,.2);
    filter: sepia(5%) contrast(1.05);
  }
  .featured-book .cover-placeholder {
    font-family: 'Playfair Display', serif;
    font-size: 5rem;
    color: var(--gold);
    opacity: .35;
  }
  .featured-book .info-col {
    padding: 2.5rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .book-year-tag {
    font-size: .62rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
    margin-bottom: .5rem;
  }
  .featured-book-title {
    font-family: 'Playfair Display', serif;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--ink);
    margin-bottom: .5rem;
  }
  .featured-book-title em { font-style: italic; color: var(--gold); }
  .lang-badge {
    display: inline-block;
    font-size: .58rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    border: 1px solid rgba(61,90,61,.35);
    color: var(--sage);
    padding: 2px 8px;
    margin-bottom: 1rem;
  }
  .book-desc {
    font-size: .85rem;
    line-height: 1.85;
    color: #3a3020;
    margin-bottom: 1.5rem;
  }
  .btn-download {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: var(--gold);
    color: #fff;
    border: none;
    font-family: 'Source Sans 3', sans-serif;
    font-size: .7rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    padding: .65rem 1.6rem;
    transition: background .25s, transform .2s, box-shadow .25s;
  }
  .btn-download:hover {
    background: var(--ink);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(184,146,42,.25);
  }
  .btn-soon {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: transparent;
    color: var(--muted);
    border: 1px solid var(--border);
    font-family: 'Source Sans 3', sans-serif;
    font-size: .7rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    padding: .65rem 1.6rem;
    cursor: default;
  }

  /* ── Grid Book Card (standard) ── */
  .book-card {
    background: var(--cream);
    border: 1px solid var(--border);
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform .25s, box-shadow .25s;
    position: relative;
  }
  .book-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--gold), var(--rust));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .3s;
  }
  .book-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(28,21,8,.1); }
  .book-card:hover::before { transform: scaleX(1); }
  .book-card-cover {
    background: #e8e0d0;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 1.2rem;
    flex-shrink: 0;
  }
  .book-card-cover img {
    max-height: 190px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    box-shadow: 3px 6px 18px rgba(28,21,8,.18);
    filter: sepia(5%) contrast(1.04);
    transition: transform .3s;
  }
  .book-card:hover .book-card-cover img { transform: scale(1.03); }
  .book-card-cover .no-cover {
    font-family: 'Playfair Display', serif;
    font-size: 3.5rem;
    color: var(--gold);
    opacity: .3;
  }
  .book-card-body {
    padding: 1.4rem 1.25rem;
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .book-card-year {
    font-size: .6rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
    margin-bottom: .4rem;
  }
  .book-card-title {
    font-family: 'Playfair Display', serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.3;
    margin-bottom: .5rem;
    flex: 1;
  }
  .book-card-desc {
    font-size: .78rem;
    line-height: 1.7;
    color: var(--muted);
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .book-card-footer {
    border-top: 1px solid var(--border);
    padding-top: .9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-top: auto;
  }
  .btn-card-download {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: var(--gold);
    color: #fff;
    border: none;
    font-family: 'Source Sans 3', sans-serif;
    font-size: .63rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: .42rem 1rem;
    transition: background .22s;
  }
  .btn-card-download:hover { background: var(--ink); color: #fff; }
  .btn-card-soon {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: transparent;
    color: var(--muted);
    border: 1px solid var(--border);
    font-family: 'Source Sans 3', sans-serif;
    font-size: .63rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: .42rem 1rem;
    cursor: default;
  }

  /* ── About Author sidebar ── */
  .author-sidebar {
    background: var(--parchment);
    border: 1px solid var(--border);
    padding: 1.75rem 1.5rem;
    position: sticky;
    top: 120px;
  }
  .author-sidebar-label {
    font-size: .62rem;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
    margin-bottom: 1rem;
    padding-bottom: .6rem;
    border-bottom: 1px solid var(--border);
  }
  .author-sidebar-name {
    font-family: 'Playfair Display', serif;
    font-size: 1.15rem;
    color: var(--ink);
    margin-bottom: .3rem;
  }
  .author-sidebar-role {
    font-size: .72rem;
    color: var(--muted);
    line-height: 1.6;
    margin-bottom: 1.25rem;
  }
  .sidebar-stat {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .45rem 0;
    border-bottom: 1px solid var(--border);
  }
  .sidebar-stat-label {
    font-size: .65rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
  }
  .sidebar-stat-val {
    font-family: 'Playfair Display', serif;
    font-size: 1.1rem;
    color: var(--gold);
  }
  .contact-item-row {
    display: flex;
    gap: .6rem;
    align-items: flex-start;
    margin-top: 1rem;
    font-size: .78rem;
  }
  .contact-item-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
  .contact-item-row a { color: var(--muted); }
  .contact-item-row a:hover { color: var(--gold); }

  /* ── Section separators ── */
  .section-pad { padding: 4rem 0; }
  .section-pad-sm { padding: 2.5rem 0; }
  .section-eyebrow {
    font-size: .65rem;
    letter-spacing: .32em;
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .5rem;
  }
  .section-eyebrow::after {
    content: '';
    flex: 1;
    max-width: 60px;
    height: 1px;
    background: var(--border);
  }
  .section-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(1.7rem, 3vw, 2.6rem);
    font-weight: 400;
    color: var(--ink);
    line-height: 1.15;
    margin-bottom: 2rem;
  }
  .section-title em { font-style: italic; color: var(--gold); }
  .divider-gold {
    width: 64px; height: 2px;
    background: var(--gold);
    margin: 2rem 0;
    opacity: .5;
  }



  /* ── Scroll fade ── */
  .fade-up {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .6s ease, transform .6s ease;
  }
  .fade-up.visible { opacity: 1; transform: none; }

  @media (max-width: 991px) {
    .author-sidebar { position: static; margin-top: 3rem; }
  }
  @media (max-width: 767px) {
    .page-banner-watermark { display: none; }
    .featured-book .cover-col { min-height: 200px; }
  }

  

/* ── Publication Page ── */
  

  *, *::before, *::after { box-sizing: border-box; }
  body {
    font-family: 'Source Sans 3', sans-serif;
    background: var(--cream);
    color: var(--ink);
  }
  h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
  a { color: var(--gold); text-decoration: none; }
  a:hover { color: var(--rust); }


  /* ── Filter / Search bar ── */
  .filter-bar {
    background: var(--parchment);
    border-bottom: 1px solid var(--border);
    padding: 1rem 0;
    position: sticky; top: 68px; z-index: 50;
  }
  .filter-btn {
    font-family: 'Source Sans 3', sans-serif;
    font-size: .63rem; letter-spacing: .16em; text-transform: uppercase;
    padding: .36rem 1rem; border: 1px solid var(--border);
    background: transparent; color: var(--muted);
    cursor: pointer; transition: all .22s; border-radius: 0;
  }
  .filter-btn:hover, .filter-btn.active {
    background: var(--gold); color: #fff; border-color: var(--gold);
  }
  .search-input {
    font-family: 'Source Sans 3', sans-serif;
    font-size: .78rem; border: 1px solid var(--border);
    background: var(--cream); color: var(--ink);
    padding: .36rem 1rem .36rem 2.2rem;
    outline: none; border-radius: 0;
    transition: border-color .25s; min-width: 220px;
  }
  .search-input:focus { border-color: var(--gold); }
  .search-wrap { position: relative; }
  .search-wrap .bi-search {
    position: absolute; left: .7rem; top: 50%;
    transform: translateY(-50%); color: var(--muted);
    font-size: .75rem; pointer-events: none;
  }
  .pub-count { font-size: .68rem; letter-spacing: .1em; color: var(--muted); }


  /* ── Year group header ── */
  .year-group-header {
    display: flex; align-items: center; gap: 1.25rem;
    margin: 2.5rem 0 .25rem;
  }
  .year-group-header:first-of-type { margin-top: 0; }
  .year-label {
    font-family: 'Playfair Display', serif;
    font-size: 1.6rem; font-weight: 400;
    color: var(--gold); line-height: 1; flex-shrink: 0;
  }
  .year-line { flex: 1; height: 1px; background: var(--border); }

  /* ── Publication row ── */
  .pub-item {
    display: flex; align-items: stretch; gap: 0;
    border: 1px solid var(--border);
    background: var(--cream);
    margin-bottom: .6rem;
    transition: border-color .22s, transform .22s, box-shadow .22s;
    position: relative;
    overflow: hidden;
  }
  .pub-item::before {
    content: ''; position: absolute;
    left: 0; top: 0; bottom: 0; width: 3px;
    background: linear-gradient(to bottom, var(--gold), var(--rust));
    transform: scaleY(0); transform-origin: top;
    transition: transform .3s;
  }
  .pub-item:hover {
    border-color: rgba(184,146,42,.45);
    transform: translateX(3px);
    box-shadow: 0 4px 18px rgba(28,21,8,.07);
  }
  .pub-item:hover::before { transform: scaleY(1); }
  .pub-item.hidden { display: none; }

  .pub-num {
    font-family: 'Playfair Display', serif;
    font-size: 1.5rem; font-weight: 300;
    color: rgba(184,146,42,.18);
    width: 3.5rem; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    background: rgba(184,146,42,.04);
    border-right: 1px solid var(--border);
    line-height: 1;
  }
  .pub-body {
    flex: 1; padding: .9rem 1.1rem;
    display: flex; flex-direction: column; gap: .3rem;
  }
  .pub-title {
    font-family: 'Playfair Display', serif;
    font-size: 1rem; font-weight: 400;
    color: var(--ink); line-height: 1.4;
  }
  .pub-title em { font-style: italic; color: var(--muted); }
  .pub-meta {
    display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
  }
  .pub-year-pill {
    font-size: .58rem; letter-spacing: .14em;
    text-transform: uppercase; font-weight: 600;
    color: var(--gold); background: rgba(184,146,42,.1);
    padding: 1px 7px; border-radius: 2px;
  }
  .lang-badge {
    font-size: .56rem; letter-spacing: .12em;
    text-transform: uppercase;
    border: 1px solid rgba(61,90,61,.3);
    color: var(--sage); padding: 1px 6px;
  }
  .pub-action {
    flex-shrink: 0; display: flex; align-items: center;
    padding: 0 1.1rem;
    border-left: 1px solid var(--border);
  }
  .btn-dl {
    display: inline-flex; align-items: center; gap: .4rem;
    background: var(--gold); color: #fff; border: none;
    font-family: 'Source Sans 3', sans-serif;
    font-size: .6rem; letter-spacing: .14em; text-transform: uppercase;
    padding: .45rem .9rem;
    transition: background .22s, transform .15s;
    white-space: nowrap;
  }
  .btn-dl:hover {
    background: var(--ink); color: #fff;
    transform: translateY(-1px);
  }

  /* ── No results ── */
  #noResults {
    padding: 3rem 0; text-align: center;
    font-family: 'Playfair Display', serif;
    font-size: 1.25rem; color: var(--muted);
    font-style: italic;
  }

  /* ── Sidebar ── */
  .author-sidebar {
    background: var(--parchment);
    border: 1px solid var(--border);
    padding: 1.75rem 1.5rem;
    position: sticky; top: 120px;
  }
  .sidebar-label {
    font-size: .62rem; letter-spacing: .22em;
    text-transform: uppercase; color: var(--gold);
    font-weight: 600; margin-bottom: 1rem;
    padding-bottom: .6rem; border-bottom: 1px solid var(--border);
  }
  .sidebar-name {
    font-family: 'Playfair Display', serif;
    font-size: 1.15rem; color: var(--ink); margin-bottom: .3rem;
  }
  .sidebar-role {
    font-size: .72rem; color: var(--muted);
    line-height: 1.6; margin-bottom: 1.25rem;
  }
  .sidebar-stat {
    display: flex; justify-content: space-between; align-items: center;
    padding: .45rem 0; border-bottom: 1px solid var(--border);
  }
  .sidebar-stat-label {
    font-size: .63rem; letter-spacing: .1em;
    text-transform: uppercase; color: var(--muted);
  }
  .sidebar-stat-val {
    font-family: 'Playfair Display', serif;
    font-size: 1.1rem; color: var(--gold);
  }
  .contact-row {
    display: flex; gap: .6rem; align-items: flex-start;
    margin-top: .9rem; font-size: .78rem;
  }
  .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
  .contact-row a { color: var(--muted); }
  .contact-row a:hover { color: var(--gold); }
  .btn-cv {
    display: flex; align-items: center; justify-content: center; gap: .5rem;
    background: var(--gold); color: #fff; border: none;
    font-family: 'Source Sans 3', sans-serif;
    font-size: .68rem; letter-spacing: .16em; text-transform: uppercase;
    padding: .65rem 1.2rem; width: 100%;
    margin-top: 1.25rem; transition: background .25s;
  }
  .btn-cv:hover { background: var(--ink); color: #fff; }

  /* Topics list in sidebar */
  .topic-tag {
    display: inline-block; font-size: .6rem; letter-spacing: .1em;
    text-transform: uppercase; background: rgba(184,146,42,.1);
    color: var(--gold); border: 1px solid rgba(184,146,42,.25);
    padding: 3px 8px; margin: 2px;
    transition: background .2s;
  }
  .topic-tag:hover { background: var(--gold); color: #fff; cursor: pointer; }


/* Seminar Page */


    

    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

   
    /* ── Stats Strip ── */
    .stats-strip { background: var(--gold); padding: 1.75rem 0; }
    .stat-num { font-family: 'Playfair Display', serif; font-size: 2.4rem; font-weight: 400; color: var(--ink); line-height: 1; }
    .stat-label { font-size: .6rem; letter-spacing: .2em; text-transform: uppercase; color: rgba(28,21,8,.55); margin-top: .2rem; }
    .stat-divider { width: 1px; background: rgba(28,21,8,.15); align-self: stretch; }

    /* ── Testimonial quote ── */
    .testimonial-strip {
      background: var(--ink); padding: 2.5rem 0;
    }
    .testimonial-quote {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1rem, 2vw, 1.25rem);
      font-style: italic; font-weight: 400;
      color: rgba(245,240,232,.85); line-height: 1.75;
      border-left: 3px solid var(--gold); padding-left: 1.5rem;
      max-width: 820px; margin: 0 auto;
    }
    .testimonial-attr {
      font-size: .72rem; letter-spacing: .1em;
      color: var(--gold-light); margin-top: .9rem;
      padding-left: 1.5rem; max-width: 820px; margin-left: auto; margin-right: auto;
    }

    /* ── Featured Seminar (large card) ── */
    .seminar-featured {
      background: var(--parchment);
      border: 1px solid var(--border);
      overflow: hidden;
      margin-bottom: 2.5rem;
      transition: box-shadow .3s;
      position: relative;
    }
    .seminar-featured::before {
      content: ''; position: absolute;
      top: 0; left: 0; right: 0; height: 4px;
      background: linear-gradient(90deg, var(--gold), var(--rust));
      transform: scaleX(0); transform-origin: left; transition: transform .35s;
    }
    .seminar-featured:hover { box-shadow: 0 12px 40px rgba(28,21,8,.1); }
    .seminar-featured:hover::before { transform: scaleX(1); }

    .seminar-featured-img {
      width: 100%; height: 300px; object-fit: cover;
      filter: sepia(8%) contrast(1.05);
      transition: transform .5s ease;
    }
    .seminar-featured:hover .seminar-featured-img { transform: scale(1.02); }
    .seminar-featured-img-wrap { overflow: hidden; position: relative; }
    .seminar-featured-img-wrap .date-badge {
      position: absolute; bottom: 1rem; left: 1rem;
      background: var(--gold); color: #fff;
      font-size: .6rem; letter-spacing: .18em; text-transform: uppercase;
      padding: .35rem .85rem;
    }
    .seminar-featured-body { padding: 2rem; }
    .seminar-venue {
      font-size: .65rem; letter-spacing: .18em; text-transform: uppercase;
      color: var(--sage); margin-bottom: .4rem; font-weight: 500;
    }
    .seminar-featured-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.25rem, 2.5vw, 1.75rem);
      font-weight: 600; color: var(--ink); line-height: 1.25; margin-bottom: .75rem;
    }
    .seminar-featured-title em { font-style: italic; color: var(--gold); }
    .seminar-featured-desc {
      font-size: .85rem; line-height: 1.85; color: #3a3020; margin-bottom: 1.5rem;
    }
    .seminar-featured-desc em { font-style: italic; color: var(--muted); }

    /* ── Photo gallery strip ── */
    .gallery-strip { display: flex; gap: .5rem; overflow-x: auto; padding-bottom: .5rem; margin-bottom: 1.25rem; }
    .gallery-strip::-webkit-scrollbar { height: 4px; }
    .gallery-strip::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
    .gallery-strip img {
      height: 90px; width: auto; flex-shrink: 0;
      object-fit: cover; cursor: pointer;
      opacity: .85; transition: opacity .2s, transform .2s;
      filter: sepia(5%);
    }
    .gallery-strip img:hover { opacity: 1; transform: scale(1.03); }

    /* ── Read more btn ── */
    .btn-read-more {
      display: inline-flex; align-items: center; gap: .5rem;
      background: var(--gold); color: #fff; border: none;
      font-family: 'Source Sans 3', sans-serif;
      font-size: .68rem; letter-spacing: .16em; text-transform: uppercase;
      padding: .6rem 1.5rem; transition: background .25s, transform .2s;
    }
    .btn-read-more:hover { background: var(--ink); color: #fff; transform: translateY(-2px); }
    .btn-outline-read {
      display: inline-flex; align-items: center; gap: .5rem;
      background: transparent; color: var(--muted);
      border: 1px solid var(--border);
      font-family: 'Source Sans 3', sans-serif;
      font-size: .68rem; letter-spacing: .16em; text-transform: uppercase;
      padding: .6rem 1.5rem; transition: border-color .25s, color .25s;
    }
    .btn-outline-read:hover { border-color: var(--gold); color: var(--gold); }

    /* ── Venues section ── */
    .venue-section { background: var(--parchment); padding: 4rem 0; }
    .venue-col-title {
      font-size: .62rem; letter-spacing: .22em; text-transform: uppercase;
      color: var(--gold); font-weight: 600;
      padding-bottom: .6rem; border-bottom: 1px solid var(--border);
      margin-bottom: 1.1rem;
    }
    .venue-item {
      display: flex; align-items: flex-start; gap: .6rem;
      font-size: .82rem; color: var(--muted); line-height: 1.6;
      padding: .35rem 0; border-bottom: 1px solid rgba(184,146,42,.08);
    }
    .venue-item i { color: var(--gold); flex-shrink: 0; font-size: .75rem; margin-top: 3px; }

    /* ── Sidebar ── */
    .author-sidebar {
      background: var(--parchment); border: 1px solid var(--border);
      padding: 1.75rem 1.5rem; position: sticky; top: 120px;
    }
    .sidebar-label {
      font-size: .62rem; letter-spacing: .22em; text-transform: uppercase;
      color: var(--gold); font-weight: 600; margin-bottom: 1rem;
      padding-bottom: .6rem; border-bottom: 1px solid var(--border);
    }
    .sidebar-name { font-family: 'Playfair Display', serif; font-size: 1.15rem; color: var(--ink); margin-bottom: .3rem; }
    .sidebar-role { font-size: .72rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
    .sidebar-stat { display: flex; justify-content: space-between; align-items: center; padding: .45rem 0; border-bottom: 1px solid var(--border); }
    .sidebar-stat-label { font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
    .sidebar-stat-val { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--gold); }
    .contact-row { display: flex; gap: .6rem; align-items: flex-start; margin-top: .9rem; font-size: .78rem; }
    .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
    .contact-row a { color: var(--muted); }
    .contact-row a:hover { color: var(--gold); }
    .btn-cv {
      display: flex; align-items: center; justify-content: center; gap: .5rem;
      background: var(--gold); color: #fff; border: none;
      font-family: 'Source Sans 3', sans-serif;
      font-size: .68rem; letter-spacing: .16em; text-transform: uppercase;
      padding: .65rem 1.2rem; width: 100%; margin-top: 1.25rem; transition: background .25s;
    }
    .btn-cv:hover { background: var(--ink); color: #fff; }

    /* ── Seminar quick-list (sidebar) ── */
    .quick-seminar-item {
      display: flex; gap: .6rem; align-items: flex-start;
      padding: .55rem 0; border-bottom: 1px solid var(--border);
      cursor: pointer; transition: padding-left .2s;
    }
    .quick-seminar-item:hover { padding-left: .35rem; }
    .quick-seminar-item i { color: var(--gold); flex-shrink: 0; font-size: .75rem; margin-top: 3px; }
    .quick-seminar-item span { font-size: .78rem; color: var(--muted); line-height: 1.45; }

    /* ── Lightbox overlay ── */
    .lightbox {
      display: none; position: fixed; inset: 0; z-index: 9999;
      background: rgba(0,0,0,.92); align-items: center; justify-content: center;
    }
    .lightbox.open { display: flex; }
    .lightbox img { max-width: 90vw; max-height: 88vh; object-fit: contain; box-shadow: 0 0 60px rgba(0,0,0,.5); }
    .lightbox-close {
      position: absolute; top: 1.25rem; right: 1.5rem;
      color: #fff; font-size: 2rem; cursor: pointer; line-height: 1;
      opacity: .7; transition: opacity .2s;
    }
    .lightbox-close:hover { opacity: 1; }
    .lightbox-caption {
      position: absolute; bottom: 1.25rem; left: 50%; transform: translateX(-50%);
      color: rgba(255,255,255,.55); font-size: .72rem; letter-spacing: .1em; white-space: nowrap;
    }

    /*SEMINARS  Mother Tougue */
    
   

    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

  

    /* ── Hero Image Banner ── */
    .hero-banner {
      position: relative; width: 100%;
      height: clamp(340px, 52vw, 580px);
      overflow: hidden; margin-top: 68px;
    }
    .hero-banner img {
      width: 100%; height: 100%;
      object-fit: cover; object-position: center 30%;
      filter: sepia(10%) contrast(1.05) brightness(.88);
    }
    .hero-banner-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(28,21,8,.82) 0%, rgba(28,21,8,.25) 55%, transparent 100%);
    }
    .hero-banner-content {
      position: absolute; bottom: 0; left: 0; right: 0;
      padding: 2.5rem 2rem 2rem;
      max-width: 1200px; margin: 0 auto;
    }
    .hero-banner-eyebrow {
      font-size: .65rem; letter-spacing: .3em; text-transform: uppercase;
      color: var(--gold-light); font-weight: 600;
      display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem;
    }
    .hero-banner-eyebrow::before { content: ''; width: 32px; height: 1px; background: var(--gold-light); }
    .hero-banner-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.8rem, 4.5vw, 3.8rem);
      font-weight: 400; color: #fff; line-height: 1.12; margin-bottom: .5rem;
    }
    .hero-banner-title em { font-style: italic; color: var(--gold-light); }
    .hero-banner-venue {
      font-size: .78rem; letter-spacing: .08em;
      color: rgba(245,240,232,.65);
    }
    .hero-banner-venue i { color: var(--gold-light); margin-right: .3rem; }
    .hero-date-pill {
      position: absolute; top: 1.5rem; right: 1.5rem;
      background: var(--gold); color: #fff;
      font-size: .62rem; letter-spacing: .2em; text-transform: uppercase;
      padding: .4rem 1rem;
    }

   

    /* ── Meta strip ── */
    .meta-strip {
      background: var(--ink); padding: 1.1rem 0;
      border-bottom: 1px solid rgba(245,240,232,.08);
    }
    .meta-item {
      display: flex; align-items: center; gap: .5rem;
      font-size: .7rem; letter-spacing: .1em; text-transform: uppercase;
      color: rgba(245,240,232,.55);
    }
    .meta-item i { color: var(--gold-light); }
    .meta-item strong { color: var(--gold-light); }

    /* ── Main layout ── */
    .main-wrap { padding: 4rem 0; background: var(--cream); }

    /* ── Article body ── */
    .article-eyebrow {
      font-size: .65rem; letter-spacing: .32em; text-transform: uppercase;
      color: var(--gold); font-weight: 600;
      display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem;
    }
    .article-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
    .article-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.6rem, 3vw, 2.4rem);
      font-weight: 400; color: var(--ink); line-height: 1.2; margin-bottom: 1.5rem;
    }
    .article-title em { font-style: italic; color: var(--gold); }
    .article-body {
      font-size: .92rem; line-height: 1.95; color: #3a3020;
    }
    .article-body p { margin-bottom: 1.2rem; }
    .article-body strong { color: var(--ink); font-weight: 600; }
    .article-body em { color: var(--muted); font-style: italic; }

    /* ── Pull quote ── */
    .pull-quote {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.15rem, 2.2vw, 1.5rem);
      font-style: italic; font-weight: 400;
      color: var(--ink); line-height: 1.65;
      border-left: 4px solid var(--gold);
      padding: 1.1rem 1.5rem;
      background: rgba(184,146,42,.05);
      margin: 2rem 0;
    }
    .pull-quote cite {
      display: block; margin-top: .75rem;
      font-family: 'Source Sans 3', sans-serif;
      font-size: .72rem; letter-spacing: .12em; text-transform: uppercase;
      color: var(--gold); font-style: normal;
    }

    /* ── Tags row ── */
    .tag-pill {
      display: inline-block; font-size: .58rem; letter-spacing: .14em;
      text-transform: uppercase; padding: 3px 10px;
      border: 1px solid var(--border); color: var(--muted);
      transition: background .2s, color .2s;
    }
    .tag-pill:hover { background: var(--gold); color: #fff; border-color: var(--gold); }
    .tag-pill.gold { border-color: rgba(184,146,42,.4); color: var(--gold); }
    .tag-pill.sage { border-color: rgba(61,90,61,.35); color: var(--sage); }

    /* ── Section heading inside article ── */
    .gallery-heading {
      font-family: 'Playfair Display', serif;
      font-size: 1.3rem; font-weight: 400;
      color: var(--ink); margin-bottom: 1.25rem;
      padding-bottom: .6rem; border-bottom: 1px solid var(--border);
      display: flex; align-items: center; gap: .75rem;
    }
    .gallery-heading::before { content: ''; width: 32px; height: 2px; background: var(--gold); }

    /* ── Photo grid ── */
    .photo-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: .5rem; margin-bottom: 1rem;
    }
    .photo-grid-item {
      position: relative; overflow: hidden;
      aspect-ratio: 4/3; cursor: pointer;
      background: #e8e0d0;
    }
    .photo-grid-item.tall { aspect-ratio: 3/4; }
    .photo-grid-item img {
      width: 100%; height: 100%; object-fit: cover;
      filter: sepia(5%) contrast(1.03);
      transition: transform .45s ease, filter .3s;
    }
    .photo-grid-item:hover img { transform: scale(1.06); filter: sepia(0%) contrast(1.06); }
    .photo-grid-item .overlay {
      position: absolute; inset: 0;
      background: rgba(28,21,8,0);
      transition: background .3s;
      display: flex; align-items: center; justify-content: center;
    }
    .photo-grid-item:hover .overlay { background: rgba(28,21,8,.25); }
    .photo-grid-item .overlay i {
      color: #fff; font-size: 1.6rem; opacity: 0;
      transition: opacity .3s; transform: scale(.7); transition: opacity .3s, transform .3s;
    }
    .photo-grid-item:hover .overlay i { opacity: 1; transform: scale(1); }

    /* ── Show more gallery ── */
    .btn-show-more {
      display: inline-flex; align-items: center; gap: .5rem;
      background: transparent; color: var(--gold);
      border: 1px solid var(--border);
      font-family: 'Source Sans 3', sans-serif;
      font-size: .68rem; letter-spacing: .16em; text-transform: uppercase;
      padding: .55rem 1.4rem; transition: all .25s; cursor: pointer;
    }
    .btn-show-more:hover { background: var(--gold); color: #fff; border-color: var(--gold); }

    /* ── Nav between seminars ── */
    .seminar-nav {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: .5rem; margin-top: 3rem; padding-top: 2rem;
      border-top: 1px solid var(--border);
    }
    .seminar-nav-card {
      background: var(--parchment); border: 1px solid var(--border);
      padding: 1.1rem 1.25rem;
      display: flex; align-items: center; gap: .75rem;
      transition: border-color .25s, transform .2s;
    }
    .seminar-nav-card:hover { border-color: var(--gold); transform: translateY(-2px); color: var(--ink); }
    .seminar-nav-card.next { flex-direction: row-reverse; text-align: right; }
    .nav-card-dir {
      font-size: .6rem; letter-spacing: .2em; text-transform: uppercase;
      color: var(--gold); margin-bottom: .2rem;
    }
    .nav-card-title {
      font-family: 'Playfair Display', serif;
      font-size: .92rem; color: var(--ink); line-height: 1.3;
    }
    .nav-card-icon { color: var(--gold); font-size: 1.1rem; flex-shrink: 0; }

    /* ── Sidebar ── */
    .author-sidebar {
      background: var(--parchment); border: 1px solid var(--border);
      padding: 1.75rem 1.5rem; position: sticky; top: 90px;
    }
    .sidebar-label {
      font-size: .62rem; letter-spacing: .22em; text-transform: uppercase;
      color: var(--gold); font-weight: 600; margin-bottom: 1rem;
      padding-bottom: .6rem; border-bottom: 1px solid var(--border);
    }
    .sidebar-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--ink); margin-bottom: .3rem; }
    .sidebar-role { font-size: .72rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
    .sidebar-stat { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; border-bottom: 1px solid var(--border); }
    .sidebar-stat-label { font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
    .sidebar-stat-val { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); }
    .contact-row { display: flex; gap: .6rem; align-items: flex-start; margin-top: .85rem; font-size: .78rem; }
    .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
    .contact-row a { color: var(--muted); }
    .contact-row a:hover { color: var(--gold); }
    .btn-cv {
      display: flex; align-items: center; justify-content: center; gap: .5rem;
      background: var(--gold); color: #fff; border: none;
      font-family: 'Source Sans 3', sans-serif;
      font-size: .68rem; letter-spacing: .16em; text-transform: uppercase;
      padding: .65rem 1.2rem; width: 100%; margin-top: 1.25rem; transition: background .25s;
    }
    .btn-cv:hover { background: var(--ink); color: #fff; }
    .divider-gold { width: 48px; height: 2px; background: var(--gold); opacity: .45; margin: 1.25rem 0; }

    /* ── Related seminars (sidebar) ── */
    .related-item {
      display: flex; gap: .8rem; align-items: flex-start;
      padding: .75rem 0; border-bottom: 1px solid var(--border);
      cursor: pointer; transition: padding-left .2s;
    }
    .related-item:hover { padding-left: .3rem; }
    .related-thumb {
      width: 56px; height: 42px; flex-shrink: 0;
      object-fit: cover; filter: sepia(8%);
    }
    .related-title {
      font-family: 'Playfair Display', serif;
      font-size: .85rem; color: var(--ink); line-height: 1.35;
    }
    .related-title:hover { color: var(--gold); }

    /* ── Related seminars grid (bottom) ── */
    .related-section { background: var(--parchment); padding: 4rem 0; }
    .related-card {
      background: var(--cream); border: 1px solid var(--border);
      overflow: hidden; transition: transform .25s, box-shadow .25s;
      height: 100%;
    }
    .related-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(28,21,8,.1); }
    .related-card-img {
      width: 100%; height: 180px; object-fit: cover;
      filter: sepia(6%) contrast(1.04);
      transition: transform .4s;
    }
    .related-card:hover .related-card-img { transform: scale(1.04); }
    .related-card-img-wrap { overflow: hidden; }
    .related-card-body { padding: 1.1rem 1.1rem 1.25rem; }
    .related-card-date { font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: .4rem; font-weight: 600; }
    .related-card-title { font-family: 'Playfair Display', serif; font-size: .98rem; font-weight: 600; color: var(--ink); line-height: 1.3; }

  
/*seminar-pakistan-resolution-day */

   

    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

  

    /* ── Hero Image Banner ── */
    .hero-banner {
      position: relative; width: 100%;
      height: clamp(340px, 52vw, 580px);
      overflow: hidden; margin-top: 68px;
    }
    .hero-banner img {
      width: 100%; height: 100%;
      object-fit: cover; object-position: center 35%;
      filter: sepia(10%) contrast(1.05) brightness(.85);
    }
    .hero-banner-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(28,21,8,.85) 0%, rgba(28,21,8,.3) 55%, transparent 100%);
    }
    .hero-banner-content {
      position: absolute; bottom: 0; left: 0; right: 0;
      padding: 2.5rem 2rem 2rem;
    }
    .hero-banner-eyebrow {
      font-size: .65rem; letter-spacing: .3em; text-transform: uppercase;
      color: var(--gold-light); font-weight: 600;
      display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem;
    }
    .hero-banner-eyebrow::before { content: ''; width: 32px; height: 1px; background: var(--gold-light); }
    .hero-banner-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.8rem, 4.5vw, 3.8rem);
      font-weight: 400; color: #fff; line-height: 1.12; margin-bottom: .6rem;
    }
    .hero-banner-title em { font-style: italic; color: var(--gold-light); }
    .hero-banner-venue {
      font-size: .78rem; letter-spacing: .08em; color: rgba(245,240,232,.65);
    }
    .hero-banner-venue i { color: var(--gold-light); margin-right: .3rem; }
    .hero-date-pill {
      position: absolute; top: 1.5rem; right: 1.5rem;
      background: var(--gold); color: #fff;
      font-size: .62rem; letter-spacing: .2em; text-transform: uppercase;
      padding: .4rem 1rem;
    }
    .chief-guest-badge {
      position: absolute; top: 1.5rem; left: 1.5rem;
      background: rgba(28,21,8,.75); color: var(--gold-light);
      border: 1px solid rgba(184,146,42,.4);
      font-size: .6rem; letter-spacing: .2em; text-transform: uppercase;
      padding: .35rem .9rem; backdrop-filter: blur(6px);
    }


    /* ── Meta strip ── */
    .meta-strip { background: var(--ink); padding: 1.1rem 0; border-bottom: 1px solid rgba(245,240,232,.08); }
    .meta-item {
      display: flex; align-items: center; gap: .5rem;
      font-size: .7rem; letter-spacing: .1em; text-transform: uppercase;
      color: rgba(245,240,232,.55);
    }
    .meta-item i { color: var(--gold-light); }
    .meta-item strong { color: var(--gold-light); }

    /* ── Main layout ── */
    .main-wrap { padding: 4rem 0; background: var(--cream); }

    /* ── Article ── */
    .article-eyebrow {
      font-size: .65rem; letter-spacing: .32em; text-transform: uppercase;
      color: var(--gold); font-weight: 600;
      display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem;
    }
    .article-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
    .article-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.6rem, 3vw, 2.4rem);
      font-weight: 400; color: var(--ink); line-height: 1.2; margin-bottom: 1.5rem;
    }
    .article-title em { font-style: italic; color: var(--gold); }
    .article-body { font-size: .92rem; line-height: 1.95; color: #3a3020; }
    .article-body p { margin-bottom: 1.25rem; }
    .article-body strong { color: var(--ink); font-weight: 600; }
    .article-body em { color: var(--muted); font-style: italic; }

    /* ── Key messages box ── */
    .key-messages {
      background: var(--parchment); border: 1px solid var(--border);
      border-left: 4px solid var(--gold);
      padding: 1.5rem 1.75rem; margin: 2rem 0;
    }
    .key-messages-title {
      font-size: .65rem; letter-spacing: .22em; text-transform: uppercase;
      color: var(--gold); font-weight: 600; margin-bottom: 1rem;
    }
    .key-messages ul { list-style: none; padding: 0; margin: 0; }
    .key-messages ul li {
      font-size: .88rem; line-height: 1.75; color: #3a3020;
      padding: .4rem 0; border-bottom: 1px solid rgba(184,146,42,.12);
      display: flex; align-items: flex-start; gap: .65rem;
    }
    .key-messages ul li:last-child { border-bottom: none; }
    .key-messages ul li::before { content: '—'; color: var(--gold); flex-shrink: 0; margin-top: 1px; }

    /* ── Pull quote ── */
    .pull-quote {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.1rem, 2.2vw, 1.45rem);
      font-style: italic; font-weight: 400;
      color: var(--ink); line-height: 1.65;
      border-left: 4px solid var(--gold);
      padding: 1.1rem 1.5rem;
      background: rgba(184,146,42,.05);
      margin: 2rem 0;
    }
    .pull-quote cite {
      display: block; margin-top: .75rem;
      font-family: 'Source Sans 3', sans-serif;
      font-size: .72rem; letter-spacing: .12em; text-transform: uppercase;
      color: var(--gold); font-style: normal;
    }

    /* ── Peace icons strip ── */
    .peace-icons {
      background: var(--ink); border-radius: 0;
      padding: 1.5rem 1.75rem; margin: 2rem 0;
    }
    .peace-icons-label {
      font-size: .62rem; letter-spacing: .22em; text-transform: uppercase;
      color: var(--gold-light); margin-bottom: 1rem;
    }
    .peace-icons-grid {
      display: grid; grid-template-columns: repeat(2, 1fr); gap: .6rem;
    }
    .peace-icon-item {
      display: flex; align-items: center; gap: .6rem;
      font-size: .82rem; color: rgba(245,240,232,.7);
    }
    .peace-icon-item i { color: var(--gold-light); flex-shrink: 0; }

    /* ── Tag pill ── */
    .tag-pill {
      display: inline-block; font-size: .58rem; letter-spacing: .14em;
      text-transform: uppercase; padding: 3px 10px;
      border: 1px solid var(--border); color: var(--muted);
      transition: background .2s, color .2s;
    }
    .tag-pill:hover { background: var(--gold); color: #fff; border-color: var(--gold); }
    .tag-pill.gold { border-color: rgba(184,146,42,.4); color: var(--gold); }
    .tag-pill.sage { border-color: rgba(61,90,61,.35); color: var(--sage); }

    /* ── Gallery ── */
    .gallery-heading {
      font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 400;
      color: var(--ink); margin-bottom: 1.25rem;
      padding-bottom: .6rem; border-bottom: 1px solid var(--border);
      display: flex; align-items: center; gap: .75rem;
    }
    .gallery-heading::before { content: ''; width: 32px; height: 2px; background: var(--gold); }

    .photo-grid {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: .45rem; margin-bottom: 1rem;
    }
    .photo-grid-item {
      position: relative; overflow: hidden;
      aspect-ratio: 4/3; cursor: pointer; background: #e8e0d0;
    }
    .photo-grid-item.tall { aspect-ratio: 3/4; }
    .photo-grid-item.wide {
      grid-column: span 2; aspect-ratio: 16/9;
    }
    .photo-grid-item img {
      width: 100%; height: 100%; object-fit: cover;
      filter: sepia(5%) contrast(1.03);
      transition: transform .45s ease, filter .3s;
    }
    .photo-grid-item:hover img { transform: scale(1.06); filter: sepia(0%) contrast(1.06); }
    .photo-grid-item .overlay {
      position: absolute; inset: 0;
      background: rgba(28,21,8,0); transition: background .3s;
      display: flex; align-items: center; justify-content: center;
    }
    .photo-grid-item:hover .overlay { background: rgba(28,21,8,.28); }
    .photo-grid-item .overlay i {
      color: #fff; font-size: 1.5rem; opacity: 0;
      transition: opacity .3s, transform .3s; transform: scale(.7);
    }
    .photo-grid-item:hover .overlay i { opacity: 1; transform: scale(1); }

    .btn-show-more {
      display: inline-flex; align-items: center; gap: .5rem;
      background: transparent; color: var(--gold); border: 1px solid var(--border);
      font-family: 'Source Sans 3', sans-serif;
      font-size: .68rem; letter-spacing: .16em; text-transform: uppercase;
      padding: .55rem 1.4rem; transition: all .25s; cursor: pointer;
    }
    .btn-show-more:hover { background: var(--gold); color: #fff; border-color: var(--gold); }

    /* ── Prev / Next ── */
    .seminar-nav { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--border); }
    .seminar-nav-card {
      background: var(--parchment); border: 1px solid var(--border);
      padding: 1.1rem 1.25rem; display: flex; align-items: center; gap: .75rem;
      transition: border-color .25s, transform .2s;
    }
    .seminar-nav-card:hover { border-color: var(--gold); transform: translateY(-2px); color: var(--ink); }
    .seminar-nav-card.next { flex-direction: row-reverse; text-align: right; }
    .nav-card-dir { font-size: .6rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); margin-bottom: .2rem; }
    .nav-card-title { font-family: 'Playfair Display', serif; font-size: .92rem; color: var(--ink); line-height: 1.3; }
    .nav-card-icon { color: var(--gold); font-size: 1.1rem; flex-shrink: 0; }

    /* ── Sidebar ── */
    .author-sidebar { background: var(--parchment); border: 1px solid var(--border); padding: 1.75rem 1.5rem; position: sticky; top: 90px; }
    .sidebar-label { font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); }
    .sidebar-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--ink); margin-bottom: .3rem; }
    .sidebar-role { font-size: .72rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
    .sidebar-stat { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; border-bottom: 1px solid var(--border); }
    .sidebar-stat-label { font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
    .sidebar-stat-val { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); }
    .contact-row { display: flex; gap: .6rem; align-items: flex-start; margin-top: .85rem; font-size: .78rem; }
    .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
    .contact-row a { color: var(--muted); }
    .contact-row a:hover { color: var(--gold); }
    .btn-cv { display: flex; align-items: center; justify-content: center; gap: .5rem; background: var(--gold); color: #fff; border: none; font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .65rem 1.2rem; width: 100%; margin-top: 1.25rem; transition: background .25s; }
    .btn-cv:hover { background: var(--ink); color: #fff; }
    .divider-gold { width: 48px; height: 2px; background: var(--gold); opacity: .45; margin: 1.25rem 0; }

    /* Related in sidebar */
    .related-item { display: flex; gap: .8rem; align-items: flex-start; padding: .75rem 0; border-bottom: 1px solid var(--border); cursor: pointer; transition: padding-left .2s; }
    .related-item:hover { padding-left: .3rem; }
    .related-thumb { width: 56px; height: 42px; flex-shrink: 0; object-fit: cover; filter: sepia(8%); }
    .related-title { font-family: 'Playfair Display', serif; font-size: .85rem; color: var(--ink); line-height: 1.35; }
    .related-title:hover { color: var(--gold); }

    /* Related grid bottom */
    .related-section { background: var(--parchment); padding: 4rem 0; }
    .related-card { background: var(--cream); border: 1px solid var(--border); overflow: hidden; transition: transform .25s, box-shadow .25s; height: 100%; }
    .related-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(28,21,8,.1); }
    .related-card-img { width: 100%; height: 180px; object-fit: cover; filter: sepia(6%) contrast(1.04); transition: transform .4s; }
    .related-card:hover .related-card-img { transform: scale(1.04); }
    .related-card-img-wrap { overflow: hidden; }
    .related-card-body { padding: 1.1rem; }
    .related-card-date { font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: .4rem; font-weight: 600; }
    .related-card-title { font-family: 'Playfair Display', serif; font-size: .98rem; font-weight: 600; color: var(--ink); line-height: 1.3; }

    /* Abdul Ghani Khan his Life and Times */
    
    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

    
    /* ── Hero Banner ── */
    .hero-banner { position: relative; width: 100%; height: clamp(340px, 52vw, 580px); overflow: hidden; margin-top: 68px; }
    .hero-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; filter: sepia(12%) contrast(1.05) brightness(.82); }
    .hero-banner-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(28,21,8,.9) 0%, rgba(28,21,8,.35) 55%, transparent 100%); }
    .hero-banner-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 2.5rem 2rem 2rem; }
    .hero-banner-eyebrow { font-size: .65rem; letter-spacing: .3em; text-transform: uppercase; color: var(--gold-light); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .hero-banner-eyebrow::before { content: ''; width: 32px; height: 1px; background: var(--gold-light); }
    .hero-banner-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 4.5vw, 3.8rem); font-weight: 400; color: #fff; line-height: 1.12; margin-bottom: .6rem; }
    .hero-banner-title em { font-style: italic; color: var(--gold-light); }
    .hero-banner-venue { font-size: .78rem; letter-spacing: .08em; color: rgba(245,240,232,.65); }
    .hero-banner-venue i { color: var(--gold-light); margin-right: .3rem; }
    .hero-date-pill { position: absolute; top: 1.5rem; right: 1.5rem; background: var(--gold); color: #fff; font-size: .62rem; letter-spacing: .2em; text-transform: uppercase; padding: .4rem 1rem; }
    .birthday-badge { position: absolute; top: 1.5rem; left: 1.5rem; background: rgba(28,21,8,.75); color: var(--gold-light); border: 1px solid rgba(184,146,42,.4); font-size: .6rem; letter-spacing: .2em; text-transform: uppercase; padding: .35rem .9rem; backdrop-filter: blur(6px); }


    /* ── Meta strip ── */
    .meta-strip { background: var(--ink); padding: 1.1rem 0; border-bottom: 1px solid rgba(245,240,232,.08); }
    .meta-item { display: flex; align-items: center; gap: .5rem; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(245,240,232,.55); }
    .meta-item i { color: var(--gold-light); }
    .meta-item strong { color: var(--gold-light); }

    /* ── Main ── */
    .main-wrap { padding: 4rem 0; background: var(--cream); }

    /* ── Article ── */
    .article-eyebrow { font-size: .65rem; letter-spacing: .32em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .article-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
    .article-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 400; color: var(--ink); line-height: 1.2; margin-bottom: 1.5rem; }
    .article-title em { font-style: italic; color: var(--gold); }
    .article-body { font-size: .92rem; line-height: 1.95; color: #3a3020; }
    .article-body p { margin-bottom: 1.25rem; }
    .article-body strong { color: var(--ink); font-weight: 600; }
    .article-body em { font-style: italic; color: var(--muted); }

    /* ── Pashto poetry block ── */
    .poetry-block {
      background: var(--ink); padding: 2rem 2.25rem; margin: 2rem 0;
      position: relative; overflow: hidden;
    }
    .poetry-block::before {
      content: '\201C'; position: absolute; top: -.5rem; left: .75rem;
      font-family: 'Playfair Display', serif; font-size: 8rem;
      color: rgba(184,146,42,.12); line-height: 1; pointer-events: none;
    }
    .poetry-label { font-size: .6rem; letter-spacing: .25em; text-transform: uppercase; color: var(--gold-light); margin-bottom: 1rem; }
    .poetry-pashto {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1rem, 2vw, 1.2rem);
      font-style: italic; color: rgba(245,240,232,.9);
      line-height: 1.9; margin-bottom: 1.25rem;
    }
    .poetry-divider { width: 48px; height: 1px; background: rgba(184,146,42,.4); margin: 1.1rem 0; }
    .poetry-translation-label { font-size: .6rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-light); margin-bottom: .65rem; }
    .poetry-translation {
      font-family: 'Playfair Display', serif;
      font-size: clamp(.95rem, 1.8vw, 1.1rem);
      font-style: italic; color: rgba(245,240,232,.65);
      line-height: 1.85;
    }
    .poetry-attr { font-size: .7rem; letter-spacing: .12em; color: rgba(184,146,42,.7); margin-top: 1rem; text-transform: uppercase; }

    /* ── Timeline of Ghani Khan's life ── */
    .timeline { margin: 2rem 0; }
    .timeline-item { display: flex; gap: 1.25rem; padding: .85rem 0; border-bottom: 1px solid var(--border); align-items: flex-start; }
    .timeline-item:last-child { border-bottom: none; }
    .timeline-year { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); flex-shrink: 0; width: 52px; line-height: 1.3; }
    .timeline-content { font-size: .85rem; line-height: 1.7; color: #3a3020; flex: 1; }
    .timeline-content strong { color: var(--ink); }

    /* ── Pull quote ── */
    .pull-quote { font-family: 'Playfair Display', serif; font-size: clamp(1.1rem, 2.2vw, 1.45rem); font-style: italic; font-weight: 400; color: var(--ink); line-height: 1.65; border-left: 4px solid var(--gold); padding: 1.1rem 1.5rem; background: rgba(184,146,42,.05); margin: 2rem 0; }
    .pull-quote cite { display: block; margin-top: .75rem; font-family: 'Source Sans 3', sans-serif; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); font-style: normal; }

    /* ── Tag pill ── */
    .tag-pill { display: inline-block; font-size: .58rem; letter-spacing: .14em; text-transform: uppercase; padding: 3px 10px; border: 1px solid var(--border); color: var(--muted); transition: background .2s, color .2s; }
    .tag-pill:hover { background: var(--gold); color: #fff; border-color: var(--gold); }
    .tag-pill.gold { border-color: rgba(184,146,42,.4); color: var(--gold); }
    .tag-pill.sage { border-color: rgba(61,90,61,.35); color: var(--sage); }

    /* ── Gallery ── */
    .gallery-heading { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 400; color: var(--ink); margin-bottom: 1.25rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: .75rem; }
    .gallery-heading::before { content: ''; width: 32px; height: 2px; background: var(--gold); }

    .photo-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 160px; gap: .45rem; margin-bottom: 1rem; }
    .photo-grid-item { position: relative; overflow: hidden; cursor: pointer; background: #e8e0d0; }
    .photo-grid-item.tall { grid-row: span 2; }
    .photo-grid-item.wide { grid-column: span 2; }
    .photo-grid-item img { width: 100%; height: 100%; object-fit: cover; filter: sepia(5%) contrast(1.03); transition: transform .45s ease, filter .3s; }
    .photo-grid-item:hover img { transform: scale(1.06); filter: sepia(0%) contrast(1.07); }
    .photo-grid-item .overlay { position: absolute; inset: 0; background: rgba(28,21,8,0); transition: background .3s; display: flex; align-items: center; justify-content: center; }
    .photo-grid-item:hover .overlay { background: rgba(28,21,8,.28); }
    .photo-grid-item .overlay i { color: #fff; font-size: 1.5rem; opacity: 0; transition: opacity .3s, transform .3s; transform: scale(.7); }
    .photo-grid-item:hover .overlay i { opacity: 1; transform: scale(1); }

    .btn-show-more { display: inline-flex; align-items: center; gap: .5rem; background: transparent; color: var(--gold); border: 1px solid var(--border); font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .55rem 1.4rem; transition: all .25s; cursor: pointer; }
    .btn-show-more:hover { background: var(--gold); color: #fff; border-color: var(--gold); }



    /* ── Sidebar ── */
    .author-sidebar { background: var(--parchment); border: 1px solid var(--border); padding: 1.75rem 1.5rem; position: sticky; top: 90px; }
    .sidebar-label { font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); }
    .sidebar-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--ink); margin-bottom: .3rem; }
    .sidebar-role { font-size: .72rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
    .sidebar-stat { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; border-bottom: 1px solid var(--border); }
    .sidebar-stat-label { font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
    .sidebar-stat-val { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); }
    .contact-row { display: flex; gap: .6rem; align-items: flex-start; margin-top: .85rem; font-size: .78rem; }
    .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
    .contact-row a { color: var(--muted); }
    .contact-row a:hover { color: var(--gold); }
    .btn-cv { display: flex; align-items: center; justify-content: center; gap: .5rem; background: var(--gold); color: #fff; border: none; font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .65rem 1.2rem; width: 100%; margin-top: 1.25rem; transition: background .25s; }
    .btn-cv:hover { background: var(--ink); color: #fff; }
    .divider-gold { width: 48px; height: 2px; background: var(--gold); opacity: .45; margin: 1.25rem 0; }
    .related-item { display: flex; gap: .8rem; align-items: flex-start; padding: .75rem 0; border-bottom: 1px solid var(--border); transition: padding-left .2s; }
    .related-item:hover { padding-left: .3rem; }
    .related-thumb { width: 56px; height: 42px; flex-shrink: 0; object-fit: cover; filter: sepia(8%); }
    .related-title { font-family: 'Playfair Display', serif; font-size: .85rem; color: var(--ink); line-height: 1.35; }
    .related-title:hover { color: var(--gold); }

    /* ── Related grid bottom ── */
    .related-section { background: var(--parchment); padding: 4rem 0; }
    .related-card { background: var(--cream); border: 1px solid var(--border); overflow: hidden; transition: transform .25s, box-shadow .25s; height: 100%; }
    .related-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(28,21,8,.1); }
    .related-card-img { width: 100%; height: 180px; object-fit: cover; filter: sepia(6%) contrast(1.04); transition: transform .4s; }
    .related-card:hover .related-card-img { transform: scale(1.04); }
    .related-card-img-wrap { overflow: hidden; }
    .related-card-body { padding: 1.1rem; }
    .related-card-date { font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: .4rem; font-weight: 600; }
    .related-card-title { font-family: 'Playfair Display', serif; font-size: .98rem; font-weight: 600; color: var(--ink); line-height: 1.3; }



    /* Qissa Khwani Massacre */

    
    *,*::before,*::after{box-sizing:border-box;}
    body{font-family:'Source Sans 3',sans-serif;background:var(--cream);color:var(--ink);}
    h1,h2,h3,h4,h5,h6{font-family:'Playfair Display',serif;}
    a{color:var(--gold);text-decoration:none;}a:hover{color:var(--rust);}

    .navbar{background:rgba(245,240,232,.97)!important;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:.9rem 0;}
    .navbar-brand{font-family:'Playfair Display',serif;font-style:italic;font-size:1.15rem;color:var(--gold)!important;letter-spacing:.02em;}
    .navbar-nav .nav-link{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)!important;font-weight:500;padding:.4rem .9rem!important;position:relative;}
    .navbar-nav .nav-link::after{content:'';position:absolute;bottom:0;left:.9rem;right:.9rem;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .25s;}
    .navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--gold)!important;}
    .navbar-nav .nav-link:hover::after,.navbar-nav .nav-link.active::after{transform:scaleX(1);}
    .navbar-toggler{border-color:var(--border);}
    .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23b8922a' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

    .hero-banner{position:relative;width:100%;height:clamp(340px,52vw,580px);overflow:hidden;margin-top:68px;}
    .hero-banner img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:sepia(20%) contrast(1.08) brightness(.72);}
    .hero-banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(28,21,8,.92) 0%,rgba(28,21,8,.45) 55%,rgba(28,21,8,.15) 100%);}
    .hero-banner-content{position:absolute;bottom:0;left:0;right:0;padding:2.5rem 2rem 2rem;}
    .hero-banner-eyebrow{font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-light);font-weight:600;display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;}
    .hero-banner-eyebrow::before{content:'';width:32px;height:1px;background:var(--gold-light);}
    .hero-banner-title{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,4.5vw,3.8rem);font-weight:400;color:#fff;line-height:1.12;margin-bottom:.6rem;}
    .hero-banner-title em{font-style:italic;color:var(--gold-light);}
    .hero-banner-venue{font-size:.78rem;letter-spacing:.08em;color:rgba(245,240,232,.65);}
    .hero-banner-venue i{color:var(--gold-light);margin-right:.3rem;}
    .hero-date-pill{position:absolute;top:1.5rem;right:1.5rem;background:var(--blood);color:#fff;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;padding:.4rem 1rem;}
    .martyrs-badge{position:absolute;top:1.5rem;left:1.5rem;background:rgba(28,21,8,.8);color:#e8c4c4;border:1px solid rgba(122,28,28,.5);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;padding:.35rem .9rem;backdrop-filter:blur(6px);}

    .breadcrumb-wrap{background:var(--parchment);border-bottom:1px solid var(--border);padding:.7rem 0;}
    .breadcrumb{margin:0;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;}
    .breadcrumb-item a{color:var(--gold);}
    .breadcrumb-item.active{color:var(--muted);}
    .breadcrumb-item+.breadcrumb-item::before{color:rgba(184,146,42,.4);}

    .meta-strip{background:var(--ink);padding:1.1rem 0;border-bottom:1px solid rgba(245,240,232,.08);}
    .meta-item{display:flex;align-items:center;gap:.5rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(245,240,232,.55);}
    .meta-item i{color:var(--gold-light);}
    .meta-item strong{color:var(--gold-light);}

    .remembrance-strip{background:var(--blood);padding:1.25rem 0;}
    .remembrance-text{font-family:'Playfair Display',serif;font-size:clamp(.85rem,1.8vw,1rem);font-style:italic;color:rgba(255,255,255,.85);line-height:1.7;text-align:center;}

    .main-wrap{padding:4rem 0;background:var(--cream);}

    .article-eyebrow{font-size:.65rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;}
    .article-eyebrow::after{content:'';flex:1;max-width:60px;height:1px;background:var(--border);}
    .article-title{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:400;color:var(--ink);line-height:1.2;margin-bottom:1.5rem;}
    .article-title em{font-style:italic;color:var(--gold);}
    .article-body{font-size:.92rem;line-height:1.95;color:#3a3020;}
    .article-body p{margin-bottom:1.25rem;}
    .article-body strong{color:var(--ink);font-weight:600;}
    .article-body em{font-style:italic;color:var(--muted);}

    .history-box{background:var(--parchment);border:1px solid var(--border);border-left:4px solid var(--rust);padding:1.5rem 1.75rem;margin:2rem 0;}
    .history-box-title{font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--rust);font-weight:600;margin-bottom:1rem;}
    .history-row{display:flex;align-items:flex-start;gap:.75rem;font-size:.86rem;color:#3a3020;line-height:1.7;padding:.4rem 0;border-bottom:1px solid rgba(139,58,42,.1);}
    .history-row:last-child{border-bottom:none;}
    .history-row i{color:var(--rust);flex-shrink:0;margin-top:3px;}

    .massacre-timeline{margin:2rem 0;}
    .mt-item{display:flex;gap:1.25rem;padding:.9rem 0;border-bottom:1px solid var(--border);align-items:flex-start;}
    .mt-item:last-child{border-bottom:none;}
    .mt-time{font-family:'Playfair Display',serif;font-size:.95rem;color:var(--rust);flex-shrink:0;width:80px;line-height:1.3;font-weight:600;}
    .mt-content{font-size:.85rem;line-height:1.75;color:#3a3020;flex:1;}
    .mt-content strong{color:var(--ink);}

    .pull-quote{font-family:'Playfair Display',serif;font-size:clamp(1.1rem,2.2vw,1.45rem);font-style:italic;font-weight:400;color:var(--ink);line-height:1.65;border-left:4px solid var(--rust);padding:1.1rem 1.5rem;background:rgba(139,58,42,.05);margin:2rem 0;}
    .pull-quote cite{display:block;margin-top:.75rem;font-family:'Source Sans 3',sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rust);font-style:normal;}

    .pub-link-box{background:var(--ink);padding:1.5rem 1.75rem;margin:2rem 0;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;}
    .pub-link-label{font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-light);margin-bottom:.4rem;}
    .pub-link-title{font-family:'Playfair Display',serif;font-size:1.05rem;font-style:italic;color:#fff;line-height:1.4;}
    .btn-pub{display:inline-flex;align-items:center;gap:.5rem;background:var(--gold);color:#fff;border:none;font-family:'Source Sans 3',sans-serif;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;padding:.6rem 1.3rem;flex-shrink:0;transition:background .25s;}
    .btn-pub:hover{background:var(--gold-light);color:var(--ink);}

    .tag-pill{display:inline-block;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;padding:3px 10px;border:1px solid var(--border);color:var(--muted);transition:background .2s,color .2s;}
    .tag-pill:hover{background:var(--gold);color:#fff;border-color:var(--gold);}
    .tag-pill.gold{border-color:rgba(184,146,42,.4);color:var(--gold);}
    .tag-pill.sage{border-color:rgba(61,90,61,.35);color:var(--sage);}
    .tag-pill.rust{border-color:rgba(139,58,42,.4);color:var(--rust);}

    .gallery-heading{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:400;color:var(--ink);margin-bottom:1.25rem;padding-bottom:.6rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.75rem;}
    .gallery-heading::before{content:'';width:32px;height:2px;background:var(--rust);}

    .photo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:160px;gap:.45rem;margin-bottom:1rem;}
    .photo-grid-item{position:relative;overflow:hidden;cursor:pointer;background:#2a1a1a;}
    .photo-grid-item.tall{grid-row:span 2;}
    .photo-grid-item.wide{grid-column:span 2;}
    .photo-grid-item img{width:100%;height:100%;object-fit:cover;filter:sepia(8%) contrast(1.04);transition:transform .45s ease,filter .3s;}
    .photo-grid-item:hover img{transform:scale(1.06);filter:sepia(0%) contrast(1.07);}
    .photo-grid-item .overlay{position:absolute;inset:0;background:rgba(28,21,8,0);transition:background .3s;display:flex;align-items:center;justify-content:center;}
    .photo-grid-item:hover .overlay{background:rgba(28,21,8,.3);}
    .photo-grid-item .overlay i{color:#fff;font-size:1.5rem;opacity:0;transition:opacity .3s,transform .3s;transform:scale(.7);}
    .photo-grid-item:hover .overlay i{opacity:1;transform:scale(1);}

    .btn-show-more{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--gold);border:1px solid var(--border);font-family:'Source Sans 3',sans-serif;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;padding:.55rem 1.4rem;transition:all .25s;cursor:pointer;}
    .btn-show-more:hover{background:var(--gold);color:#fff;border-color:var(--gold);}

    .seminar-nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);}
    .seminar-nav-card{background:var(--parchment);border:1px solid var(--border);padding:1.1rem 1.25rem;display:flex;align-items:center;gap:.75rem;transition:border-color .25s,transform .2s;}
    .seminar-nav-card:hover{border-color:var(--gold);transform:translateY(-2px);color:var(--ink);}
    .seminar-nav-card.next{flex-direction:row-reverse;text-align:right;}
    .nav-card-dir{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.2rem;}
    .nav-card-title{font-family:'Playfair Display',serif;font-size:.92rem;color:var(--ink);line-height:1.3;}
    .nav-card-icon{color:var(--gold);font-size:1.1rem;flex-shrink:0;}

    .author-sidebar{background:var(--parchment);border:1px solid var(--border);padding:1.75rem 1.5rem;position:sticky;top:90px;}
    .sidebar-label{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border);}
    .sidebar-name{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--ink);margin-bottom:.3rem;}
    .sidebar-role{font-size:.72rem;color:var(--muted);line-height:1.6;margin-bottom:1.25rem;}
    .sidebar-stat{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--border);}
    .sidebar-stat-label{font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
    .sidebar-stat-val{font-family:'Playfair Display',serif;font-size:1.05rem;color:var(--gold);}
    .contact-row{display:flex;gap:.6rem;align-items:flex-start;margin-top:.85rem;font-size:.78rem;}
    .contact-row i{color:var(--gold);margin-top:2px;flex-shrink:0;}
    .contact-row a{color:var(--muted);}
    .contact-row a:hover{color:var(--gold);}
    .btn-cv{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gold);color:#fff;border:none;font-family:'Source Sans 3',sans-serif;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;padding:.65rem 1.2rem;width:100%;margin-top:1.25rem;transition:background .25s;}
    .btn-cv:hover{background:var(--ink);color:#fff;}
    .divider-gold{width:48px;height:2px;background:var(--gold);opacity:.45;margin:1.25rem 0;}
    .related-item{display:flex;gap:.8rem;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--border);transition:padding-left .2s;}
    .related-item:hover{padding-left:.3rem;}
    .related-thumb{width:56px;height:42px;flex-shrink:0;object-fit:cover;filter:sepia(8%);}
    .related-title{font-family:'Playfair Display',serif;font-size:.85rem;color:var(--ink);line-height:1.35;}
    .related-title:hover{color:var(--gold);}

    .related-section{background:var(--parchment);padding:4rem 0;}
    .related-card{background:var(--cream);border:1px solid var(--border);overflow:hidden;transition:transform .25s,box-shadow .25s;height:100%;}
    .related-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(28,21,8,.1);}
    .related-card-img{width:100%;height:180px;object-fit:cover;filter:sepia(6%) contrast(1.04);transition:transform .4s;}
    .related-card:hover .related-card-img{transform:scale(1.04);}
    .related-card-img-wrap{overflow:hidden;}
    .related-card-body{padding:1.1rem;}
    .related-card-date{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem;font-weight:600;}
    .related-card-title{font-family:'Playfair Display',serif;font-size:.98rem;font-weight:600;color:var(--ink);line-height:1.3;}

    .lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.93);align-items:center;justify-content:center;}
    .lightbox.open{display:flex;}
    .lightbox-inner{position:relative;max-width:92vw;max-height:90vh;}
    .lightbox-inner img{max-width:92vw;max-height:88vh;object-fit:contain;display:block;box-shadow:0 0 60px rgba(0,0,0,.5);}
    .lightbox-close{position:fixed;top:1.25rem;right:1.5rem;color:#fff;font-size:2.2rem;cursor:pointer;line-height:1;opacity:.7;transition:opacity .2s;z-index:10000;}
    .lightbox-close:hover{opacity:1;}
    .lb-prev,.lb-next{position:fixed;top:50%;transform:translateY(-50%);background:rgba(184,146,42,.8);color:#fff;border:none;font-size:1.4rem;width:2.8rem;height:2.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;z-index:10000;}
    .lb-prev{left:.75rem;}.lb-next{right:.75rem;}
    .lb-prev:hover,.lb-next:hover{background:var(--gold);}
    .lb-counter{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.45);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;}

    .footer-dark{background:var(--ink);padding:3rem 0 1.5rem;}
    .footer-name{font-family:'Playfair Display',serif;font-size:1.1rem;font-style:italic;color:var(--gold-light);margin-bottom:.25rem;}
    .footer-role{font-size:.72rem;color:rgba(245,240,232,.4);margin-bottom:1.5rem;}
    .footer-link{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,240,232,.38);transition:color .2s;}
    .footer-link:hover{color:var(--gold-light);}
    .footer-divider{border-color:rgba(245,240,232,.08);margin:1.5rem 0;}
    .footer-copy{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,240,232,.2);text-align:center;}

    .fade-up{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
    .fade-up.visible{opacity:1;transform:none;}

    @media(max-width:991px){.author-sidebar{position:static;margin-top:3rem;}}
    @media(max-width:767px){
      .photo-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px;}
      .photo-grid-item.wide{grid-column:span 2;}
      .seminar-nav{grid-template-columns:1fr;}
      .meta-strip .d-flex{flex-wrap:wrap;gap:.75rem!important;}
      .pub-link-box{flex-direction:column;gap:1rem;}
    }
  

    /* Seminar on Sindh: History and Culture */


   

    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

    /* ── Hero Banner ── */
    .hero-banner {
      position: relative; width: 100%;
      height: clamp(340px, 52vw, 580px);
      overflow: hidden; margin-top: 68px;
    }
    .hero-banner img {
      width: 100%; height: 100%;
      object-fit: cover; object-position: center 40%;
      filter: sepia(10%) contrast(1.05) brightness(.85);
    }
    .hero-banner-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(to top, rgba(28,21,8,.88) 0%, rgba(28,21,8,.3) 55%, transparent 100%);
    }
    .hero-banner-content {
      position: absolute; bottom: 0; left: 0; right: 0;
      padding: 2.5rem 2rem 2rem;
    }
    .hero-banner-eyebrow {
      font-size: .65rem; letter-spacing: .3em; text-transform: uppercase;
      color: var(--gold-light); font-weight: 600;
      display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem;
    }
    .hero-banner-eyebrow::before { content: ''; width: 32px; height: 1px; background: var(--gold-light); }
    .hero-banner-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.8rem, 4.5vw, 3.8rem);
      font-weight: 400; color: #fff; line-height: 1.12; margin-bottom: .6rem;
    }
    .hero-banner-title em { font-style: italic; color: var(--gold-light); }
    .hero-banner-venue {
      font-size: .78rem; letter-spacing: .08em; color: rgba(245,240,232,.65);
    }
    .hero-banner-venue i { color: var(--gold-light); margin-right: .3rem; }
    .hero-date-pill {
      position: absolute; top: 1.5rem; right: 1.5rem;
      background: var(--gold); color: #fff;
      font-size: .62rem; letter-spacing: .2em; text-transform: uppercase;
      padding: .4rem 1rem;
    }
    .intl-badge {
      position: absolute; top: 1.5rem; left: 1.5rem;
      background: rgba(28,21,8,.75); color: var(--gold-light);
      border: 1px solid rgba(184,146,42,.4);
      font-size: .6rem; letter-spacing: .2em; text-transform: uppercase;
      padding: .35rem .9rem; backdrop-filter: blur(6px);
    }

   

    /* ── Meta strip ── */
    .meta-strip { background: var(--ink); padding: 1.1rem 0; border-bottom: 1px solid rgba(245,240,232,.08); }
    .meta-item {
      display: flex; align-items: center; gap: .5rem;
      font-size: .7rem; letter-spacing: .1em; text-transform: uppercase;
      color: rgba(245,240,232,.55);
    }
    .meta-item i { color: var(--gold-light); }
    .meta-item strong { color: var(--gold-light); }

    /* ── Main ── */
    .main-wrap { padding: 4rem 0; background: var(--cream); }

    /* ── Article ── */
    .article-eyebrow {
      font-size: .65rem; letter-spacing: .32em; text-transform: uppercase;
      color: var(--gold); font-weight: 600;
      display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem;
    }
    .article-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
    .article-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.6rem, 3vw, 2.4rem);
      font-weight: 400; color: var(--ink); line-height: 1.2; margin-bottom: 1.5rem;
    }
    .article-title em { font-style: italic; color: var(--gold); }
    .article-body { font-size: .92rem; line-height: 1.95; color: #3a3020; }
    .article-body p { margin-bottom: 1.25rem; }
    .article-body strong { color: var(--ink); font-weight: 600; }
    .article-body em { font-style: italic; color: var(--muted); }

    /* ── Conference info box ── */
    .conf-box {
      background: var(--parchment); border: 1px solid var(--border);
      border-left: 4px solid var(--gold);
      padding: 1.5rem 1.75rem; margin: 2rem 0;
    }
    .conf-box-title {
      font-size: .65rem; letter-spacing: .22em; text-transform: uppercase;
      color: var(--gold); font-weight: 600; margin-bottom: 1rem;
    }
    .conf-row {
      display: flex; align-items: flex-start; gap: .75rem;
      font-size: .86rem; color: #3a3020; line-height: 1.65;
      padding: .4rem 0; border-bottom: 1px solid rgba(184,146,42,.1);
    }
    .conf-row:last-child { border-bottom: none; }
    .conf-row i { color: var(--gold); flex-shrink: 0; margin-top: 3px; }

    /* ── Topics covered ── */
    .topics-grid {
      display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem;
      margin: 1.5rem 0;
    }
    .topic-item {
      display: flex; align-items: center; gap: .6rem;
      background: rgba(184,146,42,.06); border: 1px solid rgba(184,146,42,.15);
      padding: .55rem .85rem; font-size: .8rem; color: #3a3020;
    }
    .topic-item i { color: var(--gold); flex-shrink: 0; font-size: .75rem; }

    /* ── Pull quote ── */
    .pull-quote {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.1rem, 2.2vw, 1.45rem);
      font-style: italic; font-weight: 400; color: var(--ink); line-height: 1.65;
      border-left: 4px solid var(--gold); padding: 1.1rem 1.5rem;
      background: rgba(184,146,42,.05); margin: 2rem 0;
    }
    .pull-quote cite {
      display: block; margin-top: .75rem;
      font-family: 'Source Sans 3', sans-serif;
      font-size: .72rem; letter-spacing: .12em; text-transform: uppercase;
      color: var(--gold); font-style: normal;
    }

    /* ── Paper panel ── */
    .paper-panel {
      background: var(--ink); padding: 1.5rem 1.75rem; margin: 2rem 0;
    }
    .paper-panel-label {
      font-size: .62rem; letter-spacing: .22em; text-transform: uppercase;
      color: var(--gold-light); margin-bottom: .75rem;
    }
    .paper-title {
      font-family: 'Playfair Display', serif;
      font-size: 1.2rem; font-style: italic; font-weight: 400;
      color: #fff; line-height: 1.4;
    }
    .paper-author {
      font-size: .75rem; color: rgba(245,240,232,.55);
      margin-top: .5rem; letter-spacing: .06em;
    }




    /* ── Gallery ── */
    .gallery-heading {
      font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 400;
      color: var(--ink); margin-bottom: 1.25rem;
      padding-bottom: .6rem; border-bottom: 1px solid var(--border);
      display: flex; align-items: center; gap: .75rem;
    }
    .gallery-heading::before { content: ''; width: 32px; height: 2px; background: var(--gold); }

    /* Masonry-style grid */
    .photo-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-rows: 180px;
      gap: .45rem; margin-bottom: 1rem;
    }
    .photo-grid-item {
      position: relative; overflow: hidden;
      cursor: pointer; background: #e8e0d0;
    }
    .photo-grid-item.tall { grid-row: span 2; }
    .photo-grid-item.wide { grid-column: span 2; }
    .photo-grid-item img {
      width: 100%; height: 100%; object-fit: cover;
      filter: sepia(5%) contrast(1.03);
      transition: transform .45s ease, filter .3s;
    }
    .photo-grid-item:hover img { transform: scale(1.06); filter: sepia(0%) contrast(1.07); }
    .photo-grid-item .overlay {
      position: absolute; inset: 0;
      background: rgba(28,21,8,0); transition: background .3s;
      display: flex; align-items: center; justify-content: center;
    }
    .photo-grid-item:hover .overlay { background: rgba(28,21,8,.28); }
    .photo-grid-item .overlay i {
      color: #fff; font-size: 1.5rem; opacity: 0;
      transition: opacity .3s, transform .3s; transform: scale(.7);
    }
    .photo-grid-item:hover .overlay i { opacity: 1; transform: scale(1); }


    /* ── Sidebar ── */
    .author-sidebar { background: var(--parchment); border: 1px solid var(--border); padding: 1.75rem 1.5rem; position: sticky; top: 90px; }
    .sidebar-label { font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); }
    .sidebar-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--ink); margin-bottom: .3rem; }
    .sidebar-role { font-size: .72rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
    .sidebar-stat { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; border-bottom: 1px solid var(--border); }
    .sidebar-stat-label { font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
    .sidebar-stat-val { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); }
    .contact-row { display: flex; gap: .6rem; align-items: flex-start; margin-top: .85rem; font-size: .78rem; }
    .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
    .contact-row a { color: var(--muted); }
    .contact-row a:hover { color: var(--gold); }
    .btn-cv { display: flex; align-items: center; justify-content: center; gap: .5rem; background: var(--gold); color: #fff; border: none; font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .65rem 1.2rem; width: 100%; margin-top: 1.25rem; transition: background .25s; }
    .btn-cv:hover { background: var(--ink); color: #fff; }
    .divider-gold { width: 48px; height: 2px; background: var(--gold); opacity: .45; margin: 1.25rem 0; }

    /* Related in sidebar */
    .related-item { display: flex; gap: .8rem; align-items: flex-start; padding: .75rem 0; border-bottom: 1px solid var(--border); transition: padding-left .2s; }
    .related-item:hover { padding-left: .3rem; }
    .related-thumb { width: 56px; height: 42px; flex-shrink: 0; object-fit: cover; filter: sepia(8%); }
    .related-title { font-family: 'Playfair Display', serif; font-size: .85rem; color: var(--ink); line-height: 1.35; }
    .related-title:hover { color: var(--gold); }

    /* Related grid bottom */
    .related-section { background: var(--parchment); padding: 4rem 0; }
    .related-card { background: var(--cream); border: 1px solid var(--border); overflow: hidden; transition: transform .25s, box-shadow .25s; height: 100%; }
    .related-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(28,21,8,.1); }
    .related-card-img { width: 100%; height: 180px; object-fit: cover; filter: sepia(6%) contrast(1.04); transition: transform .4s; }
    .related-card:hover .related-card-img { transform: scale(1.04); }
    .related-card-img-wrap { overflow: hidden; }
    .related-card-body { padding: 1.1rem; }
    .related-card-date { font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: .4rem; font-weight: 600; }
    .related-card-title { font-family: 'Playfair Display', serif; font-size: .98rem; font-weight: 600; color: var(--ink); line-height: 1.3; }


  

    /* _______________ */


    /* Role of Women in the Nationalist Movement – Dr Wiqar Ali Shah */
    
    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

    /* ── Hero Banner ── */
    .hero-banner { position: relative; width: 100%; height: clamp(340px, 52vw, 580px); overflow: hidden; margin-top: 68px; }
    .hero-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; filter: sepia(10%) contrast(1.06) brightness(.82); }
    .hero-banner-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(28,21,8,.9) 0%, rgba(28,21,8,.35) 55%, transparent 100%); }
    .hero-banner-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 2.5rem 2rem 2rem; }
    .hero-banner-eyebrow { font-size: .65rem; letter-spacing: .3em; text-transform: uppercase; color: var(--gold-light); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .hero-banner-eyebrow::before { content: ''; width: 32px; height: 1px; background: var(--gold-light); }
    .hero-banner-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 4.5vw, 3.8rem); font-weight: 400; color: #fff; line-height: 1.12; margin-bottom: .6rem; }
    .hero-banner-title em { font-style: italic; color: var(--gold-light); }
    .hero-banner-venue { font-size: .78rem; letter-spacing: .08em; color: rgba(245,240,232,.65); }
    .hero-banner-venue i { color: var(--gold-light); margin-right: .3rem; }
    .hero-date-pill { position: absolute; top: 1.5rem; right: 1.5rem; background: var(--gold); color: #fff; font-size: .62rem; letter-spacing: .2em; text-transform: uppercase; padding: .4rem 1rem; }
    .week-badge { position: absolute; top: 1.5rem; left: 1.5rem; background: rgba(122,48,80,.82); color: #f5d5e5; border: 1px solid rgba(122,48,80,.5); font-size: .6rem; letter-spacing: .2em; text-transform: uppercase; padding: .35rem .9rem; backdrop-filter: blur(6px); }



    /* ── Meta strip ── */
    .meta-strip { background: var(--ink); padding: 1.1rem 0; border-bottom: 1px solid rgba(245,240,232,.08); }
    .meta-item { display: flex; align-items: center; gap: .5rem; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(245,240,232,.55); }
    .meta-item i { color: var(--gold-light); }
    .meta-item strong { color: var(--gold-light); }

    /* ── Bacha Khan week strip ── */
    .bk-week-strip { background: var(--rose); padding: 1.1rem 0; }
    .bk-week-text { font-family: 'Playfair Display', serif; font-size: clamp(.85rem, 1.8vw, 1rem); font-style: italic; color: rgba(255,255,255,.88); line-height: 1.7; text-align: center; }

    /* ── Main ── */
    .main-wrap { padding: 4rem 0; background: var(--cream); }

    /* ── Article ── */
    .article-eyebrow { font-size: .65rem; letter-spacing: .32em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .article-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
    .article-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 400; color: var(--ink); line-height: 1.2; margin-bottom: 1.5rem; }
    .article-title em { font-style: italic; color: var(--gold); }
    .article-body { font-size: .92rem; line-height: 1.95; color: #3a3020; }
    .article-body p { margin-bottom: 1.25rem; }
    .article-body strong { color: var(--ink); font-weight: 600; }
    .article-body em { font-style: italic; color: var(--muted); }

    /* ── Key themes box ── */
    .themes-box { background: var(--parchment); border: 1px solid var(--border); border-left: 4px solid var(--gold); padding: 1.5rem 1.75rem; margin: 2rem 0; }
    .themes-box-title { font-size: .65rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 1rem; }
    .themes-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; }
    .theme-item { display: flex; align-items: flex-start; gap: .6rem; font-size: .84rem; color: #3a3020; line-height: 1.6; padding: .4rem 0; }
    .theme-item i { color: var(--gold); flex-shrink: 0; margin-top: 3px; }

    /* ── Pull quote ── */
    .pull-quote { font-family: 'Playfair Display', serif; font-size: clamp(1.1rem, 2.2vw, 1.45rem); font-style: italic; font-weight: 400; color: var(--ink); line-height: 1.65; border-left: 4px solid var(--gold); padding: 1.1rem 1.5rem; background: rgba(184,146,42,.05); margin: 2rem 0; }
    .pull-quote cite { display: block; margin-top: .75rem; font-family: 'Source Sans 3', sans-serif; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); font-style: normal; }

    /* ── Prominent KK women panel ── */
    .kk-women-panel { background: var(--ink); padding: 1.75rem; margin: 2rem 0; }
    .kk-panel-label { font-size: .6rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-light); margin-bottom: 1rem; }
    .kk-roles-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .6rem; }
    .kk-role-item { display: flex; align-items: center; gap: .6rem; font-size: .82rem; color: rgba(245,240,232,.75); }
    .kk-role-item i { color: var(--gold-light); flex-shrink: 0; }


    /* ── Gallery ── */
    .gallery-heading { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 400; color: var(--ink); margin-bottom: 1.25rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: .75rem; }
    .gallery-heading::before { content: ''; width: 32px; height: 2px; background: var(--gold); }

    .photo-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 160px; gap: .45rem; margin-bottom: 1rem; }
    .photo-grid-item { position: relative; overflow: hidden; cursor: pointer; background: #e8e0d0; }
    .photo-grid-item.tall { grid-row: span 2; }
    .photo-grid-item.wide { grid-column: span 2; }
    .photo-grid-item img { width: 100%; height: 100%; object-fit: cover; filter: sepia(5%) contrast(1.03); transition: transform .45s ease, filter .3s; }
    .photo-grid-item:hover img { transform: scale(1.06); filter: sepia(0%) contrast(1.07); }
    .photo-grid-item .overlay { position: absolute; inset: 0; background: rgba(28,21,8,0); transition: background .3s; display: flex; align-items: center; justify-content: center; }
    .photo-grid-item:hover .overlay { background: rgba(28,21,8,.28); }
    .photo-grid-item .overlay i { color: #fff; font-size: 1.5rem; opacity: 0; transition: opacity .3s, transform .3s; transform: scale(.7); }
    .photo-grid-item:hover .overlay i { opacity: 1; transform: scale(1); }

    .btn-show-more { display: inline-flex; align-items: center; gap: .5rem; background: transparent; color: var(--gold); border: 1px solid var(--border); font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .55rem 1.4rem; transition: all .25s; cursor: pointer; }
    .btn-show-more:hover { background: var(--gold); color: #fff; border-color: var(--gold); }

    /* ── Sidebar ── */
    .author-sidebar { background: var(--parchment); border: 1px solid var(--border); padding: 1.75rem 1.5rem; position: sticky; top: 90px; }
    .sidebar-label { font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); }
    .sidebar-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--ink); margin-bottom: .3rem; }
    .sidebar-role { font-size: .72rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
    .sidebar-stat { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; border-bottom: 1px solid var(--border); }
    .sidebar-stat-label { font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
    .sidebar-stat-val { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); }
    .contact-row { display: flex; gap: .6rem; align-items: flex-start; margin-top: .85rem; font-size: .78rem; }
    .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
    .contact-row a { color: var(--muted); }
    .contact-row a:hover { color: var(--gold); }
    .btn-cv { display: flex; align-items: center; justify-content: center; gap: .5rem; background: var(--gold); color: #fff; border: none; font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .65rem 1.2rem; width: 100%; margin-top: 1.25rem; transition: background .25s; }
    .btn-cv:hover { background: var(--ink); color: #fff; }
    .divider-gold { width: 48px; height: 2px; background: var(--gold); opacity: .45; margin: 1.25rem 0; }
    .related-item { display: flex; gap: .8rem; align-items: flex-start; padding: .75rem 0; border-bottom: 1px solid var(--border); transition: padding-left .2s; }
    .related-item:hover { padding-left: .3rem; }
    .related-thumb { width: 56px; height: 42px; flex-shrink: 0; object-fit: cover; filter: sepia(8%); }
    .related-title { font-family: 'Playfair Display', serif; font-size: .85rem; color: var(--ink); line-height: 1.35; }
    .related-title:hover { color: var(--gold); }

    /* ── Related grid ── */
    .related-section { background: var(--parchment); padding: 4rem 0; }
    .related-card { background: var(--cream); border: 1px solid var(--border); overflow: hidden; transition: transform .25s, box-shadow .25s; height: 100%; }
    .related-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(28,21,8,.1); }
    .related-card-img { width: 100%; height: 180px; object-fit: cover; filter: sepia(6%) contrast(1.04); transition: transform .4s; }
    .related-card:hover .related-card-img { transform: scale(1.04); }
    .related-card-img-wrap { overflow: hidden; }
    .related-card-body { padding: 1.1rem; }
    .related-card-date { font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: .4rem; font-weight: 600; }
    .related-card-title { font-family: 'Playfair Display', serif; font-size: .98rem; font-weight: 600; color: var(--ink); line-height: 1.3; }


    /* ________________*/

    /* Witness to History: Soviet Invasion of Afghanistan (26.12.2019) */
    
    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

    /* ── Hero Banner ── */
    .hero-banner { position: relative; width: 100%; height: clamp(340px, 52vw, 580px); overflow: hidden; margin-top: 68px; }
    .hero-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center 35%; filter: sepia(15%) contrast(1.08) brightness(.75); }
    .hero-banner-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,15,30,.95) 0%, rgba(10,15,30,.4) 55%, transparent 100%); }
    .hero-banner-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 2.5rem 2rem 2rem; }
    .hero-banner-eyebrow { font-size: .65rem; letter-spacing: .3em; text-transform: uppercase; color: var(--gold-light); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .hero-banner-eyebrow::before { content: ''; width: 32px; height: 1px; background: var(--gold-light); }
    .hero-banner-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 4vw, 3.4rem); font-weight: 400; color: #fff; line-height: 1.12; margin-bottom: .6rem; }
    .hero-banner-title em { font-style: italic; color: var(--gold-light); }
    .hero-banner-venue { font-size: .78rem; letter-spacing: .08em; color: rgba(245,240,232,.65); }
    .hero-banner-venue i { color: var(--gold-light); margin-right: .3rem; }
    .hero-date-pill { position: absolute; top: 1.5rem; right: 1.5rem; background: var(--gold); color: #fff; font-size: .62rem; letter-spacing: .2em; text-transform: uppercase; padding: .4rem 1rem; }
    .eyewitness-badge { position: absolute; top: 1.5rem; left: 1.5rem; background: rgba(10,15,30,.82); color: var(--gold-light); border: 1px solid rgba(184,146,42,.4); font-size: .6rem; letter-spacing: .2em; text-transform: uppercase; padding: .35rem .9rem; backdrop-filter: blur(6px); }


    /* ── Meta strip ── */
    .meta-strip { background: var(--ink); padding: 1.1rem 0; border-bottom: 1px solid rgba(245,240,232,.08); }
    .meta-item { display: flex; align-items: center; gap: .5rem; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(245,240,232,.55); }
    .meta-item i { color: var(--gold-light); }
    .meta-item strong { color: var(--gold-light); }

    /* ── Eyewitness announcement strip ── */
    .eyewitness-strip { background: var(--soviet); padding: 1.35rem 0; border-bottom: 1px solid rgba(184,146,42,.15); }
    .eyewitness-strip-text { font-family: 'Playfair Display', serif; font-size: clamp(.88rem, 1.8vw, 1.05rem); font-weight: 400; color: rgba(245,240,232,.88); line-height: 1.75; text-align: center; font-style: italic; }
    .eyewitness-strip-text strong { color: var(--gold-light); font-style: normal; }

    /* ── Main ── */
    .main-wrap { padding: 4rem 0; background: var(--cream); }

    /* ── Article ── */
    .article-eyebrow { font-size: .65rem; letter-spacing: .32em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .article-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
    .article-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 400; color: var(--ink); line-height: 1.2; margin-bottom: 1.5rem; }
    .article-title em { font-style: italic; color: var(--gold); }
    .article-body { font-size: .92rem; line-height: 1.95; color: #3a3020; }
    .article-body p { margin-bottom: 1.25rem; }
    .article-body strong { color: var(--ink); font-weight: 600; }
    .article-body em { font-style: italic; color: var(--muted); }

    /* ── Historical context box ── */
    .context-box { background: var(--soviet); padding: 1.75rem; margin: 2rem 0; border-left: 4px solid var(--gold); }
    .context-box-title { font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-light); margin-bottom: 1rem; }
    .context-row { display: flex; align-items: flex-start; gap: .75rem; font-size: .85rem; color: rgba(245,240,232,.78); line-height: 1.75; padding: .4rem 0; border-bottom: 1px solid rgba(245,240,232,.08); }
    .context-row:last-child { border-bottom: none; }
    .context-row i { color: var(--gold-light); flex-shrink: 0; margin-top: 3px; }

    /* ── Night of invasion timeline ── */
    .invasion-timeline { margin: 2rem 0; }
    .inv-item { display: flex; gap: 1.25rem; padding: .9rem 0; border-bottom: 1px solid var(--border); align-items: flex-start; }
    .inv-item:last-child { border-bottom: none; }
    .inv-time { font-family: 'Playfair Display', serif; font-size: .95rem; color: var(--gold); flex-shrink: 0; width: 100px; line-height: 1.3; font-weight: 600; }
    .inv-content { font-size: .86rem; line-height: 1.78; color: #3a3020; flex: 1; }
    .inv-content strong { color: var(--ink); }

    /* ── Video embed panel ── */
    .video-panel { background: var(--ink); padding: 1.75rem; margin: 2rem 0; }
    .video-panel-label { font-size: .6rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-light); margin-bottom: 1rem; }
    .video-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
    .video-card { background: rgba(245,240,232,.06); border: 1px solid rgba(245,240,232,.1); padding: 1rem 1.25rem; }
    .video-part { font-size: .62rem; letter-spacing: .18em; text-transform: uppercase; color: var(--gold-light); margin-bottom: .4rem; }
    .video-title { font-family: 'Playfair Display', serif; font-size: .95rem; color: #fff; font-style: italic; line-height: 1.4; }
    .video-desc { font-size: .75rem; color: rgba(245,240,232,.5); margin-top: .4rem; line-height: 1.6; }

    /* ── Pull quote ── */
    .pull-quote { font-family: 'Playfair Display', serif; font-size: clamp(1.1rem, 2.2vw, 1.45rem); font-style: italic; font-weight: 400; color: var(--ink); line-height: 1.65; border-left: 4px solid var(--gold); padding: 1.1rem 1.5rem; background: rgba(184,146,42,.05); margin: 2rem 0; }
    .pull-quote cite { display: block; margin-top: .75rem; font-family: 'Source Sans 3', sans-serif; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); font-style: normal; }


    /* ── Gallery ── */
    .gallery-heading { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 400; color: var(--ink); margin-bottom: 1.25rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: .75rem; }
    .gallery-heading::before { content: ''; width: 32px; height: 2px; background: var(--gold); }

    .photo-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 160px; gap: .45rem; margin-bottom: 1rem; }
    .photo-grid-item { position: relative; overflow: hidden; cursor: pointer; background: #1a1f2a; }
    .photo-grid-item.tall { grid-row: span 2; }
    .photo-grid-item.wide { grid-column: span 2; }
    .photo-grid-item img { width: 100%; height: 100%; object-fit: cover; filter: sepia(8%) contrast(1.04); transition: transform .45s ease, filter .3s; }
    .photo-grid-item:hover img { transform: scale(1.06); filter: sepia(0%) contrast(1.07); }
    .photo-grid-item .overlay { position: absolute; inset: 0; background: rgba(10,15,30,0); transition: background .3s; display: flex; align-items: center; justify-content: center; }
    .photo-grid-item:hover .overlay { background: rgba(10,15,30,.35); }
    .photo-grid-item .overlay i { color: #fff; font-size: 1.5rem; opacity: 0; transition: opacity .3s, transform .3s; transform: scale(.7); }
    .photo-grid-item:hover .overlay i { opacity: 1; transform: scale(1); }

    .btn-show-more { display: inline-flex; align-items: center; gap: .5rem; background: transparent; color: var(--gold); border: 1px solid var(--border); font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .55rem 1.4rem; transition: all .25s; cursor: pointer; }
    .btn-show-more:hover { background: var(--gold); color: #fff; border-color: var(--gold); }


    /* ── Sidebar ── */
    .author-sidebar { background: var(--parchment); border: 1px solid var(--border); padding: 1.75rem 1.5rem; position: sticky; top: 90px; }
    .sidebar-label { font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); }
    .sidebar-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--ink); margin-bottom: .3rem; }
    .sidebar-role { font-size: .72rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
    .sidebar-stat { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; border-bottom: 1px solid var(--border); }
    .sidebar-stat-label { font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
    .sidebar-stat-val { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); }
    .contact-row { display: flex; gap: .6rem; align-items: flex-start; margin-top: .85rem; font-size: .78rem; }
    .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
    .contact-row a { color: var(--muted); }
    .contact-row a:hover { color: var(--gold); }
    .btn-cv { display: flex; align-items: center; justify-content: center; gap: .5rem; background: var(--gold); color: #fff; border: none; font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .65rem 1.2rem; width: 100%; margin-top: 1.25rem; transition: background .25s; }
    .btn-cv:hover { background: var(--ink); color: #fff; }
    .divider-gold { width: 48px; height: 2px; background: var(--gold); opacity: .45; margin: 1.25rem 0; }
    .related-item { display: flex; gap: .8rem; align-items: flex-start; padding: .75rem 0; border-bottom: 1px solid var(--border); transition: padding-left .2s; }
    .related-item:hover { padding-left: .3rem; }
    .related-thumb { width: 56px; height: 42px; flex-shrink: 0; object-fit: cover; filter: sepia(8%); }
    .related-title { font-family: 'Playfair Display', serif; font-size: .85rem; color: var(--ink); line-height: 1.35; }
    .related-title:hover { color: var(--gold); }

    /* ____________________*/


    /* Non-violence, Abdul Ghaffar Khan & the Pashtoons */

    
 
    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

    /* ── Hero Banner ── */
    .hero-banner { position: relative; width: 100%; height: clamp(340px, 52vw, 580px); overflow: hidden; margin-top: 68px; }
    .hero-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; filter: sepia(10%) contrast(1.06) brightness(.8); }
    .hero-banner-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(28,21,8,.9) 0%, rgba(28,21,8,.35) 55%, transparent 100%); }
    .hero-banner-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 2.5rem 2rem 2rem; }
    .hero-banner-eyebrow { font-size: .65rem; letter-spacing: .3em; text-transform: uppercase; color: var(--gold-light); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .hero-banner-eyebrow::before { content: ''; width: 32px; height: 1px; background: var(--gold-light); }
    .hero-banner-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 4.5vw, 3.8rem); font-weight: 400; color: #fff; line-height: 1.12; margin-bottom: .6rem; }
    .hero-banner-title em { font-style: italic; color: var(--gold-light); }
    .hero-banner-venue { font-size: .78rem; letter-spacing: .08em; color: rgba(245,240,232,.65); }
    .hero-banner-venue i { color: var(--gold-light); margin-right: .3rem; }
    .hero-date-pill { position: absolute; top: 1.5rem; right: 1.5rem; background: var(--gold); color: #fff; font-size: .62rem; letter-spacing: .2em; text-transform: uppercase; padding: .4rem 1rem; }
    .nonviolence-badge { position: absolute; top: 1.5rem; left: 1.5rem; background: rgba(42,74,42,.85); color: #c8e8c8; border: 1px solid rgba(61,120,61,.4); font-size: .6rem; letter-spacing: .2em; text-transform: uppercase; padding: .35rem .9rem; backdrop-filter: blur(6px); }

   

    /* ── Meta strip ── */
    .meta-strip { background: var(--ink); padding: 1.1rem 0; border-bottom: 1px solid rgba(245,240,232,.08); }
    .meta-item { display: flex; align-items: center; gap: .5rem; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(245,240,232,.55); }
    .meta-item i { color: var(--gold-light); }
    .meta-item strong { color: var(--gold-light); }

    /* ── Peace day strip ── */
    .peace-strip { background: var(--peace); padding: 1.35rem 0; border-bottom: 1px solid rgba(184,146,42,.15); }
    .peace-strip-text { font-family: 'Playfair Display', serif; font-size: clamp(.88rem, 1.8vw, 1.05rem); font-weight: 400; color: rgba(245,240,232,.88); line-height: 1.75; text-align: center; font-style: italic; }
    .peace-strip-text strong { color: var(--gold-light); font-style: normal; }

    /* ── Main ── */
    .main-wrap { padding: 4rem 0; background: var(--cream); }

    /* ── Article ── */
    .article-eyebrow { font-size: .65rem; letter-spacing: .32em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .article-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
    .article-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 400; color: var(--ink); line-height: 1.2; margin-bottom: 1.5rem; }
    .article-title em { font-style: italic; color: var(--gold); }
    .article-body { font-size: .92rem; line-height: 1.95; color: #3a3020; }
    .article-body p { margin-bottom: 1.25rem; }
    .article-body strong { color: var(--ink); font-weight: 600; }
    .article-body em { font-style: italic; color: var(--muted); }

    /* ── Opening quote block ── */
    .bacha-quote-block {
      background: var(--ink); padding: 2rem 2.25rem; margin: 0 0 2rem; position: relative; overflow: hidden;
    }
    .bacha-quote-block::before {
      content: '\201C'; position: absolute; top: -.5rem; left: .75rem;
      font-family: 'Playfair Display', serif; font-size: 8rem; color: rgba(184,146,42,.12); line-height: 1; pointer-events: none;
    }
    .bacha-quote-label { font-size: .6rem; letter-spacing: .25em; text-transform: uppercase; color: var(--gold-light); margin-bottom: 1rem; }
    .bacha-quote-text { font-family: 'Playfair Display', serif; font-size: clamp(1.05rem, 2vw, 1.3rem); font-style: italic; color: rgba(245,240,232,.92); line-height: 1.8; }
    .bacha-quote-attr { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(184,146,42,.7); margin-top: 1rem; }

    /* ── Non-violence principles box ── */
    .principles-box { background: var(--parchment); border: 1px solid var(--border); border-left: 4px solid var(--sage); padding: 1.5rem 1.75rem; margin: 2rem 0; }
    .principles-title { font-size: .65rem; letter-spacing: .22em; text-transform: uppercase; color: var(--sage); font-weight: 600; margin-bottom: 1rem; }
    .principle-item { display: flex; align-items: flex-start; gap: .75rem; font-size: .86rem; color: #3a3020; line-height: 1.7; padding: .45rem 0; border-bottom: 1px solid rgba(61,90,61,.1); }
    .principle-item:last-child { border-bottom: none; }
    .principle-item i { color: var(--sage); flex-shrink: 0; margin-top: 3px; }

    /* ── Pull quote ── */
    .pull-quote { font-family: 'Playfair Display', serif; font-size: clamp(1.1rem, 2.2vw, 1.45rem); font-style: italic; font-weight: 400; color: var(--ink); line-height: 1.65; border-left: 4px solid var(--gold); padding: 1.1rem 1.5rem; background: rgba(184,146,42,.05); margin: 2rem 0; }
    .pull-quote cite { display: block; margin-top: .75rem; font-family: 'Source Sans 3', sans-serif; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); font-style: normal; }

    /* ── International Non-violence Day panel ── */
    .intl-day-panel { background: var(--sage); padding: 1.5rem 1.75rem; margin: 2rem 0; display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
    .intl-day-icon { font-size: 2.5rem; color: rgba(245,240,232,.5); flex-shrink: 0; }
    .intl-day-text { flex: 1; }
    .intl-day-label { font-size: .6rem; letter-spacing: .22em; text-transform: uppercase; color: rgba(245,240,232,.6); margin-bottom: .3rem; }
    .intl-day-title { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: #fff; font-style: italic; }
    .intl-day-date { font-size: .78rem; color: rgba(245,240,232,.65); margin-top: .25rem; }


    /* ── Gallery ── */
    .gallery-heading { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 400; color: var(--ink); margin-bottom: 1.25rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: .75rem; }
    .gallery-heading::before { content: ''; width: 32px; height: 2px; background: var(--gold); }

    .photo-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 160px; gap: .45rem; margin-bottom: 1rem; }
    .photo-grid-item { position: relative; overflow: hidden; cursor: pointer; background: #e0e8e0; }
    .photo-grid-item.tall { grid-row: span 2; }
    .photo-grid-item.wide { grid-column: span 2; }
    .photo-grid-item img { width: 100%; height: 100%; object-fit: cover; filter: sepia(5%) contrast(1.03); transition: transform .45s ease, filter .3s; }
    .photo-grid-item:hover img { transform: scale(1.06); filter: sepia(0%) contrast(1.07); }
    .photo-grid-item .overlay { position: absolute; inset: 0; background: rgba(28,21,8,0); transition: background .3s; display: flex; align-items: center; justify-content: center; }
    .photo-grid-item:hover .overlay { background: rgba(28,21,8,.28); }
    .photo-grid-item .overlay i { color: #fff; font-size: 1.5rem; opacity: 0; transition: opacity .3s, transform .3s; transform: scale(.7); }
    .photo-grid-item:hover .overlay i { opacity: 1; transform: scale(1); }

    .btn-show-more { display: inline-flex; align-items: center; gap: .5rem; background: transparent; color: var(--gold); border: 1px solid var(--border); font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .55rem 1.4rem; transition: all .25s; cursor: pointer; }
    .btn-show-more:hover { background: var(--gold); color: #fff; border-color: var(--gold); }

    /* ── Sidebar ── */
    .author-sidebar { background: var(--parchment); border: 1px solid var(--border); padding: 1.75rem 1.5rem; position: sticky; top: 90px; }
    .sidebar-label { font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); }
    .sidebar-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--ink); margin-bottom: .3rem; }
    .sidebar-role { font-size: .72rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
    .sidebar-stat { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; border-bottom: 1px solid var(--border); }
    .sidebar-stat-label { font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
    .sidebar-stat-val { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); }
    .contact-row { display: flex; gap: .6rem; align-items: flex-start; margin-top: .85rem; font-size: .78rem; }
    .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
    .contact-row a { color: var(--muted); }
    .contact-row a:hover { color: var(--gold); }
    .btn-cv { display: flex; align-items: center; justify-content: center; gap: .5rem; background: var(--gold); color: #fff; border: none; font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .65rem 1.2rem; width: 100%; margin-top: 1.25rem; transition: background .25s; }
    .btn-cv:hover { background: var(--ink); color: #fff; }
    .divider-gold { width: 48px; height: 2px; background: var(--gold); opacity: .45; margin: 1.25rem 0; }
    .related-item { display: flex; gap: .8rem; align-items: flex-start; padding: .75rem 0; border-bottom: 1px solid var(--border); transition: padding-left .2s; }
    .related-item:hover { padding-left: .3rem; }
    .related-thumb { width: 56px; height: 42px; flex-shrink: 0; object-fit: cover; filter: sepia(8%); }
    .related-title { font-family: 'Playfair Display', serif; font-size: .85rem; color: var(--ink); line-height: 1.35; }
    .related-title:hover { color: var(--gold); }

    /* ___________________ */
    
    /* ── Services── */

   /* ── Events── */

   :root {
     --gold:       #b8922a;
     --gold-light: #d4ac4e;
     --ink:        #1c1508;
     --parchment:  #f5f0e8;
     --cream:      #faf8f4;
     --rust:       #8b3a2a;
     --sage:       #3d5a3d;
     --muted:      #6b5e47;
     --border:     rgba(184,146,42,.2);
     --berlin:     #2a2a2e;
   }
   *, *::before, *::after { box-sizing: border-box; }
   body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
   h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
   a { color: var(--gold); text-decoration: none; }
   a:hover { color: var(--rust); }

   /* ── Navbar ── */
   .navbar { background: rgba(245,240,232,.97) !important; backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); padding: .9rem 0; }
   .navbar-brand { font-family: 'Playfair Display', serif; font-style: italic; font-size: 1.15rem; color: var(--gold) !important; letter-spacing: .02em; }
   .navbar-nav .nav-link { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink) !important; font-weight: 500; padding: .4rem .9rem !important; position: relative; }
   .navbar-nav .nav-link::after { content: ''; position: absolute; bottom: 0; left: .9rem; right: .9rem; height: 1px; background: var(--gold); transform: scaleX(0); transition: transform .25s; }
   .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: var(--gold) !important; }
   .navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after { transform: scaleX(1); }
   .navbar-toggler { border-color: var(--border); }
   .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23b8922a' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

   /* ── Page Banner ── */
   .page-banner { background: var(--parchment); padding: 7rem 0 3.5rem; position: relative; overflow: hidden; border-bottom: 1px solid var(--border); }
   .page-banner-watermark { position: absolute; right: -2%; top: 50%; transform: translateY(-50%); font-family: 'Playfair Display', serif; font-size: clamp(4.5rem, 12vw, 15rem); font-weight: 700; color: rgba(184,146,42,.055); user-select: none; white-space: nowrap; pointer-events: none; line-height: 1; }
   .page-banner-gold-bar { position: absolute; left: 0; top: 20%; bottom: 20%; width: 4px; background: linear-gradient(to bottom, transparent, var(--gold), transparent); opacity: .45; }
   .page-banner-eyebrow { font-size: .68rem; letter-spacing: .3em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
   .page-banner-eyebrow::before { content: ''; width: 36px; height: 1px; background: var(--gold); }
   .page-banner-title { font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 5vw, 4rem); font-weight: 400; line-height: 1.1; color: var(--ink); margin-bottom: .75rem; }
   .page-banner-title em { font-style: italic; color: var(--gold); }
   .page-banner-sub { font-size: .85rem; color: var(--muted); line-height: 1.8; max-width: 620px; }

   /* ── Breadcrumb ── */
   .breadcrumb-wrap { background: var(--cream); border-bottom: 1px solid var(--border); padding: .7rem 0; }
   .breadcrumb { margin: 0; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
   .breadcrumb-item a { color: var(--gold); }
   .breadcrumb-item.active { color: var(--muted); }
   .breadcrumb-item + .breadcrumb-item::before { color: rgba(184,146,42,.4); }

   /* ── Main ── */
   .main-wrap { padding: 4rem 0; background: var(--cream); }

   /* ── Event hero banner (per event) ── */
   .event-hero { position: relative; height: clamp(260px, 38vw, 420px); overflow: hidden; margin-bottom: 0; }
   .event-hero img { width: 100%; height: 100%; object-fit: cover; filter: sepia(8%) contrast(1.05) brightness(.85); }
   .event-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(28,21,8,.92) 0%, rgba(28,21,8,.3) 60%, transparent 100%); }
   .event-hero-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 1.75rem; }
   .event-hero-eyebrow { font-size: .62rem; letter-spacing: .25em; text-transform: uppercase; color: var(--gold-light); font-weight: 600; margin-bottom: .5rem; }
   .event-hero-title { font-family: 'Playfair Display', serif; font-size: clamp(1.3rem, 3vw, 2.1rem); font-weight: 400; color: #fff; line-height: 1.25; }
   .event-hero-title em { font-style: italic; color: var(--gold-light); }
   .event-date-pill { position: absolute; top: 1.25rem; right: 1.25rem; background: var(--gold); color: #fff; font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; padding: .35rem .9rem; }
   .event-anniversary-badge { position: absolute; top: 1.25rem; left: 1.25rem; background: rgba(28,21,8,.8); color: var(--gold-light); border: 1px solid rgba(184,146,42,.4); font-size: .58rem; letter-spacing: .18em; text-transform: uppercase; padding: .32rem .8rem; backdrop-filter: blur(6px); }

   /* ── Event content card ── */
   .event-content-card { background: var(--parchment); border: 1px solid var(--border); border-top: none; padding: 2rem 2.25rem; margin-bottom: 4rem; }
   .event-meta-row { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1.5rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--border); }
   .event-meta-item { display: flex; align-items: center; gap: .5rem; font-size: .72rem; letter-spacing: .08em; color: var(--muted); }
   .event-meta-item i { color: var(--gold); }
   .event-meta-item strong { color: var(--ink); }
   .event-body { font-size: .92rem; line-height: 1.95; color: #3a3020; }
   .event-body p { margin-bottom: 1.25rem; }
   .event-body strong { color: var(--ink); font-weight: 600; }
   .event-body em { font-style: italic; color: var(--muted); }

   /* ── Speaker profile box ── */
   .speaker-box { background: var(--berlin); padding: 1.5rem 1.75rem; margin: 1.75rem 0; }
   .speaker-box-label { font-size: .6rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-light); margin-bottom: .85rem; }
   .speaker-name { font-family: 'Playfair Display', serif; font-size: 1.15rem; color: #fff; font-style: italic; margin-bottom: .5rem; }
   .speaker-desc { font-size: .82rem; color: rgba(245,240,232,.7); line-height: 1.75; }

   /* ── Pull quote ── */
   .pull-quote { font-family: 'Playfair Display', serif; font-size: clamp(1rem, 2vw, 1.3rem); font-style: italic; font-weight: 400; color: var(--ink); line-height: 1.65; border-left: 4px solid var(--gold); padding: 1rem 1.5rem; background: rgba(184,146,42,.06); margin: 1.75rem 0; }
   .pull-quote cite { display: block; margin-top: .7rem; font-family: 'Source Sans 3', sans-serif; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); font-style: normal; }

   /* ── Organizer info box ── */
   .organizer-box { background: var(--cream); border: 1px solid var(--border); border-left: 4px solid var(--gold); padding: 1.25rem 1.5rem; margin-top: 1.75rem; }
   .organizer-row { display: flex; align-items: flex-start; gap: .65rem; font-size: .82rem; color: #3a3020; line-height: 1.7; padding: .35rem 0; }
   .organizer-row i { color: var(--gold); flex-shrink: 0; margin-top: 3px; }
   .organizer-row strong { color: var(--ink); }

   /* ── Tag pill ── */
   .tag-pill { display: inline-block; font-size: .58rem; letter-spacing: .14em; text-transform: uppercase; padding: 3px 10px; border: 1px solid var(--border); color: var(--muted); transition: background .2s, color .2s; }
   .tag-pill:hover { background: var(--gold); color: #fff; border-color: var(--gold); }
   .tag-pill.gold { border-color: rgba(184,146,42,.4); color: var(--gold); }
   .tag-pill.sage { border-color: rgba(61,90,61,.35); color: var(--sage); }

   /* ── Section eyebrow ── */
   .section-eyebrow { font-size: .65rem; letter-spacing: .32em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; }
   .section-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
   .section-title { font-family: 'Playfair Display', serif; font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 400; color: var(--ink); line-height: 1.15; margin-bottom: 2rem; }
   .section-title em { font-style: italic; color: var(--gold); }

   /* ── Sidebar ── */
   .author-sidebar { background: var(--parchment); border: 1px solid var(--border); padding: 1.75rem 1.5rem; position: sticky; top: 90px; }
   .sidebar-label { font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); }
   .sidebar-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--ink); margin-bottom: .3rem; }
   .sidebar-role { font-size: .72rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
   .sidebar-stat { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; border-bottom: 1px solid var(--border); }
   .sidebar-stat-label { font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
   .sidebar-stat-val { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); }
   .contact-row { display: flex; gap: .6rem; align-items: flex-start; margin-top: .85rem; font-size: .78rem; }
   .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
   .contact-row a { color: var(--muted); }
   .contact-row a:hover { color: var(--gold); }
   .btn-cv { display: flex; align-items: center; justify-content: center; gap: .5rem; background: var(--gold); color: #fff; border: none; font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .65rem 1.2rem; width: 100%; margin-top: 1.25rem; transition: background .25s; }
   .btn-cv:hover { background: var(--ink); color: #fff; }
   .divider-gold { width: 48px; height: 2px; background: var(--gold); opacity: .45; margin: 1.25rem 0; }
   .quick-link { display: flex; align-items: center; gap: .6rem; padding: .55rem 0; border-bottom: 1px solid var(--border); font-size: .8rem; color: var(--muted); transition: padding-left .2s, color .2s; }
   .quick-link:hover { padding-left: .35rem; color: var(--gold); }
   .quick-link i { color: var(--gold); flex-shrink: 0; font-size: .7rem; }

   /* ── Footer ── */
   .footer-dark { background: var(--ink); padding: 3rem 0 1.5rem; }
   .footer-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; font-style: italic; color: var(--gold-light); margin-bottom: .25rem; }
   .footer-role { font-size: .72rem; color: rgba(245,240,232,.4); margin-bottom: 1.5rem; }
   .footer-link { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(245,240,232,.38); transition: color .2s; }
   .footer-link:hover { color: var(--gold-light); }
   .footer-divider { border-color: rgba(245,240,232,.08); margin: 1.5rem 0; }
   .footer-copy { font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(245,240,232,.2); text-align: center; }

   /* ── Fade in ── */
   .fade-up { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
   .fade-up.visible { opacity: 1; transform: none; }

   @media (max-width: 991px) { .author-sidebar { position: static; margin-top: 3rem; } }
   @media (max-width: 767px) {
     .page-banner-watermark { display: none; }
     .event-content-card { padding: 1.5rem; }
     .event-meta-row { flex-direction: column; align-items: flex-start; gap: .6rem; }
   }


/* Book-Ghani-Khan-Zwand-ao-Zamana Services Pages */
    :root {
      --gold:       #b8922a;
      --gold-light: #d4ac4e;
      --ink:        #1c1508;
      --parchment:  #f5f0e8;
      --cream:      #faf8f4;
      --rust:       #8b3a2a;
      --sage:       #3d5a3d;
      --muted:      #6b5e47;
      --border:     rgba(184,146,42,.2);
    }
    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

    /* ── Navbar ── */
    .navbar { background: rgba(245,240,232,.97) !important; backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); padding: .9rem 0; }
    .navbar-brand { font-family: 'Playfair Display', serif; font-style: italic; font-size: 1.15rem; color: var(--gold) !important; letter-spacing: .02em; }
    .navbar-nav .nav-link { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink) !important; font-weight: 500; padding: .4rem .9rem !important; position: relative; }
    .navbar-nav .nav-link::after { content: ''; position: absolute; bottom: 0; left: .9rem; right: .9rem; height: 1px; background: var(--gold); transform: scaleX(0); transition: transform .25s; }
    .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: var(--gold) !important; }
    .navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after { transform: scaleX(1); }
    .navbar-toggler { border-color: var(--border); }
    .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23b8922a' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

    /* ── Hero Banner ── */
    .hero-banner { position: relative; width: 100%; height: clamp(320px, 48vw, 560px); overflow: hidden; margin-top: 68px; background: var(--ink); }
    .hero-banner-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(28,21,8,.95) 0%, rgba(28,21,8,.4) 55%, rgba(28,21,8,.15) 100%); }
    .hero-book-cover {
      position: absolute; right: 6%; top: 50%; transform: translateY(-50%);
      height: clamp(200px, 38vw, 400px); width: auto;
      object-fit: contain; filter: drop-shadow(-12px 12px 32px rgba(0,0,0,.6));
      transition: transform .5s ease;
    }
    .hero-banner:hover .hero-book-cover { transform: translateY(-50%) scale(1.02) rotate(-1deg); }
    .hero-banner-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 2.5rem 2rem 2rem; z-index: 2; }
    .hero-banner-eyebrow { font-size: .65rem; letter-spacing: .3em; text-transform: uppercase; color: var(--gold-light); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .hero-banner-eyebrow::before { content: ''; width: 32px; height: 1px; background: var(--gold-light); }
    .hero-banner-title { font-family: 'Playfair Display', serif; font-size: clamp(1.8rem, 4.5vw, 3.6rem); font-weight: 400; color: #fff; line-height: 1.12; margin-bottom: .5rem; }
    .hero-banner-title em { font-style: italic; color: var(--gold-light); }
    .hero-banner-subtitle { font-size: .82rem; color: rgba(245,240,232,.65); letter-spacing: .05em; }
    .hero-date-pill { position: absolute; top: 1.5rem; right: 1.5rem; background: var(--gold); color: #fff; font-size: .62rem; letter-spacing: .2em; text-transform: uppercase; padding: .4rem 1rem; z-index: 2; }
    .book-badge { position: absolute; top: 1.5rem; left: 1.5rem; background: rgba(28,21,8,.8); color: var(--gold-light); border: 1px solid rgba(184,146,42,.4); font-size: .6rem; letter-spacing: .2em; text-transform: uppercase; padding: .35rem .9rem; backdrop-filter: blur(6px); z-index: 2; }

    /* ── Breadcrumb ── */
    .breadcrumb-wrap { background: var(--parchment); border-bottom: 1px solid var(--border); padding: .7rem 0; }
    .breadcrumb { margin: 0; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
    .breadcrumb-item a { color: var(--gold); }
    .breadcrumb-item.active { color: var(--muted); }
    .breadcrumb-item + .breadcrumb-item::before { color: rgba(184,146,42,.4); }

    /* ── Meta strip ── */
    .meta-strip { background: var(--ink); padding: 1.1rem 0; border-bottom: 1px solid rgba(245,240,232,.08); }
    .meta-item { display: flex; align-items: center; gap: .5rem; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: rgba(245,240,232,.55); }
    .meta-item i { color: var(--gold-light); }
    .meta-item strong { color: var(--gold-light); }

    /* ── Main ── */
    .main-wrap { padding: 4rem 0; background: var(--cream); }

    /* ── Article ── */
    .article-eyebrow { font-size: .65rem; letter-spacing: .32em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .article-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
    .article-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 400; color: var(--ink); line-height: 1.2; margin-bottom: 1.5rem; }
    .article-title em { font-style: italic; color: var(--gold); }
    .article-body { font-size: .92rem; line-height: 1.95; color: #3a3020; }
    .article-body p { margin-bottom: 1.25rem; }
    .article-body strong { color: var(--ink); font-weight: 600; }
    .article-body em { font-style: italic; color: var(--muted); }

    /* ── Poetry blocks ── */
    .poetry-block { background: var(--ink); padding: 2rem 2.25rem; margin: 2rem 0; position: relative; overflow: hidden; }
    .poetry-block::before { content: '\201C'; position: absolute; top: -.5rem; left: .75rem; font-family: 'Playfair Display', serif; font-size: 8rem; color: rgba(184,146,42,.12); line-height: 1; pointer-events: none; }
    .poetry-label { font-size: .6rem; letter-spacing: .25em; text-transform: uppercase; color: var(--gold-light); margin-bottom: 1rem; }
    .poetry-pashto { font-family: 'Playfair Display', serif; font-size: clamp(1rem, 2vw, 1.2rem); font-style: italic; color: rgba(245,240,232,.9); line-height: 1.9; margin-bottom: .5rem; }
    .poetry-attr { font-size: .7rem; letter-spacing: .12em; color: rgba(184,146,42,.7); margin-top: 1rem; text-transform: uppercase; }

    /* ── Life milestones ── */
    .milestones-box { background: var(--parchment); border: 1px solid var(--border); border-left: 4px solid var(--gold); padding: 1.5rem 1.75rem; margin: 2rem 0; }
    .milestones-title { font-size: .65rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 1rem; }
    .milestone-row { display: flex; gap: 1.25rem; padding: .55rem 0; border-bottom: 1px solid rgba(184,146,42,.1); align-items: flex-start; }
    .milestone-row:last-child { border-bottom: none; }
    .milestone-year { font-family: 'Playfair Display', serif; font-size: .95rem; color: var(--gold); flex-shrink: 0; width: 56px; font-weight: 600; }
    .milestone-text { font-size: .84rem; color: #3a3020; line-height: 1.7; }
    .milestone-text strong { color: var(--ink); }

    /* ── Pull quote ── */
    .pull-quote { font-family: 'Playfair Display', serif; font-size: clamp(1.1rem, 2.2vw, 1.45rem); font-style: italic; font-weight: 400; color: var(--ink); line-height: 1.65; border-left: 4px solid var(--gold); padding: 1.1rem 1.5rem; background: rgba(184,146,42,.05); margin: 2rem 0; }
    .pull-quote cite { display: block; margin-top: .75rem; font-family: 'Source Sans 3', sans-serif; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); font-style: normal; }

    /* ── Book inauguration event card ── */
    .event-card { background: var(--parchment); border: 1px solid var(--border); margin-bottom: 2.5rem; overflow: hidden; }
    .event-card-header { background: var(--gold); padding: .85rem 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
    .event-card-header-title { font-family: 'Playfair Display', serif; font-size: 1rem; font-weight: 600; color: var(--ink); }
    .event-card-header-date { font-size: .62rem; letter-spacing: .18em; text-transform: uppercase; color: rgba(28,21,8,.65); }
    .event-card-body { padding: 1.75rem 1.75rem 1.5rem; }
    .event-venue { display: flex; align-items: center; gap: .5rem; font-size: .75rem; color: var(--muted); letter-spacing: .06em; margin-bottom: 1.1rem; }
    .event-venue i { color: var(--gold); }
    .event-body-text { font-size: .88rem; line-height: 1.9; color: #3a3020; }
    .event-body-text strong { color: var(--ink); font-weight: 600; }
    .event-body-text em { font-style: italic; color: var(--muted); }

    /* ── Speakers list ── */
    .speakers-list { display: flex; flex-direction: column; gap: .35rem; margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid var(--border); }
    .speaker-item { display: flex; align-items: flex-start; gap: .6rem; font-size: .82rem; color: #3a3020; line-height: 1.6; }
    .speaker-item i { color: var(--gold); flex-shrink: 0; margin-top: 3px; font-size: .7rem; }

    /* ── Tag pill ── */
    .tag-pill { display: inline-block; font-size: .58rem; letter-spacing: .14em; text-transform: uppercase; padding: 3px 10px; border: 1px solid var(--border); color: var(--muted); transition: background .2s, color .2s; }
    .tag-pill:hover { background: var(--gold); color: #fff; border-color: var(--gold); }
    .tag-pill.gold { border-color: rgba(184,146,42,.4); color: var(--gold); }
    .tag-pill.sage { border-color: rgba(61,90,61,.35); color: var(--sage); }

    /* ── Gallery ── */
    .gallery-heading { font-family: 'Playfair Display', serif; font-size: 1.2rem; font-weight: 400; color: var(--ink); margin-bottom: 1.1rem; padding-bottom: .55rem; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: .75rem; }
    .gallery-heading::before { content: ''; width: 28px; height: 2px; background: var(--gold); }
    .photo-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 155px; gap: .45rem; margin-bottom: 1.5rem; }
    .photo-grid-item { position: relative; overflow: hidden; cursor: pointer; background: #e8e0d0; }
    .photo-grid-item.tall { grid-row: span 2; }
    .photo-grid-item.wide { grid-column: span 2; }
    .photo-grid-item img { width: 100%; height: 100%; object-fit: cover; filter: sepia(5%) contrast(1.03); transition: transform .45s ease, filter .3s; }
    .photo-grid-item:hover img { transform: scale(1.06); filter: sepia(0%) contrast(1.07); }
    .photo-grid-item .overlay { position: absolute; inset: 0; background: rgba(28,21,8,0); transition: background .3s; display: flex; align-items: center; justify-content: center; }
    .photo-grid-item:hover .overlay { background: rgba(28,21,8,.28); }
    .photo-grid-item .overlay i { color: #fff; font-size: 1.5rem; opacity: 0; transition: opacity .3s, transform .3s; transform: scale(.7); }
    .photo-grid-item:hover .overlay i { opacity: 1; transform: scale(1); }

    .btn-show-more { display: inline-flex; align-items: center; gap: .5rem; background: transparent; color: var(--gold); border: 1px solid var(--border); font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .55rem 1.4rem; transition: all .25s; cursor: pointer; }
    .btn-show-more:hover { background: var(--gold); color: #fff; border-color: var(--gold); }

    /* ── Sidebar ── */
    .author-sidebar { background: var(--parchment); border: 1px solid var(--border); padding: 1.75rem 1.5rem; position: sticky; top: 90px; }
    .sidebar-label { font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); }
    .sidebar-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--ink); margin-bottom: .3rem; }
    .sidebar-role { font-size: .72rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
    .sidebar-stat { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; border-bottom: 1px solid var(--border); }
    .sidebar-stat-label { font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
    .sidebar-stat-val { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); }
    .contact-row { display: flex; gap: .6rem; align-items: flex-start; margin-top: .85rem; font-size: .78rem; }
    .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
    .contact-row a { color: var(--muted); }
    .contact-row a:hover { color: var(--gold); }
    .btn-cv { display: flex; align-items: center; justify-content: center; gap: .5rem; background: var(--gold); color: #fff; border: none; font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .65rem 1.2rem; width: 100%; margin-top: 1.25rem; transition: background .25s; }
    .btn-cv:hover { background: var(--ink); color: #fff; }
    .divider-gold { width: 48px; height: 2px; background: var(--gold); opacity: .45; margin: 1.25rem 0; }
    .related-item { display: flex; gap: .8rem; align-items: flex-start; padding: .75rem 0; border-bottom: 1px solid var(--border); transition: padding-left .2s; }
    .related-item:hover { padding-left: .3rem; }
    .related-thumb { width: 56px; height: 42px; flex-shrink: 0; object-fit: cover; filter: sepia(8%); }
    .related-title { font-family: 'Playfair Display', serif; font-size: .85rem; color: var(--ink); line-height: 1.35; }
    .related-title:hover { color: var(--gold); }

    /* ── Related grid bottom ── */
    .related-section { background: var(--parchment); padding: 4rem 0; }
    .related-card { background: var(--cream); border: 1px solid var(--border); overflow: hidden; transition: transform .25s, box-shadow .25s; height: 100%; }
    .related-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(28,21,8,.1); }
    .related-card-img { width: 100%; height: 180px; object-fit: cover; filter: sepia(6%) contrast(1.04); transition: transform .4s; }
    .related-card:hover .related-card-img { transform: scale(1.04); }
    .related-card-img-wrap { overflow: hidden; }
    .related-card-body { padding: 1.1rem; }
    .related-card-date { font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); margin-bottom: .4rem; font-weight: 600; }
    .related-card-title { font-family: 'Playfair Display', serif; font-size: .98rem; font-weight: 600; color: var(--ink); line-height: 1.3; }

    /* ── Lightbox ── */
    .lightbox { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,.93); align-items: center; justify-content: center; }
    .lightbox.open { display: flex; }
    .lightbox-inner { position: relative; max-width: 92vw; max-height: 90vh; }
    .lightbox-inner img { max-width: 92vw; max-height: 88vh; object-fit: contain; display: block; box-shadow: 0 0 60px rgba(0,0,0,.5); }
    .lightbox-close { position: fixed; top: 1.25rem; right: 1.5rem; color: #fff; font-size: 2.2rem; cursor: pointer; line-height: 1; opacity: .7; transition: opacity .2s; z-index: 10000; }
    .lightbox-close:hover { opacity: 1; }
    .lb-prev, .lb-next { position: fixed; top: 50%; transform: translateY(-50%); background: rgba(184,146,42,.8); color: #fff; border: none; font-size: 1.4rem; width: 2.8rem; height: 2.8rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s; z-index: 10000; }
    .lb-prev { left: .75rem; } .lb-next { right: .75rem; }
    .lb-prev:hover, .lb-next:hover { background: var(--gold); }
    .lb-counter { position: fixed; bottom: 1rem; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.45); font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; }

    /* ── Footer ── */
    .footer-dark { background: var(--ink); padding: 3rem 0 1.5rem; }
    .footer-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; font-style: italic; color: var(--gold-light); margin-bottom: .25rem; }
    .footer-role { font-size: .72rem; color: rgba(245,240,232,.4); margin-bottom: 1.5rem; }
    .footer-link { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(245,240,232,.38); transition: color .2s; }
    .footer-link:hover { color: var(--gold-light); }
    .footer-divider { border-color: rgba(245,240,232,.08); margin: 1.5rem 0; }
    .footer-copy { font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(245,240,232,.2); text-align: center; }

    /* ── Fade in ── */
    .fade-up { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
    .fade-up.visible { opacity: 1; transform: none; }

    @media (max-width: 991px) { .author-sidebar { position: static; margin-top: 3rem; } }
    @media (max-width: 767px) {
      .photo-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 130px; }
      .photo-grid-item.wide { grid-column: span 2; }
      .hero-book-cover { opacity: .25; height: 55vw; }
      .meta-strip .d-flex { flex-wrap: wrap; gap: .75rem !important; }
    }
  


    /* ___________________ */
/* Khan Abdul Ghaffar Khan Services Pages */
    :root {
      --gold:       #b8922a;
      --gold-light: #d4ac4e;
      --ink:        #1c1508;
      --parchment:  #f5f0e8;
      --cream:      #faf8f4;
      --rust:       #8b3a2a;
      --sage:       #3d5a3d;
      --muted:      #6b5e47;
      --border:     rgba(184,146,42,.2);
    }
    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

    .navbar { background: rgba(245,240,232,.97) !important; backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); padding: .9rem 0; }
    .navbar-brand { font-family: 'Playfair Display', serif; font-style: italic; font-size: 1.15rem; color: var(--gold) !important; letter-spacing: .02em; }
    .navbar-nav .nav-link { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink) !important; font-weight: 500; padding: .4rem .9rem !important; position: relative; }
    .navbar-nav .nav-link::after { content: ''; position: absolute; bottom: 0; left: .9rem; right: .9rem; height: 1px; background: var(--gold); transform: scaleX(0); transition: transform .25s; }
    .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: var(--gold) !important; }
    .navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after { transform: scaleX(1); }
    .navbar-toggler { border-color: var(--border); }
    .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23b8922a' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
    .dropdown-menu { border: 1px solid var(--border); border-radius: 0; font-size: .72rem; letter-spacing: .06em; }
    .dropdown-item { padding: .5rem 1.1rem; color: var(--ink); }
    .dropdown-item:hover { background: var(--parchment); color: var(--gold); }

    .hero-banner { position: relative; width: 100%; min-height: clamp(420px, 56vw, 620px); overflow: hidden; margin-top: 68px; background: var(--ink); display: flex; align-items: center; }
    .hero-banner-watermark { position: absolute; right: -2%; top: 50%; transform: translateY(-50%); font-family: 'Playfair Display', serif; font-size: clamp(4.5rem, 12vw, 15rem); font-weight: 700; color: rgba(184,146,42,.06); user-select: none; white-space: nowrap; pointer-events: none; line-height: 1; }
    .hero-gold-bar { position: absolute; left: 0; top: 15%; bottom: 15%; width: 4px; background: linear-gradient(to bottom, transparent, var(--gold), transparent); opacity: .5; }
    .hero-content-grid { position: relative; z-index: 1; padding: 7rem 0 3rem; width: 100%; }
    .hero-eyebrow { font-size: .68rem; letter-spacing: .3em; text-transform: uppercase; color: var(--gold-light); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; }
    .hero-eyebrow::before { content: ''; width: 36px; height: 1px; background: var(--gold-light); }
    .hero-title { font-family: 'Playfair Display', serif; font-size: clamp(2rem, 4.5vw, 3.6rem); font-weight: 400; color: #fff; line-height: 1.12; margin-bottom: .5rem; }
    .hero-title em { font-style: italic; color: var(--gold-light); }
    .hero-dates { font-size: .85rem; letter-spacing: .08em; color: rgba(245,240,232,.6); margin-bottom: 1.5rem; }
    .hero-portrait-frame { position: relative; padding: 1rem; }
    .hero-portrait-frame::before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 50%; border-top: 2px solid var(--gold); border-left: 2px solid var(--gold); }
    .hero-portrait-frame::after { content: ''; position: absolute; bottom: 0; right: 0; width: 50%; height: 50%; border-bottom: 2px solid var(--gold); border-right: 2px solid var(--gold); }
    .hero-portrait-frame img { width: 100%; aspect-ratio: 4/5; object-fit: cover; filter: sepia(15%) contrast(1.05); box-shadow: 0 20px 50px rgba(0,0,0,.5); }

    .breadcrumb-wrap { background: var(--parchment); border-bottom: 1px solid var(--border); padding: .7rem 0; }
    .breadcrumb { margin: 0; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
    .breadcrumb-item a { color: var(--gold); }
    .breadcrumb-item.active { color: var(--muted); }
    .breadcrumb-item + .breadcrumb-item::before { color: rgba(184,146,42,.4); }

    .stats-strip { background: var(--gold); padding: 1.75rem 0; }
    .stat-num { font-family: 'Playfair Display', serif; font-size: 2.1rem; font-weight: 400; color: var(--ink); line-height: 1; }
    .stat-label { font-size: .56rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(28,21,8,.55); margin-top: .2rem; }
    .stat-divider { width: 1px; background: rgba(28,21,8,.15); align-self: stretch; }

    .main-wrap { padding: 4rem 0; background: var(--cream); }

    .article-eyebrow { font-size: .65rem; letter-spacing: .32em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .article-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
    .article-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 400; color: var(--ink); line-height: 1.2; margin-bottom: 1.5rem; }
    .article-title em { font-style: italic; color: var(--gold); }
    .article-body { font-size: .92rem; line-height: 1.95; color: #3a3020; }
    .article-body p { margin-bottom: 1.4rem; }
    .article-body strong { color: var(--ink); font-weight: 600; }
    .article-body em { font-style: italic; color: var(--muted); }

    .pull-quote { font-family: 'Playfair Display', serif; font-size: clamp(1.15rem, 2.2vw, 1.5rem); font-style: italic; font-weight: 400; color: var(--ink); line-height: 1.65; border-left: 4px solid var(--gold); padding: 1.1rem 1.5rem; background: rgba(184,146,42,.05); margin: 2rem 0; }
    .pull-quote cite { display: block; margin-top: .75rem; font-family: 'Source Sans 3', sans-serif; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--gold); font-style: normal; }

    .personalities-panel { background: var(--ink); padding: 1.75rem; margin: 2rem 0; }
    .personalities-label { font-size: .6rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold-light); margin-bottom: 1.1rem; }
    .personalities-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .55rem; }
    .personality-item { display: flex; align-items: center; gap: .55rem; font-size: .8rem; color: rgba(245,240,232,.8); }
    .personality-item i { color: var(--gold-light); flex-shrink: 0; font-size: .8rem; }

    .achievement-strip { background: var(--sage); padding: 1.5rem 1.75rem; margin: 2rem 0; display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
    .achievement-icon { font-size: 2.3rem; color: rgba(245,240,232,.5); flex-shrink: 0; }
    .achievement-text { flex: 1; }
    .achievement-label { font-size: .58rem; letter-spacing: .2em; text-transform: uppercase; color: rgba(245,240,232,.6); margin-bottom: .3rem; }
    .achievement-title { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: #fff; font-style: italic; line-height: 1.4; }

    .tag-pill { display: inline-block; font-size: .58rem; letter-spacing: .14em; text-transform: uppercase; padding: 3px 10px; border: 1px solid var(--border); color: var(--muted); transition: background .2s, color .2s; }
    .tag-pill:hover { background: var(--gold); color: #fff; border-color: var(--gold); }
    .tag-pill.gold { border-color: rgba(184,146,42,.4); color: var(--gold); }
    .tag-pill.sage { border-color: rgba(61,90,61,.35); color: var(--sage); }

    .gallery-heading { font-family: 'Playfair Display', serif; font-size: 1.3rem; font-weight: 400; color: var(--ink); margin-bottom: 1.25rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: .75rem; }
    .gallery-heading::before { content: ''; width: 32px; height: 2px; background: var(--gold); }
    .gallery-count { font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); font-family: 'Source Sans 3', sans-serif; font-weight: 400; }

    .masonry-grid { columns: 4 230px; column-gap: .5rem; margin-bottom: 1rem; }
    .masonry-item { break-inside: avoid; margin-bottom: .5rem; position: relative; overflow: hidden; cursor: pointer; background: #e8e0d0; display: block; }
    .masonry-item img { width: 100%; display: block; filter: sepia(8%) contrast(1.03); transition: transform .5s ease, filter .35s; }
    .masonry-item:hover img { transform: scale(1.06); filter: sepia(0%) contrast(1.07); }
    .masonry-item .overlay { position: absolute; inset: 0; background: rgba(28,21,8,0); transition: background .35s; display: flex; align-items: center; justify-content: center; }
    .masonry-item:hover .overlay { background: rgba(28,21,8,.3); }
    .masonry-item .overlay i { color: #fff; font-size: 1.4rem; opacity: 0; transition: opacity .3s, transform .3s; transform: scale(.6); }
    .masonry-item:hover .overlay i { opacity: 1; transform: scale(1); }

    .btn-show-more { display: inline-flex; align-items: center; gap: .5rem; background: transparent; color: var(--gold); border: 1px solid var(--border); font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .55rem 1.4rem; transition: all .25s; cursor: pointer; }
    .btn-show-more:hover { background: var(--gold); color: #fff; border-color: var(--gold); }

    .author-sidebar { background: var(--parchment); border: 1px solid var(--border); padding: 1.75rem 1.5rem; position: sticky; top: 90px; }
    .sidebar-label { font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); }
    .sidebar-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--ink); margin-bottom: .3rem; }
    .sidebar-role { font-size: .72rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
    .sidebar-stat { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; border-bottom: 1px solid var(--border); }
    .sidebar-stat-label { font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
    .sidebar-stat-val { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); }
    .contact-row { display: flex; gap: .6rem; align-items: flex-start; margin-top: .85rem; font-size: .78rem; }
    .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
    .contact-row a { color: var(--muted); }
    .contact-row a:hover { color: var(--gold); }
    .btn-cv { display: flex; align-items: center; justify-content: center; gap: .5rem; background: var(--gold); color: #fff; border: none; font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .65rem 1.2rem; width: 100%; margin-top: 1.25rem; transition: background .25s; }
    .btn-cv:hover { background: var(--ink); color: #fff; }
    .divider-gold { width: 48px; height: 2px; background: var(--gold); opacity: .45; margin: 1.25rem 0; }
    .quick-link { display: flex; align-items: center; gap: .6rem; padding: .55rem 0; border-bottom: 1px solid var(--border); font-size: .8rem; color: var(--muted); transition: padding-left .2s, color .2s; }
    .quick-link:hover { padding-left: .35rem; color: var(--gold); }
    .quick-link i { color: var(--gold); flex-shrink: 0; font-size: .7rem; }

    .lightbox { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(0,0,0,.95); align-items: center; justify-content: center; }
    .lightbox.open { display: flex; }
    .lb-img-wrap { position: relative; max-width: 90vw; max-height: 88vh; }
    .lb-img-wrap img { max-width: 90vw; max-height: 88vh; object-fit: contain; display: block; box-shadow: 0 0 80px rgba(0,0,0,.6); }
    .lb-close { position: fixed; top: 1.25rem; right: 1.5rem; color: #fff; font-size: 2.2rem; cursor: pointer; opacity: .7; line-height: 1; transition: opacity .2s; z-index: 10001; }
    .lb-close:hover { opacity: 1; }
    .lb-prev, .lb-next { position: fixed; top: 50%; transform: translateY(-50%); background: rgba(184,146,42,.85); color: #fff; border: none; font-size: 1.4rem; width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s; z-index: 10001; }
    .lb-prev { left: .75rem; } .lb-next { right: .75rem; }
    .lb-prev:hover, .lb-next:hover { background: var(--gold); }
    .lb-counter { position: fixed; bottom: 1.25rem; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,.4); font-size: .68rem; letter-spacing: .18em; text-transform: uppercase; }

    .footer-dark { background: var(--ink); padding: 3rem 0 1.5rem; }
    .footer-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; font-style: italic; color: var(--gold-light); margin-bottom: .25rem; }
    .footer-role { font-size: .72rem; color: rgba(245,240,232,.4); margin-bottom: 1.5rem; }
    .footer-link { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(245,240,232,.38); transition: color .2s; }
    .footer-link:hover { color: var(--gold-light); }
    .footer-divider { border-color: rgba(245,240,232,.08); margin: 1.5rem 0; }
    .footer-copy { font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(245,240,232,.2); text-align: center; }

    .fade-up { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
    .fade-up.visible { opacity: 1; transform: none; }

    @media (max-width: 991px) { .author-sidebar { position: static; margin-top: 3rem; } .hero-portrait-frame { max-width: 260px; margin: 2rem auto 0; } }
    @media (max-width: 767px) {
      .hero-banner-watermark { display: none; }
      .masonry-grid { columns: 2 150px; }
      .personalities-grid { grid-template-columns: 1fr; }
    }






    /* ___________________ */



    /* About us Page */

    :root {
      --gold:       #b8922a;
      --gold-light: #d4ac4e;
      --ink:        #1c1508;
      --parchment:  #f5f0e8;
      --cream:      #faf8f4;
      --rust:       #8b3a2a;
      --sage:       #3d5a3d;
      --muted:      #6b5e47;
      --border:     rgba(184,146,42,.2);
    }
    *, *::before, *::after { box-sizing: border-box; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--cream); color: var(--ink); }
    h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif; }
    a { color: var(--gold); text-decoration: none; }
    a:hover { color: var(--rust); }

    /* ── Navbar ── */
    .navbar { background: rgba(245,240,232,.97) !important; backdrop-filter: blur(10px); border-bottom: 1px solid var(--border); padding: .9rem 0; }
    .navbar-brand { font-family: 'Playfair Display', serif; font-style: italic; font-size: 1.15rem; color: var(--gold) !important; letter-spacing: .02em; }
    .navbar-nav .nav-link { font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink) !important; font-weight: 500; padding: .4rem .9rem !important; position: relative; }
    .navbar-nav .nav-link::after { content: ''; position: absolute; bottom: 0; left: .9rem; right: .9rem; height: 1px; background: var(--gold); transform: scaleX(0); transition: transform .25s; }
    .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: var(--gold) !important; }
    .navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after { transform: scaleX(1); }
    .navbar-toggler { border-color: var(--border); }
    .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23b8922a' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
    .dropdown-menu { border: 1px solid var(--border); border-radius: 0; font-size: .72rem; letter-spacing: .06em; }
    .dropdown-item { padding: .5rem 1.1rem; color: var(--ink); }
    .dropdown-item:hover { background: var(--parchment); color: var(--gold); }

    /* ── Page Banner ── */
    .page-banner { background: var(--parchment); padding: 7rem 0 3.5rem; position: relative; overflow: hidden; border-bottom: 1px solid var(--border); }
    .page-banner-watermark { position: absolute; right: -2%; top: 50%; transform: translateY(-50%); font-family: 'Playfair Display', serif; font-size: clamp(4rem, 11vw, 13rem); font-weight: 700; color: rgba(184,146,42,.055); user-select: none; white-space: nowrap; pointer-events: none; line-height: 1; }
    .page-banner-gold-bar { position: absolute; left: 0; top: 20%; bottom: 20%; width: 4px; background: linear-gradient(to bottom, transparent, var(--gold), transparent); opacity: .45; }
    .page-banner-eyebrow { font-size: .68rem; letter-spacing: .3em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .page-banner-eyebrow::before { content: ''; width: 36px; height: 1px; background: var(--gold); }
    .page-banner-title { font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 5vw, 4rem); font-weight: 400; line-height: 1.1; color: var(--ink); margin-bottom: .75rem; }
    .page-banner-title em { font-style: italic; color: var(--gold); }
    .page-banner-sub { font-size: .85rem; color: var(--muted); line-height: 1.8; max-width: 620px; }

    /* ── Breadcrumb ── */
    .breadcrumb-wrap { background: var(--cream); border-bottom: 1px solid var(--border); padding: .7rem 0; }
    .breadcrumb { margin: 0; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
    .breadcrumb-item a { color: var(--gold); }
    .breadcrumb-item.active { color: var(--muted); }
    .breadcrumb-item + .breadcrumb-item::before { color: rgba(184,146,42,.4); }

    /* ── Jump nav (sticky) ── */
    .jump-nav { background: var(--parchment); border-bottom: 1px solid var(--border); padding: .9rem 0; position: sticky; top: 68px; z-index: 50; }
    .jump-btn { font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; padding: .42rem 1.2rem; border: 1px solid var(--border); background: transparent; color: var(--muted); cursor: pointer; transition: all .22s; text-decoration: none; display: inline-block; }
    .jump-btn:hover, .jump-btn.active { background: var(--gold); color: #fff; border-color: var(--gold); }

    /* ── Stats strip ── */
    .stats-strip { background: var(--gold); padding: 1.75rem 0; }
    .stat-num { font-family: 'Playfair Display', serif; font-size: 2.1rem; font-weight: 400; color: var(--ink); line-height: 1; }
    .stat-label { font-size: .56rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(28,21,8,.55); margin-top: .2rem; }
    .stat-divider { width: 1px; background: rgba(28,21,8,.15); align-self: stretch; }

    /* ── Main ── */
    .main-wrap { padding: 4rem 0; background: var(--cream); }
    .section-anchor { scroll-margin-top: 150px; }

    /* ── Article ── */
    .article-eyebrow { font-size: .65rem; letter-spacing: .32em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .6rem; }
    .article-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
    .article-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 400; color: var(--ink); line-height: 1.2; margin-bottom: 1.5rem; }
    .article-title em { font-style: italic; color: var(--gold); }
    .article-body { font-size: .92rem; line-height: 1.95; color: #3a3020; }
    .article-body p { margin-bottom: 1.4rem; }
    .article-body strong { color: var(--ink); font-weight: 600; }
    .article-body em { font-style: italic; color: var(--muted); }

    .subsection-title { font-family: 'Playfair Display', serif; font-size: 1.25rem; font-weight: 600; color: var(--ink); margin: 2.2rem 0 1rem; padding-bottom: .5rem; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: .65rem; }
    .subsection-title::before { content: ''; width: 26px; height: 2px; background: var(--gold); flex-shrink: 0; }

    /* ── Specialization tags ── */
    .spec-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.5rem 0; }
    .spec-tag { font-size: .72rem; letter-spacing: .04em; padding: .4rem .9rem; background: rgba(184,146,42,.08); border: 1px solid rgba(184,146,42,.25); color: var(--gold); }

    /* ── Books list inline ── */
    .book-mini-list { list-style: none; padding: 0; margin: 1.25rem 0; }
    .book-mini-list li { font-size: .85rem; color: #3a3020; line-height: 1.7; padding: .4rem 0; border-bottom: 1px solid rgba(184,146,42,.1); display: flex; gap: .65rem; }
    .book-mini-list li::before { content: '—'; color: var(--gold); flex-shrink: 0; }
    .book-mini-list em { font-style: italic; color: var(--ink); }

    /* ── Tag pill ── */
    .tag-pill { display: inline-block; font-size: .58rem; letter-spacing: .14em; text-transform: uppercase; padding: 3px 10px; border: 1px solid var(--border); color: var(--muted); transition: background .2s, color .2s; }
    .tag-pill:hover { background: var(--gold); color: #fff; border-color: var(--gold); }
    .tag-pill.gold { border-color: rgba(184,146,42,.4); color: var(--gold); }
    .tag-pill.sage { border-color: rgba(61,90,61,.35); color: var(--sage); }

    /* ── Section heading (Testimonials) ── */
    .section-eyebrow { font-size: .65rem; letter-spacing: .32em; text-transform: uppercase; color: var(--gold); font-weight: 600; display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; }
    .section-eyebrow::after { content: ''; flex: 1; max-width: 60px; height: 1px; background: var(--border); }
    .section-title { font-family: 'Playfair Display', serif; font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 400; color: var(--ink); line-height: 1.15; margin-bottom: 2rem; }
    .section-title em { font-style: italic; color: var(--gold); }

    /* ── Testimonial card ── */
    .testimonial-card { background: var(--cream); border: 1px solid var(--border); margin-bottom: 1.5rem; overflow: hidden; transition: box-shadow .3s; }
    .testimonial-card:hover { box-shadow: 0 10px 32px rgba(28,21,8,.08); }
    .testimonial-header { display: flex; align-items: center; gap: 1rem; padding: 1.25rem 1.5rem; background: var(--parchment); border-bottom: 1px solid var(--border); cursor: pointer; }
    .testimonial-avatar { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 2px solid var(--gold); filter: sepia(8%); }
    .testimonial-name-block { flex: 1; }
    .testimonial-name { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--ink); }
    .testimonial-role { font-size: .72rem; color: var(--muted); letter-spacing: .03em; margin-top: .1rem; }
    .testimonial-toggle-icon { color: var(--gold); font-size: 1rem; flex-shrink: 0; transition: transform .3s; }
    .testimonial-card.open .testimonial-toggle-icon { transform: rotate(180deg); }
    .testimonial-body-wrap { max-height: 0; overflow: hidden; transition: max-height .5s ease; }
    .testimonial-card.open .testimonial-body-wrap { max-height: 2000px; }
    .testimonial-body { padding: 1.5rem; font-size: .85rem; line-height: 1.85; color: #3a3020; }
    .testimonial-body p { margin-bottom: 1rem; }
    .testimonial-body p:last-child { margin-bottom: 0; }
    .testimonial-quote-icon { color: rgba(184,146,42,.25); font-size: 1.8rem; line-height: .5; margin-bottom: .5rem; display: block; }
    .testimonial-preview { padding: 0 1.5rem 1.25rem; font-size: .84rem; line-height: 1.8; color: #3a3020; }
    .testimonial-card.open .testimonial-preview { display: none; }

    /* ── Sidebar ── */
    .author-sidebar { background: var(--parchment); border: 1px solid var(--border); padding: 1.75rem 1.5rem; position: sticky; top: 90px; }
    .sidebar-portrait { width: 100%; aspect-ratio: 3/2; object-fit: cover; margin-bottom: 1.25rem; filter: sepia(8%) contrast(1.04); }
    .sidebar-label { font-size: .62rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 600; margin-bottom: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--border); }
    .sidebar-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--ink); margin-bottom: .3rem; }
    .sidebar-role { font-size: .72rem; color: var(--muted); line-height: 1.6; margin-bottom: 1.25rem; }
    .sidebar-stat { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; border-bottom: 1px solid var(--border); }
    .sidebar-stat-label { font-size: .63rem; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
    .sidebar-stat-val { font-family: 'Playfair Display', serif; font-size: 1.05rem; color: var(--gold); }
    .contact-row { display: flex; gap: .6rem; align-items: flex-start; margin-top: .85rem; font-size: .78rem; }
    .contact-row i { color: var(--gold); margin-top: 2px; flex-shrink: 0; }
    .contact-row a { color: var(--muted); }
    .contact-row a:hover { color: var(--gold); }
    .btn-cv { display: flex; align-items: center; justify-content: center; gap: .5rem; background: var(--gold); color: #fff; border: none; font-family: 'Source Sans 3', sans-serif; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; padding: .65rem 1.2rem; width: 100%; margin-top: 1.25rem; transition: background .25s; }
    .btn-cv:hover { background: var(--ink); color: #fff; }
    .divider-gold { width: 48px; height: 2px; background: var(--gold); opacity: .45; margin: 1.25rem 0; }
    .quick-link { display: flex; align-items: center; gap: .6rem; padding: .55rem 0; border-bottom: 1px solid var(--border); font-size: .8rem; color: var(--muted); transition: padding-left .2s, color .2s; }
    .quick-link:hover { padding-left: .35rem; color: var(--gold); }
    .quick-link i { color: var(--gold); flex-shrink: 0; font-size: .7rem; }
    .office-hours-row { display: flex; justify-content: space-between; font-size: .78rem; padding: .3rem 0; color: var(--muted); }
    .office-hours-row strong { color: var(--ink); }

    /* ── Footer ── */
    .footer-dark { background: var(--ink); padding: 3rem 0 1.5rem; }
    .footer-name { font-family: 'Playfair Display', serif; font-size: 1.1rem; font-style: italic; color: var(--gold-light); margin-bottom: .25rem; }
    .footer-role { font-size: .72rem; color: rgba(245,240,232,.4); margin-bottom: 1.5rem; }
    .footer-link { font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(245,240,232,.38); transition: color .2s; }
    .footer-link:hover { color: var(--gold-light); }
    .footer-divider { border-color: rgba(245,240,232,.08); margin: 1.5rem 0; }
    .footer-copy { font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(245,240,232,.2); text-align: center; }

    /* ── Fade in ── */
    .fade-up { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
    .fade-up.visible { opacity: 1; transform: none; }

    @media (max-width: 991px) { .author-sidebar { position: static; margin-top: 3rem; } }
    @media (max-width: 767px) {
      .page-banner-watermark { display: none; }
      .jump-nav { overflow-x: auto; white-space: nowrap; }
      .testimonial-header { padding: 1rem; }
      .testimonial-avatar { width: 42px; height: 42px; }
    }
  

    /* _________________ */