/* About page — "story" theme: ivory paper, navy ink, brand blue and warm gold */
.page-story .tag::before{background:var(--gold)}
.hl-blue{color:var(--blue);background:linear-gradient(transparent 80%,rgba(214,162,74,.35) 80%,rgba(214,162,74,.35) 94%,transparent 94%) no-repeat 0 0/0% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:ab-under 1.4s .5s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes ab-under{to{background-size:100% 100%}}
.ab-sec{padding:92px 0;position:relative}
.ab-split{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.warm{background:linear-gradient(180deg,var(--ivory),#FBF6EC)}

/* HERO */
.ab-hero{position:relative;overflow:hidden;padding:52px 0 96px;background:radial-gradient(circle at 90% 10%,rgba(58,106,253,.12),transparent 30%),radial-gradient(circle at 6% 94%,rgba(214,162,74,.14),transparent 26%),linear-gradient(135deg,#FFFCF8 0%,#FAFBFF 57%,#EEF3FF 100%)}
.ab-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.journey-card{list-style:none;margin:0;padding:26px;border-radius:28px;background:#fff;border:1px solid #DCE5FF;box-shadow:0 22px 60px rgba(16,34,85,.10);display:grid;gap:12px;position:relative}
.journey-card::before{content:"";position:absolute;left:51px;top:56px;bottom:56px;width:2px;background:linear-gradient(var(--blue),var(--gold))}
.journey-card li{position:relative;display:grid;grid-template-columns:52px 1fr;column-gap:14px;padding:16px;border-radius:18px;background:var(--pale2);border:1px solid #E2E8FF;transition:transform .3s}
.journey-card li:hover{transform:translateX(5px)}
.journey-card b{grid-row:span 2;position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff;border:2px solid var(--blue);color:var(--blue-700);font-family:var(--head);font-weight:600;font-size:1.1rem}
.journey-card li:last-child b{background:var(--blue);color:#fff;box-shadow:0 0 0 6px rgba(58,106,253,.15)}
.journey-card strong{color:var(--ink);font-size:1.05rem}
.journey-card span{color:var(--slate);font-size:.9rem}

/* BELIEF */
.belief{position:relative;padding:32px;border-radius:24px;background:var(--navy);color:#fff;box-shadow:0 22px 50px rgba(16,34,85,.2)}
.belief::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;border:1px solid rgba(214,162,74,.4)}
.belief span{color:#F0D18F;font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.belief h3{color:#fff;font-size:1.6rem;margin:.4em 0}
.belief p{color:#CFD8EA;margin:0}

/* EXPERIENCE BAND */
.ab-exp{background:radial-gradient(circle at 10% 10%,rgba(214,162,74,.18),transparent 30%),linear-gradient(135deg,#0E1D4A,#1B3C86);color:#fff}
.ab-exp h2,.ab-exp h3{color:#fff}.ab-exp p{color:#CBD5E8}.ab-exp .tag{color:#F0D18F}
.exp-top{display:grid;grid-template-columns:.6fr 1.4fr;gap:50px;align-items:center}
.big b{display:block;font:600 clamp(5rem,10vw,7.5rem)/.9 var(--head);background:linear-gradient(135deg,#9DB8FF,#F0D18F);-webkit-background-clip:text;background-clip:text;color:transparent}
.big span{display:block;max-width:220px;margin-top:8px;font-weight:700;color:#fff}
.exp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.exp-cards article{padding:24px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);transition:background .3s,transform .3s}
.exp-cards article:hover{background:rgba(255,255,255,.12);transform:translateY(-4px)}
.exp-cards article:nth-child(2){border-top:3px solid #F0D18F}.exp-cards article:nth-child(1){border-top:3px solid #9DB8FF}.exp-cards article:nth-child(3){border-top:3px solid #7FD1A8}
.exp-cards h3{font-size:1.2rem;margin:0 0 6px}.exp-cards p{margin:0;font-size:.93rem}

/* PRINCIPLES */
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pr{position:relative;overflow:hidden;padding:28px;border-radius:22px;background:#fff;border:1px solid #DDE6FF;transition:transform .3s,box-shadow .3s}
.pr::after{content:"";position:absolute;right:-50px;top:-50px;width:120px;height:120px;border-radius:50%;background:var(--pale);transition:transform .5s}
.pr:nth-child(2)::after{background:var(--gold-soft)}
.pr:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,34,85,.1)}.pr:hover::after{transform:scale(1.3)}
.pr>*{position:relative;z-index:1}
.pr b{color:var(--gold);font-size:.8rem;letter-spacing:.12em}
.pr h3{margin:.3em 0;color:var(--navy)}.pr p{margin:0;font-size:.95rem}
.quote{margin:30px auto 0;max-width:820px;padding:30px;border-radius:22px;background:#fff;border:1px solid #DDE6FF;text-align:center;font:500 clamp(1.4rem,2.6vw,2rem)/1.35 var(--head);color:var(--navy);letter-spacing:.01em}
.quote cite{display:block;margin-top:10px;font:700 .85rem/1.4 var(--body);font-style:normal;color:var(--blue-700)}

/* FOUNDER */
.founder-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}
.founder-card{position:relative;overflow:hidden;padding:36px;border-radius:28px;background:linear-gradient(145deg,#102255,#2450D8);color:#fff;min-height:300px;display:flex;flex-direction:column;justify-content:space-between}
.founder-card::after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:rgba(214,162,74,.18)}
.qm{font:600 5rem/0.6 var(--head);color:#F0D18F}
.fq{position:relative;z-index:1;color:#fff!important;font:500 1.7rem/1.35 var(--head);margin:10px 0 24px}
.sig strong{display:block;font-size:1.05rem}.sig span{color:#C9D5FF;font-size:.88rem}

/* PARTNERS */
.partners{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.partners span{padding:16px;border-radius:14px;background:#fff;border:1px solid #EDE5D7;text-align:center;font-weight:700;color:#41505D;font-size:.92rem;transition:border-color .3s,transform .3s}
.partners span:hover{border-color:var(--gold);transform:translateY(-2px)}
.partners .wide{grid-column:1/-1;background:linear-gradient(135deg,var(--pale2),var(--pale));color:var(--blue-700);border-color:#D9E3FF}
.partners p{grid-column:1/-1;margin:6px 0 0;padding:14px 16px;border-radius:12px;background:#fff;border-left:4px solid var(--gold);font-size:.9rem}

/* WORK + PLACE */
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.work{display:block;padding:26px;border-radius:20px;background:#fff;border:1px solid #E1E7F2;border-top:4px solid var(--blue);text-decoration:none;color:var(--ink);transition:transform .3s,box-shadow .3s}
.work:nth-child(2){border-top-color:#F5A623}.work:nth-child(3){border-top-color:#762A36}
.work:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(16,34,85,.12);color:var(--ink)}
.work span{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.work h3{margin:.3em 0;color:var(--navy)}.work p{margin:0;font-size:.95rem}
.place{display:flex;gap:22px;align-items:center;margin-top:30px;padding:26px 30px;border-radius:22px;background:var(--ivory);border:1px solid #EDE5D7}
.place strong{font-family:var(--head);font-weight:600;font-size:1.5rem;color:var(--navy)}
.place p{margin:.3em 0 0}
.pin{flex:none;position:relative;width:56px;height:56px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--blue);box-shadow:0 10px 24px rgba(58,106,253,.35);animation:ab-drop 3s ease-in-out infinite}
.pin::after{content:"";position:absolute;inset:17px;border-radius:50%;background:#fff}
@keyframes ab-drop{50%{transform:rotate(-45deg) translate(3px,-3px)}}

/* CTA */
.ab-cta{padding:0 0 80px}

@media(max-width:1000px){
  .ab-hero-grid,.ab-split,.exp-top,.founder-grid{grid-template-columns:1fr;gap:36px}
  .exp-cards,.principles,.work-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .ab-sec{padding:64px 0}.ab-hero{padding:32px 0 64px}
  .exp-cards,.principles,.work-grid,.partners{grid-template-columns:1fr}
  .place{flex-direction:column;align-items:flex-start}
  .founder-card{padding:28px 22px}
}
@media(prefers-reduced-motion:reduce){
  .page-story *,.page-story *::before,.page-story *::after{animation:none!important;transition:none!important}
  .hl-blue{background-size:100% 100%}
}