/* ===== ABOUT PAGE ===== */
.story-section{background:var(--white);}
.story-grid{display:flex;flex-direction:column;gap:clamp(40px,6vw,80px);}
@media (min-width:768px){.story-grid{flex-direction:row;align-items:center;}}
.story-visual,.story-content{flex:1;}

.story-blocks-wrap{position:relative;height:clamp(240px,35vw,400px);}
.story-block{position:absolute;border-radius:var(--radius-lg);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}
.story-block-icon{font-size:clamp(1.2rem,2.5vw,1.8rem);}
.story-block span{font-family:var(--font-display);font-size:clamp(0.7rem,1.5vw,0.8rem);
  font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}
.sb1{width:clamp(130px,20vw,190px);height:clamp(130px,20vw,190px);
  background:var(--accent);color:var(--white);top:0;left:0;box-shadow:var(--shadow-accent);}
.sb2{width:clamp(110px,17vw,160px);height:clamp(110px,17vw,160px);
  background:var(--white);border:1.5px solid var(--border);color:var(--text-main);
  top:clamp(40px,8vw,60px);right:0;box-shadow:var(--shadow-md);}
.sb3{width:clamp(160px,25vw,220px);height:clamp(70px,12vw,100px);
  background:var(--off-white);border:1.5px solid var(--border);color:var(--text-muted);
  bottom:clamp(20px,4vw,40px);left:clamp(20px,4vw,30px);box-shadow:var(--shadow-sm);}
.story-badge{position:absolute;bottom:0;right:clamp(4px,2vw,10px);
  background:var(--text-main);color:var(--white);border-radius:var(--radius-md);
  padding:clamp(10px,2vw,14px) clamp(14px,2.5vw,20px);
  font-family:var(--font-display);font-size:clamp(0.68rem,1.5vw,0.78rem);font-weight:700;}
.story-badge strong{display:block;font-size:clamp(1.2rem,3vw,1.6rem);letter-spacing:-0.03em;}

.story-content .section-eyebrow{margin-bottom:16px;}
.story-content h2{font-family:var(--font-display);
  font-size:clamp(1.5rem,3.5vw,2.6rem);font-weight:800;color:var(--text-main);
  line-height:1.2;letter-spacing:-0.02em;margin-bottom:20px;}
.story-content h2 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent);}
.story-content p{font-size:clamp(0.875rem,2vw,0.95rem);color:var(--text-muted);line-height:1.8;margin-bottom:16px;}
.story-content .btn{margin-top:12px;}

/* Mission */
.mission-section{background:var(--text-main);padding:clamp(48px,7vw,80px) 0;}
.mission-grid{display:flex;flex-direction:column;gap:clamp(20px,3vw,48px);}
@media (min-width:768px){.mission-grid{flex-direction:row;}}
.mission-card{flex:1;background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-xl);
  padding:clamp(28px,4vw,48px) clamp(24px,3.5vw,40px);}
.mission-card-icon{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:18px;display:block;}
.mission-card h3{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.4rem);
  font-weight:800;color:var(--white);letter-spacing:-0.02em;margin-bottom:14px;}
.mission-card p{font-size:clamp(0.875rem,2vw,0.95rem);color:rgba(255,255,255,0.55);line-height:1.8;}

/* Values */
.values-section{background:var(--off-white);}
.values-grid{display:grid;grid-template-columns:1fr;gap:clamp(14px,2vw,20px);}
@media (min-width:600px){.values-grid{grid-template-columns:repeat(2,1fr);}}
@media (min-width:1024px){.values-grid{grid-template-columns:repeat(4,1fr);}}
.value-card{background:var(--white);border:1px solid var(--border);
  border-radius:var(--radius-lg);padding:clamp(24px,3vw,36px) clamp(20px,2.5vw,28px);
  transition:var(--t);position:relative;overflow:hidden;}
.value-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;
  background:var(--gradient-accent);transform:scaleX(0);transform-origin:left;
  transition:transform 0.4s var(--ease-out);}
.value-card:hover{border-color:rgba(232,92,44,0.2);box-shadow:var(--shadow-md);transform:translateY(-4px);}
.value-card:hover::after{transform:scaleX(1);}
.value-icon{width:clamp(44px,5vw,52px);height:clamp(44px,5vw,52px);border-radius:var(--radius-md);
  background:var(--accent-light);display:flex;align-items:center;justify-content:center;
  font-size:clamp(1.1rem,2.5vw,1.4rem);margin-bottom:18px;}
.value-card h3{font-family:var(--font-display);font-size:clamp(0.95rem,2vw,1rem);
  font-weight:700;color:var(--text-main);margin-bottom:9px;}
.value-card p{font-size:clamp(0.82rem,1.8vw,0.875rem);color:var(--text-muted);line-height:1.75;}

/* Team */
.team-section{background:var(--white);}
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,24px);}
@media (min-width:900px){.team-grid{grid-template-columns:repeat(4,1fr);}}
.team-card{background:var(--off-white);border:1px solid var(--border);
  border-radius:var(--radius-xl);padding:clamp(24px,3vw,40px) clamp(18px,2.5vw,28px);
  text-align:center;transition:var(--t);}
.team-card:hover{background:var(--white);border-color:rgba(232,92,44,0.2);
  box-shadow:var(--shadow-md);transform:translateY(-5px);}
.team-avatar{width:clamp(56px,7vw,76px);height:clamp(56px,7vw,76px);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:clamp(0.8rem,1.8vw,1rem);
  font-weight:800;color:var(--white);margin:0 auto clamp(14px,2.5vw,20px);
  box-shadow:var(--shadow-accent);}
.team-card h3{font-family:var(--font-display);font-size:clamp(0.88rem,2vw,1rem);
  font-weight:700;color:var(--text-main);margin-bottom:4px;}
.team-card .team-role{display:block;font-size:clamp(0.7rem,1.5vw,0.78rem);
  color:var(--accent);font-weight:600;letter-spacing:0.05em;margin-bottom:12px;}
.team-card p{font-size:clamp(0.78rem,1.8vw,0.84rem);color:var(--text-muted);line-height:1.75;}

@media (max-width:380px){
  .team-grid{grid-template-columns:1fr;}
  .story-blocks-wrap{height:220px;}
}