:root { color-scheme: dark; font-family: Arial, sans-serif; background: #071814; color: #f2f5ef; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(1100px, calc(100% - 40px)); margin: auto; padding: 72px 0; }
a { color: #91f0cb; }
.back { display: inline-block; margin-bottom: 48px; text-decoration: none; }
h1 { max-width: 850px; margin: 0 0 20px; font-size: clamp(44px, 8vw, 86px); line-height: .95; }
.lead { max-width: 760px; color: #b9cbc4; font-size: 20px; line-height: 1.6; }
.facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1px; margin: 48px 0; background: #27443a; }
.facts div { padding: 24px; background: #0c211b; }
.facts span { display: block; margin-bottom: 10px; color: #79c9aa; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
h2 { margin-top: 72px; font-size: 32px; }
.gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; }
.gallery a { min-height: 180px; overflow: hidden; background: #0c211b; }
.gallery img { width: 100%; height: 100%; max-height: 320px; object-fit: cover; transition: transform .2s ease; }
.gallery a:hover img { transform: scale(1.02); }