/* Just Cha — "O nas" page */

/* Hero ----------------------------------------------------------------- */
.jc-ahero { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: center; padding-top: clamp(2rem, 1rem + 3vw, 4rem); padding-bottom: var(--jc-section); }
.jc-ahero__text { min-width: 0; }
.jc-ahero__title { margin: 0; font-size: var(--jc-fs-display); font-weight: 600; line-height: .95; letter-spacing: -.01em; text-transform: uppercase; text-wrap: balance; color: var(--jc-black); }
.jc-ahero__lead { margin: 2rem 0 0; max-width: 34rem; font-size: var(--jc-fs-lg); line-height: 1.6; color: var(--jc-ink); }
.jc-ahero__more { margin: 1rem 0 0; max-width: 34rem; font-size: 1rem; line-height: 1.75; }
.jc-ahero__img { position: relative; margin: 0; aspect-ratio: 4 / 5; overflow: hidden; background: var(--jc-bg-alt); }
.jc-ahero__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Story ---------------------------------------------------------------- */

.jc-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.jc-step { display: flex; flex-direction: column; gap: .6rem; padding: 1.75rem; border: 1px solid var(--jc-line); }
.jc-step__year { font-size: clamp(2.25rem, 1.5rem + 2vw, 3.25rem); font-weight: 600; line-height: 1; color: var(--jc-accent); }
.jc-step__title { margin: .75rem 0 0; font-size: 1rem; font-weight: 600; text-transform: none; }
.jc-step__text { margin: 0; font-size: .9375rem; line-height: 1.65; }

/* Mission -------------------------------------------------------------- */
.jc-amission { text-align: center; }
.jc-amission__title { margin: 0 auto; max-width: 46rem; font-size: clamp(1.75rem, 1.2rem + 2vw, 2.75rem); font-weight: 500; line-height: 1.2; text-transform: none; color: var(--jc-black); }
.jc-amission__title em { font-style: normal; color: var(--jc-accent); }
.jc-amission__text { margin: 1.5rem auto 0; max-width: 38rem; font-size: 1rem; line-height: 1.75; }
.jc-amission__cta { margin-top: 2rem; }
.jc-amission__sign { margin: 1.5rem 0 0; font-size: .875rem; font-style: italic; color: var(--jc-muted); }

@media (max-width: 960px) {
	.jc-ahero { grid-template-columns: 1fr; }
	.jc-ahero__img { aspect-ratio: 4 / 3; }
	.jc-steps { grid-template-columns: 1fr; gap: .625rem; }
}
@media (max-width: 560px) {
	.jc-ahero__lead { font-size: 1.0625rem; }
	.jc-step { padding: 1.25rem; }
}