/* ════════════════════════════════════════════════════
   Science — «Научная опора» (тёмный остров, редизайн ТЗ 21.07.2026)
   Явно «научная» композиция: сетка-миллиметровка на фоне,
   слева — тезис + подпись-метод, справа — вертикальный
   степпер (кольца-узлы + пунктирная линия процесса) с
   замыкающим узлом-циклом (итеративность).
   Светлый исходник: архив/science-светлый.css
   Tokens: design-system/colors_and_type.css
   ════════════════════════════════════════════════════ */
.science{position:relative;background:var(--bg-dark);padding:clamp(56px,6vw,84px) 0;overflow:hidden}
/* Сетка-миллиметровка — «лабораторный» подтекст, тускнеет к краям */
.science::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(245,241,236,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(245,241,236,.05) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(125% 105% at 72% 38%,#000 34%,transparent 100%);mask-image:radial-gradient(125% 105% at 72% 38%,#000 34%,transparent 100%)}
.science__container{position:relative;z-index:1;width:min(1120px,100% - 64px);margin:0 auto;display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:clamp(36px,5vw,80px);align-items:start}
/* ── Штамп-печать «научный подход» ── */
.science__stamp{position:absolute;z-index:3;top:clamp(14px,1.6vw,22px);right:clamp(10px,2.6vw,30px);width:clamp(116px,12vw,150px);color:var(--accent);transform:rotate(-9deg);opacity:.92;pointer-events:none;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))}
.science__stamp svg{width:100%;height:auto;display:block}
/* штамп занимает верх-правый угол — освобождаем место у первого пункта */
.science__points--stamped .science__point:first-child h3,.science__points--stamped .science__point:first-child p{padding-right:clamp(0px,10vw,150px)}
@media (max-width:880px){.science__points--stamped .science__point:first-child h3,.science__points--stamped .science__point:first-child p{padding-right:0}}

/* ── Левая колонка: тезис + метод ── */
.science__eyebrow{display:inline-flex;align-items:center;gap:12px;font:500 12px/1 var(--font-body);letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin:0 0 18px}
.science__eyebrow::before{content:'';width:30px;height:1px;background:var(--accent)}
.science__h2{font:500 clamp(26px,2.6vw,34px)/1.22 var(--font-serif);letter-spacing:-.4px;color:#F5F1EC;margin:0 0 16px;text-wrap:balance}
.science__h2 em{font-style:italic;color:var(--accent)}
.science__lead{font:400 15.5px/1.62 var(--font-body);color:rgba(245,241,236,.84);margin:0;text-wrap:pretty}
/* Подпись-метод — компактная «формула» научного цикла */
.science__method{display:flex;flex-wrap:wrap;align-items:center;gap:13px 11px;margin:clamp(22px,2.6vw,30px) 0 0;padding-top:clamp(18px,2vw,22px);border-top:1px solid rgba(245,241,236,.12)}
.science__method-cap{font:500 11px/1 var(--font-body);letter-spacing:2px;text-transform:uppercase;color:rgba(245,241,236,.58);margin-right:2px}
.science__method span{display:inline-flex;align-items:center;gap:11px;font:700 11.5px/1 var(--font-body);letter-spacing:1.6px;text-transform:uppercase;color:var(--accent)}
.science__method span:not(.science__method-cap):not(:nth-of-type(1))::before{content:'→';color:rgba(245,241,236,.4);font-weight:400}

/* ── Правая колонка: степпер процесса ── */
.science__flow-label{display:flex;align-items:center;gap:14px;font:500 11.5px/1 var(--font-body);letter-spacing:2px;text-transform:uppercase;color:rgba(245,241,236,.58);margin:0 0 clamp(20px,2.4vw,28px)}
.science__flow-label::after{content:'';flex:1;height:1px;background:rgba(245,241,236,.14)}
.science__points{list-style:none;margin:0;padding:0;position:relative}
/* Линия процесса — охряной пунктир от первого узла к циклу */
.science__points::before{content:'';position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:repeating-linear-gradient(rgba(200,121,42,.85) 0 5px,transparent 5px 11px)}
.science__point{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:22px;padding:0 0 clamp(24px,2.8vw,34px);align-items:start}
.science__point:last-child{padding-bottom:0}
.science__num{grid-row:1;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--accent);background:var(--bg-dark);display:flex;align-items:center;justify-content:center;font:900 15px/1 var(--font-number);color:var(--accent);position:relative;z-index:1}
.science__point>div{padding-top:8px}
.science__point h3{font:700 clamp(17px,1.4vw,19px)/1.3 var(--font-serif);color:#F5F1EC;margin:0 0 5px;text-wrap:pretty}
.science__point p{font:400 14.5px/1.55 var(--font-body);color:rgba(245,241,236,.82);margin:0;text-wrap:pretty}
/* Замыкающий узел — цикл */
.science__num--loop{border-style:dashed;font:400 20px/1 var(--font-body);color:var(--accent)}
.science__point--loop>div{padding-top:11px}
.science__point--loop p{font:500 13.5px/1.5 var(--font-body);color:rgba(245,241,236,.72)}
.science__point--loop em{font-style:normal;color:var(--accent);font-weight:700}

@media (max-width:880px){
  .science__container{grid-template-columns:1fr;gap:clamp(30px,5vw,40px)}
  .science__stamp{width:clamp(104px,15vw,128px);top:clamp(-14px,-1vw,-8px);right:clamp(8px,2vw,20px)}
}
@media (max-width:600px){
  .science{padding:52px 0}
  .science__container{width:min(1120px,100% - 40px)}
  .science__point{column-gap:16px}
  .science__stamp{position:static;transform:rotate(-6deg);width:100px;margin:0 4px 22px auto;filter:none}
}