/* Minimal per-section background variation — Apple-style */

#about       { background: var(--bg-0); }
#interests   { background: var(--bg-1); }
#journey     { background: var(--bg-0); }
#publications{ background: var(--bg-1); }
#recognition { background: var(--bg-0); }
#project     { background: var(--bg-1); }
#service     { background: var(--bg-0); }
#memberships { background: var(--bg-1); }
#students    { background: var(--bg-0); }

/* Two-column layout */
.two-col {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  align-items: start;
}
@media (min-width: 880px) {
  .two-col { grid-template-columns: 1fr 1fr; gap: 4rem; }
}

/* Interests layout */
.interests-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: center;
}
@media (min-width: 880px) {
  .interests-layout { grid-template-columns: 1.1fr 1fr; gap: 4rem; }
}

/* Responsive */
@media (max-width: 640px) {
  section { padding: 5rem 0; }
  .hero__motto { margin-top: 2rem; }
  .hero__contacts { margin-top: 2rem; }
  .hero__cue { bottom: 1.5rem; }
  .project { padding: 2rem 1.5rem; }
}