/* ========== Colony Strategies Page-Specific Styles ========== */
.hero-strategies {
  margin-top: var(--space-8);
  margin-bottom: var(--space-8);
}
.strategies-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-12);
  flex-wrap: wrap;
}
.hero-text {
  flex: 1 1 320px;
}
.hero-text .lead {
  font-size: var(--font-size-md);
  margin-top: var(--space-2);
  color: var(--color-gray-200);
}
.hero-img {
  flex: 0 0 376px;
  max-width: 376px;
  min-width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  background: linear-gradient(120deg, var(--color-primary) 40%, var(--color-background) 120%);
  box-shadow: var(--shadow-lg);
  padding: var(--space-5);
}

/* Section spacing */
.section-strategy,.section-solutions,.section-success,.section-team,.section-insights,.section-services,.section-cta {
  margin-bottom: var(--space-12);
}
.section-strategy p { color: var(--color-gray-200); font-size: var(--font-size-md); }

/***** Solutions Grid *****/
.solutions-grid {
  display: grid;
  gap: var(--space-5);
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  margin-top: var(--space-4);
}

/***** Success Stories *****/
.success-stories-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-5);
  margin-top: var(--space-3);
}
.testimonial {
  border-left: 5px solid var(--color-primary-accent);
  font-size: var(--font-size-base);
  background: linear-gradient(110deg, var(--color-background) 60%, var(--color-surface) 120%);
}
.testimonial footer {
  color: var(--color-gray-300);
  margin-top: var(--space-2);
  font-size: var(--font-size-sm);
}

/***** Team Grid *****/
.team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: var(--space-6) var(--space-6);
  margin-top: var(--space-3);
  align-items: start;
}
.team-member {
  text-align: center;
  padding: var(--space-5) var(--space-3);
  background: linear-gradient(120deg, var(--color-surface) 80%, var(--color-background) 120%);
}
.team-member img {
  border-radius: 50%;
  margin-bottom: var(--space-2);
  box-shadow: 0 2px 12px rgba(77,119,255,0.15);
}
.team-member strong {
  color: var(--color-primary-accent);
}
.team-member span {
  color: var(--color-gray-300);
  font-size: var(--font-size-xs);
}

/***** Industry Insights List *****/
.insights-list {
  display: grid;
  gap: var(--space-5);
  margin-top: var(--space-3);
}
.insight-post h3 {
  font-size: var(--font-size-md);
  margin-bottom: var(--space-1);
}
.insight-post p {
  color: var(--color-gray-200);
}
.insight-post time {
  color: var(--color-primary-accent);
  font-size: var(--font-size-xs);
  float: right;
  margin-top: var(--space-2);
}

/***** Services List *****/
.services-list {
  list-style: none;
  margin-top: var(--space-3);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-3);
  font-size: var(--font-size-md);
}
.services-list li {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  background: linear-gradient(120deg, var(--color-background) 65%, var(--color-surface) 110%);
  border-radius: var(--radius);
  padding: var(--space-3);
}
.services-list .icon {
  font-size: 1.5em;
}

/***** Call-to-action Section *****/
.section-cta {
  text-align: center;
  margin-top: var(--space-12);
  margin-bottom: var(--space-12);
}
.cta-button {
  margin-top: var(--space-3);
  font-size: var(--font-size-lg);
  padding: var(--space-3) var(--space-8);
}
.cta-link {
  color: var(--color-success);
  text-decoration: underline;
  transition: color var(--transition-fast);
}
.cta-link:hover, .cta-link:focus { color: var(--color-primary-accent); }

@media (max-width: 1050px) {
  .strategies-hero { flex-direction: column; gap: var(--space-6); }
  .hero-img { margin-top: var(--space-3); }
}
@media (max-width: 700px) {
  .hero-img { padding: var(--space-3); min-width: 0; max-width: 100%; }
  .solutions-grid,.success-stories-grid,.team-grid,.insights-list, .services-list { grid-template-columns: 1fr; }
  .services-list li { justify-content: flex-start; }
}
/***** Accessibility Tweaks *****/
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; white-space: nowrap; }