/* ========== COMPANY STORY ========== */
.company-story{
  padding:var(--section-pad);background:var(--ivory);
}
.story-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
}
.story-text p{
  font-size:1.05rem;line-height:1.9;margin-bottom:20px;
  font-weight:300;color:rgba(12,27,51,.8);
}
.story-text p:first-of-type::first-letter{
  font-family:'Poiret One',cursive;font-size:3.5rem;float:left;
  line-height:1;margin-right:10px;color:var(--gold);margin-top:4px;
}

/* ========== MISSION & VALUES ========== */
.values-section{
  padding:var(--section-pad);background:var(--navy);
}
.values-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;
}
.value-card{
  background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.15);
  padding:44px 30px;text-align:center;transition:all .4s;
}
.value-card:hover{
  border-color:rgba(201,168,76,.35);transform:translateY(-4px);
  box-shadow:0 15px 40px rgba(0,0,0,.25);
}
.value-card .value-icon{width:56px;height:56px;margin:0 auto 20px}
.value-card .value-icon svg{width:100%;height:100%}
.value-card h3{
  font-size:1.15rem;color:var(--champagne);letter-spacing:2px;
  text-transform:uppercase;margin-bottom:12px;
}
.value-card p{
  color:rgba(240,232,212,.55);font-size:.92rem;line-height:1.8;font-weight:300;
}

/* ========== TEAM SECTION ========== */
.team-section{
  padding:var(--section-pad);background:var(--ivory);
}
.team-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;
}
.team-card{
  text-align:center;padding:40px 24px;
  border:1px solid rgba(201,168,76,.15);transition:all .4s;
}
.team-card:hover{
  box-shadow:0 12px 35px rgba(12,27,51,.08);transform:translateY(-4px);
}
.team-avatar{
  width:100px;height:100px;margin:0 auto 20px;
  border-radius:50%;background:var(--navy);
  display:flex;align-items:center;justify-content:center;
  border:2px solid var(--gold);
}
.team-avatar svg{width:48px;height:48px}
.team-card h3{
  font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--navy);margin-bottom:6px;
}
.team-card .team-role{
  font-size:.82rem;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);font-weight:500;margin-bottom:14px;
}
.team-card p{
  font-size:.9rem;color:rgba(12,27,51,.6);line-height:1.7;font-weight:300;
}

/* ========== RESPONSIVE ========== */
@media(max-width:1024px){
  .story-grid{grid-template-columns:1fr;gap:50px}
  .story-grid .about-visual{order:-1}
}
@media(max-width:768px){
  .values-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .team-grid{grid-template-columns:1fr}
  .value-card{padding:32px 20px}
  .value-card h3{font-size:1rem;letter-spacing:1.5px}
  .team-card{padding:30px 16px}
  .team-card h3{font-size:1rem;letter-spacing:1.5px}
}