.rust-entry {
  display: grid;
  grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);
  min-height: 450px;
  margin-top: 68px;
  overflow: hidden;
  border-radius: var(--panel-radius, 22px);
  background: #17212c;
  color: #f4f3f0;
  font-family: 'Open Sans', sans-serif;
}

.rust-entry-art {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 450px;
  overflow: hidden;
  background: radial-gradient(circle at 50% 48%, #314356 0, #1c2c3a 48%, #17212c 78%);
}

.rust-entry-orbit {
  position: absolute;
  width: min(76%, 360px);
  aspect-ratio: 1;
  border: 1px solid #aeb9c344;
  border-radius: 50%;
  box-shadow: 0 0 0 36px #aeb9c30c, 0 0 0 72px #aeb9c308;
}

.rust-crab {
  position: relative;
  display: block;
  width: min(82%, 390px);
  height: auto;
  filter: drop-shadow(0 18px 22px #07101955);
}

.rust-entry-copy {
  display: grid;
  align-content: center;
  justify-items: start;
  padding: clamp(30px, 4vw, 62px);
}

.rust-entry-kicker {
  margin: 0 0 18px;
  font-size: .78rem;
  line-height: 1.5;
  color: #efaa84;
}

.rust-entry h2 {
  margin: 0;
  font-family: Montserrat, sans-serif;
  font-size: clamp(2.1rem, 3.8vw, 4.2rem);
  font-weight: 500;
  line-height: 1.09;
  letter-spacing: -.06em;
}

.rust-entry-copy > p:not(.rust-entry-kicker) {
  max-width: 54ch;
  margin: 22px 0 28px;
  color: #cbd5dd;
  line-height: 1.6;
}

.rust-entry-install {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  width: 100%;
  padding: 15px 0;
  border-block: 1px solid #65748777;
}

.rust-entry-install span { color: #b9c5d0; font-size: .78rem; }
.rust-entry-install code { color: #ffe0cb; font-size: .93rem; overflow-wrap: anywhere; }

.rust-entry-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px 16px;
  width: 100%;
  margin-top: 20px;
}

.rust-entry-links a {
  color: #f6c4a8;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  font-size: .91rem;
  line-height: 1.5;
}

.rust-entry-links a:hover { color: #fff0e7; }
.rust-entry-links a:focus-visible,
.github-core-strip a:focus-visible { outline: 3px solid #ee955f; outline-offset: 5px; }

.github h2 { font-size: clamp(2.4rem, 8.2vw, 9rem); }
.github h2 { font-family: Montserrat, sans-serif; }
.github-core-strip { font-family: 'Open Sans', sans-serif; }
.github-core-strip { align-items: center; }
.github-core-strip p { max-width: 620px; margin: 0; line-height: 1.5; }
.github-core-strip a {
  flex-shrink: 0;
  color: #173dba;
  font-weight: 700;
  text-underline-offset: 5px;
}
.github-core-strip a:hover { color: #082681; }

@media (max-width: 820px) {
  .rust-entry { grid-template-columns: 1fr; }
  .rust-entry-art { min-height: 290px; }
  .rust-crab { width: min(60%, 260px); }
  .rust-entry-copy { padding: 34px; }
  .github-core-strip { align-items: flex-start; }
}

@media (max-width: 500px) {
  .rust-entry { margin-top: 48px; }
  .rust-entry-art { min-height: 230px; }
  .rust-crab { width: min(62%, 240px); }
  .rust-entry-copy { padding: 26px 20px 30px; }
  .rust-entry h2 { font-size: clamp(2rem, 9vw, 3rem); }
  .rust-entry-links { grid-template-columns: 1fr; gap: 12px; }
  .github h2 { font-size: clamp(2.2rem, 8vw, 4rem); }
  .github-hero-link, .github h2 > .github-fallback { gap: 7px; overflow-wrap: anywhere; }
  .github-core-strip a { flex-shrink: 1; }
}

.text-enlarged .rust-entry { grid-template-columns: 1fr; }
.text-enlarged .rust-entry-art { min-height: 220px; }
.text-enlarged .rust-entry-copy { padding: 24px; }
.text-enlarged .rust-entry-install { flex-direction: column; }
.text-enlarged .github h2 { font-size: clamp(1.2rem, 6vw, 3.4rem); }
.text-enlarged .github-core-strip { flex-wrap: wrap; }