.home-pilot { --home-ink: #183b52; --home-link: #145b83; color: #1e2d38; max-width: 1480px; margin: 0 auto; }
.home-page-content > h1 { max-width: 1480px; margin-left: auto; margin-right: auto; }
.home-intro { margin: 0; font-size: 1.08rem; line-height: 1.65; }
.home-intro p { margin: 0; }
.home-section { margin: 34px 0 46px; }
.home-pilot > .home-section:first-of-type { margin-top: 16px; }
.home-pilot .home-section-heading h2 { margin-top: 0 !important; }
.home-section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.home-pilot h2 { color: var(--home-ink); font-size: clamp(1.45rem, 2.4vw, 2rem); line-height: 1.2; margin: 0 0 19px; }
.home-section-heading a { color: var(--home-link); font-weight: 600; text-underline-offset: 3px; }
.home-categories-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.home-category { display: flex; align-items: center; gap: 12px; min-height: 100px; padding: 10px; border: 1px solid #d8e1e7; border-radius: 12px; color: var(--home-ink); text-decoration: none; background: #fff; }
.home-category img { flex: 0 0 80px; width: 80px; height: 80px; object-fit: contain; }
.home-category span { font-weight: 600; line-height: 1.3; }
.home-category:hover, .home-category:focus-visible, .home-drawing:hover, .home-drawing:focus-visible { border-color: #397ca0; text-decoration: underline; }
.home-pilot a:focus-visible { outline: 3px solid #1b668d; outline-offset: 3px; }
.home-ad { width: 100%; max-width: 1200px; min-height: 280px; margin: 42px auto 50px; text-align: center; }
.home-drawings-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.home-drawing { display: block; min-width: 0; padding: 8px; border: 1px solid #d8e1e7; border-radius: 12px; color: var(--home-ink); text-decoration: none; background: #fff; }
.home-drawing-image { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; overflow: hidden; background: #fff; }
.home-drawing-image img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.home-drawing-title { display: block; margin-top: 9px; line-height: 1.35; font-weight: 600; }
.home-surprise { margin: 24px 0 48px; padding: 24px 28px; border-radius: 14px; background: #eaf4f8; }
.home-surprise h2 { margin-bottom: 7px; }
.home-surprise p { margin: 0 0 15px; line-height: 1.5; }
.home-surprise a { display: inline-block; padding: 11px 18px; border-radius: 8px; background: #145b83; color: #fff; font-weight: 700; text-decoration: none; }
.home-surprise a:hover { background: #0d4567; }
@media (max-width: 1100px) { .home-categories-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .home-drawings-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 700px) { .home-categories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-drawings-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home-category { min-height: 86px; } .home-category img { flex-basis: 60px; width: 60px; height: 60px; } .home-ad { min-height: 250px; } }
@media (max-width: 420px) { .home-category { gap: 7px; padding: 7px; font-size: .9rem; } .home-category img { flex-basis: 54px; width: 54px; height: 54px; } .home-surprise { padding: 20px; } }