.latest-section { padding: 18px 0 82px; }

.latest-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

.latest-head h2 {
  margin: 5px 0 0;
  font-size: clamp(2.5rem, 6vw, 5rem);
  line-height: .9;
  letter-spacing: -.06em;
}

.latest-head p {
  max-width: 520px;
  color: #a9a59e;
}

.release-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.release-card {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 30px;
  background: #111;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .30);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.release-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 255, 255, .19);
  box-shadow: 0 32px 100px rgba(0, 0, 0, .42);
}

.release-card img,.release-card video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.release-card video{pointer-events:none}

.release-card-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .03) 30%, rgba(0, 0, 0, .28) 62%, rgba(0, 0, 0, .94) 100%);
}

.release-card-copy {
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  padding: 28px;
}

.release-card-copy small {
  display: block;
  margin-bottom: 8px;
  color: #c2bdb4;
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.release-card-copy strong {
  display: block;
  font-size: clamp(1.9rem, 3.4vw, 3.35rem);
  line-height: .9;
  letter-spacing: -.05em;
}

.release-card-copy p {
  margin: 12px 0 0;
  max-width: 44ch;
  color: #d1ccc3;
}

.release-card.pulse-uprising,.release-card.pick-you-first,.release-card.level-up,.release-card.heavy-collection {
  grid-column: 1 / -1;
  min-height: 650px;
}

.release-card.heavy-collection {
  background:
    radial-gradient(circle at 72% 26%, rgba(104,119,170,.23), transparent 25rem),
    radial-gradient(circle at 26% 72%, rgba(61,72,105,.18), transparent 30rem),
    linear-gradient(155deg,#161a27,#080a10 72%);
}
.release-card.heavy-collection:before {
  content:"";
  position:absolute;
  inset:-15% 0 0;
  opacity:.34;
  background:repeating-linear-gradient(104deg,transparent 0 28px,rgba(205,216,255,.13) 29px,transparent 31px 52px);
  transform:skewX(-8deg);
}
.release-card.heavy-collection:after {
  content:"";
  position:absolute;
  width:min(48vw,540px);
  height:min(48vw,540px);
  right:-4%;
  top:4%;
  border-radius:50%;
  border:1px solid rgba(190,201,238,.12);
  box-shadow:0 0 0 70px rgba(190,201,238,.025),0 0 0 140px rgba(190,201,238,.018);
}
.release-card.heavy-collection .release-card-shade {
  background:linear-gradient(90deg,rgba(7,9,15,.95) 0%,rgba(7,9,15,.68) 45%,rgba(7,9,15,.18) 78%),linear-gradient(180deg,rgba(7,9,15,.03) 25%,rgba(7,9,15,.32) 68%,rgba(7,9,15,.97) 100%);
}
.release-card.heavy-collection .release-card-copy { max-width:760px; }
.release-card.heavy-collection small { color:#bac6ec; }
.release-card.heavy-collection .heavy-count {
  position:absolute;
  z-index:2;
  top:50%;
  right:9%;
  transform:translateY(-55%);
  text-align:right;
  color:rgba(235,239,255,.82);
}
.release-card.heavy-collection .heavy-count b {
  display:block;
  font-size:clamp(4.5rem,10vw,9rem);
  line-height:.78;
  letter-spacing:-.08em;
}
.release-card.heavy-collection .heavy-count span {
  display:block;
  margin-top:12px;
  font-size:.73rem;
  font-weight:850;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#9da7c7;
}

.release-card.pulse-uprising {
  background: radial-gradient(circle at 72% 32%, rgba(116, 95, 255, .38), transparent 24rem), radial-gradient(circle at 22% 72%, rgba(77, 205, 231, .20), transparent 28rem), linear-gradient(155deg, #11152a, #08090e 72%);
}
.release-card.pulse-uprising:before,.release-card.pulse-uprising:after {
  content: "";
  position: absolute;
  left: 67%;
  top: 41%;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(163, 149, 255, .55);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 70px rgba(116,95,255,.18);
}
.release-card.pulse-uprising:after { width: 330px; height: 330px; border-color: rgba(77,205,231,.20); }
.release-card.pulse-uprising .pulse-card-art {
  position: absolute;
  z-index: 1;
  left: 67%;
  top: 41%;
  width: 132px;
  height: 132px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle at 35% 30%, #d2caff, #735cff 45%, #302779 100%);
  box-shadow: 0 0 60px rgba(117,92,255,.6);
}
.release-card.pulse-uprising .pulse-card-art:after {
  content: "▶";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding-left: 5px;
  font-size: 2.4rem;
  color: #fff;
}
.release-card.pulse-uprising .release-card-shade { background: linear-gradient(90deg, rgba(7,8,13,.92) 0%, rgba(7,8,13,.64) 43%, rgba(7,8,13,.14) 74%), linear-gradient(180deg, rgba(7,8,13,.02) 25%, rgba(7,8,13,.32) 67%, rgba(7,8,13,.96) 100%); }
.release-card.pulse-uprising .release-card-copy { max-width: 760px; }
.release-card.pulse-uprising small { color: #b9afff; }

.release-card.pick-you-first{background:linear-gradient(160deg,#3a302d,#0c0b0b 72%)}
.release-card.pick-you-first video{object-position:center}
.release-card.pick-you-first .release-card-shade{background:linear-gradient(90deg,rgba(8,8,8,.88) 0%,rgba(8,8,8,.46) 42%,rgba(8,8,8,.12) 74%),linear-gradient(180deg,rgba(8,8,8,.03) 28%,rgba(8,8,8,.30) 66%,rgba(8,8,8,.95) 100%)}
.release-card.pick-you-first .release-card-copy{max-width:760px}
.release-card.pick-you-first small{color:#f3c9c2}

.release-card.level-up {
  background: radial-gradient(circle at 74% 24%, rgba(243, 178, 75, .23), transparent 28rem), linear-gradient(160deg, #23160c, #090b0d 68%);
}

.release-card.level-up .release-card-shade {
  background: linear-gradient(90deg, rgba(8, 9, 10, .92) 0%, rgba(8, 9, 10, .57) 41%, rgba(8, 9, 10, .08) 74%), linear-gradient(180deg, rgba(5, 6, 7, .03) 30%, rgba(5, 6, 7, .20) 64%, rgba(5, 6, 7, .91) 100%);
}

.release-card.level-up img { object-position: 50% 54%; }
.release-card.level-up .release-card-copy { max-width: 720px; }
.release-card.level-up small { color: #f2c678; }

.release-card.back-to-sticks {
  background: radial-gradient(circle at 50% 27%, rgba(172, 213, 117, .25), transparent 27rem), linear-gradient(160deg, #172617, #080d08 68%);
}

.release-card.back-to-sticks .release-card-shade {
  background: linear-gradient(180deg, rgba(5, 12, 6, .01) 28%, rgba(5, 12, 6, .18) 52%, rgba(5, 12, 6, .96) 100%);
}

.release-card.back-to-sticks small { color: #c9e59f; }
.release-card.back-to-sticks img { object-position: 50% 48%; }

.release-card.funhouse {
  background: radial-gradient(circle at 50% 27%, rgba(255, 78, 176, .34), transparent 27rem), linear-gradient(160deg, #2c062f, #09050b 68%);
}

.release-card.funhouse .release-card-shade {
  background: linear-gradient(180deg, rgba(10, 0, 14, .02) 28%, rgba(10, 0, 14, .20) 53%, rgba(10, 0, 14, .96) 100%);
}

.release-card.funhouse small { color: #ffd27b; }

.release-card.namaste {
  background: radial-gradient(circle at 50% 27%, rgba(230, 161, 66, .30), transparent 27rem), linear-gradient(160deg, #2c170b, #0b0907 68%);
}

.release-card.namaste .release-card-shade {
  background: linear-gradient(180deg, rgba(11, 7, 4, .02) 30%, rgba(11, 7, 4, .22) 54%, rgba(11, 7, 4, .95) 100%);
}

.release-card.namaste small { color: #d6ad73; }
.release-card.fabric-card img { object-position: center; }

.release-tag {
  position: absolute;
  z-index: 3;
  top: 20px;
  right: 20px;
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(8, 8, 8, .54);
  backdrop-filter: blur(12px);
  color: #e0dbd2;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.release-story-state {
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 20px;
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(8, 8, 8, .68);
  backdrop-filter: blur(12px);
  color: #e0dbd2;
  font-size: .64rem;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.release-story-state.is-coming {
  border-color: rgba(215, 178, 102, .42);
  color: #e3c27e;
}

@media (max-width: 1040px) {
  .release-grid { grid-template-columns: 1fr 1fr; }
  .release-card.funhouse img { object-position: 50% 44%; }
}

@media (max-width: 820px) {
  .latest-section { padding: 0 0 64px; }
  .latest-head { align-items: start; flex-direction: column; }
  .release-grid { grid-template-columns: 1fr; }
  .release-card { min-height: 74svh; max-height: 760px; }
  .release-card.pulse-uprising,.release-card.pick-you-first,.release-card.level-up,.release-card.heavy-collection { grid-column: auto; min-height: 78svh; }
  .release-card.pulse-uprising .release-card-shade,.release-card.pick-you-first .release-card-shade,.release-card.level-up .release-card-shade,.release-card.heavy-collection .release-card-shade { background: linear-gradient(180deg, rgba(5, 6, 7, .04) 26%, rgba(5, 6, 7, .23) 53%, rgba(5, 6, 7, .96) 100%); }
  .release-card.pulse-uprising:before,.release-card.pulse-uprising:after,.release-card.pulse-uprising .pulse-card-art { left: 50%; top: 34%; }
  .release-card.heavy-collection .heavy-count { top:31%; right:24px; }
  .release-card.heavy-collection .heavy-count b { font-size:clamp(5.3rem,24vw,8.4rem); }
  .release-card-copy { padding: 24px; }
  .release-card-copy strong { font-size: clamp(2.4rem, 10vw, 4.2rem); }
}