
:root{--ink:#173a35;--red:#a53b2d;--paper:#fff;--soft:#f5f1e8;--gold:#d29b3c}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#243746;background:#fff;line-height:1.65}
header{position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(8px);z-index:5;border-bottom:1px solid #e6eaed}
.nav{max-width:1180px;margin:auto;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font:700 25px Georgia;color:var(--ink);text-decoration:none}.logo span{color:var(--red)}
nav a{color:#23394d;text-decoration:none;margin-left:20px;font-weight:600}.hero{min-height:570px;background:linear-gradient(90deg,rgba(8,32,50,.72),rgba(8,32,50,.1)),url('assets/hero-new.png') center/cover;display:flex;align-items:center}
.hero .box{max-width:1180px;width:100%;margin:auto;padding:60px 22px;color:#fff}.hero h1{font:700 64px/1.02 Georgia;margin:10px 0;max-width:650px}.hero p{max-width:620px;font-size:20px}
.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;padding:13px 20px;border-radius:8px;font-weight:700}
main{max-width:1180px;margin:auto;padding:52px 22px}.eyebrow{color:var(--red);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
h1,h2,h3{font-family:Georgia,serif;color:var(--ink)}h2{font-size:38px;margin:.2em 0 .7em}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--soft);padding:24px;border-radius:14px;border:1px solid #e4eaee}.card h3{margin-top:0;font-size:23px}.card a{color:var(--red);font-weight:700;text-decoration:none}
.article{max-width:820px}.article h1{font-size:48px;line-height:1.08}.facts{background:#f6f0e4;padding:18px 22px;border-radius:12px;margin:24px 0}
footer{background:#102b3f;color:#dbe5eb;margin-top:55px}.foot{max-width:1180px;margin:auto;padding:38px 22px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer a{color:#fff}
@media(max-width:800px){nav{display:none}.hero h1{font-size:43px}.grid,.foot{grid-template-columns:1fr}.hero{min-height:500px}.article h1{font-size:38px}}

.route-photo{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin:18px 0 28px;display:block}

.card{box-shadow:0 8px 28px #173a3510}.hero .box{max-width:1080px}.logo{letter-spacing:.02em}
