/* 0.10.33 — direct project Launch actions without losing the detail-card link. */
.project-showcase{
  position:relative;
}

.project-card-detail-link{
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
}

.project-card-top,
.project-card-body,
.project-card-footer{
  position:relative;
  z-index:2;
  pointer-events:none;
}

.project-card-top{
  display:grid !important;
  grid-template-columns:1fr auto 1fr;
  align-items:start !important;
  gap:14px !important;
}

.project-card-mark{
  justify-self:start;
}

.project-card-status{
  justify-self:end;
}

.project-card-launch{
  position:relative;
  z-index:3;
  pointer-events:auto;
  align-self:start;
  justify-self:center;
  margin-top:3px;
  padding:9px 18px;
  border:1px solid #744326;
  border-radius:8px;
  background:linear-gradient(180deg,#ff8b32,#e96f13);
  color:#100b08;
  font-size:.68rem;
  font-weight:1000;
  letter-spacing:.11em;
  line-height:1;
  text-decoration:none;
  text-transform:uppercase;
  box-shadow:0 8px 24px rgba(233,111,19,.18);
  transition:transform .15s ease,filter .15s ease,box-shadow .15s ease;
}

.project-card-launch:hover,
.project-card-launch:focus-visible{
  transform:translateY(-2px);
  filter:brightness(1.08);
  box-shadow:0 12px 30px rgba(233,111,19,.28);
}

.project-card-launch:focus-visible,
.project-card-detail-link:focus-visible{
  outline:2px solid #ff9a4d;
  outline-offset:3px;
}

/* The four projects stay in the same two-by-two card layout. */
.project-showcase-grid .hardcore-project{
  grid-column:auto;
  min-height:505px;
}

.project-showcase-grid .hardcore-project .project-card-body{
  max-width:none;
}

@media(max-width:620px){
  .project-card-top{
    grid-template-columns:auto 1fr !important;
    grid-template-areas:
      "mark status"
      "launch launch";
    row-gap:12px !important;
  }
  .project-card-mark{grid-area:mark}
  .project-card-status{grid-area:status}
  .project-card-launch{grid-area:launch;margin-top:0;width:100%;text-align:center}
}