.home-page .hero { min-height: 560px; padding: 165px 0 65px; background: linear-gradient(90deg, rgba(5,13,15,.97) 0%, rgba(5,13,15,.84) 35%, rgba(5,13,15,.28) 72%, rgba(5,13,15,.1)), url('assets/hero-pivaren.png') center / cover; }
.home-page .hero h1 { display: grid; max-width: 600px; font-size: clamp(3.1rem, 5.5vw, 5rem); line-height: 1.08; }
.home-title-text { grid-area: 1 / 1; visibility: hidden; opacity: 0; transition: opacity .3s ease; }
.home-title-welcome { font-size: .84em; }
.home-title-text.is-active { visibility: visible; opacity: 1; }
.home-page .about .two-column { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 78px; }
.home-page .about-image { width: 100%; max-width: none; }
.home-page .about [hidden] { display: none; }
.home-about-toggle { border: 0; padding: 0; background: transparent; font-family: inherit; cursor: pointer; }
.home-about-toggle:focus-visible { outline: 2px solid var(--orange); outline-offset: 5px; }
@media (max-width: 850px) { .home-page .about .two-column { grid-template-columns: 1fr; gap: 38px; } }
@media (max-width: 600px) {
    .home-page .hero { min-height: 620px; padding: 150px 0 60px; background-position: 60% center; }
    .home-page .hero h1 { font-size: clamp(2.9rem, 12vw, 3.6rem); }
}
@media (prefers-reduced-motion: reduce) { .home-title-text { transition: none; } }