/* Читаемость, 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%}}

/* Команда, 01.11.2026: строка «Автор: …» мельче основного описания, заголовок жирный */
html .person-projects{font-size:13px;line-height:1.65;color:#5d6358}
html .person-projects strong{font-weight:650;color:var(--green)}
@media(max-width:640px){html .person-projects{font-size:12.5px}}

/* Направления, 02.11.2026: четыре карточки (добавлено «Образованию и культуре») */
@media(min-width:1151px){html .directions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html .direction h3{font-size:32px}html .direction{padding-inline:26px}html .direction:last-child{border-right:0}}
@media(max-width:1150px) and (min-width:641px){html .directions-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}html .direction:nth-child(2n){border-right:0}html .direction:nth-child(2n+1){padding-left:0}}

/* Нам доверяют, 02.11.2026 */
html .partners{border-top:1px solid var(--line)}
html .partners-grid{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
html .partner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 18px 26px;background:#fbf8ef8c;border:1px solid #d9d0bc;border-radius:5px}
html .partner-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #c9ad74;border-radius:50%;color:#b28e47;font-size:20px;margin-bottom:8px}
html .partner strong{font:500 22px/1.15 var(--serif);color:var(--green)}
html .partner span:last-child{font-size:13px;line-height:1.5;color:#6f6250}
@media(max-width:1150px){html .partners-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){html .partners-grid{grid-template-columns:1fr 1fr;gap:12px}html .partner{padding:20px 12px}html .partner strong{font-size:19px}html .partner:last-child:nth-child(odd){grid-column:1/-1}}

/* Направления, 02.11.2026: заметные кликабельные карточки и окно с описанием */
html .directions-grid{gap:20px}
html .direction{position:relative;cursor:pointer;background:#fffdf6;border:1px solid #dccaa4!important;border-radius:8px;padding:30px 28px 26px!important;box-shadow:0 10px 30px #3b2f1210;transition:transform .25s,box-shadow .25s,border-color .25s}
html .direction:hover,html .direction:focus-visible{transform:translateY(-4px);box-shadow:0 18px 40px #3b2f1222;border-color:#c49a52!important;outline:none}
html .direction h3{font-size:34px}
html .direction .item-index{font-size:12px;font-weight:650;color:#8a6a2f}
html .direction .inline-link{color:var(--green);font-weight:650}
@media(min-width:1151px){html .direction h3{font-size:34px}}
@media(max-width:1150px) and (min-width:641px){html .direction:nth-child(2n+1){padding-left:28px!important}}
@media(max-width:640px){html .directions-grid{gap:14px}html .direction{padding:22px 20px!important;border-bottom:1px solid #dccaa4!important}html .direction h3{font-size:30px}}
html .direction-dialog{width:min(640px,calc(100% - 36px))}
html .direction-dialog h2{font-size:46px;line-height:1.02}
html .direction-dialog .dir-lead{font-size:16px!important;line-height:1.7;margin:16px 0 18px}
html .dir-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px}
html .dir-list li{position:relative;padding-left:24px;font-size:15px;line-height:1.55;color:#2f3a31}
html .dir-list li:before{content:"✦";position:absolute;left:0;top:0;color:#b28e47;font-size:13px}
html .direction-dialog .dir-note{font-size:14px!important;color:#6f6250!important;margin:0 0 22px}
@media(max-width:640px){html .direction-dialog h2{font-size:36px}html .dir-actions .button{width:100%}}
html .partner-logo{display:block;height:64px;width:auto;margin-bottom:6px;object-fit:contain}
html .partner-mark{width:64px;height:64px;margin-bottom:6px;font-size:24px}
/* Партнёры, 02.11.2026: шесть карточек с логотипами */
html .partners-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1080px;margin-inline:auto}
html .partner{padding:30px 22px 28px;justify-content:flex-start}
html .partner-logo{height:84px;width:auto;max-width:180px;margin-bottom:12px}
@media(max-width:900px){html .partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){html .partners-grid{grid-template-columns:1fr 1fr}html .partner-logo{height:64px;max-width:130px}html .partner span:last-child{font-size:12px}}
@media(max-width:640px){html .partners-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html .partner{padding:20px 10px}html .partner strong{font-size:18px}html .partner span:last-child,html .partner strong{overflow-wrap:anywhere;hyphens:auto}}

/* Брендам и компаниям, 02.11.2026: выделенная карточка и анимированный рупор */
html .direction-featured{background:linear-gradient(180deg,#fff8e6 0%,#fffdf6 55%)!important;border-color:#d6a640!important;box-shadow:0 14px 38px #b8862a26!important}
html .direction-featured:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:5px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#1f7a4a,#f2c14e,#e8a317)}
html .direction-featured .item-index{color:#1f6b42}
html .megaphone-icon{width:78px;height:78px;border:0;background:radial-gradient(circle at 35% 30%,#2b6a48,#123526 70%);color:#f6c84c;box-shadow:0 8px 22px #12352640,0 0 0 4px #f6c84c33}
html .megaphone-icon svg{width:44px;height:44px;stroke-width:2;overflow:visible}
html .megaphone-icon .mp-body{transform-origin:20px 24px;animation:mp-shout 2.4s ease-in-out infinite}
html .megaphone-icon .mp-wave{stroke:#ffd75e;opacity:0;animation:mp-wave 2.4s ease-out infinite}
html .megaphone-icon .w2{animation-delay:.25s}
html .megaphone-icon .w3{animation-delay:.5s}
@keyframes mp-shout{0%,60%,100%{transform:rotate(0) scale(1)}12%{transform:rotate(-7deg) scale(1.06)}24%{transform:rotate(3deg) scale(1.03)}36%{transform:rotate(0) scale(1)}}
@keyframes mp-wave{0%{opacity:.2;transform:translateX(-2px)}15%{opacity:1}60%{opacity:.35;transform:translateX(3px)}100%{opacity:.2;transform:translateX(3px)}}
html .direction-featured:hover .megaphone-icon{box-shadow:0 10px 26px #12352655,0 0 0 6px #f6c84c55}
@media(max-width:640px){html .megaphone-icon{width:56px;height:56px}html .megaphone-icon svg{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){html .megaphone-icon .mp-body,html .megaphone-icon .mp-wave{animation:none}html .megaphone-icon .mp-wave{opacity:1}}
/* Контакты, 02.11.2026: кнопки по центру */
html .contact-inner .estimate-row{justify-content:center}