
.page-hero{background:var(--grad-hero);padding:140px 2.5rem 90px;position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 60%,rgba(21,101,192,.3) 0%,transparent 70%),radial-gradient(ellipse 40% 50% at 80% 30%,rgba(255,107,43,.15) 0%,transparent 70%);}
.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:55px 55px;pointer-events:none;}
.page-hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2;}
.page-hero .crumb{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;}
.page-hero .crumb a{color:var(--orange);text-decoration:none;}
.page-hero h1{font-family:'Sora',sans-serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:1rem;}
.page-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--orange),#ffaa55);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.page-hero p{font-size:1.1rem;color:rgba(255,255,255,.7);max-width:600px;line-height:1.75;}

/* Story */
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.story-text .year{font-family:'Sora',sans-serif;font-size:5rem;font-weight:800;color:rgba(21,101,192,.1);line-height:1;margin-bottom:-1.5rem;}
.story-text h2{font-family:'Sora',sans-serif;font-size:2rem;font-weight:800;margin-bottom:1.25rem;}
.story-text p{font-size:1rem;color:var(--text2);line-height:1.8;margin-bottom:1rem;}
.story-visual{
  background:linear-gradient(135deg,var(--navy),var(--navy2));
  border-radius:24px;padding:2.5rem;min-height:420px;
  display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden;
}
.story-visual::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 30% 40%,rgba(21,101,192,.3) 0%,transparent 70%);}
.vis-stat{position:relative;z-index:1;}
.vis-stat .n{font-family:'Sora',sans-serif;font-size:3rem;font-weight:800;color:#fff;line-height:1;}
.vis-stat .l{font-size:.85rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.07em;margin-top:.2rem;}
.vis-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:.5rem 0;}

/* Values */
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.value-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:transform .25s,box-shadow .25s;}
.value-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.09);}
.value-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.2rem;}
.value-card h3{font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.6rem;}
.value-card p{font-size:.9rem;color:var(--text2);line-height:1.65;}

/* Partners */
.partners-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;}
.partner-card{
  background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;
  display:flex;align-items:stretch;
}
.partner-bar{width:6px;flex-shrink:0;}
.partner-body{padding:2rem;}
.partner-body h3{font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;}
.partner-body p{font-size:.9rem;color:var(--text2);line-height:1.65;}
.partner-tag{display:inline-block;font-size:.72rem;font-weight:700;padding:.25rem .7rem;border-radius:999px;margin-top:.75rem;}

/* Offices */
.offices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.office-card{background:var(--navy);border-radius:16px;padding:2rem;color:#fff;position:relative;overflow:hidden;transition:transform .25s;}
.office-card::before{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:rgba(255,107,43,.1);}
.office-card:hover{transform:translateY(-4px);}
.office-flag{font-size:2.5rem;margin-bottom:1rem;}
.office-card h3{font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:.75rem;}
.office-card p{font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.65;}

@media(max-width:900px){
  .story-grid{grid-template-columns:1fr;}
  .values-grid,.partners-grid,.offices-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .values-grid,.offices-grid{grid-template-columns:1fr;}
  .partners-grid{grid-template-columns:1fr;}
}
