/* virtual:styles.css */
:root {
  --wood-deep:#1a0f07;
  --wood:#2e1a0c;
  --wood-mid:#4a2b13;
  --wood-lite:#7a4a1f;
  --cream:#f6ead2;
  --nug:#8dbe27;
  --nug-bright:#a8d922;
  --nug-glow:#c6f03a;
  --nug-deep:#4e7a0c;
  --leaf:#3f6b12;
  --gold:#e8c76a;
  --gold-deep:#b8912f;
  --gold-lite:#f6e3ad;
  --ink:#0d0a06;
  --ember:#ff8a2b;
  --red:#d8342b;
  --cap-blue:#2b52c9;
  --cap-red:#d4342e;
  --cap-yellow:#f0b81c;
  --shadow:0 24px 60px rgba(0,0,0,.55);
  --font-d:"Baloo 2",system-ui,sans-serif;
  --font-b:"Nunito",system-ui,sans-serif;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}
body {
  background: var(--wood-deep);
  color: var(--cream);
  font-family: var(--font-b);
  overflow-x: hidden;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}
img {
  max-width: 100%;
  display: block;
}
a {
  color: inherit;
  text-decoration: none;
}
.grain {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: .045;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}
.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px clamp(14px, 4vw, 54px);
  transition:
    background .45s ease,
    backdrop-filter .45s ease,
    padding .45s ease,
    box-shadow .45s;
}
.nav.stuck {
  background: rgba(20, 12, 6, .9);
  backdrop-filter: blur(14px) saturate(1.2);
  padding: 10px clamp(14px, 4vw, 54px);
  box-shadow: 0 10px 34px rgba(0, 0, 0, .5);
  border-bottom: 1px solid rgba(158, 203, 44, .18);
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.brand-mark {
  width: 40px;
  height: 44px;
  position: relative;
  flex: none;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .5));
}
.brand-mark.big {
  width: 56px;
  height: 62px;
}
.leaf-l,
.leaf-r {
  position: absolute;
  top: 34%;
  width: 56%;
  height: 26%;
  z-index: 0;
  background:
    linear-gradient(
      90deg,
      #2f5c0d,
      #68a018);
  clip-path: polygon(0 50%, 18% 30%, 42% 12%, 66% 30%, 100% 50%, 66% 70%, 42% 88%, 18% 70%);
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .5));
}
.leaf-l {
  left: -34%;
  transform: rotate(-18deg);
}
.leaf-r {
  right: -34%;
  transform: rotate(18deg) scaleX(-1);
}
.bud {
  position: absolute;
  inset: 0;
  border-radius: 48% 48% 44% 44%/56% 56% 44% 44%;
  background:
    radial-gradient(
      circle at 30% 25%,
      #cbe86a 0 8%,
      transparent 9%),
    radial-gradient(
      circle at 62% 18%,
      #b7dd52 0 7%,
      transparent 8%),
    radial-gradient(
      circle at 22% 55%,
      #8fbb2a 0 9%,
      transparent 10%),
    radial-gradient(
      circle at 70% 50%,
      #a5cf3a 0 8%,
      transparent 9%),
    radial-gradient(
      circle at 45% 78%,
      #7ea724 0 10%,
      transparent 11%),
    linear-gradient(
      160deg,
      #a9d13c,
      #5f8d16);
  box-shadow: inset 0 -6px 12px rgba(0, 0, 0, .35), inset 0 5px 10px rgba(255, 255, 255, .22);
}
.bud::after {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 12px;
  border-radius: 14px 14px 3px 3px;
  background:
    linear-gradient(
      90deg,
      var(--cap-red) 0 33%,
      var(--cap-yellow) 33% 66%,
      var(--cap-blue) 66% 100%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .4);
}
.brand-text strong {
  display: block;
  font-family: var(--font-d);
  font-weight: 800;
  letter-spacing: .1em;
  font-size: clamp(1rem, 3.4vw, 1.16rem);
  color: var(--nug-bright);
  -webkit-text-stroke: 1px #16260a;
  text-shadow:
    0 2px 0 #2c4a06,
    0 3px 0 #16260a,
    0 0 22px rgba(168, 217, 34, .4);
}
.brand-tld {
  color: var(--gold);
  -webkit-text-stroke: 1px #16260a;
  paint-order: stroke fill;
  text-shadow:
    0 2px 0 #6b4d0d,
    0 3px 0 #16260a,
    0 0 18px rgba(232, 199, 106, .45);
}
.brand-text em {
  display: inline-block;
  font-size: .6rem;
  letter-spacing: .04em;
  font-style: italic;
  font-weight: 700;
  color: #3b2a0c;
  background:
    linear-gradient(
      180deg,
      var(--gold-lite),
      var(--gold));
  padding: 2px 9px;
  border-radius: 3px;
  margin-top: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .45), inset 0 -1px 0 rgba(0, 0, 0, .18);
  clip-path: polygon(4px 0, calc(100% - 4px) 0, 100% 50%, calc(100% - 4px) 100%, 4px 100%, 0 50%);
}
.nav-links {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2vw, 30px);
}
.nav-links a {
  font-weight: 700;
  font-size: .86rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #e8dcc2;
  position: relative;
  padding: 6px 0;
  transition: color .25s;
}
.nav-links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background: var(--nug-bright);
  transition: width .3s ease;
  border-radius: 2px;
}
.nav-links a:hover {
  color: #fff;
}
.nav-links a:hover::after {
  width: 100%;
}
.nav-cta {
  background: var(--nug);
  color: #17240a !important;
  padding: 9px 18px !important;
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(158, 203, 44, .32);
  transition: transform .25s, box-shadow .25s;
}
.nav-cta::after {
  display: none;
}
.nav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(158, 203, 44, .5);
}
.nav-social {
  display: flex;
  align-items: center;
  gap: 8px;
}
.soc {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex: none;
  border: 1px solid rgba(246, 234, 210, .2);
  color: #e8dcc2;
  transition:
    transform .3s cubic-bezier(.2, .8, .3, 1),
    color .3s,
    border-color .3s,
    box-shadow .3s,
    background .3s;
}
.soc svg {
  width: 19px;
  height: 19px;
}
.soc::after {
  display: none;
}
.soc-ig:hover {
  color: #fff;
  border-color: transparent;
  background:
    linear-gradient(
      135deg,
      #f9a03f,
      #d6336c 55%,
      #7b2ff7);
  transform: translateY(-3px) scale(1.08);
  box-shadow: 0 10px 24px rgba(214, 51, 108, .45);
}
.soc-yt:hover {
  color: #e94b3f;
  border-color: rgba(233, 75, 63, .6);
  transform: translateY(-3px) scale(1.08);
  box-shadow: 0 10px 24px rgba(216, 52, 43, .4);
}
.burger {
  display: none;
  background: none;
  border: 0;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 10px;
  z-index: 120;
  position: relative;
}
.burger span {
  width: 24px;
  height: 2px;
  background: var(--cream);
  border-radius: 2px;
  transition: .3s;
}
.burger.open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.burger.open span:nth-child(2) {
  opacity: 0;
}
.burger.open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.hero {
  position: relative;
  min-height: 100svh;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.hero-stage {
  position: absolute;
  inset: -2%;
}
.layer {
  position: absolute;
  inset: 0;
  will-change: transform;
}
.layer-room {
  background-image: url(assets/ChatGPT_Image_Aug_6_2026_09_58_09_PM.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 42%;
  background-color: #120a04;
  transform: scale(1.02);
  animation: roomBreathe 5.7s ease-in-out infinite;
}
@keyframes roomBreathe {
  0% {
    filter: saturate(1.04) contrast(1.03) brightness(.955) hue-rotate(-2deg);
  }
  22% {
    filter: saturate(1.09) contrast(1.05) brightness(1.038) hue-rotate(1deg);
  }
  41% {
    filter: saturate(1.05) contrast(1.035) brightness(.982) hue-rotate(-1deg);
  }
  63% {
    filter: saturate(1.11) contrast(1.06) brightness(1.052) hue-rotate(2deg);
  }
  81% {
    filter: saturate(1.06) contrast(1.04) brightness(.995) hue-rotate(0deg);
  }
  100% {
    filter: saturate(1.04) contrast(1.03) brightness(.955) hue-rotate(-2deg);
  }
}
.layer-warm {
  background:
    radial-gradient(
      46% 52% at var(--fire-x,34%) var(--fire-y,58%),
      rgba(255, 152, 48, .30),
      transparent 70%),
    radial-gradient(
      70% 60% at var(--fire-x,34%) var(--fire-y,58%),
      rgba(255, 96, 16, .14),
      transparent 78%);
  mix-blend-mode: soft-light;
  animation: warmPulse 3.3s ease-in-out infinite;
  will-change: opacity, transform;
}
@keyframes warmPulse {
  0%, 100% {
    opacity: .55;
    transform: scale(1);
  }
  30% {
    opacity: .92;
    transform: scale(1.035);
  }
  52% {
    opacity: .68;
    transform: scale(1.01);
  }
  74% {
    opacity: 1;
    transform: scale(1.05);
  }
}
.layer-cool {
  background:
    radial-gradient(
      40% 58% at var(--win-x,78%) 30%,
      rgba(176, 214, 255, .20),
      transparent 72%);
  mix-blend-mode: screen;
  animation: coolDrift 13s ease-in-out infinite;
}
@keyframes coolDrift {
  0%, 100% {
    opacity: .34;
  }
  38% {
    opacity: .7;
  }
  70% {
    opacity: .46;
  }
}
.layer-glow {
  background:
    radial-gradient(
      30% 36% at 38% 26%,
      rgba(255, 232, 170, .14),
      transparent 72%);
  mix-blend-mode: screen;
  animation: flick 4.6s ease-in-out infinite;
}
@keyframes flick {
  0%, 100% {
    opacity: .75;
  }
  35% {
    opacity: 1;
  }
  55% {
    opacity: .62;
  }
  78% {
    opacity: .92;
  }
}
.hero-vignette {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to top,
      rgba(12, 7, 3, .92) 0%,
      rgba(12, 7, 3, .55) 26%,
      rgba(12, 7, 3, .04) 55%,
      rgba(12, 7, 3, .38) 100%),
    radial-gradient(
      82% 82% at 50% 45%,
      transparent 52%,
      rgba(10, 6, 2, .62) 100%);
}
.motes {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  overflow: hidden;
  mix-blend-mode: screen;
}
.mote {
  position: absolute;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(255, 250, 226, .95),
      rgba(255, 240, 198, 0) 70%);
  animation: moteDrift linear infinite;
  opacity: 0;
}
@keyframes moteDrift {
  0% {
    transform: translate3d(0, 0, 0) scale(.5);
    opacity: 0;
  }
  14% {
    opacity: var(--o);
  }
  86% {
    opacity: var(--o);
  }
  100% {
    transform: translate3d(var(--dx), var(--dy), 0) scale(1.1);
    opacity: 0;
  }
}
.embers {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.ember {
  position: absolute;
  bottom: -10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      #ffd08a,
      #ff7a18);
  box-shadow: 0 0 8px rgba(255, 150, 50, .9);
  animation: rise linear infinite;
  opacity: 0;
}
@keyframes rise {
  0% {
    transform: translateY(0) translateX(0) scale(.6);
    opacity: 0;
  }
  12% {
    opacity: .95;
  }
  100% {
    transform: translateY(-72vh) translateX(var(--dx)) scale(.2);
    opacity: 0;
  }
}
.hero-copy {
  position: relative;
  z-index: 5;
  width: 100%;
  padding: 0 clamp(18px, 6vw, 90px) clamp(50px, 9vh, 110px);
  max-width: 960px;
}
.hero-badge {
  display: inline-block;
  font-size: .68rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--nug-bright);
  border: 1px solid rgba(184, 232, 50, .4);
  border-radius: 999px;
  padding: 7px 15px;
  background: rgba(10, 20, 4, .5);
  backdrop-filter: blur(6px);
  margin-bottom: 16px;
}
.hero-title {
  font-family: var(--font-d);
  line-height: .92;
  margin-bottom: 14px;
}
.ht-l {
  display: block;
  font-size: clamp(1.15rem, 3.4vw, 2.2rem);
  font-weight: 600;
  color: #f0e0bd;
  letter-spacing: .02em;
  opacity: .95;
}
.ht-b {
  display: block;
  font-size: clamp(2.6rem, 11vw, 7.4rem);
  font-weight: 800;
  letter-spacing: -.01em;
  color: #fff;
  text-shadow: 0 6px 0 rgba(0, 0, 0, .35), 0 22px 50px rgba(0, 0, 0, .6);
}
.nug-word {
  color: var(--nug-bright);
  -webkit-text-stroke: 3px #16260a;
  paint-order: stroke fill;
  text-shadow:
    0 6px 0 #2d4a07,
    0 10px 0 #16260a,
    0 14px 34px rgba(168, 217, 34, .45);
}
.hero-sub {
  font-size: clamp(.95rem, 2.3vw, 1.55rem);
  font-weight: 700;
  margin-bottom: 26px;
  font-style: italic;
}
.hero-sub.ribbon {
  display: inline-block;
  color: #3b2a0c;
  background:
    linear-gradient(
      180deg,
      var(--gold-lite),
      var(--gold) 55%,
      var(--gold-deep));
  padding: 9px clamp(20px, 5vw, 34px);
  border-radius: 4px;
  max-width: 100%;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 14px 100%, 0 50%);
  box-shadow:
    0 8px 22px rgba(0, 0, 0, .5),
    inset 0 -2px 0 rgba(0, 0, 0, .2),
    inset 0 2px 0 rgba(255, 255, 255, .5);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
}
.leaf-glyph {
  font-style: normal;
  filter: saturate(1.3);
}
.hero-social {
  margin-top: 16px;
  font-size: .8rem;
  font-weight: 700;
  color: #c9b894;
  letter-spacing: .02em;
  line-height: 1.7;
}
.hero-social a {
  color: var(--nug-bright);
  transition: color .25s;
}
.hero-social a:hover {
  color: var(--nug-glow);
  text-decoration: underline;
}
.hero-social i {
  opacity: .5;
  font-style: normal;
  margin: 0 6px;
}
.hero-badges {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin: -10px 0 26px;
}
.hb-star {
  display: inline-block;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(.74rem, 2.6vw, .86rem);
  letter-spacing: .04em;
  color: #3b2a0c;
  background:
    linear-gradient(
      180deg,
      var(--gold-lite),
      var(--gold) 58%,
      var(--gold-deep));
  padding: 8px 18px;
  border-radius: 999px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .45), inset 0 2px 0 rgba(255, 255, 255, .5);
}
.hb-note {
  font-size: .72rem;
  font-style: italic;
  color: #b3a181;
  letter-spacing: .02em;
}
.table-lighter {
  position: absolute;
  z-index: 6;
  left: 47%;
  bottom: 28%;
  width: clamp(34px, 3.2vw, 52px);
  aspect-ratio: 1/2.45;
  --tl-lift:0px;
  --tl-tilt:0deg;
  --tl-roll:0deg;
  pointer-events: none;
}
.tl-hit {
  position: absolute;
  left: -58%;
  right: -58%;
  top: -34%;
  bottom: -24%;
  z-index: 3;
  border: 0;
  padding: 0;
  background: transparent;
  pointer-events: auto;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border-radius: 40%/22%;
  appearance: none;
}
.tl-hit:focus {
  outline: none;
}
.tl-hit:focus-visible {
  outline: 2px solid rgba(255, 190, 90, .9);
  outline-offset: 6px;
  border-radius: 14px;
}
.tl-spot {
  position: absolute;
  left: -80%;
  right: -80%;
  bottom: -10%;
  height: 12%;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(255, 120, 40, .4),
      transparent 70%);
  filter: blur(8px);
  opacity: .75;
  transition: opacity .5s ease, transform .5s ease;
}
.table-lighter.is-lit .tl-spot {
  opacity: 1;
  transform: scale(1.5);
}
.tl-float {
  position: absolute;
  inset: 0;
  animation: tlFloat 5.6s ease-in-out infinite;
  will-change: transform;
}
@keyframes tlFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -12px, 0);
  }
}
.tl-tilt {
  position: absolute;
  inset: 0;
  transform: translate3d(0, var(--tl-lift), 0) rotate(var(--tl-tilt)) rotateY(var(--tl-roll));
  transform-style: preserve-3d;
  transition: transform .75s cubic-bezier(.22, 1.2, .36, 1);
  filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .6));
  will-change: transform;
}
.table-lighter.is-poked .tl-tilt {
  transition-duration: .34s;
  transition-timing-function: cubic-bezier(.34, 1.7, .5, 1);
}
.tl-halo {
  position: absolute;
  left: -95%;
  right: -95%;
  top: -70%;
  bottom: -30%;
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(
      circle at 50% 34%,
      rgba(255, 168, 60, .5),
      rgba(255, 110, 30, .2) 42%,
      transparent 72%);
  opacity: 0;
  transform: scale(.6);
  transition: opacity .45s ease, transform .55s ease;
}
.table-lighter.is-hot .tl-halo {
  opacity: .55;
  transform: scale(.9);
}
.table-lighter.is-lit .tl-halo {
  opacity: 1;
  transform: scale(1);
  animation: tlHalo 2.6s ease-in-out infinite;
}
@keyframes tlHalo {
  0%, 100% {
    opacity: .9;
  }
  50% {
    opacity: 1;
  }
}
.tl-body {
  position: absolute;
  inset: 0;
}
.tl-body span {
  position: absolute;
  display: block;
}
.tl-tank {
  left: 6%;
  right: 6%;
  top: 26%;
  bottom: 0;
  border-radius: 12% 12% 22% 22%/6% 6% 12% 12%;
  background:
    linear-gradient(
      90deg,
      #6d0f0b 0%,
      #c22219 16%,
      #f2564a 33%,
      #ff8b7e 42%,
      #e63a2c 58%,
      #b81c14 78%,
      #5e0c08 100%);
  box-shadow: inset 0 -8px 12px rgba(0, 0, 0, .45), inset 0 3px 6px rgba(255, 255, 255, .22);
}
.tl-label {
  left: 6%;
  right: 6%;
  top: 41%;
  height: 34%;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, .28) 0%,
      rgba(255, 255, 255, .9) 26%,
      #fff 45%,
      rgba(255, 255, 255, .82) 62%,
      rgba(0, 0, 0, .24) 100%);
  opacity: .92;
}
.tl-fluid {
  left: 16%;
  right: 16%;
  top: 78%;
  bottom: 9%;
  border-radius: 0 0 40% 40%/0 0 60% 60%;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .28),
      rgba(120, 20, 12, .5));
  opacity: .55;
}
.tl-collar {
  left: 16%;
  right: 16%;
  top: 22%;
  height: 7%;
  border-radius: 3px 3px 0 0;
  background:
    linear-gradient(
      90deg,
      #4a4a4e,
      #d9dade 38%,
      #f4f5f7 48%,
      #9a9ba0 68%,
      #3d3d41);
}
.tl-cap {
  left: 20%;
  right: 20%;
  top: 6%;
  height: 18%;
  border-radius: 26% 26% 3px 3px;
  background:
    linear-gradient(
      90deg,
      #42434a,
      #c9cbd2 32%,
      #f7f8fa 46%,
      #a7a9b1 66%,
      #37383e);
  box-shadow: inset 0 -3px 4px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .5);
}
.tl-wheel {
  left: 27%;
  width: 24%;
  top: 2%;
  height: 9%;
  border-radius: 50%;
  background:
    repeating-linear-gradient(
      90deg,
      #2f3035 0 1.5px,
      #c6c8ce 1.5px 3px),
    linear-gradient(
      180deg,
      #e8e9ee,
      #7d7f86);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}
.tl-lever {
  right: 19%;
  width: 22%;
  top: 9%;
  height: 9%;
  border-radius: 2px 5px 5px 2px;
  background:
    linear-gradient(
      180deg,
      #ff6a58,
      #c8231a);
  box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .4);
  transform-origin: left center;
  transition: transform .18s ease;
}
.table-lighter.is-lit .tl-lever {
  transform: rotate(9deg) translateY(4%);
}
.tl-shine {
  left: 14%;
  width: 12%;
  top: 8%;
  bottom: 4%;
  border-radius: 40%;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .75),
      rgba(255, 255, 255, .08));
  filter: blur(1.2px);
  opacity: .5;
}
.table-lighter.is-lit .tl-tank {
  box-shadow:
    inset 0 -8px 12px rgba(0, 0, 0, .4),
    inset 0 3px 6px rgba(255, 255, 255, .24),
    0 0 16px rgba(255, 140, 50, .55);
}
.tl-flame {
  position: absolute;
  left: 50%;
  bottom: 88%;
  width: 58%;
  height: 46%;
  transform: translateX(-50%) scaleY(.12) scaleX(.7);
  transform-origin: 50% 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease, transform .34s cubic-bezier(.3, 1.5, .5, 1);
}
.tl-flame span {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  border-radius: 50% 50% 46% 46%/62% 62% 38% 38%;
}
.fl-glow {
  width: 260%;
  height: 150%;
  bottom: -40%;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(255, 170, 60, .55),
      rgba(255, 110, 20, .16) 48%,
      transparent 72%);
  filter: blur(4px);
}
.fl-outer {
  width: 100%;
  height: 100%;
  background:
    linear-gradient(
      180deg,
      #ffcf5e,
      #ff8a1e 46%,
      #f0490f);
  filter: blur(1.1px);
}
.fl-inner {
  width: 62%;
  height: 72%;
  background:
    linear-gradient(
      180deg,
      #fff3b8,
      #ffc23c 58%,
      #ff8a20);
}
.fl-core {
  width: 30%;
  height: 38%;
  background:
    linear-gradient(
      180deg,
      #ffffff,
      #cfe4ff);
  opacity: .85;
  filter: blur(.5px);
}
.table-lighter.is-lit .tl-flame {
  opacity: 1;
  transform: translateX(-50%) scaleY(1) scaleX(1);
  animation: flameDance 1.1s ease-in-out infinite;
}
.table-lighter.is-lit .fl-inner {
  animation: flameInner .78s ease-in-out infinite;
}
.table-lighter.is-lit .fl-glow {
  animation: flameGlow 1.4s ease-in-out infinite;
}
@keyframes flameDance {
  0%, 100% {
    transform: translateX(-50%) scale(1, 1) skewX(0deg);
  }
  22% {
    transform: translateX(-51%) scale(.95, 1.07) skewX(-2.5deg);
  }
  46% {
    transform: translateX(-49%) scale(1.04, .95) skewX(2deg);
  }
  70% {
    transform: translateX(-50.5%) scale(.97, 1.05) skewX(-1.4deg);
  }
}
@keyframes flameInner {
  0%, 100% {
    transform: translateX(-50%) scaleY(1);
    opacity: 1;
  }
  50% {
    transform: translateX(-50%) scaleY(.86);
    opacity: .9;
  }
}
@keyframes flameGlow {
  0%, 100% {
    opacity: .85;
  }
  50% {
    opacity: 1;
    transform: translateX(-50%) scale(1.12);
  }
}
@media (hover: hover) and (pointer: fine) {
  .table-lighter:hover .tl-tilt,
  .tl-hit:focus-visible ~ .tl-float .tl-tilt {
    transform: translate3d(0, calc(var(--tl-lift) - 6px), 0) rotate(calc(var(--tl-tilt) + 5deg)) rotateY(var(--tl-roll));
  }
}
.hero-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--font-d);
  font-weight: 700;
  font-size: 1rem;
  padding: 14px 24px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  text-align: center;
  transition:
    transform .28s cubic-bezier(.2, .8, .3, 1),
    box-shadow .28s,
    filter .28s;
}
.btn .ico {
  font-size: 1.05em;
}
.btn:hover {
  transform: translateY(-3px) scale(1.02);
}
.btn-red {
  background: var(--red);
  color: #fff;
  box-shadow: 0 10px 26px rgba(216, 52, 43, .38);
}
.btn-green {
  background:
    linear-gradient(
      180deg,
      var(--nug-bright),
      var(--nug-deep));
  color: #16230a;
  box-shadow: 0 10px 26px rgba(158, 203, 44, .35);
  position: relative;
}
.btn-green:hover {
  box-shadow: 0 16px 40px rgba(158, 203, 44, .55);
}
.btn-green.big,
.btn-wood.big {
  font-size: clamp(.95rem, 2.6vw, 1.1rem);
  padding: 16px clamp(20px, 4vw, 36px);
}
.btn-green:active,
.btn-wood:active {
  transform: translateY(-1px) scale(.99);
}
.btn-wood {
  color: #f7ecd4;
  background:
    repeating-linear-gradient(
      94deg,
      rgba(0, 0, 0, .09) 0 3px,
      transparent 3px 9px),
    linear-gradient(
      180deg,
      #8a5324,
      #5a3211 60%,
      #3f2109);
  border: 1px solid rgba(246, 220, 170, .28);
  box-shadow: 0 10px 26px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 224, 170, .22);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}
.btn-wood:hover {
  box-shadow: 0 18px 40px rgba(0, 0, 0, .6), 0 0 26px rgba(232, 199, 106, .3);
  filter: brightness(1.08);
}
.btn-ghost {
  border: 2px solid rgba(184, 232, 50, .5);
  color: var(--nug-bright);
  background: transparent;
}
.btn-ghost:hover {
  background: rgba(184, 232, 50, .12);
}
.hero-meta {
  display: flex;
  align-items: center;
  gap: clamp(12px, 3vw, 20px);
  flex-wrap: wrap;
}
.hero-meta > div:not(.sep) {
  display: flex;
  flex-direction: column;
}
.hero-meta b {
  font-family: var(--font-d);
  font-size: 1.1rem;
  color: var(--nug-bright);
}
.hero-meta span {
  font-size: .7rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #c9b894;
}
.sep {
  width: 1px;
  height: 28px;
  background: rgba(246, 234, 210, .22);
}
.scroll-hint {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 6;
  font-size: .68rem;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: #c7b491;
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: .8;
}
.scroll-hint span {
  width: 20px;
  height: 32px;
  border: 2px solid rgba(199, 180, 145, .55);
  border-radius: 12px;
  position: relative;
}
.scroll-hint span::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 3px;
  height: 7px;
  background: var(--nug-bright);
  border-radius: 2px;
  animation: sc 1.8s infinite;
}
@keyframes sc {
  0% {
    opacity: 0;
    top: 5px;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 17px;
  }
}
.counter {
  background:
    radial-gradient(
      70% 120% at 50% 0%,
      rgba(168, 217, 34, .14),
      transparent 62%),
    linear-gradient(
      180deg,
      #0c1302 0%,
      #0a0d02 100%);
  border-top: 1px solid rgba(168, 217, 34, .22);
  border-bottom: 1px solid rgba(168, 217, 34, .22);
  padding: clamp(34px, 6vw, 64px) clamp(14px, 5vw, 60px);
}
.counter-inner {
  max-width: 980px;
  margin: 0 auto;
  background:
    linear-gradient(
      180deg,
      rgba(10, 17, 2, .86),
      rgba(0, 0, 0, .55));
  border: 2px solid rgba(168, 217, 34, .34);
  border-radius: 24px;
  padding: clamp(20px, 3.6vw, 38px);
  box-shadow: 0 26px 60px rgba(0, 0, 0, .6), 0 0 60px rgba(168, 217, 34, .09);
}
.ct-head {
  text-align: center;
  margin-bottom: 22px;
}
.ct-kicker {
  display: inline-block;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: .68rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #3b2a0c;
  background:
    linear-gradient(
      180deg,
      var(--gold-lite),
      var(--gold) 58%,
      var(--gold-deep));
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 10px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .4), inset 0 2px 0 rgba(255, 255, 255, .5);
}
.ct-title {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(1.3rem, 5vw, 2.2rem);
  line-height: 1.05;
  color: #fff;
  -webkit-text-stroke: 1.5px #16260a;
  paint-order: stroke fill;
  text-shadow: 0 4px 0 rgba(0, 0, 0, .35);
}
.tiers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 12px;
}
.tier {
  text-align: center;
  padding: 14px 10px;
  border-radius: 14px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .04),
      rgba(0, 0, 0, .4));
  border: 1px solid rgba(246, 234, 210, .14);
  transition: .4s;
}
.tier.active {
  border-color: var(--nug-bright);
  background:
    linear-gradient(
      180deg,
      rgba(168, 217, 34, .16),
      rgba(0, 0, 0, .45));
  box-shadow: 0 0 26px rgba(168, 217, 34, .22);
  transform: translateY(-3px);
}
.tier.done {
  opacity: .42;
}
.tier.done .tr-p {
  text-decoration: line-through;
}
.tr-k {
  display: block;
  font-size: .62rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 900;
  color: #a89778;
  margin-bottom: 5px;
}
.tr-p {
  display: block;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(1.5rem, 5.5vw, 2.1rem);
  line-height: 1;
  color: var(--nug-bright);
  -webkit-text-stroke: 1.5px #16260a;
  paint-order: stroke fill;
  text-shadow: 0 3px 0 #2d4a07;
}
.tier.active .tr-p {
  color: var(--gold);
  text-shadow: 0 3px 0 #6b4d0d, 0 0 20px rgba(232, 199, 106, .4);
}
.tr-s {
  display: block;
  font-style: normal;
  font-size: .6rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  color: #7d6f56;
  margin-top: 5px;
}
.tier.active .tr-s {
  color: var(--nug-bright);
}
.tier-live {
  font-size: .78rem;
  line-height: 1.6;
  color: #b6a37c;
  text-align: center;
  margin-bottom: 20px;
}
.tier-live b {
  color: var(--nug-bright);
  font-weight: 800;
}
.bundle-card {
  background:
    linear-gradient(
      180deg,
      rgba(10, 16, 2, .85),
      rgba(0, 0, 0, .5));
  border: 1px solid rgba(168, 217, 34, .28);
  border-radius: 18px;
  padding: 20px;
  margin-bottom: 26px;
}
.bundle-card h3 {
  font-family: var(--font-d);
  font-size: 1.02rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #f3e6c8;
  margin-bottom: 14px;
}
.bundle-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bundle-list li {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 4px 12px;
  align-items: center;
}
.bl-n {
  grid-row: span 2;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-family: var(--font-d);
  font-weight: 800;
  color: #16230a;
  background:
    linear-gradient(
      180deg,
      var(--nug-glow),
      var(--nug-deep));
  box-shadow: 0 4px 10px rgba(0, 0, 0, .4);
}
.bundle-list b {
  font-family: var(--font-d);
  font-size: .96rem;
  color: #fff;
  letter-spacing: .02em;
}
.bundle-list i {
  font-style: normal;
  font-size: .78rem;
  color: #b8a67f;
  line-height: 1.4;
}
.ct-main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.ct-label {
  display: block;
  font-size: .68rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  color: #c9b894;
  margin-bottom: 6px;
}
.ct-count {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-family: var(--font-d);
  line-height: 1;
  flex-wrap: nowrap;
}
.ct-count b {
  font-size: clamp(2.4rem, 11vw, 4.4rem);
  font-weight: 800;
  color: var(--nug-bright);
  letter-spacing: -.02em;
  -webkit-text-stroke: 2.5px #16260a;
  paint-order: stroke fill;
  text-shadow: 0 5px 0 #2d4a07, 0 0 34px rgba(168, 217, 34, .45);
  font-variant-numeric: tabular-nums;
}
.ct-slash {
  font-size: clamp(1.4rem, 5vw, 2.4rem);
  color: #6f6349;
  font-weight: 700;
}
.ct-count i {
  font-style: normal;
  font-size: clamp(1.3rem, 5vw, 2.2rem);
  font-weight: 800;
  color: #e6d7b4;
  font-variant-numeric: tabular-nums;
}
.ct-pct {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.ct-pct b {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(1.4rem, 5vw, 2.2rem);
  color: var(--gold);
  -webkit-text-stroke: 1.5px #2a1e05;
  paint-order: stroke fill;
  text-shadow: 0 3px 0 #6b4d0d, 0 0 22px rgba(232, 199, 106, .35);
  font-variant-numeric: tabular-nums;
}
.ct-pct span {
  font-size: .64rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 900;
  color: #8d7d61;
}
.ct-bar {
  position: relative;
  height: 20px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(0, 0, 0, .6);
  border: 1px solid rgba(168, 217, 34, .28);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, .6);
}
.ct-bar i {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 999px;
  background:
    repeating-linear-gradient(
      115deg,
      rgba(255, 255, 255, .16) 0 10px,
      transparent 10px 22px),
    linear-gradient(
      90deg,
      var(--nug-deep),
      var(--nug-bright) 70%,
      var(--nug-glow));
  box-shadow: 0 0 22px rgba(168, 217, 34, .55), inset 0 1px 0 rgba(255, 255, 255, .4);
  transition: width 1.6s cubic-bezier(.2, .8, .3, 1);
  animation: ctFlow 1.6s linear infinite;
  background-size: 44px 100%, 100% 100%;
}
@keyframes ctFlow {
  to {
    background-position: 44px 0, 0 0;
  }
}
.ct-blocks {
  display: flex;
  gap: 3px;
  margin-top: 8px;
}
.ct-blocks span {
  flex: 1;
  height: 7px;
  border-radius: 2px;
  background: rgba(255, 255, 255, .07);
  transition: background .5s ease, box-shadow .5s ease;
}
.ct-blocks span.on {
  background:
    linear-gradient(
      180deg,
      var(--nug-glow),
      var(--nug-deep));
  box-shadow: 0 0 10px rgba(168, 217, 34, .5);
}
.ct-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
  margin: 24px 0 20px;
}
.ct-stat {
  text-align: center;
  padding: 18px 14px;
  border-radius: 16px;
  background:
    linear-gradient(
      180deg,
      rgba(168, 217, 34, .07),
      rgba(0, 0, 0, .4));
  border: 1px solid rgba(168, 217, 34, .22);
  transition:
    transform .35s cubic-bezier(.2, .8, .3, 1),
    border-color .35s,
    background .35s;
}
.ct-stat:hover {
  transform: translateY(-5px);
  border-color: rgba(168, 217, 34, .55);
  background: rgba(168, 217, 34, .1);
}
.ct-ico {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 6px;
}
.ct-stat b {
  display: block;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: 2rem;
  line-height: 1;
  color: var(--nug-bright);
  -webkit-text-stroke: 1.5px #16260a;
  paint-order: stroke fill;
  text-shadow: 0 3px 0 #2d4a07;
  font-variant-numeric: tabular-nums;
  margin-bottom: 5px;
}
.ct-stat i {
  display: block;
  font-style: normal;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: .74rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #f0e2c4;
  margin-bottom: 6px;
}
.ct-stat em {
  display: block;
  font-style: normal;
  font-size: .7rem;
  color: #9d8d6d;
  line-height: 1.45;
}
.ct-note {
  text-align: center;
  font-size: .84rem;
  line-height: 1.65;
  color: #c2b18e;
  max-width: 64ch;
  margin: 0 auto;
  padding-top: 16px;
  border-top: 1px dashed rgba(168, 217, 34, .2);
}
.ct-note b {
  color: var(--nug-bright);
  font-weight: 800;
}
.ct-foot {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.ct-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .66rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  color: #8d7d61;
}
.ct-live i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--nug-bright);
  flex: none;
  box-shadow: 0 0 0 0 rgba(168, 217, 34, .6);
  animation: ctPulse 2.2s ease-out infinite;
}
@keyframes ctPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(168, 217, 34, .55);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(168, 217, 34, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(168, 217, 34, 0);
  }
}
.marquee {
  background:
    linear-gradient(
      90deg,
      #101a04,
      #1c2c06,
      #101a04);
  border-top: 1px solid rgba(184, 232, 50, .22);
  border-bottom: 1px solid rgba(184, 232, 50, .22);
  overflow: hidden;
  padding: 13px 0;
}
.marquee-track {
  display: flex;
  gap: 44px;
  white-space: nowrap;
  animation: mq 34s linear infinite;
  width: max-content;
}
.marquee-track span {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: .9rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--nug-bright);
  display: flex;
  align-items: center;
  gap: 44px;
}
.marquee-track span::after {
  content: "\1f331";
  font-size: .9em;
}
@keyframes mq {
  to {
    transform: translateX(-50%);
  }
}
section {
  position: relative;
}
.sec-head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto clamp(32px, 6vw, 64px);
}
.kicker {
  font-size: .7rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 900;
  color: var(--nug-deep);
  margin-bottom: 12px;
}
.kicker.light {
  color: var(--nug-bright);
}
.sec-head h2 {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(2rem, 7vw, 3.8rem);
  line-height: 1;
  margin-bottom: 14px;
}
.sec-head p {
  color: #c8b795;
  font-size: clamp(.92rem, 2.6vw, 1.02rem);
}
.plush {
  background:
    radial-gradient(
      80% 60% at 12% 8%,
      rgba(158, 203, 44, .10),
      transparent 60%),
    linear-gradient(
      180deg,
      #0e1503 0%,
      #0a0d02 60%,
      #0d0801 100%);
  padding: clamp(56px, 11vw, 130px) clamp(16px, 5vw, 70px);
  overflow: hidden;
}
.plush::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .14;
  pointer-events: none;
  background-image:
    radial-gradient(
      circle at 20% 30%,
      #2c4a06 0 2px,
      transparent 3px),
    radial-gradient(
      circle at 70% 60%,
      #2c4a06 0 2px,
      transparent 3px);
  background-size: 64px 64px;
}
.plush-inner {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(28px, 5vw, 70px);
  align-items: center;
}
.plush-show {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
}
.plush-glow {
  position: absolute;
  width: 78%;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(184, 232, 50, .35),
      rgba(184, 232, 50, 0) 68%);
  filter: blur(18px);
  animation: pulse 6s ease-in-out infinite;
}
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: .75;
  }
  50% {
    transform: scale(1.09);
    opacity: 1;
  }
}
.plush-frame {
  position: relative;
  width: 100%;
  border-radius: 26px;
  overflow: hidden;
  border: 2px solid rgba(184, 232, 50, .35);
  box-shadow: var(--shadow), 0 0 0 8px rgba(0, 0, 0, .35);
  transform-style: preserve-3d;
  transition: transform .5s cubic-bezier(.2, .8, .3, 1);
  aspect-ratio: 4/3;
  display: grid;
  place-items: center;
  background:
    radial-gradient(
      70% 60% at 50% 38%,
      rgba(168, 217, 34, .16),
      transparent 70%),
    repeating-linear-gradient(
      115deg,
      rgba(255, 255, 255, .014) 0 12px,
      transparent 12px 24px),
    linear-gradient(
      180deg,
      #16220a,
      #070c01 70%);
}
.sprout {
  position: relative;
  width: 52%;
  aspect-ratio: 1/1.24;
  transition: transform 1.1s cubic-bezier(.2, .8, .3, 1);
  animation: sproutFloat 6.5s ease-in-out infinite;
}
@keyframes sproutFloat {
  0%, 100% {
    transform: translateY(0) rotate(-1deg);
  }
  50% {
    transform: translateY(-12px) rotate(1.5deg);
  }
}
.plush-frame:hover .sprout {
  transform: scale(1.05);
}
.sp-body {
  position: absolute;
  left: 6%;
  right: 6%;
  top: 14%;
  bottom: 12%;
  border-radius: 50% 50% 46% 46%/54% 54% 46% 46%;
  background:
    radial-gradient(
      circle at 28% 20%,
      rgba(255, 255, 255, .42) 0 8%,
      transparent 9%),
    radial-gradient(
      circle at 68% 26%,
      rgba(255, 255, 255, .22) 0 6%,
      transparent 7%),
    radial-gradient(
      circle at 22% 64%,
      rgba(0, 0, 0, .2) 0 9%,
      transparent 10%),
    radial-gradient(
      circle at 76% 62%,
      rgba(0, 0, 0, .18) 0 8%,
      transparent 9%),
    linear-gradient(
      165deg,
      #cdec6b,
      #8fbb2a 52%,
      #537f10);
  box-shadow:
    inset 0 -18px 34px rgba(0, 0, 0, .35),
    inset 0 14px 26px rgba(255, 255, 255, .24),
    0 22px 44px rgba(0, 0, 0, .55);
}
.sp-cap {
  position: absolute;
  z-index: 3;
  top: 2%;
  left: 50%;
  transform: translateX(-50%);
  width: 46%;
  height: 13%;
  border-radius: 44px 44px 7px 7px;
  background:
    linear-gradient(
      90deg,
      var(--cap-red) 0 33%,
      var(--cap-yellow) 33% 66%,
      var(--cap-blue) 66% 100%);
  box-shadow: 0 5px 12px rgba(0, 0, 0, .5), inset 0 -3px 6px rgba(0, 0, 0, .22);
}
.sp-cap::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -16%;
  width: 74%;
  height: 22%;
  border-radius: 9px;
  background:
    linear-gradient(
      180deg,
      #2b8f3a,
      #166024);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
}
.sp-cap i {
  position: absolute;
  top: -16%;
  left: 50%;
  width: 66%;
  height: 7px;
  border-radius: 5px;
  background:
    linear-gradient(
      90deg,
      #4f8ff0,
      #2b6fd6);
  transform-origin: center;
  animation: spin 2.6s linear infinite;
}
.sp-leaf {
  position: absolute;
  z-index: 1;
  top: 16%;
  width: 26%;
  height: 12%;
  background:
    linear-gradient(
      90deg,
      #2f5c0d,
      #6ea51a);
  clip-path: polygon(0 50%, 18% 28%, 44% 10%, 68% 28%, 100% 50%, 68% 72%, 44% 90%, 18% 72%);
  filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .5));
}
.sp-leaf.l {
  left: -11%;
  transform: rotate(-22deg);
}
.sp-leaf.r {
  right: -11%;
  transform: rotate(22deg) scaleX(-1);
}
.sp-eyes {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 13%;
  width: 56%;
  justify-content: center;
}
.sp-eyes b {
  width: 30%;
  aspect-ratio: .9;
  border-radius: 50%;
  background: #fff;
  position: relative;
  display: block;
  box-shadow: 0 3px 7px rgba(0, 0, 0, .32);
}
.sp-eyes b::after {
  content: "";
  position: absolute;
  top: 24%;
  left: 24%;
  width: 52%;
  height: 52%;
  border-radius: 50%;
  background: #14110c;
}
.sp-eyes b::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 30%;
  left: 32%;
  width: 18%;
  height: 18%;
  border-radius: 50%;
  background: #fff;
}
.plush-frame:hover .sp-eyes b::after {
  animation: look 1.5s ease-in-out infinite;
}
.sp-cheek {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 14%;
}
.sp-cheek s {
  width: 16px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255, 120, 120, .5);
  text-decoration: none;
  display: block;
  filter: blur(1.5px);
}
.sp-mouth {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translateX(-50%);
  width: 15%;
  height: 7%;
  border-radius: 0 0 30px 30px;
  background: #2b1a10;
  transition: height .35s, width .35s;
}
.plush-frame:hover .sp-mouth {
  width: 19%;
  height: 9%;
}
.sp-zip {
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: 20%;
  height: 9px;
  border-radius: 9px;
  background:
    repeating-linear-gradient(
      90deg,
      #d8d2c2 0 3px,
      #8f8a7c 3px 6px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .4);
}
.sp-zip::after {
  content: "";
  position: absolute;
  right: -6px;
  top: -5px;
  width: 16px;
  height: 19px;
  border-radius: 4px 4px 8px 8px;
  background:
    linear-gradient(
      180deg,
      var(--gold-lite),
      var(--gold-deep));
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
.sp-arm {
  position: absolute;
  z-index: 2;
  top: 44%;
  width: 16%;
  height: 10%;
  border-radius: 99px;
  background:
    linear-gradient(
      165deg,
      #b6dd4f,
      #5f8d16);
  box-shadow: inset 0 -4px 8px rgba(0, 0, 0, .28), 0 6px 12px rgba(0, 0, 0, .4);
}
.sp-arm.l {
  left: -4%;
  transform: rotate(24deg);
  transform-origin: right center;
  animation: wave 3.4s ease-in-out infinite;
}
.sp-arm.r {
  right: -4%;
  transform: rotate(-24deg);
}
@keyframes wave {
  0%, 100% {
    transform: rotate(24deg);
  }
  50% {
    transform: rotate(6deg);
  }
}
.sp-foot {
  position: absolute;
  z-index: 2;
  bottom: 6%;
  width: 20%;
  height: 8%;
  border-radius: 99px;
  background:
    linear-gradient(
      180deg,
      #8fbb2a,
      #3f6b12);
  box-shadow: 0 8px 14px rgba(0, 0, 0, .45);
}
.sp-foot.l {
  left: 16%;
}
.sp-foot.r {
  right: 16%;
}
.sp-clip {
  position: absolute;
  z-index: 4;
  top: -8%;
  left: 50%;
  transform: translateX(-50%);
  width: 15%;
  aspect-ratio: .62;
  border-radius: 99px;
  border: 4px solid;
  border-color: var(--gold-lite) var(--gold) var(--gold-deep) var(--gold);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
}
.sp-shadow {
  position: absolute;
  left: 14%;
  right: 14%;
  bottom: -4%;
  height: 6%;
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      rgba(0, 0, 0, .55),
      transparent 70%);
  filter: blur(4px);
}
.sp-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  text-align: center;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: .7rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #d9c9a6;
  opacity: .8;
}
.clip-badge {
  position: absolute;
  bottom: -16px;
  right: -10px;
  z-index: 4;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  text-align: center;
  background:
    radial-gradient(
      circle at 40% 30%,
      #1d2c06,
      #0a1101 70%);
  border: 3px solid var(--nug-bright);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .6), 0 0 30px rgba(168, 217, 34, .28);
  animation: badgeFloat 5.5s ease-in-out infinite;
}
.clip-badge span {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: .72rem;
  line-height: 1.35;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #f3e6c8;
  padding: 0 12px;
}
@keyframes badgeFloat {
  0%, 100% {
    transform: translateY(0) rotate(-5deg);
  }
  50% {
    transform: translateY(-9px) rotate(-2deg);
  }
}
.plush-tag {
  position: absolute;
  top: -14px;
  right: 6px;
  z-index: 3;
  background: var(--red);
  color: #fff;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: .74rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 8px 15px;
  border-radius: 999px;
  transform: rotate(4deg);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .5);
}
.plush-copy .kicker {
  color: var(--nug-bright);
}
.plush-copy h2 {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(2rem, 7vw, 4rem);
  line-height: .95;
  margin-bottom: 22px;
  color: #fff;
}
.plush-copy h2 span {
  color: var(--nug-bright);
  text-shadow: 0 4px 0 #3d5c0a;
}
.limited-band {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  background:
    linear-gradient(
      180deg,
      rgba(12, 20, 3, .9),
      rgba(0, 0, 0, .6));
  border: 2px solid rgba(168, 217, 34, .45);
  border-radius: 16px;
  padding: 14px 20px;
  margin-bottom: 22px;
  box-shadow: 0 0 32px rgba(168, 217, 34, .12);
}
.lb-l {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(.92rem, 3vw, 1.05rem);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #fff;
}
.lb-r {
  margin-left: auto;
  display: flex;
  align-items: baseline;
  gap: 9px;
}
.lb-r b {
  font-family: var(--font-d);
  font-size: clamp(2rem, 7vw, 2.6rem);
  color: var(--nug-bright);
  line-height: 1;
  -webkit-text-stroke: 2px #16260a;
  paint-order: stroke fill;
  text-shadow: 0 3px 0 #2d4a07, 0 0 24px rgba(168, 217, 34, .45);
}
.lb-r span {
  font-size: .7rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #e6d7b4;
  font-weight: 800;
}
.plush-lead {
  color: #cdbc99;
  line-height: 1.7;
  margin-bottom: 26px;
  max-width: 60ch;
}
.feat-grid {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 28px;
  text-align: center;
}
.feat-grid li {
  position: relative;
  background:
    linear-gradient(
      180deg,
      rgba(10, 16, 2, .85),
      rgba(0, 0, 0, .5));
  border: 1px solid rgba(168, 217, 34, .2);
  border-radius: 14px;
  padding: 20px 14px;
  transition:
    transform .3s,
    border-color .3s,
    background .3s;
}
.feat-grid li:hover {
  transform: translateY(-5px);
  border-color: rgba(168, 217, 34, .55);
  background: rgba(168, 217, 34, .07);
}
.fi {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background:
    linear-gradient(
      180deg,
      var(--nug-glow),
      var(--nug-deep));
  margin: 0 auto 12px;
  font-size: 1rem;
  box-shadow:
    0 6px 16px rgba(0, 0, 0, .45),
    inset 0 -2px 6px rgba(0, 0, 0, .25),
    0 0 0 3px rgba(168, 217, 34, .14);
  transition: transform .35s cubic-bezier(.2, .8, .3, 1);
}
.fi svg {
  width: 26px;
  height: 26px;
}
.feat-grid li:hover .fi {
  transform: scale(1.1) rotate(-6deg);
}
.feat-grid b {
  display: block;
  font-family: var(--font-d);
  font-size: .92rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 4px;
  color: #fff;
}
.feat-grid i {
  font-style: normal;
  font-size: .78rem;
  color: #b8a67f;
  line-height: 1.45;
  display: block;
}
.fund-card {
  background:
    linear-gradient(
      180deg,
      rgba(184, 232, 50, .09),
      rgba(0, 0, 0, .35));
  border: 1px solid rgba(184, 232, 50, .28);
  border-radius: 18px;
  padding: 20px;
  margin-bottom: 26px;
}
.fund-card h3 {
  font-family: var(--font-d);
  font-size: 1.05rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 8px;
  color: #f3e6c8;
}
.fund-lead {
  font-size: .86rem;
  color: #c2b18e;
  line-height: 1.6;
  margin-bottom: 16px;
}
.fund-rows {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-bottom: 18px;
}
.fund-rows div {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: .9rem;
  color: #d6c6a3;
  font-weight: 600;
}
.fund-rows span {
  font-size: 1.05rem;
}
.bar {
  height: 9px;
  border-radius: 99px;
  background: rgba(0, 0, 0, .55);
  overflow: hidden;
  border: 1px solid rgba(184, 232, 50, .2);
}
.bar i {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 99px;
  background:
    linear-gradient(
      90deg,
      var(--nug-deep),
      var(--nug-bright));
  transition: width 1.8s cubic-bezier(.2, .8, .3, 1);
}
.bar-label {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 9px;
  font-size: .74rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #b6a37c;
}
.bar-label b {
  color: var(--nug-bright);
  white-space: nowrap;
}
.plush-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.disclaimer {
  font-size: .76rem;
  color: #9c8c6c;
}
.dont-miss {
  position: relative;
  max-width: 1240px;
  margin: clamp(40px, 7vw, 80px) auto 0;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(20px, 4vw, 44px);
  align-items: center;
  padding-top: clamp(30px, 5vw, 52px);
  border-top: 1px solid rgba(168, 217, 34, .2);
}
.dm-l h3 {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(1.7rem, 6vw, 3.2rem);
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 10px;
  -webkit-text-stroke: 2px #16260a;
  paint-order: stroke fill;
  text-shadow: 0 5px 0 rgba(0, 0, 0, .4);
}
.dm-l p {
  font-family: var(--font-d);
  font-weight: 700;
  font-size: clamp(1.05rem, 4vw, 1.9rem);
  line-height: 1.12;
  text-transform: uppercase;
  color: var(--nug-bright);
}
.dm-r {
  text-align: center;
  padding: clamp(18px, 3vw, 30px) clamp(16px, 3vw, 34px);
  border-radius: 22px;
  background:
    linear-gradient(
      180deg,
      rgba(9, 15, 2, .92),
      rgba(0, 0, 0, .7));
  border: 3px solid var(--nug-bright);
  box-shadow: 0 20px 48px rgba(0, 0, 0, .6), 0 0 44px rgba(168, 217, 34, .16);
}
.dm-k {
  display: block;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(.92rem, 3.4vw, 1.5rem);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #fff;
}
.dm-r b {
  display: block;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(3rem, 13vw, 5.6rem);
  line-height: .95;
  color: var(--nug-bright);
  letter-spacing: -.02em;
  -webkit-text-stroke: 3px #16260a;
  paint-order: stroke fill;
  text-shadow: 0 6px 0 #2d4a07, 0 0 40px rgba(168, 217, 34, .4);
}
.dm-s {
  display: block;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(.82rem, 2.8vw, 1.2rem);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #fff;
}
.build {
  background:
    radial-gradient(
      70% 60% at 50% 0%,
      rgba(168, 217, 34, .14),
      transparent 62%),
    linear-gradient(
      180deg,
      #0d1302,
      #0a0d02);
  padding: clamp(56px, 10vw, 120px) clamp(16px, 5vw, 70px);
  text-align: center;
  border-top: 1px solid rgba(168, 217, 34, .16);
}
.build-inner {
  max-width: 960px;
  margin: 0 auto;
}
.build-mark {
  display: block;
  width: 66px;
  height: 74px;
  margin: 0 auto 20px;
  position: relative;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .55));
}
.build h2 {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(1.9rem, 7vw, 3.7rem);
  line-height: 1;
  color: var(--nug-bright);
  margin-bottom: 18px;
  -webkit-text-stroke: 2.5px #16260a;
  paint-order: stroke fill;
  text-shadow: 0 5px 0 #2d4a07, 0 0 40px rgba(168, 217, 34, .35);
}
.build-lead {
  color: #d3c3a0;
  font-size: clamp(.95rem, 2.6vw, 1.15rem);
  line-height: 1.75;
  max-width: 64ch;
  margin: 0 auto 34px;
}
.build-cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 14px;
  margin-bottom: 34px;
}
.build-cols div {
  background:
    linear-gradient(
      180deg,
      rgba(10, 16, 2, .85),
      rgba(0, 0, 0, .5));
  border: 1px solid rgba(168, 217, 34, .22);
  border-radius: 16px;
  padding: 22px 16px;
  transition:
    transform .35s,
    border-color .35s,
    background .35s;
}
.build-cols div:hover {
  transform: translateY(-6px);
  border-color: rgba(168, 217, 34, .55);
  background: rgba(168, 217, 34, .07);
}
.build-cols span {
  font-size: 1.6rem;
  display: block;
  margin-bottom: 9px;
}
.build-cols b {
  display: block;
  font-family: var(--font-d);
  font-size: .98rem;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 5px;
}
.build-cols i {
  font-style: normal;
  font-size: .8rem;
  color: #b0a07e;
}
.build-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: center;
}
.gallery[hidden],
.gallery[data-parked=true] {
  display: none !important;
}
.gallery {
  background:
    linear-gradient(
      180deg,
      #160c04,
      #0f0803);
  padding: clamp(56px, 10vw, 120px) clamp(16px, 5vw, 70px);
}
.gallery .sec-head h2 {
  color: #fff;
}
.gal-grid {
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px;
}
.gal-item {
  position: relative;
  aspect-ratio: 1;
  border-radius: 18px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid rgba(246, 234, 210, .12);
  transition:
    transform .45s cubic-bezier(.2, .8, .3, 1),
    border-color .45s,
    box-shadow .45s;
}
.gal-item:hover {
  transform: translateY(-7px) scale(1.02);
  border-color: rgba(184, 232, 50, .5);
  box-shadow: 0 24px 48px rgba(0, 0, 0, .55);
}
.gal-art {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      60% 55% at 50% 34%,
      rgba(255, 255, 255, .09),
      transparent 70%),
    repeating-linear-gradient(
      115deg,
      rgba(255, 255, 255, .02) 0 10px,
      transparent 10px 20px),
    linear-gradient(
      160deg,
      var(--g1),
      var(--g2));
}
.gal-art::after {
  content: "";
  position: absolute;
  left: 24%;
  right: 24%;
  top: 26%;
  bottom: 26%;
  border-radius: 50% 50% 46% 46%/54% 54% 46% 46%;
  background:
    radial-gradient(
      circle at 30% 24%,
      rgba(255, 255, 255, .4) 0 9%,
      transparent 10%),
    linear-gradient(
      165deg,
      #cdec6b,
      #7ba824 55%,
      #4a710e);
  box-shadow: inset 0 -10px 18px rgba(0, 0, 0, .3), 0 10px 20px rgba(0, 0, 0, .4);
}
.gal-cap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 26px 14px 12px;
  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(6, 4, 1, .9));
  font-family: var(--font-d);
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #f0e2c4;
}
.gal-cap i {
  display: block;
  font-style: normal;
  font-size: .64rem;
  letter-spacing: .12em;
  color: var(--nug-bright);
  margin-top: 3px;
}
.episodes {
  background:
    linear-gradient(
      180deg,
      #160c04,
      #241408 45%,
      #160c04);
  padding: clamp(56px, 11vw, 130px) clamp(16px, 5vw, 70px);
}
.episodes::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .35;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(0, 0, 0, .22) 0 2px,
      transparent 2px 118px),
    repeating-linear-gradient(
      180deg,
      rgba(255, 190, 110, .035) 0 1px,
      transparent 1px 7px);
}
.episodes .sec-head h2 {
  color: #fff;
}
.ep-grid {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
  gap: 22px;
}
.ep-card {
  background: rgba(10, 6, 2, .62);
  border: 1px solid rgba(246, 234, 210, .12);
  border-radius: 18px;
  overflow: hidden;
  transition:
    transform .4s cubic-bezier(.2, .8, .3, 1),
    border-color .4s,
    box-shadow .4s;
}
.ep-card:hover {
  transform: translateY(-8px);
  border-color: rgba(184, 232, 50, .45);
  box-shadow: 0 26px 54px rgba(0, 0, 0, .55);
}
.ep-card.feature {
  grid-column: span 2;
}
.ep-media {
  position: relative;
  aspect-ratio: 16/9;
  background: #000;
  cursor: pointer;
  overflow: hidden;
}
.ep-media iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.ep-thumb {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform .6s, filter .4s;
  filter: saturate(.95) brightness(.86);
}
.ep-card:hover .ep-thumb {
  transform: scale(1.06);
  filter: saturate(1.1) brightness(1);
}
.ep-play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}
.ep-play i {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-style: normal;
  background: rgba(216, 52, 43, .94);
  color: #fff;
  font-size: 1.4rem;
  padding-left: 5px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .6);
  transition: transform .35s;
}
.ep-card:hover .ep-play i {
  transform: scale(1.12);
}
.ep-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  background: var(--nug-bright);
  color: #16230a;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: .66rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 5px 11px;
  border-radius: 99px;
}
.ep-body {
  padding: 18px 18px 22px;
}
.ep-meta {
  font-size: .68rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--nug-bright);
  font-weight: 800;
  margin-bottom: 8px;
}
.ep-body h3 {
  font-family: var(--font-d);
  font-size: clamp(1.1rem, 3.4vw, 1.28rem);
  font-weight: 700;
  margin-bottom: 8px;
  color: #fff;
}
.ep-body p {
  font-size: .88rem;
  color: #bcab89;
  line-height: 1.6;
}
.ep-link {
  display: inline-block;
  margin-top: 14px;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--nug-bright);
  transition: transform .3s, color .3s;
}
.ep-link:hover {
  color: var(--nug-glow);
  transform: translateX(4px);
}
.ep-more {
  text-align: center;
  margin-top: 38px;
}
.ep-card.soon {
  opacity: .9;
}
.soon-media {
  cursor: default;
  display: grid;
  place-items: center;
}
.soon-badge {
  background: rgba(246, 234, 210, .16);
  color: #f0e2c4;
}
.soon-art {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background:
    radial-gradient(
      60% 60% at 50% 40%,
      rgba(168, 217, 34, .14),
      transparent 70%),
    linear-gradient(
      165deg,
      #1b2708,
      #080c02);
}
.soon-bud {
  width: 64px;
  height: 70px;
  border-radius: 48% 48% 44% 44%/56% 56% 44% 44%;
  position: relative;
  background:
    radial-gradient(
      circle at 30% 24%,
      rgba(255, 255, 255, .35) 0 9%,
      transparent 10%),
    linear-gradient(
      165deg,
      #a9d13c,
      #4e7a0c);
  box-shadow: inset 0 -8px 16px rgba(0, 0, 0, .35), 0 12px 26px rgba(0, 0, 0, .5);
  animation: sproutFloat 6s ease-in-out infinite;
  opacity: .65;
}
.soon-bud::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 38px;
  height: 15px;
  border-radius: 20px 20px 4px 4px;
  background:
    linear-gradient(
      90deg,
      var(--cap-red) 0 33%,
      var(--cap-yellow) 33% 66%,
      var(--cap-blue) 66% 100%);
}
.soon-tag {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 2;
  font-family: var(--font-d);
  font-weight: 800;
  font-size: .64rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #c9b894;
  background: rgba(0, 0, 0, .6);
  padding: 5px 10px;
  border-radius: 99px;
}
.family {
  background:
    radial-gradient(
      60% 50% at 50% 0%,
      rgba(255, 150, 50, .10),
      transparent 60%),
    linear-gradient(
      180deg,
      #0f0803,
      #130b04);
  padding: clamp(56px, 11vw, 130px) clamp(16px, 5vw, 70px);
}
.family .kicker {
  color: var(--nug-bright);
}
.family .sec-head h2 {
  color: #fff;
}
.fam-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.fam-dots {
  display: none;
}
.fam-card {
  position: relative;
  border-radius: 22px;
  padding: 26px 20px 24px;
  cursor: pointer;
  overflow: hidden;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .05),
      rgba(0, 0, 0, .4));
  border: 1px solid rgba(246, 234, 210, .12);
  transition:
    transform .45s cubic-bezier(.2, .8, .3, 1),
    box-shadow .45s,
    border-color .45s;
  min-height: 390px;
  display: flex;
  flex-direction: column;
}
.fam-card:hover,
.fam-card.open {
  transform: translateY(-10px);
  border-color: var(--c);
  box-shadow: 0 28px 60px rgba(0, 0, 0, .6);
}
.fam-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: var(--c);
  opacity: .8;
}
.fam-av {
  width: 118px;
  height: 130px;
  margin: 0 auto 18px;
  position: relative;
  transition: transform .5s cubic-bezier(.2, .8, .3, 1);
}
.fam-av.has-img {
  width: 100%;
  height: 172px;
  margin-bottom: 16px;
}
.fam-card:hover .fam-av {
  transform: translateY(-4px) rotate(-3deg) scale(1.05);
}
.fam-card:hover .fam-av.has-img {
  transform: translateY(-5px) scale(1.04);
}
.fam-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .55));
}
.fam-av.has-img .fam-body,
.fam-av.has-img .fam-cap {
  display: none;
}
.fam-body {
  position: absolute;
  inset: 0;
  border-radius: 50% 50% 46% 46%/56% 56% 44% 44%;
  background:
    radial-gradient(
      circle at 28% 22%,
      rgba(255, 255, 255, .35) 0 7%,
      transparent 8%),
    radial-gradient(
      circle at 66% 30%,
      rgba(255, 255, 255, .2) 0 6%,
      transparent 7%),
    radial-gradient(
      circle at 24% 62%,
      rgba(0, 0, 0, .18) 0 8%,
      transparent 9%),
    radial-gradient(
      circle at 72% 66%,
      rgba(0, 0, 0, .16) 0 8%,
      transparent 9%),
    linear-gradient(
      165deg,
      var(--c1),
      var(--c2));
  box-shadow:
    inset 0 -12px 22px rgba(0, 0, 0, .35),
    inset 0 10px 18px rgba(255, 255, 255, .2),
    0 12px 26px rgba(0, 0, 0, .45);
}
.fam-cap {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 78px;
  height: 34px;
  border-radius: 38px 38px 6px 6px;
  background:
    linear-gradient(
      90deg,
      var(--cap-red) 0 33%,
      var(--cap-yellow) 33% 66%,
      var(--cap-blue) 66% 100%);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .45);
}
.fam-cap::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: -14px;
  width: 60px;
  height: 9px;
  border-radius: 9px;
  background: #1f7a2e;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
}
.fam-cap i {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  width: 34px;
  height: 5px;
  border-radius: 4px;
  background: #2b6fd6;
  animation: spin 2.6s linear infinite;
  transform-origin: center;
}
@keyframes spin {
  to {
    transform: translateX(-50%) rotate(360deg);
  }
}
.fam-eyes {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 9px;
}
.fam-eyes b {
  width: 26px;
  height: 29px;
  border-radius: 50%;
  background: #fff;
  position: relative;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
  display: block;
}
.fam-eyes b::after {
  content: "";
  position: absolute;
  top: 24%;
  left: 24%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #12100c;
}
.fam-eyes b::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 28%;
  left: 30%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #fff;
}
.fam-card:hover .fam-eyes b::after {
  animation: look 1.4s ease-in-out infinite;
}
@keyframes look {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
}
.fam-cheek {
  position: absolute;
  top: 56%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
}
.fam-cheek s {
  width: 15px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255, 120, 120, .55);
  text-decoration: none;
  display: block;
  filter: blur(1px);
}
.fam-mouth {
  position: absolute;
  top: 66%;
  left: 50%;
  transform: translateX(-50%);
  width: 22px;
  height: 11px;
  border-radius: 0 0 22px 22px;
  background: #2b1a10;
  transition: height .3s, width .3s;
}
.fam-card:hover .fam-mouth {
  height: 16px;
  width: 28px;
}
.fam-name {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: 1.3rem;
  text-align: center;
  color: #fff;
  margin-bottom: 3px;
}
.fam-role {
  text-align: center;
  font-size: .68rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--c);
  font-weight: 800;
  margin-bottom: 12px;
}
.fam-desc {
  font-size: .86rem;
  color: #bcab89;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 12px;
}
.fam-more {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease, opacity .4s;
  opacity: 0;
  margin-top: auto;
}
.fam-card.open .fam-more {
  max-height: 200px;
  opacity: 1;
}
.fam-traits {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  padding-top: 10px;
  border-top: 1px dashed rgba(246, 234, 210, .18);
}
.fam-traits em {
  font-style: normal;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 99px;
  background: rgba(255, 255, 255, .08);
  color: #e2d5b8;
}
.fam-hint {
  text-align: center;
  font-size: .68rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #7d6f56;
  margin-top: 10px;
}
.fam-card.open .fam-hint {
  opacity: 0;
}
.community {
  background:
    linear-gradient(
      180deg,
      #0b1102,
      #101a03);
  padding: clamp(56px, 11vw, 120px) clamp(16px, 5vw, 70px);
}
.com-inner {
  max-width: 1180px;
  margin: 0 auto;
}
.com-head {
  text-align: center;
  margin-bottom: 40px;
}
.com-head h2 {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(1.9rem, 7vw, 3.6rem);
  color: #fff;
}
.com-sub {
  display: inline-block;
  margin-top: 14px;
  color: #3b2a0c;
  font-weight: 700;
  font-style: italic;
  font-size: .95rem;
  background:
    linear-gradient(
      180deg,
      var(--gold-lite),
      var(--gold) 55%,
      var(--gold-deep));
  padding: 7px 26px;
  max-width: 100%;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .45), inset 0 2px 0 rgba(255, 255, 255, .45);
}
.com-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(270px, 100%), 1fr));
  gap: 18px;
}
.com-card {
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 26px 22px;
  border-radius: 20px;
  background: rgba(0, 0, 0, .42);
  border: 1px solid rgba(246, 234, 210, .12);
  transition:
    transform .4s cubic-bezier(.2, .8, .3, 1),
    border-color .4s,
    background .4s;
}
.com-card:hover {
  transform: translateY(-8px);
  border-color: rgba(184, 232, 50, .5);
  background: rgba(184, 232, 50, .06);
}
.cc-ico {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font-size: 1.4rem;
  margin-bottom: 10px;
  background:
    linear-gradient(
      180deg,
      var(--nug),
      var(--nug-deep));
}
.cc-ico svg {
  width: 28px;
  height: 28px;
}
.com-card.ig .cc-ico {
  background:
    linear-gradient(
      135deg,
      #f9a03f,
      #d6336c 55%,
      #7b2ff7);
}
.com-card.yt .cc-ico {
  background:
    linear-gradient(
      180deg,
      #e94b3f,
      #b8231a);
}
.com-card b {
  font-family: var(--font-d);
  font-size: 1.28rem;
  color: #fff;
}
.com-card i {
  font-style: normal;
  font-size: .86rem;
  color: #b9a884;
  line-height: 1.55;
}
.cc-go {
  margin-top: auto;
  padding-top: 14px;
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--nug-bright);
}
.nl-row {
  display: flex;
  gap: 8px;
  margin-top: 14px;
  flex-wrap: wrap;
}
.nl-row input {
  flex: 1 1 140px;
  min-width: 0;
  background: rgba(0, 0, 0, .5);
  border: 1px solid rgba(246, 234, 210, .2);
  border-radius: 12px;
  padding: 12px 14px;
  color: var(--cream);
  font-family: var(--font-b);
  font-size: 16px;
  outline: none;
  transition: border-color .3s;
}
.nl-row input:focus {
  border-color: var(--nug-bright);
}
.nl-row button {
  background:
    linear-gradient(
      180deg,
      var(--nug-bright),
      var(--nug-deep));
  color: #16230a;
  border: 0;
  border-radius: 12px;
  padding: 12px 20px;
  font-family: var(--font-d);
  font-weight: 800;
  cursor: pointer;
  transition: transform .25s;
}
.nl-row button:hover {
  transform: translateY(-2px);
}
.nl-ok {
  font-size: .8rem;
  color: var(--nug-bright);
  font-weight: 700;
  margin-top: 10px;
  opacity: 0;
  transform: translateY(-4px);
  transition: .4s;
}
.nl-ok.show {
  opacity: 1;
  transform: none;
}
.foot {
  background: #0a0602;
  padding: clamp(44px, 7vw, 80px) clamp(16px, 5vw, 70px) 34px;
  border-top: 1px solid rgba(184, 232, 50, .16);
}
.foot-top {
  max-width: 1180px;
  margin: 0 auto 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 34px;
  justify-content: space-between;
}
.foot-brand {
  display: flex;
  gap: 16px;
  align-items: center;
  max-width: 380px;
}
.foot-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.foot-social .soc {
  width: auto;
  height: auto;
  border-radius: 999px;
  padding: 7px 13px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: .76rem;
  font-weight: 800;
}
.foot-social .soc svg {
  width: 17px;
  height: 17px;
}
.foot-brand strong {
  display: block;
  font-family: var(--font-d);
  font-weight: 800;
  letter-spacing: .1em;
  font-size: 1.45rem;
  color: var(--nug-bright);
  -webkit-text-stroke: 1px #16260a;
  paint-order: stroke fill;
  text-shadow: 0 2px 0 #2c4a06;
}
.foot-brand em {
  display: inline-block;
  margin-top: 4px;
  font-size: .68rem;
  color: #3b2a0c;
  font-style: italic;
  font-weight: 700;
  background:
    linear-gradient(
      180deg,
      var(--gold-lite),
      var(--gold));
  padding: 3px 12px;
  clip-path: polygon(6px 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 6px 100%, 0 50%);
}
.foot-strip {
  max-width: 1180px;
  margin: 0 auto 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
  gap: 18px;
  padding: 20px 0;
  border-top: 1px solid rgba(168, 217, 34, .18);
  border-bottom: 1px solid rgba(168, 217, 34, .18);
  text-align: center;
}
.foot-strip div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
}
.fs-k {
  font-size: .64rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 900;
  color: #8d7d61;
}
.fs-k.green {
  color: var(--nug-bright);
}
.foot-strip b {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: 1.02rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #f0e2c4;
}
.foot-strip i {
  font-style: normal;
  font-size: .74rem;
  color: #a8977a;
  line-height: 1.5;
}
.foot-strip i.green {
  color: var(--nug-bright);
  font-weight: 700;
}
.foot-cols {
  display: flex;
  gap: clamp(24px, 6vw, 72px);
  flex-wrap: wrap;
}
.foot-cols h4 {
  font-family: var(--font-d);
  font-size: .8rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #f0e2c4;
  margin-bottom: 12px;
}
.foot-cols a {
  display: block;
  font-size: .86rem;
  color: #a8977a;
  margin-bottom: 8px;
  transition: color .25s, transform .25s;
}
.foot-cols a:hover {
  color: var(--nug-bright);
  transform: translateX(3px);
}
.foot-note {
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 22px;
  border-top: 1px solid rgba(246, 234, 210, .1);
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  font-size: .74rem;
  color: #7f7159;
  line-height: 1.6;
}
.foot-domain {
  color: var(--nug-bright);
  font-weight: 800;
  letter-spacing: .05em;
  transition: color .25s;
}
.foot-domain:hover {
  color: var(--nug-glow);
  text-decoration: underline;
}
.foot-domain-band {
  max-width: 1180px;
  margin: 24px auto 0;
  padding: 16px 18px;
  border-radius: 14px;
  text-align: center;
  background:
    linear-gradient(
      180deg,
      rgba(168, 217, 34, .09),
      rgba(0, 0, 0, .35));
  border: 1px solid rgba(168, 217, 34, .25);
}
.fdb-k {
  display: block;
  font-size: .62rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 900;
  color: #8d7d61;
  margin-bottom: 6px;
}
.fdb-d {
  font-family: var(--font-d);
  font-weight: 800;
  font-size: clamp(1.05rem, 4.4vw, 1.7rem);
  letter-spacing: .05em;
  color: var(--nug-bright);
  -webkit-text-stroke: 1px #16260a;
  paint-order: stroke fill;
  text-shadow: 0 3px 0 #2d4a07, 0 0 26px rgba(168, 217, 34, .35);
  transition: filter .3s, transform .3s;
  display: inline-block;
  word-break: break-word;
}
.fdb-d:hover {
  filter: brightness(1.12);
  transform: translateY(-2px);
}
.reveal {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity .9s cubic-bezier(.2, .8, .3, 1), transform .9s cubic-bezier(.2, .8, .3, 1);
}
.reveal.in {
  opacity: 1;
  transform: none;
}
@media (max-width: 980px) {
  .plush-inner {
    grid-template-columns: 1fr;
  }
  .plush-show {
    min-height: auto;
    order: -1;
  }
  .ep-card.feature {
    grid-column: span 1;
  }
  .dont-miss {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .clip-badge {
    width: 104px;
    height: 104px;
    right: 0;
  }
  .clip-badge span {
    font-size: .62rem;
  }
  .table-lighter {
    left: 52%;
    bottom: 32%;
  }
  .layer-room {
    background-size: cover;
    background-position: center 42%;
  }
}
@media (max-width: 900px) {
  .fam-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .fam-grid {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 4px clamp(16px, 6vw, 40px) 8px;
    margin: 0 calc(clamp(16px, 5vw, 70px) * -1);
  }
  .fam-grid::-webkit-scrollbar {
    display: none;
  }
  .fam-card {
    flex: 0 0 min(78vw, 320px);
    scroll-snap-align: center;
    min-height: 0;
  }
  .fam-av.has-img {
    height: 200px;
  }
  .fam-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
  }
  .fam-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    background: rgba(246, 234, 210, .26);
    transition: background .3s, transform .3s;
  }
  .fam-dots button.on {
    background: var(--nug-bright);
    transform: scale(1.4);
  }
  .burger {
    display: flex;
  }
  .nav {
    padding: 12px 16px;
  }
  .nav-links {
    position: fixed;
    top: 0;
    right: 0;
    height: 100svh;
    width: min(80vw, 320px);
    flex-direction: column;
    justify-content: center;
    gap: 22px;
    background: rgba(14, 9, 4, .97);
    backdrop-filter: blur(16px);
    transform: translateX(100%);
    transition: transform .45s cubic-bezier(.2, .8, .3, 1);
    border-left: 1px solid rgba(184, 232, 50, .2);
    overflow-y: auto;
    padding: 80px 24px 40px;
    z-index: 110;
  }
  .nav-links.open {
    transform: none;
  }
  .nav-links a {
    font-size: 1.02rem;
  }
  .nav-cta {
    align-self: flex-start;
  }
  .nav-social {
    order: -1;
    margin-bottom: 6px;
  }
  .hero {
    align-items: center;
    min-height: auto;
    padding: 110px 0 60px;
  }
  .hero-stage {
    position: absolute;
    inset: 0;
  }
  .hero-copy {
    padding-bottom: 0;
    padding-top: 0;
    max-width: 100%;
  }
  .hero-btns {
    flex-direction: column;
    align-items: stretch;
  }
  .hero-btns .btn {
    width: 100%;
  }
  .table-lighter {
    left: 50%;
    bottom: 34%;
    width: clamp(30px, 8.4vw, 42px);
  }
  .hero-badges {
    align-items: flex-start;
  }
  .build-btns .btn {
    width: 100%;
  }
  .scroll-hint {
    display: none;
  }
  .foot-top {
    flex-direction: column;
  }
  .foot-cols {
    gap: 28px;
  }
  .ct-main {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  .ct-pct {
    align-items: flex-start;
    text-align: left;
  }
  .ct-foot .btn {
    width: 100%;
  }
  .plush-actions {
    align-items: stretch;
  }
  .plush-actions .btn {
    width: 100%;
  }
  .marquee-track {
    gap: 28px;
  }
  .marquee-track span {
    gap: 28px;
    font-size: .8rem;
  }
}
@media (max-width: 480px) {
  .fam-av {
    width: 104px;
    height: 116px;
  }
  .fam-av.has-img {
    width: 100%;
    height: 186px;
  }
  .tiers {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .tier {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: 12px 14px;
  }
  .tier .tr-s {
    display: none;
  }
  .gal-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .feat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .ct-stats {
    grid-template-columns: 1fr;
  }
  .fam-card {
    min-height: 0;
    flex-basis: min(84vw, 300px);
  }
  .limited-band {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .lb-r {
    margin-left: 0;
  }
  .foot-note {
    flex-direction: column;
    gap: 8px;
  }
  .clip-badge {
    width: 88px;
    height: 88px;
    bottom: -10px;
  }
  .clip-badge span {
    font-size: .55rem;
    padding: 0 8px;
  }
  .plush-tag {
    font-size: .66rem;
    padding: 6px 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .fl,
  .mote,
  .ws,
  .ember,
  .marquee-track,
  .table-lighter,
  .tl-float,
  .tl-halo,
  .tl-flame,
  .tl-flame span,
  .sprout,
  .clip-badge,
  .soon-bud,
  .layer-room,
  .layer-warm,
  .layer-cool {
    animation: none;
  }
  .tl-tilt {
    transition: none;
  }
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}