/* =====================================================
   DUSH-PHILO.css (ART BRAND EDIT)
   1) .dushisto-philosophy — философия (центр)
   2) .dushisto-philo      — блок текст + фото (2 колонки)
   Шрифты НЕ импортируем (они в dush-base.css)
   - var(--font-ui)    -> Inter
   - var(--font-brand) -> Cormorant Garamond
===================================================== */

:root{
  /* мягкая “бумажная” палитра (не конфликтует с базовой) */
  --d-paper: #fbf7f1;
  --d-bg: #f3ede6;
  --d-sand: #e6d6c4;
  --d-ink: rgba(43,29,20,.92);
  --d-ink-soft: rgba(43,29,20,.78);
  --d-line: rgba(43,29,20,.18);
  --d-border: rgba(43,29,20,.10);
  --d-shadow: 0 22px 55px rgba(60,40,20,.10);
  --d-shadow2: 0 34px 90px rgba(60,40,20,.14);
}

/* =====================================================
   1) ФИЛОСОФИЯ (центрированный текст)
===================================================== */

.dushisto-philosophy{
  position: relative;
  background: linear-gradient(180deg, #faf6f1 0%, var(--d-bg) 100%);
  padding: clamp(90px, 10vw, 140px) 24px;
  overflow: hidden;
}

/* мягкий верхний разделитель */
.dushisto-philosophy::after{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height: 44px;
  background: linear-gradient(180deg, rgba(0,0,0,0.028), rgba(0,0,0,0));
  pointer-events:none;
}

/* добавляем очень лёгкую "бумажную" подсветку */
.dushisto-philosophy::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(1200px 520px at 18% 0%, rgba(217,186,155,.16), transparent 60%),
    radial-gradient(900px 420px at 88% 18%, rgba(142,106,79,.10), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.10));
  opacity: .90;
  pointer-events:none;
}

.dushisto-philosophy__wrap{
  position: relative;
  z-index: 1;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
}

.dushisto-philosophy__title{
  font-family: var(--font-ui) !important;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: .22em;
  color: rgba(43,29,20,.86);
  font-weight: 500;
  margin: 0 0 18px 0;
}

.dushisto-philosophy__line{
  width: 92px;
  height: 1px;
  background: var(--d-line);
  margin: 0 auto 34px;
}

.dushisto-philosophy__lead{
  font-family: var(--font-brand) !important;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.9;
  color: var(--d-ink-soft);
  margin: 0 auto 22px;
  max-width: 740px;
}

.dushisto-philosophy__text{
  font-family: var(--font-ui) !important;
  font-size: 16px;
  line-height: 1.95;
  color: rgba(43,29,20,.72);
  margin: 0 auto 46px;
  max-width: 780px;
}

.dushisto-philosophy__quote{
  font-family: var(--font-brand) !important;
  font-weight: 600;
  font-size: 19px;
  line-height: 1.95;
  color: #9c6a4f; /* твой акцент — оставил */
  max-width: 780px;
  margin: 0 auto;
}

@media (max-width: 768px){
  .dushisto-philosophy{ padding: 100px 18px; }
  .dushisto-philosophy__title{ font-size: 15px; letter-spacing: .18em; }
  .dushisto-philosophy__lead{ font-size: 17px; }
  .dushisto-philosophy__text{ font-size: 15px; }
  .dushisto-philosophy__quote{ font-size: 17px; }
}

@media (max-width: 520px){
  .dushisto-philosophy{ padding-left: 16px; padding-right: 16px; }
}

/* =====================================================
   2) PHILO (две колонки: текст + фото)
===================================================== */

/* Astra-safe box sizing (только внутри секции) */
.dushisto-philo,
.dushisto-philo *{
  box-sizing: border-box;
}

.dushisto-philo{
  padding: 56px 0 98px;
  margin: 0 !important;
  background: transparent;
}

.dushisto-philo__container{
  width: min(1320px, calc(100% - 48px));
  margin: 0 auto;
}

/* Карточка-сетка — делаем “экспонат”: бумага + бордер + глубина */
.dushisto-philo__wrap{
  position: relative;
  display: grid;
  grid-template-columns: 42% 58%;

  background: var(--d-paper);
  min-height: 560px;

  border-radius: 22px;
  overflow: hidden;
  border: 1px solid var(--d-border);
  box-shadow: var(--d-shadow);
}

/* Тёплая подсветка/бумага внутри карточки */
.dushisto-philo__wrap::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(900px 420px at 16% 0%, rgba(217,186,155,.18), transparent 60%),
    radial-gradient(760px 360px at 90% 25%, rgba(142,106,79,.10), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,.12));
  opacity: .95;
  pointer-events:none;
}

/* Лёгкое зерно (очень тонко) */
.dushisto-philo__wrap::after{
  content:"";
  position:absolute; inset:0;
  background-image: repeating-linear-gradient(0deg, rgba(43,29,20,.02) 0 1px, transparent 1px 3px);
  opacity: .18;
  pointer-events:none;
}

/* Внутренние колонки поверх фактуры */
.dushisto-philo__text,
.dushisto-philo__img{
  position: relative;
  z-index: 1;
}

/* Левая колонка */
.dushisto-philo__text{
  padding: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Kicker как музейная строка */
.dushisto-philo__kicker{
  font-family: var(--font-ui) !important;
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(43,29,20,.86);
  opacity: 0.72;
  margin: 0 0 14px;
}

/* Заголовок — более “галерейный”, меньше тяжести */
.dushisto-philo__text h2{
  font-family: var(--font-brand) !important;
  margin: 0 0 18px;
  font-size: 30px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(43,29,20,.92);
  font-weight: 500;
}

/* Текст — редакционный, не тонкий (300 иногда выглядит “дешево”) */
.dushisto-philo__text p{
  font-family: var(--font-ui) !important;
  margin: 0 0 16px;
  line-height: 1.9;
  font-size: 16px;
  font-weight: 400;
  color: rgba(43,29,20,.80);
  opacity: 1;
}

/* Акценты */
.dushisto-philo__accent{
  margin-top: 16px;
  font-weight: 500;
  color: rgba(43,29,20,.86);
}

.dushisto-philo__brand{
  margin-top: 18px;
  font-weight: 600;
  color: rgba(43,29,20,.92);
}

/* Правая колонка — фото: добавим лёгкую рамку/глубину */
.dushisto-philo__img{
  min-height: 560px;
  background-image: url("https://dushisto.ru/wp-content/uploads/2026/02/84930ccf-2c1e-4888-95dc-1923e8c18fce.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
}

/* Мягкая тень-граница между текстом и фото */
.dushisto-philo__img::before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(43,29,20,.10), rgba(43,29,20,0) 22%);
  opacity: .55;
  pointer-events:none;
}

/* Тонкий “экспонатный” hover (можно убрать, если не надо) */
@media (hover:hover){
  .dushisto-philo__wrap{
    transition: transform .45s ease, box-shadow .45s ease;
  }
  .dushisto-philo__wrap:hover{
    transform: translateY(-6px) rotate(-0.12deg);
    box-shadow: var(--d-shadow2);
  }
}

/* Адаптив */
@media (max-width: 900px){
  .dushisto-philo{ padding: 70px 0; }
  .dushisto-philo__container{ width: min(1180px, calc(100% - 32px)); }

  .dushisto-philo__wrap{
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .dushisto-philo__text{ padding: 44px 28px; }

  .dushisto-philo__img{
    min-height: 420px;
    background-position: center;
  }

  .dushisto-philo__img::before{
    background: linear-gradient(180deg, rgba(43,29,20,.10), rgba(43,29,20,0) 22%);
  }
}


/* ===== PHILO FINAL ART TUNING ===== */

/* 1. Делаем левую колонку глубже */
.dushisto-philo__text{
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.35),
    rgba(255,255,255,.08)
  );
}

/* 2. Чуть усиливаем заголовок */
.dushisto-philo__text h2{
  font-size: 32px;
  letter-spacing: .14em;
  text-shadow: 0 4px 14px rgba(0,0,0,.05);
}

/* 3. Чуть смягчаем фото (чтобы не “кричало”) */
.dushisto-philo__img{
  filter: contrast(1.02) saturate(1.03);
}

/* 4. Добавляем лёгкий градиентный стык между колонками */
.dushisto-philo__img::before{
  background: linear-gradient(
    90deg,
    rgba(243,237,228,.95) 0%,
    rgba(243,237,228,0) 30%
  );
  opacity: .35;
}


/* ===== PHILO FINAL BALANCE ===== */

/* 1. Чуть теплее фон левой колонки */
.dushisto-philo__wrap{
  background: linear-gradient(
    180deg,
    #f2e9df 0%,
    #ece2d7 100%
  );
}

/* 2. Заголовок — больше “галерейного” веса */
.dushisto-philo__text h2{
  font-size: 34px;
  letter-spacing: .16em;
}

/* 3. Усилим мягкий переход к фото */
.dushisto-philo__img::before{
  background: linear-gradient(
    90deg,
    rgba(236,226,215,.98) 0%,
    rgba(236,226,215,.75) 18%,
    rgba(236,226,215,0) 45%
  );
  opacity: .5;
}

/* 4. Чуть усилим карточку как “экспонат” */
.dushisto-philo__wrap{
  box-shadow: 0 28px 70px rgba(60,40,20,.14);
}


/* ===== PHILO ULTIMATE BALANCE ===== */

/* 1. Чуть глубже фон левой части */
.dushisto-philo__text{
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.42),
    rgba(255,255,255,.12)
  );
}

/* 2. Заголовок — чуть больше веса */
.dushisto-philo__text h2{
  font-size: 36px;
  letter-spacing: .18em;
}

/* 3. Фото — немного спокойнее */
.dushisto-philo__img{
  filter: contrast(1.01) saturate(1.02);
}

/* 4. Усилим границу перехода */
.dushisto-philo__img::before{
  background: linear-gradient(
    90deg,
    rgba(236,226,215,1) 0%,
    rgba(236,226,215,.85) 18%,
    rgba(236,226,215,0) 50%
  );
  opacity: .6;
}


/* ===== PHILO FINAL MICRO BALANCE ===== */

.dushisto-philo__text{
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.38),
    rgba(255,255,255,.08)
  );
}

.dushisto-philo__text p{
  color: rgba(43,29,20,.84);
}

.dushisto-philo__accent{
  font-size: 17px;
}