/* Shared controls for the dark redesign. Keep page layout and palette intact. */
.home-v2 .home-btn,
.about-v2 .about-btn,
.contact-v2 .submit-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:12px 22px;
  border-radius:12px;
  font-family:"DM Sans",Arial,sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.1em;
  text-decoration:none;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 8px rgba(0,0,0,.12);
  transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,transform 180ms ease;
}

.home-v2 .home-btn:not(.solid) {
  border-color:rgba(255,255,255,.3);
}

@media (hover:hover) and (pointer:fine) {
  .home-v2 .home-btn:hover,
  .about-v2 .about-btn:hover,
  .contact-v2 .submit-btn:hover {
    transform:translateY(-1px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 12px rgba(0,0,0,.18);
  }

  .home-v2 .home-btn:not(.solid):hover {
    border-color:rgba(255,255,255,.45);
  }
}

.home-v2 .home-btn:active,
.about-v2 .about-btn:active,
.contact-v2 .submit-btn:active {
  transform:translateY(0);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 1px 4px rgba(0,0,0,.12);
}

.home-v2 .home-btn:focus-visible,
.about-v2 .about-btn:focus-visible,
.contact-v2 .submit-btn:focus-visible,
.home-v2 .photo-tile:focus-visible,
.home-v2 .lightbox button:focus-visible {
  outline:2px solid #f4f1eb;
  outline-offset:4px;
}

/* Image controls retain their dimensions and placement. */
.home-v2 .photo-tile {
  border-radius:12px;
}

.home-v2 .lightbox button {
  border-radius:12px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(11,11,11,.8);
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}

@media (prefers-reduced-motion:reduce) {
  .home-v2 .home-btn,
  .about-v2 .about-btn,
  .contact-v2 .submit-btn,
  .home-v2 .photo-tile img {
    transition:none;
  }

  .home-v2 .home-btn:hover,
  .about-v2 .about-btn:hover,
  .contact-v2 .submit-btn:hover,
  .home-v2 .photo-tile:hover img {
    transform:none;
  }
}