/* ============================================================
   CENTERSPREAD v6.8 — CINEMATIC ABOUT + TEAM PICTURES
============================================================ */
.cs-about-v68{width:100%;overflow-x:clip}

/* Cinematic intro */
.cs-about-intro{
  --p:#8e2192;
  --o:#f15c24;
  position:fixed;
  inset:0;
  z-index:32000;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 70% 27%,rgba(142,33,146,.15),transparent 29%),
    radial-gradient(circle at 84% 78%,rgba(241,92,36,.14),transparent 31%),
    linear-gradient(135deg,#fff,#fbf7fc 56%,#fff8f3);
  transition:opacity .72s cubic-bezier(.16,1,.3,1),visibility .72s;
}
.cs-about-intro.is-done{opacity:0;visibility:hidden;pointer-events:none}

.cs-about-intro-grid-lines{position:absolute;inset:0;pointer-events:none}
.cs-about-intro-grid-lines i{
  position:absolute;top:-20%;width:1px;height:140%;
  background:linear-gradient(transparent,rgba(142,33,146,.18),rgba(241,92,36,.15),transparent);
  transform:rotate(18deg) translateY(-100%);
  animation:aboutV68Line 3.8s ease-in-out infinite;
}
.cs-about-intro-grid-lines i:nth-child(1){left:15%;animation-delay:.1s}
.cs-about-intro-grid-lines i:nth-child(2){left:38%;animation-delay:.55s}
.cs-about-intro-grid-lines i:nth-child(3){left:66%;animation-delay:1s}
.cs-about-intro-grid-lines i:nth-child(4){left:87%;animation-delay:1.45s}

.cs-about-intro-inner{
  position:relative;z-index:4;
  width:min(1180px,90vw);
  min-height:640px;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);
  gap:58px;
  align-items:center;
}
.cs-about-intro-copy{
  opacity:0;transform:translateY(26px);
  animation:aboutV68Copy .82s .28s cubic-bezier(.16,1,.3,1) forwards;
}
.cs-about-intro-kicker{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--p);font-size:11px;font-weight:900;letter-spacing:.18em
}
.cs-about-intro-kicker:before{
  content:"";width:30px;height:2px;background:linear-gradient(90deg,var(--p),var(--o))
}
.cs-about-intro-copy h2{
  max-width:620px;margin:20px 0 24px;
  font-size:clamp(48px,5.2vw,76px);line-height:.94;letter-spacing:-.06em;color:#19151d
}
.cs-about-intro-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cs-about-intro-flow span{
  padding:8px 11px;border:1px solid rgba(142,33,146,.12);border-radius:999px;
  background:rgba(255,255,255,.78);color:#66616b;font-size:11px;font-weight:850;
  opacity:0;transform:translateY(8px);animation:aboutV68Pill .45s ease forwards
}
.cs-about-intro-flow span:nth-of-type(1){animation-delay:.85s}
.cs-about-intro-flow span:nth-of-type(2){animation-delay:1.12s}
.cs-about-intro-flow span:nth-of-type(3){animation-delay:1.39s}
.cs-about-intro-flow i{font-style:normal;color:var(--o);opacity:.6}

.cs-about-intro-founder{
  display:grid;gap:3px;margin-top:26px;
  opacity:0;transform:translateX(-12px);
  animation:aboutV68Founder .58s 1.62s cubic-bezier(.16,1,.3,1) forwards
}
.cs-about-intro-founder strong{font-size:20px;color:#201c23}
.cs-about-intro-founder span{font-size:12px;font-weight:850;color:var(--p);letter-spacing:.04em}
.cs-about-intro-progress{
  width:min(430px,100%);height:4px;margin-top:25px;overflow:hidden;border-radius:999px;background:#ece6ee
}
.cs-about-intro-progress span{
  display:block;width:0;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,var(--p),#cb3479,var(--o))
}

.cs-about-intro-stage{position:relative;min-height:620px;display:grid;place-items:end center}
.cs-about-intro-glow{
  position:absolute;left:50%;bottom:55px;width:450px;height:450px;transform:translateX(-50%);
  border-radius:50%;filter:blur(8px);
  background:radial-gradient(circle,rgba(142,33,146,.18),rgba(241,92,36,.09) 47%,transparent 70%);
  animation:aboutV68Glow 2.4s ease-in-out infinite alternate
}
.cs-about-intro-portrait{
  position:relative;z-index:5;display:block;width:min(525px,100%);max-height:615px;
  object-fit:contain;object-position:center bottom;
  opacity:0;clip-path:inset(100% 0 0 0 round 34px);
  transform:translateY(75px) scale(.92);filter:blur(7px) saturate(.9);
  animation:aboutV68Portrait 1.35s .15s cubic-bezier(.16,1,.3,1) forwards
}
.cs-about-intro-orbit{
  position:absolute;left:50%;bottom:86px;border-radius:50%;transform:translateX(-50%);
  border:1px solid rgba(142,33,146,.18)
}
.orbit-one{width:520px;height:520px;animation:aboutV68Orbit 15s linear infinite}
.orbit-two{width:430px;height:430px;border-style:dashed;animation:aboutV68OrbitR 19s linear infinite}
.orbit-three{width:325px;height:325px;border-color:rgba(241,92,36,.18);animation:aboutV68Pulse 3s ease-in-out infinite}

.cs-about-node{
  position:absolute;z-index:8;min-width:78px;padding:9px 11px;border-radius:14px;
  border:1px solid rgba(142,33,146,.11);background:rgba(255,255,255,.92);
  box-shadow:0 14px 32px rgba(50,29,58,.10);color:#5c5862;
  font-size:9px;font-weight:900;text-align:center;opacity:0;
  animation:aboutV68Node .5s cubic-bezier(.16,1,.3,1) forwards,aboutV68Float 4s ease-in-out infinite alternate
}
.node-one{left:0;top:25%;animation-delay:.72s,1.4s}
.node-two{right:1%;top:22%;animation-delay:.96s,1.65s}
.node-three{left:4%;bottom:17%;animation-delay:1.2s,1.9s}
.node-four{right:0;bottom:20%;animation-delay:1.44s,2.15s}

.cs-about-intro-sound,.cs-about-intro-skip{
  position:absolute;z-index:12;top:24px;min-height:40px;border:1px solid rgba(142,33,146,.13);
  border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);
  color:#5e5963;font-family:inherit;font-size:11px;font-weight:850;cursor:pointer
}
.cs-about-intro-sound{right:91px;display:flex;align-items:center;gap:8px;padding:0 14px}
.cs-about-intro-skip{right:28px;padding:0 13px}
.cs-about-intro-sound b{
  width:8px;height:8px;border-radius:50%;background:#aaa3ad;box-shadow:0 0 0 4px rgba(142,33,146,.06)
}
.cs-about-intro-sound.is-on b{background:var(--o);animation:aboutV68Sound 1s ease-in-out infinite}

/* Team photo section */
.cs-about-people{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 9% 16%,rgba(142,33,146,.07),transparent 25%),
    radial-gradient(circle at 92% 80%,rgba(241,92,36,.07),transparent 28%),
    linear-gradient(#fff,#fcf9fd)
}
.cs-people-head{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
  gap:58px;align-items:end;margin-bottom:42px
}
.cs-people-head h2{margin:13px 0 0;font-size:clamp(42px,4vw,62px);line-height:.98;letter-spacing:-.055em}
.cs-people-head p{margin:0;color:#70727c;line-height:1.65}
.cs-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}

.cs-person-card{
  min-width:0;overflow:hidden;border:1px solid rgba(142,33,146,.10);border-radius:24px;background:#fff;
  box-shadow:0 12px 32px rgba(55,31,63,.055);
  opacity:0;transform:translateY(22px);transform-style:preserve-3d;
  transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1),box-shadow .35s ease
}
.cs-person-card.is-in{opacity:1;transform:none}
.cs-person-card:hover{box-shadow:0 24px 50px rgba(55,31,63,.11)}
.cs-person-photo{
  position:relative;min-height:330px;overflow:hidden;
  background:radial-gradient(circle at 50% 30%,rgba(142,33,146,.10),transparent 35%),linear-gradient(145deg,#f9f2fa,#fff7ef)
}
.cs-person-photo img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;
  transition:transform .65s cubic-bezier(.16,1,.3,1)
}
.cs-person-card:hover .cs-person-photo img{transform:scale(1.035)}
.cs-person-placeholder{
  position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:64px;font-weight:900;
  background:linear-gradient(135deg,#76158b,#bd2a82,#f15c24)
}
.cs-person-index{
  position:absolute;top:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;
  border-radius:50%;background:rgba(255,255,255,.92);color:#8e2192;font-size:10px;font-weight:900
}
.cs-person-copy{padding:22px 22px 24px}
.cs-person-role{color:#8e2192;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.cs-person-copy h3{margin:8px 0;color:#201e24;font-size:25px;line-height:1.04;letter-spacing:-.04em}
.cs-person-copy p{margin:0;color:#747680;font-size:13px;line-height:1.55}
.cs-people-note{
  margin-top:20px;padding:18px 20px;border:1px solid rgba(142,33,146,.10);border-radius:18px;
  background:rgba(255,255,255,.76);color:#6f6e77;font-size:12px;font-weight:850;text-align:center;
  opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)
}
.cs-people-note.is-in{opacity:1;transform:none}

/* responsive */
@media(max-width:1100px){
  .cs-about-intro-inner{grid-template-columns:1fr 1fr;gap:34px}
  .cs-about-intro-stage{min-height:550px}
  .orbit-one{width:445px;height:445px}.orbit-two{width:370px;height:370px}.orbit-three{width:280px;height:280px}
  .cs-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .cs-about-intro-inner{width:min(760px,88vw);min-height:0;grid-template-columns:1fr;gap:0;text-align:center}
  .cs-about-intro-copy{position:relative;z-index:10;padding-top:68px}
  .cs-about-intro-kicker{justify-content:center}
  .cs-about-intro-copy h2{margin-inline:auto;font-size:clamp(42px,9vw,58px)}
  .cs-about-intro-flow{justify-content:center}
  .cs-about-intro-progress{margin-inline:auto}
  .cs-about-intro-stage{min-height:375px;margin-top:-26px}
  .cs-about-intro-portrait{width:min(390px,82vw);max-height:390px}
  .orbit-one{width:350px;height:350px;bottom:22px}.orbit-two{width:295px;height:295px;bottom:50px}.orbit-three{width:225px;height:225px;bottom:80px}
  .node-one{left:3%;top:22%}.node-two{right:3%;top:20%}.node-three{left:5%;bottom:12%}.node-four{right:4%;bottom:14%}
  .cs-people-head{grid-template-columns:1fr;gap:18px}
}
@media(max-width:620px){
  .cs-about-intro-sound{right:76px;top:15px}.cs-about-intro-skip{right:13px;top:15px}
  .cs-about-intro-copy h2{font-size:38px}
  .cs-about-intro-stage{min-height:335px}
  .cs-about-node{min-width:66px;padding:7px;font-size:8px}
  .cs-people-grid{grid-template-columns:1fr}
  .cs-person-photo{min-height:380px}
}
@media(max-width:430px){
  .cs-about-intro-inner{width:92vw}
  .cs-about-intro-copy{padding-top:78px}
  .cs-about-intro-copy h2{font-size:34px}
  .cs-about-intro-flow{gap:6px;font-size:10px}
  .cs-about-intro-flow span{padding:6px 8px}
  .cs-about-intro-stage{min-height:305px}
  .cs-about-intro-portrait{width:min(330px,86vw);max-height:315px}
  .orbit-one{width:295px;height:295px}.orbit-two{width:245px;height:245px}.orbit-three{width:190px;height:190px}
  .cs-person-photo{min-height:330px}
}

/* keyframes */
@keyframes aboutV68Line{0%{transform:rotate(18deg) translateY(-110%);opacity:0}18%{opacity:1}100%{transform:rotate(18deg) translateY(110%);opacity:0}}
@keyframes aboutV68Copy{to{opacity:1;transform:none}}
@keyframes aboutV68Pill{to{opacity:1;transform:none}}
@keyframes aboutV68Founder{to{opacity:1;transform:none}}
@keyframes aboutV68Portrait{
  0%{opacity:0;clip-path:inset(100% 0 0 0 round 34px);transform:translateY(75px) scale(.92);filter:blur(7px) saturate(.9)}
  70%{opacity:1;clip-path:inset(0 0 0 0 round 34px);transform:translateY(-5px) scale(1.01);filter:none}
  100%{opacity:1;clip-path:inset(0 0 0 0 round 34px);transform:none;filter:none}
}
@keyframes aboutV68Orbit{from{transform:translateX(-50%) rotate(0)}to{transform:translateX(-50%) rotate(360deg)}}
@keyframes aboutV68OrbitR{from{transform:translateX(-50%) rotate(360deg)}to{transform:translateX(-50%) rotate(0)}}
@keyframes aboutV68Pulse{0%,100%{transform:translateX(-50%) scale(.96);opacity:.55}50%{transform:translateX(-50%) scale(1.04);opacity:1}}
@keyframes aboutV68Node{from{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:none}}
@keyframes aboutV68Float{from{translate:0 0}to{translate:0 -7px}}
@keyframes aboutV68Glow{from{transform:translateX(-50%) scale(.94);opacity:.64}to{transform:translateX(-50%) scale(1.05);opacity:1}}
@keyframes aboutV68Sound{0%,100%{box-shadow:0 0 0 3px rgba(241,92,36,.10)}50%{box-shadow:0 0 0 8px rgba(241,92,36,.04)}}

@media(prefers-reduced-motion:reduce){
  .cs-about-intro{display:none!important}
  .cs-person-card,.cs-people-note{opacity:1!important;transform:none!important;transition:none!important}
}


/* ============================================================
   V7.0 — ABOUT HERO CENTER CORE TYPOGRAPHY FIX
============================================================ */

/* Keep the AI-FIRST / CENTERSPREAD / Fractional Growth Partner lockup
   completely contained inside the circular hero core. */
.cs-about-v68 .hero-art .hero-core{
  display:grid !important;
  place-items:center !important;
  text-align:center !important;
  overflow:hidden !important;
}

.cs-about-v68 .hero-art .hero-core > div{
  width:82% !important;
  max-width:82% !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  text-align:center !important;
}

.cs-about-v68 .hero-art .hero-core small{
  display:block !important;
  max-width:100% !important;
  margin:0 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.15em !important;
  white-space:nowrap !important;
}

.cs-about-v68 .hero-art .hero-core strong{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;

  font-size:clamp(20px,1.8vw,24px) !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.045em !important;
  text-align:center !important;
  white-space:nowrap !important;

  overflow:hidden !important;
  text-overflow:clip !important;
}

.cs-about-v68 .hero-art .hero-core span{
  display:block !important;
  max-width:100% !important;
  margin:0 !important;
  font-size:11px !important;
  line-height:1.2 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

/* Tablet / smaller hero visual */
@media(max-width:1100px){
  .cs-about-v68 .hero-art .hero-core > div{
    width:84% !important;
    max-width:84% !important;
  }

  .cs-about-v68 .hero-art .hero-core strong{
    font-size:22px !important;
  }

  .cs-about-v68 .hero-art .hero-core span{
    font-size:10px !important;
  }
}

/* Phones */
@media(max-width:620px){
  .cs-about-v68 .hero-art .hero-core > div{
    width:86% !important;
    max-width:86% !important;
    gap:5px !important;
  }

  .cs-about-v68 .hero-art .hero-core small{
    font-size:8px !important;
  }

  .cs-about-v68 .hero-art .hero-core strong{
    font-size:18px !important;
    letter-spacing:-.04em !important;
  }

  .cs-about-v68 .hero-art .hero-core span{
    font-size:8.5px !important;
  }
}


/* ============================================================
   V7.1 — ABOUT CORE WORDMARK SMALLER
============================================================ */

/* Reduce CENTERSPREAD further so it has comfortable side clearance. */
.cs-about-v68 .hero-art .hero-core > div{
  width:88% !important;
  max-width:88% !important;
}

.cs-about-v68 .hero-art .hero-core strong{
  font-size:clamp(16px,1.45vw,20px) !important;
  line-height:1 !important;
  letter-spacing:-.035em !important;
  transform:scaleX(.96) !important;
  transform-origin:center !important;
}

.cs-about-v68 .hero-art .hero-core small{
  font-size:9px !important;
}

.cs-about-v68 .hero-art .hero-core span{
  font-size:9.5px !important;
}

@media(max-width:1100px){
  .cs-about-v68 .hero-art .hero-core strong{
    font-size:18px !important;
  }

  .cs-about-v68 .hero-art .hero-core small{
    font-size:8px !important;
  }

  .cs-about-v68 .hero-art .hero-core span{
    font-size:8.5px !important;
  }
}

@media(max-width:620px){
  .cs-about-v68 .hero-art .hero-core > div{
    width:90% !important;
    max-width:90% !important;
  }

  .cs-about-v68 .hero-art .hero-core strong{
    font-size:15px !important;
    transform:scaleX(.94) !important;
  }

  .cs-about-v68 .hero-art .hero-core small{
    font-size:7.5px !important;
  }

  .cs-about-v68 .hero-art .hero-core span{
    font-size:8px !important;
  }
}


/* ============================================================
   V7.2 — ABOUT CORE CENTERSPREAD EXTRA-SMALL WORDMARK
============================================================ */
.cs-about-v68 .hero-art .hero-core > div{
  width:90% !important;
  max-width:90% !important;
}

.cs-about-v68 .hero-art .hero-core strong{
  font-size:clamp(13px,1.15vw,16px) !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;
  transform:scaleX(.95) !important;
  transform-origin:center !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

.cs-about-v68 .hero-art .hero-core small{
  font-size:8px !important;
}

.cs-about-v68 .hero-art .hero-core span{
  font-size:8.5px !important;
}

@media(max-width:1100px){
  .cs-about-v68 .hero-art .hero-core strong{
    font-size:14px !important;
    transform:scaleX(.94) !important;
  }

  .cs-about-v68 .hero-art .hero-core small{
    font-size:7px !important;
  }

  .cs-about-v68 .hero-art .hero-core span{
    font-size:7.5px !important;
  }
}

@media(max-width:620px){
  .cs-about-v68 .hero-art .hero-core > div{
    width:92% !important;
    max-width:92% !important;
  }

  .cs-about-v68 .hero-art .hero-core strong{
    font-size:12px !important;
    transform:scaleX(.93) !important;
  }

  .cs-about-v68 .hero-art .hero-core small{
    font-size:6.5px !important;
  }

  .cs-about-v68 .hero-art .hero-core span{
    font-size:7px !important;
  }
}


/* ============================================================
   V7.3 — PERSONAL FOUNDER NOTE
============================================================ */
.cs-about-founder-note{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 20%,rgba(142,33,146,.08),transparent 28%),
    radial-gradient(circle at 90% 82%,rgba(241,92,36,.08),transparent 30%),
    linear-gradient(180deg,#fcf9fd,#fff);
}

.cs-founder-note-grid{
  display:grid;
  grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);
  gap:64px;
  align-items:center;
}

.cs-founder-note-photo{
  position:relative;
}

.cs-founder-photo-frame{
  position:relative;
  min-height:560px;
  overflow:hidden;
  border:1px solid rgba(142,33,146,.10);
  border-radius:30px;
  background:
    radial-gradient(circle at 50% 27%,rgba(142,33,146,.11),transparent 34%),
    linear-gradient(145deg,#f9f2fb,#fff7f0);
  box-shadow:0 28px 64px rgba(55,31,63,.11);
}

.cs-founder-photo-frame::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  left:50%;
  top:44px;
  transform:translateX(-50%);
  border-radius:50%;
  border:1px dashed rgba(142,33,146,.17);
  animation:csFounderOrbitV73 18s linear infinite;
}

.cs-founder-photo-frame img{
  position:absolute;
  z-index:2;
  inset:auto 0 0;
  width:100%;
  height:94%;
  object-fit:contain;
  object-position:center bottom;
  filter:saturate(.98);
  transition:transform .65s cubic-bezier(.16,1,.3,1);
}

.cs-founder-photo-frame:hover img{
  transform:scale(1.025) translateY(-3px);
}

.cs-founder-photo-badge{
  position:absolute;
  z-index:4;
  left:20px;
  bottom:20px;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(142,33,146,.10);
  box-shadow:0 10px 22px rgba(45,27,50,.08);
  color:#8e2192;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  backdrop-filter:blur(9px);
}

.cs-founder-mini-proof{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:12px;
}

.cs-founder-mini-proof span{
  display:grid;
  place-items:center;
  min-height:48px;
  padding:8px;
  border:1px solid rgba(142,33,146,.09);
  border-radius:14px;
  background:#fff;
  color:#68656e;
  font-size:9px;
  font-weight:850;
  text-align:center;
}

.cs-founder-note-copy{
  position:relative;
}

.cs-founder-note-copy h2{
  max-width:760px;
  margin:14px 0 22px;
  color:#1d1a20;
  font-size:clamp(42px,4.4vw,64px);
  line-height:.98;
  letter-spacing:-.058em;
}

.cs-founder-quote-mark{
  position:absolute;
  right:0;
  top:16px;
  color:rgba(142,33,146,.10);
  font-size:150px;
  font-weight:900;
  line-height:.7;
  pointer-events:none;
}

.cs-founder-note-body{
  position:relative;
  z-index:2;
  max-width:760px;
}

.cs-founder-note-body p{
  margin:0 0 17px;
  color:#666a74;
  font-size:17px;
  line-height:1.72;
}

.cs-founder-principles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:28px;
}

.cs-founder-principles>div{
  min-height:126px;
  padding:16px;
  border:1px solid rgba(142,33,146,.09);
  border-radius:17px;
  background:rgba(255,255,255,.86);
  box-shadow:0 8px 22px rgba(55,31,63,.035);
}

.cs-founder-principles strong{
  display:block;
  margin-bottom:7px;
  color:#28252d;
  font-size:13px;
  line-height:1.2;
}

.cs-founder-principles span{
  color:#797a82;
  font-size:11px;
  line-height:1.5;
}

.cs-founder-signoff{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-top:30px;
  padding-top:22px;
  border-top:1px solid #ebe5ed;
}

.cs-founder-signoff>div{
  display:grid;
  gap:3px;
}

.cs-founder-signoff strong{
  color:#222027;
  font-size:15px;
}

.cs-founder-signoff span{
  color:#8e2192;
  font-size:11px;
  font-weight:800;
}

.cs-founder-signature{
  color:#8e2192 !important;
  font-size:30px !important;
  font-weight:500 !important;
  letter-spacing:-.04em;
  transform:rotate(-4deg);
  transform-origin:right bottom;
}

@keyframes csFounderOrbitV73{
  from{transform:translateX(-50%) rotate(0deg)}
  to{transform:translateX(-50%) rotate(360deg)}
}

@media(max-width:1050px){
  .cs-founder-note-grid{
    grid-template-columns:1fr;
    gap:38px;
  }

  .cs-founder-photo-frame{
    width:min(560px,100%);
    min-height:520px;
    margin-inline:auto;
  }

  .cs-founder-mini-proof{
    width:min(560px,100%);
    margin-inline:auto;
    margin-top:12px;
  }
}

@media(max-width:720px){
  .cs-founder-note-grid{
    gap:30px;
  }

  .cs-founder-photo-frame{
    min-height:440px;
    border-radius:24px;
  }

  .cs-founder-photo-frame::before{
    width:300px;
    height:300px;
  }

  .cs-founder-note-copy h2{
    font-size:clamp(34px,10vw,46px);
  }

  .cs-founder-note-body p{
    font-size:15px;
  }

  .cs-founder-principles{
    grid-template-columns:1fr;
  }

  .cs-founder-principles>div{
    min-height:0;
  }
}

@media(max-width:470px){
  .cs-founder-photo-frame{
    min-height:390px;
  }

  .cs-founder-mini-proof{
    grid-template-columns:1fr;
  }

  .cs-founder-signoff{
    align-items:flex-start;
  }

  .cs-founder-signature{
    font-size:24px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .cs-founder-photo-frame::before{
    animation:none !important;
  }
}