/* Plundr shares the existing project surfaces, with a little brass navigation. */
#projects .plundr-project { border-top-color: #bfa36e; }
.plundr-compass { width: 64px; height: 64px; flex: 0 0 64px; fill: none; stroke: #bda574; stroke-width: 1; opacity: .8; }
.plundr-compass .compass-needle { fill: #bda574; }
.plundr-star-route { position: relative; height: 96px; margin: 24px 0; overflow: hidden; border-block: 1px solid var(--line); pointer-events: none; }
.plundr-star-route svg { position: absolute; inset: 8px 0; width: 100%; height: 72px; fill: none; stroke: #77b7cb; stroke-width: 1; opacity: .3; }
.plundr-star-route svg > path:first-child { stroke-dasharray: 3 8; }
.plundr-star-route svg g { fill: #abd7e4; stroke: none; }
.plundr-star-route span { position: absolute; bottom: 6px; color: var(--muted); font-size: 7px; letter-spacing: .12em; }
.plundr-star-route span:last-child { right: 0; }
#projects .plundr-project .showcase-footer { padding-top: 0; }
@media (max-width: 760px) {
  .plundr-star-route { display: none; }
  #projects .plundr-project .showcase-footer { margin-top: 24px; padding-top: 23px; border-top: 1px solid var(--line); }
}
@media (max-width: 560px) { .plundr-compass { width: 42px; height: 42px; flex-basis: 42px; } }
@media print, (forced-colors: active) { .plundr-star-route, .plundr-compass { display: none; } }