/* SENZ — page-specific styles */

/* ── ROLE CARDS ── */
.role-split { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 32px 0; }
.role-card { padding: 28px; background: var(--light); border-radius: 16px; }
.role-card-label {
  font-family: var(--sans); font-size: 10px; font-weight: 700;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--terracota); margin-bottom: 10px; display: block;
}
.role-card-desc { font-size: 14px; color: var(--ink); line-height: 1.75; }

/* ── SKILLS 2-COL ── */
.skills-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin: 32px 0; }
.skill-title {
  font-family: var(--serif); font-size: 22px; font-weight: 400; margin-bottom: 12px;
}

/* Gallery slightly slower for fewer images */
.cs-gallery-track { animation-duration: 35s; }

@media (max-width: 768px) {
  .role-split { grid-template-columns: 1fr; }
  .skills-2col { grid-template-columns: 1fr; }
}