/* МНИИПУ. Адаптивная заставка, без зависимостей от библиотек и внешних сервисов. */
:root { color-scheme: dark; --ink: #f4eee4; }
*, *::before, *::after { box-sizing: border-box; }
html { height: 100%; background: #151719; }
body { margin: 0; min-height: 100%; font-family: Georgia, "Times New Roman", serif; color: var(--ink); }
.splash { position: relative; isolation: isolate; display: flex; min-height: 100vh; min-height: 100svh; width: 100%; align-items: flex-end; justify-content: center; overflow: hidden; background: #1b2025; }
.splash__image, .splash__shade { position: absolute; inset: 0; }
.splash__image { z-index: -2; overflow: hidden; }
.splash__image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 48%; }
.splash__shade { z-index: -1; background: linear-gradient(to bottom, rgba(8,11,14,.04) 0%, rgba(8,11,14,.02) 49%, rgba(8,10,13,.40) 66%, rgba(8,10,13,.74) 100%); }
.splash__content { width: min(100% - 40px, 1450px); padding: 0 0 max(8vh, env(safe-area-inset-bottom, 0px)); text-align: center; text-wrap: balance; }
h1 { margin: 0; font-weight: 400; font-size: clamp(4.2rem, 10.7vw, 10rem); line-height: 1; letter-spacing: .065em; text-shadow: 0 2px 22px rgba(0,0,0,.33); }
.splash__motto { margin: 20px 0 0; font-size: clamp(1.5rem, 3.9vw, 3.65rem); font-weight: 400; line-height: 1.17; letter-spacing: .008em; text-shadow: 0 2px 18px rgba(0,0,0,.65); }
@media (max-width: 700px) {
 .splash__image img { object-position: 34% center; }
 .splash__shade { background: linear-gradient(to bottom, rgba(8,11,14,.04), rgba(8,10,13,.15) 45%, rgba(8,10,13,.74) 76%, rgba(8,10,13,.88) 100%); }
 .splash__content { width: calc(100% - 28px); padding-bottom: max(7.5vh, calc(24px + env(safe-area-inset-bottom, 0px))); }
 h1 { font-size: clamp(3rem, 13.2vw, 5rem); letter-spacing: .035em; }
 .splash__motto { margin-top: 13px; font-size: clamp(1.32rem, 5.4vw, 2rem); line-height: 1.25; }
}
@media (max-height: 520px) and (min-width: 701px) { .splash__content { padding-bottom: 5vh; } h1 { font-size: clamp(4rem, 9.5vh, 6rem); } .splash__motto { font-size: clamp(1.6rem, 4vh, 2.5rem); margin-top: 12px; } }
@media (prefers-reduced-motion: no-preference) { .splash__content { animation: fade-in 1.15s ease-out both; } @keyframes fade-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } }