/* Spacetime About page CSS (scoped) */
.stcl-za-nas-page .ab-hl{ color:var(--accent); }.stcl-za-nas-page .ab-em{ font-weight:600; color:var(--ink); }.stcl-za-nas-page .ab-hero{ position:relative; overflow:hidden; padding-block:clamp(46px,6vw,90px) clamp(34px,4vw,60px); }.stcl-za-nas-page .ab-hero__grid{ position:relative; z-index:1; display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(34px,5vw,72px); align-items:center; }.stcl-za-nas-page .ab-hero h1{
  font-family:var(--display); font-weight:700; letter-spacing:-.03em; line-height:.98;
  font-size:clamp(40px,5.6vw,82px); margin:16px 0 0; text-wrap:balance;
}.stcl-za-nas-page .ab-hero .lede{ margin-top:24px; font-size:clamp(17px,1.4vw,20px); color:var(--ink-2); max-width:50ch; }.stcl-za-nas-page .ab-hero__cta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:32px; }.stcl-za-nas-page .ab-hero__meta{
  display:flex; gap:clamp(20px,3vw,44px); margin-top:clamp(30px,3.4vw,44px);
  padding-top:clamp(22px,2.4vw,30px); border-top:1px solid var(--line);
}.stcl-za-nas-page .ab-stat .n{ font-family:var(--display); font-weight:700; font-size:clamp(26px,2.8vw,40px); line-height:1; letter-spacing:-.02em; color:var(--accent); }.stcl-za-nas-page .ab-stat .l{ font-family:var(--ui); font-weight:600; font-size:12.5px; color:var(--ink-2); margin-top:8px; letter-spacing:.01em; max-width:16ch; }.stcl-za-nas-page .venn{ position:relative; width:100%; max-width:520px; margin-inline:auto; aspect-ratio:1/1; }.stcl-za-nas-page .venn__set{ position:absolute; inset:0; mix-blend-mode:multiply; }.stcl-za-nas-page .venn__circle{
  position:absolute; width:60%; aspect-ratio:1/1; border-radius:50%;
  display:grid; place-items:center; transform:scale(.4); opacity:0;
  transition:transform .8s cubic-bezier(.2,.7,.2,1), opacity .8s;
}.stcl-za-nas-page .venn__circle.c1{ top:2%;  left:20%; background:radial-gradient(circle at 38% 34%, rgba(237,78,155,.62), rgba(237,78,155,.34)); transition-delay:.05s; }.stcl-za-nas-page .venn__circle.c2{ bottom:3%; left:1%;  background:radial-gradient(circle at 38% 34%, rgba(124,82,240,.58), rgba(124,82,240,.32)); transition-delay:.18s; }.stcl-za-nas-page .venn__circle.c3{ bottom:3%; right:1%; background:radial-gradient(circle at 38% 34%, rgba(43,86,233,.6), rgba(43,86,233,.34)); transition-delay:.31s; }.stcl-za-nas-page .reveal.in .venn__circle{ transform:scale(1); opacity:1; }.stcl-za-nas-page .venn__label{
  position:absolute; z-index:3; font-family:var(--ui); font-weight:700; font-size:13px;
  letter-spacing:.02em; color:var(--ink); background:#fff; border:1px solid var(--line);
  padding:8px 15px; border-radius:100px; white-space:nowrap;
  box-shadow:0 10px 26px -14px rgba(124,82,240,.45);
  opacity:0; transform:translateY(8px); transition:opacity .5s ease, transform .5s ease;
}.stcl-za-nas-page .venn__label .dot{ display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:8px; vertical-align:middle; }.stcl-za-nas-page .reveal.in .venn__label{ opacity:1; transform:none; }.stcl-za-nas-page .venn__label.l1{ top:-2%; left:50%; transform:translate(-50%,8px); transition-delay:.5s; }.stcl-za-nas-page .reveal.in .venn__label.l1{ transform:translate(-50%,0); }.stcl-za-nas-page .venn__label.l2{ bottom:6%; left:-2%; transition-delay:.62s; }.stcl-za-nas-page .venn__label.l3{ bottom:6%; right:-2%; transition-delay:.74s; }.stcl-za-nas-page .venn__core{
  position:absolute; z-index:4; left:50%; top:53%; transform:translate(-50%,-50%) scale(.5);
  width:128px; height:128px; border-radius:50%; background:#fff;
  box-shadow:0 24px 48px -20px rgba(124,82,240,.5); display:grid; place-items:center; text-align:center;
  opacity:0; transition:transform .7s cubic-bezier(.2,.7,.2,1) .42s, opacity .7s ease .42s;
}.stcl-za-nas-page .reveal.in .venn__core{ opacity:1; transform:translate(-50%,-50%) scale(1); }.stcl-za-nas-page .venn__core .mk{ width:34px; height:34px; border-radius:11px; background:var(--grad); color:#fff; display:grid; place-items:center; }.stcl-za-nas-page .venn__core .mk svg{ width:20px; height:20px; }.stcl-za-nas-page .venn__core .venn__logo{ width:74px; height:74px; display:block; }.stcl-za-nas-page .venn__core .tx{ font-family:var(--ui); font-weight:700; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--violet); margin-top:7px; }.stcl-za-nas-page .ab-manifest{ position:relative; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.stcl-za-nas-page .ab-manifest__grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(30px,5vw,72px); align-items:start; }.stcl-za-nas-page .ab-manifest__head{
  font-family:var(--display); font-weight:700; letter-spacing:-.025em; line-height:1.06;
  font-size:clamp(28px,3.8vw,52px); margin:16px 0 0; text-wrap:balance; max-width:18ch;
}.stcl-za-nas-page .ab-manifest__body{ padding-top:clamp(4px,1vw,14px); }.stcl-za-nas-page .ab-manifest__body p{ font-family:var(--body); color:var(--ink-2); font-size:clamp(16px,1.3vw,18.5px); line-height:1.62; margin:0 0 18px; max-width:54ch; }.stcl-za-nas-page .ab-manifest__body p:last-child{ margin-bottom:0; }.stcl-za-nas-page .pillars{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,1.6vw,24px); margin-top:clamp(40px,5vw,64px); }.stcl-za-nas-page .pillar{
  position:relative; overflow:hidden; display:flex; flex-direction:column;
  background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg);
  padding:clamp(28px,3vw,40px); transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s, border-color .3s;
}.stcl-za-nas-page .pillar:hover{ transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:transparent; }.stcl-za-nas-page .pillar__ix{ font-family:var(--display); font-weight:700; font-size:clamp(38px,3.6vw,54px); line-height:1; color:var(--accent); letter-spacing:-.02em; }.stcl-za-nas-page .pillar__icon{
  width:54px; height:54px; border-radius:15px; margin:16px 0 18px; flex:none;
  display:grid; place-items:center; background:var(--grad-soft); color:var(--violet);
}.stcl-za-nas-page .pillar__icon svg{ width:27px; height:27px; }.stcl-za-nas-page .pillar__name{ font-family:var(--display); font-weight:700; font-size:clamp(22px,2vw,28px); letter-spacing:-.02em; margin:0 0 12px; line-height:1.06; }.stcl-za-nas-page .pillar__desc{ font-family:var(--body); color:var(--ink-2); font-size:15.5px; line-height:1.62; margin:0; }.stcl-za-nas-page .pillar--feat{ background:var(--grad); border-color:transparent; color:#fff; }.stcl-za-nas-page .pillar--feat .pillar__ix{ color:#FFE3F1; }.stcl-za-nas-page .pillar--feat .pillar__icon{ background:rgba(255,255,255,.2); color:#fff; }.stcl-za-nas-page .pillar--feat .pillar__name{ color:#fff; }.stcl-za-nas-page .pillar--feat .pillar__desc{ color:rgba(255,255,255,.86); }.stcl-za-nas-page .pillar--feat::after{ content:""; position:absolute; width:240px; height:240px; border-radius:50%; right:-80px; bottom:-110px; background:radial-gradient(circle,rgba(255,255,255,.26),transparent 65%); }.stcl-za-nas-page .ab-band{ position:relative; overflow:hidden; background:var(--grad); color:#fff; border-radius:var(--r-xl); padding:clamp(40px,5vw,76px); }.stcl-za-nas-page .ab-band::after{ content:""; position:absolute; width:460px; height:460px; border-radius:50%; right:-150px; top:-180px; background:radial-gradient(circle,rgba(255,255,255,.32),transparent 62%); pointer-events:none; }.stcl-za-nas-page .ab-band__in{ position:relative; z-index:1; max-width:760px; }.stcl-za-nas-page .ab-band .mono-eyebrow{ color:#fff; margin-bottom:20px; }.stcl-za-nas-page .ab-band .mono-eyebrow::before{ background:rgba(255,255,255,.85); }.stcl-za-nas-page .ab-band h2{ font-family:var(--display); font-weight:700; font-size:clamp(28px,3.6vw,52px); letter-spacing:-.025em; line-height:1.04; margin:0; color:#fff; text-wrap:balance; }.stcl-za-nas-page .ab-band h2 .ab-hl{ color:#FFE3F1; }.stcl-za-nas-page .ab-band p{ font-family:var(--body); color:rgba(255,255,255,.86); font-size:clamp(16px,1.3vw,18.5px); line-height:1.62; margin:22px 0 0; max-width:64ch; }.stcl-za-nas-page .ab-band__cta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:32px; }.stcl-za-nas-page .ab-band .btn--accent{ background:#fff; color:var(--violet); border-color:#fff; }.stcl-za-nas-page .ab-band .btn--accent:hover{ box-shadow:0 16px 34px -14px rgba(0,0,0,.3); }.stcl-za-nas-page .ab-band .btn--ghost{ border-color:rgba(255,255,255,.5); color:#fff; }.stcl-za-nas-page .ab-band .btn--ghost:hover{ background:#fff; color:var(--violet); border-color:#fff; }.stcl-za-nas-page .ab-list{ margin-top:clamp(40px,5vw,60px); border-top:1px solid var(--line); }.stcl-za-nas-page .ab-row{
  display:grid; grid-template-columns:auto 1.05fr 1.35fr auto; gap:clamp(20px,3vw,44px); align-items:center;
  padding:clamp(24px,2.6vw,34px) 6px; border-bottom:1px solid var(--line);
  position:relative; transition:padding-left .3s cubic-bezier(.2,.7,.2,1), padding-right .3s;
}.stcl-za-nas-page .ab-row::before{ content:""; position:absolute; left:0; top:0; height:100%; width:0; background:var(--grad-soft); opacity:0; transition:width .35s cubic-bezier(.2,.7,.2,1), opacity .35s; z-index:0; }.stcl-za-nas-page .ab-row:hover{ padding-left:22px; padding-right:18px; }.stcl-za-nas-page .ab-row:hover::before{ width:100%; opacity:1; }.stcl-za-nas-page .ab-row > *{ position:relative; z-index:1; }.stcl-za-nas-page .ab-row__no{ font-family:var(--ui); font-weight:700; font-size:15px; color:var(--accent); letter-spacing:.04em; }.stcl-za-nas-page .ab-row__name{ font-family:var(--display); font-weight:700; font-size:clamp(22px,2.4vw,34px); letter-spacing:-.022em; line-height:1.04; transition:color .25s; }.stcl-za-nas-page .ab-row:hover .ab-row__name{ color:var(--accent); }.stcl-za-nas-page .ab-row__desc{ font-family:var(--body); color:var(--ink-2); font-size:clamp(15px,1.2vw,17px); line-height:1.55; margin:0; }.stcl-za-nas-page .ab-row__go{ width:46px; height:46px; flex:none; border-radius:50%; border:1.5px solid var(--line); display:grid; place-items:center; color:var(--accent); transition:.3s; }.stcl-za-nas-page .ab-row:hover .ab-row__go{ background:var(--grad); border-color:transparent; color:#fff; }.stcl-za-nas-page .ab-row__go svg{ width:17px; height:17px; transition:transform .3s; }.stcl-za-nas-page .ab-row:hover .ab-row__go svg{ transform:translate(2px,-2px); }.stcl-za-nas-page .ab-final{ text-align:center; padding-block:clamp(40px,5vw,72px); }.stcl-za-nas-page .ab-final h2{ font-family:var(--display); font-weight:700; font-size:clamp(30px,4.4vw,58px); letter-spacing:-.025em; line-height:1.04; margin:0 auto; max-width:20ch; text-wrap:balance; }.stcl-za-nas-page .ab-final p{ font-family:var(--body); color:var(--ink-2); font-size:clamp(16px,1.35vw,19px); line-height:1.6; margin:22px auto 0; max-width:54ch; }.stcl-za-nas-page .ab-final .ab-hero__cta{ justify-content:center; margin-top:32px; }@media (max-width:1024px){.stcl-za-nas-page .ab-hero__grid{ grid-template-columns:1fr; }.stcl-za-nas-page .venn{ order:-1; max-width:420px; }.stcl-za-nas-page .ab-manifest__grid{ grid-template-columns:1fr; gap:22px; }.stcl-za-nas-page .pillars{ grid-template-columns:1fr; }.stcl-za-nas-page .ab-row{ grid-template-columns:auto 1fr auto; gap:18px 24px; }.stcl-za-nas-page .ab-row__desc{ grid-column:2 / -1; }
}@media (max-width:640px){.stcl-za-nas-page .ab-hero__meta{ flex-wrap:wrap; gap:20px 28px; }.stcl-za-nas-page .ab-row{ grid-template-columns:auto 1fr; }.stcl-za-nas-page .ab-row__go{ display:none; }.stcl-za-nas-page .ab-row__desc{ grid-column:1 / -1; }
}.stcl-za-nas-page .ab-hero__cta,.stcl-za-nas-page .ab-band__cta,.stcl-za-nas-page .ab-final .ab-hero__cta{flex-direction:row!important}.stcl-za-nas-page .ab-hero__meta{flex-direction:row!important}.stcl-za-nas-page .marquee,.stcl-za-nas-page .marquee__track{flex-direction:row!important}.stcl-za-nas-page .ab-hero{padding-top:clamp(125px,13vw,150px)!important}.stcl-za-nas-page .venn__set{flex-direction:row!important}

/* venn wheel rotation (CCW), labels counter-rotate to stay horizontal, core/logo fixed */
.stcl-za-nas-page .venn__set,.stcl-za-nas-page .venn__labels{animation:vennWheel 20s linear infinite}
.stcl-za-nas-page .venn__labels{position:absolute;inset:0;z-index:3;pointer-events:none}
.stcl-za-nas-page .venn__labels .venn__label{animation:vennWheelRev 20s linear infinite}
.stcl-za-nas-page .venn__labels .venn__label.l1{animation:vennWheelRevL1 20s linear infinite}
@keyframes vennWheel{from{transform:rotate(0)}to{transform:rotate(-360deg)}}
@keyframes vennWheelRev{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes vennWheelRevL1{from{transform:translate(-50%,0) rotate(0)}to{transform:translate(-50%,0) rotate(360deg)}}
.stcl-za-nas-page .venn__core .venn__logo{width:74px;height:74px;display:block}
/* constrain content width to 1240 like other pages */
.stcl-za-nas-page .wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,5vw,64px);box-sizing:border-box}

/* keep logo at the stationary intersection center: rotate circles+labels around their centroid, place core there */
.stcl-za-nas-page .venn__set,.stcl-za-nas-page .venn__labels{transform-origin:50% 55.3%}
.stcl-za-nas-page .venn__core{top:55.3%}

/* color fixes: gradient text + accent eyebrow (enhance.css globals don't reach this page) */
.stcl-za-nas-page .mono-eyebrow{color:var(--accent)}
.stcl-za-nas-page .grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* --- venn tweaks + section spacing (user request) --- */
.stcl-za-nas-page .venn__core{width:104px;height:104px}
.stcl-za-nas-page .venn__core .venn__logo{width:58px;height:58px}
.stcl-za-nas-page .venn{align-self:start}
@media(min-width:1025px){.stcl-za-nas-page .venn{margin-top:-30px}}
@media(max-width:1024px){.stcl-za-nas-page .venn{order:0!important;margin-top:0}}
.stcl-za-nas-page #brx-content > .brxe-section:not(.ab-hero){padding-top:40px!important;padding-bottom:40px!important}

/* mobile: hero stats in one row */
@media(max-width:640px){
  .stcl-za-nas-page .ab-hero__meta{flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;align-items:flex-start!important}
  .stcl-za-nas-page .ab-hero__meta .ab-stat{flex:1 1 0!important;min-width:0!important}
  .stcl-za-nas-page .ab-stat .n{font-size:clamp(20px,6vw,28px)!important}
  .stcl-za-nas-page .ab-stat .l{font-size:11px!important;max-width:none!important;margin-top:6px!important}
}

/* fix marquee on about page (track must be max-content, logos must not shrink) */
.stcl-za-nas-page .marquee{overflow:hidden}
.stcl-za-nas-page .marquee__track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:max-content!important;animation:marq 32s linear infinite}
.stcl-za-nas-page .marquee .logo{flex:0 0 auto!important;white-space:nowrap!important}
.stcl-za-nas-page .marquee__track{max-width:none!important}

/* differentiators arrow circles -> clickable links */
.stcl-za-nas-page .svc__go .svc__golink{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:inherit;text-decoration:none}