:root{--ink:#14324a;--ink2:#3b5468;--muted:#6b7c89;--bg:#f6f3ec;--paper:#fffdf8;--line:#e6dfcf;--brick:#b5533c;--gold:#e8b04a;--green:#5d9a57;--blue:#3d8fc7;--r:18px;--sh:0 10px 30px rgba(20,50,74,.10),0 2px 6px rgba(20,50,74,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
img{max-width:100%}a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
h1,h2,h3{line-height:1.15;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}h3{font-size:1.15rem}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700;color:var(--brick);margin:0 0 .8em}
.top{position:sticky;top:0;z-index:20;background:rgba(246,243,236,.85);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top__in{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.1rem}.logo b{color:var(--brick)}
.logo--light{color:#fff}.logo--light b{color:var(--gold)}
.nav{display:flex;gap:28px}.nav a{text-decoration:none;color:var(--ink2);font-weight:500;font-size:.95rem}.nav a:hover{color:var(--brick)}
.burger{display:none;background:none;border:0;width:40px;height:40px;padding:8px;cursor:pointer}
.burger span{display:block;height:2px;background:var(--ink);margin:5px 0;border-radius:2px;transition:.2s}
.hero{padding:56px 0 72px;background:radial-gradient(900px 500px at 85% 10%,rgba(232,176,74,.18),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(61,143,199,.12),transparent 60%)}
.hero__in{display:grid;grid-template-columns:1fr 1.25fr;gap:48px;align-items:center}
.lead{font-size:1.15rem;color:var(--ink2);max-width:34em}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 36px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.btn--primary{background:var(--ink);color:#fff;box-shadow:0 8px 20px rgba(20,50,74,.25)}.btn--primary:hover{transform:translateY(-2px);background:#1d4566}
.btn--ghost{border:1.5px solid var(--ink);color:var(--ink)}.btn--ghost:hover{background:var(--ink);color:#fff}
.stats{display:flex;gap:32px;margin:0}.stats div{margin:0}.stats dt{font-size:1.8rem;font-weight:800;color:var(--ink)}.stats dd{margin:0;color:var(--muted);font-size:.9rem}
.mapcard{background:var(--paper);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;border:1px solid var(--line)}
.mapcard__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted)}
.dot{width:10px;height:10px;border-radius:50%;background:#e5dccb}.dot:nth-child(1){background:#e98a73}.dot:nth-child(2){background:#eec46a}.dot:nth-child(3){background:#8cc58a}
.mapcard__title{margin-left:10px;font-weight:600;color:var(--ink2)}.mapcard__zoom{margin-left:auto;letter-spacing:.4em}
.map{display:block;width:100%;height:auto}
.lbl{font:600 13px system-ui,sans-serif;fill:#3b5468;paint-order:stroke;stroke:#f3eee2;stroke-width:4px}
.lbl--river{fill:#2b78ad;font-style:italic;font-size:16px}.lbl--wall{fill:var(--brick)}.lbl--sm{font-size:11px}
.route{animation:dash 18s linear infinite}@keyframes dash{to{stroke-dashoffset:-220}}
.pin{cursor:pointer;outline:none}.pin circle{fill:var(--brick);stroke:#fff;stroke-width:3;transition:r .2s}
.pin .pin__halo{fill:rgba(181,83,60,.18);stroke:none;animation:pulse 2.4s ease-out infinite;transform-origin:center;transform-box:fill-box}
.pin:hover circle:not(.pin__halo),.pin:focus circle:not(.pin__halo),.pin.is-active circle:not(.pin__halo){fill:var(--gold);r:10}
@keyframes pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.6);opacity:0}}
.mapinfo{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-top:1px solid var(--line);min-height:76px}
.mapinfo strong{font-size:1rem}.mapinfo span{color:var(--muted);font-size:.92rem}
.section{padding:80px 0}.section--alt{background:#efe9dc}
.section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip,.tab{border:1.5px solid var(--line);background:var(--paper);color:var(--ink2);padding:8px 16px;border-radius:999px;font:600 .9rem system-ui,sans-serif;cursor:pointer;transition:.15s}
.chip:hover,.tab:hover{border-color:var(--ink)}.chip.is-active,.tab.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line);transition:transform .2s,box-shadow .2s,opacity .25s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,50,74,.14)}.card.is-hidden{display:none}.card.is-flash{outline:3px solid var(--gold);outline-offset:3px}
.card__art{height:150px;background-size:cover;background-position:center}
.card__body{padding:18px 20px 22px}.card__body p{margin:0;color:var(--ink2);font-size:.95rem}
.tag{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brick);background:rgba(181,83,60,.1);padding:3px 9px;border-radius:999px;margin-bottom:10px}
.tag--green{color:var(--green);background:rgba(93,154,87,.12)}.tag--blue{color:var(--blue);background:rgba(61,143,199,.12)}
.art--cathedral{background:linear-gradient(180deg,#fbe3b4,#f3c98a 60%,#d9a865);position:relative}
.art--cathedral::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 150'%3E%3Cpath d='M0 150V120q80-25 150-20t150 20v30z' fill='%23c9935a'/%3E%3Crect x='110' y='62' width='80' height='48' fill='%23fffaf0'/%3E%3Crect x='140' y='45' width='20' height='20' fill='%23fffaf0'/%3E%3Cpath d='M136 47q14-26 28 0z' fill='%23e8b04a'/%3E%3Cpath d='M108 64q12-18 24 0zM168 64q12-18 24 0z' fill='%23e8b04a'/%3E%3Crect x='148' y='12' width='4' height='14' fill='%23e8b04a'/%3E%3Crect x='144' y='16' width='12' height='3' fill='%23e8b04a'/%3E%3Crect x='125' y='80' width='10' height='18' rx='5' fill='%23c9935a'/%3E%3Crect x='145' y='80' width='10' height='18' rx='5' fill='%23c9935a'/%3E%3Crect x='165' y='80' width='10' height='18' rx='5' fill='%23c9935a'/%3E%3C/svg%3E") center/cover}
.art--wall{background:linear-gradient(180deg,#cfe6f3,#e9f2f5);position:relative}
.art--wall::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 150'%3E%3Cpath d='M0 150v-30h300v30z' fill='%2387b77f'/%3E%3Crect x='0' y='78' width='300' height='45' fill='%23b5533c'/%3E%3Cpath d='M0 78h300' stroke='%23963f2c' stroke-width='3'/%3E%3Cg fill='%23b5533c'%3E%3Crect x='0' y='70' width='12' height='10'/%3E%3Crect x='24' y='70' width='12' height='10'/%3E%3Crect x='48' y='70' width='12' height='10'/%3E%3Crect x='190' y='70' width='12' height='10'/%3E%3Crect x='214' y='70' width='12' height='10'/%3E%3Crect x='238' y='70' width='12' height='10'/%3E%3Crect x='262' y='70' width='12' height='10'/%3E%3Crect x='286' y='70' width='12' height='10'/%3E%3C/g%3E%3Crect x='95' y='40' width='60' height='83' fill='%23a3492f'/%3E%3Cpath d='M90 42l35-30 35 30z' fill='%2336614a'/%3E%3Crect x='115' y='95' width='20' height='28' rx='10' fill='%23652a1b'/%3E%3Crect x='110' y='58' width='8' height='12' fill='%23652a1b'/%3E%3Crect x='132' y='58' width='8' height='12' fill='%23652a1b'/%3E%3C/svg%3E") center/cover}
.art--garden{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 150'%3E%3Crect width='300' height='150' fill='%23dcefd2'/%3E%3Cpath d='M0 150v-40q150-25 300 0v40z' fill='%2394c584'/%3E%3Cpath d='M150 150q-10-40 40-60' stroke='%23efe5cc' stroke-width='14' fill='none'/%3E%3Cg fill='%235d9a57'%3E%3Ccircle cx='50' cy='70' r='30'/%3E%3Ccircle cx='90' cy='60' r='24'/%3E%3Ccircle cx='240' cy='62' r='32'/%3E%3Ccircle cx='280' cy='80' r='22'/%3E%3C/g%3E%3Cg fill='%23795a3c'%3E%3Crect x='47' y='95' width='6' height='20'/%3E%3Crect x='237' y='90' width='6' height='22'/%3E%3C/g%3E%3C/svg%3E") center/cover}
.art--blonie{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 150'%3E%3Crect width='300' height='150' fill='%23f5e8cb'/%3E%3Cpath d='M0 150v-38h300v38z' fill='%23a9d29b'/%3E%3Cellipse cx='150' cy='118' rx='60' ry='12' fill='%23cfe6f3'/%3E%3Crect x='145' y='70' width='10' height='46' fill='%23fffaf0'/%3E%3Ccircle cx='150' cy='66' r='8' fill='%23e8b04a'/%3E%3Cg fill='%237fb07a'%3E%3Ccircle cx='40' cy='80' r='26'/%3E%3Ccircle cx='260' cy='82' r='26'/%3E%3Ccircle cx='80' cy='92' r='16'/%3E%3Ccircle cx='220' cy='94' r='16'/%3E%3C/g%3E%3C/svg%3E") center/cover}
.art--river{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 150'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f6b98a'/%3E%3Cstop offset='1' stop-color='%23f8e3c4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='150' fill='url(%23s)'/%3E%3Ccircle cx='220' cy='62' r='20' fill='%23f7d27a'/%3E%3Cpath d='M0 92h300v58H0z' fill='%234a9fd6'/%3E%3Cpath d='M20 110h60M120 122h80M210 104h60' stroke='%23bfe3f6' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M0 92q60-22 120-8t180-4v12H0z' fill='%2387b77f'/%3E%3C/svg%3E") center/cover}
.art--bridge{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 150'%3E%3Crect width='300' height='150' fill='%23d9ecf6'/%3E%3Cpath d='M0 110h300v40H0z' fill='%234a9fd6'/%3E%3Crect x='0' y='70' width='300' height='10' fill='%2314324a'/%3E%3Cg fill='none' stroke='%2314324a' stroke-width='6'%3E%3Cpath d='M20 112q40-40 80 0M110 112q40-40 80 0M200 112q40-40 80 0'/%3E%3C/g%3E%3Cpath d='M0 70V40h40l20-10 20 10h220v30z' fill='%23e9e1cf' opacity='.7'/%3E%3C/svg%3E") center/cover}
.routes{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.tabs{display:flex;flex-direction:column;gap:10px}.tab{text-align:left;padding:14px 18px;border-radius:14px}
.route-panel{background:var(--paper);border-radius:var(--r);box-shadow:var(--sh);padding:28px 32px;border:1px solid var(--line)}
.route-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.route-meta span{background:#f1ebde;border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:600;color:var(--ink2)}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{position:relative;padding:0 0 18px 48px;counter-increment:s}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}
.steps li:not(:last-child)::after{content:"";position:absolute;left:15px;top:34px;bottom:2px;border-left:2px dashed #cdbf9f}
.steps b{display:block}.steps span{color:var(--muted);font-size:.93rem}
.route-note{margin:6px 0 0;font-size:.88rem;color:var(--muted)}
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.about p{color:var(--ink2)}
.features{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.features li{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--sh)}
.features b{display:block}.features span{color:var(--muted);font-size:.93rem}
.foot{background:var(--ink);color:#c7d4de;padding:36px 0}
.foot__in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot p{margin:0;font-size:.88rem}
.foot nav{display:flex;gap:18px}.foot nav a{text-decoration:none;color:#c7d4de}.foot nav a:hover{color:#fff}
.err{min-height:calc(100vh - 64px - 100px);display:grid;place-items:center;text-align:center;padding:60px 0}
.err__code{font-size:clamp(5rem,16vw,9rem);font-weight:900;line-height:1;color:var(--brick);letter-spacing:-.04em;margin:0}
.err svg{width:min(420px,90%);height:auto;margin:10px auto 20px;display:block}
@media (max-width:960px){.hero__in{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.routes,.about{grid-template-columns:1fr}.tabs{flex-direction:row;flex-wrap:wrap}}
@media (max-width:680px){.wrap{padding:0 18px}.nav{position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--line);display:none}.nav.is-open{display:flex}.nav a{padding:14px 22px;border-top:1px solid var(--line)}.burger{display:block}.cards{grid-template-columns:1fr}.hero{padding:32px 0 48px}.section{padding:56px 0}.stats{gap:22px}.route-panel{padding:22px}.lbl{font-size:16px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}