#pest-removal p {
  font-family: 'Times New Roman', serif;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #eee;
  padding: 1rem;
  border-left: 10px solid #000;
}

.staple {
  position: absolute;
  width: 60px;
  height: 5px;
  background: #635a5a;
  top: 30px;
  left: 10px;
  transform: rotate(-47deg);
  opacity: 0.5;
}

#pest-removal:hover {
  transform: rotate(0deg) scale(1.02);
  z-index: 100;
  box-shadow: 0 0 30px var(--soft-cyan);
}

#pest-removal {
  grid-column: 2 / 5;
  background: #fff; 
  color: #000;
  padding: 3rem;
  border: 1px solid #ccc;
  box-shadow: 20px 20px 0px var(--industrial-gray);
  position: relative;
  transform: rotate(-1deg);
  margin-top: 2rem;
  min-height: 400px;
}

/* Layer 1: The Handwritten "Will" (First P) */
#pest-removal p:nth-of-type(1) {
  font-family: 'ShadowsIntoLight', cursive;
  font-size: 1.8rem;
  line-height: 1.1;
  margin-bottom: 2rem;
  color: #1a1a1a;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1rem;
  background: none; /* Reset background from general P rules */
  border-left: none; /* Reset border from general P rules */
  text-transform: none;
}

/* Layer 2: The Formal "Lawyers" (Second P) */
#pest-removal p:nth-of-type(2) {
  font-family: 'Times New Roman', serif;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #eee;
  padding: 1rem;
  border-left: 10px solid #000;
  margin-bottom: 2rem;
}

/* Layer 3: The Secret Note (Third P) */
#pest-removal p:nth-of-type(3) {
  font-family: 'ShadowsIntoLight', cursive;
  font-size: 1.4rem;
  color: #d00; /* Red ink for the "hidden" feel */
  background: transparent;
  border: none;
  text-transform: none;
  margin-top: 100px;
  opacity: 0.8;
}

/* 1. Reset the Hidden Message to be invisible by default */
#pest-removal p:nth-of-type(3) {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  color: #d00; /* Red ink for the 'secret' feel */
  font-family: 'ShadowsIntoLight', cursive;
  margin-top: 2rem;
}

/* 2. Reveal the message when hovering the container */
#pest-removal:hover p:nth-of-type(3) {
  opacity: 1;
}

/* 3. Slide the Navigation DOWN to reveal what it was hiding */
#pest-removal:hover + #access-points {
  margin-top: 20px !important; /* Pushes the pink box down */
  transform: rotate(0deg) translateY(10px) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Snappy 'slide' effect */
}

/* 4. Smooth transition for the base state (Add this to your existing nav block) */
#access-points {
  transition: all 0.4s ease-in-out;
}

/* --- OVERRIDE FOR PEST REMOVAL PAGE --- */

#pest-removal + #access-points {
  margin-top: -180px !important; 
  z-index: 150 !important; 
  transform: rotate(2deg) translateX(10px) !important; 
  box-shadow: 0px -10px 20px rgba(0, 0, 0, 0.5), -15px 15px 0px var(--industrial-gray) !important;
}