/* О нас: слева текст, справа фото в форме «капли» с пунктирным контуром и плашкой (HTML) */
.lv-about { position: relative; z-index: 0; padding-block: clamp(56px, 8vw, 112px); overflow: hidden; }
.lv-about__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 6fr); gap: clamp(32px, 6vw, 88px); align-items: center; }

.lv-about__title { margin: 0 0 22px; font-size: clamp(30px, 3.6vw, 48px); }
.lv-about__text { font-size: 18px; line-height: 1.7; color: var(--lv-text); }
.lv-about__text p { margin: 0 0 16px; }
.lv-about__text p:last-child { margin-bottom: 0; }
.lv-about__link {
	display: inline-flex; align-items: center; gap: 10px; margin-top: 26px; padding: 14px 24px; border-radius: 999px;
	border: 1.5px solid var(--lv-green); color: var(--lv-green); font: 800 15px/1 var(--lv-font-head); text-decoration: none;
	transition: background .2s, color .2s;
}
.lv-about__link:hover, .lv-about__link:focus-visible { background: var(--lv-green); color: #fff; outline: 0; }

.lv-about__visual { position: relative; width: 100%; max-width: 560px; margin-left: auto; aspect-ratio: 520 / 440; }
.lv-about__photo {
	position: absolute; inset: 0; background: var(--lv-sand);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 440' preserveAspectRatio='none'%3E%3Cpath d='M40 120C60 40 150 8 260 14c110 6 210 26 238 116 28 90 2 170-28 230-30 60-130 70-220 64C150 418 70 410 36 340 8 280 22 180 40 120Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 440' preserveAspectRatio='none'%3E%3Cpath d='M40 120C60 40 150 8 260 14c110 6 210 26 238 116 28 90 2 170-28 230-30 60-130 70-220 64C150 418 70 410 36 340 8 280 22 180 40 120Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.lv-about__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Пунктирный контур сдвинут вниз-вправо; бежит при наведении, как на карточках услуг */
.lv-about__outline { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; transform: translate(16px, 16px); pointer-events: none; }
.lv-about__outline path { fill: none; stroke: var(--lv-coral); stroke-width: 1.8px; stroke-dasharray: 6 6; opacity: .75; }
.lv-about__visual:hover .lv-about__outline path { animation: lv-dash .5s linear infinite; }

/* Плашка: произвольный HTML (рейтинг Яндекс.Карт и т.п.) */
.lv-about__badge {
	position: absolute; left: -28px; bottom: 24px; z-index: 2; max-width: min(300px, 70%); padding: 14px 16px;
	background: #fff; border-radius: 20px; box-shadow: 0 14px 34px rgba(30, 95, 58, .18);
}
.lv-about__badge iframe, .lv-about__badge img { max-width: 100%; }

.lv-about__deco { position: absolute; z-index: -1; pointer-events: none; }
.lv-about__deco img { display: block; max-width: 100%; height: auto; }
.lv-about__deco--1 { left: 2%; top: 8%; width: clamp(60px, 9vw, 130px); }
.lv-about__deco--2 { right: -6%; bottom: -8%; width: clamp(60px, 9vw, 130px); }

@media (prefers-reduced-motion: reduce) { .lv-about__visual:hover .lv-about__outline path { animation: none; } }

@media (max-width: 1023px) {
	.lv-about__grid { grid-template-columns: 1fr; }
	.lv-about__visual { margin: 12px auto 0; max-width: 520px; }
	.lv-about__badge { left: 12px; bottom: 12px; }
}
@media (max-width: 599px) {
	.lv-about__text { font-size: 17px; }
	.lv-about__outline { transform: translate(10px, 10px); }
	.lv-about__visual { width: calc(100% - 10px); margin-right: 10px; }
}

/* Страница /О-нас/: полный текст, колонка шире, фото по центру блока */
.lv-about--full .lv-about__grid { align-items: start; }
.lv-about--full .lv-about__visual { position: sticky; top: 140px; }
@media (max-width: 1023px) { .lv-about--full .lv-about__visual { position: relative; top: auto; } }