#ggp-projects-hero,
#ggp-projects-hero * {
box-sizing: border-box;
}
#ggp-projects-hero {
--ggp-bg: #0b1323;
--ggp-bg-soft: #111d32;
--ggp-text: #f4f6f9;
--ggp-muted: #c2c9d3;
--ggp-gold: #c7a15a;
--ggp-line: rgba(255, 255, 255, 0.13);
position: relative;
isolation: isolate;
overflow: hidden;
width: 100%;
padding: clamp(74px, 9vw, 132px) 24px clamp(68px, 8vw, 112px);
color: var(--ggp-text) !important;
background:
radial-gradient(circle at 83% 20%, rgba(199, 161, 90, 0.16), transparent 28%),
radial-gradient(circle at 13% 90%, rgba(73, 108, 161, 0.17), transparent 31%),
linear-gradient(135deg, var(--ggp-bg) 0%, var(--ggp-bg-soft) 100%);
font-family: inherit;
}
#ggp-projects-hero::before {
content: "";
position: absolute;
z-index: -1;
top: -145px;
right: -110px;
width: 430px;
height: 430px;
border: 1px solid rgba(199, 161, 90, 0.19);
border-radius: 50%;
}
#ggp-projects-hero::after {
content: "";
position: absolute;
z-index: -1;
right: 8%;
bottom: -110px;
width: 260px;
height: 260px;
border: 1px solid rgba(255, 255, 255, 0.08);
transform: rotate(25deg);
}
#ggp-projects-hero .ggp-hero__inner {
width: min(1180px, 100%);
margin: 0 auto;
}
#ggp-projects-hero .ggp-hero__eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0 0 24px;
color: var(--ggp-gold) !important;
-webkit-text-fill-color: var(--ggp-gold) !important;
font-size: 13px;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.15em;
text-transform: uppercase;
}
#ggp-projects-hero .ggp-hero__eyebrow::before {
content: "";
width: 38px;
height: 2px;
background: var(--ggp-gold);
}
#ggp-projects-hero .ggp-hero__title {
max-width: 980px;
margin: 0;
color: var(--ggp-text) !important;
-webkit-text-fill-color: var(--ggp-text) !important;
font-size: clamp(38px, 5.4vw, 72px);
font-weight: 750;
line-height: 1.06;
letter-spacing: -0.035em;
}
#ggp-projects-hero .ggp-hero__lead {
max-width: 790px;
margin: 30px 0 0;
color: var(--ggp-muted) !important;
-webkit-text-fill-color: var(--ggp-muted) !important;
font-size: clamp(18px, 2vw, 23px);
font-weight: 400;
line-height: 1.58;
}
#ggp-projects-hero .ggp-hero__method {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 34px 0 0;
padding: 0;
list-style: none;
}
#ggp-projects-hero .ggp-hero__method li {
margin: 0;
padding: 9px 14px;
border: 1px solid var(--ggp-line);
border-radius: 999px;
color: #e0e5ec !important;
-webkit-text-fill-color: #e0e5ec !important;
background: rgba(255, 255, 255, 0.045);
font-size: 14px;
font-weight: 600;
line-height: 1.35;
}
#ggp-projects-hero .ggp-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin-top: 42px;
}
#ggp-projects-hero .ggp-hero__button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
padding: 14px 23px;
border: 1px solid transparent;
border-radius: 9px;
text-decoration: none !important;
font-size: 16px;
font-weight: 700;
line-height: 1.2;
transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
#ggp-projects-hero .ggp-hero__button:hover {
transform: translateY(-2px);
}
#ggp-projects-hero .ggp-hero__button--primary {
color: #101826 !important;
-webkit-text-fill-color: #101826 !important;
background: var(--ggp-gold);
}
#ggp-projects-hero .ggp-hero__button--primary:hover {
background: #d6b46f;
}
#ggp-projects-hero .ggp-hero__button--secondary {
border-color: rgba(255, 255, 255, 0.28);
color: var(--ggp-text) !important;
-webkit-text-fill-color: var(--ggp-text) !important;
background: rgba(255, 255, 255, 0.035);
}
#ggp-projects-hero .ggp-hero__button--secondary:hover {
border-color: rgba(255, 255, 255, 0.52);
background: rgba(255, 255, 255, 0.08);
}
@media (max-width: 767px) {
#ggp-projects-hero {
padding: 64px 20px 70px;
}
#ggp-projects-hero::before {
top: -120px;
right: -210px;
width: 350px;
height: 350px;
}
#ggp-projects-hero .ggp-hero__eyebrow {
margin-bottom: 20px;
font-size: 11px;
letter-spacing: 0.12em;
}
#ggp-projects-hero .ggp-hero__title {
font-size: clamp(36px, 11vw, 50px);
line-height: 1.08;
}
#ggp-projects-hero .ggp-hero__lead {
margin-top: 24px;
font-size: 18px;
line-height: 1.5;
}
#ggp-projects-hero .ggp-hero__method {
margin-top: 28px;
}
#ggp-projects-hero .ggp-hero__method li {
font-size: 13px;
}
#ggp-projects-hero .ggp-hero__actions {
flex-direction: column;
margin-top: 34px;
}
#ggp-projects-hero .ggp-hero__button {
width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
#ggp-projects-hero .ggp-hero__button {
transition: none;
}
}
Проектная деятельность
Проекты, которые превращают общественные задачи в работающие решения
Исследую проблему, проектирую механизм изменений, объединяю партнёров, запускаю пилот и оцениваю результат.
- Исследование
- Проектирование
- Пилотирование
- Масштабирование
#flagship-projects,
#flagship-projects * {
box-sizing: border-box;
}
#flagship-projects {
--ggp2-bg: #f3f0e9;
--ggp2-card: #ffffff;
--ggp2-navy: #111b2d;
--ggp2-text: #263246;
--ggp2-muted: #667084;
--ggp2-gold: #a77d36;
--ggp2-gold-soft: #f2e8d5;
--ggp2-line: #ded9cf;
width: 100%;
padding: clamp(72px, 8vw, 116px) 24px;
color: var(--ggp2-text) !important;
background: var(--ggp2-bg);
font-family: inherit;
}
#flagship-projects .ggp2-inner {
width: min(1180px, 100%);
margin: 0 auto;
}
#flagship-projects .ggp2-header {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
gap: 50px;
align-items: end;
margin-bottom: 46px;
}
#flagship-projects .ggp2-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0 0 18px;
color: var(--ggp2-gold) !important;
-webkit-text-fill-color: var(--ggp2-gold) !important;
font-size: 13px;
font-weight: 750;
line-height: 1.3;
letter-spacing: 0.14em;
text-transform: uppercase;
}
#flagship-projects .ggp2-eyebrow::before {
content: "";
width: 34px;
height: 2px;
background: var(--ggp2-gold);
}
#flagship-projects .ggp2-title {
max-width: 720px;
margin: 0;
color: var(--ggp2-navy) !important;
-webkit-text-fill-color: var(--ggp2-navy) !important;
font-size: clamp(34px, 4.2vw, 54px);
font-weight: 760;
line-height: 1.08;
letter-spacing: -0.03em;
}
#flagship-projects .ggp2-intro {
max-width: 470px;
margin: 0;
color: var(--ggp2-muted) !important;
-webkit-text-fill-color: var(--ggp2-muted) !important;
font-size: 18px;
line-height: 1.62;
}
#flagship-projects .ggp2-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
#flagship-projects .ggp2-card {
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
min-height: 100%;
padding: clamp(27px, 3vw, 38px);
border: 1px solid var(--ggp2-line);
border-radius: 22px;
background: var(--ggp2-card);
box-shadow: 0 12px 34px rgba(17, 27, 45, 0.065);
}
#flagship-projects .ggp2-card::after {
content: attr(data-number);
position: absolute;
top: -22px;
right: 20px;
color: rgba(17, 27, 45, 0.038) !important;
-webkit-text-fill-color: rgba(17, 27, 45, 0.038) !important;
font-size: 116px;
font-weight: 800;
line-height: 1;
letter-spacing: -0.08em;
pointer-events: none;
}
#flagship-projects .ggp2-card__top {
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
margin-bottom: 24px;
}
#flagship-projects .ggp2-card__type {
margin: 0;
color: var(--ggp2-gold) !important;
-webkit-text-fill-color: var(--ggp2-gold) !important;
font-size: 12px;
font-weight: 750;
line-height: 1.3;
letter-spacing: 0.08em;
text-transform: uppercase;
}
#flagship-projects .ggp2-status {
flex: 0 0 auto;
margin: 0;
padding: 7px 10px;
border: 1px solid #dfcfb0;
border-radius: 999px;
color: #76551f !important;
-webkit-text-fill-color: #76551f !important;
background: var(--ggp2-gold-soft);
font-size: 10px;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.055em;
text-transform: uppercase;
white-space: nowrap;
}
#flagship-projects .ggp2-card__title {
position: relative;
z-index: 1;
margin: 0 0 18px;
color: var(--ggp2-navy) !important;
-webkit-text-fill-color: var(--ggp2-navy) !important;
font-size: clamp(25px, 2.6vw, 34px);
font-weight: 760;
line-height: 1.16;
letter-spacing: -0.022em;
}
#flagship-projects .ggp2-card__summary {
position: relative;
z-index: 1;
margin: 0 0 27px;
color: var(--ggp2-muted) !important;
-webkit-text-fill-color: var(--ggp2-muted) !important;
font-size: 16px;
line-height: 1.58;
}
#flagship-projects .ggp2-case {
position: relative;
z-index: 1;
display: grid;
gap: 0;
margin: 0;
border-top: 1px solid #e9e5dd;
}
#flagship-projects .ggp2-case__row {
display: grid;
grid-template-columns: 88px minmax(0, 1fr);
gap: 14px;
padding: 17px 0;
border-bottom: 1px solid #e9e5dd;
}
#flagship-projects .ggp2-case__label {
margin: 0;
color: var(--ggp2-gold) !important;
-webkit-text-fill-color: var(--ggp2-gold) !important;
font-size: 11px;
font-weight: 800;
line-height: 1.45;
letter-spacing: 0.065em;
text-transform: uppercase;
}
#flagship-projects .ggp2-case__text {
margin: 0;
color: var(--ggp2-text) !important;
-webkit-text-fill-color: var(--ggp2-text) !important;
font-size: 14px;
line-height: 1.55;
}
#flagship-projects .ggp2-card__footer {
position: relative;
z-index: 1;
display: flex;
align-items: flex-start;
gap: 10px;
margin-top: auto;
padding-top: 24px;
}
#flagship-projects .ggp2-card__footer::before {
content: "";
flex: 0 0 auto;
width: 8px;
height: 8px;
margin-top: 6px;
border-radius: 50%;
background: var(--ggp2-gold);
box-shadow: 0 0 0 5px var(--ggp2-gold-soft);
}
#flagship-projects .ggp2-card__footer p {
margin: 0;
color: #4f5b6e !important;
-webkit-text-fill-color: #4f5b6e !important;
font-size: 13px;
font-weight: 650;
line-height: 1.5;
}
@media (max-width: 900px) {
#flagship-projects .ggp2-header {
grid-template-columns: 1fr;
gap: 20px;
}
#flagship-projects .ggp2-intro {
max-width: 760px;
}
#flagship-projects .ggp2-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
#flagship-projects {
padding: 64px 18px 72px;
}
#flagship-projects .ggp2-header {
margin-bottom: 34px;
}
#flagship-projects .ggp2-title {
font-size: 36px;
}
#flagship-projects .ggp2-intro {
font-size: 17px;
}
#flagship-projects .ggp2-card {
padding: 25px 21px 27px;
border-radius: 17px;
}
#flagship-projects .ggp2-card::after {
top: -8px;
right: 12px;
font-size: 82px;
}
#flagship-projects .ggp2-card__top {
align-items: flex-start;
flex-direction: column;
margin-bottom: 20px;
}
#flagship-projects .ggp2-card__title {
font-size: 27px;
}
#flagship-projects .ggp2-case__row {
grid-template-columns: 1fr;
gap: 5px;
}
}
Флагманские проекты
От диагностики проблемы — к работающему механизму
В каждом проекте соединяются исследование, социальное проектирование, партнёрская координация, пилотирование и оценка результата.
Межрегиональный проект
Реализуется
Школа безопасности маленьких пассажиров
Система формирования безопасных семейных привычек при перевозке детей — от исследования поведения родителей до занятий с детьми и подготовки амбассадоров.
Проблема
Знание правил не всегда превращается в безопасное поведение, особенно во время коротких поездок.
Решение
Опросы детей и родителей, интерактивные программы, измерение изменений и работа с семейными сценариями.
Моя роль
Социальный архитектор, исследователь и разработчик образовательных решений.
Пилотные мероприятия для детей, родителей и будущих амбассадоров проекта
Авторская методика
Пилотирование
Индекс интеграции семей участников СВО
Инструмент муниципальной диагностики, который помогает увидеть, насколько система поддержки понятна, доступна и связана с реальными потребностями семей.
Проблема
Меры поддержки существуют, но путь семьи между организациями может оставаться разрозненным и непрозрачным.
Решение
Анонимная обратная связь, система показателей, карта разрывов и рекомендации для муниципальной команды.
Моя роль
Автор методики и руководитель исследовательского трека.
Методическая разработка проходит апробацию на муниципальном уровне
Региональный проект
Разработан
Киберщит Кубани
Система профилактики цифровых рисков, вовлечения подростков в деструктивную деятельность и распространения опасного контента.
Проблема
Разовые лекции повышают информированность, но сами по себе не формируют устойчивые навыки цифровой безопасности.
Решение
Диагностика, массовое информирование, углублённый цикл занятий и межведомственные круглые столы.
Моя роль
Автор концепции, руководитель проекта и разработчик просветительской программы.
План: 4 территории, 14 образовательных организаций и 1 400 подростков в основном цикле
Федеральный проектный трек
Проектирование
Профналог
Система вовлечения молодёжи в легальную самозанятость — не только через регистрацию, но и через понимание возможностей, обучение и сопровождение первых шагов.
Проблема
Молодые люди получают разрозненную информацию и не всегда понимают практическую ценность легального статуса.
Решение
Исследование барьеров, подготовка амбассадоров, просветительский цикл и измерение конверсии в действие.
Моя роль
Социальный архитектор и эксперт по продукту и исследовательской логике.
Проектируется модель пилота с последующим межрегиональным масштабированием
#ggp-project-method,
#ggp-project-method * {
box-sizing: border-box;
}
#ggp-project-method {
--ggp3-bg: #0b1424;
--ggp3-bg-soft: #111e33;
--ggp3-card: rgba(255, 255, 255, 0.055);
--ggp3-text: #f4f6f9;
--ggp3-muted: #bcc5d1;
--ggp3-gold: #c7a15a;
--ggp3-line: rgba(255, 255, 255, 0.14);
position: relative;
isolation: isolate;
overflow: hidden;
width: 100%;
padding: clamp(76px, 8vw, 118px) 24px;
color: var(--ggp3-text) !important;
background:
radial-gradient(circle at 8% 20%, rgba(69, 102, 151, 0.18), transparent 28%),
radial-gradient(circle at 92% 88%, rgba(199, 161, 90, 0.13), transparent 25%),
linear-gradient(140deg, var(--ggp3-bg) 0%, var(--ggp3-bg-soft) 100%);
font-family: inherit;
}
#ggp-project-method .ggp3-inner {
width: min(1180px, 100%);
margin: 0 auto;
}
#ggp-project-method .ggp3-header {
max-width: 820px;
margin-bottom: 52px;
}
#ggp-project-method .ggp3-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin: 0 0 18px;
color: var(--ggp3-gold) !important;
-webkit-text-fill-color: var(--ggp3-gold) !important;
font-size: 13px;
font-weight: 750;
line-height: 1.3;
letter-spacing: 0.14em;
text-transform: uppercase;
}
#ggp-project-method .ggp3-eyebrow::before {
content: "";
width: 35px;
height: 2px;
background: var(--ggp3-gold);
}
#ggp-project-method .ggp3-title {
margin: 0;
color: var(--ggp3-text) !important;
-webkit-text-fill-color: var(--ggp3-text) !important;
font-size: clamp(35px, 4.6vw, 56px);
font-weight: 760;
line-height: 1.08;
letter-spacing: -0.032em;
}
#ggp-project-method .ggp3-lead {
max-width: 760px;
margin: 24px 0 0;
color: var(--ggp3-muted) !important;
-webkit-text-fill-color: var(--ggp3-muted) !important;
font-size: 18px;
line-height: 1.62;
}
#ggp-project-method .ggp3-steps {
position: relative;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 14px;
}
#ggp-project-method .ggp3-steps::before {
content: "";
position: absolute;
z-index: -1;
top: 31px;
left: 6%;
right: 6%;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(199, 161, 90, 0.72) 10%, rgba(199, 161, 90, 0.72) 90%, transparent);
}
#ggp-project-method .ggp3-step {
position: relative;
min-height: 282px;
padding: 23px 19px 24px;
border: 1px solid var(--ggp3-line);
border-radius: 18px;
background: var(--ggp3-card);
backdrop-filter: blur(4px);
}
#ggp-project-method .ggp3-step__number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 43px;
height: 43px;
margin: 0 0 28px;
border: 1px solid rgba(199, 161, 90, 0.5);
border-radius: 50%;
color: #182033 !important;
-webkit-text-fill-color: #182033 !important;
background: var(--ggp3-gold);
box-shadow: 0 0 0 8px rgba(199, 161, 90, 0.08);
font-size: 13px;
font-weight: 800;
line-height: 1;
}
#ggp-project-method .ggp3-step__title {
min-height: 53px;
margin: 0 0 14px;
color: var(--ggp3-text) !important;
-webkit-text-fill-color: var(--ggp3-text) !important;
font-size: 20px;
font-weight: 730;
line-height: 1.25;
letter-spacing: -0.015em;
}
#ggp-project-method .ggp3-step__text {
margin: 0;
color: var(--ggp3-muted) !important;
-webkit-text-fill-color: var(--ggp3-muted) !important;
font-size: 14px;
line-height: 1.58;
}
#ggp-project-method .ggp3-result {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 22px;
align-items: center;
margin-top: 34px;
padding: 25px 28px;
border: 1px solid rgba(199, 161, 90, 0.35);
border-radius: 17px;
background: rgba(199, 161, 90, 0.075);
}
#ggp-project-method .ggp3-result__label {
margin: 0;
padding: 8px 12px;
border-radius: 999px;
color: #172033 !important;
-webkit-text-fill-color: #172033 !important;
background: var(--ggp3-gold);
font-size: 11px;
font-weight: 850;
line-height: 1.2;
letter-spacing: 0.07em;
text-transform: uppercase;
white-space: nowrap;
}
#ggp-project-method .ggp3-result__text {
margin: 0;
color: #e4e8ee !important;
-webkit-text-fill-color: #e4e8ee !important;
font-size: 17px;
font-weight: 600;
line-height: 1.52;
}
@media (max-width: 1050px) {
#ggp-project-method .ggp3-steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#ggp-project-method .ggp3-steps::before {
display: none;
}
#ggp-project-method .ggp3-step {
min-height: 0;
}
#ggp-project-method .ggp3-step:last-child {
grid-column: 1 / -1;
}
#ggp-project-method .ggp3-step__title {
min-height: 0;
}
}
@media (max-width: 650px) {
#ggp-project-method {
padding: 68px 18px 74px;
}
#ggp-project-method .ggp3-header {
margin-bottom: 36px;
}
#ggp-project-method .ggp3-title {
font-size: 36px;
}
#ggp-project-method .ggp3-lead {
font-size: 17px;
}
#ggp-project-method .ggp3-steps {
grid-template-columns: 1fr;
gap: 12px;
}
#ggp-project-method .ggp3-step:last-child {
grid-column: auto;
}
#ggp-project-method .ggp3-step {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
column-gap: 16px;
padding: 21px 18px;
border-radius: 15px;
}
#ggp-project-method .ggp3-step__number {
grid-row: 1 / 3;
width: 42px;
height: 42px;
margin: 0;
}
#ggp-project-method .ggp3-step__title {
margin-bottom: 7px;
font-size: 19px;
}
#ggp-project-method .ggp3-result {
grid-template-columns: 1fr;
gap: 14px;
padding: 22px 20px;
}
#ggp-project-method .ggp3-result__label {
justify-self: start;
}
#ggp-project-method .ggp3-result__text {
font-size: 16px;
}
}
01
02
03
04
05
Метод работы
Проект — это управляемая цепочка изменений
Начинаю не с перечня мероприятий, а с понимания причин проблемы, поведения целевых групп и результата, который должен измениться.
Диагностика проблемы
Определяю корневые причины, заинтересованные стороны, ограничения и разрыв между текущим и желаемым состоянием.
Исследование аудитории
Использую опросы, интервью и наблюдение, чтобы проверить гипотезы и понять реальные поведенческие сценарии.
Проектирование механизма
Формирую логику изменений, роли участников, ресурсы, партнёрства, коммуникации и измеримые показатели.
Пилотирование
Запускаю решение в ограниченном масштабе, собираю обратную связь и корректирую механику до расширения.
Оценка и масштабирование
Сравниваю результаты, фиксирую методику, готовлю партнёров и превращаю пилот в воспроизводимую модель.
На выходе
Не набор разрозненных мероприятий, а воспроизводимая проектная модель с понятными ролями, ресурсами, показателями и механизмом масштабирования.