/* Company narrative system
   The origin journey establishes the visual language for the rest of the page:
   one connected institutional system rather than isolated content blocks. */
.company-thesis{
  position:relative;
  width:calc(100% - clamp(32px,8vw,128px));
  min-height:520px!important;
  margin:clamp(24px,4vw,64px) auto;
  padding:clamp(72px,9vw,132px)!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:30px;
  background:radial-gradient(circle at 50% 115%,rgba(83,106,223,.28),transparent 43%),#171a20!important;
  color:#f8f8f5!important;
  box-shadow:0 32px 90px rgba(20,22,27,.09);
}
.company-thesis:before,.company-thesis:after{
  content:"";
  position:absolute;
  border:1px solid rgba(174,188,255,.14);
  border-radius:50%;
  pointer-events:none;
}
.company-thesis:before{width:46vw;height:46vw;bottom:-38vw}
.company-thesis:after{width:29vw;height:29vw;bottom:-26vw}
.company-thesis .section-number{color:#aebcff!important}
.company-thesis h2{position:relative;z-index:1;max-width:1080px;color:#f8f8f5!important}
.company-thesis h2 em{color:#aebcff!important}

.founder-section{
  width:calc(100% - clamp(32px,8vw,128px));
  max-width:1500px;
  min-height:760px;
  margin:clamp(40px,7vw,110px) auto;
  padding:24px!important;
  grid-template-columns:minmax(390px,1.02fr) minmax(420px,.98fr)!important;
  gap:0!important;
  align-items:stretch!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:32px;
  background:radial-gradient(circle at 83% 0,rgba(83,106,223,.16),transparent 34%),#171a20!important;
  color:#f8f8f5!important;
  box-shadow:0 32px 90px rgba(20,22,27,.11);
}
.founder-section:before{
  opacity:.32!important;
  background-size:80px 80px!important;
  mask-image:linear-gradient(90deg,#000,transparent 84%)!important;
}
.founder-study-link{position:relative;z-index:1;display:block;min-width:0}
.founder-study{
  height:100%;
  min-height:710px;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:23px;
  background:#ecebe6!important;
  box-shadow:0 18px 50px rgba(0,0,0,.18);
}
.founder-study img{object-position:center 48%;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.founder-study-link:hover .founder-study img{transform:scale(1.025)}
.founder-study:after{
  display:block!important;
  background:linear-gradient(180deg,transparent 46%,rgba(12,14,18,.82)),linear-gradient(90deg,transparent 58%,rgba(23,26,32,.15))!important;
}
.founder-study-overlay{
  position:absolute;
  z-index:3;
  left:28px;
  right:28px;
  bottom:88px;
  max-width:420px;
  color:#fff;
}
.founder-study-overlay span{
  display:block;
  margin-bottom:14px;
  color:#c6d0ff;
  font:650 10px/1.2 Manrope,sans-serif;
  letter-spacing:.16em;
}
.founder-study-overlay p{
  margin:0;
  font:400 clamp(24px,2.4vw,38px)/1.08 Manrope,sans-serif;
  letter-spacing:-.045em;
}
.founder-study figcaption{
  left:28px!important;
  right:28px!important;
  bottom:26px!important;
  justify-content:space-between!important;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.24);
  color:#d6d7d2;
}
.founder-study figcaption span{color:#f8f8f5!important}
.founder-study figcaption b{display:block;color:#b9bbb5!important}
.founder-copy{
  position:relative;
  z-index:1;
  align-self:center;
  max-width:none!important;
  padding:clamp(48px,6vw,90px);
}
.founder-copy .section-number{color:#aebcff!important}
.founder-copy h2{
  max-width:720px;
  margin:30px 0 38px!important;
  color:#f8f8f5!important;
  font-size:clamp(46px,4.6vw,72px)!important;
}
.founder-copy h2 em{color:#aebcff!important}
.founder-copy>p{max-width:650px;color:#c2c5c0!important;font-size:16px!important;line-height:1.75!important}
.founder-copy>p a{color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}
.founder-profile-link{
  display:inline-flex;
  align-items:center;
  gap:28px;
  margin-top:16px;
  padding:13px 18px;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:999px;
  color:#f8f8f5!important;
  transition:background .2s ease,border-color .2s ease;
}
.founder-profile-link:hover{border-color:#aebcff!important;background:rgba(174,188,255,.08)}
.founder-route{margin-top:50px!important;border-color:rgba(255,255,255,.16)!important}
.founder-route span{color:#9fa39e!important}
.founder-route i{background:linear-gradient(90deg,#aebcff,rgba(174,188,255,.08))!important}
.founder-route i:after{background:#aebcff!important}

.company-principles{
  width:calc(100% - clamp(32px,8vw,128px));
  max-width:1500px;
  margin:0 auto clamp(40px,6vw,96px);
  padding:clamp(64px,7vw,106px)!important;
  border:1px solid #d9dbe4;
  border-radius:30px;
  background:#eef0ff!important;
}
.company-principles.detail-block{
  grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);
  gap:clamp(40px,6vw,90px);
}
.company-principles .detail-content h2{margin-top:0}
.company-principles .detail-content h2 em{color:#536adf!important}
.company-principles .capability-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:64px;
  background:transparent!important;
}
.company-principles .capability{
  min-height:265px;
  margin:0!important;
  padding:28px!important;
  border:1px solid #d9dbe4!important;
  border-radius:18px;
  background:rgba(255,255,255,.72)!important;
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
.company-principles .capability:hover{
  transform:translateY(-5px);
  background:#fff!important;
  box-shadow:0 18px 38px rgba(47,52,76,.08);
}
.company-principles .capability span{color:#536adf!important}
.company-principles .capability h3{margin-top:auto}

.institutional-posture{
  width:calc(100% - clamp(32px,8vw,128px));
  max-width:1500px;
  margin:0 auto clamp(40px,6vw,96px);
  padding:clamp(64px,7vw,106px)!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:30px;
  background:radial-gradient(circle at 8% 0,rgba(83,106,223,.19),transparent 34%),#171a20!important;
  color:#f8f8f5!important;
}
.posture-intro{position:sticky;top:130px;align-self:start}
.posture-intro .section-number{color:#aebcff!important}
.posture-intro h2{color:#f8f8f5!important}
.posture-intro h2 em{color:#aebcff!important}
.posture-intro p{color:#bfc2bd!important}
.posture-list{display:grid;gap:10px;border:0!important}
.posture-list article{
  grid-template-columns:42px 1fr auto!important;
  min-height:132px;
  padding:25px 28px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:17px;
  background:rgba(255,255,255,.035);
  transition:background .25s ease,border-color .25s ease,transform .25s ease;
}
.posture-list article:hover{transform:translateX(6px);border-color:rgba(174,188,255,.34)!important;background:rgba(174,188,255,.075)}
.posture-list article>span{color:#aebcff!important}
.posture-list h3{color:#f8f8f5!important}
.posture-list p{color:#bfc2bd!important}
.posture-list small{color:#929791!important}

.phoenix-section{
  width:calc(100% - clamp(32px,8vw,128px));
  max-width:1500px;
  min-height:620px!important;
  margin:0 auto clamp(40px,6vw,96px);
  padding:clamp(64px,7vw,106px)!important;
  gap:clamp(50px,7vw,110px)!important;
  overflow:hidden;
  border:1px solid #d9dbe4;
  border-radius:30px;
  background:#f0f1f7!important;
}
.phoenix-copy h2{font-size:clamp(46px,4.8vw,72px)}
.phoenix-copy h2 em{color:#536adf!important}
.phoenix-copy>p{color:#555b57!important}
.western-globe{
  width:min(42vw,540px)!important;
  background:radial-gradient(circle at 48% 46%,#fff,rgba(225,229,244,.72) 60%,rgba(83,106,223,.08))!important;
  box-shadow:inset 0 0 0 18px rgba(255,255,255,.28);
}

@media(max-width:1100px){
  .founder-section{grid-template-columns:1fr!important;padding:18px!important}
  .founder-study{min-height:660px}
  .founder-copy{padding:56px 34px 46px}
  .company-principles.detail-block{grid-template-columns:1fr}
  .company-principles .capability-grid{grid-template-columns:repeat(2,1fr)}
  .institutional-posture{grid-template-columns:1fr!important}
  .posture-intro{position:static;max-width:760px;margin-bottom:50px}
}
@media(max-width:800px){
  .company-thesis,.founder-section,.company-principles,.institutional-posture,.phoenix-section{width:calc(100% - 28px);border-radius:22px}
  .company-thesis{min-height:480px!important;padding:70px 24px!important}
  .founder-section{margin-top:54px;margin-bottom:54px;padding:12px!important}
  .founder-study{min-height:560px;border-radius:17px}
  .founder-study-overlay{left:20px;right:20px;bottom:80px}
  .founder-study-overlay p{font-size:27px}
  .founder-study figcaption{left:20px!important;right:20px!important;font-size:9px}
  .founder-copy{padding:42px 16px 30px}
  .founder-copy h2{font-size:43px!important}
  .founder-route{grid-template-columns:1fr!important}
  .company-principles,.institutional-posture,.phoenix-section{padding:58px 24px!important}
  .company-principles .capability-grid{grid-template-columns:1fr;margin-top:44px}
  .company-principles .capability{min-height:210px}
  .posture-list article{grid-template-columns:34px 1fr!important}
  .posture-list small{display:none}
  .western-globe{width:100%!important}
}

/* The global editorial rhythm deliberately assigns alternating paper colors to
   every main section. These page-specific surfaces are part of the Company
   narrative, so they need the same cascade weight to retain their intended
   institutional contrast. */
body main>section.company-thesis[class]{
  border-color:rgba(255,255,255,.08)!important;
  background:radial-gradient(circle at 50% 115%,rgba(83,106,223,.28),transparent 43%),#171a20!important;
  color:#f8f8f5!important;
}
body main>section.founder-section{
  border-color:rgba(255,255,255,.08)!important;
  background:radial-gradient(circle at 83% 0,rgba(83,106,223,.16),transparent 34%),#171a20!important;
  color:#f8f8f5!important;
}
body main>section.company-principles[class]{
  border-color:#d9dbe4!important;
  background:#eef0ff!important;
  color:#0d0d0d!important;
}
body main>section.institutional-posture{
  border-color:rgba(255,255,255,.08)!important;
  background:radial-gradient(circle at 8% 0,rgba(83,106,223,.19),transparent 34%),#171a20!important;
  color:#f8f8f5!important;
}
body main>section.phoenix-section[class]{
  border-color:#d9dbe4!important;
  background:#f0f1f7!important;
  color:#0d0d0d!important;
}
.founder-section .founder-copy,.founder-section .founder-study-link{background:transparent!important}
body main>section.company-thesis h2 em,
body main>section.founder-section .founder-copy h2 em,
body main>section.institutional-posture .posture-intro h2 em{color:#aebcff!important}
body main>section.phoenix-section .phoenix-copy h2 em{color:#536adf!important}