/* ===================================
   DUSHISTO — MAGAZIN STORY
   File: dush-mag-story.css
   Scope: .dush-mag--story
=================================== */

.dush-mag--story{
  --ink:#2a211a;
  --muted:#6f6a63;
  --accent:#bfa37a;
  --line:rgba(42,33,26,.12);

  padding: 18px 0 26px;
}

.dush-mag--story .dush-mag__container{
  width: min(1100px, calc(100% - 56px));
  margin: 0 auto;
}

/* Типографика блока (локально) */
.dush-mag--story .dush-h2{
  margin: 0 0 12px;
  font-family: "Cormorant Garamond","Times New Roman",serif;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.12;
  color: var(--ink);
}

.dush-mag--story .dush-lead{
  margin: 0;
  max-width: 860px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 15.5px;
  line-height: 1.85;
  color: rgba(111,106,99,.98);
}

/* Основная карточка истории */
.dush-mag--story .dush-story{
  position: relative;
  padding: 26px 26px 22px;
  border-radius: 26px;
  border: 1px solid rgba(191,163,122,.26);
  background:
    radial-gradient(900px 300px at 18% 0%, rgba(191,163,122,.16), transparent 62%),
    radial-gradient(760px 260px at 85% 40%, rgba(80,55,40,.12), transparent 66%),
    linear-gradient(180deg, rgba(255,255,255,.66) 0%, rgba(255,255,255,.52) 100%);
  box-shadow: 0 30px 90px rgba(24,18,14,.10);
  backdrop-filter: blur(10px) saturate(1.05);
  overflow: hidden;
}

/* Лёгкая премиальная "пыль" */
.dush-mag--story .dush-story::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(1px 1px at 14% 24%, rgba(42,33,26,.09) 0, rgba(42,33,26,0) 70%),
    radial-gradient(1px 1px at 38% 72%, rgba(42,33,26,.07) 0, rgba(42,33,26,0) 70%),
    radial-gradient(1px 1px at 78% 42%, rgba(42,33,26,.07) 0, rgba(42,33,26,0) 70%),
    radial-gradient(1px 1px at 66% 18%, rgba(42,33,26,.06) 0, rgba(42,33,26,0) 70%);
  opacity: .26;
}

/* Тонкая золотистая “нить” слева — фирменный штрих */
.dush-mag--story .dush-story::before{
  content:"";
  position:absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 2px;
  border-radius: 4px;
  background: linear-gradient(
    to bottom,
    rgba(191,163,122,0),
    rgba(191,163,122,.70),
    rgba(191,163,122,0)
  );
  opacity: .75;
}

/* Бейдж */
.dush-mag--story .dush-badge{
  margin-top: 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 9px 14px;
  border-radius: 999px;

  border: 1px solid rgba(191,163,122,.28);
  background: rgba(255,255,255,.62);
  box-shadow: 0 12px 34px rgba(24,18,14,.06);
  backdrop-filter: blur(8px);

  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: .04em;
  color: rgba(42,33,26,.78);
}

/* Hover — очень тонкий “дорогой” */
@media (hover:hover){
  .dush-mag--story .dush-story{
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .dush-mag--story .dush-story:hover{
    transform: translateY(-2px);
    border-color: rgba(191,163,122,.38);
    box-shadow: 0 38px 110px rgba(24,18,14,.12);
  }
}

/* Адаптив */
@media (max-width: 920px){
  .dush-mag--story{ padding: 14px 0 22px; }
  .dush-mag--story .dush-story{ padding: 22px 18px 18px; border-radius: 22px; }
}

@media (max-width: 520px){
  .dush-mag--story .dush-mag__container{
    width: calc(100% - 32px);
  }
}