/* Culture Page Styles */
.mission-vision { padding: 6rem 0; background: white; }
.mv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; }
.mv-card { padding: 3rem; border-radius: 15px; background: var(--bg-light-gray); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.mv-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }
.mv-icon { margin-bottom: 1.5rem; }
.mv-title { font-size: 1.75rem; margin-bottom: 1rem; }
.mv-text { line-height: 1.7; }

.core-values { padding: 6rem 0; background: var(--bg-light-gray); }
.values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; }
.value-card { background: white; padding: 2.5rem; border-radius: 15px; text-align: center; transition: transform 0.3s ease; }
.value-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }
.value-icon { margin-bottom: 1.5rem; }
.value-title { font-size: 1.5rem; margin-bottom: 1rem; }
.value-text { color: var(--text-light); line-height: 1.7; }

.team-section { padding: 6rem 0; background: white; }
.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2.5rem; }
.team-card { text-align: center; padding: 2rem; }
.team-avatar { margin-bottom: 1.5rem; }
.team-name { font-size: 1.25rem; margin-bottom: 0.5rem; }
.team-position { color: var(--primary-color); font-weight: 600; margin-bottom: 1rem; }
.team-bio { color: var(--text-light); line-height: 1.6; }

.work-environment { padding: 6rem 0; background: var(--bg-light-gray); }
.env-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.env-title { font-size: 2.5rem; margin-bottom: 1.5rem; }
.env-description { font-size: 1.125rem; line-height: 1.8; margin-bottom: 2rem; }
.env-features { display: flex; flex-direction: column; gap: 1rem; }
.env-feature { display: flex; align-items: center; gap: 1rem; }
.env-visual svg { max-width: 100%; height: auto; }

.global-presence { padding: 6rem 0; background: white; }
.presence-visual { max-width: 800px; margin: 0 auto; }
.presence-visual svg { max-width: 100%; height: auto; }

@media (max-width: 768px) {
    .env-content { grid-template-columns: 1fr; }
    .env-visual { order: -1; }
}