.sh-hero {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding: 130px var(--wp) 230px;
  box-sizing: border-box;
}
.sh-scene {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.sh-scene::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 16%;
  background: linear-gradient(rgba(5, 6, 8, 0), #050608);
}
.sh-cv {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.sh-copy {
  position: relative;
  width: min(46vw, 860px);
}
.sh-hero .ttl {
  font-size: clamp(34px, 3.5vw, 68px);
}
.sh-reach {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 26px;
  margin: 34px 0 0;
  font:
    400 17px/1.4 "Golos Text",
    "Golos Fallback",
    sans-serif;
  color: var(--soft);
}
.sh-reach a {
  color: var(--ink);
  white-space: nowrap;
}
.sh .est {
  padding-top: clamp(70px, 9vh, 130px);
}
.sh-brief {
  position: relative;
  padding: clamp(90px, 12vh, 160px) var(--wp) clamp(90px, 12vh, 150px);
}
.sh-bhead {
  margin-bottom: clamp(36px, 5vh, 64px);
}
.sh-bgrid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
  gap: clamp(40px, 5vw, 110px);
  align-items: start;
}
.sh-brief .sf-wrap {
  min-width: 0;
}
.sh-brief .sf.sf-planted {
  display: grid;
  align-content: center;
}
.sh-side {
  display: grid;
  gap: clamp(24px, 3vh, 40px);
  min-width: 0;
}
.sh-pond {
  position: relative;
  height: clamp(260px, 32vh, 380px);
  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 12%,
      #000 88%,
      transparent);
  mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 12%,
      #000 88%,
      transparent);
}
.sh-next {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--hair,rgba(236,238,242,.16));
}
.sh-next li {
  display: grid;
  grid-template-columns: 3.2em 1fr;
  column-gap: 18px;
  padding: 20px 0;
  border-bottom: 1px solid var(--hair,rgba(236,238,242,.16));
}
.sh-n {
  grid-row: 1/3;
  font:
    500 15px/1.6 "Golos Text",
    "Golos Fallback",
    sans-serif;
  letter-spacing: .2em;
  color: #a3f6e8;
}
.sh-next h3 {
  margin: 0;
  font:
    400 clamp(24px, 1.6vw, 30px)/1.1 "Playfair Display",
    "Playfair Fallback",
    Georgia,
    serif;
  letter-spacing: -.03em;
  color: var(--ink);
}
.sh-next p {
  margin: 8px 0 0;
  font:
    400 18px/1.5 "Golos Text",
    "Golos Fallback",
    sans-serif;
  color: var(--soft);
}
.sh-planted .sh-next {
  opacity: .55;
  transition: opacity 2s ease;
}
@media (max-width: 899px) {
  .sh-hero {
    min-height: 0;
    padding: 120px 20px 300px;
    align-items: flex-start;
  }
  .sh-copy {
    width: 100%;
  }
  .sh-reach {
    gap: 10px 20px;
  }
  .sh-brief {
    padding: 80px 20px;
  }
  .sh-bgrid {
    grid-template-columns: 1fr;
  }
  .sh-pond {
    height: 240px;
  }
}