/* ═══ ABOUT PAGE ═══ */

/* ═══ HERO ═══ */
#zxn .zx-ahero{padding:clamp(10rem,18vh,14rem) 0 clamp(4rem,7vh,6rem);position:relative;overflow:hidden;background:var(--ink) !important;text-align:center}
#zxn .zx-ahero-atmo{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 55% 42% at 50% 0%,rgba(31,69,68,.65),transparent 65%),radial-gradient(ellipse 40% 32% at 15% 75%,rgba(215,181,122,.07),transparent 60%)}
#zxn .zx-ahero-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
#zxn .zx-ahero .zx-display{margin:1.6rem 0 1.4rem !important;font-size:clamp(3rem,7.5vw,6.6rem) !important}
#zxn .zx-ahero-sub{color:var(--ivdim) !important;font-size:clamp(1.05rem,1.5vw,1.2rem) !important;max-width:620px;line-height:1.75 !important}

/* ═══ FOUNDER ═══ */
#zxn .zx-founder{padding:clamp(4rem,8vw,7rem) 0 clamp(6rem,11vw,9rem);background:var(--ink) !important}
#zxn .zx-f-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,7vw,6.5rem);align-items:start}

/* Portrait */
#zxn .zx-portrait{position:sticky;top:110px;max-width:300px}
#zxn .zx-portrait-frame{position:relative;border:1px solid var(--goldline);padding:14px;background:linear-gradient(150deg,var(--green) 0%,#0D2120 80%)}
#zxn .zx-portrait-frame::before,#zxn .zx-portrait-frame::after{content:'';position:absolute;width:22px;height:22px;border:1px solid var(--gold);z-index:2}
#zxn .zx-portrait-frame::before{top:-6px;left:-6px;border-right:none;border-bottom:none}
#zxn .zx-portrait-frame::after{bottom:-6px;right:-6px;border-left:none;border-top:none}
#zxn .zx-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.92) contrast(1.04)}
#zxn .zx-portrait-caption{
  position:absolute;left:14px;right:14px;bottom:14px;
  background:linear-gradient(to top,rgba(10,20,20,.94),rgba(10,20,20,0));
  padding:2.4rem 1.6rem 1.4rem;
}
#zxn .zx-pc-name{font-family:var(--serif) !important;font-size:1.5rem !important;font-weight:400 !important;color:var(--ivory) !important;line-height:1.1 !important}
#zxn .zx-pc-role{font-family:var(--serif) !important;font-style:italic !important;font-size:.95rem !important;color:var(--gold) !important;margin-top:.3rem !important}
#zxn .zx-portrait-badge{
  position:absolute;top:-24px;right:-24px;width:96px;height:96px;z-index:3;
  animation:zxSpin 24s linear infinite;
}
@keyframes zxSpin{to{transform:rotate(360deg)}}
#zxn .zx-portrait-badge text{font-family:var(--sans);font-size:10.5px;font-weight:700;letter-spacing:.3em;fill:var(--gold);text-transform:uppercase}

/* Founder copy */
#zxn .zx-f-copy .zx-display{font-size:clamp(2.2rem,4.2vw,3.6rem) !important;margin:1.5rem 0 1.6rem !important}
#zxn .zx-f-body{color:var(--ivdim) !important;font-size:1.08rem !important;line-height:1.85 !important;margin-bottom:1.4rem !important}
#zxn .zx-f-body strong{color:var(--ivory) !important;font-weight:600}
#zxn .zx-f-quote{
  font-family:var(--serif) !important;font-style:italic !important;font-weight:300 !important;
  font-size:1.35rem !important;color:var(--goldhi) !important;line-height:1.6 !important;
  border-left:2px solid var(--gold);padding-left:1.6rem;margin:2.4rem 0 !important;
}

/* Social channels */
#zxn .zx-socials{margin-top:2.6rem;border-top:1px solid var(--line)}
#zxn .zx-soc-label{font-family:var(--sans) !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.3em !important;text-transform:uppercase !important;color:var(--ivmute) !important;padding:1.6rem 0 1.1rem !important}
#zxn .zx-soc-list{display:flex;flex-direction:column}
#zxn .zx-soc{
  display:flex;align-items:center;gap:1.3rem;
  padding:1.25rem .2rem;border-bottom:1px solid var(--line);
  transition:all .35s var(--ease);position:relative;
}
#zxn .zx-soc::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);transform:scaleY(0);transition:transform .35s var(--ease)}
#zxn .zx-soc:hover{padding-left:1.2rem;background:var(--golddim)}
#zxn .zx-soc:hover::before{transform:scaleY(1)}
#zxn .zx-soc-ic{
  width:46px;height:46px;flex-shrink:0;border:1px solid var(--goldline);background:var(--golddim);
  display:flex;align-items:center;justify-content:center;transition:all .35s;
}
#zxn .zx-soc-ic svg{width:20px;height:20px;fill:var(--gold);transition:fill .3s}
#zxn .zx-soc:hover .zx-soc-ic{background:var(--gold)}
#zxn .zx-soc:hover .zx-soc-ic svg{fill:#0A1414}
#zxn .zx-soc-n{font-family:var(--sans) !important;font-size:.95rem !important;font-weight:700 !important;color:var(--ivory) !important;line-height:1.3 !important}
#zxn .zx-soc-d{font-size:.8rem !important;color:var(--ivmute) !important;font-family:var(--serif) !important;font-style:italic !important}
#zxn .zx-soc-go{margin-left:auto;flex-shrink:0}
#zxn .zx-soc-go svg{width:16px;height:16px;stroke:var(--ivmute);transition:all .3s}
#zxn .zx-soc:hover .zx-soc-go svg{stroke:var(--gold);transform:translateX(4px)}

/* ═══ PHILOSOPHY BAND ═══ */
#zxn .zx-philo{padding:clamp(6rem,11vw,9rem) 0;border-top:1px solid var(--line);background:linear-gradient(150deg,var(--green) 0%,#0D2120 75%) !important;position:relative;overflow:hidden;text-align:center}
#zxn .zx-philo-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(215,181,122,.12) 1px,transparent 1px);background-size:28px 28px;opacity:.45}
#zxn .zx-philo-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
#zxn .zx-philo-q{
  font-family:var(--serif) !important;font-weight:300 !important;font-style:italic !important;
  font-size:clamp(1.7rem,3.6vw,3rem) !important;line-height:1.4 !important;
  color:var(--ivory) !important;max-width:900px;margin:2rem 0 !important;
}
#zxn .zx-philo-q b{color:var(--gold) !important;font-weight:400}

/* ═══ VALUES ═══ */
#zxn .zx-values{padding:clamp(6rem,11vw,9rem) 0;border-top:1px solid var(--line);background:var(--ink2) !important}
#zxn .zx-v-head{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(3rem,6vw,4.5rem)}
#zxn .zx-v-head .zx-display{margin-top:1.4rem !important}
#zxn .zx-v-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
#zxn .zx-v{background:var(--ink) !important;padding:2.6rem 2rem;transition:background .35s;position:relative;overflow:hidden}
#zxn .zx-v:hover{background:var(--ink3) !important}
#zxn .zx-v-no{font-family:var(--serif) !important;font-style:italic !important;font-size:1rem !important;color:var(--gold) !important;margin-bottom:1.4rem !important}
#zxn .zx-v-t{font-family:var(--serif) !important;font-weight:400 !important;font-size:1.35rem !important;color:var(--ivory) !important;margin-bottom:.9rem !important}
#zxn .zx-v-d{font-size:.9rem !important;color:var(--ivdim) !important;line-height:1.7 !important}

/* ═══ STATS ═══ */
#zxn .zx-stats{padding:clamp(4.5rem,8vw,6.5rem) 0;border-top:1px solid var(--line);background:var(--ink) !important}
#zxn .zx-st-grid{display:grid;grid-template-columns:repeat(4,1fr)}
#zxn .zx-st{padding:0 1.6rem;text-align:center}
#zxn .zx-st+.zx-st{border-left:1px solid var(--line)}
#zxn .zx-st-n{font-family:var(--serif) !important;font-size:clamp(2.4rem,4vw,3.6rem) !important;font-weight:400 !important;line-height:1 !important;color:var(--ivory) !important}
#zxn .zx-st-n i{font-style:italic;color:var(--gold) !important}
#zxn .zx-st-l{font-family:var(--sans) !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.24em !important;text-transform:uppercase !important;color:var(--ivmute) !important;margin-top:.8rem !important}

/* ═══ CTA ═══ */
#zxn .zx-cta{padding:clamp(6rem,11vw,9rem) 0;border-top:1px solid var(--line);position:relative;overflow:hidden;background:var(--ink2) !important;text-align:center}
#zxn .zx-cta-glow{position:absolute;top:-160px;left:50%;transform:translateX(-50%);width:860px;height:430px;background:radial-gradient(ellipse,rgba(215,181,122,.13),transparent 70%);pointer-events:none}
#zxn .zx-cta-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
#zxn .zx-cta .zx-display{margin:1.6rem 0 1.4rem !important}
#zxn .zx-cta-s{color:var(--ivdim) !important;font-size:1.1rem !important;max-width:520px;margin:0 auto 2.8rem !important;line-height:1.75 !important}
#zxn .zx-cta-b{display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  #zxn .zx-f-grid{grid-template-columns:1fr;gap:4rem}
  #zxn .zx-portrait{position:static;margin:0 auto;max-width:320px}
  #zxn .zx-v-grid{grid-template-columns:repeat(2,1fr)}
  #zxn .zx-st-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem 0}
  #zxn .zx-st:nth-child(3){border-left:none}
}
@media(max-width:860px){
  #zxn .zx-nav-links,#zxn .zx-nav-cta{display:none}
  #zxn .zx-burger{display:flex}
  #zxn .zx-ft-top{flex-direction:column;text-align:center}
  #zxn .zx-ft-links{justify-content:center}
  #zxn .zx-ft-btm{flex-direction:column;text-align:center}
  #zxn .zx-portrait-badge{top:-16px;right:-8px;width:78px;height:78px}
}
@media(max-width:640px){
  #zxn .zx-v-grid{grid-template-columns:1fr}
  #zxn .zx-st-grid{grid-template-columns:1fr;gap:2.2rem}
  #zxn .zx-st+.zx-st{border-left:none}
  #zxn .zx-cta-b{flex-direction:column;width:100%}
  #zxn .zx-btn-gold,#zxn .zx-btn-ghost{justify-content:center;width:100%}
}
@media(prefers-reduced-motion:reduce){
  #zxn *,#zxn *::before,#zxn *::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}