/* Читаемость, 25.10.2026: основные тексты крупнее и ярче. Заголовки и шрифты не меняются.
   Префикс html поднимает приоритет над правилами из styles.css и его медиазапросов. */
:root{--muted:#4a5246}

/* Мелкие подписи-надзаголовки */
html .eyebrow{font-size:12px;color:#7a6236}
html .eyebrow.light{color:#f0d7a6}
html .hero-content .eyebrow{font-size:12px}

/* Навигация и кнопки */
html .desktop-nav a{font-size:14px;color:#f8f3e8}
html .header-contact{font-size:14px}
html .button{font-size:15px}
html .inline-link{font-size:14px}
html .text-link{font-size:14px}
html .light-link{color:#fbf4e3}

/* Первый экран */
html .hero-description{font-size:19px;line-height:1.65;color:#fbf6ea}
html .hero-bottom{font-size:11px;color:#f2e2c2}
html .motion-toggle{font-size:12px}

/* Вводные абзацы */
html .intro{font-size:18px;line-height:1.75}

/* Направления */
html .item-index{font-size:11px;color:#6f5a32}
html .direction>p:not(.item-index){font-size:16px;line-height:1.75;max-width:340px}
html .tags span{font-size:12px;color:#5f5440}

/* Лагеря */
html .camp-lead{font-size:23px;color:#fbf0d6}
html .camp-copy{font-size:17px;line-height:1.75;max-width:430px;color:#f6f3e9}
html .gift strong{font-size:15px;color:#f8e0ad}
html .gift span{font-size:14px;color:#f6ecd6}
html .camp-details p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:470px}
html .camp-details .camp-audience{font-size:13px!important;color:#6f5a32!important}
html .topic-list span{font-size:14px}

/* Производство и шаги */
html .production-content>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#f1f3ec}
html .steps p{font-size:15px;line-height:1.75}
html .steps-footer-note{font-size:14px}
html .side-note{color:#6f6250}

/* Работы */
html .work-caption small{font-size:12px;color:#7a6438}
html .coming-badge{font-size:13px}

/* Команда */
html .team-story{font-size:18px;line-height:1.75}
html .person-bio{font-size:15px;line-height:1.75}
html .person-projects{font-size:14px;line-height:1.7}
html .person-links{font-size:13px}

/* Контакты и подвал */
html .contact-description{font-size:18px;color:#eef3ea}
html .contact-label{font-size:11px;color:#e3d2ab}
html .contact-grid a{font-size:18px}
html .messenger-note{font-size:14px;color:#e6ece2}
html .footer-inner>span{font-size:12px;color:#c9d3c5}

/* Окна связи и расчёта */
html .contact-dialog p:not(.eyebrow){font-size:15px}
html .contact-options small{font-size:12px}
html .contact-options strong{font-size:16px}
html .estimate-form label{font-size:12px}
html .estimate-form input,html .estimate-form select,html .estimate-form textarea{font-size:15px}
html .estimate-dialog .estimate-disclaimer{font-size:14px}
html .estimate-dialog .estimate-hint{font-size:13px}

/* Телефон */
@media(max-width:640px){
  html .eyebrow{font-size:11px}
  html .hero-content .eyebrow{font-size:11px}
  html .hero-description{font-size:17px}
  html .hero-actions .button{font-size:14px}
  html .text-link{font-size:13px}
  html .hero-bottom,html .scroll-cue{font-size:10px}
  html .motion-toggle{font-size:10px}
  html .intro{font-size:16px}
  html .item-index{font-size:10px}
  html .direction>p:not(.item-index){font-size:16px}
  html .direction .inline-link{font-size:13px}
  html .tags span{font-size:12px}
  html .camp-lead{font-size:19px}
  html .camp-copy{font-size:16px}
  html .gift strong{font-size:14px}
  html .gift span{font-size:14px}
  html .camp-details p:not(.eyebrow){font-size:16px}
  html .topic-list span{font-size:13px}
  html .production-content>p:not(.eyebrow){font-size:16px}
  html .steps p{font-size:15px}
  html .work-caption small{font-size:11px}
  html .team-story{font-size:16px}
  html .person-bio{font-size:15px}
  html .person-projects{font-size:14px}
  html .person-links{font-size:13px}
  html .contact-description{font-size:16px}
  html .contact-grid a{font-size:17px}
}

/* Перенос строк слогана: на компьютере «с которыми мир», на телефоне «мир звучит ярче» вместе */
html .hero h1 .m-br{display:none}
@media(max-width:640px){html .hero h1 .m-br{display:inline}html .hero h1 .d-br{display:none}}
@media(max-width:640px){html .hero h1{font-size:clamp(44px,12.4vw,60px);white-space:nowrap}}

/* Видео с Google Диска в разделе работ */
.work-visual.work-video iframe{display:block;width:100%;height:100%;border:0;background:#081c16}

/* Подписи под адресами почты */
html .mail-note{margin:2px 0 14px;font-size:14px;line-height:1.5;color:#d9cfb6}
@media(max-width:640px){html .mail-note{font-size:13px}}

/* Работы, 30.10.2026: три мультфильма и аудио в сетке 2 × 2 */
html .works-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px;margin-inline:auto;gap:34px 30px}
html .work-visual{aspect-ratio:16/9}
html .work-card audio{display:block;width:100%;margin-top:4px}
html .work-caption h3{font-size:30px}
@media(max-width:760px){html .works-grid{grid-template-columns:1fr;gap:26px}html .work-caption h3{font-size:26px}}

/* Пять шагов, 30.10.2026: законченная сетка без пустых клеток и нижняя линия */
html .steps{border-bottom:1px solid #c9b48a}
@media(max-width:1150px) and (min-width:641px){
  html .steps{grid-template-columns:repeat(6,minmax(0,1fr))}
  html .steps li{grid-column:span 2;border-right:1px solid var(--line);border-top:0;padding:30px 26px 34px}
  html .steps li:nth-child(1),html .steps li:nth-child(4){padding-left:0}
  html .steps li:nth-child(3),html .steps li:nth-child(5){border-right:0;padding-right:0}
  html .steps li:nth-child(4),html .steps li:nth-child(5){grid-column:span 3;border-top:1px solid var(--line)}
}


/* Дайджест путешествий в блоке «Создаём истории», 30.10.2026 */
html .digest-card{margin-top:34px;max-width:560px;padding:26px 28px 24px;border:1px solid #e6ca9655;border-radius:8px;background:linear-gradient(160deg,#0a1f17e6,#0a1f17b3);backdrop-filter:blur(4px)}
html .digest-label{font-size:12px;font-weight:650;letter-spacing:.18em;text-transform:uppercase;color:#f0d7a6;margin:0 0 12px}
html .digest-title{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.05;color:#fbf4e3;margin:0 0 12px}
html .digest-text{font-size:16px!important;line-height:1.7;color:#eef1e8!important;margin:0 0 18px}
html .digest-card audio{display:block;width:100%;height:44px}
html .digest-meta{font-size:13px!important;color:#cfd8cb!important;margin:8px 0 18px}
html .digest-actions{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
@media(max-width:640px){html .digest-card{padding:20px 18px}html .digest-title{font-size:28px}html .digest-actions .button{width:100%}}