:root {
  color-scheme: dark;
  --ink: #111014;
  --surface: #18161a;
  --ivory: #f9f1e7;
  --soft: #c5b8b5;
  --copper: #f1b187;
  --edge: #ffffff24;
  --body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --display: Georgia, "Times New Roman", serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --gutter: clamp(20px, 6vw, 100px);
  --bar: 70px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: var(--bar); }
body { margin: 0; background: var(--ink); color: var(--ivory); font: 16px/1.65 var(--body); }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
p, h1, h2, h3 { margin: 0; }
em { color: var(--copper); font-weight: inherit; }
::selection { background: #f1b187; color: #181319; }
:focus-visible { outline: 2px solid #ffbe8f; outline-offset: 5px; }
.skip { position: fixed; z-index: 10; left: 16px; top: 12px; transform: translateY(-160%); background: var(--ivory); color: var(--ink); padding: 10px 16px; }
.skip:focus { transform: translateY(0); }
.wrap { width: min(calc(100% - 2 * var(--gutter)), 1300px); margin-inline: auto; }
.topbar { position: sticky; top: 0; z-index: 5; background: #111014f2; border-bottom: 1px solid var(--edge); backdrop-filter: blur(14px); }
.topbar-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: var(--bar); width: min(calc(100% - 2 * var(--gutter)), 1300px); margin: auto; }
.wordmark { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; white-space: nowrap; font: 700 14px/1 var(--body); letter-spacing: .14em; }
.wordmark span { margin-left: -8px; color: var(--copper); }
nav { display: flex; align-items: center; gap: clamp(15px, 3vw, 42px); }
nav a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; color: var(--soft); font-size: 13px; font-weight: 580; }
nav a:hover, nav a[aria-current] { color: var(--ivory); }
nav a[aria-current]:not(.nav-connect) { text-decoration: underline; text-decoration-color: var(--copper); text-underline-offset: 7px; }
nav .nav-connect { border: 1px solid #b589705e; color: var(--copper); border-radius: 30px; padding-inline: 16px; }
nav .nav-connect:hover, nav .nav-connect[aria-current] { background: #f1b18721; }
.hero { position: relative; isolation: isolate; overflow: hidden; min-height: min(780px, calc(100svh - var(--bar))); background: #161218; }
.hero-image, .hero-shade { position: absolute; inset: 0; pointer-events: none; }
.hero-image { z-index: -2; background: #17131d url('/assets/horizon.webp') center 46% / cover no-repeat; animation: settle 3.2s cubic-bezier(.2,.6,.25,1) both; }
.hero-shade { z-index: -1; background: linear-gradient(90deg,#111014e8 0%,#11101480 37%,#11101406 68%), linear-gradient(0deg,#111014ee,transparent 33%); }
@keyframes settle { from { transform: scale(1.045); } to { transform: scale(1); } }
.hero-frame { min-height: inherit; display: grid; align-content: center; position: relative; padding-block: clamp(72px, 11vh, 145px) clamp(106px, 14vh, 165px); }
.hero-copy { width: min(100%, 655px); }
.eyebrow { color: #eac4ae; text-transform: uppercase; font: 600 clamp(10px,1.07vw,12px)/1.4 var(--mono); letter-spacing: .17em; }
.signal { display: inline-block; width: 7px; height: 7px; background: var(--copper); border-radius: 50%; box-shadow: 0 0 16px #ffb88daa; margin-right: 8px; vertical-align: 1px; }
h1, h2 { font-family: var(--display); font-weight: 400; letter-spacing: -.06em; }
h1 { font-size: clamp(81px, 10.7vw, 166px); line-height: .83; margin: 26px 0 32px; }
h1 em { text-shadow: 0 0 52px #e08f6c24; }
.roles { font-weight: 620; color: var(--ivory); font-size: clamp(13px, 1.2vw, 16px); }
.roles span { color: var(--copper); padding-inline: .3em; }
.hero-lede { color: var(--soft); max-width: 37ch; margin-top: 10px; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 24px; margin-top: 24px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 49px; padding: 8px 19px; border-radius: 32px; font-size: 14px; font-weight: 700; transition: background-color .2s; }
.button-primary { background: #f3b98f; color: #211520; }
.button-primary:hover { background: #ffd2af; }
.text-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; width: fit-content; font-size: 14px; font-weight: 650; }
.text-link span { color: var(--copper); }
.text-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.hero-bottom { display: flex; align-items: center; gap: 16px; position: absolute; bottom: 28px; inset-inline: 0; color: #c4a99c; font: 10px/1.2 var(--mono); letter-spacing: .12em; }
.hero-bottom span:nth-child(2) { height: 1px; flex: 1; background: #e1ae9060; }
.chapter { padding-block: clamp(72px, 11vw, 144px); }
.chapter-label { display: flex; align-items: center; gap: 13px; margin-bottom: 18px; }
.chapter-label span { color: var(--copper); border-bottom: 1px solid #cc957a8c; padding-bottom: 3px; }
h2 { font-size: clamp(54px, 7.4vw, 116px); line-height: .98; }
.section-lede { font-size: clamp(16px, 1.6vw, 22px); line-height: 1.5; color: #e7d9d3; }
.about { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(36px, 8vw, 118px); }
.about-art { position: relative; overflow: hidden; isolation: isolate; border: 1px solid #e7ae892e; background: #1a151a; border-radius: 4px; }
.about-art img { width: 100%; height: auto; aspect-ratio: 670/570; object-fit: cover; }
.art-label { display: flex; justify-content: space-between; align-items: center; min-height: 34px; position: absolute; bottom: 0; inset-inline: 12px; border-top: 1px solid #cf957150; font: 9px/1 var(--mono); letter-spacing: .12em; color: #ddb9a6; }
.about-copy .section-lede { margin-top: 27px; }
.about-copy p:not(.eyebrow,.section-lede) { color: var(--soft); margin-block: 15px 10px; max-width: 48ch; }
.ventures { background: #18161a; border-block: 1px solid #ffffff12; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px 36px; margin-bottom: 38px; }
.section-heading .section-lede { max-width: 29ch; }
.venture-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.venture { display: flex; flex-direction: column; justify-content: space-between; gap: 34px; padding: clamp(18px, 2.65vw, 34px); border: 1px solid #ffcfb129; border-radius: 4px; background: radial-gradient(ellipse at 105% 0%, #432d307d, transparent 66%), #1d1a1f; }
.venture-top { display: flex; align-items: start; justify-content: space-between; gap: 8px; }
.venture-top span { color: #e3b39c; font: 10px/1.4 var(--mono); letter-spacing: .1em; }
.venture svg { width: clamp(32px, 4vw, 48px); flex: 0 0 auto; stroke: var(--copper); stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.venture h3 { font: 400 clamp(24px, 3vw, 42px)/1.05 var(--display); letter-spacing: -.04em; }
.venture p { margin-top: 11px; color: var(--soft); font-size: 15px; }
.vision { position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(ellipse at 75% 50%, #4b2b37, #1b171f 45%, #111014 79%); }
.vision-copy { position: relative; }
.vision-copy p:not(.eyebrow) { max-width: 41ch; margin-top: 25px; color: #e7d9d3; font-size: clamp(16px, 1.5vw, 20px); }
.vision-rings { position: absolute; z-index: -1; width: min(54vw, 820px); aspect-ratio: 1; top: 50%; right: 1.5%; transform: translateY(-50%); display: grid; place-items: center; opacity: .78; }
.vision-rings i { position: absolute; width: 42%; aspect-ratio: 1; border-radius: 50%; border: 1px solid #f7b38a78; box-shadow: 0 0 50px #da795624 inset; }
.vision-rings i:nth-child(2) { width: 54%; opacity: .75; }
.vision-rings i:nth-child(3) { width: 66%; opacity: .6; }
.vision-rings i:nth-child(4) { width: 79%; opacity: .45; }
.vision-rings i:nth-child(5) { width: 93%; opacity: .3; }
.vision-rings b { font: 400 clamp(40px, 9vw, 125px)/1 var(--display); color: #f9bb92; text-shadow: 0 0 75px #fca780a6; }
.connect { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 22px 50px; }
.connect-info { max-width: 41ch; }
.connect-info .button { margin-top: 18px; }
.footer { border-top: 1px solid var(--edge); color: var(--soft); }
.footer-inner { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-block: 16px; }
.footer-inner p { font-size: 12px; }
@media (max-width: 760px) {
  .about, .connect { grid-template-columns: 1fr; align-items: start; }
  .about-art { order: 2; max-width: 480px; }
  .section-heading { flex-direction: column; align-items: start; }
  .venture-grid { grid-template-columns: 1fr; }
  .venture { gap: 19px; }
  .vision-rings { width: 77vw; right: -20%; opacity: .4; }
}
@media (max-width: 550px) {
  :root { --bar: 91px; }
  .topbar-inner { display: grid; justify-content: stretch; gap: 0; padding-top: 3px; }
  .topbar .wordmark { width: fit-content; }
  nav { justify-content: space-between; gap: 5px; }
  nav a { font-size: clamp(11px, 3.1vw, 13px); }
  nav .nav-connect { min-height: 44px; padding-inline: 4px; border-color: transparent; }
  .hero { min-height: calc(100svh - var(--bar)); }
  .hero-frame { padding-block: clamp(62px, 10vh, 110px) 83px; }
  .hero-image { background-position: 71% center; }
  .hero-shade { background: linear-gradient(90deg,#111014b8,#11101428), linear-gradient(0deg,#111014ed 7%,#1110140a 85%); }
  h1 { font-size: clamp(70px, 16.5vw, 96px); }
  .hero-bottom { bottom: 21px; letter-spacing: .04em; font-size: 9px; gap: 7px; }
  .footer-inner { flex-wrap: wrap; gap: 4px 15px; }
  .footer-inner p { order: 3; width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}