/* Стили новой главной страницы index1 и подключённых блоков. */

/* index1 */
.home26 {
    --home-blue: #4b84c9;
    --home-ink: #333;
    --home-muted: rgba(51,51,51,.76);
    --home-line: rgba(51,51,51,.12);
    color: var(--home-ink);
    background: #fff;
    line-height: 1.55;
}
.home26 :is(h1,h2,h3) { font-family: 'Manrope',sans-serif; letter-spacing: -.025em; color: var(--home-ink); }
.home26 h1 { font-size: clamp(2.5rem,5vw,4.5rem); line-height: 1.08; font-weight: 800; }
.home26 h2 { font-size: clamp(1.75rem,3vw,2.6rem); line-height: 1.2; font-weight: 700; }
.home26 h3 { font-size: 1.2rem; line-height: 1.35; font-weight: 600; }
.home26 .home-section { padding-block: clamp(2.5rem,5vw,4.5rem); }
.home26 .home-muted { color: var(--home-muted); }
.home26 .home-eyebrow { color: var(--home-blue); font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.home26 .home-link { color: var(--home-blue); text-decoration: none; font-weight: 600; }
.home26 .home-link:hover { color: #333; text-decoration: underline; }
.home26 .btn { border-radius: .75rem; padding: .7rem 1.2rem; font-weight: 600; }
.home26 .btn-primary { --bs-btn-bg: #4b84c9; --bs-btn-border-color: #4b84c9; --bs-btn-hover-bg: #333; --bs-btn-hover-border-color: #333; --bs-btn-active-bg: #333; --bs-btn-active-border-color: #333; }
.home26 .home-soft { background: #f5f5f5; }
.home26 .home-course { display: flex; flex-direction: column; color: var(--home-ink); background: #fff; border: 1px solid var(--home-line); border-radius: 1rem; transition: border-color .2s,transform .2s; }
.home26 .home-course:hover { color: var(--home-ink); border-color: var(--home-blue); transform: translateY(-3px); }
.home26 .home-course-image { display: block; width: 100%; height: auto; border-radius: .65rem; }
.home26 .home-course-body { display: flex; flex: 1; flex-direction: column; }
.home26 .home-course-type { font-size: .74rem; color: var(--home-blue); font-weight: 600; }
.home26 .home-course p { font-size: .94rem; }
.home26 .home-course-tail { color: var(--home-blue); font-size: .9rem; font-weight: 600; }
.home26 .home-free { background: #def6db; border-radius: 1.25rem; }
.home26 .home-gold { background: #ffeeb1; border-radius: 1.25rem; }
.home26 .home-review { border: 1px solid var(--home-line); border-radius: 1rem; background: #fff; }
.home26 .home-review blockquote { font-size: 1rem; line-height: 1.6; }
.home26 .home-avatar { width: 48px; height: 48px; object-fit: cover; }
.home26 .home-gallery img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: .75rem; }
.home26 .home-story { border-top: 1px solid var(--home-line); padding-block: 1.25rem; }
.home26 .home-story:first-of-type { border-top: 0; }
.home26 .home-story h3 { font-size: 1.1rem; }
.home26 .home-story img { width: 112px; height: 84px; object-fit: cover; border-radius: .6rem; }
.home26 .home-rules { columns: 2; column-gap: 3rem; }
.home26 .home-rules li { break-inside: avoid; margin-bottom: .8rem; padding-left: .25rem; }
.home26 .home-contact { background: #c8e3f8; }
.home26 a:focus-visible { outline: 3px solid var(--home-blue); outline-offset: 4px; }
@media (max-width: 575.98px) {
    .home26 .home-course h3 { font-size: 1.05rem; }
    .home26 .home-rules { columns: 1; }
    .home26 .home-story img { width: 80px; height: 64px; }
}
@media (prefers-reduced-motion: reduce) {
    .home26 .home-course { transition: none; }
    .home26 .home-course:hover { transform: none; }
}

/* index1_header */
:root {
        --menu-height: 60px; /* Укажи фактическую высоту верхнего меню */
    }

    #index1-header {
        min-height: calc(100vh - var(--menu-height));
        min-height: calc(100dvh - var(--menu-height));
    }

    #index1-header-photo {
        width: 70vw;
        max-width: 400px;
        height: auto;
        mask-image: linear-gradient(to bottom, black 85%, transparent 95%);
    }

    @media (min-width: 992px) {
        #index1-header {
            min-height: 70vh;
            min-height: 70dvh;
        }
    }

/* Тень заголовка шапки */
#index1-header #home-title {
    text-shadow: rgb(0, 0, 0) -3px -3px 12px, rgb(0, 0, 0) 3px -3px 12px, rgb(0, 0, 0) -3px 3px 12px, rgb(0, 0, 0) 3px 3px 12px;
}

/* index1_stats */
#ushkov-about { background: linear-gradient(180deg, #f7faff 0%, #fff 85%); color: #273345; }
  #ushkov-about .about-kicker { font-size: .78rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: #4b83c6; }
  #ushkov-about .about-quote { font-size: clamp(1.3rem, 2.2vw, 2rem); line-height: 1.4; font-weight: 500; letter-spacing: -.025em; }
  #ushkov-about .about-stat { border: 1px solid #e3ebf5; border-radius: 1rem; background: #fff; height: 100%; padding: 1.2rem .8rem; }
  #ushkov-about .stat-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: #eaf3ff; color: #447fca; font-size: 1.15rem; }
  #ushkov-about .stat-value { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 800; line-height: 1.1; color: #447fca; }
  #ushkov-about .stat-label { font-size: .9rem; color: #647184; }
  #ushkov-about .about-books { border-top: 1px solid #e3ebf5; }
  #ushkov-about .book-image { width: 100%; height: auto; object-fit: contain; }
  #ushkov-about .about-highlight { color: #3776bd; }
  @media (max-width: 575.98px) {
    #ushkov-about .about-stat { padding: 1rem .5rem; }
  }