.venture-page {
  background: #f7f9fa;
}

.venture-page .desktop-nav a[aria-current="page"]::after {
  transform: scaleX(1);
}

.venture-overview-hero,
.venture-detail-hero {
  padding: 190px 0 110px;
  color: var(--white);
  background:
    radial-gradient(circle at 83% 25%, rgba(55, 215, 197, .18), transparent 27%),
    linear-gradient(125deg, var(--navy-950), var(--navy-900));
}

.venture-overview-hero {
  min-height: 570px;
}

.venture-overview-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  align-items: end;
  gap: 90px;
}

.venture-overview-grid h1,
.venture-detail-copy h1 {
  margin: 0;
  font-size: clamp(43px, 5.3vw, 68px);
  letter-spacing: -.05em;
  line-height: 1.4;
}

.venture-overview-grid h1 em {
  color: var(--cyan-400);
  font-style: normal;
}

.venture-overview-grid > p {
  margin: 0 0 10px;
  color: #a8bac6;
  font-size: 16px;
  line-height: 2.1;
}

.venture-catalog-section {
  padding: 100px 0 130px;
}

.venture-catalog-intro {
  display: flex;
  justify-content: space-between;
  margin-bottom: 28px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--line);
  color: #7c8c96;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
}

.venture-catalog-intro p {
  margin: 0;
}

.venture-catalog {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.venture-catalog-card {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--white);
  box-shadow: 0 12px 42px rgba(7, 19, 31, .06);
}

.venture-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
}

.venture-card-header > small {
  color: #81909a;
  font-size: 10px;
  font-weight: 800;
}

.venture-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #24745f;
  font-size: 11px;
  font-weight: 800;
}

.venture-status i {
  width: 7px;
  height: 7px;
  background: #36bc94;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(54, 188, 148, .11);
}

.venture-status.status-beta {
  color: #956b08;
}

.venture-status.status-beta i {
  background: #e6b63b;
  box-shadow: 0 0 0 5px rgba(230, 182, 59, .12);
}

.venture-status.status-development,
.venture-status.status-coming-soon {
  color: #346bad;
}

.venture-status.status-development i,
.venture-status.status-coming-soon i {
  background: #4a8ce1;
}

.venture-status.status-paused,
.venture-status.status-discontinued {
  color: #76818a;
}

.venture-status.status-paused i,
.venture-status.status-discontinued i {
  background: #88939b;
}

.venture-cover {
  position: relative;
  height: 320px;
  margin: 0 16px;
  overflow: hidden;
  border-radius: 12px;
}

.cover-store {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 48px;
  color: var(--white);
  background:
    radial-gradient(circle at 77% 34%, rgba(55, 215, 197, .46), transparent 28%),
    linear-gradient(135deg, #112e45, #07131f);
}

.cover-store::after {
  position: absolute;
  right: -50px;
  bottom: -90px;
  width: 310px;
  height: 310px;
  border: 54px solid rgba(255, 255, 255, .05);
  border-radius: 50%;
  content: "";
}

.cover-store > span {
  color: var(--cyan-400);
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .2em;
}

.cover-store > strong {
  font-family: Arial, sans-serif;
  font-size: 54px;
  letter-spacing: -.05em;
}

.cover-store > div {
  display: flex;
  gap: 9px;
  margin-top: 35px;
}

.cover-store > div i {
  width: 53px;
  height: 38px;
  background: rgba(255, 255, 255, .11);
  border: 1px solid rgba(255, 255, 255, .1);
}

.cover-kanji {
  display: grid;
  color: #22292d;
  background:
    linear-gradient(rgba(15, 34, 47, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 34, 47, .07) 1px, transparent 1px),
    #f2efe6;
  background-size: 39px 39px;
  place-items: center;
}

.cover-kanji > strong {
  font-family: serif;
  font-size: 112px;
  font-weight: 400;
}

.cover-kanji > i {
  position: absolute;
  display: grid;
  width: 48px;
  height: 48px;
  color: var(--white);
  background: var(--navy-900);
  border-radius: 50%;
  place-items: center;
  font-family: serif;
  font-size: 18px;
  font-style: normal;
}

.node-one { top: 35px; right: 48px; }
.node-two { right: 58px; bottom: 35px; }
.node-three { bottom: 29px; left: 45px; }

.cover-generic {
  display: grid;
  padding: 35px;
  color: var(--white);
  background: var(--navy-900);
  place-items: center;
  text-align: center;
}

.venture-cover.is-large {
  width: 100%;
  height: 520px;
  margin: 0;
}

.venture-card-body {
  padding: 32px 32px 38px;
}

.venture-card-body > p {
  margin: 0;
  color: var(--blue-500);
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
}

.venture-card-body h2 {
  margin: 4px 0 15px;
  font-size: 28px;
}

.venture-card-body > span {
  display: block;
  min-height: 57px;
  color: var(--muted);
  font-size: 14px;
}

.venture-card-body > a {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: 30px;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--ink);
  font-size: 13px;
  font-weight: 800;
}

.venture-card-body > a b {
  color: var(--blue-500);
}

.venture-policy,
.venture-features {
  padding: 120px 0;
  color: var(--white);
  background: var(--navy-950);
}

.venture-policy-grid {
  display: grid;
  grid-template-columns: .65fr 1.35fr;
  gap: 90px;
}

.venture-policy h2,
.venture-purpose h2,
.venture-section-heading h2,
.venture-learnings h2,
.venture-next h2 {
  margin: 0;
  font-size: clamp(34px, 4.2vw, 52px);
  letter-spacing: -.045em;
  line-height: 1.45;
}

.venture-policy-grid > div > p {
  max-width: 630px;
  margin: 28px 0 0;
  color: #96a9b6;
}

.venture-detail-hero {
  min-height: 780px;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 70px;
  color: #8298a7;
  font-size: 11px;
}

.breadcrumbs a:hover,
.breadcrumbs a:focus-visible {
  color: var(--cyan-400);
}

.venture-detail-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 90px;
}

.venture-detail-index {
  margin: 28px 0 20px;
  color: #7f95a4;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.venture-detail-copy > p:not(.venture-detail-index) {
  margin: 28px 0 34px;
  color: #adbdc7;
  line-height: 2;
}

.venture-external {
  min-width: 260px;
  justify-content: space-between;
}

.venture-meta {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 430px;
  margin: 35px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .15);
}

.venture-meta > div {
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.venture-meta dt {
  color: #728795;
  font-size: 10px;
}

.venture-meta dd {
  margin: 2px 0 0;
  font-size: 13px;
}

.venture-purpose,
.venture-learnings {
  padding: 120px 0;
}

.venture-purpose-grid,
.venture-learnings-grid {
  display: grid;
  grid-template-columns: .75fr 1.25fr;
  gap: 90px;
}

.venture-purpose dl {
  margin: 0;
  border-top: 1px solid var(--line);
}

.venture-purpose dl > div {
  display: grid;
  grid-template-columns: 120px 1fr;
  min-height: 135px;
  padding: 30px 0;
  border-bottom: 1px solid var(--line);
  gap: 30px;
}

.venture-purpose dt {
  color: var(--blue-500);
  font-size: 12px;
  font-weight: 800;
}

.venture-purpose dd {
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.9;
}

.venture-section-heading {
  margin-bottom: 65px;
}

.venture-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(255, 255, 255, .16);
  border-left: 1px solid rgba(255, 255, 255, .16);
}

.venture-feature-grid article {
  min-height: 300px;
  padding: 34px 30px;
  border-right: 1px solid rgba(255, 255, 255, .16);
  border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.venture-feature-grid article > span {
  color: var(--cyan-400);
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
}

.venture-feature-grid h3 {
  margin: 80px 0 16px;
  font-size: 20px;
}

.venture-feature-grid p {
  margin: 0;
  color: #93a6b3;
  font-size: 13px;
}

.venture-learnings ul {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--line);
  list-style: none;
}

.venture-learnings li {
  position: relative;
  padding: 25px 20px 25px 45px;
  border-bottom: 1px solid var(--line);
  font-size: 17px;
  font-weight: 700;
}

.venture-learnings li::before {
  position: absolute;
  top: 34px;
  left: 8px;
  width: 7px;
  height: 7px;
  background: var(--cyan-400);
  border-radius: 50%;
  content: "";
}

.venture-next {
  padding: 105px 0;
  color: var(--white);
  background:
    radial-gradient(circle at 15% 100%, rgba(55, 215, 197, .16), transparent 25%),
    var(--navy-900);
}

.venture-next-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 60px;
}

@media (max-width: 900px) {
  .venture-overview-grid,
  .venture-detail-grid,
  .venture-policy-grid,
  .venture-purpose-grid,
  .venture-learnings-grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .venture-next-inner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .venture-overview-hero,
  .venture-detail-hero {
    min-height: auto;
    padding: 135px 0 78px;
  }

  .venture-overview-grid h1,
  .venture-detail-copy h1 {
    font-size: 39px;
  }

  .venture-catalog-section,
  .venture-policy,
  .venture-purpose,
  .venture-features,
  .venture-learnings {
    padding: 80px 0;
  }

  .venture-catalog {
    grid-template-columns: 1fr;
  }

  .venture-cover {
    height: 245px;
  }

  .venture-cover.is-large {
    height: 340px;
  }

  .cover-store {
    padding-left: 30px;
  }

  .cover-store > strong {
    font-size: 43px;
  }

  .cover-kanji > strong {
    font-size: 85px;
  }

  .venture-card-body {
    padding: 27px 25px 32px;
  }

  .venture-card-body > span {
    min-height: 0;
  }

  .breadcrumbs {
    margin-bottom: 45px;
  }

  .venture-detail-grid {
    gap: 55px;
  }

  .venture-detail-copy > p:not(.venture-detail-index) {
    font-size: 15px;
  }

  .venture-external {
    width: 100%;
    min-width: 0;
  }

  .venture-purpose dl > div {
    grid-template-columns: 1fr;
    min-height: 0;
    gap: 8px;
  }

  .venture-purpose dd {
    font-size: 15px;
  }

  .venture-feature-grid {
    grid-template-columns: 1fr;
  }

  .venture-feature-grid article {
    min-height: 235px;
  }

  .venture-feature-grid h3 {
    margin-top: 55px;
  }

  .venture-learnings li {
    font-size: 15px;
  }

  .venture-next {
    padding: 80px 0;
  }
}