/* ==========================================================================
   O nás — full-bleed green band with subtle grid lines
   ========================================================================== */

.o-nas {
	position: relative;
	overflow: hidden;
	background: var(--primary-deep);
	color: rgba(255, 255, 255, 0.9);
}


.o-nas__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: clamp(2rem, 5vw, 4.5rem);
	align-items: center;
}

/* No photo → single column, text keeps a readable measure. */
.o-nas__inner--solo { grid-template-columns: 1fr; }
.o-nas__inner--solo .o-nas__text p { max-width: 68ch; }

.o-nas__title {
	font-size: clamp(2rem, 3.6vw, 2.9rem);
	color: #fff;
	margin-bottom: 1.25rem;
}

.o-nas__text p {
	font-size: 1.075rem;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 1rem;
	max-width: 56ch;
}
.o-nas__text p:last-child { margin-bottom: 0; }
.o-nas__text strong { color: #fff; }

.o-nas__cta { margin-top: 2rem; }

/* Real photo (right) — framed with a soft white border on the green. */
.o-nas__media { position: relative; }
.o-nas__img {
	width: 100%;
	aspect-ratio: 4 / 3.2;
	object-fit: cover;
	border-radius: var(--radius-lg);
	border: 6px solid rgba(255, 255, 255, 0.55);
}

@media (max-width: 780px) {
	.o-nas__inner { grid-template-columns: 1fr; gap: 2.5rem; }
	.o-nas__media { order: -1; }
	.o-nas__img { aspect-ratio: 16 / 10; }
}