/* ROGACHEV — «Для дизайнеров» /designers/ (макеты Designers 1440 и DesignersMobile 390).
   Сначала телефон: одна колонка, короткая строка вместо трёх доводов. От 761 — полное приглашение над формой,
   от 1100 — две колонки (1fr / 1,1fr, между ними 96). Поля, чекбокс, радиокнопки, кнопка — из UI-кита (components.css). */

.rg-des{display:flex;flex-direction:column;padding-top:36px;padding-bottom:48px}

/* ---------- Приглашение */
.rg-des__intro{display:flex;flex-direction:column;gap:16px;padding-bottom:28px}
.rg-des__eyebrow{font-family:var(--font-mono);font-size:11px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-label)}
.rg-des__title{font-family:var(--font-display);font-weight:400;font-size:36px;line-height:1.08;overflow-wrap:break-word}
.rg-des__lead{font-size:16px;line-height:1.55;color:var(--text-2)}
.rg-des__lead--full,.rg-des__points{display:none}
.rg-des__point{display:flex;flex-direction:column;gap:6px;padding:22px 0;border-top:1px solid var(--line)}
.rg-des__point-title{font-family:var(--font-display);font-size:22px;line-height:1.25}
.rg-des__point-text{font-size:15px;line-height:1.55;color:var(--text-2)}

/* ---------- Форма */
.rg-des__main{display:flex;flex-direction:column;gap:22px;padding-top:8px;min-width:0}
.rg-des__h2{font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.2}
.rg-des-form{display:flex;flex-direction:column;gap:22px}
.rg-des-form__row{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.rg-des-form .rg-field textarea{resize:vertical;min-height:112px}

/* «Кто вы»: настоящие радиокнопки в плашках (min-height 52, как в макете) */
.rg-des-who{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:10px}
.rg-des-who__legend{padding:0;margin:0 0 10px;font-size:13px;line-height:1.4;color:var(--text-3)}
.rg-des-who__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.rg-des-who__opt{position:relative;min-height:52px;padding:8px 16px;gap:12px}
.rg-des-who__name{font-size:15px;line-height:1.35}
.rg-des-who.is-error .rg-des-who__opt{border-color:var(--brick)}

/* Файл: пунктирная плашка «Прикрепить файл»; выбранный файл — имя, размер, «Убрать» */
.rg-des-file{display:flex;flex-direction:column;gap:7px;position:relative}
.rg-des-file__input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}
.rg-des-file__pick,.rg-des-file__chosen{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 18px;border:1px dashed var(--underline);font-size:15px;line-height:1.4;color:var(--text-2)}
.rg-des-file__pick{cursor:pointer}
.rg-des-file__pick:hover{border-color:var(--ink);color:var(--text)}
.rg-des-file__input:focus-visible + .rg-des-file__pick{outline:2px solid var(--ink);outline-offset:2px}
.rg-des-file__icon{flex:none;color:var(--text-3)}
.rg-des-file__hint{color:var(--text-3)}
.rg-des-file__chosen{border-style:solid;border-color:var(--line);background:var(--surface);padding-right:4px}
.rg-des-file__name{flex:1;min-width:0;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rg-des-file__size{flex:none;font-family:var(--font-mono);font-size:13px;color:var(--text-3)}
.rg-des-file__remove{flex:none;width:var(--tap);height:var(--tap);display:inline-flex;align-items:center;justify-content:center;color:var(--text-2)}
.rg-des-file__remove:hover{color:var(--brick)}
.rg-des-file.is-error .rg-des-file__pick,.rg-des-file.is-error .rg-des-file__chosen{border-color:var(--brick)}

.rg-des-form__consent{display:flex;flex-direction:column;gap:4px}
.rg-des-form__consent .rg-check{padding:0}
.rg-des-form__consent .rg-field__error{padding-left:36px}
.rg-des-form__alert{justify-content:flex-start}
.rg-des-form__submit-wrap{display:flex;flex-direction:column;gap:12px}
.rg-des-form__submit{min-height:60px}
.rg-des-form__submit-wrap .rg-guard-note{font-size:12px;line-height:1.45;color:var(--text-3)}

/* ---------- Подтверждение */
.rg-des-done{background:var(--surface);border:1px solid var(--line);padding:36px;display:flex;flex-direction:column;gap:16px}
.rg-des-done__title{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.15;outline:none}
.rg-des-done__title:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.rg-des-done__text{font-size:16px;line-height:1.6;color:var(--text-2)}
.rg-des-done__again{align-self:flex-start;min-height:var(--tap);font-size:15px;line-height:1.4;position:relative}
.rg-des-done__again::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:1px;background:var(--underline)}
.rg-des-done__again:hover::after{background:var(--patina)}

/* ---------- Планшет: полное приглашение над формой */
@media (min-width:761px){
  .rg-des{padding-top:56px;padding-bottom:88px}
  .rg-des__intro{gap:24px;padding-bottom:48px;max-width:720px}
  .rg-des__eyebrow{font-size:12px}
  .rg-des__title{font-size:48px;line-height:1.06}
  .rg-des__lead{font-size:18px;line-height:1.6;max-width:520px}
  .rg-des__lead--short{display:none}
  .rg-des__lead--full{display:block}
  .rg-des__points{display:flex;flex-direction:column}
  .rg-des__main{gap:26px;padding-top:0;max-width:720px}
  .rg-des__h2{font-size:32px}
  .rg-des-form__row,.rg-des-who__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Планшет: колонка 720 px по центру, а не прижата влево */
@media (min-width:761px) and (max-width:1099px){
  .rg-des__intro,.rg-des__main{margin-left:auto;margin-right:auto}
}

/* ---------- Компьютер: две колонки */
@media (min-width:1100px){
  .rg-des{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:96px;align-items:start;padding-top:72px}
  .rg-des__intro{gap:32px;padding-bottom:0;max-width:none}
  .rg-des__title{font-size:56px}
  .rg-des__main{max-width:none}
}
@media (min-width:1100px) and (max-width:1279px){
  .rg-des{gap:64px}
}

/* ---------- Материалы под проект (фактуры) */
.rg-tex{display:flex;flex-direction:column;gap:16px;padding-top:12px;padding-bottom:56px;border-top:1px solid var(--line)}
.rg-tex__title{font-family:var(--font-display);font-weight:400;font-size:28px;line-height:1.15;margin-top:8px}
.rg-tex__lead{font-size:16px;line-height:1.55;color:var(--text-2);max-width:640px}
.rg-tex__grid{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
.rg-tex__item{display:flex;flex-direction:column;gap:6px;min-width:0}
.rg-tex__chip{display:block;aspect-ratio:4/3;width:100%;margin-bottom:6px}
.rg-tex__name{font-family:var(--font-display);font-size:19px;line-height:1.25}
.rg-tex__text{font-size:14px;line-height:1.5;color:var(--text-2)}
.rg-tex__foot{font-size:14px;line-height:1.5;color:var(--text-3);max-width:640px}
.rg-tex__cta{align-self:flex-start}
@media (min-width:761px){
  .rg-tex{padding-top:48px;padding-bottom:88px;gap:20px}
  .rg-tex__title{font-size:36px}
  .rg-tex__lead{font-size:18px}
  .rg-tex__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
}
@media (min-width:1100px){
  .rg-tex__grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}