/*
Theme Name:  DSF — Danish Siddiqui Foundation
Theme URI:   https://dsfasia.org
Author:      Danish Siddiqui Foundation
Description: Official theme for the Danish Siddiqui Foundation.
Version:     3.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License:     Private
Text Domain: dsf
*/

/* ── TOKENS ───────────────────────────────────────────────────────────────── */
:root {
  --ink:        #0A0907;
  --ink2:       #141210;
  --ink3:       #1C1A16;
  --ink4:       #242018;
  --paper:      #F2EDE4;
  --cream:      #E8E2D8;
  --warm:       #D8D0C4;
  --accent:     #C4963C;
  --accent-dim: #8A6B1A;
  --accent-light: #E8C07A;
  --accent-text: #0A0907;   /* auto-switched to white for dark accents */
  --red:        #9E1A1A;
  --white:      #F8F5F0;
  --grey:       #6A6460;
  --lgrey:      #C0B8AC;
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans:  'DM Sans', 'Inter', system-ui, sans-serif;
  --radius:     2px;
  /* Font size controls — overridden by customizer */
  --fs-hero:    clamp(44px, 7vw, 96px);
  --fs-h2:      clamp(28px, 3.2vw, 44px);
  --fs-h3:      clamp(20px, 2vw, 28px);
  --fs-body:    15px;
  --fs-label:   10px;
  /* Hero height — overridden by customizer */
  --hero-height: 100svh;
  --hero-max:    860px;
  --hero-min:    500px;
}

/* ── RESET ────────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--font-sans);background:#E0DCD4;color:var(--ink);font-size:var(--fs-body);line-height:1.6;overflow-x:hidden;}
img,video{display:block;max-width:100%;height:auto;}.aw-winner__photo{height:100%!important;width:100%!important;object-fit:cover!important;object-position:top!important;}
a{color:inherit;text-decoration:none;}
button,input,select,textarea{font:inherit;}
ul,ol{list-style:none;}

/* ── BOXED ────────────────────────────────────────────────────────────────── */
.site-box{max-width:1160px;margin:0 auto;background:var(--paper);box-shadow:0 0 60px rgba(0,0,0,0.18);overflow:hidden;}

/* ── TYPOGRAPHY ───────────────────────────────────────────────────────────── */
h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);line-height:1.1;font-weight:700;color:var(--ink);}
h1{font-size:var(--fs-hero);}
h2{font-size:var(--fs-h2);}
h3{font-size:var(--fs-h3);}
h4{font-size:clamp(16px,1.5vw,20px);}
p{font-size:var(--fs-body);line-height:1.75;color:var(--color-body-text,var(--grey));}
.label{font-size:var(--fs-label);font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-body-text,var(--grey));}

/* ── BUTTONS ──────────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:14px 28px;border-radius:var(--radius);transition:all 0.2s;cursor:pointer;border:none;}
.btn--accent{background:var(--accent);color:var(--accent-text);}
.btn--accent:hover{filter:brightness(0.88);}
.btn--outline{background:transparent;color:#8A8278;border:1px solid #3A3428;}
.btn--outline:hover{border-color:var(--lgrey);color:var(--white);}
.btn--outline-light{background:transparent;color:var(--ink);border:1px solid var(--warm);}
.btn--outline-light:hover{border-color:var(--ink);}

/* ── NAV ──────────────────────────────────────────────────────────────────── */
.site-header{position:sticky;top:0;z-index:100;height:64px;background:var(--ink);border-bottom:1px solid var(--ink3);display:flex;align-items:center;justify-content:space-between;padding:0 40px;}
.site-header__logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.site-header__logo img.custom-logo{height:40px;width:auto;object-fit:contain;}
.site-header__wordmark{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--white);}
.site-header__divider{width:2px;height:32px;background:var(--accent);flex-shrink:0;}
.site-header__name span:first-child{display:block;font-size:10px;font-weight:700;color:var(--accent);letter-spacing:0.08em;text-transform:uppercase;}
.site-header__name span:last-child{display:block;font-size:9px;color:#5A5448;letter-spacing:0.06em;text-transform:uppercase;}
.site-header__nav{display:flex;align-items:center;}
.site-header__nav a{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#C8C0B4;padding:0 16px;height:64px;display:flex;align-items:center;transition:color 0.2s;position:relative;}
.site-header__nav a:hover{color:var(--white);}
.site-header__nav a::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform 0.2s;}
.site-header__nav a:hover::after{transform:scaleX(1);}
.site-header__cta{border:1px solid var(--accent)!important;color:var(--accent)!important;padding:6px 18px!important;height:auto!important;border-radius:var(--radius);}
.site-header__cta:hover{background:var(--accent)!important;color:var(--accent-text)!important;}
.site-header__cta::after{display:none!important;}
.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:8px;background:none;border:none;}
.hamburger span{display:block;width:24px;height:2px;background:var(--white);transition:all 0.3s;}

/* ── DROPDOWN SUBMENUS ───────────────────────────────────────────── */
.site-header__nav .menu-item-has-children{position:relative;}
.site-header__nav .menu-item-has-children>a::after{content:'▾';margin-left:4px;font-size:8px;opacity:0.6;}
.site-header__nav .sub-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  background:var(--ink);
  border-top:2px solid var(--accent);
  box-shadow:0 8px 32px rgba(0,0,0,0.4);
  z-index:200;
  padding:8px 0;
}
.site-header__nav .menu-item-has-children:hover>.sub-menu{display:block;}
.site-header__nav .sub-menu li{display:block;}
.site-header__nav .sub-menu a{
  display:block;
  height:auto!important;
  padding:10px 20px!important;
  font-size:10px!important;
  color:#8A8278!important;
  border-bottom:1px solid var(--ink3);
  white-space:nowrap;
  letter-spacing:0.08em;
}
.site-header__nav .sub-menu a:hover{color:var(--white)!important;background:var(--ink2);}
.site-header__nav .sub-menu a::after{display:none!important;}
.site-header__nav .sub-menu li:last-child a{border-bottom:none;}

/* ── MOBILE NAV ───────────────────────────────────────────────────────────── */
.mobile-nav{
  display:none;position:fixed;inset:0;
  background:#fff;z-index:200;
  flex-direction:column;
  overflow-y:auto;
}
.mobile-nav.is-open{display:flex;}

/* Top bar */
.mobile-nav__top{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px;
  border-bottom:1px solid #E8E2D8;
}
.mobile-nav__logo img{height:36px;width:auto;}
.mobile-nav__logo-text{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--ink);}
.mobile-nav__close{
  font-size:13px;font-weight:700;letter-spacing:0.08em;
  text-transform:uppercase;color:var(--ink);
  background:none;border:none;cursor:pointer;
  display:flex;align-items:center;gap:6px;
}
.mobile-nav__close-icon{font-size:20px;line-height:1;}

/* Links */
.mobile-nav ul{list-style:none;padding:0;margin:0;flex:1;}
.mobile-nav .menu-item > a{
  display:flex;align-items:center;justify-content:space-between;
  font-family:var(--font-sans);
  font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--ink);
  padding:16px 24px;
  border-bottom:1px solid #E8E2D8;
  text-decoration:none;
  transition:color 0.2s;
}
.mobile-nav .menu-item > a:hover{color:var(--accent);}

/* Plus/minus toggle indicator */
.mobile-nav .menu-item-has-children > a .nav-arrow { display: none; }
.mobile-nav .menu-item-has-children.is-open > a .nav-arrow{
  background:var(--ink);color:#fff;
  transform:rotate(45deg);
}

/* JS-created toggle button */
.mobile-sub-toggle {
  background: none;
  border: 1px solid #E8E2D8;
  border-radius: 50%;
  width: 28px; height: 28px;
  font-size: 18px; line-height: 1;
  color: var(--ink);
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  font-family: var(--font-sans);
  transition: background 0.2s, color 0.2s;
  margin-left: 8px;
  font-style: normal;
}
.mobile-sub-toggle::before { content: '+'; }
.menu-item-has-children.is-open .mobile-sub-toggle::before { content: '−'; }
.menu-item-has-children.is-open .mobile-sub-toggle {
  background: var(--ink); color: #fff; border-color: var(--ink);
}

/* Submenus */
.mobile-nav .sub-menu{
  display:none;
  background:#F5F0EB;
  border-bottom:1px solid #E8E2D8;
}
.mobile-nav .sub-menu.is-open{display:block;}
.mobile-nav .sub-menu li a{
  display:block;
  font-family:var(--font-sans);
  font-size:13px;font-weight:700;
  letter-spacing:0.08em;text-transform:uppercase;
  color:#6A6460;
  padding:12px 24px 12px 40px;
  border-bottom:1px solid #E8E2D8;
  text-decoration:none;
  transition:color 0.2s;
}
.mobile-nav .sub-menu li:last-child a{border-bottom:none;}
.mobile-nav .sub-menu li a:hover{color:var(--ink);}

/* Social */
.mobile-nav__social{
  display:flex;gap:12px;
  padding:20px 24px;
  border-top:1px solid #E8E2D8;
}
.mobile-nav__social a{
  width:36px;height:36px;
  border:1px solid #E8E2D8;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#6A6460;font-size:13px;
  transition:border-color 0.2s,color 0.2s;
  text-decoration:none;
}
.mobile-nav__social a:hover{border-color:var(--ink);color:var(--ink);}
.mobile-nav__social a i{font-size:13px;}

/* ── HERO SLIDESHOW ───────────────────────────────────────────────────────── */
.hero{position:relative;width:100%;height:var(--hero-height);min-height:var(--hero-min);max-height:var(--hero-max);overflow:hidden;}
.hero__slides{position:absolute;inset:0;width:100%;height:100%;}
.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;}
.hero__slide.is-active{opacity:1;}
.hero__slide img{width:100%;height:100%;object-fit:cover;object-position:center 20%;}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(10,9,7,0.92) 0%,rgba(10,9,7,0.55) 55%,rgba(10,9,7,0.1) 100%),linear-gradient(to top,rgba(10,9,7,0.85) 0%,transparent 50%);z-index:1;}
.hero__stripe{position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--red);z-index:2;}
.hero__badge{position:absolute;top:20px;right:40px;background:rgba(10,9,7,0.6);padding:5px 12px;font-size:8px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#C0A878;z-index:2;}
.hero__content{position:absolute;bottom:0;left:0;right:0;padding:0 40px 72px;max-width:780px;z-index:2;}
.hero__eyebrow{font-size:9px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.75);margin-bottom:6px;}
.hero__eyebrow-rule{width:300px;height:1px;background:#3A3020;margin-bottom:14px;}
.hero__headline{font-family:var(--font-serif);font-size:clamp(36px, 4vw, 70px);font-weight:700;line-height:1.0;color:var(--white);}
.hero__headline em{font-style:normal;color:var(--accent);}
.hero__actions{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap;}
.hero__credit{position:absolute;bottom:10px;right:40px;font-size:8px;letter-spacing:0.08em;color:#504838;text-transform:uppercase;z-index:2;}
/* Slideshow dots */
.hero__dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;}
.hero__dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.3);cursor:pointer;transition:background 0.3s;}
.hero__dot.is-active{background:var(--accent);}

/* ── TICKER ───────────────────────────────────────────────────────────────── */
.ticker{background:var(--accent);height:40px;overflow:hidden;display:flex;align-items:center;}
.ticker__track{display:flex;white-space:nowrap;animation:ticker 30s linear infinite;}
.ticker__track span{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent-text);padding:0 28px;}
.ticker__track span.sep{color:rgba(10,9,7,0.35);padding:0 6px;}
@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ── MISSION + DANISH PHOTO ───────────────────────────────────────────────── */
.mission{background:var(--paper);border-top:1px solid var(--warm);padding:64px 40px;display:grid;grid-template-columns:200px 1fr 1px 300px;gap:40px;align-items:center;}
.mission__photo-wrap{position:relative;}
.mission__photo{width:200px;height:260px;object-fit:cover;object-position:top;border-top:3px solid var(--accent);}
.mission__photo-placeholder{width:200px;height:260px;background:var(--cream);border-top:3px solid var(--accent);display:flex;align-items:center;justify-content:center;color:var(--lgrey);font-size:12px;text-align:center;padding:16px;}
.mission__quote-block{}
.mission__quote-mark{font-family:var(--font-serif);font-size:80px;color:var(--warm);line-height:0.6;margin-bottom:10px;}
.mission__quote{font-family:var(--font-serif);font-size:clamp(15px,1.5vw,20px);font-style:italic;color:var(--ink);line-height:1.6;margin-bottom:18px;}
.mission__rule{width:180px;height:1px;background:var(--accent);margin-bottom:10px;}
.mission__attribution{font-size:12px;color:var(--color-body-text,var(--grey));}
.mission__divider{background:var(--warm);align-self:stretch;}
.mission__text p{font-size:var(--fs-body);line-height:1.75;color:var(--color-body-text,#6A6460)!important;margin-bottom:12px;}
.mission__link{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);margin-top:14px;display:inline-block;}

/* ── RECOGNITION ──────────────────────────────────────────────────────────── */
.recognition{background:var(--cream);border-top:1px solid var(--warm);border-bottom:1px solid var(--warm);height:76px;display:flex;align-items:center;padding:0 40px;}
.recognition__label{font-size:9px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--lgrey);white-space:nowrap;padding-right:28px;border-right:1px solid var(--warm);}
.recognition__orgs{display:flex;flex:1;align-items:center;}
.recognition__org{flex:1;padding:0 22px;border-right:1px solid var(--warm);}
.recognition__org:last-child{border-right:none;}
.recognition__org-name{font-size:10px;font-weight:700;color:var(--ink);display:block;}
.recognition__org-sub{font-size:9px;color:var(--color-body-text,var(--grey));display:block;}

/* ── VALUES STRIP (replaces metrics) ─────────────────────────────────────── */
.values-strip{background:var(--ink)!important;position:relative;border-top:2px solid var(--red);display:block!important;}
.values-strip__grid{display:grid!important;grid-template-columns:repeat(4,1fr);}
.values-strip__item{padding:40px 32px;border-left:1px solid var(--ink3);display:flex;flex-direction:column;justify-content:flex-start;}
.values-strip__item:first-child{border-left:none;}
.values-strip__name{font-family:var(--font-serif);font-size:clamp(20px,2vw,26px);font-weight:700;color:#F8F5F0!important;margin-bottom:12px;}
.values-strip__desc{font-size:13px;color:#9A9080!important;line-height:1.65;}





/* ── DSJA ─────────────────────────────────────────────────────────────────── */
.dsja{background:var(--ink2);position:relative;overflow:hidden;}
.dsja::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent);}
.dsja::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);}
.dsja__inner{display:grid;grid-template-columns:400px 1fr;min-height:640px;}
.dsja__text{padding:52px 44px 52px 36px;display:flex;flex-direction:column;}
.dsja__eyebrow{font-size:9px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.6);margin-bottom:6px;}
.dsja__rule{width:160px;height:1px;background:#3A3020;margin-bottom:22px;}
.dsja__title{font-family:var(--font-serif);font-size:clamp(32px,3.6vw,50px);font-weight:700;color:var(--white);line-height:1.05;}
.dsja__title em{font-style:normal;color:var(--accent);}
.dsja__divider{width:100%;height:1px;background:var(--ink4);margin:22px 0;}
.dsja__desc{font-size:var(--fs-body);color:var(--color-dark-text,#C0B8A8)!important;line-height:1.65;}
.dsja__jury-label{font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}
.dsja__jury li{font-size:13px;color:#B8B0A0!important;padding:4px 0;}
.dsja__jury li::before{content:"·  ";}
.dsja__cats{font-size:13px;color:#A09880!important;}
.dsja__actions{display:flex;gap:14px;margin-top:auto;padding-top:28px;flex-wrap:wrap;}
.dsja__edition{font-size:10px;color:#8A8070!important;letter-spacing:0.06em;margin-top:12px;}
.dsja__photos{padding:16px 24px 16px 0;display:flex;flex-direction:column;gap:8px;}
.dsja__photo-main{position:relative;overflow:hidden;flex:1;border-top:2px solid var(--accent);}
.dsja__photo-main img{width:100%;height:100%;object-fit:cover;}
.dsja__photo-caption{position:absolute;bottom:0;left:0;right:0;background:rgba(10,9,7,0.72);padding:9px 14px;font-size:10px;color:#C0A878;text-align:center;}
.dsja__photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:200px;}
.dsja__photo-grid-item{position:relative;overflow:hidden;}
.dsja__photo-grid-item img{width:100%;height:100%;object-fit:cover;}
.dsja__photo-grid-item::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);z-index:1;}
.dsja__photo-grid-item:nth-child(2)::before{background:var(--red);}
.dsja__photo-grid-item:nth-child(3)::before{background:var(--accent-dim);}
.dsja__photo-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(10,9,7,0.78);padding:7px;text-align:center;}
.dsja__photo-overlay span{display:block;font-size:10px;color:var(--white);font-weight:700;}
.dsja__photo-overlay small{font-size:9px;color:#7A6848;}

/* ── EDITORIAL ────────────────────────────────────────────────────────────── */
.editorial{position:relative;height:480px;overflow:hidden;}
.editorial__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.editorial__overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(10,9,7,0.75) 0%,rgba(10,9,7,0.45) 50%,rgba(10,9,7,0.2) 100%),linear-gradient(to top,rgba(10,9,7,0.6) 0%,transparent 60%);}
.editorial__content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 40px;}
.editorial__location{font-size:9px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;}
.editorial__location-rule{width:100px;height:1px;background:#3A3020;margin:0 auto 28px;}
.editorial__quote{font-family:var(--font-serif);font-size:clamp(17px,1.9vw,24px);font-style:italic;color:var(--white);line-height:1.6;max-width:700px;margin-bottom:24px;}
.editorial__rule{width:70px;height:1px;background:var(--accent);margin:0 auto 14px;}
.editorial__attribution{font-size:13px;color:#A09078;}
.editorial__credit{position:absolute;bottom:10px;right:40px;font-size:8px;color:#403830;text-transform:uppercase;letter-spacing:0.06em;}

/* ── PROGRAMMES ───────────────────────────────────────────────────────────── */
.programmes{background:var(--paper);border-top:1px solid var(--warm);padding:64px 40px;}
.programmes__header{margin-bottom:40px;}
.programmes__header-rule{width:220px;height:1px;background:var(--warm);margin:6px 0 14px;}
.programmes__layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:stretch;}
.programmes__featured{background:var(--cream);border-top:3px solid var(--ink);padding:28px;display:flex;flex-direction:column;}
.programmes__featured-num{font-size:11px;color:var(--color-body-text,var(--grey));margin-bottom:6px;}
.programmes__featured-title{font-family:var(--font-serif);font-size:24px;font-weight:700;color:var(--ink);margin-bottom:12px;}
.programmes__featured-desc{font-size:var(--fs-body);color:var(--ink);line-height:1.7;margin-bottom:10px;}
.programmes__featured-meta{font-size:11px;color:var(--color-body-text,var(--grey));margin-bottom:14px;}
.programmes__featured-photo{width:100%;height:180px;object-fit:cover;border-top:3px solid var(--red);margin-top:auto;}
.programmes__featured-link{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink);display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding-bottom:4px;border-bottom:1px solid var(--ink);align-self:flex-start;}
.programmes__small{display:flex;flex-direction:column;gap:8px;}
.programmes__small-item{background:var(--cream);border-left:3px solid var(--ink);padding:20px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:border-color 0.2s;cursor:pointer;flex:1;text-decoration:none;}
.programmes__small-item:hover{border-left-color:var(--accent);}
.programmes__small-item:nth-child(2){border-left-color:var(--red);}
.programmes__small-item:nth-child(3){border-left-color:var(--accent);}
.programmes__small-num{font-size:9px;color:var(--color-body-text,var(--grey));margin-bottom:4px;}
.programmes__small-name{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.programmes__small-desc{font-size:12px;color:var(--color-body-text,var(--grey));line-height:1.5;}
.programmes__small-arrow{font-size:18px;color:var(--ink);flex-shrink:0;}
.programmes__photo-col img{width:100%;height:100%;object-fit:cover;border-top:3px solid var(--red);display:block;min-height:300px;}

/* ── DOCUMENTARY ──────────────────────────────────────────────────────────── */
.documentary{background:var(--ink);border-top:2px solid var(--red);display:grid;grid-template-columns:360px 1fr;min-height:340px;}
.documentary__poster{position:relative;overflow:hidden;}
.documentary__poster img{width:100%;height:100%;object-fit:cover;display:block;}
.documentary__body{padding:52px 48px;display:flex;flex-direction:column;justify-content:center;}
.documentary__badge{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:var(--white);font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:6px 14px;border-radius:var(--radius);margin-bottom:20px;align-self:flex-start;}
.documentary__title{font-family:var(--font-serif);font-size:clamp(28px,3vw,42px);color:#F8F5F0!important;line-height:1.1;margin-bottom:20px;}
.documentary__desc{font-size:var(--fs-body);color:#9A9080;line-height:1.7;margin-bottom:32px;max-width:520px;}
.documentary__episodes{display:flex;gap:32px;flex-wrap:wrap;}
.documentary__episode{display:flex;align-items:flex-start;gap:14px;cursor:pointer;}
.documentary__episode-play{width:44px;height:44px;border:2px solid var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--white);flex-shrink:0;transition:background 0.2s;}
.documentary__episode:hover .documentary__episode-play{background:var(--red);}
.documentary__episode-name{font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--white);margin-bottom:4px;}
.documentary__episode-desc{font-size:12px;color:#706858;line-height:1.5;max-width:180px;}

/* ── EVENTS GALLERY — exactly 6 tiles, 2 rows ─────────────────────────────── */
.events-gallery{background:var(--ink2);border-top:1px solid var(--ink3);padding:52px 40px;}
.events-gallery__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;}
.events-gallery__title{font-family:var(--font-serif);font-size:clamp(28px,3vw,42px);color:var(--white);}
.events-gallery__link{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);}
.events-gallery__mosaic{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:8px;}
.events-gallery__item{position:relative;overflow:hidden;cursor:pointer;display:none;}
.events-gallery__item:nth-child(1){display:block;grid-column:1;grid-row:1/3;}
.events-gallery__item:nth-child(2){display:block;grid-column:2;grid-row:1;}
.events-gallery__item:nth-child(3){display:block;grid-column:3;grid-row:1;}
.events-gallery__item:nth-child(4){display:block;grid-column:2;grid-row:2;}
.events-gallery__item:nth-child(5){display:block;grid-column:3;grid-row:2;}
.events-gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;display:block;}
.events-gallery__item:hover img{transform:scale(1.04);}
.events-gallery__item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);z-index:1;}
.events-gallery__item:nth-child(2)::before{background:var(--red);}
.events-gallery__item:nth-child(3)::before{background:#5A5448;}
.events-gallery__item:nth-child(4)::before{background:var(--accent);}
.events-gallery__item:nth-child(5)::before{background:var(--red);}
.events-gallery__item:nth-child(6)::before{background:#5A5448;}
.events-gallery__caption{position:absolute;bottom:0;left:0;right:0;background:rgba(10,9,7,0.78);padding:8px 12px;font-size:9px;color:rgba(255,255,255,0.85);text-transform:uppercase;letter-spacing:0.06em;}
.events-gallery__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;}
.events-gallery__play-btn{width:52px;height:52px;background:rgba(10,9,7,0.75);border:2px solid rgba(255,255,255,0.6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--white);transition:background 0.2s;}
.events-gallery__item:hover .events-gallery__play-btn{background:var(--accent);border-color:var(--accent);}

/* ── VOICES — scrollable carousel ────────────────────────────────────────── */
.voices{background:var(--cream);border-top:1px solid var(--warm);padding:64px 40px;}
.voices__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;}
.voices__heading{font-family:var(--font-serif);font-size:var(--fs-voices-heading, clamp(28px,3vw,42px));color:var(--ink);font-weight:700;}
.voices__header-rule{width:220px;height:1px;background:var(--warm);margin:6px 0;}
.voices__carousel{display:flex;gap:24px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--warm) transparent;}
.voices__carousel::-webkit-scrollbar{height:4px;}
.voices__carousel::-webkit-scrollbar-track{background:transparent;}
.voices__carousel::-webkit-scrollbar-thumb{background:var(--warm);border-radius:2px;}
.voices__card{flex:0 0 300px;scroll-snap-align:start;background:var(--paper);border-top:3px solid var(--accent);padding:0 0 24px;}
.voices__card:nth-child(even){border-top-color:var(--red);}
.voices__photo{width:100%;height:220px;object-fit:cover;object-position:top;display:block;margin-bottom:20px;}
.voices__photo-placeholder{width:100%;height:220px;background:var(--warm);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:48px;color:var(--lgrey);margin-bottom:20px;}
.voices__card-body{padding:0 20px;}
.voices__mark{font-family:var(--font-serif);font-size:40px;color:var(--lgrey);line-height:0.8;margin-bottom:8px;}
.voices__quote{font-family:var(--font-serif);font-size:14px;font-style:italic;color:var(--ink);line-height:1.75;margin-bottom:16px;}
.voices__rule{width:50px;height:1px;background:var(--warm);margin-bottom:12px;}
.voices__name{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px;}
.voices__role{font-size:11px;color:var(--color-body-text,var(--grey));}
/* Scroll hint arrows */
.voices__nav{display:flex;gap:8px;margin-top:20px;}
.voices__nav-btn{width:36px;height:36px;border:1px solid var(--warm);background:transparent;cursor:pointer;font-size:16px;color:var(--color-body-text,var(--grey));display:flex;align-items:center;justify-content:center;transition:border-color 0.2s,color 0.2s;}
.voices__nav-btn:hover{border-color:var(--accent);color:var(--accent);}

/* ── NEWS ─────────────────────────────────────────────────────────────────── */
.news{background:var(--paper);border-top:1px solid var(--warm);padding:64px 40px;}
.news__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;}
.news__header-rule{width:200px;height:1px;background:var(--warm);margin:6px 0;}
.news__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.news__card{background:var(--cream);display:flex;flex-direction:column;transition:transform 0.2s;}
.news__card:hover{transform:translateY(-3px);}
.news__card-photo{width:100%;height:190px;object-fit:cover;border-top:3px solid var(--red);display:block;}
.news__card-photo--accent{border-top-color:var(--accent);}
.news__card-body{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column;}
.news__card-tag{font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}
.news__card-title{font-family:var(--font-serif);font-size:17px;color:var(--ink);line-height:1.35;margin-bottom:8px;flex:1;}
.news__card-date{font-size:10px;color:var(--lgrey);margin-bottom:12px;}
.news__card-link{font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:6px;margin-top:auto;}

/* ── ARCHIVE ──────────────────────────────────────────────────────────────── */
.archive-label{background:var(--ink);height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;}
.archive-label__title{font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#5A5448;}
.archive-label__meta{font-size:10px;color:#3A3428;letter-spacing:0.04em;}
.archive-label__link{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);}
.archive-strip{display:grid;grid-template-columns:repeat(7,1fr);height:240px;}
.archive-strip__item{position:relative;overflow:hidden;cursor:pointer;border-right:1px solid var(--ink2);display:block;}
.archive-strip__item:last-child{border-right:none;}
.archive-strip__item img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s;}
.archive-strip__item:hover img{transform:scale(1.06);}
.archive-strip__caption{position:absolute;bottom:0;left:0;right:0;background:rgba(10,9,7,0.72);padding:6px 10px;font-size:8px;color:#A09878;text-transform:uppercase;letter-spacing:0.06em;opacity:0;transition:opacity 0.3s;}
.archive-strip__item:hover .archive-strip__caption{opacity:1;}
.archive-strip__more{position:absolute;inset:0;background:rgba(10,9,7,0.78);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;}
.archive-strip__more-num{font-family:var(--font-serif);font-size:30px;font-weight:700;color:var(--white);}
.archive-strip__more-text{font-size:11px;color:#A09878;}

/* ── FOOTER CTA ───────────────────────────────────────────────────────────── */
.footer-cta{background:var(--ink2);border-top:3px solid var(--accent);padding:60px 40px;display:grid;grid-template-columns:1fr 380px;gap:72px;align-items:center;}
.footer-cta__headline{font-family:var(--font-serif);font-size:clamp(22px,2.4vw,32px);color:var(--white);line-height:1.3;}
.footer-cta__headline em{font-style:normal;color:var(--accent);}
.footer-cta__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px;}
.footer-cta__email-label{font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;}
.footer-cta__email-form{display:flex;background:var(--ink3);border:1px solid var(--ink4);border-radius:var(--radius);overflow:hidden;}
.footer-cta__email-input{flex:1;background:transparent;border:none;padding:12px 14px;font-size:14px;color:var(--white);outline:none;}
.footer-cta__email-input::placeholder{color:#404038;}
.footer-cta__email-btn{background:var(--accent);border:none;padding:0 18px;cursor:pointer;font-size:16px;color:var(--accent-text);font-weight:700;transition:filter 0.2s;}
.footer-cta__email-btn:hover{filter:brightness(0.88);}

/* ── FOOTER ───────────────────────────────────────────────────────────────── */
.site-footer{background:var(--ink);border-top:2px solid var(--ink3);padding:52px 40px 28px;}
.site-footer__main{display:grid;grid-template-columns:240px 1fr auto;gap:56px;margin-bottom:44px;}
.site-footer__logo{display:flex;align-items:center;gap:12px;margin-bottom:16px;text-decoration:none;}
.site-footer__logo img.custom-logo{height:36px;width:auto;object-fit:contain;}
.site-footer__wordmark{font-family:var(--font-serif);font-size:20px;font-weight:700;color:var(--white);}
.site-footer__divider{width:2px;height:28px;background:var(--accent);}
.site-footer__name span:first-child{display:block;font-size:10px;font-weight:700;color:var(--accent);letter-spacing:0.08em;text-transform:uppercase;}
.site-footer__name span:last-child{display:block;font-size:9px;color:#4A4840;letter-spacing:0.06em;text-transform:uppercase;}
.site-footer__desc{font-size:12px;color:#4A4840;line-height:1.6;margin-bottom:10px;}
.site-footer__contact{font-size:11px;color:#3A3830;line-height:1.8;}
.site-footer__contact a{color:#3A3830;transition:color 0.2s;}
.site-footer__contact a:hover{color:var(--accent);}
.site-footer__social{display:flex;gap:8px;margin-top:18px;}
.site-footer__social a{width:28px;height:28px;border:1px solid #2A2820;display:flex;align-items:center;justify-content:center;font-size:9px;color:#6A6458;transition:border-color 0.2s,color 0.2s;}
.site-footer__social a:hover{border-color:var(--accent);color:var(--accent);}
.site-footer__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.site-footer__col-title{font-size:9px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;}
.site-footer__col-links{display:flex;flex-direction:column;gap:9px;}
.site-footer__col-links a{font-size:12px;color:#5A5448;transition:color 0.2s;}
.site-footer__col-links a:hover{color:var(--lgrey);}
.site-footer__seal{width:72px;height:72px;border:1px solid #2A2418;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:flex-start;}
.site-footer__seal-text{font-family:var(--font-serif);font-size:15px;font-weight:700;color:var(--accent);}
.site-footer__seal-sub{font-size:7px;color:#3A3020;letter-spacing:0.06em;}
.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--ink3);}
.site-footer__copy{font-size:10px;color:#2A2820;}
.site-footer__legal{display:flex;gap:20px;}
.site-footer__legal a{font-size:10px;color:#2A2820;transition:color 0.2s;}
.site-footer__legal a:hover{color:var(--lgrey);}

/* ── YOUTUBE MODAL ────────────────────────────────────────────────────────── */
.yt-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:1000;align-items:center;justify-content:center;}
.yt-modal.is-open{display:flex;}
.yt-modal__inner{position:relative;width:90%;max-width:900px;aspect-ratio:16/9;}
.yt-modal__inner iframe{width:100%;height:100%;border:none;}
.yt-modal__close{position:absolute;top:-44px;right:0;font-size:30px;color:var(--white);cursor:pointer;background:none;border:none;}

/* ── ANIMATIONS ───────────────────────────────────────────────────────────── */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.fade-up{opacity:0;}
.fade-up.is-visible{animation:fadeUp 0.6s ease forwards;}
.fade-up:nth-child(2){animation-delay:0.1s;}
.fade-up:nth-child(3){animation-delay:0.2s;}
.fade-up:nth-child(4){animation-delay:0.3s;}

/* ── RESPONSIVE ───────────────────────────────────────────────────────────── */
@media(max-width:1024px){
  .programmes__grid{grid-template-columns:1fr 1fr;}
  .prog-card:first-child{grid-row:auto;}
  .dsja__inner{grid-template-columns:340px 1fr;}
  .programmes__layout{grid-template-columns:1fr 1fr;}
  .programmes__photo-col{display:none;}
  .footer-cta{grid-template-columns:1fr;gap:32px;}
  .values-strip__grid{grid-template-columns:repeat(2,1fr);}
  .recognition{display:none;}
  .site-footer__main{grid-template-columns:1fr 1fr;}

  .documentary{grid-template-columns:280px 1fr;}
  .mission{grid-template-columns:160px 1fr 1px 260px;}
}
@media(max-width:768px){
  .programmes__grid{grid-template-columns:1fr;}
  .programmes__header{flex-direction:column;align-items:flex-start;gap:16px;}
  .site-header__nav{display:none;}
  .site-header__cta{display:none;}
  .hamburger{display:flex;}
  .mission{grid-template-columns:1fr;gap:24px;}
  .mission__divider{display:none;}
  .mission__photo,.mission__photo-placeholder{width:120px;height:160px;}
  .dsja__inner{grid-template-columns:1fr;}
  .dsja__photos{padding:0 20px 20px;}
  .programmes__layout{grid-template-columns:1fr;}
  .events-gallery__mosaic{grid-template-columns:1fr 1fr;grid-template-rows:200px 150px 150px;}
  .events-gallery__item:nth-child(1){grid-column:1/3;grid-row:1;}
  .events-gallery__item:nth-child(2){grid-column:1;grid-row:2;}
  .events-gallery__item:nth-child(3){grid-column:2;grid-row:2;}
  .events-gallery__item:nth-child(4){grid-column:1;grid-row:3;}
  .events-gallery__item:nth-child(5){grid-column:2;grid-row:3;}
  .voices__card{flex:0 0 260px;}
  .news__grid{grid-template-columns:1fr;}
  .archive-strip{grid-template-columns:repeat(3,1fr);height:auto;}
  .archive-strip__item{height:120px;}
  .values-strip__grid{grid-template-columns:1fr 1fr;}
  .site-footer__main{grid-template-columns:1fr;gap:28px;}
  .site-footer__cols{grid-template-columns:1fr 1fr;}
  .footer-cta{padding:40px 20px;}
  .site-header{padding:0 20px;}
  .values__grid{grid-template-columns:1fr 1fr;height:auto;}
  .values__item{padding:20px;border-bottom:1px solid var(--warm);}
  .documentary{grid-template-columns:1fr;}
  .documentary__poster{height:280px;}
  .documentary__body{padding:32px 24px;}
}
@media(max-width:480px){
  .archive-strip{grid-template-columns:repeat(2,1fr);}
  .archive-label{flex-direction:column;height:auto;padding:12px 20px;gap:6px;text-align:center;}
  .archive-label__meta{display:none;}
  .hero__headline{font-size:clamp(34px,9vw,52px);}
  .ticker__track span{padding:0 16px;}
  .dsja__title{font-size:28px;}
  .news__grid{grid-template-columns:1fr;}
  .events-gallery__mosaic{grid-template-columns:1fr;grid-template-rows:auto;}
  .events-gallery__item{height:200px;}
  .site-footer__cols{grid-template-columns:1fr;}
  .documentary__episodes{flex-direction:column;gap:20px;}
}

/* ── NAV SOCIAL ICONS ─────────────────────────────────────────────────────── */
.site-header__social {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 16px;
}
.site-header__social-link {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #8A8278;
  border: 1px solid #2A2820;
  border-radius: 2px;
  transition: color 0.2s, border-color 0.2s;
  text-decoration: none;
}
.site-header__social-link:hover {
  color: var(--accent);
  border-color: var(--accent);
}
/* Hide social icons on small screens — show hamburger only */
@media (max-width: 768px) {
  .site-header__social { display: none; }
}

/* Mobile nav social icons */
.mobile-nav__social {
  display: flex;
  gap: 10px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--ink3);
}
.mobile-nav__social a {
  width: 36px;
  height: 36px;
  border: 1px solid #2A2820;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  color: #7A7268;
  font-family: var(--font-sans);
  padding: 0;
  transition: color 0.2s, border-color 0.2s;
}
.mobile-nav__social a:hover {
  color: var(--accent);
  border-color: var(--accent);
}

/* ── FONT AWESOME ICON SIZING ─────────────────────────────────────────────── */
.site-header__social-link i,
.site-footer__social a i,
.mobile-nav__social a i {
  font-size: 13px;
  line-height: 1;
}
.site-header__social-link {
  font-size: 13px;
}
.site-footer__social a {
  font-size: 13px;
}
.mobile-nav__social a {
  font-size: 14px;
}



.aw-winner{
    display:flex !important;
    flex-direction:column !important;
}

.aw-winner-photo{
    display:block !important;
    width:100% !important;
}

.aw-winner-body{
    display:block !important;
    width:100% !important;
}