/* A cinematic release accent; the realistic Earth and exploration remain the focus. */
.clean-home .platform-release {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: calc(100% - 80px);
  max-width: 1360px;
  margin: 0 auto 68px;
  border: 1px solid #a8d2c433;
  border-radius: 16px;
  background: #060d16;
  scroll-margin-top: 30px;
}
.release-art {
  position: absolute;
  inset: 0 0 0 auto;
  width: 76%;
  z-index: -1;
  pointer-events: none;
}
.release-art picture, .release-art img { display: block; width: 100%; height: 100%; }
.release-art img { object-fit: cover; object-position: right center; }
.release-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #060d16 0%, #060d16e8 14%, #060d1655 42%, transparent 66%);
}
.release-copy { width: 56%; padding: 46px 0 42px 48px; }
.release-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 22px; color: #aacbbf; font: 9px/1.6 ui-monospace, monospace; letter-spacing: .16em; }
.release-eyebrow span { color: #c1eedb; border: 1px solid #b2ecd536; border-radius: 4px; padding: 4px 7px; background: #94d9be0c; }
.release-copy h2 { margin: 0 0 20px; color: #edf2f3; font-size: clamp(33px, 3.6vw, 49px); font-weight: 520; letter-spacing: -.045em; line-height: 1.09; }
.release-copy h2 em { color: #b8ead7; font-weight: 400; font-family: Georgia, "Times New Roman", serif; font-style: italic; }
.release-description { max-width: 385px; margin: 0 0 24px; color: #b2c4cd; font-size: 13px; line-height: 1.85; text-wrap: pretty; }
.release-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 22px; }
.release-actions a { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 46px; font-size: 11px; }
.release-actions .primary { color: #102b22; background: #c0e9d9; border-color: #c0e9d9; border-radius: 7px; padding: 12px 18px; }
.release-actions .primary:hover { background: #d8f5e8; }
.release-fund-link { color: #d1e4dc; border-bottom: 1px solid #a6d5c544; }
.release-fund-link:hover { color: #fff; border-color: #c0e9d9; }
.release-tags { display: flex; flex-wrap: wrap; gap: 8px 20px; list-style: none; padding: 0; margin: 26px 0 0; color: #91aaaF; font: 8px/1.7 ui-monospace, monospace; letter-spacing: .035em; }
.release-tags li { display: flex; align-items: center; gap: 7px; }
.release-tags li::before { content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; background: #99c9b7; }
@media (max-width: 1100px) {
  .clean-home .platform-release { width: calc(100% - 56px); }
  .release-copy { width: 62%; padding-left: 34px; }
  .release-art { width: 80%; opacity: .88; }
  .release-art::after { background: linear-gradient(90deg, #060d16, #060d16ed 24%, #060d1670 55%, transparent 80%); }
}
@media (max-width: 700px) {
  .clean-home .platform-release { display: flex; flex-direction: column; width: calc(100% - 32px); margin-bottom: 43px; border-radius: 12px; }
  .release-art { position: relative; inset: auto; width: 100%; height: clamp(185px, 55vw, 320px); flex: none; opacity: 1; z-index: 0; }
  .release-art::after { background: linear-gradient(0deg, #060d16, transparent 36%); }
  .release-copy { position: relative; width: 100%; padding: 8px 25px 30px; }
  .release-eyebrow { font-size: 8px; margin-bottom: 19px; }
  .release-copy h2 { font-size: clamp(32px, 8.8vw, 44px); }
  .release-description { font-size: 13px; max-width: 430px; }
  .release-actions { gap: 10px 18px; }
  .release-actions a { font-size: 11px; }
  .release-tags { gap: 8px 14px; margin-top: 22px; }
}
@media (max-width: 370px) {
  .release-copy { padding-left: 21px; padding-right: 21px; }
  .release-eyebrow { font-size: 7px; gap: 9px; }
  .release-actions { align-items: flex-start; flex-direction: column; }
}