.philosophy-hero { min-height: 380px; display: flex; align-items: center; text-align: center; }
.philosophy-hero .container { margin-inline: auto; }
.philosophy-hero h1 { margin-inline: auto; }
.philosophy-hero p { max-width: 640px; margin-inline: auto; font-size: 19px; line-height: 1.6; }

.philosophy-section { padding: 100px 0 130px; }
.philosophy-values { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.philosophy-values article { display: flex; min-height: 220px; flex-direction: column; align-items: center; justify-content: center; gap: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 32px; text-align: center; }
.philosophy-values article > span { color: var(--green); font-size: 11px; letter-spacing: .12em; }
.philosophy-values h3 { margin: 0; font-family: "Manrope", sans-serif; font-size: 28px; letter-spacing: -.02em; }

@media (max-width: 1000px) {
  .philosophy-values { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  .philosophy-hero { min-height: 300px; padding: 150px 0 60px; }
  .philosophy-hero h1 { font-size: 40px; }
  .philosophy-hero p { font-size: 16px; }
  .philosophy-section { padding: 60px 0 80px; }
  .philosophy-values { grid-template-columns: 1fr; }
  .philosophy-values article { min-height: 160px; padding: 26px; }
}