.page-header {
  padding: 3.5rem var(--gutter) 2.5rem;
  border-bottom: 1px solid var(--rule);
  max-width: 720px;
}

.page-title {
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  margin-top: 0.8rem;
}

.page-lede {
  color: var(--ink-soft);
  font-size: 1.05rem;
  line-height: 1.65;
  margin-top: 1.2rem;
  max-width: 46ch;
}

/* ===== SOBRE ===== */
.about-page {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gutter-lg);
  padding: 3rem var(--gutter) 4rem;
}

.about-page-photo {
  background: var(--paper-alt);
  aspect-ratio: 4/5;
  overflow: hidden;
}
.about-page-photo img { width: 100%; height: 100%; object-fit: cover; }

.about-page-copy p {
  color: var(--ink-soft);
  line-height: 1.75;
  margin-bottom: 1.2rem;
  max-width: 52ch;
}

.timeline {
  padding: 0 var(--gutter) 4rem;
  border-top: 1px solid var(--rule);
}

.timeline-item {
  display: grid;
  grid-template-columns: 8rem 1fr;
  gap: var(--gutter);
  padding: 1.6rem 0;
  border-bottom: 1px solid var(--rule-soft);
}

.timeline-period {
  font-size: var(--size-small);
  color: var(--ink-faint);
  letter-spacing: 0.02em;
}

.timeline-role { font-size: 1.05rem; margin-bottom: 0.3rem; }
.timeline-desc { color: var(--ink-soft); font-size: var(--size-small); line-height: 1.6; max-width: 60ch; }

@media (max-width: 760px) {
  .about-page { grid-template-columns: 1fr; }
  .timeline-item { grid-template-columns: 1fr; gap: 0.4rem; }
}

/* ===== EXPERIMENTOS ===== */
.experiments-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--rule);
}

.experiment-card {
  border-right: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding: 1.8rem;
}
.experiment-card:nth-child(3n) { border-right: none; }

.experiment-thumb {
  aspect-ratio: 1/1;
  background: var(--paper-alt);
  margin-bottom: 1.2rem;
  overflow: hidden;
}
.experiment-thumb img {
  width: 100%; height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: filter 0.4s var(--ease);
}
.experiment-card:hover .experiment-thumb img {
  filter: grayscale(0);
}

.experiment-title { font-size: 1.1rem; margin-bottom: 0.4rem; }
.experiment-desc { color: var(--ink-soft); font-size: var(--size-small); line-height: 1.55; margin-bottom: 0.9rem; }
.experiment-tag {
  font-size: var(--size-micro);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent);
}

@media (max-width: 860px) {
  .experiments-grid { grid-template-columns: repeat(2, 1fr); }
  .experiment-card:nth-child(3n) { border-right: 1px solid var(--rule); }
  .experiment-card:nth-child(2n) { border-right: none; }
}
@media (max-width: 560px) {
  .experiments-grid { grid-template-columns: 1fr; }
  .experiment-card { border-right: none !important; }
}

/* ===== ESCRITOS ===== */
.writings-list { padding: 1rem var(--gutter) 4rem; }

.writing-row {
  display: grid;
  grid-template-columns: 6rem 1fr auto;
  align-items: baseline;
  gap: var(--gutter);
  padding: 1.4rem 0;
  border-bottom: 1px solid var(--rule);
}

.writing-row-date { font-size: var(--size-small); color: var(--ink-faint); }
.writing-row-title { font-size: 1.1rem; font-family: var(--font-display); }
.writing-row-excerpt { color: var(--ink-soft); font-size: var(--size-small); grid-column: 2 / 3; margin-top: 0.3rem; }
.writing-row-link { font-size: var(--size-small); color: var(--accent); }

@media (max-width: 640px) {
  .writing-row { grid-template-columns: 1fr; gap: 0.3rem; }
  .writing-row-excerpt { grid-column: 1 / 2; }
}

/* ===== CONTATO ===== */
.contact-page {
  padding: 3rem var(--gutter) 5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gutter-lg);
}

.contact-primary .big-link {
  font-family: var(--font-display);
  font-size: clamp(1.05rem, 5.8vw, 2.6rem);
  color: var(--accent);
  display: inline-block;
  margin-bottom: 2rem;
  white-space: nowrap;
}

.contact-list { list-style: none; margin: 0; padding: 0; }
.contact-list li { padding: 0.9rem 0; border-bottom: 1px solid var(--rule); display: flex; justify-content: space-between; }
.contact-list li a { color: var(--ink-soft); }
.contact-list li a:hover { color: var(--accent); }
.contact-list li span:first-child { color: var(--ink-faint); font-size: var(--size-small); text-transform: uppercase; letter-spacing: 0.06em; }

@media (max-width: 760px) {
  .contact-page { grid-template-columns: 1fr; }
}

/* ===== PÁGINA DE PROJETOS (arquivo completo) ===== */
.projects-archive-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--rule);
}

.project-archive-card {
  border-right: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  padding: 1.8rem;
  transition: background 0.2s var(--ease);
}
.project-archive-card:nth-child(3n) { border-right: none; }
.project-archive-card:hover { background: var(--paper-alt); }

.project-archive-thumb {
  aspect-ratio: 4/5;
  background: var(--paper-alt);
  margin-bottom: 1.2rem;
  overflow: hidden;
}
.project-archive-thumb img {
  width: 100%; height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: filter 0.4s var(--ease);
}
.project-archive-card:hover .project-archive-thumb img { filter: grayscale(0); }

.project-archive-num { font-size: var(--size-micro); color: var(--ink-faint); letter-spacing: 0.08em; margin-bottom: 0.5rem; }
.project-archive-title { font-size: 1.1rem; margin-bottom: 0.4rem; }
.project-archive-desc { color: var(--ink-soft); font-size: var(--size-small); line-height: 1.55; margin-bottom: 0.9rem; }

@media (max-width: 860px) {
  .projects-archive-grid { grid-template-columns: repeat(2, 1fr); }
  .project-archive-card:nth-child(3n) { border-right: 1px solid var(--rule); }
  .project-archive-card:nth-child(2n) { border-right: none; }
}
@media (max-width: 560px) {
  .projects-archive-grid { grid-template-columns: 1fr; }
  .project-archive-card { border-right: none !important; }
}