*{box-sizing:border-box}body{margin:0;font-family:Raleway,sans-serif;background:#f3ecdc;color:#1d2b45;line-height:1.6}a{color:inherit}
h1,h2,h3,.logo{font-family:Philosopher,serif;margin:0}
.hd{display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;border-bottom:1px solid #1d2b4533}.logo{font-size:1.5rem;letter-spacing:.14em;display:flex;align-items:center;gap:10px}.logo em{font-style:normal;color:#3c8d86}
.globe{width:28px;height:28px;border-radius:50%;border:2px solid #1d2b45;background:repeating-linear-gradient(90deg,transparent 0 5px,#1d2b4555 5px 6px),repeating-linear-gradient(0deg,transparent 0 6px,#1d2b4555 6px 7px)}
.ph{font-weight:700;text-decoration:none}
.hero{position:relative;min-height:78vh;display:flex;align-items:center;padding:40px 5vw;overflow:hidden}
.contours{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 75% 40%,transparent 0 18px,#3c8d8633 18px 20px),repeating-radial-gradient(ellipse at 15% 90%,transparent 0 22px,#1d2b451f 22px 24px)}
.card{position:relative;background:#fffaf0;max-width:560px;padding:40px;border:2px solid #1d2b45;box-shadow:12px 12px 0 #3c8d86}
.coord{font-size:.75rem;letter-spacing:.14em;color:#3c8d86;text-transform:uppercase;margin:0 0 8px}
h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.08}.rate b{font-size:1.6rem}.rate{color:#c08a2c}.rate span{color:#1d2b45}
.btn{display:inline-block;background:#1d2b45;color:#fffaf0;padding:13px 24px;text-decoration:none;font-weight:700;letter-spacing:.05em}.btn.alt{background:#3c8d86}
.legend{background:#1d2b45;color:#f3ecdc;padding:60px 5vw}.legend h2,.routes h2{font-size:2.2rem}
.keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:30px;margin-top:24px}.k{display:block;width:44px;height:10px;margin-bottom:12px}.k1{background:#3c8d86}.k2{background:repeating-linear-gradient(90deg,#c08a2c 0 8px,transparent 8px 12px)}.k3{background:#f3ecdc;border-radius:5px}
.keys p{color:#c9cfdb;margin:4px 0}
.routes{padding:60px 5vw}.sm{color:#56637a}.pins{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;margin-top:20px}
.pin{margin:0;background:#fffaf0;padding:28px 24px 22px;position:relative;border:1px solid #1d2b4533}.dot{position:absolute;top:-16px;left:20px;width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#c0482c;color:#fff;display:grid;place-items:center;font-weight:700}
.pin blockquote{margin:6px 0 12px}figcaption{font-weight:700}.stars{color:#c08a2c}
.ftr{text-align:center;padding:50px 5vw;background:#e6dcc4}footer{text-align:center;padding:18px;font-size:.85rem}
@media(max-width:600px){.card{padding:26px;box-shadow:7px 7px 0 #3c8d86}.hero{min-height:auto}}