/* v52 — About-section partners polish.
   Scope: homepage only. Keeps the dedicated Partners page untouched. */

.page--home .aboutPartnersShowcase{
  margin-top: clamp(24px, 3vw, 38px) !important;
  margin-bottom: clamp(26px, 3.4vw, 44px) !important;
  gap: clamp(24px, 3vw, 34px) !important;
}

.page--home .aboutPartnersShowcase .partnerGroup{
  gap: clamp(14px, 1.8vw, 20px) !important;
}

.page--home .aboutPartnersShowcase .partnerGroupHead{ max-width: 860px; }

.page--home .aboutPartnersShowcase .partnerGroupHead h3{
  margin-bottom: 6px !important;
  letter-spacing: -.015em;
}

.page--home .aboutPartnersShowcase .partnerGroupHead .muted{
  max-width: 820px;
  line-height: 1.55;
}

.page--home .aboutPartnersShowcase .logoStage{
  grid-template-columns: repeat(auto-fit, minmax(172px, 1fr)) !important;
  gap: clamp(12px, 1.4vw, 16px) !important;
}

.page--home .aboutPartnersShowcase .partnerCard{
  min-height: clamp(150px, 14vw, 184px) !important;
  padding: clamp(16px, 1.65vw, 22px) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 50% 8%, rgba(197,144,76,.10), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)) !important;
  border-color: rgba(255,255,255,.13) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 40px rgba(0,0,0,.20) !important;
}

.page--home .aboutPartnersShowcase .partnerLogoWrap{
  min-height: 54px !important;
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: clamp(14px, 1.5vw, 20px) !important;
}

.page--home .aboutPartnersShowcase .partnerLogoWrap img{
  max-height: 44px !important;
  max-width: 72% !important;
  object-fit: contain !important;
}

.page--home .aboutPartnersShowcase .partnerName{
  font-size: clamp(16px, 1.35vw, 21px) !important;
  line-height: 1.13 !important;
  letter-spacing: -.018em !important;
  margin-bottom: 8px !important;
}

.page--home .aboutPartnersShowcase .partnerRole{
  font-size: clamp(11px, .86vw, 13px) !important;
  line-height: 1.42 !important;
  letter-spacing: .18em !important;
  opacity: .76 !important;
}

.page--home .aboutPartnersShowcase .sectionTools{ margin-top: 0 !important; }

@media (min-width: 1120px){
  .page--home .aboutPartnersShowcase .logoStage{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .page--home .aboutPartnersShowcase .logoStage.diplomatic{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 720px){
  .page--home .aboutPartnersShowcase{ margin-top: 22px !important; margin-bottom: 30px !important; }
  .page--home .aboutPartnersShowcase .logoStage{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .page--home .aboutPartnersShowcase .partnerCard{
    min-height: 142px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }
  .page--home .aboutPartnersShowcase .partnerLogoWrap{
    height: 42px !important;
    min-height: 42px !important;
    margin-bottom: 12px !important;
  }
  .page--home .aboutPartnersShowcase .partnerLogoWrap img{
    max-height: 34px !important;
    max-width: 78% !important;
  }
  .page--home .aboutPartnersShowcase .partnerName{
    font-size: 15.5px !important;
    line-height: 1.12 !important;
  }
  .page--home .aboutPartnersShowcase .partnerRole{
    font-size: 10.5px !important;
    letter-spacing: .14em !important;
  }
}

@media (max-width: 390px){
  .page--home .aboutPartnersShowcase .partnerCard{
    min-height: 134px !important;
    padding: 13px !important;
  }
  .page--home .aboutPartnersShowcase .partnerName{ font-size: 14.5px !important; }
  .page--home .aboutPartnersShowcase .partnerRole{ font-size: 10px !important; }
}


/* v74 — Partner grid rebuilt as institutional hierarchy, not a flat logo wall. */
.partnersShowcase--tiered{
  display:grid !important;
  gap:clamp(32px,4vw,58px) !important;
}

.partnersShowcase--tiered .partnerGroup{
  display:grid !important;
  gap:clamp(16px,2vw,24px) !important;
}

.partnersShowcase--tiered .partnerGroupHead{
  max-width:900px !important;
}

.partnersShowcase--tiered .partnerTierLabel{
  margin:0 0 8px !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
  color:rgba(216,180,93,.78) !important;
}

.partnersShowcase--tiered .partnerGroupHead h3{
  margin:0 0 8px !important;
}

.partnersShowcase--tiered .partnerGroupHead .muted{
  max-width:820px !important;
}

.partnersShowcase--tiered .logoStage{
  display:grid !important;
  gap:clamp(12px,1.4vw,18px) !important;
}

.partnersShowcase--tiered .logoStage--principal{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.partnersShowcase--tiered .logoStage--cultural{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.partnersShowcase--tiered .logoStage--diplomatic{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

.partnersShowcase--tiered .partnerCard{
  position:relative !important;
  overflow:hidden !important;
  border-radius:22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(216,180,93,.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.012)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 18px 42px rgba(0,0,0,.20) !important;
}

.partnersShowcase--tiered .partnerCard::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(135deg, rgba(216,180,93,.10), transparent 38%, rgba(130,22,24,.08)) !important;
  opacity:.55 !important;
}

.partnersShowcase--tiered .partnerCard--principal{
  min-height:clamp(190px,18vw,230px) !important;
  padding:clamp(22px,2.2vw,30px) !important;
  border-color:rgba(216,180,93,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 22px 60px rgba(0,0,0,.26),
    0 0 0 1px rgba(216,180,93,.05) !important;
}

.partnersShowcase--tiered .partnerCard--cultural{
  min-height:clamp(158px,14vw,184px) !important;
  padding:clamp(18px,1.7vw,24px) !important;
}

.partnersShowcase--tiered .partnerCard--diplomatic{
  min-height:clamp(132px,12vw,158px) !important;
  padding:clamp(15px,1.35vw,19px) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(216,180,93,.07), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.01)) !important;
}

.partnersShowcase--tiered .partnerLogoWrap{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 0 clamp(12px,1.4vw,18px) !important;
}

.partnersShowcase--tiered .partnerCard--principal .partnerLogoWrap{
  height:76px !important;
  min-height:76px !important;
}

.partnersShowcase--tiered .partnerCard--cultural .partnerLogoWrap{
  height:58px !important;
  min-height:58px !important;
}

.partnersShowcase--tiered .partnerCard--diplomatic .partnerLogoWrap{
  height:42px !important;
  min-height:42px !important;
}

.partnersShowcase--tiered .partnerLogoWrap img{
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  opacity:.88 !important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.24)) !important;
}

.partnersShowcase--tiered .partnerCard--principal .partnerLogoWrap img{
  max-width:78% !important;
  max-height:70px !important;
}

.partnersShowcase--tiered .partnerCard--cultural .partnerLogoWrap img{
  max-width:74% !important;
  max-height:50px !important;
}

.partnersShowcase--tiered .partnerCard--diplomatic .partnerLogoWrap img{
  max-width:70% !important;
  max-height:38px !important;
  opacity:.80 !important;
}

.partnersShowcase--tiered .partnerMeta{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  gap:6px !important;
}

.partnersShowcase--tiered .partnerName{
  margin:0 !important;
  color:rgba(249,241,224,.94) !important;
  font-family:var(--serif, "Cormorant Garamond", "EB Garamond", Georgia, serif) !important;
  font-weight:560 !important;
  letter-spacing:-.015em !important;
  line-height:1.08 !important;
}

.partnersShowcase--tiered .partnerCard--principal .partnerName{
  font-size:clamp(21px,2vw,30px) !important;
}

.partnersShowcase--tiered .partnerCard--cultural .partnerName{
  font-size:clamp(17px,1.35vw,22px) !important;
}

.partnersShowcase--tiered .partnerCard--diplomatic .partnerName{
  font-size:clamp(14px,1.05vw,17px) !important;
  line-height:1.12 !important;
}

.partnersShowcase--tiered .partnerRole{
  margin:0 !important;
  color:rgba(216,202,174,.66) !important;
  font-size:10.5px !important;
  line-height:1.35 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.partnersShowcase--tiered .diplomaticGlyph{
  width:42px !important;
  height:42px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(216,180,93,.36) !important;
  background:
    radial-gradient(circle at 50% 20%, rgba(216,180,93,.22), rgba(216,180,93,.05) 52%, rgba(0,0,0,.10)) !important;
  color:rgba(236,215,164,.86) !important;
  box-shadow:inset 0 0 16px rgba(216,180,93,.08), 0 8px 18px rgba(0,0,0,.20) !important;
}

.partnersShowcase--tiered .diplomaticGlyph span{
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.16em !important;
}

.partnersShowcase--tiered .partnerCard:hover,
.partnersShowcase--tiered .partnerCard:focus-within{
  transform:translateY(-3px) !important;
  border-color:rgba(216,180,93,.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 24px 62px rgba(0,0,0,.30) !important;
}

.aboutPartnersShowcase.partnersShowcase--tiered{
  margin-top:clamp(34px,5vw,70px) !important;
}

@media (max-width:980px){
  .partnersShowcase--tiered .logoStage--principal,
  .partnersShowcase--tiered .logoStage--cultural{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .partnersShowcase--tiered .logoStage--diplomatic{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width:640px){
  .partnersShowcase--tiered{
    gap:30px !important;
  }
  .partnersShowcase--tiered .logoStage--principal,
  .partnersShowcase--tiered .logoStage--cultural,
  .partnersShowcase--tiered .logoStage--diplomatic{
    grid-template-columns:1fr !important;
  }
  .partnersShowcase--tiered .partnerCard--principal,
  .partnersShowcase--tiered .partnerCard--cultural,
  .partnersShowcase--tiered .partnerCard--diplomatic{
    min-height:128px !important;
    padding:16px !important;
    border-radius:18px !important;
  }
  .partnersShowcase--tiered .partnerCard--principal .partnerLogoWrap,
  .partnersShowcase--tiered .partnerCard--cultural .partnerLogoWrap,
  .partnersShowcase--tiered .partnerCard--diplomatic .partnerLogoWrap{
    height:42px !important;
    min-height:42px !important;
    margin-bottom:12px !important;
  }
  .partnersShowcase--tiered .partnerCard--principal .partnerLogoWrap img,
  .partnersShowcase--tiered .partnerCard--cultural .partnerLogoWrap img,
  .partnersShowcase--tiered .partnerCard--diplomatic .partnerLogoWrap img{
    max-height:36px !important;
    max-width:70% !important;
  }
  .partnersShowcase--tiered .partnerCard--principal .partnerName,
  .partnersShowcase--tiered .partnerCard--cultural .partnerName,
  .partnersShowcase--tiered .partnerCard--diplomatic .partnerName{
    font-size:16px !important;
  }
  .partnersShowcase--tiered .partnerRole{
    font-size:9.8px !important;
    letter-spacing:.145em !important;
  }
}


/* v75 — restore partner logo legibility.
   Keeps the tier hierarchy but stops destructive monochrome conversion. */
.partnersShowcase--tiered .partnerLogoWrap{
  overflow:visible !important;
}

.partnersShowcase--tiered .partnerLogoWrap img{
  opacity:.92 !important;
  mix-blend-mode:normal !important;
  filter:
    grayscale(.18)
    saturate(.78)
    contrast(.98)
    brightness(.96)
    drop-shadow(0 10px 18px rgba(0,0,0,.28)) !important;
}

/* Principal institutions need real visual recognition, not flattened blocks. */
.partnersShowcase--tiered .partnerCard--principal .partnerLogoWrap img{
  max-width:82% !important;
  max-height:68px !important;
  opacity:.94 !important;
  filter:
    grayscale(.08)
    saturate(.82)
    contrast(.98)
    brightness(.98)
    drop-shadow(0 10px 20px rgba(0,0,0,.30)) !important;
}

/* Cultural foundations stay calmer, but still readable. */
.partnersShowcase--tiered .partnerCard--cultural .partnerLogoWrap img{
  max-width:78% !important;
  max-height:50px !important;
  opacity:.90 !important;
  filter:
    grayscale(.22)
    saturate(.70)
    contrast(.96)
    brightness(.95)
    drop-shadow(0 8px 16px rgba(0,0,0,.26)) !important;
}

/* Diplomatic logos are small, but must not disappear. */
.partnersShowcase--tiered .partnerCard--diplomatic .partnerLogoWrap img{
  max-width:76% !important;
  max-height:42px !important;
  opacity:.90 !important;
  filter:
    grayscale(.18)
    saturate(.74)
    contrast(.98)
    brightness(.98)
    drop-shadow(0 8px 16px rgba(0,0,0,.26)) !important;
}

/* Logos that are naturally dark need a subtle lit backing so they do not vanish. */
.partnersShowcase--tiered .partnerLogoWrap{
  border-radius:14px !important;
}

.partnersShowcase--tiered .partnerCard--principal .partnerLogoWrap::before,
.partnersShowcase--tiered .partnerCard--cultural .partnerLogoWrap::before,
.partnersShowcase--tiered .partnerCard--diplomatic .partnerLogoWrap::before{
  content:"" !important;
  position:absolute !important;
  inset:50% auto auto 50% !important;
  width:70% !important;
  height:64px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(236,215,164,.09), transparent 70%) !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

@media (max-width:640px){
  .partnersShowcase--tiered .partnerCard--principal .partnerLogoWrap img,
  .partnersShowcase--tiered .partnerCard--cultural .partnerLogoWrap img,
  .partnersShowcase--tiered .partnerCard--diplomatic .partnerLogoWrap img{
    max-height:40px !important;
    max-width:78% !important;
  }
}


/* v83 — restore the four Danish diplomatic logos and scale logos slightly larger */
.partnersShowcase--tiered .partnerCard--principal .partnerLogoWrap{
  height:82px !important;
  min-height:82px !important;
}
.partnersShowcase--tiered .partnerCard--cultural .partnerLogoWrap{
  height:62px !important;
  min-height:62px !important;
}
.partnersShowcase--tiered .partnerCard--diplomatic .partnerLogoWrap{
  height:50px !important;
  min-height:50px !important;
}
.partnersShowcase--tiered .partnerCard--principal .partnerLogoWrap img{
  max-width:86% !important;
  max-height:74px !important;
}
.partnersShowcase--tiered .partnerCard--cultural .partnerLogoWrap img{
  max-width:82% !important;
  max-height:54px !important;
}
.partnersShowcase--tiered .partnerCard--diplomatic .partnerLogoWrap img{
  max-width:84% !important;
  max-height:48px !important;
  opacity:.93 !important;
}
@media (max-width:640px){
  .partnersShowcase--tiered .partnerCard--principal .partnerLogoWrap{
    height:76px !important;
    min-height:76px !important;
  }
  .partnersShowcase--tiered .partnerCard--cultural .partnerLogoWrap{
    height:58px !important;
    min-height:58px !important;
  }
  .partnersShowcase--tiered .partnerCard--diplomatic .partnerLogoWrap{
    height:46px !important;
    min-height:46px !important;
  }
  .partnersShowcase--tiered .partnerCard--principal .partnerLogoWrap img{
    max-height:48px !important;
    max-width:84% !important;
  }
  .partnersShowcase--tiered .partnerCard--cultural .partnerLogoWrap img,
  .partnersShowcase--tiered .partnerCard--diplomatic .partnerLogoWrap img{
    max-height:44px !important;
    max-width:82% !important;
  }
}


/* v86 — overall institutional framing above the logo hierarchy */
.partnersShowcase--tiered .partnerOverallFrame{
  max-width:980px !important;
  margin:0 0 clamp(8px, 1.2vw, 14px) !important;
  padding:0 0 clamp(8px, 1.2vw, 14px) !important;
}

.partnersShowcase--tiered .partnerOverallFrame h2{
  margin:0 0 clamp(10px, 1.2vw, 14px) !important;
  font-family:var(--serif, "Cormorant Garamond", "EB Garamond", Georgia, serif) !important;
  font-size:clamp(29px, 4vw, 54px) !important;
  line-height:.96 !important;
  letter-spacing:-.035em !important;
  font-weight:540 !important;
  color:rgba(249,241,224,.96) !important;
}

.partnersShowcase--tiered .partnerOverallFrame p{
  max-width:900px !important;
  margin:0 !important;
  font-size:clamp(15px, 1.18vw, 18px) !important;
  line-height:1.55 !important;
  color:rgba(216,202,174,.76) !important;
}

.partnersShowcase--tiered .partnerOverallFrame + .partnerGroup{
  margin-top:clamp(12px, 2vw, 24px) !important;
}

@media (max-width:640px){
  .partnersShowcase--tiered .partnerOverallFrame h2{
    font-size:clamp(27px, 8vw, 36px) !important;
    line-height:1 !important;
  }

  .partnersShowcase--tiered .partnerOverallFrame p{
    font-size:14.5px !important;
    line-height:1.5 !important;
  }
}


/* Governance & Civic-Cultural Roles — surgical homepage addition */
.page--home .governanceRoles{
  width: min(var(--max), calc(100% - 2rem));
  margin: clamp(34px, 5vw, 66px) auto 0;
  padding: clamp(22px, 3vw, 34px) clamp(22px, 4vw, 44px);
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(216,180,93,.34);
  background:
    radial-gradient(650px 260px at 18% 0%, rgba(216,180,93,.10), transparent 62%),
    radial-gradient(520px 260px at 92% 28%, rgba(109,18,32,.22), transparent 66%),
    linear-gradient(135deg, rgba(10,8,7,.92), rgba(42,18,15,.78));
  box-shadow:
    0 26px 70px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05);
}
.page--home .governanceRoles::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 44px 44px;
  mix-blend-mode: screen;
}
.page--home .governanceRoles__eyebrow,
.page--home .governanceRoles__text{
  position:relative;
  z-index:1;
}
.page--home .governanceRoles__eyebrow{
  margin: 0 0 .72rem;
  color: rgba(216,180,93,.94);
  font-size: clamp(.86rem, 1vw, .98rem);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.page--home .governanceRoles__text{
  margin: 0;
  max-width: 1040px;
  color: rgba(241,234,223,.88);
  font-size: clamp(1rem, 1.34vw, 1.22rem);
  line-height: 1.62;
}
.page--home .governanceRoles__text a{
  color: rgba(255,246,225,.96);
  font-weight: 760;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
  text-decoration-color: rgba(216,180,93,.56);
}
.page--home .governanceRoles__text a:hover{
  color: #fff7df;
  text-decoration-color: rgba(216,180,93,.96);
}
@media (max-width: 700px){
  .page--home .governanceRoles{
    width: calc(100% - 1.2rem);
    margin-top: 30px;
    padding: 21px 18px;
    border-radius: 14px;
  }
  .page--home .governanceRoles__text{
    font-size: 1rem;
    line-height: 1.58;
  }
}