/* RESUME — embedded PDF viewer, download button, satellite link */

.resume-viewer {
  width: min(900px, 100%);
  height: min(1100px, 85vh);
  margin-bottom: 24px;
  background: #fff;
  border: 5px solid #000;
  border-radius: 18px;
  box-shadow: 5px 5px 0 #000;
  overflow: hidden;
}
.resume-viewer object { display: block; width: 100%; height: 100%; }

/* thick-outlined pill, same look as the nav portholes */
.resume-btn {
  display: inline-block;
  padding: 8px 20px;
  background: #fff;
  color: #000;
  border: 4px solid #000;
  border-radius: 999px;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background 0.2s ease;
}
.resume-btn:hover { background: var(--accent); }
.resume-btn:focus-visible,
#satellite:focus-visible { outline: 3px solid var(--accent2); outline-offset: 4px; }

/* ---------- satellite (floats beside the ship's nose, next to "contact") ---------- */
#satellite {
  --sat-w: clamp(84px, 9vw, 130px);
  position: absolute;
  left: calc(100% + 28px);
  top: calc(47% - var(--sat-w) * 0.28);
  width: var(--sat-w);
  display: block;
  pointer-events: auto;
  text-decoration: none;
  animation: sat-float 11s ease-in-out infinite;
}
#satellite img { display: block; width: 100%; height: auto; user-select: none; }
#satellite:hover { animation-play-state: paused; }

.sat-label {
  position: absolute;
  left: 50%; top: 100%;
  transform: translate(-50%, 8px);
  pointer-events: none;
  white-space: nowrap;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 15px;
  color: #fff;
  -webkit-text-stroke: 5px #000;
  paint-order: stroke fill;
}

@keyframes sat-float {
  0%, 100% { transform: translateY(0) rotate(-6deg); }
  50%      { transform: translateY(-16px) rotate(4deg); }
}
@media (prefers-reduced-motion: reduce) { #satellite { animation: none; } }

@media (max-width: 1020px) {
  #satellite { left: auto; right: 0; top: calc(100% + 36px); }
}

@media (max-width: 700px) {        /* phones use the dropdown menu's resume link */
  .resume-viewer { height: 70vh; }
}