@charset "utf-8";

/* OWNED STACK: enterprise assets lock into one company-owned website. */
.home-v4 .snk-owned-stack {
  --stack-ink: #202d33;
  --stack-copy: #65777f;
  --stack-blue: #009fe8;
  --stack-sky: #80cff2;
  position: relative;
  padding: clamp(108px, 8.8vw, 142px) 0 clamp(104px, 8vw, 132px);
  overflow: hidden;
  color: var(--stack-ink);
  background: #f6fafc;
  scroll-margin-top: 90px;
}

.home-v4 .snk-owned-stack::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background: #dcebf1;
  content: "";
}

.home-v4 .snk-owned-stack__head {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .58fr);
  align-items: end;
  gap: clamp(56px, 8vw, 118px);
}

.home-v4 .snk-owned-stack__eyebrow {
  margin: 0 0 22px;
  color: var(--stack-blue);
  font-family: var(--utility);
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .18em;
}

.home-v4 .snk-owned-stack__head h2 {
  margin: 0;
  color: var(--stack-ink);
  font-family: var(--display);
  font-size: clamp(50px, 4.7vw, 66px);
  font-weight: 630;
  letter-spacing: -.06em;
  line-height: 1.08;
}

.home-v4 .snk-owned-stack__head h2 span {
  white-space: nowrap;
}

.home-v4 .snk-owned-stack__head h2 em {
  position: relative;
  color: var(--stack-blue);
  font-style: normal;
}

.home-v4 .snk-owned-stack__head h2 em::after {
  position: absolute;
  right: 0;
  bottom: -8px;
  left: 0;
  height: 5px;
  border-radius: 999px;
  background: rgba(0, 159, 232, .17);
  content: "";
}

.home-v4 .snk-owned-stack__intro {
  padding-bottom: 6px;
}

.home-v4 .snk-owned-stack__intro p {
  margin: 0;
  color: var(--stack-copy);
  font-size: 15px;
  line-height: 1.9;
}

.home-v4 .snk-owned-stack__intro a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  margin-top: 22px;
  color: var(--stack-blue);
  font-size: 13px;
  font-weight: 700;
}

.home-v4 .snk-owned-stack__intro a span {
  font-size: 20px;
  transition: transform .2s ease;
}

.home-v4 .snk-owned-stack__scene {
  position: relative;
  min-height: 555px;
  margin-top: clamp(66px, 6.5vw, 92px);
}

.home-v4 .snk-owned-stack__scene::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(1040px, 88vw);
  height: 390px;
  background: #edf7fb;
  clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
  transform: translate(-50%, -50%);
  content: "";
}

.home-v4 .snk-owned-stack__object {
  position: absolute;
  top: 25px;
  left: 50%;
  width: min(790px, calc(100% - 128px));
  height: 438px;
  transform: translateX(-50%);
  perspective: 1400px;
}

.home-v4 .snk-owned-stack__sheet,
.home-v4 .snk-owned-stack__front {
  position: absolute;
  inset: 0;
  border-radius: 9px;
}

.home-v4 .snk-owned-stack__sheet {
  display: block;
  border: 1px solid rgba(117, 187, 218, .28);
  box-shadow: 0 18px 32px rgba(48, 91, 108, .06);
  transform-origin: center;
  transition: transform .78s cubic-bezier(.18, .78, .22, 1);
}

.home-v4 .snk-owned-stack__sheet--content {
  background: #d8f0fa;
  transform: translate(-22px, -20px) rotate(-.65deg);
}

.home-v4 .snk-owned-stack__sheet--data {
  background: #c4e8f7;
  transform: translate(23px, -12px) rotate(.55deg);
}

.home-v4 .snk-owned-stack__sheet--brand {
  background: #a9dcf2;
  transform: translate(-13px, 19px) rotate(-.35deg);
}

.home-v4 .snk-owned-stack__sheet--relation {
  background: #7bcaf0;
  transform: translate(18px, 25px) rotate(.42deg);
}

.home-v4 .snk-owned-stack__front {
  z-index: 2;
  display: grid;
  grid-template-rows: 50px minmax(0, 1fr) 82px;
  overflow: hidden;
  border: 1px solid #dce8ed;
  background: #fff;
  box-shadow: 0 34px 66px rgba(32, 64, 77, .16), 0 4px 12px rgba(32, 64, 77, .06);
  transform: translateZ(1px);
}

.home-v4 .snk-owned-stack__front::before {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: var(--stack-blue);
  content: "";
  transform: scaleX(1);
  transform-origin: left;
}

.home-v4 .snk-owned-stack__front > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px;
  border-bottom: 1px solid #e5eef1;
  font-family: var(--utility);
}

.home-v4 .snk-owned-stack__front > header span,
.home-v4 .snk-owned-stack__front > header b {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 9px;
  font-style: normal;
  letter-spacing: .11em;
}

.home-v4 .snk-owned-stack__front > header span {
  color: #40545d;
  font-weight: 720;
}

.home-v4 .snk-owned-stack__front > header span i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--stack-blue);
  box-shadow: 0 0 0 5px rgba(0, 159, 232, .1);
}

.home-v4 .snk-owned-stack__front > header b {
  color: var(--stack-blue);
  font-weight: 780;
  transition: color .25s ease .76s;
}

.home-v4 .snk-owned-stack__front > header b i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.home-v4 .snk-owned-stack__front-main {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(310px, .98fr);
  min-height: 0;
}

.home-v4 .snk-owned-stack__core-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 36px 48px;
}

.home-v4 .snk-owned-stack__core-copy > small {
  color: var(--stack-blue);
  font-family: var(--utility);
  font-size: 9px;
  font-weight: 780;
  letter-spacing: .17em;
}

.home-v4 .snk-owned-stack__core-copy h3 {
  margin: 15px 0 12px;
  color: var(--stack-ink);
  font-family: var(--display);
  font-size: 58px;
  font-weight: 650;
  letter-spacing: -.07em;
  line-height: .95;
}

.home-v4 .snk-owned-stack__core-copy p {
  max-width: 295px;
  margin: 0;
  color: #708087;
  font-size: 12px;
  line-height: 1.76;
}

.home-v4 .snk-owned-stack__framework {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 5px;
  padding: 27px 27px 27px 0;
}

.home-v4 .snk-owned-stack__module {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 0;
  padding: 17px;
  overflow: hidden;
}

.home-v4 .snk-owned-stack__module::before {
  position: absolute;
  top: 13px;
  right: 13px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 7px solid currentColor;
  border-left-color: transparent;
  content: "";
  opacity: .22;
}

.home-v4 .snk-owned-stack__module small,
.home-v4 .snk-owned-stack__module b,
.home-v4 .snk-owned-stack__module span {
  display: block;
}

.home-v4 .snk-owned-stack__module small {
  margin-bottom: auto;
  font-family: var(--utility);
  font-size: 8px;
  font-weight: 780;
  opacity: .7;
}

.home-v4 .snk-owned-stack__module b {
  font-size: 16px;
  font-weight: 680;
  letter-spacing: -.02em;
}

.home-v4 .snk-owned-stack__module span {
  margin-top: 3px;
  font-family: var(--utility);
  font-size: 7px;
  font-weight: 720;
  letter-spacing: .12em;
  opacity: .64;
}

.home-v4 .snk-owned-stack__module--product {
  color: #fff;
  background: var(--stack-blue);
}

.home-v4 .snk-owned-stack__module--solution {
  color: #21333b;
  background: #dff3fb;
}

.home-v4 .snk-owned-stack__module--proof {
  color: #21333b;
  background: #bde6f7;
}

.home-v4 .snk-owned-stack__module--lead {
  color: #fff;
  background: #21333b;
}

.home-v4 .snk-owned-stack__front > footer {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid #e2ecef;
  background: #fbfdfe;
}

.home-v4 .snk-owned-stack__front > footer > span {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-content: center;
  min-width: 0;
  padding: 0 17px;
  border-left: 1px solid #e2ecef;
}

.home-v4 .snk-owned-stack__front > footer > span:first-child {
  border-left: 0;
}

.home-v4 .snk-owned-stack__front > footer i {
  grid-row: 1 / span 2;
  align-self: center;
  color: var(--stack-blue);
  font-family: var(--utility);
  font-size: 9px;
  font-style: normal;
  font-weight: 780;
}

.home-v4 .snk-owned-stack__front > footer b,
.home-v4 .snk-owned-stack__front > footer small {
  display: block;
  min-width: 0;
}

.home-v4 .snk-owned-stack__front > footer b {
  color: #26363d;
  font-size: 11px;
  font-weight: 680;
}

.home-v4 .snk-owned-stack__front > footer small {
  margin-top: 4px;
  color: #8a999f;
  font-size: 8px;
}

.home-v4 .snk-owned-stack__lock {
  position: absolute;
  bottom: 17px;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  color: #8b9da4;
  transform: translateX(-50%);
  white-space: nowrap;
}

.home-v4 .snk-owned-stack__lock i {
  position: relative;
  width: 11px;
  height: 11px;
  border: 1px solid var(--stack-blue);
  border-radius: 50%;
}

.home-v4 .snk-owned-stack__lock i::after {
  position: absolute;
  inset: 3px;
  border-radius: inherit;
  background: var(--stack-blue);
  content: "";
}

.home-v4 .snk-owned-stack__lock span {
  color: var(--stack-blue);
  font-family: var(--utility);
  font-size: 8px;
  font-weight: 780;
  letter-spacing: .16em;
}

.home-v4 .snk-owned-stack__lock b {
  color: #53676f;
  font-size: 11px;
  font-weight: 600;
}

.home-v4 .snk-owned-stack__assets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 18px 0 0;
  padding: 36px 0 0;
  border-top: 1px solid #d9e7ec;
  list-style: none;
}

.home-v4 .snk-owned-stack__assets li {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 13px;
  min-width: 0;
  padding: 0 28px;
  border-left: 1px solid #d9e7ec;
}

.home-v4 .snk-owned-stack__assets li:first-child {
  padding-left: 0;
  border-left: 0;
}

.home-v4 .snk-owned-stack__assets li:last-child {
  padding-right: 0;
}

.home-v4 .snk-owned-stack__assets > li > i {
  color: #a6d9ed;
  font-family: var(--display);
  font-size: 27px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}

.home-v4 .snk-owned-stack__assets h3 {
  margin: 0;
  color: #26363d;
  font-size: 18px;
  font-weight: 680;
  letter-spacing: -.025em;
}

.home-v4 .snk-owned-stack__assets p {
  margin: 9px 0 0;
  color: #778990;
  font-size: 12px;
  line-height: 1.72;
}

.home-v4 .snk-owned-stack a:focus-visible {
  outline: 3px solid rgba(0, 159, 232, .35);
  outline-offset: 4px;
}

@media (hover: hover) {
  .home-v4 .snk-owned-stack__intro a:hover span {
    transform: translate(3px, -2px);
  }
}

/* The page is always readable. Only the four ownership layers are scattered before lock-in. */
.home-v4 .snk-owned-stack__scene.is-ready:not(.is-in-view) .snk-owned-stack__sheet--content {
  transform: translate(-62px, -34px) rotate(-2deg);
}

.home-v4 .snk-owned-stack__scene.is-ready:not(.is-in-view) .snk-owned-stack__sheet--data {
  transform: translate(66px, -29px) rotate(1.8deg);
}

.home-v4 .snk-owned-stack__scene.is-ready:not(.is-in-view) .snk-owned-stack__sheet--brand {
  transform: translate(-48px, 35px) rotate(-1.4deg);
}

.home-v4 .snk-owned-stack__scene.is-ready:not(.is-in-view) .snk-owned-stack__sheet--relation {
  transform: translate(52px, 42px) rotate(1.5deg);
}

.home-v4 .snk-owned-stack__scene.is-ready:not(.is-in-view) .snk-owned-stack__front::before {
  transform: scaleX(0);
}

.home-v4 .snk-owned-stack__scene.is-ready:not(.is-in-view) .snk-owned-stack__front > header b {
  color: #9eabb0;
}

.home-v4 .snk-owned-stack__scene.is-in-view .snk-owned-stack__sheet {
  transition-delay: .08s;
}

.home-v4 .snk-owned-stack__scene.is-in-view .snk-owned-stack__front::before {
  transition: transform .32s ease .77s;
}

@media (max-width: 1050px) {
  .home-v4 .snk-owned-stack__head {
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 44px;
  }

  .home-v4 .snk-owned-stack__object {
    width: min(730px, calc(100% - 96px));
  }

  .home-v4 .snk-owned-stack__assets li {
    grid-template-columns: 30px minmax(0, 1fr);
    padding: 0 18px;
  }
}

@media (max-width: 820px) {
  .home-v4 .snk-owned-stack__head {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 29px;
  }

  .home-v4 .snk-owned-stack__intro {
    max-width: 520px;
    padding: 0;
  }

  .home-v4 .snk-owned-stack__scene {
    min-height: 515px;
  }

  .home-v4 .snk-owned-stack__object {
    width: min(680px, calc(100% - 72px));
    height: 410px;
  }

  .home-v4 .snk-owned-stack__front {
    grid-template-rows: 46px minmax(0, 1fr) 74px;
  }

  .home-v4 .snk-owned-stack__core-copy {
    padding: 32px 35px;
  }

  .home-v4 .snk-owned-stack__core-copy h3 {
    font-size: 50px;
  }

  .home-v4 .snk-owned-stack__front-main {
    grid-template-columns: minmax(0, .95fr) minmax(270px, 1.05fr);
  }

  .home-v4 .snk-owned-stack__assets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 32px;
  }

  .home-v4 .snk-owned-stack__assets li:nth-child(3) {
    padding-left: 0;
    border-left: 0;
  }
}

@media (max-width: 600px) {
  .home-v4 .snk-owned-stack {
    padding: 80px 0 84px;
  }

  .home-v4 .snk-owned-stack__eyebrow {
    margin-bottom: 17px;
    font-size: 9px;
  }

  .home-v4 .snk-owned-stack__head h2 {
    font-size: 33px;
    line-height: 1.13;
  }

  .home-v4 .snk-owned-stack__head h2 span {
    white-space: nowrap;
  }

  .home-v4 .snk-owned-stack__intro p {
    font-size: 14px;
    line-height: 1.76;
  }

  .home-v4 .snk-owned-stack__intro a {
    margin-top: 17px;
  }

  .home-v4 .snk-owned-stack__scene {
    min-height: 475px;
    margin-top: 51px;
  }

  .home-v4 .snk-owned-stack__scene::before {
    width: 116%;
    height: 350px;
  }

  .home-v4 .snk-owned-stack__object {
    top: 25px;
    width: calc(100% - 34px);
    height: 382px;
  }

  .home-v4 .snk-owned-stack__sheet,
  .home-v4 .snk-owned-stack__front {
    border-radius: 7px;
  }

  .home-v4 .snk-owned-stack__sheet--content {
    transform: translate(-8px, -9px) rotate(-.35deg);
  }

  .home-v4 .snk-owned-stack__sheet--data {
    transform: translate(9px, -5px) rotate(.3deg);
  }

  .home-v4 .snk-owned-stack__sheet--brand {
    transform: translate(-7px, 9px) rotate(-.25deg);
  }

  .home-v4 .snk-owned-stack__sheet--relation {
    transform: translate(8px, 12px) rotate(.25deg);
  }

  .home-v4 .snk-owned-stack__front {
    grid-template-rows: 42px minmax(0, 1fr) 92px;
  }

  .home-v4 .snk-owned-stack__front > header {
    padding: 0 14px;
  }

  .home-v4 .snk-owned-stack__front > header span,
  .home-v4 .snk-owned-stack__front > header b {
    font-size: 7px;
  }

  .home-v4 .snk-owned-stack__front-main {
    grid-template-columns: minmax(0, .9fr) minmax(138px, 1.1fr);
  }

  .home-v4 .snk-owned-stack__core-copy {
    padding: 23px 12px 22px 18px;
  }

  .home-v4 .snk-owned-stack__core-copy > small {
    font-size: 6px;
    letter-spacing: .11em;
  }

  .home-v4 .snk-owned-stack__core-copy h3 {
    margin: 11px 0 9px;
    font-size: 31px;
    white-space: nowrap;
  }

  .home-v4 .snk-owned-stack__core-copy p {
    display: none;
  }

  .home-v4 .snk-owned-stack__framework {
    gap: 3px;
    padding: 16px 12px 16px 0;
  }

  .home-v4 .snk-owned-stack__module {
    padding: 10px;
  }

  .home-v4 .snk-owned-stack__module::before {
    top: 8px;
    right: 8px;
    width: 18px;
    height: 18px;
    border-width: 5px;
  }

  .home-v4 .snk-owned-stack__module small {
    font-size: 6px;
  }

  .home-v4 .snk-owned-stack__module b {
    font-size: 11px;
  }

  .home-v4 .snk-owned-stack__module span {
    font-size: 5px;
  }

  .home-v4 .snk-owned-stack__front > footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-v4 .snk-owned-stack__front > footer > span {
    grid-template-columns: 22px minmax(0, 1fr);
    padding: 0 11px;
  }

  .home-v4 .snk-owned-stack__front > footer > span:nth-child(3) {
    border-left: 0;
  }

  .home-v4 .snk-owned-stack__front > footer > span:nth-child(n+3) {
    border-top: 1px solid #e2ecef;
  }

  .home-v4 .snk-owned-stack__front > footer b {
    font-size: 9px;
  }

  .home-v4 .snk-owned-stack__front > footer small {
    font-size: 7px;
  }

  .home-v4 .snk-owned-stack__lock {
    bottom: 4px;
    gap: 8px;
  }

  .home-v4 .snk-owned-stack__lock span {
    font-size: 7px;
  }

  .home-v4 .snk-owned-stack__lock b {
    font-size: 9px;
  }

  .home-v4 .snk-owned-stack__assets {
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 4px;
    padding-top: 22px;
  }

  .home-v4 .snk-owned-stack__assets li,
  .home-v4 .snk-owned-stack__assets li:nth-child(3) {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 15px;
    padding: 23px 0;
    border-top: 1px solid #d9e7ec;
    border-left: 0;
  }

  .home-v4 .snk-owned-stack__assets li:first-child {
    border-top: 0;
  }

  .home-v4 .snk-owned-stack__assets > li > i {
    font-size: 32px;
  }

  .home-v4 .snk-owned-stack__assets h3 {
    font-size: 19px;
  }

  .home-v4 .snk-owned-stack__assets p {
    max-width: 255px;
    margin-top: 7px;
    font-size: 12px;
  }

  .home-v4 .snk-owned-stack__scene.is-ready:not(.is-in-view) .snk-owned-stack__sheet--content {
    transform: translate(-24px, -18px) rotate(-1.25deg);
  }

  .home-v4 .snk-owned-stack__scene.is-ready:not(.is-in-view) .snk-owned-stack__sheet--data {
    transform: translate(25px, -15px) rotate(1.2deg);
  }

  .home-v4 .snk-owned-stack__scene.is-ready:not(.is-in-view) .snk-owned-stack__sheet--brand {
    transform: translate(-20px, 21px) rotate(-.9deg);
  }

  .home-v4 .snk-owned-stack__scene.is-ready:not(.is-in-view) .snk-owned-stack__sheet--relation {
    transform: translate(21px, 25px) rotate(.9deg);
  }
}

@media (max-width: 380px) {
  .home-v4 .snk-owned-stack__head h2 {
    font-size: 29px;
  }

  .home-v4 .snk-owned-stack__core-copy h3 {
    font-size: 29px;
  }
}

@media (max-width: 340px) {
  .home-v4 .snk-owned-stack__head h2 {
    font-size: 25.5px;
  }

  .home-v4 .snk-owned-stack__core-copy h3 {
    font-size: 27px;
  }

  .home-v4 .snk-owned-stack__lock b {
    display: none;
  }
}

/* Desktop composition only. The accepted phone/tablet rules above stay intact. */
@media (min-width: 1100px) {
  .home-v4 .snk-owned-stack {
    padding: 96px 0 104px;
  }

  .home-v4 .snk-owned-stack > .shell {
    display: grid;
    grid-template-columns: minmax(0, 1.85fr) minmax(276px, .85fr);
    column-gap: clamp(42px, 4.5vw, 68px);
    row-gap: 54px;
    width: min(1320px, calc(100% - 104px));
  }

  .home-v4 .snk-owned-stack__head {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1.5fr) minmax(300px, .8fr);
    gap: 70px;
  }

  .home-v4 .snk-owned-stack__head h2 {
    font-size: clamp(46px, 4vw, 58px);
    line-height: 1.15;
    letter-spacing: -.045em;
  }

  .home-v4 .snk-owned-stack__intro p { font-size: 15px; line-height: 1.85; }
  .home-v4 .snk-owned-stack__intro a { margin-top: 14px; font-size: 14px; }

  .home-v4 .snk-owned-stack__scene {
    min-height: 498px;
    margin-top: 0;
  }

  .home-v4 .snk-owned-stack__scene::before { content: none; }

  .home-v4 .snk-owned-stack__object {
    top: 23px;
    width: calc(100% - 46px);
    height: 410px;
  }

  .home-v4 .snk-owned-stack__front {
    grid-template-rows: 48px minmax(0, 1fr) 72px;
    box-shadow: 0 22px 48px rgba(32, 64, 77, .10), 0 3px 9px rgba(32, 64, 77, .035);
  }

  .home-v4 .snk-owned-stack__front-main {
    grid-template-columns: minmax(0, 1fr) minmax(236px, 1fr);
  }

  .home-v4 .snk-owned-stack__core-copy { padding: 30px 30px; }
  .home-v4 .snk-owned-stack__core-copy h3 { font-size: 46px; line-height: 1.03; margin: 15px 0 16px; }
  .home-v4 .snk-owned-stack__core-copy p { font-size: 13px; line-height: 1.8; }
  .home-v4 .snk-owned-stack__core-copy > small { font-size: 9px; letter-spacing: .1em; }
  .home-v4 .snk-owned-stack__framework { padding: 25px 25px 25px 0; gap: 6px; }
  .home-v4 .snk-owned-stack__module { padding: 14px; }
  .home-v4 .snk-owned-stack__module::before { content: none; }
  .home-v4 .snk-owned-stack__module small { font-size: 10px; }
  .home-v4 .snk-owned-stack__module b { font-size: 16px; }
  .home-v4 .snk-owned-stack__module span { font-size: 8px; letter-spacing: .08em; }
  .home-v4 .snk-owned-stack__module--lead { color: #fff; background: #158abe; }
  .home-v4 .snk-owned-stack__front > footer > span { padding: 0 13px; grid-template-columns: 23px minmax(0, 1fr); }
  .home-v4 .snk-owned-stack__front > footer b { font-size: 12px; }
  .home-v4 .snk-owned-stack__front > footer small { font-size: 9px; }
  .home-v4 .snk-owned-stack__lock { bottom: 14px; }
  .home-v4 .snk-owned-stack__lock span { display: none; }
  .home-v4 .snk-owned-stack__lock b { font-size: 12px; color: #637881; }

  .home-v4 .snk-owned-stack__assets {
    grid-template-columns: 1fr;
    align-content: center;
    align-self: stretch;
    gap: 27px;
    margin: 0;
    padding: 7px 0 30px;
    border: 0;
  }

  .home-v4 .snk-owned-stack__assets li {
    grid-template-columns: 35px minmax(0, 1fr);
    gap: 18px;
    padding: 0;
    border: 0;
  }

  .home-v4 .snk-owned-stack__assets > li > i {
    padding-top: 3px;
    color: #009fe8;
    font-family: var(--utility);
    font-size: 15px;
    font-weight: 550;
    line-height: 1.5;
  }

  .home-v4 .snk-owned-stack__assets h3 { font-size: 20px; font-weight: 650; letter-spacing: -.01em; }
  .home-v4 .snk-owned-stack__assets p { max-width: 310px; margin-top: 8px; color: #637982; font-size: 14px; line-height: 1.8; }
}

@media (prefers-reduced-motion: reduce) {
  .home-v4 .snk-owned-stack__sheet,
  .home-v4 .snk-owned-stack__front::before,
  .home-v4 .snk-owned-stack__front > header b {
    transition: none !important;
  }
}