/* Minimal professional drilling accents — light site, no heavy industrial theme */

/* Do NOT set display on .nav-actions here — that breaks the mobile hamburger
   hide/show in styles.css (this file loads later and was forcing display:flex). */
.nav-inner-split {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}
.btn-sm {
  padding: 0.45rem 0.9rem;
  font-size: 0.8rem;
  min-height: 2.2rem;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
}

/* Soft topo contours behind hero art */
.hero-topo {
  position: absolute;
  right: 0;
  top: 0;
  width: min(55vw, 560px);
  height: 100%;
  pointer-events: none;
  opacity: 1;
}

/* Line-art drill mast — restrained, brand purple + gold */
.hero-drill {
  position: absolute;
  right: max(6%, 1.5rem);
  top: 50%;
  transform: translateY(-48%);
  width: min(12vw, 110px);
  height: auto;
  max-height: 58%;
  pointer-events: none;
  opacity: 0.9;
  filter: drop-shadow(0 8px 20px rgba(17, 24, 39, 0.06));
}

/* Core tray strip — thin geological accent under hero */
.core-accent {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  height: 10px;
  background: #fafafa;
  border-top: 1px solid rgba(17, 24, 39, 0.04);
  border-bottom: 1px solid rgba(17, 24, 39, 0.04);
  overflow: hidden;
}
.core-bit {
  display: block;
  height: 5px;
  width: 36px;
  border-radius: 1px;
  opacity: 0.75;
}
.core-bit.c1 { background: #8b7355; }
.core-bit.c2 { background: #c9a84c; }
.core-bit.c3 { background: #6b7280; }
.core-bit.c4 { background: #5b3ea5; opacity: 0.45; }

/* Slight breathing room so ICP tags don't collide with mast on mid widths */
@media (max-width: 900px) {
  .hero-drill {
    opacity: 0.35;
    right: 2%;
    width: 72px;
  }
  .hero-topo {
    opacity: 0.6;
  }
}
@media (max-width: 640px) {
  .hero-drill,
  .hero-topo {
    display: none;
  }
  /* Never hide buttons inside the mobile drawer — only compact the bar when closed.
     Hiding .btn-outline here made the open menu look broken / incomplete. */
  html:not(.nav-open) .nav-actions .btn-outline.btn-mobile {
    /* keep Open app available in hamburger panel only */
  }
}