/* Familiar, still photographs. Work panels stay opaque for comfortable reading. */
.memory-page {
  --memory-photo: url('/lembrancas/cerimonia/');
  background-color: #f4f6fa;
  background-image: linear-gradient(105deg, #f4f6faf5 12%, #f4f6fae6 100%), var(--memory-photo);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.memory-projects { --memory-photo: url('/lembrancas/entrevista/'); }
.memory-tasks { --memory-photo: url('/lembrancas/cerimonia/'); }
.memory-history { --memory-photo: url('/lembrancas/homenagem/'); }
.memory-team { --memory-photo: url('/lembrancas/encontro/'); }
.personal-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 36%);
  align-items: stretch;
  gap: 0;
  overflow: hidden;
  border: 1px solid #dce3ee;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 28px #20344e06;
}
.personal-hero-copy { padding: 28px 32px; align-self: center; }
.personal-hero-copy p { max-width: 540px; }
.personal-hero-copy .button { margin-top: 12px; }
.personal-hero-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: linear-gradient(110deg, #fff, #e8eef9);
}
.personal-hero-photo img {
  display: block;
  width: 100%;
  max-height: 270px;
  height: auto;
  object-fit: contain;
  border-radius: 12px;
}
@media (max-width: 730px) {
  .memory-page { background-size: auto 780px; }
  .personal-hero { grid-template-columns: minmax(0, 1fr); }
  .personal-hero-copy { padding: 22px; }
  .personal-hero-photo { padding: 0 22px 18px; background: #fff; }
  .personal-hero-photo img { width: auto; max-width: 100%; max-height: 135px; }
  .personal-hero-copy h1 { font-size: 30px; }
}
@media print {
  .memory-page { background: #fff; }
  .personal-hero-photo { display: none; }
  .personal-hero { display: block; box-shadow: none; }
}