/* All Properties Tenerife — главная: секции «About Us» и «Our Services».

   Что было. Обе секции занимают ровно один экран (min-height:100svh, snap),
   контент по 560 px и отцентрован — сверху и снизу остаётся по 252 px.
   У всех остальных светлых секций сайта (.sec-white / .sec-sand / .sec-mist)
   поверх фона лежит медленно дрейфующий световой слой ::before — именно он
   не даёт пустому месту выглядеть дырой.

   У #about и #services этот слой был отключён более поздним блоком:
     #about::before,#about::after,#services::before,#services::after{display:none!important}
     #about::before{display:none!important;content:none!important}
     #services .waterfx{display:none!important}
   плюс фон переопределён на плоский кремовый градиент. В итоге 252 px сверху
   и снизу — ровная заливка без единой детали, и блок читается как сломанный.
   Владелец увидел это первым.

   Что делаю. Возвращаю световой слой, подобрав его под тёплую кремовую
   палитру (её оставляю — это осознанный тёплый акцент между холодными
   секциями), и добавляю мягкие края, чтобы кремовая полоса не стыковалась
   с тёмными полосами резаной кромкой. Геометрию и snap не трогаю.

   Файл подключается последним, поэтому перебивает те !important. */

#about,
#services {
  position: relative;
  isolation: isolate;
}

/* дрейфующий свет — тот же приём, что на остальных светлых секциях,
   но тёплее, чтобы не спорить с кремовым фоном */
#about::before,
#services::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(46% 34% at 16% 18%, rgba(79,184,200,.10), transparent 62%),
    radial-gradient(44% 32% at 86% 76%, rgba(217,180,106,.15), transparent 64%),
    radial-gradient(40% 30% at 62% 6%,  rgba(217,180,106,.09), transparent 66%),
    radial-gradient(36% 26% at 28% 94%, rgba(120,200,210,.08), transparent 64%);
  opacity: .95;
  animation: glowDrift 26s ease-in-out infinite alternate;
}

/* контент всегда над световым слоем */
#about > .wrap,
#services > .wrap {
  position: relative;
  z-index: 1;
}

/* мягкие кромки: сверху и снизу кремовая полоса растворяется,
   а не обрывается о соседние тёмные секции */
#about::after,
#services::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(11,34,44,.055) 0%, transparent 14%),
    linear-gradient(0deg,   rgba(11,34,44,.075) 0%, transparent 16%);
}

@media (prefers-reduced-motion: reduce) {
  #about::before,
  #services::before { animation: none; }
}

/* ---------------------------------------------------------------------------
   УБРАНО 2 августа 2026 по замечанию владельца.

   Здесь стояла декоративная полоса-«поверхность воды» с золотой линией
   горизонта внизу секции «О нас» (.about-shelf). Владелец увидел её как
   пустой зазор и лишнюю жёлтую линию между «О нас» и тёмной полосой
   «Your move, made easy». Секции должны стыковаться без линии и без полосы,
   как было раньше. Разметка `<div class="about-shelf">` удалена из
   all-properties-tenerife-home.html (корень и deploy), стили — ниже,
   закомментированы целиком. Возвращать без прямой просьбы владельца не надо.
   --------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------
   (снято) Низ секции «О нас»: полоса-«поверхность воды».

   Раньше здесь стояла полоса цифр 120 / 450 / 85M€ / 2015. Оказалось, что те же
   числа уже живут ниже, в тёмной полосе «Your move, made easy», — получился
   дубль, владелец увидел его первым. Полосу цифр убрала.

   Пустое место под карточками сотрудников закрываю не текстом, а оформлением:
   та же водяная текстура и тот же дрейф, что на остальных страницах
   (water-bg.css, кадры aptWaterA), плюс тонкая золотая линия горизонта сверху.
   Ни одного нового слова — переводить нечего, разнобоя между языками не будет.

   Полоса лежит абсолютно, поэтому геометрию и scroll-snap секции не меняет.
   --------------------------------------------------------------------------- */

/* стили полосы удалены целиком — ниже ничего не осталось */
#about .about-shelf { display: none !important; }

/* ---------------------------------------------------------------------------
   Карточка сотрудника: нижняя кромка фотографии.

   На team-sylvia.jpg в нижней части изображения вшит нечитаемый набор букв —
   след генерации картинки. На большой карточке он попадает в кадр, и клиентка
   видит бессмыслицу на собственном портрете. Перерисовать фото я не могу,
   поэтому увожу низ снимка в мягкое затемнение — читается как виньетка.
   --------------------------------------------------------------------------- */

.adv-card .adv-photo {
  overflow: hidden;
}

/* :not(.mono) добавлено 5 августа 2026: виньетка прикрывала мусорные буквы
   на сгенерированном фото; у монограммы фото нет, а виньетка перебивала букву. */
.adv-card .adv-photo:not(.mono)::before {
  content: "" !important;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 26%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg,
    rgba(14, 42, 54, 0) 0%,
    rgba(14, 42, 54, .62) 34%,
    rgba(14, 42, 54, .94) 62%,
    rgba(14, 42, 54, .99) 100%);
}