/* ОБЪЕКТ — блок «О проекте» (objpa-*). Раскладка — от ширины места (container objpa):
   телефон — иконка слева, справа название и под ним текст; от 700px — иконка · название (колонка ~220px) ·
   тонкая вертикальная линия · текст, тексты начинаются на одной вертикали. Строки появляются по очереди. */
.objpa,
.objpa *,
.objpa *::before,
.objpa *::after{box-sizing:border-box;}
.objpa{container:objpa / inline-size;background:var(--objekt-color-bg);color:var(--objekt-color-cream);font-family:var(--objekt-font-body);padding:var(--objekt-section-py-cq) 0;margin:0;}
.objpa .objpa-wrap{--objpa-pad:16px;padding:0 var(--objpa-pad);}
.objpa :where(p, ul, li){margin:0;padding:0;list-style:none;}
.objpa li::before{content:none;}
.objpa svg{display:block;}
.objpa .objpa-eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 16px;font-size:var(--objekt-fs-caption);letter-spacing:0.24em;text-transform:uppercase;color:var(--objekt-color-accent);}
.objpa .objpa-eyebrow span{flex-shrink:0;}
.objpa .objpa-eyebrow i{display:block;flex:1 1 auto;max-width:560px;height:1px;background:var(--objekt-color-line-strong);}
.objpa .objpa-title{font-family:var(--objekt-font-heading);font-weight:500;font-size:var(--objekt-fs-display-mobile-cq, clamp(32px, 11cqw, 48px));line-height:1.05;letter-spacing:var(--objekt-tracking-heading);margin:0;}
.objpa .objpa-text{max-width:42em;margin-top:clamp(14px, 1.4vw, 22px);font-size:clamp(16px, 1.1vw, 20px);line-height:1.6;color:rgba(245,242,237,0.85);}
.objpa .objpa-text p + p{margin-top:.8em;}
.objpa .objpa-rows{margin-top:clamp(20px, 2.4vw, 36px);}
.objpa .objpa-row{display:grid;grid-template-columns:32px minmax(0, 1fr);grid-template-areas:"icon name" "icon text";column-gap:16px;row-gap:4px;padding:16px 0;}
/* линии только между строками — без лишней черты сверху и снизу блока */
.objpa .objpa-row + .objpa-row{border-top:1px solid var(--objekt-color-line);}
.objpa .objpa-row:first-child{padding-top:0;}
.objpa .objpa-row:last-child{padding-bottom:0;}
.objpa .objpa-row__icon{grid-area:icon;display:flex;width:28px;height:28px;color:var(--objekt-color-accent);}
.objpa .objpa-row__icon svg{width:100%;height:100%;}
.objpa .objpa-row__name{grid-area:name;font-size:17px;line-height:1.35;color:var(--objekt-color-cream);}
.objpa .objpa-row__text{grid-area:text;font-size:15px;line-height:1.5;color:rgba(245,242,237,0.8);}
/* появление строк по очереди (класс ставит скрипт; без JS — всё видно сразу) */
.objpa.is-armed .objpa-row{opacity:0;transform:translateY(10px);transition:opacity .5s ease, transform .5s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i, 0) * 110ms);}
.objpa.is-armed.is-in .objpa-row{opacity:1;transform:none;}

@container objpa (min-width: 390px){ .objpa .objpa-wrap{--objpa-pad:20px;} }
@container objpa (min-width: 590px){
  .objpa .objpa-wrap{--objpa-pad:32px;}
  .objpa .objpa-title{font-size:clamp(36px, 6.4cqw, 64px);}
}
@container objpa (min-width: 700px){
  .objpa .objpa-row{grid-template-columns:28px clamp(170px, 18cqw, 240px) minmax(0, 1fr);grid-template-areas:"icon name text";column-gap:20px;align-items:center;padding:18px 0;}
  .objpa .objpa-row__text{position:relative;padding-left:24px;font-size:clamp(15px, 1.1cqw, 18px);}
  .objpa .objpa-row__text::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:1px;background:var(--objekt-color-line-strong);}
}
@container objpa (min-width: 1100px){ .objpa .objpa-title{font-size:var(--objekt-fs-display-split-cq, clamp(34px, 3.6cqw, 64px));} }
@container objpa (min-width: 1200px){ .objpa .objpa-wrap{width:min(81.77083cqw, 1600px);margin:0 auto;padding:0;} }
@media (prefers-reduced-motion: reduce){
  .objpa.is-armed .objpa-row{opacity:1;transform:none;transition:none;}
}