.home-routes{display:grid;grid-template-columns:48% 52%;margin:64px 0 0;min-height:510px;background:#241f1c;color:var(--cream);border-radius:8px;overflow:hidden;box-shadow:0 24px 55px rgba(42,37,33,.13)}
.home-routes__content{padding:54px 44px 52px 52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}
.home-routes__eyebrow{font:400 31px/1 var(--hand);color:#ee9b8d;margin-bottom:10px}
.home-routes h2{font:400 43px/1.06 var(--serif);color:#fff;max-width:12ch;margin:0 0 19px}
.home-routes__content>p{font:400 15px/1.7 var(--sans);color:#d8cec0;max-width:39ch;margin:0 0 27px}
.home-routes__search{width:100%;margin:0 0 21px}
.home-routes__search label{display:block;font:600 11px/1.3 var(--sans);text-transform:uppercase;color:#eaded1;margin-bottom:9px}
.home-routes__search-field{display:flex;align-items:stretch;background:var(--paper);border:1px solid #efe1cf;border-radius:5px;overflow:hidden;width:100%;min-height:50px}
.home-routes__search-field:focus-within{outline:2px solid #efaa9c;outline-offset:3px}
.home-routes__search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:400 13px/1.4 var(--sans);padding:12px 13px}
.home-routes__search input::placeholder{color:#716a65;opacity:1}
.home-routes__search button{width:52px;flex:none;border:0;border-left:1px solid #dfd3c3;background:var(--red);color:white;cursor:pointer;display:grid;place-items:center;transition:background .18s ease}
.home-routes__search button:hover,.home-routes__search button:focus-visible{background:var(--red-deep)}
.home-routes__search button svg{width:19px;height:19px}
.home-routes__filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}
.home-routes__filters a{display:inline-flex;align-items:center;min-height:36px;border:1px solid #80726a;border-radius:4px;padding:6px 13px;font:500 12px/1.35 var(--sans);color:#f8f0e6;transition:color .18s,border-color .18s,background .18s}
.home-routes__filters a:hover,.home-routes__filters a:focus-visible{color:#fff;border-color:#eb8476;background:#653a34}
.home-routes__filters a::after{content:none}
.home-routes__cta{display:inline-flex;align-items:center;gap:17px;color:#fff;background:var(--red);font:600 12px/1.3 var(--sans);padding:13px 17px;border-radius:4px;min-height:44px;transition:background .18s,transform .18s}
.home-routes__cta:hover,.home-routes__cta:focus-visible{background:var(--red-deep);color:#fff;transform:translateY(-2px)}
.home-routes__cta span{font-size:21px;line-height:.7}
.home-routes a:focus-visible,.home-routes button:focus-visible{outline:2px solid #ffcfb8;outline-offset:3px}
.home-routes__visual{position:relative;min-height:510px;display:block;overflow:hidden;color:white;background:#4e514a}
.home-routes__photo,.home-routes__photo img{position:absolute;inset:0;width:100%;height:100%}
.home-routes__photo img{object-fit:cover;object-position:center;filter:saturate(.9)}
.home-routes__visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(17,19,18,.88),transparent 50%),linear-gradient(90deg,rgba(17,19,18,.18),rgba(17,19,18,.05));z-index:1}
.home-routes__trail{position:absolute;inset:5% 3% 34%;z-index:2;pointer-events:none}
.home-routes__trail svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.home-routes__trail path{fill:none;stroke:#ffb49b;stroke-width:1.2;stroke-dasharray:2 1.3;filter:drop-shadow(0 1px 4px rgba(0,0,0,.8))}
.home-routes__point{position:absolute;transform:translate(-50%,-50%);width:8px;height:8px;background:#ff8974;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 5px rgba(212,69,59,.3),0 2px 10px #000}
.home-routes__point span{position:absolute;left:14px;top:50%;transform:translateY(-50%);max-width:138px;width:max-content;white-space:normal;font:600 11px/1.2 var(--sans);text-shadow:0 1px 6px #000,0 1px 3px #000;color:#fff}
.home-routes__point--2 span,.home-routes__point--4 span{left:auto;right:14px;text-align:right}
.home-routes__card{position:absolute;z-index:3;left:29px;right:29px;bottom:28px;display:flex;flex-direction:column;gap:5px;padding:18px 20px;background:rgba(28,25,24,.78);border:1px solid rgba(255,255,255,.28);border-radius:4px;backdrop-filter:blur(8px)}
.home-routes__place{font:600 10px/1.3 var(--sans);text-transform:uppercase;color:#ffb19e}
.home-routes__title{font:400 27px/1.08 var(--serif);color:#fff;max-width:24ch}
.home-routes__meta{font:400 12px/1.4 var(--sans);color:#ede7e1}
.home-routes__visual:hover .home-routes__card,.home-routes__visual:focus-visible .home-routes__card{border-color:#ffb19e;background:rgba(28,25,24,.9)}
@media(max-width:920px){.home-routes{grid-template-columns:1fr}.home-routes__visual{order:-1;min-height:0;aspect-ratio:1.55}.home-routes__content{padding:34px 40px 40px}.home-routes h2{max-width:none}}
@media(max-width:600px){.home-routes{margin-top:46px;border-radius:6px}.home-routes__visual{aspect-ratio:1.1}.home-routes__content{padding:30px 24px 34px}.home-routes__eyebrow{font-size:29px}.home-routes h2{font-size:37px}.home-routes__card{left:14px;right:14px;bottom:14px;padding:12px 14px}.home-routes__title{font-size:22px}.home-routes__point span{font-size:10px;max-width:86px}.home-routes__trail{inset:5% 5% 70%}.home-routes__filters{gap:7px}.home-routes__filters a{min-height:40px}}
@media(max-width:380px){.home-routes__content{padding-left:19px;padding-right:19px}.home-routes__search input{font-size:12px}.home-routes__point span{max-width:66px}}
@media(prefers-reduced-motion:reduce){.home-routes__filters a,.home-routes__cta,.home-routes__search button{transition:none}}
@media(max-width:600px){.home-routes__point--2 span{left:14px;right:auto;text-align:left}}