:root{--sign:#00693e;--sign-d:#004d2d;--yel:#ffd200;--asph:#2b2b2b;--paper:#f4f1ea}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--asph);font-family:Roboto,Arial,sans-serif;line-height:1.7;font-size:16.5px}
a{color:var(--sign)}
img{max-width:100%;display:block}
.road{height:10px;background:repeating-linear-gradient(90deg,var(--yel) 0 40px,transparent 40px 70px),var(--asph);background-size:auto 4px,auto;background-repeat:repeat-x;background-position:0 3px,0 0}
.topbar{background:var(--asph);color:#fff}
.topbar .in{max-width:1180px;margin:auto;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.shield{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.shield b{display:grid;place-items:center;width:46px;height:52px;background:#fff;color:var(--asph);font:700 1.1rem Oswald,sans-serif;clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%)}
.shield span{font:600 1.55rem Oswald,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.topbar nav a{color:#fff;text-decoration:none;font:500 .9rem Oswald,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-left:22px}
.topbar nav a:hover{color:var(--yel)}
.gsign{background:var(--sign);color:#fff;border:3px solid #fff;outline:3px solid var(--sign);border-radius:8px;padding:10px 20px;font:600 1.15rem Oswald,sans-serif;letter-spacing:.05em;text-transform:uppercase;display:inline-block;margin:0 0 16px 3px}
.wrap{max-width:1180px;margin:0 auto;padding:30px 18px}
.big{position:relative;border-radius:10px;overflow:hidden;margin-bottom:34px}
.big img{width:100%;height:480px;object-fit:cover}
.big .lbl{position:absolute;left:24px;bottom:24px;right:24px;max-width:680px;background:var(--sign);color:#fff;border:3px solid #fff;border-radius:10px;padding:18px 24px}
.big .lbl h1{font:600 2rem/1.15 Oswald,sans-serif;margin:4px 0 6px}
.big .lbl small{font-family:Oswald,sans-serif;color:var(--yel);letter-spacing:.1em;text-transform:uppercase}
.rows{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.post{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 0 #d8d2c4;text-decoration:none;color:var(--asph);display:flex;flex-direction:column}
.post img{aspect-ratio:3/2;object-fit:cover;width:100%}
.post .mm{font:600 .75rem Oswald,sans-serif;letter-spacing:.1em;color:#fff;background:var(--asph);padding:3px 9px;border-radius:3px;align-self:flex-start;margin:14px 18px 0}
.post h3{font:500 1.25rem/1.3 Oswald,sans-serif;margin:8px 18px 6px}
.post p{margin:0 18px 18px;font-size:.92rem;color:#5a5a5a}
.post:hover h3{color:var(--sign)}
.exits{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.exits a{background:var(--sign);color:#fff;text-decoration:none;font:500 .88rem Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px;border-radius:5px;border:2px solid #fff;outline:2px solid var(--sign)}
.exits a.cur,.exits a:hover{background:var(--yel);color:var(--asph);outline-color:var(--yel)}
.pages{display:flex;gap:8px;margin-top:34px;flex-wrap:wrap}
.pages a,.pages span{font:600 1rem Oswald,sans-serif;padding:7px 14px;border-radius:5px;background:#fff;text-decoration:none;color:var(--asph)}
.pages span{background:var(--yel)}
.trip{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px}
.trip h1{font:600 clamp(2rem,4.5vw,2.9rem)/1.12 Oswald,sans-serif;margin:6px 0 12px}
.odo{display:flex;gap:18px;flex-wrap:wrap;font:500 .85rem Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6a6a6a;margin-bottom:18px}
.odo b{color:var(--sign)}
.trip .hero{border-radius:10px;width:100%;margin-bottom:22px}
.body h2{font:600 1.55rem Oswald,sans-serif;margin:1.8em 0 .5em;padding-left:14px;border-left:6px solid var(--yel)}
.body ul{background:#fff;border-radius:8px;padding:14px 18px 14px 38px}
.body figure{margin:26px 0}.body figure img{border-radius:8px}
.side .box{background:#fff;border-radius:10px;padding:18px 20px;margin-bottom:22px}
.side h4{font:600 1.05rem Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;color:var(--sign)}
.side a.r{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--asph);font-size:.9rem;line-height:1.35;padding:8px 0;border-bottom:1px solid #eee}
.side a.r img{width:70px;height:52px;object-fit:cover;border-radius:5px;flex:none}
.safety{background:var(--yel);border-radius:8px;padding:14px 18px;font-size:.92rem;margin-top:26px}
.doc{max-width:800px}
.doc h1{font:600 2.6rem Oswald,sans-serif}
.doc h2{font:600 1.35rem Oswald,sans-serif;margin-top:1.7em}
.doc input,.doc textarea{width:100%;padding:11px;border:2px solid #cfc8b8;border-radius:6px;font:inherit;margin:4px 0 14px;background:#fff}
.doc button{background:var(--sign);color:#fff;border:0;border-radius:6px;padding:12px 26px;font:600 1rem Oswald,sans-serif;letter-spacing:.08em;cursor:pointer}
footer{background:var(--asph);color:#bbb;margin-top:40px}
footer .in{max-width:1180px;margin:auto;padding:28px 18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.88rem}
footer a{color:#fff;margin-right:16px;text-decoration:none}
@media(max-width:940px){.rows{grid-template-columns:1fr 1fr}.trip{grid-template-columns:1fr}}
@media(max-width:600px){.rows{grid-template-columns:1fr}.big img{height:300px}.big .lbl{position:static;border-radius:0}.topbar nav a{margin:0 14px 0 0}}