:root {
  --about-bg: #050607;
  --about-ink: #f1f0eb;
  --about-muted: rgba(241, 240, 235, 0.58);
  --about-line: rgba(241, 240, 235, 0.16);
  --about-blue: #70dcff;
  --about-blue-soft: rgba(112, 220, 255, 0.15);
  --about-pad: clamp(1.25rem, 4vw, 4.75rem);
  --about-serif: Georgia, "Times New Roman", serif;
  --about-sans: "Helvetica Neue", Arial, sans-serif;
  --about-mono: "Courier New", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--about-bg); }
body { margin: 0; overflow-x: hidden; background: var(--about-bg); color: var(--about-ink); font-family: var(--about-sans); }
body::before { position: fixed; z-index: 2000; inset: 0; pointer-events: none; content: ""; opacity: 0.13; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input { font: inherit; }
::selection { background: var(--about-blue); color: #00131b; }

.about-header > a { width: clamp(6.7rem, 9vw, 8.8rem); }
.about-header > a img { width: 100%; }
.about-header > p span { margin: 0 0.45rem; color: var(--about-blue); }
.about-kicker { margin: 0; color: var(--about-blue); font: 400 clamp(0.58rem, 0.72vw, 0.72rem)/1.4 var(--about-mono); letter-spacing: 0.16em; text-transform: uppercase; }

.about-hero { position: relative; min-height: 100svh; overflow: hidden; padding: 9rem var(--about-pad) 3rem; background: radial-gradient(circle at 72% 38%, rgba(65, 183, 231, 0.14), transparent 28%), radial-gradient(circle at 12% 90%, rgba(25, 82, 106, 0.17), transparent 32%), #050607; }
.about-hero::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(112, 220, 255, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(112, 220, 255, 0.045) 1px, transparent 1px); background-size: clamp(4rem, 8vw, 8rem) clamp(4rem, 8vw, 8rem); content: ""; mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 86%); }
.about-hero::after { position: absolute; right: -15vw; bottom: -42vw; width: 78vw; height: 78vw; border: 1px solid rgba(112,220,255,.12); border-radius: 50%; content: ""; box-shadow: 0 0 7rem rgba(58, 180, 226, 0.08), inset 0 0 5rem rgba(58, 180, 226, 0.05); }
.about-hero__content { position: relative; z-index: 2; display: flex; min-height: calc(100svh - 12rem); flex-direction: column; justify-content: space-between; }
.about-hero h1 { max-width: 11ch; margin: clamp(3rem, 9vh, 7rem) 0 3rem; font-size: clamp(3.6rem, 9.3vw, 10.5rem); font-weight: 300; letter-spacing: -0.075em; line-height: 0.79; }
.about-hero h1 em, .about-story h2 em, .about-founder h1 em, .about-model h2 em, .about-team h2 em, .about-belief h2 em, .about-cta h2 em { color: var(--about-blue); font-family: var(--about-serif); font-weight: 500; }
.about-hero__footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; border-top: 1px solid var(--about-line); padding-top: 1.25rem; }
.about-hero__footer p, .about-hero__footer a { margin: 0; font: 400 clamp(0.57rem, 0.7vw, 0.68rem)/1.55 var(--about-mono); letter-spacing: 0.12em; }
.about-hero__footer p { color: var(--about-muted); }
.about-hero__footer a { transition: color .25s, transform .25s; }
.about-hero__footer a span { margin-left: 0.75rem; color: var(--about-blue); }
.about-hero__footer a:hover, .about-hero__footer a:focus-visible { color: var(--about-blue); outline: 0; transform: translateY(.12rem); }
.about-hero__signal { position: absolute; z-index: 2; top: 50%; right: var(--about-pad); color: rgba(241,240,235,.24); font: 400 .56rem/1 var(--about-mono); letter-spacing: .18em; writing-mode: vertical-rl; }
.about-hero__orbit { position: absolute; z-index: 1; right: 4vw; top: 12vh; width: min(48vw, 46rem); aspect-ratio: 1; }
.about-hero__orbit i { position: absolute; inset: 0; border: 1px solid rgba(112, 220, 255, 0.13); border-radius: 50%; animation: about-orbit 24s linear infinite; }
.about-hero__orbit i::after { position: absolute; left: 50%; top: -3px; width: 6px; height: 6px; border-radius: 50%; background: var(--about-blue); box-shadow: 0 0 1.4rem var(--about-blue); content: ""; }
.about-hero__orbit i:nth-child(2) { inset: 16%; animation-duration: 17s; animation-direction: reverse; }
.about-hero__orbit i:nth-child(3) { inset: 33%; animation-duration: 10s; }
@keyframes about-orbit { to { transform: rotate(360deg); } }

.about-story { padding: clamp(7rem, 12vw, 12rem) var(--about-pad); background: var(--about-ink); color: #090b0c; }
.about-story .about-kicker { color: #087ea5; }
.about-story__heading { display: grid; grid-template-columns: minmax(9rem, 1fr) minmax(0, 3fr); align-items: start; gap: 2rem; padding-bottom: clamp(5rem, 9vw, 9rem); }
.about-story h2 { max-width: 15ch; margin: 0; font-size: clamp(2.8rem, 6.7vw, 7.5rem); font-weight: 300; letter-spacing: -.068em; line-height: .9; }
.about-story h2 em { color: #087ea5; }
.about-story__body { display: grid; grid-template-columns: minmax(15rem, .82fr) minmax(0, 1.7fr); gap: clamp(3rem, 9vw, 10rem); }
.about-story__intro { font-size: clamp(1.1rem, 1.55vw, 1.55rem); line-height: 1.5; }
.about-story__intro p { margin: 0; }
.about-story__intro p + p { margin-top: 1.5em; color: rgba(9, 11, 12, .58); }
.about-timeline { margin: 0; padding: 0; border-top: 1px solid rgba(9, 11, 12, .2); list-style: none; }
.about-timeline li { display: grid; grid-template-columns: minmax(5rem, .4fr) 1fr; gap: 1rem; padding: 1.65rem 0; border-bottom: 1px solid rgba(9, 11, 12, .2); }
.about-timeline li > span, .about-timeline strong { font: 500 .65rem/1.4 var(--about-mono); letter-spacing: .12em; }
.about-timeline li > span { color: #087ea5; }
.about-timeline p { max-width: 41rem; margin: .5rem 0 0; color: rgba(9, 11, 12, .62); font-size: .93rem; line-height: 1.55; }

.about-founder { display: grid; min-height: 115svh; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); background: #030405; }
.about-founder__image { position: relative; min-height: 44rem; overflow: hidden; }
.about-founder__image::after { position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,4,5,.82), transparent 44%), linear-gradient(90deg, transparent 78%, #030405); content: ""; }
.about-founder__image img { width: 100%; height: 100%; object-fit: cover; object-position: center 30%; filter: saturate(.76) contrast(1.04); }
.about-founder__image > span { position: absolute; z-index: 2; left: var(--about-pad); bottom: 2.2rem; color: rgba(241,240,235,.7); font: 400 .58rem/1.4 var(--about-mono); letter-spacing: .14em; }
.about-founder__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(7rem, 11vw, 11rem) var(--about-pad); }
.about-founder h1 { max-width: 12ch; margin: clamp(2rem, 5vw, 4.5rem) 0; font-size: clamp(3rem, 5.7vw, 6.4rem); font-weight: 300; letter-spacing: -.065em; line-height: .9; }
.about-founder__text { max-width: 44rem; }
.about-founder__text p { margin: 0; color: rgba(241,240,235,.66); font-size: clamp(1rem, 1.25vw, 1.25rem); line-height: 1.65; }
.about-founder__text p:first-child { color: var(--about-ink); }
.about-founder__text p + p { margin-top: 1.3em; }
.about-founder__signature { margin: clamp(3rem, 6vw, 6rem) 0 0; border-top: 1px solid var(--about-line); padding-top: 1rem; color: var(--about-blue); font: 400 .6rem/1.4 var(--about-mono); letter-spacing: .14em; }

.about-model { padding: clamp(7rem, 12vw, 12rem) var(--about-pad); background: #0a0d0f; }
.about-model__heading { display: grid; grid-template-columns: minmax(10rem, 1fr) minmax(0, 2.3fr); align-items: start; gap: 2rem; padding-bottom: clamp(4rem, 8vw, 8rem); }
.about-model h2 { max-width: 14ch; margin: 0; font-size: clamp(3rem, 6.4vw, 7rem); font-weight: 300; letter-spacing: -.068em; line-height: .9; }
.about-model__grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--about-line); border-left: 1px solid var(--about-line); }
.about-model article { min-height: 23rem; padding: 1.5rem; border-right: 1px solid var(--about-line); border-bottom: 1px solid var(--about-line); transition: background-color .35s, transform .35s; }
.about-model article:hover { background: var(--about-blue-soft); transform: translateY(-.35rem); }
.about-model article > span { color: var(--about-blue); font: 400 .65rem/1 var(--about-mono); }
.about-model h3 { max-width: 8ch; margin: clamp(6rem, 11vw, 10rem) 0 1rem; font-size: clamp(1.5rem, 2.1vw, 2.2rem); font-weight: 400; letter-spacing: -.045em; line-height: 1; }
.about-model article p { margin: 0; color: var(--about-muted); font-size: .88rem; line-height: 1.58; }

.about-team { padding: clamp(7rem, 12vw, 12rem) var(--about-pad); background: var(--about-ink); color: #080a0b; }
.about-team .about-kicker { color: #087ea5; }
.about-team__heading { display: grid; grid-template-columns: minmax(9rem, .7fr) minmax(0, 1.9fr) minmax(15rem, .7fr); align-items: start; gap: 2rem; padding-bottom: clamp(4rem, 7vw, 7rem); }
.about-team h2 { max-width: 12ch; margin: 0; font-size: clamp(3rem, 6.4vw, 7rem); font-weight: 300; letter-spacing: -.068em; line-height: .9; }
.about-team h2 em { color: #087ea5; }
.about-team__heading > p:last-child { margin: .25rem 0 0; color: rgba(8,10,11,.58); font-size: .95rem; line-height: 1.6; }
.about-team__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(2.5rem, 5vw, 5rem) clamp(1rem, 2.2vw, 2.2rem); }
.team-card { grid-column: span 2; }
.team-card:nth-last-child(2) { grid-column: 2 / span 2; }
.team-card:last-child { grid-column: 4 / span 2; }
.team-card__photo { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: #d7d8d5; }
.team-card__photo::after { position: absolute; inset: 0; border: 1px solid rgba(8,10,11,.14); content: ""; pointer-events: none; }
.team-card__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 29%; filter: grayscale(1) contrast(.93); transition: filter .6s, transform .8s cubic-bezier(.16,1,.3,1); }
.team-card:hover .team-card__photo img { filter: grayscale(0) contrast(1); transform: scale(1.025); }
.team-card__meta { display: grid; grid-template-columns: 2rem 1fr; gap: .6rem; margin-top: 1rem; padding-top: .9rem; border-top: 1px solid rgba(8,10,11,.2); }
.team-card__meta > span { color: #087ea5; font: 400 .58rem/1.4 var(--about-mono); }
.team-card h3 { margin: 0; font-size: clamp(1.05rem, 1.45vw, 1.45rem); font-weight: 500; letter-spacing: -.03em; }
.team-card__meta p { margin: .35rem 0 0; color: rgba(8,10,11,.58); font: 400 .58rem/1.45 var(--about-mono); letter-spacing: .07em; text-transform: uppercase; }
.about-team__note { margin: clamp(4rem, 8vw, 8rem) 0 0; border-top: 1px solid rgba(8,10,11,.2); padding-top: 1rem; color: rgba(8,10,11,.42); font: 400 .56rem/1.4 var(--about-mono); letter-spacing: .13em; }

.about-belief { position: relative; min-height: 105svh; display: flex; overflow: hidden; flex-direction: column; justify-content: space-between; padding: clamp(8rem, 12vw, 12rem) var(--about-pad) 3rem; background: radial-gradient(circle at 77% 32%, rgba(112,220,255,.15), transparent 27%), linear-gradient(135deg,#040607,#091216 65%,#050607); }
.about-belief::before { position: absolute; right: -14vw; top: -16vw; width: 70vw; aspect-ratio: 1; border: 1px solid rgba(112,220,255,.12); border-radius: 50%; content: ""; box-shadow: inset 0 0 8rem rgba(112,220,255,.05), 0 0 8rem rgba(112,220,255,.05); }
.about-belief h2 { position: relative; max-width: 13ch; margin: 6rem 0; font-size: clamp(3.5rem, 8.2vw, 9rem); font-weight: 300; letter-spacing: -.075em; line-height: .82; }
.about-belief__footer { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 2rem; border-top: 1px solid var(--about-line); padding-top: 1.2rem; }
.about-belief__footer p, .about-belief__footer a { margin: 0; font: 400 .62rem/1.55 var(--about-mono); letter-spacing: .12em; }
.about-belief__footer p { color: var(--about-muted); }
.about-belief__footer a span { margin-left: .7rem; color: var(--about-blue); }

.about-cta { display: grid; min-height: 78svh; place-content: center; justify-items: center; padding: 8rem var(--about-pad); background: var(--about-ink); color: #07090a; text-align: center; }
.about-cta .about-kicker { color: #087ea5; }
.about-cta h2 { margin: 2.2rem 0 3.5rem; font-size: clamp(3.5rem, 8vw, 8.7rem); font-weight: 300; letter-spacing: -.075em; line-height: .85; }
.about-cta h2 em { color: #087ea5; }
.about-cta > a { border-bottom: 1px solid rgba(8,10,11,.35); padding: 0 0 .7rem; font: 500 .66rem/1 var(--about-mono); letter-spacing: .14em; transition: color .25s, border-color .25s; }
.about-cta > a span { margin-left: .8rem; color: #087ea5; }
.about-cta > a:hover, .about-cta > a:focus-visible { border-color: #087ea5; color: #087ea5; outline: 0; }

.about-footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 2rem; padding: 4rem var(--about-pad) 2rem; background: #030405; }
.about-footer img { width: clamp(8rem, 15vw, 14rem); }
.about-footer p, .about-footer a { margin: 0; color: var(--about-muted); font: 400 .55rem/1.4 var(--about-mono); letter-spacing: .12em; }
.about-footer a { justify-self: end; color: var(--about-ink); }

.about-js [data-reveal] { opacity: 0; transform: translateY(2rem); transition: opacity .8s cubic-bezier(.16,1,.3,1), transform .9s cubic-bezier(.16,1,.3,1); }
.about-js [data-reveal].is-visible { opacity: 1; transform: none; }
.about-js .about-timeline [data-reveal]:nth-child(2), .about-js .about-model [data-reveal]:nth-child(2), .about-js .about-team [data-reveal]:nth-child(2) { transition-delay: .08s; }
.about-js .about-timeline [data-reveal]:nth-child(3), .about-js .about-model [data-reveal]:nth-child(3), .about-js .about-team [data-reveal]:nth-child(3) { transition-delay: .16s; }
.about-js .about-timeline [data-reveal]:nth-child(4), .about-js .about-model [data-reveal]:nth-child(4), .about-js .about-team [data-reveal]:nth-child(4) { transition-delay: .24s; }

@media (max-width: 980px) {
  .about-story__heading, .about-model__heading, .about-team__heading { grid-template-columns: 1fr; }
  .about-story__body { grid-template-columns: 1fr; }
  .about-story__intro { max-width: 40rem; }
  .about-founder { min-height: 0; grid-template-columns: 1fr; }
  .about-founder__image { min-height: 92svh; }
  .about-founder__image::after { background: linear-gradient(to top, #030405, transparent 38%); }
  .about-model__grid { grid-template-columns: repeat(2, 1fr); }
  .about-model article { min-height: 19rem; }
  .about-model h3 { margin-top: 6rem; }
  .about-team__heading > p:last-child { max-width: 35rem; }
}

@media (max-width: 720px) {
  .about-header > a { width: 6.2rem; }
  .about-hero { padding-top: 7rem; }
  .about-hero__content { min-height: calc(100svh - 10rem); }
  .about-hero h1 { font-size: clamp(3.25rem, 16.5vw, 6rem); }
  .about-hero__orbit { right: -26vw; top: 18vh; width: 95vw; }
  .about-hero__signal { display: none; }
  .about-hero__footer, .about-belief__footer { align-items: flex-start; flex-direction: column; }
  .about-story__heading { padding-bottom: 4rem; }
  .about-story h2, .about-founder h1, .about-model h2, .about-team h2 { font-size: clamp(2.75rem, 13vw, 5.2rem); }
  .about-timeline li { grid-template-columns: 1fr; gap: .7rem; }
  .about-founder__image { min-height: 76svh; }
  .about-founder__copy { padding-top: 6rem; }
  .about-model__grid { grid-template-columns: 1fr; }
  .about-model article { min-height: 16rem; }
  .about-model h3 { margin-top: 4rem; }
  .about-team__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-card, .team-card:nth-last-child(2) { grid-column: auto; }
  .team-card:last-child { width: calc(50% - .5rem); grid-column: 1 / -1; justify-self: center; }
  .about-belief h2 { font-size: clamp(3.3rem, 15vw, 6rem); }
  .about-footer { grid-template-columns: 1fr auto; }
  .about-footer p { grid-column: 1 / -1; grid-row: 2; }
}

@media (max-width: 470px) {
  .about-team__grid { grid-template-columns: 1fr; }
  .team-card:last-child { width: auto; grid-column: auto; }
  .about-founder__image { min-height: 68svh; }
  .about-founder__image > span { left: 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .about-hero__orbit i { animation: none; }
  .about-js [data-reveal] { opacity: 1; transform: none; transition: none; }
  .team-card__photo img, .about-model article { transition: none; }
}