.st .col::before,
.st .top::before,
.st .count::before,
.editorial .bottom::before,
.editorial .bottom > .txt::before,
.st::before {
  content: none !important;
  display: none !important;
  background: none !important;
}
.count > b {
  text-shadow: 0 0 1px rgba(5, 6, 8, .55), 0 2px 6px rgba(5, 6, 8, .35) !important;
}
@media (min-width: 900px) {
  html.zc-on .roots_zx .list li,
  html.zc-on .shoot_zx .ch-tw .tw-in,
  html.zc-on #h03 .sw-grow,
  html.zc-on #h03 .sw-top {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    will-change: transform, opacity;
    animation: none !important;
  }
  html.zc-on #h03 .sw-grow,
  html.zc-on #h03 .sw-top {
    transform-origin: 0 0;
  }
  html.zc-on .roots_zx .list li {
    transform-origin: 50% 3.5px;
  }
  html.zc-on .shoot_zx .ch-tw .tw-in {
    transform-origin: 0 0;
  }
  html.zc-on .roots_zx .echo {
    display: none !important;
  }
  html.zc-on .roots_zx .list b {
    font-size: clamp(30px, 2.3vw, 44px);
    color: var(--zc-ink,#ece8e0);
  }
  html.zc-on .shoot_zx .sw-grow {
    font-size: clamp(36px, 4.6vh, 54px);
  }
  html.zc-on .shoot_zx .ch-tw .tw-in {
    font-size: clamp(30px, 2.2vw, 42px);
    color: #46e6cb;
    text-shadow: 0 0 2px rgba(4, 6, 10, .9), 0 1px 8px rgba(4, 6, 10, .75);
  }
  html.zc-on .shoot_zx .ch-tw .tw-in::before {
    content: "";
    position: absolute;
    top: 56%;
    left: calc(-1 * var(--zc-lead,0px) - 8px);
    width: var(--zc-lead,0px);
    height: 1px;
    background:
      linear-gradient(
        90deg,
        rgba(70, 230, 203, .15),
        rgba(70, 230, 203, .7));
    pointer-events: none;
  }
  html.zc-on .shoot_zx .ch-tw .tw-in.zc-l::before {
    left: auto;
    right: calc(-1 * var(--zc-lead,0px) - 8px);
    background:
      linear-gradient(
        270deg,
        rgba(70, 230, 203, .15),
        rgba(70, 230, 203, .7));
  }
}
.st4.passage {
  min-height: 0 !important;
  height: 60vh;
  height: 60svh;
  padding: 0 !important;
}
.st4.passage .in {
  display: none;
}
.dots a[href="#s04"] {
  display: none !important;
}
@media (min-width: 900px) {
  html.zc-on #h05 .w5 {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    display: block;
    white-space: nowrap;
    will-change: transform, opacity;
    animation: none !important;
    transform-origin: 0 0;
    clip-path: none;
  }
  html.zc-on #h05 .w5 .ln-in {
    display: inline-block;
    transform: none;
  }
  html.zc-on #h05,
  html.zc-on #s05 .col,
  html.zc-on #s05 .in {
    transform: none !important;
    filter: none !important;
    animation: none !important;
    will-change: auto !important;
    contain: none !important;
  }
  html.zc-on #h05 {
    margin: 0;
    height: 0;
    font:
      400 1px/1 "Playfair Display",
      "Playfair Fallback",
      Georgia,
      serif;
    letter-spacing: -.02em;
    color: #ece8e0;
  }
  html.zc-on #h05 .w5 {
    font:
      italic 400 5.2vh/1.05 "Instrument",
      "Instrument Serif",
      Georgia,
      serif;
    letter-spacing: -.01em;
    color: #ece8e0;
  }
  html.zc-on #h05 .w5-1 {
    font-size: 6.2vh;
  }
  html.zc-on #h05 .w5-2 {
    font:
      400 9.2vh/1 "Playfair Display",
      "Playfair Fallback",
      Georgia,
      serif;
    letter-spacing: -.03em;
  }
  html.zc-on #h05 .key {
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
  }
  html.zc-on #h05 .key.fl {
    font-style: italic;
    color: #3fe0c5;
  }
}
@media (min-width: 900px) {
  .prices.steps3 {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 88%;
    height: auto;
    min-height: 0;
    margin: 0 auto clamp(40px, 9vh, 110px);
    gap: 0;
  }
  .prices.steps3 .grow-line {
    position: absolute;
    left: -4%;
    right: -4%;
    top: 0;
    height: 1px;
    background:
      linear-gradient(
        90deg,
        rgba(63, 224, 197, 0),
        rgba(63, 224, 197, .55) 14%,
        rgba(63, 224, 197, .55) 86%,
        rgba(63, 224, 197, 0));
    pointer-events: none;
  }
  .prices.steps3 .price {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 0;
    padding: clamp(24px, 3.2vh, 38px) 0 0;
    border: 0;
    text-align: center;
  }
  .prices.steps3 .price::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -5px;
    width: 9px;
    height: 9px;
    margin-left: -4.5px;
    border-radius: 50%;
    background: #3fe0c5;
    box-shadow: 0 0 14px rgba(63, 224, 197, .6);
  }
  .prices.steps3 .pv {
    display: block;
    font:
      400 clamp(48px, 4vw, 80px)/1 "Playfair Display",
      "Playfair Fallback",
      Georgia,
      serif;
    font-variant-numeric: lining-nums tabular-nums;
    letter-spacing: -.02em;
    color: #ece8e0;
    white-space: nowrap;
    gap: 0;
  }
  .prices.steps3 .pv small {
    font: inherit;
    font-size: .42em;
    letter-spacing: .02em;
    color: #d6dae0;
    min-width: 0;
  }
  .prices.steps3 .step-1 .pv {
    color: #3fe0c5;
  }
  .prices.steps3 .pk {
    margin-top: 16px;
    font:
      500 15px/1.2 "Golos Text",
      "Golos Fallback",
      sans-serif;
    letter-spacing: .38em;
    text-transform: uppercase;
    color: #e4e7ec;
  }
  .prices.steps3 .st-cap {
    margin-top: 12px;
    font:
      italic 400 clamp(20px, 1.35vw, 26px)/1.25 "Instrument",
      "Instrument Serif",
      Georgia,
      serif;
    color: #d6dae0;
    white-space: nowrap;
  }
  .prices.steps3 .care {
    grid-column: 1/-1;
    margin: clamp(22px, 3.4vh, 40px) 0 0;
    text-align: center;
    font:
      italic 400 clamp(22px, 1.45vw, 27px)/1.3 "Instrument",
      "Instrument Serif",
      Georgia,
      serif;
    color: #d6dae0;
    max-width: none;
  }
  .prices.steps3 .price.picked {
    border: 0;
  }
}
.sq-leaf a.zc-a {
  font: inherit;
  font-style: inherit;
  letter-spacing: inherit;
  color: #ece8e0;
  text-decoration: none;
  transition: color .8s cubic-bezier(.22, .8, .18, 1);
}
.sq-leaf a.zc-a:hover,
.sq-leaf a.zc-a:focus-visible,
.sq-leaf a.zc-a.ph-hot {
  color: #3fe0c5;
}
.dots a,
.dots a:visited {
  color: inherit;
  text-decoration: none;
}
@media (min-width: 900px) {
  html.zc-on .roots_zx .list li::before {
    margin: 0 auto 8px;
  }
  html.zc-on .roots_zx .list b {
    padding: 0 0 6px;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
  html.zc-on .roots_zx .list li.zc-ol b {
    margin-right: 0;
  }
  html.zc-on .roots_zx .list li.zc-or b {
    margin-left: 0;
  }
  html.zc-on .roots_zx .list .proof {
    height: 34px;
  }
  html.zc-on .roots_zx .list .proof .tgt {
    width: 30px;
    height: 30px;
  }
  html.zc-on .roots_zx .list .proof .q .qt {
    min-width: 8.6em;
  }
  html.zc-on .roots_zx .list li.zc-ol {
    text-align: right;
  }
  html.zc-on .roots_zx .list li.zc-ol .proof {
    justify-content: flex-end;
  }
  html.zc-on .roots_zx .list li.zc-ol::before {
    margin: 0 calc(var(--zc-half,0px) - 3.5px) 8px auto;
  }
  html.zc-on .roots_zx .list li.zc-or {
    text-align: left;
  }
  html.zc-on .roots_zx .list li.zc-or .proof {
    justify-content: flex-start;
  }
  html.zc-on .roots_zx .list li.zc-or::before {
    margin: 0 auto 8px calc(var(--zc-half,0px) - 3.5px);
  }
}
.sq-i:not(.is-open) .sq-leaf a.zc-a {
  background-image: none !important;
}
.sq-i:not(.is-open) .sq-leaf a.zc-a::after,
.sq-i:not(.is-open) .sq-leaf .ph-thread {
  opacity: 0 !important;
  transition: opacity .2s ease;
}
.ink-smoke {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 899px) {
  .ink-smoke {
    display: none;
  }
}
@media (min-width: 900px) {
  #s07.zc-pin {
    display: block;
    height: auto;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  #s07.zc-pin .pinwrap {
    position: relative;
    height: 150vh;
  }
  #s07.zc-pin .pinwrap > .in {
    position: sticky;
    top: 0;
    height: 100vh;
    min-height: 0;
    box-sizing: border-box;
    padding-top: max(108px, 10.5vh);
    padding-bottom: 5vh;
  }
  #s07.zc-pin .pin-run {
    height: 65vh;
  }
}
.sq-seed {
  filter: brightness(calc(1 + var(--charge,0) * .9)) drop-shadow(0 0 calc(var(--charge,0) * 14px) rgba(255, 226, 170, calc(var(--charge,0) * .7)));
}
.faq.sq-fast .sq-th,
.faq.sq-fast .sq-hd.sq-on {
  transition-duration: .3s;
}
@media (min-width: 900px) {
  html.zc-on #h03,
  html.zc-on #s07.zc-pin .lbl,
  html.zc-on #s07.zc-pin .ttl,
  html.zc-on #s07.zc-pin .price,
  html.zc-on #s07.zc-pin .fine {
    filter: none !important;
  }
  html.zc-on #h03 .pass {
    display: none !important;
  }
}
html.zc-on #h02 .ln-in,
html.zc-on #h02 .ln-in * {
  filter: none !important;
}
@media (min-width: 900px) {
  html.zc-on .roots_zx .list li.zc-two {
    text-align: left;
  }
  html.zc-on .roots_zx .list li.zc-two.zc-ol {
    text-align: right;
  }
  html.zc-on .roots_zx .list li.zc-two:not(.zc-ol)::before {
    margin: 0 0 8px calc(var(--zc-half,0px) - 3.5px);
  }
  html.zc-on .roots_zx .list li.zc-two:not(.zc-ol) b {
    margin-left: 0;
  }
  html.zc-on .roots_zx .list li.zc-two .proof {
    margin-left: 18px;
    justify-content: flex-start;
  }
  html.zc-on .roots_zx .list li.zc-two.zc-ol .proof {
    margin-left: 0;
    margin-right: 18px;
    justify-content: flex-end;
  }
  html.zc-on .roots_zx .list li.zc-two .zc-l2 {
    display: block;
    margin: 2px 0 0 40px;
    font:
      italic 400 20px/1.2 "Instrument",
      "Instrument Serif",
      Georgia,
      serif;
    color: #d6dae0;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity 1s cubic-bezier(.53, .02, 0, .99) .7s, transform 1.3s cubic-bezier(.53, .02, 0, .99) .7s;
  }
  html.zc-on .roots_zx .list li.zc-two.zc-ol .zc-l2 {
    margin: 2px 40px 0 0;
  }
  html.zc-on .roots_zx .list li.zc-two.zc-up .zc-l2 {
    opacity: 1;
    transform: none;
  }
  html.zc-on .roots_zx .zc-fib {
    position: absolute;
    left: 0;
    top: 0;
    overflow: visible;
    pointer-events: none;
  }
  html.zc-on .roots_zx .zc-fib path {
    fill: none;
    stroke: rgba(150, 214, 220, .55);
    stroke-width: 1.1;
    stroke-linecap: round;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    transition: stroke-dashoffset 1.4s cubic-bezier(.53, .02, 0, .99);
  }
  html.zc-on .roots_zx .zc-fib path + path {
    transition-delay: .3s;
  }
  html.zc-on .roots_zx li.zc-up .zc-fib path {
    stroke-dashoffset: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.zc-on .roots_zx .zc-fib path {
    transition: none;
  }
  html.zc-on .roots_zx .list li.zc-two .zc-l2 {
    transition: none;
  }
}
@media (min-width: 900px) {
  html.zc-on .roots_zx .list li.zc-two.fed .proof .cap {
    opacity: 1 !important;
  }
}
@media (min-width: 900px) {
  #s07 .prices.steps3 .grow-line::after {
    content: "";
    position: absolute;
    top: -3px;
    width: 180px;
    height: 7px;
    margin-left: -90px;
    left: calc(var(--zc-run,-1) * 100%);
    border-radius: 50%;
    background:
      radial-gradient(
        closest-side,
        rgba(190, 255, 240, .9),
        rgba(63, 224, 197, .35) 55%,
        rgba(63, 224, 197, 0));
    opacity: var(--zc-ro,0);
    pointer-events: none;
    transition: opacity .6s ease;
  }
}
#s07 .pv .ph-col {
  top: calc(var(--y) + var(--h) * .24);
  height: calc(var(--h) * .71);
  -webkit-mask-image:
    linear-gradient(
      transparent,
      #000 14%,
      #000 86%,
      transparent);
  mask-image:
    linear-gradient(
      transparent,
      #000 14%,
      #000 86%,
      transparent);
}
#s07 .pv .ph-col .ph-strip {
  top: calc(var(--h) * -.24);
}
@supports (animation-timeline:view()) {
  @media (min-width: 900px) and (prefers-reduced-motion: no-preference) {
    .st :is(.lbl, .ttl, .txt, .list li, .aside, .count, .note, .fine, .fruit, .price, .sf, .cue),
    .faq :is(.faq-e, .faq-h, .sq-q, .sq-leaf),
    .hz-in > * {
      animation-range: exit -8px exit 0%;
    }
    .hz-in > *,
    .hz-in .hz-h {
      animation: none !important;
    }
  }
}
html:has(#s07:target):not(.zx-c07off) body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 46;
  pointer-events: none;
  background:
    linear-gradient(
      180deg,
      #0e1a33 0%,
      #22355a 46%,
      #0a1428 62%,
      #050a14 100%);
}
@media (min-width: 900px) {
  html.zc-on #s07.zc-pin .zc-f7 {
    filter: opacity(var(--zc-fo,1)) !important;
    transition: none !important;
  }
}
#s05 .count .ph-col {
  top: calc(var(--y) + var(--h) * .21);
  height: calc(var(--h) * .64);
  -webkit-mask-image:
    linear-gradient(
      transparent,
      #000 12%,
      #000 88%,
      transparent);
  mask-image:
    linear-gradient(
      transparent,
      #000 12%,
      #000 88%,
      transparent);
}
#s05 .count .ph-col .ph-strip {
  top: calc(var(--h) * -.21);
}
@media (min-width: 900px) {
  html.zc-on #s03 .txt {
    animation: none !important;
    filter: none !important;
  }
}
@media (min-width: 900px) {
  html.zc-on #h02 {
    animation: none !important;
    filter: none !important;
  }
}
@media (min-width: 900px) {
  .hzf .hz-in > *,
  .hzf .hz-in .hz-h {
    filter: none;
  }
  .hzf .zc-fb {
    filter: opacity(var(--zc-fo,1)) !important;
    transition: none !important;
  }
}
@media (min-width: 900px) {
  html.zc-on .shoot_zx .ch-tw .tw-in {
    transition: color .9s ease, text-shadow 1.2s ease;
  }
  html.zc-on .shoot_zx .ch-tw .tw-in > * {
    transition: transform 1.3s var(--ease,cubic-bezier(.22,.61,.36,1));
  }
  html.zc-on .shoot_zx .ch-tw .tw-in.zc-hot {
    color: #fff;
    text-shadow: 0 0 18px rgba(63, 224, 197, .55), 0 0 2px rgba(5, 6, 8, .85);
  }
}
@media (min-width: 900px) {
  html.zc-on #h02.zc-fb {
    filter: opacity(var(--zc-fo,1)) !important;
    transition: none !important;
  }
}
@media (min-width: 900px) and (prefers-reduced-motion: no-preference) {
  html.zc-on .faq-pin .sq-li {
    opacity: 0;
    transition: transform 1s linear(0, 0.0653, 0.2107, 0.3817, 0.5462, 0.6878, 0.8004, 0.8842, 0.9427, 0.9807, 1.0033, 1.015, 1.0195, 1.0196, 1.0173, 1.014, 1.0106, 1.0076, 1.005, 1.0031, 1.0017, 1.0007, 1.0001, 0.9998, 1) calc(var(--i,0) * .1s), opacity .7s cubic-bezier(.22, .61, .36, 1) calc(var(--i,0) * .1s);
  }
  html.zc-on .faq-pin .sq-i.is-open .sq-li {
    opacity: 1;
  }
}
html.zc-on:not([data-phase=night]):not([data-phase=dusk]) :is(#s05, #s07, #s08) .lbl {
  text-shadow:
    0 0 1px rgba(5, 6, 8, .95),
    0 0 2px rgba(5, 6, 8, .85),
    0 0 5px rgba(5, 6, 8, .7),
    0 0 12px rgba(5, 6, 8, .5);
}
html.zc-on:is([data-phase=golden], [data-phase=dusk]) #s08 :is(.sf-card, .sf-head, .sf-hint, .sf-count) :is(b, span, i, em, small, strong, p, label, h3, h4) {
  text-shadow:
    0 0 1px rgba(5, 6, 8, .95),
    0 0 2px rgba(5, 6, 8, .9),
    0 0 5px rgba(5, 6, 8, .75),
    0 0 12px rgba(5, 6, 8, .55),
    0 0 24px rgba(5, 6, 8, .4);
}
html.zc-on:is([data-phase=golden], [data-phase=dusk]) #s08 :is(.sf-card, .sf-head) {
  text-shadow:
    0 0 1px rgba(5, 6, 8, .95),
    0 0 2px rgba(5, 6, 8, .9),
    0 0 5px rgba(5, 6, 8, .75),
    0 0 12px rgba(5, 6, 8, .55),
    0 0 24px rgba(5, 6, 8, .4);
}
.st :is(.lbl, .ttl, .txt, .list li, .aside, .count, .note, .fine, .fruit, .price, .sf, .cue),
.faq :is(.faq-e, .faq-h, .sq-q, .sq-leaf),
.hz-in > * {
  animation: none !important;
}
html.zc-on #s07.zc-pin .zc-f7,
html.zc-on .hzf .zc-fb,
html.zc-on #h02.zc-fb,
html.zc-on .hzf svg.zc-fb {
  filter: none !important;
}
