/* ================================================================
   NADLANISTIM — ABOUT (ported from app/v6/v6.css → About)
   ================================================================
   Two columns: copy + numbered bullet list beside an image collage with a round badge.
   The collage uses physical corners on purpose — it is a fixed visual composition (large
   image top-right, small image bottom-left, badge pinned), not a handedness choice.
   ================================================================ */

.nad-about__grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(40px, 8vw, 120px); align-items: center; }
.nad-about__text h2 { font-size: clamp(48px, 6vw, 92px); line-height: 1; letter-spacing: -0.035em; margin: 0 0 40px; font-weight: 700; color: var(--nad-ink); }
.nad-about__text h2 em { font-style: normal; background: var(--nad-grad-accent-text); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 700; }
.nad-about__text p { font-size: clamp(17px, 1.4vw, 19px); line-height: 1.65; color: var(--nad-ink-2); margin: 0 0 24px; font-weight: 300; max-width: 50ch; }
.nad-about__list { margin-top: 48px; border-top: 1px solid var(--nad-line); }
.nad-about__list li { padding: 22px 0; border-bottom: 1px solid var(--nad-line); display: flex; align-items: center; gap: 24px; font-size: 17px; font-weight: 400; color: var(--nad-ink); }
.nad-about__list li span { font-size: 12px; font-weight: 500; color: var(--nad-cyan); letter-spacing: .05em; width: 28px; }

.nad-about__media { position: relative; height: 720px; }
.nad-about__img { position: absolute; margin: 0; overflow: hidden; border-radius: var(--nad-r-lg); box-shadow: 0 30px 80px rgba(0,0,0,.55); border: 1px solid var(--nad-line); }
/* Ancestor prefix out-specifies Elementor's `.elementor img { height:auto }`. */
.nad-about__grid .nad-about__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nad-about__img--lg { top: 0; right: 0; width: 78%; height: 65%; }
.nad-about__img--sm { bottom: 0; left: 0; width: 55%; height: 45%; }
.nad-about__badge {
	position: absolute; top: 58%; right: 0; width: 168px; height: 168px; border-radius: 50%;
	display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
	z-index: 5; transform: translate(40%, 0); color: var(--nad-ink);
}
.nad-about__badge-num { font-size: 56px; font-weight: 600; line-height: 1; letter-spacing: -0.03em; background: var(--nad-grad-accent-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.nad-about__badge-text { font-size: 12px; margin-top: 6px; color: var(--nad-ink-2); line-height: 1.3; }

/* ===== Responsive ===== */
@media (max-width: 1100px) {
	.nad-about__grid { grid-template-columns: 1fr; }
	.nad-about__media { height: 600px; max-width: 600px; }
}
@media (max-width: 760px) {
	.nad-about__text h2 { font-size: clamp(38px, 11vw, 52px); margin-bottom: 24px; }
	.nad-about__text p { font-size: 15px; margin-bottom: 16px; }
	.nad-about__list { margin-top: 28px; }
	.nad-about__list li { padding: 16px 0; font-size: 14.5px; gap: 14px; }
	.nad-about__media { height: 380px; max-width: 100%; }
	.nad-about__img--lg { width: 80%; height: 60%; }
	.nad-about__img--sm { width: 60%; height: 42%; }
	.nad-about__badge { width: 96px; height: 96px; transform: none; top: auto; bottom: 8px; right: 8px; }
	.nad-about__badge-num { font-size: 32px; }
	.nad-about__badge-text { font-size: 10px; }
}