/* Organization showcase: one featured brand and four spacious partner tiles. */
.about-story .org-showcase .story-directory {
  display: block;
  width: min(1140px, calc(100% - 48px));
}
.about-story .org-showcase .story-intro {
  width: min(720px, 100%);
  margin: 0 auto 38px;
  text-align: center;
}
.about-story .org-showcase .story-label {
  color: #d8bd79 !important;
  font-size: 13px;
  margin-bottom: 14px;
  letter-spacing: .12em;
}
.about-story .org-showcase h2 {
  font-size: clamp(32px, 3.6vw, 48px);
  line-height: 1.4 !important;
  font-weight: 600;
}
.about-story .org-showcase h2 br { display: none; }
.about-story .org-showcase h2 span { white-space: nowrap; }
.about-story .org-showcase .story-intro > p:last-child {
  width: 100%; max-width: 640px; margin: 16px auto 0;
  font-size: 16px; line-height: 1.8;
  color: #b8c5bc !important;
}
.about-story .org-showcase .story-organizations {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.about-story .org-showcase .story-org {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  position: relative;
  min-width: 0;
  margin: 0 !important;
  padding: 30px !important;
  border: 1px solid rgba(165, 200, 171, .14) !important;
  border-radius: 24px !important;
  background: linear-gradient(135deg, rgba(19,38,28,.92), rgba(8,20,14,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  overflow: hidden;
  opacity: 1 !important;
  transform: none !important;
}
.about-story .org-showcase .story-org::before,
.about-story .org-showcase .story-org::after { content: none !important; }
.about-story .org-showcase .story-org-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 156px;
  height: 56px;
  margin: 0;
  padding: 0;
  background: transparent !important;
}
.about-story .org-showcase .story-org-logo img {
  display: block;
  width: auto;
  max-width: 156px;
  height: auto;
  max-height: 56px;
  object-fit: contain;
  border-radius: 0;
  background: transparent !important;
}
.about-story .org-showcase .story-org > div:last-child {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.about-story .org-showcase .story-org h3 {
  order: -1;
  margin: 0 0 6px;
  color: #f2f2e9 !important;
  font-size: clamp(23px, 2.1vw, 28px);
  line-height: 1.4 !important;
  font-weight: 600;
}
.about-story .org-showcase .story-role {
  color: #bdccbc !important;
  font-size: 14px;
  line-height: 1.65;
  margin: 0 0 14px;
}
.about-story .org-showcase .story-org p:last-child {
  color: #afbeb4 !important;
  font-size: 16px;
  line-height: 1.85;
  max-width: 49ch;
}
.about-story .org-showcase .story-org:first-child {
  grid-column: 1 / -1;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  padding: 32px 40px !important;
  background: radial-gradient(ellipse at 8% 40%, rgba(105,165,106,.18), transparent 65%), linear-gradient(115deg, #173c2a, #10261b 70%, #292819) !important;
  border-color: rgba(201,182,120,.24) !important;
}
.about-story .org-showcase .story-org:first-child .story-org-logo {
  flex: 0 0 88px;
  width: 88px;
  height: 88px;
}
.about-story .org-showcase .story-org:first-child .story-org-logo img {
  width: 88px; height: 88px; max-height: none; border-radius: 50%;
}
.about-story .org-showcase .story-org:first-child h3 { font-size: 30px; }
.about-story .org-showcase .story-org:first-child p:last-child { max-width: 75ch; }
.about-story .org-showcase .story-org:first-child .story-role { color: #decd9b !important; margin-bottom: 8px; }
@media (max-width: 680px) {
  .about-story .org-showcase .story-directory { width: calc(100% - 32px); }
  .about-story .org-showcase .story-intro { margin-bottom: 26px; }
  .about-story .org-showcase h2 { font-size: clamp(29px, 7.8vw, 38px); }
  .about-story .org-showcase h2 br { display: initial; }
  .about-story .org-showcase .story-organizations { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .about-story .org-showcase .story-org { padding: 24px !important; gap: 18px; border-radius: 20px !important; }
  .about-story .org-showcase .story-org:first-child { flex-direction: column; align-items: flex-start; padding: 26px !important; gap: 20px; }
  .about-story .org-showcase .story-org:first-child .story-org-logo { flex-basis: 68px; width: 68px; height: 68px; }
  .about-story .org-showcase .story-org:first-child .story-org-logo img { width: 68px; height: 68px; }
}