/* ========================================================================== 
   DEFINITIVE SITE FINISH
   A restrained system for every visible chapter: consistent typography,
   spacing, alignment and interaction without cards or decorative containers.
   ========================================================================== */

:root {
  /* ONE PAPER, AND IT LIVES IN tokens.css.
     These were #eee5d7 — a warmer, darker tan than the #f6f3ed the content
     sections were painted in and the #f7f5f0 the title screen used. Three
     near-whites, written in three files at three different times, none of
     them agreeing: too close together to read as a decision and far enough
     apart to show as a seam wherever two of them met.

     tokens.css already documents the intended scale (--field / --field-deep /
     --field-raised). Nothing here gets its own paper any more; it references
     that one. `--field-deep` is a REAL step down now rather than a duplicate
     of the base, which is what it was pretending to be. */
  --finish-paper: var(--field);
  --finish-paper-deep: var(--field-deep);
  --finish-ink: #171411;
  --finish-muted: #625d55;
  --finish-faint: #8a8379;
  --finish-accent: var(--steel);
  --finish-x: clamp(24px, 6vw, 92px);
  --finish-y: clamp(96px, 13vh, 152px);
  --finish-wide: 78rem;
  --finish-reading: 60rem;
  --finish-motion-fast: 180ms;
  --finish-motion: 620ms;
  --finish-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

body {
  color: var(--finish-ink);
  background: var(--finish-paper);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

html {
  scroll-snap-type: none;
}

html.title-transitioning,
html.chapter-transitioning {
  scroll-behavior: auto;
}

/* The Ventures index is a deliberate breakaway screen. Building hands into
   it, then the index hands back to the long-form venture story rail. */
html.chapter-transitioning[data-chapter-destination="ventures"] #building,
html.chapter-transitioning[data-chapter-destination="venture-stories"] #ventures {
  opacity: var(--chapter-out-opacity, 1);
  transform: scale(var(--chapter-out-scale, 1));
  transform-origin: 50% 50%;
  will-change: transform, opacity;
}

html.chapter-transitioning[data-chapter-destination="ventures"] #ventures,
html.chapter-transitioning[data-chapter-destination="venture-stories"] #venture-stories {
  position: relative;
  z-index: 2;
  opacity: var(--chapter-in-opacity, 1);
  transform: scale(var(--chapter-in-scale, 1));
  transform-origin: 50% 50%;
  will-change: transform, opacity;
}

/* The opening title is its own visual plane.
   ---------------------------------------------------------------------------
   THE FIXED STAGE IS GONE. The hero was originally composed as `.stage`, a
   `position: fixed` canvas that took no space in flow — which is why
   `.chapters` carried `margin-top: 100svh`: the margin was reserving the
   viewport the fixed stage floated over.

   The title screen is now `section#title` in NORMAL FLOW, with its own
   `min-height: 100svh`. It reserves that viewport itself. The margin below was
   left behind and reserved a SECOND one, which is the empty screen that sat
   between the title and the first paragraph.

   `.stage` no longer exists in the markup. Its rule is removed rather than
   left as decoration for an element nothing renders. */
#main {
  display: flow-root;
}

.scene--hero {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

.chapters {
  position: relative;
  z-index: 7;
  background: var(--finish-paper);
  /* THE UPWARD SHADOW IS GONE. It cast 64px of 14% black straight up onto the
     title screen, and it existed for an architecture that no longer does: when
     `.stage` was a fixed canvas, this was the paper plane's edge lifting over
     it, so the gradient read as depth.

     There is no fixed stage now, and the title screen sits on the same --field
     paper this does. So the shadow was darkening one continuous surface for no
     reason — a soft grey band with a hard edge under it, floating across the
     page just above the fold. It looked like a seam because it was one. */
}

html.title-transitioning .stage {
  filter: saturate(0.9) brightness(0.92);
  transform: scale(0.985);
}

::selection {
  color: var(--finish-paper);
  background: var(--finish-accent);
}

.chapters > [data-panel] {
  scroll-margin-top: clamp(56px, 8vh, 84px);
}

.chrome.chrome__nav {
  gap: clamp(15px, 2vw, 28px);
}

.chrome.chrome__nav a {
  font-family: var(--mono);
  font-size: clamp(8px, 0.7vw, 10px);
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: color var(--finish-motion-fast) linear, opacity var(--finish-motion-fast) linear, transform 240ms var(--finish-ease);
}

.chrome.chrome__nav a[aria-current="page"] {
  opacity: 1;
}

/* Shared chapter ground and rhythm. */
#about,
#ventures,
#venture-stories,
.chapters > .socials-section[data-panel="socials"],
#connect {
  width: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  background-color: var(--finish-paper) !important;
  background-image: none !important;
  box-shadow: none;
}

#about,
#ventures,
.chapters > .socials-section[data-panel="socials"] {
  padding: var(--finish-y) var(--finish-x);
}

.section-title,
.socials-section > .section-title {
  color: var(--finish-muted);
  font-family: var(--mono);
  font-size: clamp(9px, 0.72vw, 11px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  text-shadow: none;
}

/* Building With remains the kinetic visual chapter, but the title and logo
   treatment use the same restrained hierarchy as every other section. */
#building {
  background-color: var(--finish-paper-deep) !important;
  background-image: none !important;
}

#building > .section-title {
  color: var(--finish-muted);
  text-shadow: none;
}

#building .stack-grid > li img,
#building .stack-grid > li[data-ink="mono"] img {
  width: 78%;
  height: 78%;
  opacity: 1;
  filter: saturate(1.02) drop-shadow(0 8px 14px rgba(49, 38, 28, 0.14));
}

@media (hover: hover) {
  #building .stack-grid > li:hover img,
  #building .stack-grid > li[data-ink="mono"]:hover img {
    filter: saturate(1.08) drop-shadow(0 12px 20px rgba(49, 38, 28, 0.2));
    transform: translateY(-4px) scale(1.045);
  }
}

/* Ventures deliberately rotate through the site's three type voices. The
   scale is generous; the shared alignment and spacing keep the mix composed. */
#ventures {
  display: grid;
  place-items: center;
  grid-template-columns: minmax(0, 1fr);
  height: auto;
  min-height: 100svh;
  padding-right: clamp(24px, 4vw, 64px);
  padding-left: clamp(24px, 4vw, 64px);
}

.venture-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: none;
  gap: clamp(48px, 7vh, 72px) clamp(28px, 4vw, 58px);
  width: min(100%, 88rem);
  height: auto;
  margin: 0 auto;
  padding: 0;
}

.venture-list__item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(76px, 9vh, 104px);
  padding: 0;
  color: var(--finish-ink);
  font-family: var(--prose);
  font-size: clamp(52px, 6vw, 96px);
  font-stretch: normal;
  font-variant: normal;
  font-weight: 400;
  font-variation-settings: normal;
  line-height: 0.92;
  letter-spacing: -0.05em;
  text-align: center;
  text-transform: none;
  text-shadow: none;
  transition: color 180ms linear, transform 260ms var(--ease-out), opacity 180ms linear;
}

.venture-list__item:nth-child(3n + 2) {
  font-family: var(--display);
  font-stretch: 72%;
  font-weight: 820;
  font-variation-settings: "wdth" 72, "wght" 820;
  letter-spacing: -0.055em;
}

.venture-list__item:nth-child(3n) {
  font-family: var(--mono);
  font-size: clamp(43px, 4.8vw, 76px);
  font-stretch: normal;
  font-variant: normal;
  font-weight: 500;
  font-variation-settings: normal;
  letter-spacing: -0.045em;
}

span.venture-list__item {
  color: var(--finish-muted);
}

.venture-list__item--wordmark {
  overflow: visible;
  font-size: 0;
}

.venture-list__wordmark {
  display: block;
  width: min(100%, 42rem);
  height: auto;
  max-height: 90px;
  object-fit: contain;
}

.venture-list__wordmark--treasures {
  width: min(100%, 40rem);
  max-height: 92px;
}

.venture-list__group {
  display: grid;
  place-items: center;
  align-self: center;
  gap: 10px;
  min-width: 0;
}

.venture-list__group > summary {
  list-style: none;
  cursor: pointer;
}

.venture-list__group > summary::-webkit-details-marker {
  display: none;
}

.venture-list__item--systems {
  position: relative;
  padding-inline: 24px;
  font-family: var(--display);
  font-stretch: 70%;
  font-weight: 840;
  font-variation-settings: "wdth" 70, "wght" 840;
}

.venture-list__item--systems::after {
  content: "+";
  position: absolute;
  right: 0;
  color: var(--finish-muted);
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  transition: transform 220ms var(--ease-out);
}

.venture-list__group[open] > .venture-list__item--systems::after {
  transform: rotate(45deg);
}

.venture-list__item--nested {
  min-height: 48px;
  font-family: var(--mono);
  font-size: clamp(30px, 3.1vw, 48px);
  font-weight: 500;
  letter-spacing: -0.045em;
  animation: venture-reveal 260ms var(--ease-out) both;
}

.venture-list__item--gryphon {
  font-family: var(--display) !important;
  font-stretch: 66%;
  font-weight: 760;
  font-variation-settings: "wdth" 66, "wght" 760;
}

@keyframes venture-reveal {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (hover: hover) {
  a.venture-list__item:hover,
  a.venture-list__item:focus-visible,
  .venture-list__group > summary:hover,
  .venture-list__group > summary:focus-visible {
    color: var(--finish-accent);
    transform: translateY(-3px);
  }
}

/* The index ends above. This rail is the expandable, continuous home for the
   venture stories themselves; each future venture gets one full-height entry. */
#venture-stories {
  min-height: 100svh;
  padding: 0;
}

.venture-story {
  width: 100%;
  min-height: 100svh;
  padding: clamp(96px, 14vh, 168px) var(--finish-x);
}

.made-case {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: min(100%, 82rem);
  margin: 0 auto;
}

.made-case__header {
  text-align: center;
}

.made-case__eyebrow {
  margin: 0 0 clamp(36px, 6vh, 68px);
  color: var(--finish-muted);
  font-family: var(--mono);
  font-size: clamp(9px, 0.72vw, 11px);
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.made-case__eyebrow span {
  margin-right: 1.2em;
  color: var(--finish-accent);
}

.made-case__logo-link {
  display: block;
  width: min(46vw, 28rem);
  max-width: 100%;
  margin: 0 auto;
  color: inherit;
  text-decoration: none;
}

.made-case__logo {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  transition: transform 600ms var(--finish-ease);
}

.made-case__copy {
  width: min(100%, 55rem);
  margin: clamp(88px, 14vh, 156px) auto 0;
}

.made-case__copy p {
  margin: 0;
  color: var(--finish-ink);
  font-family: var(--prose);
  font-size: clamp(19px, 1.7vw, 27px);
  line-height: 1.48;
  letter-spacing: -0.02em;
}

.made-case__copy p + p {
  max-width: 42rem;
  margin-top: clamp(34px, 5vh, 54px);
}

.made-case__copy .made-case__opening {
  font-size: clamp(32px, 4.2vw, 58px);
  line-height: 1.04;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

.made-case__link {
  display: inline-flex;
  align-items: center;
  justify-self: center;
  gap: 13px;
  margin-top: clamp(84px, 13vh, 142px);
  color: var(--finish-ink);
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 180ms linear, transform 260ms var(--finish-ease);
}

.made-case__link i {
  color: var(--finish-accent);
  font-family: var(--prose);
  font-size: 18px;
  font-style: normal;
  line-height: 1;
}

@media (hover: hover) {
  .made-case__logo-link:hover .made-case__logo,
  .made-case__logo-link:focus-visible .made-case__logo {
    transform: scale(1.018);
  }

  .made-case__link:hover,
  .made-case__link:focus-visible {
    color: var(--finish-accent);
    transform: translateX(4px);
  }
}

/* Socials: an open centered directory with no alternating alignments,
   numbering, glow, or decorative arrows. */
.chapters > .socials-section[data-panel="socials"] {
  min-height: auto;
  color: var(--finish-ink);
}

.socials-section > .section-title {
  width: 100%;
  margin: 0 0 clamp(46px, 6vh, 66px);
  color: var(--finish-muted);
  text-align: center;
}

.socials-section .accounts {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(42px, 5.5vh, 60px);
  width: min(100%, 44rem);
  margin: 0 auto;
}

.socials-section .account,
.socials-section .account:nth-child(even),
.socials-section .account:last-child:nth-child(odd) {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  transform: none;
}

.socials-section .account::before,
.socials-section .account:nth-child(even)::before {
  content: none;
}

.socials-section .account__handle {
  color: var(--finish-ink) !important;
  font-family: var(--display);
  font-size: clamp(33px, 3.45vw, 50px);
  font-stretch: 76%;
  font-weight: 780;
  font-variation-settings: "wdth" 76, "wght" 780;
  line-height: 0.92;
  letter-spacing: -0.04em;
  text-align: center;
  text-shadow: none !important;
  filter: none !important;
}

.socials-section .account__desc {
  padding: 0;
  color: var(--finish-muted);
  font-family: var(--mono);
  font-size: clamp(10px, 0.76vw, 12px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.13em;
  text-align: center;
  text-transform: uppercase;
  text-shadow: none !important;
  filter: none !important;
}

.socials-section .account__links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px clamp(18px, 2vw, 26px);
  width: 100%;
  margin: 8px auto 0;
}

.socials-section .account__links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  color: var(--finish-ink);
  font-family: var(--mono);
  font-size: clamp(12px, 0.92vw, 14px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  text-shadow: none !important;
  filter: none !important;
  transition: opacity 180ms linear, transform 220ms var(--ease-out);
}

.socials-section .account__links a::after {
  content: none;
}

.socials-section .account__links img {
  width: 20px;
  height: 20px;
  opacity: 1;
}

.socials-section .account__links a:nth-child(1) img {
  filter: brightness(0) saturate(100%) invert(27%) sepia(49%) saturate(2877%) hue-rotate(298deg) brightness(88%) contrast(89%) !important;
}

.socials-section .account__links a:nth-child(2) img {
  filter: brightness(0) saturate(100%) invert(40%) sepia(90%) saturate(790%) hue-rotate(139deg) brightness(89%) contrast(101%) !important;
}

@media (hover: hover) {
  .socials-section .accounts:has(.account:hover) .account:not(:hover) {
    opacity: 0.58;
    filter: none;
  }

  .socials-section .account:hover,
  .socials-section .account:hover .account__handle,
  .socials-section .account:nth-child(even):hover .account__handle {
    color: var(--finish-ink);
    transform: none;
  }

  .socials-section .account__links a:hover,
  .socials-section .account__links a:focus-visible {
    opacity: 0.68;
    transform: translateY(-2px);
  }
}

/* Contact: one strong invitation, a compact form, and deliberate space before
   the footer. */
#connect {
  display: grid;
  place-items: start center;
  min-height: auto;
  padding: clamp(112px, 14vh, 164px) var(--finish-x) clamp(28px, 4vh, 48px);
  text-align: center;
}

/* Keep the directory visually attached to the message form, then let the
   light field breathe before the dark footer begins. */
.chapters > .socials-section[data-panel="socials"] {
  padding-top: clamp(52px, 7vh, 76px);
  padding-bottom: clamp(320px, 38vh, 440px);
}

#connect > .connect__block {
  width: min(100%, 44rem);
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#connect .connect__eyebrow {
  width: 100%;
  margin: 0 auto clamp(26px, 3.5vh, 36px);
  text-align: center;
}

#connect .connect__title {
  margin: 0 auto clamp(28px, 4vh, 40px);
  color: var(--finish-ink);
  font-family: var(--display);
  font-size: clamp(62px, 7.5vw, 108px);
  font-stretch: 76%;
  font-weight: 800;
  font-variation-settings: "wdth" 76, "wght" 800;
  line-height: 0.9;
  letter-spacing: -0.045em;
  text-align: center;
  text-shadow: none;
}

#connect .form {
  display: grid;
  gap: 14px;
  width: min(100%, 40rem);
  margin: 0 auto;
  justify-items: center;
}

#connect .field {
  display: grid;
  gap: 5px;
  width: 100%;
  margin: 0;
  justify-items: center;
}

#connect .field__label {
  color: var(--finish-muted);
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.14em;
  text-align: center;
  text-transform: uppercase;
  text-shadow: none;
}

#connect .field__input {
  width: 100%;
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid rgba(23, 20, 17, 0.28);
  border-radius: 0;
  color: var(--finish-ink);
  background: transparent;
  box-shadow: none;
  font-family: var(--mono);
  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.45;
  text-align: center;
}

#connect .field__input--area {
  min-height: 96px;
  resize: vertical;
}

#connect .field__input::placeholder {
  color: var(--finish-faint);
  opacity: 1;
}

#connect .field__input:focus {
  border-color: var(--finish-ink);
  outline: 0;
  background: transparent;
  box-shadow: 0 1px 0 var(--finish-ink);
  transform: none;
}

#connect .button {
  min-width: 126px;
  margin-top: 7px;
  padding: 14px 24px;
  border: 1px solid var(--finish-ink);
  border-radius: 0;
  color: var(--finish-paper);
  background: var(--finish-ink);
  box-shadow: none;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition: color 180ms linear, background-color 180ms linear, transform 220ms var(--ease-out);
}

#connect .button:hover,
#connect .button:focus-visible {
  color: var(--finish-ink);
  background: transparent;
  box-shadow: none;
  transform: translateY(-2px);
}

/* Footer: simple information architecture and quiet typography. */
.site-footer {
  width: 100%;
  margin: 0;
  padding: clamp(76px, 10vh, 112px) var(--finish-x) 30px;
  border: 0;
  color: #f5efe5;
  background: #050505 !important;
  background-image: none !important;
  box-shadow: 0 -28px 76px rgba(5, 5, 5, 0.08);
}

.site-footer__inner,
.site-footer__bottom {
  width: min(100%, var(--finish-wide));
  max-width: 64rem;
  margin-inline: auto;
}

.site-footer__inner {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(30px, 4vw, 58px);
  max-width: 64rem;
}

.site-footer__heading {
  margin: 0 0 18px;
  color: rgba(245, 239, 229, 0.52);
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  text-shadow: none;
}

.site-footer .footer-links,
.site-footer .markets.footer-links {
  display: grid;
  gap: 11px;
}

.site-footer .footer-links a,
.site-footer .markets.footer-links a,
.site-footer__column a[href^="mailto:"] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-height: 0;
  padding: 0;
  color: rgba(245, 239, 229, 0.84);
  font-family: var(--mono);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
  text-decoration: none;
  text-transform: none;
  text-shadow: none;
  transition: color 180ms linear, transform 220ms var(--ease-out);
}

.site-footer .markets__logo {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
}

.site-footer .markets__logo img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.site-footer .markets__logo--none {
  display: none;
}

.site-footer .markets a > i {
  color: rgba(245, 239, 229, 0.42);
  font-style: normal;
}

@media (hover: hover) {
  .site-footer .footer-links a:hover,
  .site-footer .footer-links a:focus-visible,
  .site-footer .markets.footer-links a:hover,
  .site-footer .markets.footer-links a:focus-visible {
    color: #ffffff;
    transform: translateX(3px);
  }
}

.site-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: clamp(54px, 7vh, 78px);
  padding-top: 18px;
  border-top: 1px solid rgba(245, 239, 229, 0.14);
  color: rgba(245, 239, 229, 0.48);
  font-family: var(--mono);
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-shadow: none;
}

/* One shared arrival language connects the very different chapters without
   putting them inside matching containers. */
.motion-ready [data-reveal] {
  filter: none;
  transform: translate3d(0, 20px, 0);
  transition:
    opacity var(--finish-motion) var(--finish-ease),
    transform calc(var(--finish-motion) + 80ms) var(--finish-ease);
  transition-delay: calc(var(--i, 0) * 36ms);
}

.motion-ready [data-reveal].is-in {
  transform: none;
}

:where(a, button, input, textarea):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

@media (max-width: 900px) {
  :root {
    --finish-x: clamp(22px, 7vw, 34px);
    --finish-y: clamp(82px, 11vh, 112px);
  }

  .motion-ready [data-reveal] {
    transform: translate3d(0, 14px, 0);
    transition-delay: calc(var(--i, 0) * 28ms);
  }

  #building {
    padding: 62px 0 72px;
  }

  #building .stack-grid > li img,
  #building .stack-grid > li[data-ink="mono"] img {
    width: 70%;
    height: 70%;
  }

  .venture-list {
    grid-template-columns: 1fr;
    gap: 42px;
    width: min(100%, 42rem);
  }

  .venture-list__item {
    min-height: 64px;
    font-size: clamp(48px, 14vw, 72px);
  }

  .venture-list__item:nth-child(3n + 2) {
    font-size: clamp(48px, 14vw, 72px);
  }

  .venture-list__item:nth-child(3n) {
    font-size: clamp(41px, 12vw, 60px);
  }

  .venture-list__wordmark {
    width: min(calc(100vw - 32px), 42rem);
    max-height: 72px;
  }

  .venture-list__wordmark--treasures {
    width: min(calc(100vw - 32px), 40rem);
    max-height: 72px;
  }

  .venture-list__item--systems {
    padding-inline: 20px;
    font-size: clamp(46px, 13.5vw, 70px);
  }

  .venture-list__item--nested {
    min-height: 42px;
    font-size: clamp(30px, 9vw, 44px);
  }

  .venture-list__item--gryphon {
    font-size: clamp(44px, 12.5vw, 66px);
  }

  .venture-story {
    padding: 96px 18px 120px;
  }

  .made-case__logo-link {
    width: min(68vw, 23rem);
  }

  .made-case__copy {
    max-width: 34rem;
    margin: 86px auto 0;
  }

  .made-case__copy p {
    font-size: clamp(19px, 5vw, 23px);
  }

  .made-case__copy .made-case__opening {
    font-size: clamp(34px, 9vw, 48px);
  }

  .made-case__link {
    justify-self: center;
    margin-top: 104px;
  }

  .socials-section > .section-title {
    margin-bottom: 44px;
  }

  .socials-section .accounts {
    gap: 44px;
  }

  .socials-section .account__handle {
    font-size: clamp(29px, 10vw, 39px);
  }

  .socials-section .account__desc {
    font-size: 11px !important;
  }

  .socials-section .account__links a {
    font-size: 13px !important;
  }

  #connect {
    padding: 100px var(--finish-x) 24px;
  }

  .chapters > .socials-section[data-panel="socials"] {
    padding-top: 52px;
    padding-bottom: clamp(260px, 36vh, 360px);
  }

  #connect .connect__eyebrow {
    margin-bottom: 24px;
  }

  #connect .connect__title {
    margin-bottom: 26px;
    font-size: clamp(58px, 17vw, 82px);
  }

  #connect .form {
    gap: 13px;
  }

  #connect .field__input--area {
    min-height: 92px;
  }

  .site-footer__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 24px;
  }
}

@media (max-width: 620px) {
  .chrome.chrome__nav {
    left: 50%;
    right: auto;
    justify-content: center;
    width: max-content;
    transform: translateX(-50%);
  }

  .site-footer__inner {
    grid-template-columns: 1fr;
  }

  .site-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

/* The reduced-motion block that stood here is gone by direct instruction.
   It was killing the scroll reveals outright (`opacity: 1; transition: none`
   on every [data-reveal]) and flattening the Send button and every footer
   link to a 0.01ms transition. This site does not check the preference
   anywhere — see the note in base.css. Do not re-add it. */