@import url('../services/services.css?v=20261018-10');

.about-hero{min-height:690px}
.about-system{min-height:585px}
.about-sun{background-image:url('../assets/hris-center-planet-photoreal-v2.png');color:#170b04}
.about-sun strong{font-size:29px}
.about-sun small{font-family:var(--serif);font-size:15px;letter-spacing:.15em}

.story-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px 100px;padding:120px clamp(28px,7vw,110px);background:linear-gradient(180deg,rgba(3,11,22,.97),rgba(6,19,33,.98));border-bottom:1px solid var(--line)}
.story-heading h2,.founder-bio h2,.expertise-intro h2,.values-heading h2{margin:0;font-size:clamp(45px,5.3vw,76px);letter-spacing:-.045em}
.story-heading h2 em,.expertise-intro h2 em{color:var(--gold-soft);font-weight:400}
.story-copy{max-width:760px;color:#b9c9d5;font-size:17px;line-height:1.8}
.story-copy .story-lead{color:#eef3f6;font-family:var(--serif);font-size:clamp(26px,2.5vw,37px);line-height:1.35}
.story-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:rgba(4,15,27,.6)}
.story-principles article{padding:34px 36px;border-right:1px solid var(--line)}
.story-principles article:last-child{border-right:0}
.story-principles span,.expertise-map>article>span{color:var(--blue-soft);font-size:11px;font-weight:600;letter-spacing:.18em}
.story-principles h3{margin:18px 0 8px;color:var(--gold-soft);font-size:29px}
.story-principles p{margin:0;color:var(--muted)}

.founder-section{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);gap:clamp(55px,8vw,130px);align-items:center;padding:125px clamp(28px,7vw,110px);background:rgba(2,8,18,.96)}
.portrait-frame{position:relative;min-height:650px;display:grid;place-items:center;isolation:isolate}
.portrait-placeholder{position:relative;z-index:2;display:grid;width:min(100%,440px);aspect-ratio:.76;place-items:center;align-content:center;gap:24px;border:1px solid rgba(230,189,105,.42);border-radius:48% 48% 14px 14px;background:radial-gradient(circle at 50% 33%,rgba(72,177,224,.22),transparent 30%),linear-gradient(160deg,rgba(12,37,57,.96),rgba(2,8,18,.98));box-shadow:0 30px 90px rgba(0,0,0,.45),0 0 42px rgba(57,186,243,.09);overflow:hidden}
.portrait-placeholder::before{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(142,215,247,.16);box-shadow:0 0 0 38px rgba(57,186,243,.018),0 0 0 76px rgba(57,186,243,.012)}
.portrait-placeholder::after{content:"";position:absolute;left:12%;right:12%;bottom:16%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.portrait-initials{position:relative;font-family:var(--serif);font-size:clamp(90px,11vw,148px);line-height:1;color:var(--gold-soft);letter-spacing:-.08em;text-shadow:0 0 30px rgba(230,189,105,.35)}
.portrait-label{position:relative;color:var(--blue-soft);font-size:10px;font-weight:600;letter-spacing:.2em;text-align:center}
.portrait-frame>p{position:absolute;z-index:3;left:7%;bottom:2%;margin:0;padding:14px 20px;border-left:1px solid var(--gold);background:rgba(3,13,24,.82);font-family:var(--serif);font-size:25px;line-height:1.2}
.portrait-frame>p span{color:var(--muted);font:500 11px var(--sans);letter-spacing:.12em;text-transform:uppercase}
.portrait-orbit{position:absolute;z-index:1;border:1px solid rgba(78,190,237,.22);border-radius:50%}
.portrait-orbit-one{width:106%;height:45%;transform:rotate(-21deg)}
.portrait-orbit-two{width:66%;height:97%;transform:rotate(46deg)}
.founder-bio{max-width:760px}
.founder-bio .bio-quote{margin:34px 0 32px;padding:4px 0 4px 34px;border-left:1px solid var(--gold);color:#f4efe6}
.founder-bio .bio-quote p{margin:0;font-family:var(--serif);font-size:clamp(27px,2.55vw,38px);line-height:1.35}
.founder-bio .bio-quote cite{display:block;margin-top:15px;color:var(--gold-soft);font:500 11px var(--sans);font-style:normal;letter-spacing:.16em;text-transform:uppercase}
.founder-bio>p:not(.eyebrow){color:#bdcbd5;font-size:17px;line-height:1.78}

.experience-band{display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(28px,7vw,110px);background:#081929;border-block:1px solid var(--line)}
.experience-band article{min-height:205px;display:flex;flex-direction:column;justify-content:center;padding:35px;border-right:1px solid var(--line)}
.experience-band article:first-child{border-left:1px solid var(--line)}
.experience-band strong{font-family:var(--serif);font-size:clamp(43px,4.5vw,66px);font-weight:400;line-height:1;color:var(--gold-soft)}
.experience-band span{margin-top:14px;color:#b9c9d3;font-size:13px;line-height:1.55;letter-spacing:.04em}

.expertise-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding:120px clamp(28px,7vw,110px);background:linear-gradient(180deg,rgba(2,8,18,.98),rgba(5,17,29,.98))}
.expertise-intro>p:last-child{max-width:600px;margin-top:30px;color:var(--muted);font-size:18px}
.expertise-map article{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:26px 0;border-top:1px solid rgba(174,211,229,.2)}
.expertise-map article:last-child{border-bottom:1px solid rgba(174,211,229,.2)}
.expertise-map h3{margin:0 0 8px;color:var(--gold-soft);font-size:27px}
.expertise-map p{margin:0;color:var(--muted)}

.values-section{padding:115px clamp(28px,7vw,110px) 130px;background:radial-gradient(circle at 50% 5%,rgba(37,143,194,.13),transparent 38%),#06131f}
.values-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:60px}
.value-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.value-cards article{position:relative;min-height:330px;padding:45px 38px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(15,39,58,.82),rgba(3,12,22,.9));overflow:hidden}
.value-cards article::after{content:"";position:absolute;width:200px;height:200px;right:-110px;bottom:-110px;border:1px solid rgba(230,189,105,.12);border-radius:50%;box-shadow:0 0 0 35px rgba(57,186,243,.015)}
.value-cards span{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(230,189,105,.45);border-radius:50%;color:var(--gold-soft);font-family:var(--serif);font-size:18px;box-shadow:0 0 20px rgba(230,189,105,.08)}
.value-cards h3{margin:55px 0 16px;font-size:35px;color:#f8f2e7}
.value-cards p{color:var(--muted);line-height:1.7}
.value-cards p strong{color:var(--gold-soft);font-weight:600;text-shadow:0 0 12px rgba(230,189,105,.22)}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
@media (max-width:980px){
  .story-section,.founder-section,.expertise-section{grid-template-columns:1fr}
  .story-section{gap:45px}.founder-section{gap:65px}.portrait-frame{max-width:560px;width:100%;margin:auto}.expertise-section{gap:50px}
  .experience-band{grid-template-columns:1fr 1fr}.experience-band article:nth-child(3){border-left:1px solid var(--line)}
  .values-heading{display:block}.value-cards{grid-template-columns:1fr}.value-cards article{min-height:260px}
}
@media (max-width:690px){
  .about-hero{min-height:auto}.about-system{min-height:440px}
  .story-section,.founder-section,.expertise-section,.values-section{padding:82px 22px}
  .founder-section{overflow:hidden}
  .story-principles{grid-template-columns:1fr}.story-principles article{border-right:0;border-bottom:1px solid var(--line)}.story-principles article:last-child{border-bottom:0}
  .portrait-frame{width:100%;max-width:100%;min-width:0;min-height:520px;overflow:hidden}.portrait-frame>p{left:0}
  .portrait-orbit-one{width:96%}.portrait-orbit-two{width:60%;height:88%}
  .experience-band{grid-template-columns:1fr 1fr;padding:0 22px}.experience-band article{min-height:165px;padding:23px 18px}.experience-band strong{font-size:41px}.experience-band span{font-size:11px}
}