.about-wrap {
  width: min(1180px, calc(100% - 48px));
  margin: auto;
}
.about-hero {
  position: relative;
  overflow: hidden;
  padding: 86px 0 54px;
  background: linear-gradient(125deg, #0a111f, #101d30 52%, #152b3b);
  color: #f5f8fc;
}
.about-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .28;
  background: radial-gradient(circle at 75% 35%, #39d6c420 0 1px, transparent 2px), linear-gradient(115deg, transparent 0 62%, #80d8dd10 62.2%, transparent 62.5%);
  background-size: 34px 34px, 100% 100%;
}
.about-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.06fr .94fr;
  gap: 70px;
  align-items: center;
}
.about-kicker {
  margin: 0 0 22px;
  color: #69d4d4;
  font: 11px/1.2 ui-monospace, SFMono-Regular, monospace;
  letter-spacing: 2px;
}
.about-hero h1 {
  max-width: 720px;
  margin: 0 0 25px;
  font-size: clamp(43px, 5.6vw, 76px);
  line-height: 1.1;
  letter-spacing: 0;
}
.about-hero h1 em,
.about-heading h2 em,
.about-cta h2 em {
  font-style: normal;
  color: #e6a878;
}
.about-lead {
  max-width: 620px;
  margin: 0;
  color: #b6c7d7;
  font-size: 19px;
  line-height: 1.9;
}
.about-actions {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 34px;
}
.about-button {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 14px 21px;
  border: 1px solid #e6a878;
  background: #e6a878;
  color: #171a20;
  font-weight: 600;
  transition: .25s;
}
.about-button:hover {
  background: #f2c49b;
  transform: translateY(-3px);
  box-shadow: 0 12px 25px #e6a8783d;
}
.about-text-link { color: #d6e4ee; font-size: 14px; }
.about-text-link span { color: #e6a878; font-size: 20px; }
.about-signal {
  position: relative;
  height: 410px;
  display: grid;
  place-items: center;
}
.signal-core {
  position: relative;
  z-index: 2;
  width: 160px;
  height: 160px;
  display: grid;
  place-items: center;
  text-align: center;
  border: 1px solid #e6a878;
  border-radius: 50%;
  background: radial-gradient(circle, #274454, #121c2c 70%);
  box-shadow: 0 0 0 12px #e6a8780d, 0 0 65px #5fcfd044;
  color: #dfeef6;
  font: 11px/1.7 ui-monospace, monospace;
  letter-spacing: 2px;
}
.signal-core b { color: #e6a878; font-size: 23px; }
.signal-orbit {
  position: absolute;
  border: 1px solid #69d4d455;
  border-radius: 50%;
  transform: rotateX(65deg) rotateZ(-22deg);
  animation: about-orbit 12s linear infinite;
}
.signal-orbit-a { width: 370px; height: 210px; }
.signal-orbit-b {
  width: 260px;
  height: 370px;
  transform: rotateX(65deg) rotateZ(58deg);
  animation-duration: 17s;
  animation-direction: reverse;
}
.signal-node {
  position: absolute;
  padding: 9px 13px;
  border: 1px solid #ffffff26;
  background: #102238d9;
  color: #c4d8e3;
  font: 11px ui-monospace, monospace;
  letter-spacing: 1px;
  box-shadow: 0 8px 20px #0003;
}
.signal-node-a { top: 12%; left: 12%; }
.signal-node-b { top: 17%; right: 6%; }
.signal-node-c { right: 17%; bottom: 15%; }
.signal-node-d { bottom: 8%; left: 19%; }
.about-hero-note {
  position: relative;
  z-index: 1;
  width: min(1180px, calc(100% - 48px));
  margin: 50px auto 0;
  padding-top: 16px;
  border-top: 1px solid #ffffff22;
  color: #8199aa;
  font: 11px ui-monospace, monospace;
  letter-spacing: 1px;
}
.about-hero-note span { margin-right: 12px; color: #e6a878; }
.about-section { padding: 105px 0; }
.about-belief { background: #f6f2ee; color: #273340; }
.about-heading h2,
.method-intro h2,
.about-capabilities h2 {
  margin: 0;
  font-size: clamp(34px, 4vw, 55px);
  line-height: 1.2;
  letter-spacing: 0;
}
.belief-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 58px;
}
.belief-grid article {
  padding: 29px 27px 32px;
  border-top: 2px solid #d59066;
  background: #fffaf6;
  transition: .3s;
}
.belief-grid article:hover { transform: translateY(-7px); box-shadow: 0 18px 35px #46382b12; }
.belief-index { color: #b77855; font: 11px ui-monospace, monospace; letter-spacing: 1px; }
.belief-grid h3 { margin: 34px 0 12px; font-size: 22px; }
.belief-grid p,
.method-intro p,
.about-capabilities p,
.about-cta p { color: #6b7379; line-height: 1.9; }
.about-method { background: #fff; color: #253340; }
.method-grid {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 100px;
  align-items: start;
}
.method-intro > p:last-child { max-width: 390px; margin-top: 28px; }
.method-steps { list-style: none; padding: 0; margin: 0; border-top: 1px solid #d9dfe2; }
.method-steps li {
  display: grid;
  grid-template-columns: 70px 1fr;
  gap: 20px;
  padding: 22px 0;
  border-bottom: 1px solid #d9dfe2;
}
.method-steps li > span { padding-top: 5px; color: #cf835f; font: 12px ui-monospace, monospace; }
.method-steps h3 { margin: 0 0 6px; font-size: 20px; }
.method-steps p { margin: 0; color: #6b7379; }
.about-proof { background: #172230; color: #f4f7fa; }
.about-heading-wide { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.about-heading-wide h2 { max-width: 540px; }
.about-heading-wide > p:last-child { max-width: 320px; margin: 0; color: #aabaca; line-height: 1.8; }
.proof-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 58px;
}
.proof-card {
  min-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  border: 1px solid #ffffff1c;
  background: #ffffff08;
  transition: .3s;
}
.proof-card:hover { border-color: #e6a87888; background: #e6a8780d; transform: translateY(-5px); }
.proof-card strong { color: #e6a878; font-size: 30px; }
.proof-card span { color: #adbdc8; font-size: 14px; line-height: 1.7; }
.about-capabilities { background: #eef3f4; color: #243542; }
.capability-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  align-items: center;
}
.about-capabilities p { max-width: 450px; }
.capability-map { position: relative; min-height: 370px; display: grid; place-items: center; }
.map-center {
  position: relative;
  z-index: 2;
  width: 116px;
  height: 116px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e6a878;
  color: #1e2c35;
  text-align: center;
  box-shadow: 0 0 0 16px #e6a87822, 0 16px 35px #1b39431c;
}
.map-pill {
  position: absolute;
  padding: 10px 15px;
  border: 1px solid #aabec3;
  background: #f9fcfb;
  color: #45606a;
  font-size: 13px;
  box-shadow: 0 8px 20px #35505a12;
  transition: .25s;
}
.map-pill:hover { border-color: #d59066; color: #a65f3e; transform: translateY(-4px); }
.map-pill-a { top: 7%; left: 9%; }
.map-pill-b { top: 2%; right: 7%; }
.map-pill-c { right: 4%; bottom: 13%; }
.map-pill-d { bottom: 0; left: 16%; }
.map-pill-e { top: 44%; right: -4%; }
.map-line {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 43%;
  height: 1px;
  transform-origin: left;
  background: #9bb7bd;
  opacity: .7;
}
.map-line-a { transform: rotate(-145deg); }
.map-line-b { transform: rotate(-35deg); }
.map-line-c { transform: rotate(35deg); }
.about-cta { padding: 105px 0; background: linear-gradient(130deg, #342737, #171e30); color: #fff; }
.about-cta h2 { margin: 0 0 20px; font-size: clamp(37px, 4.5vw, 63px); line-height: 1.15; }
.about-cta p { max-width: 500px; margin-bottom: 30px; color: #c0c5d0; }
.about-cta .about-button { margin-top: 8px; }
@keyframes about-orbit { to { transform: rotateX(65deg) rotateZ(338deg); } }
@media (max-width: 760px) {
  .about-wrap, .about-hero-note { width: calc(100% - 36px); }
  .about-hero { padding: 58px 0 40px; }
  .about-hero-grid, .method-grid, .capability-layout { grid-template-columns: 1fr; gap: 45px; }
  .about-hero h1 { font-size: 43px; }
  .about-lead { font-size: 17px; }
  .about-signal { height: 300px; scale: .84; }
  .belief-grid, .proof-grid { grid-template-columns: 1fr; }
  .about-section, .about-cta { padding: 70px 0; }
  .about-heading-wide { display: block; }
  .about-heading-wide > p:last-child { margin-top: 20px; }
  .map-pill-e { right: 0; }
  .about-actions { flex-wrap: wrap; }
  .about-hero-note { margin-top: 35px; }
}
@media (prefers-reduced-motion: reduce) {
  .about-signal * { animation: none !important; }
  .belief-grid article, .proof-card, .about-button, .map-pill { transition: none !important; }
}
.about-hero-copy { position: relative; z-index: 2; }
.about-hero-panel {
  position: relative;
  min-height: 392px;
  padding: 38px 36px 28px;
  overflow: hidden;
  border: 1px solid #ffffff2b;
  background: linear-gradient(145deg, #19364a, #101a2b 62%, #1e1d35);
  box-shadow: 0 24px 60px #0004;
}
.hero-panel-grid {
  position: absolute;
  inset: 0;
  opacity: .48;
  background: linear-gradient(#8edbe214 1px, transparent 1px), linear-gradient(90deg, #8edbe214 1px, transparent 1px);
  background-size: 35px 35px;
  mask-image: linear-gradient(135deg, #000, transparent 75%);
}
.hero-panel-grid:after {
  content: '';
  position: absolute;
  width: 180%;
  height: 1px;
  left: -42%;
  top: 51%;
  background: linear-gradient(90deg, transparent, #e6a878, transparent);
  box-shadow: 0 0 22px #e6a878;
  transform: rotate(-28deg);
  animation: panel-scan 8s ease-in-out infinite;
}
.hero-panel-label { position: relative; color: #75d6d4; font: 11px ui-monospace, monospace; letter-spacing: 2px; }
.hero-panel-quote { position: relative; max-width: 330px; margin: 62px 0 72px; color: #eef5f6; font-size: 27px; line-height: 1.55; }
.hero-panel-loop { position: relative; display: flex; align-items: center; gap: 10px; color: #c3d2d9; font: 10px ui-monospace, monospace; letter-spacing: 1px; }
.hero-panel-loop i { width: 28px; height: 1px; background: #e6a878; box-shadow: 0 0 8px #e6a878; }
.hero-panel-meta { position: absolute; right: 30px; bottom: 24px; left: 36px; display: flex; justify-content: space-between; border-top: 1px solid #ffffff24; padding-top: 13px; color: #8aa3b0; font: 10px ui-monospace, monospace; letter-spacing: 1px; }
@keyframes panel-scan { 0%, 100% { opacity: .18; transform: translateY(-42px) rotate(-28deg); } 50% { opacity: .9; transform: translateY(42px) rotate(-28deg); } }
.about-story { padding: 112px 0; background: #fff; color: #263642; }
.story-grid { display: grid; grid-template-columns: .32fr 1fr; gap: 70px; }
.story-index { display: flex; align-items: baseline; gap: 9px; padding-top: 8px; border-top: 1px solid #cfd9dc; }
.story-index .about-kicker { margin: 0 auto 0 0; }
.story-index strong { color: #cf835f; font: 46px/1 ui-monospace, monospace; }
.story-index > span { color: #8b9ca3; font: 12px ui-monospace, monospace; }
.story-copy { max-width: 760px; }
.story-copy h2 { margin: 0 0 28px; font-size: clamp(34px, 4.2vw, 58px); line-height: 1.22; }
.story-copy h2 em { color: #c47754; font-style: normal; }
.story-copy p { max-width: 680px; margin: 0 0 18px; color: #69767d; font-size: 17px; line-height: 1.95; }
.story-figures { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 48px; padding-top: 22px; border-top: 1px solid #d8e0e2; }
.story-figures div { display: flex; flex-direction: column; gap: 8px; }
.story-figures b { color: #cf835f; font: 38px/1 ui-monospace, monospace; }
.story-figures span { color: #72828a; font-size: 13px; }
.about-belief { background: #f3efeb; }
.about-heading-wide > div { flex: 1; }
.about-heading-wide > p:last-child { flex: 0 1 330px; }
.values-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: 62px; border-top: 1px solid #d9cec6; border-left: 1px solid #d9cec6; background: #d9cec6; }
.values-grid article { min-height: 190px; padding: 24px 23px 27px; background: #f8f5f1; transition: background .3s, transform .3s, color .3s; }
.values-grid article:hover { position: relative; z-index: 1; background: #263642; color: #fff; transform: translateY(-5px); box-shadow: 0 17px 28px #26364222; }
.values-grid article > span { color: #c67b57; font: 11px ui-monospace, monospace; letter-spacing: 1px; }
.values-grid h3 { margin: 43px 0 11px; font-size: 21px; }
.values-grid p { margin: 0; color: #778087; font-size: 14px; line-height: 1.75; }
.values-grid article:hover p { color: #bdcbd1; }
.about-notes { padding: 108px 0; background: #fff; color: #263642; }
.notes-head { display: flex; justify-content: space-between; align-items: end; gap: 40px; }
.notes-head h2 { margin: 0; font-size: clamp(35px, 4vw, 54px); line-height: 1.2; }
.notes-head > a { flex-shrink: 0; padding-bottom: 6px; color: #bc6e4e; font-size: 14px; }
.notes-head > a span { font-size: 18px; }
.notes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 60px; }
.notes-grid > a { min-height: 255px; display: flex; flex-direction: column; padding: 24px; border: 1px solid #dce3e4; background: #f8faf9; color: inherit; transition: border-color .3s, transform .3s, box-shadow .3s; }
.notes-grid > a:hover { border-color: #cf835f; transform: translateY(-6px); box-shadow: 0 18px 30px #34434b12; }
.notes-grid small { color: #b97354; font: 10px ui-monospace, monospace; letter-spacing: 1px; }
.notes-grid h3 { margin: 38px 0 12px; font-size: 20px; line-height: 1.45; }
.notes-grid p { margin: 0; color: #718088; font-size: 14px; line-height: 1.75; }
.notes-grid b { margin-top: auto; color: #bf7454; font-size: 13px; font-weight: 500; }
.about-cta { position: relative; overflow: hidden; }
.about-cta:before { content: 'GROW / WITH / CLARITY'; position: absolute; right: -2%; bottom: -18px; color: #ffffff08; font: 80px/1 ui-monospace, monospace; letter-spacing: 2px; white-space: nowrap; }
@media (max-width: 900px) {
  .about-hero-grid { grid-template-columns: 1fr; gap: 45px; }
  .about-hero-panel { max-width: 620px; min-height: 330px; }
  .values-grid { grid-template-columns: repeat(2, 1fr); }
  .story-grid { grid-template-columns: 1fr; gap: 30px; }
  .story-index { max-width: 180px; }
}
@media (max-width: 760px) {
  .about-story { padding: 74px 0; }
  .about-hero-panel { min-height: 315px; padding: 28px 24px 22px; }
  .hero-panel-quote { margin: 48px 0 55px; font-size: 22px; }
  .hero-panel-meta { right: 22px; left: 24px; }
  .story-copy p { font-size: 16px; }
  .story-figures { gap: 12px; }
  .story-figures b { font-size: 29px; }
  .values-grid { grid-template-columns: 1fr 1fr; margin-top: 42px; }
  .values-grid article { min-height: 165px; padding: 20px 16px; }
  .values-grid h3 { margin-top: 28px; font-size: 18px; }
  .values-grid p { font-size: 13px; }
  .about-notes { padding: 74px 0; }
  .notes-head { display: block; }
  .notes-head > a { display: inline-block; margin-top: 25px; }
  .notes-grid { grid-template-columns: 1fr; margin-top: 38px; }
  .notes-grid > a { min-height: 220px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-panel-grid:after { animation: none; }
  .values-grid article, .notes-grid > a { transition: none; }
}
.about-story,
.about-belief,
.about-method,
.about-proof,
.about-notes,
.about-capabilities { position: relative; overflow: hidden; }
.ab-deco { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.ab-deco > * { position: absolute; display: block; }
.about-story > .about-wrap,
.about-belief > .about-wrap,
.about-method > .about-wrap,
.about-proof > .about-wrap,
.about-notes > .about-wrap,
.about-capabilities > .about-wrap,
.about-cta > .about-wrap { position: relative; z-index: 1; }
.about-hero-grid,
.about-hero-note { position: relative; z-index: 1; }
.about-hero-panel-deco { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.about-hero-panel-deco > * { position: absolute; display: block; }
.about-hero-panel > .hero-panel-grid,
.about-hero-panel > .hero-panel-label,
.about-hero-panel > .hero-panel-quote,
.about-hero-panel > .hero-panel-loop,
.about-hero-panel > .hero-panel-meta { z-index: 1; }
.ab-num {
  right: 2%; bottom: 6px;
  color: #26364209;
  font: 400 clamp(70px, 9vw, 130px)/1 Georgia, "Times New Roman", serif;
  letter-spacing: -.02em;
}
.about-proof .ab-num, .about-capabilities .ab-num { color: #ffffff0a; }
.ab-deco-hero .ab-hz {
  left: -14%; right: -14%; bottom: -8%; height: 52%;
  background-image: linear-gradient(#8edbe216 1px, transparent 1px), linear-gradient(90deg, #8edbe216 1px, transparent 1px);
  background-size: 64px 64px;
  transform: perspective(680px) rotateX(72deg);
  transform-origin: center bottom;
  -webkit-mask-image: linear-gradient(to top, black, transparent 78%);
          mask-image: linear-gradient(to top, black, transparent 78%);
}
.ab-deco-hero .ab-st {
  inset: -6%;
  background-image: radial-gradient(#bfefff 1px, transparent 1.6px);
  background-size: 42px 42px;
  opacity: .16;
  -webkit-mask-image: radial-gradient(ellipse at 68% 42%, black, transparent 74%);
          mask-image: radial-gradient(ellipse at 68% 42%, black, transparent 74%);
  animation: ab-drift 52s linear infinite;
}
.ab-deco-hero .ab-sh {
  left: 42%; top: -30%; width: 42%; height: 160%;
  background: linear-gradient(96deg, transparent 34%, #ffffff14 48%, #e6a87810 52%, transparent 68%);
  transform: skewX(-13deg);
  -webkit-mask-image: linear-gradient(to bottom, transparent, black 28%, transparent 86%);
          mask-image: linear-gradient(to bottom, transparent, black 28%, transparent 86%);
  animation: ab-shaft 11s ease-in-out infinite;
}
.ab-deco-hero .ab-gr {
  inset: -10%;
  opacity: .42;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");
  -webkit-mask-image: radial-gradient(circle at 62% 48%, black, transparent 76%);
          mask-image: radial-gradient(circle at 62% 48%, black, transparent 76%);
}
.ab-ring {
  left: 50%; top: 50%;
  border: 1px solid #e6a8783d;
  border-radius: 50%;
  transform: translate(-50%, -50%) rotateX(74deg) rotateZ(-12deg);
  animation: ab-ring-spin 26s linear infinite;
}
.ab-ring-a { width: 118%; height: 118%; }
.ab-ring-b {
  width: 84%; height: 84%;
  border-color: #69d4d433;
  transform: translate(-50%, -50%) rotateX(70deg) rotateZ(40deg);
  animation-duration: 34s; animation-direction: reverse;
}
.ab-ring:after {
  content: ''; position: absolute; left: 50%; top: -3px; width: 5px; height: 5px;
  margin-left: -2.5px; border-radius: 50%; background: #e6a878; box-shadow: 0 0 12px #e6a878cc;
}
.ab-stack { left: 8%; right: 8%; top: 16%; bottom: 22%; perspective: 900px; }
.ab-stack > i {
  position: absolute; inset: 0;
  border: 1px solid #ffffff14;
  background: linear-gradient(150deg, #8edbe20c, transparent 62%);
  transform-origin: center;
}
.ab-stack > i:nth-child(1) { transform: rotateY(-13deg) rotateX(7deg) translateZ(-46px); }
.ab-stack > i:nth-child(2) { transform: rotateY(-13deg) rotateX(7deg) translateZ(-8px); }
.ab-stack > i:nth-child(3) { transform: rotateY(-13deg) rotateX(7deg) translateZ(30px); border-color: #e6a87826; }
.ab-deco-story .ab-bp {
  inset: 0;
  background-image: linear-gradient(#2636420b 1px, transparent 1px), linear-gradient(90deg, #2636420b 1px, transparent 1px);
  background-size: 88px 88px;
  -webkit-mask-image: linear-gradient(to bottom, transparent, black 18%, black 70%, transparent);
          mask-image: linear-gradient(to bottom, transparent, black 18%, black 70%, transparent);
}
.ab-deco-story .ab-rl {
  left: calc(50% - 590px); top: 12%; bottom: 12%; width: 1px;
  background: linear-gradient(180deg, transparent, #26364226, #26364226, transparent);
}
.ab-deco-story .ab-rl:after {
  content: ''; position: absolute; left: -4px; top: 0; bottom: 0; width: 9px;
  background-image: repeating-linear-gradient(180deg, #26364230 0 1px, transparent 1px 40px);
}
.story-lead-col { display: flex; flex-direction: column; gap: 28px; min-width: 0; }
.about-story .story-visual {
  flex: 1 1 auto; min-height: 0; margin: 0;
  position: relative; overflow: hidden;
  border: 1px solid #d8e0e2; border-radius: 3px;
  background: #f3f5f4;
}
.about-story .story-visual img {
  display: block; width: 100%; height: 100%;
  object-fit: cover; object-position: 58% 52%;
  transition: transform 7s ease-out;
}
.about-story .story-visual:hover img { transform: scale(1.05); }
@media(min-width:901px){
  .about-story .story-grid { grid-template-columns: minmax(0, 1fr) 580px; gap: 56px; }
  .about-story .story-copy { max-width: 605px; }
  .about-story .story-copy h2 { font-size: clamp(31px, 3.4vw, 48px); }
  .about-story .story-copy p { max-width: 600px; }
}
@media(min-width:901px) and (max-width:1120px){
  .about-story .story-grid { grid-template-columns: .34fr 1fr; gap: 48px; }
}
.ab-deco-values .ab-dots {
  inset: 0;
  background-image: radial-gradient(#8a6a4e2e 1px, transparent 1px);
  background-size: 30px 30px;
  -webkit-mask-image: radial-gradient(ellipse at 50% 38%, black, transparent 76%);
          mask-image: radial-gradient(ellipse at 50% 38%, black, transparent 76%);
}
.ab-deco-values .ab-glow {
  left: -10%; top: -18%; width: 62%; height: 78%;
  background: radial-gradient(ellipse at 40% 40%, #d5906624, transparent 62%);
}
.about-belief .values-grid article { position: relative; overflow: hidden; }
.about-belief .values-grid article:after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px;
  background: linear-gradient(90deg, #cf835f, #cf835f00); opacity: .5;
  transition: opacity .3s;
}
.about-belief .values-grid article:hover:after { opacity: 1; }
.ab-deco-method .ab-sch {
  right: -4%; top: 8%; width: 44%; height: 78%;
  border: 1px solid #2636420f;
  border-radius: 50%;
  background:
    repeating-linear-gradient(90deg, #2636420d 0 1px, transparent 1px 46px),
    repeating-linear-gradient(0deg, #2636420d 0 1px, transparent 1px 46px);
  -webkit-mask-image: radial-gradient(circle at 50% 50%, black 40%, transparent 76%);
          mask-image: radial-gradient(circle at 50% 50%, black 40%, transparent 76%);
}
.ab-deco-method .ab-sch:after {
  content: ''; position: absolute; inset: 18%; border: 1px dashed #2636421f; border-radius: 50%;
}
.about-method .method-steps { position: relative; }
.about-method .method-steps:before {
  content: ''; position: absolute; left: 34px; top: 10px; bottom: 10px; width: 1px;
  background: linear-gradient(180deg, transparent, #d9dfe2, #d9dfe2, transparent);
}
.about-method .method-steps li { position: relative; }
.about-method .method-steps li > span { position: relative; }
.about-method .method-steps li > span:before {
  content: ''; position: absolute; left: -3px; top: 50%; width: 7px; height: 7px;
  margin-top: -3px; border-radius: 50%; background: #fff; border: 1.5px solid #cf835f;
  transition: background .3s, box-shadow .3s;
}
.about-method .method-steps li:hover > span:before { background: #cf835f; box-shadow: 0 0 0 4px #cf835f22; }
.ab-deco-proof:before {
  content: ''; position: absolute; inset: 0;
  background: url('/static/images/sns/sns-finance-center.webp') right center/cover no-repeat;
  opacity: .22;
  -webkit-mask-image: linear-gradient(90deg, transparent 6%, black 58%);
          mask-image: linear-gradient(90deg, transparent 6%, black 58%);
}
.ab-deco-proof:after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, #172230 22%, #1722309c 52%, #1722304d 100%);
}
.ab-deco-proof .ab-glow {
  left: -6%; right: -6%; top: -22%; height: 86%;
  background: radial-gradient(ellipse at 24% 36%, #69d4d41f, transparent 58%),
              radial-gradient(ellipse at 78% 18%, #e6a8781a, transparent 60%);
}
.ab-deco-proof .ab-dots {
  inset: 0;
  background-image: radial-gradient(#ffffff26 1px, transparent 1px);
  background-size: 28px 28px;
  -webkit-mask-image: radial-gradient(ellipse at 62% 70%, black, transparent 72%);
          mask-image: radial-gradient(ellipse at 62% 70%, black, transparent 72%);
}
.ab-deco-proof .ab-arch {
  right: -5%; top: 0; width: 26%; height: 36%;
  perspective: 780px;
}
.ab-deco-proof .ab-arch > i {
  position: absolute; inset: 0;
  border: 1px solid #ffffff14;
  background: linear-gradient(150deg, #e6a8780c, transparent 60%);
  transform-origin: center;
}
.ab-deco-proof .ab-arch > i:nth-child(1) { transform: rotateY(-24deg) rotateX(9deg) translateZ(-52px); }
.ab-deco-proof .ab-arch > i:nth-child(2) { transform: rotateY(-24deg) rotateX(9deg); border-color: #69d4d43d; }
.ab-deco-proof .ab-arch > i:nth-child(3) { transform: rotateY(-24deg) rotateX(9deg) translateZ(52px); border-color: #e6a8784d; }
.about-notes .notes-grid > a { position: relative; overflow: hidden; isolation: isolate; }
.about-notes .notes-grid > a > .ab-note-bg {
  position: absolute; inset: 0; z-index: 0;
  width: 100%; height: 100%; object-fit: cover; object-position: center;
  opacity: .07; filter: saturate(.9) contrast(1.02);
  transform: scale(1.02);
  transition: opacity .45s, transform 6s ease-out;
}
.about-notes .notes-grid > a:hover > .ab-note-bg { opacity: .17; transform: scale(1.12); }
.about-notes .notes-grid > a > small,
.about-notes .notes-grid > a > h3,
.about-notes .notes-grid > a > p,
.about-notes .notes-grid > a > b { position: relative; z-index: 1; }
.about-notes .ab-deco-notes-grid { inset: 0; }
.about-notes .notes-grid > a.ab-note-light > .ab-note-bg {
  opacity: .95;
  filter: brightness(1.06) saturate(.9) contrast(.96);
  object-position: 46% 50%;
}
.about-notes .notes-grid > a.ab-note-light:after {
  content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(105deg, #fffdfde8 0%, #fffdfdb8 40%, #fffdfd8a 68%, #fffdfd4d 100%);
  transition: opacity .45s;
}
.about-notes .notes-grid > a.ab-note-light:hover:after { opacity: .74; }
.about-notes .notes-grid > a.ab-note-light:hover > .ab-note-bg { opacity: 1; }
.ab-deco-cap .ab-iso {
  left: -10%; right: -10%; bottom: -18%; height: 74%;
  background-image: linear-gradient(#35505a16 1px, transparent 1px), linear-gradient(90deg, #35505a16 1px, transparent 1px);
  background-size: 54px 54px;
  transform: perspective(760px) rotateX(64deg) rotateZ(-14deg);
  transform-origin: center bottom;
  -webkit-mask-image: linear-gradient(to top, black, transparent 76%);
          mask-image: linear-gradient(to top, black, transparent 76%);
}
.ab-deco-cap .ab-orbit {
  left: 50%; top: 50%; width: 74%; height: 74%;
  border: 1px solid #35505a26; border-radius: 50%;
  transform: translate(-50%, -50%) rotateX(66deg) rotateZ(0deg);
  animation: ab-orbit-spin 30s linear infinite;
}
.ab-deco-cap .ab-orbit-b {
  width: 52%; height: 52%; border-style: dashed; border-color: #cf835f33;
  animation-duration: 22s; animation-direction: reverse;
}
.about-capabilities .map-line {
  width: 46%;
  background: repeating-linear-gradient(90deg, #9bb7bd 0 6px, transparent 6px 14px);
  opacity: .9;
  animation: ab-dash 20s linear infinite;
}
.about-capabilities .map-line > i {
  position: absolute; top: -2.5px; left: 0; width: 5px; height: 5px; border-radius: 50%;
  background: #e6a878; box-shadow: 0 0 10px #e6a878cc;
  animation: cap-flow 5.6s linear infinite;
}
.about-capabilities .map-line-b > i { animation-delay: -1.2s; }
.about-capabilities .map-line-c > i { animation-delay: -2.4s; }
.about-capabilities .map-line-d > i { animation-delay: -3.6s; }
.about-capabilities .map-line-e > i { animation-delay: -4.8s; }
.about-capabilities .map-line-a { transform: rotate(216deg); }
.about-capabilities .map-line-b { transform: rotate(323deg); }
.about-capabilities .map-line-c { transform: rotate(28deg); }
.about-capabilities .map-line-d { transform: rotate(134deg); }
.about-capabilities .map-line-e { transform: rotate(0deg); }
.about-capabilities .cap-halo {
  position: absolute; left: 50%; top: 50%; width: 300px; height: 300px; margin: -150px 0 0 -150px;
  border-radius: 50%;
  background: radial-gradient(circle, #e6a87833, #e6a87800 68%);
}
.about-capabilities .cap-sweep {
  position: absolute; left: 50%; top: 50%; width: 286px; height: 286px; margin: -143px 0 0 -143px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, #e6a87800 0deg, #e6a8783a 22deg, #e6a87800 58deg, #e6a87800 360deg);
  animation: cap-sweep 9s linear infinite;
}
.about-capabilities .cap-ring {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  border: 1px solid #35505a26; border-radius: 50%;
}
.about-capabilities .cap-ring-a { width: 198px; height: 198px; }
.about-capabilities .cap-ring-b {
  width: 256px; height: 256px;
  border-style: dashed; border-color: #cf835f36;
  animation: ab-orbit-spin 52s linear infinite;
}
.about-capabilities .cap-ring-c { width: 322px; height: 322px; border-color: #35505a1a; }
.about-capabilities .map-center {
  width: 132px; height: 132px;
  border: 1px solid #ffffff6b;
  background: radial-gradient(circle at 34% 28%, #f8cda4, #e6a878 46%, #cf835f);
  box-shadow: 0 0 0 10px #e6a8781f, 0 18px 40px #1b39432e, inset 0 1px 0 #ffffffa6;
  animation: ab-breathe 6.5s ease-in-out infinite;
}
.about-capabilities .map-pill {
  padding: 11px 17px; border-radius: 10px;
  border: 1px solid #ffffff8f; color: #3d5762;
  background: linear-gradient(150deg, #ffffffd9, #ffffffa8);
  -webkit-backdrop-filter: blur(7px) saturate(1.1);
          backdrop-filter: blur(7px) saturate(1.1);
  box-shadow: 0 10px 24px #35505a1f, inset 0 1px 0 #ffffffcc;
  animation: cap-float 7.5s ease-in-out infinite;
}
.about-capabilities .map-pill-a { animation-delay: -.3s; }
.about-capabilities .map-pill-b { animation-delay: -1.7s; }
.about-capabilities .map-pill-c { animation-delay: -3.1s; }
.about-capabilities .map-pill-d { animation-delay: -4.4s; }
.about-capabilities .map-pill-e { animation-delay: -5.8s; }
.about-capabilities .map-pill:hover {
  border-color: #e6a878; color: #a65f3e;
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 16px 30px #35505a26, 0 0 0 5px #e6a8781f;
}
@media(max-width: 1180px) {
  .about-capabilities .map-line-a { transform: rotate(223deg); }
  .about-capabilities .map-line-b { transform: rotate(316deg); }
  .about-capabilities .map-line-c { transform: rotate(34deg); }
  .about-capabilities .map-line-d { transform: rotate(127deg); }
  .about-capabilities .cap-ring-c { display: none; }
  .about-capabilities .cap-halo, .about-capabilities .cap-sweep { opacity: .8; }
}
.ab-deco-cta .ab-grid {
  inset: 0;
  background-image: linear-gradient(#ffffff0d 1px, transparent 1px), linear-gradient(90deg, #ffffff0d 1px, transparent 1px);
  background-size: 62px 62px;
  -webkit-mask-image: radial-gradient(ellipse at 30% 40%, black, transparent 74%);
          mask-image: radial-gradient(ellipse at 30% 40%, black, transparent 74%);
}
.ab-deco-cta:before {
  content: ''; position: absolute; inset: 0;
  background: url('/static/images/about/cta-bg.webp') center 26%/cover no-repeat;
  opacity: .62;
  transform: scale(1.06);
  will-change: transform;
  animation: ab-galaxy 80s ease-in-out infinite alternate;
  -webkit-mask-image: linear-gradient(90deg, transparent 2%, black 42%);
          mask-image: linear-gradient(90deg, transparent 2%, black 42%);
}
.ab-deco-cta:after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, #221d2e 4%, #221d2ecc 34%, #221d2e33 62%, transparent 86%);
}
.ab-deco-cta .ab-glow {
  left: 36%; top: -30%; width: 68%; height: 130%;
  background: radial-gradient(ellipse at 50% 50%, #e6a8781f, transparent 64%);
}
@media(max-width: 900px) {
  .ab-deco-story .ab-rl { display: none; }
  .about-story .story-lead-col { display: block; }
  .about-story .story-visual { display: none; }
  .ab-deco-proof .ab-arch { right: -10%; top: 2%; width: 42%; height: 30%; opacity: .7; }
  .ab-deco-method .ab-sch { right: -14%; width: 62%; opacity: .7; }
  .ab-deco-cap .ab-orbit { width: 96%; height: 96%; }
}
@media(max-width: 760px) {
  .ab-deco-hero .ab-hz { height: 40%; background-size: 48px 48px; }
  .ab-deco-hero .ab-st { opacity: .12; }
  .ab-ring { opacity: .55; }
  .ab-stack { left: 4%; right: 4%; top: 12%; bottom: 16%; }
  .ab-num { font-size: clamp(56px, 17vw, 92px); bottom: 2px; }
  .ab-deco-proof .ab-arch { top: 4%; height: 26%; opacity: .45; }
  .about-method .method-steps:before { left: 26px; }
}
@media(prefers-reduced-motion: reduce) {
  .ab-deco-hero .ab-st,
  .ab-deco-hero .ab-sh,
  .ab-ring,
  .ab-deco-cap .ab-orbit,
  .about-capabilities .map-line,
  .about-capabilities .map-center { animation: none !important; }
  .about-capabilities .map-line > i,
  .about-capabilities .map-pill,
  .about-capabilities .cap-sweep,
  .about-capabilities .cap-ring-b { animation: none !important; }
  .about-capabilities .map-line > i,
  .about-capabilities .map-pill,
  .about-capabilities .cap-sweep,
  .about-capabilities .cap-ring-b { animation: none !important; }
  .ab-deco { display: none; }
  .ab-note-bg { transition: none !important; }
}
@keyframes ab-drift { from { background-position: 0 0; } to { background-position: 84px 42px; } }
@keyframes ab-shaft {
  0%, 100% { opacity: .55; }
  50% { opacity: 1; }
}
@keyframes ab-ring-spin { to { transform: translate(-50%, -50%) rotateX(74deg) rotateZ(348deg); } }
@keyframes ab-orbit-spin { to { transform: translate(-50%, -50%) rotateX(66deg) rotateZ(360deg); } }
@keyframes ab-dash { to { background-position: 160px 0; } }
@keyframes ab-breathe {
  0%, 100% { box-shadow: 0 0 0 16px #e6a87822, 0 16px 35px #1b39431c; }
  50% { box-shadow: 0 0 0 24px #e6a8781a, 0 20px 42px #1b39432b; }
}
@keyframes ab-galaxy {
  from { transform: scale(1.06) translate3d(0, 0, 0); }
  to   { transform: scale(1.14) translate3d(-1.8%, -1.3%, 0); }
}
@keyframes ab-nebula { from { opacity: .55; } to { opacity: 1; } }
@keyframes cap-sweep { to { rotate: 360deg; } }
@keyframes cap-flow {
  from { left: 0; opacity: 0; }
  14% { opacity: 1; }
  86% { opacity: 1; }
  to { left: 100%; opacity: 0; }
}
@keyframes cap-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -5px; }
}
@keyframes ab-rise { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }
.about-hero-copy > * { animation: ab-rise .78s cubic-bezier(.2, .7, .3, 1) both; }
.about-hero-copy > *:nth-child(1) { animation-delay: .05s; }
.about-hero-copy > *:nth-child(2) { animation-delay: .14s; }
.about-hero-copy > *:nth-child(3) { animation-delay: .23s; }
.about-hero-copy > *:nth-child(4) { animation-delay: .32s; }
.about-hero-panel { animation: ab-rise .9s cubic-bezier(.2, .7, .3, 1) .22s both; }
.about-hero-note { animation: ab-rise .8s cubic-bezier(.2, .7, .3, 1) .5s both; }
.about-hero .hero-panel-grid:after { animation-duration: 9.5s; }
.about-rv { opacity: 0; translate: 0 20px; transition: opacity .72s cubic-bezier(.2, .7, .3, 1), translate .72s cubic-bezier(.2, .7, .3, 1); transition-delay: var(--ab-d, 0s); }
.about-rv.about-rv-in { opacity: 1; translate: 0 0; }
.values-grid article.about-rv,
.proof-card.about-rv,
.notes-grid > a.about-rv,
.method-steps li.about-rv { translate: 0 26px; }
.ab-num.about-rv, .ab-rl.about-rv { transition-duration: 1.1s; }
.about-cta .ab-deco-cta .ab-glow { animation: ab-nebula 17s ease-in-out infinite alternate; }
.about-belief .values-grid article { will-change: transform; }
.about-belief .values-grid article:hover { transform: translateY(-7px); }
.about-notes .notes-grid > a > h3 { transition: translate .35s ease; }
.about-notes .notes-grid > a:hover > h3 { translate: 0 -3px; }
.about-proof .proof-card { position: relative; overflow: hidden; }
.about-proof .proof-card:before {
  content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, #e6a878, #e6a87800);
  opacity: 0; transition: opacity .3s;
}
.about-proof .proof-card:hover:before { opacity: 1; }
.about-capabilities .map-pill:hover { box-shadow: 0 12px 26px #35505a26, 0 0 0 4px #cf835f14; }
@media(prefers-reduced-motion: reduce) {
  .about-hero-copy > *,
  .about-hero-panel,
  .about-hero-note { animation: none !important; }
  .about-rv { opacity: 1 !important; translate: none !important; transition: none !important; }
  .ab-deco-cta:before { animation: none !important; }
  .about-notes .notes-grid > a > h3 { transition: none !important; }
}