/* ============================================================
   PAPER CARDS + TAPE
   ------------------------------------------------------------
   - Base .paper wrapper
   - .sheet = top layer
   - .back-1 … back-5 = stacked backgrounds
   - .taped + diag-a / diag-b = tape decorations
============================================================ */

.paper { position:relative; overflow:visible; }

.sheet {
  position:relative;
  background:var(--paper);
  border-radius:var(--radius-lg);
  padding:26px;
  border:1px solid var(--line);
  box-shadow:0 12px 24px rgba(0,0,0,.16), 0 3px 10px rgba(0,0,0,.12);
}

/* Default back layers (stacked paper effect) */
.paper .back-1,
.paper .back-2,
.paper .back-3,
.paper .back-4,
.paper .back-5 {
  position:absolute;
  inset:0;
  border-radius:var(--radius-lg);
  background:var(--paper-alt);
  box-shadow:0 12px 24px rgba(0,0,0,.22);
  border:1px solid var(--line);
  pointer-events:none;
}

/* Offsets + opacity */
.paper .back-1 { transform:translate(8px,8px);   opacity:.9; }
.paper .back-2 { transform:translate(-6px,-6px); opacity:.75; }
.paper .back-3 { transform:translate(10px,-8px); opacity:.65; }
.paper .back-4 { transform:translate(-12px,6px); opacity:.55; }
.paper .back-5 { transform:translate(14px,14px); opacity:.45; }

/* Tape strips */
.paper.taped::before,
.paper.taped::after {
  content:"";
  position:absolute;
  width:78px; height:24px;
  background:var(--tape);
  border-radius:6px;
  opacity:.95;
  box-shadow:0 2px 5px rgba(0,0,0,.25);
  z-index:5;
}
.paper.taped.diag-a::before { top:-12px; left:64px;  transform:rotate(-7deg); }
.paper.taped.diag-a::after  { bottom:-12px; right:64px; transform:rotate(5deg); }
.paper.taped.diag-b::before { top:-12px; right:64px; transform:rotate(6deg); }
.paper.taped.diag-b::after  { bottom:-12px; left:64px; transform:rotate(-6deg); }

/* ============================================================
   CONTACT MINI-PANELS
============================================================ */
#contact .paper { margin: 0; border-radius: var(--radius-lg); }

#contact .grid .paper .sheet {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: var(--paper);
  border-radius: var(--radius-lg);
  border: 1px solid var(--line);
  font-weight: 500;
  box-shadow: 0 6px 14px rgba(0,0,0,.35);
}

#contact .grid .paper .sheet span { font-size: 15px; line-height: 1.4; }
#contact .grid .paper .sheet strong { font-weight: 700; margin-right: 4px; }
#contact .grid .paper .btn {
  flex-shrink: 0; min-width: 120px; justify-content: center;
  text-align: center; font-size: 14px; font-weight: 700;
}

#contact .grid .paper .back-1 {
  transform: translate(6px, 6px);
  opacity: 0.85; background: rgba(0,0,0,0.15);
}
#contact .grid .paper .back-2 {
  transform: translate(-4px, -4px);
  opacity: 0.65; background: rgba(0,0,0,0.1);
}