.motoer-route-form{position:relative;max-width:680px;margin-top:24px}
.motoer-route-form label{display:block;font-size:16px;font-weight:700;margin-bottom:10px}
.route-combobox{position:relative}
.motoer-route-form .route-combobox input{display:block;width:100%;min-height:56px;border:1px solid #8291a4;border-radius:8px;padding:13px 48px 13px 15px;background:#fff;color:var(--ink);font:inherit;font-size:16px;line-height:1.5}
.motoer-route-form .route-combobox input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.motoer-route-form .route-clear{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:26px;line-height:1;padding:0;cursor:pointer}
.motoer-route-form .route-clear:hover{color:var(--blue);background:var(--mist)}
.motoer-route-form .route-clear[hidden],.route-options[hidden]{display:none}
.route-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;list-style:none;padding:4px;margin:0;border:1px solid #a9b9ce;border-radius:8px;background:#fff;box-shadow:0 10px 28px #10233b26;max-height:280px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.route-combobox[data-open-up] .route-options{top:auto;bottom:calc(100% + 6px)}
.route-options li{display:grid;gap:2px;min-height:54px;padding:10px 12px;border-radius:5px;cursor:pointer;color:var(--ink);font-size:15px;line-height:1.35;overflow-wrap:anywhere}
.route-options li+li{border-top:1px solid var(--line)}
.route-options li[aria-selected=true],.route-options li:hover{background:var(--blue-soft);color:var(--blue)}
.route-options li small{display:block;font-size:12px;line-height:1.3;color:var(--muted);margin:0}
.motoer-route-form .route-help{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:10px}
.motoer-route-form .route-submit{display:flex;justify-content:center;width:100%;gap:16px;min-height:54px;font-size:15px;white-space:normal;text-align:left}
.motoer-route-form .route-submit svg{flex:none}
.motoer-route-form .district-return{font-size:14px;gap:12px;line-height:1.4}
.motoer-route-form .district-privacy{font-size:12px;margin-bottom:0}
.city-route .route-planner .motoer-route-form{max-width:100%}
.city-hero.arrival-hero,.district-hero.arrival-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:64px;align-items:center;padding-block:32px 48px}
.arrival-hero h1{max-width:18ch!important;font-size:clamp(34px,4.1vw,58px)!important;line-height:1.08!important;margin:16px 0 22px!important;text-wrap:balance}
.arrival-hero-copy{min-width:0}
.arrival-hero .city-intro,.arrival-hero .district-intro{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-top:0}
.arrival-hero .city-intro>p,.arrival-hero .district-intro>p{font-size:17px;line-height:1.7;max-width:52ch;margin:0;color:var(--muted)}
.arrival-hero .district-intro .district-actions{justify-content:flex-start}
.arrival-hero .city-intro>div{flex-wrap:wrap}
.arrival-hero-visual{position:relative;width:100%;height:470px;margin:0;border-radius:14px;overflow:hidden;background:#132639}
.arrival-hero-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.arrival-hero-visual figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:#fff;background:linear-gradient(transparent 25%,#0c1c2c40 48%,#0c1c2ced)}
.arrival-hero-visual figcaption>strong{font:600 clamp(23px,2.1vw,31px)/1.15 var(--display);letter-spacing:-.02em;max-width:22ch}
.arrival-hero-visual a{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;border-top:1px solid #ffffff70;margin-top:22px;padding-top:18px;font-size:18px;font-weight:650}
.arrival-hero-visual a small{display:block;font-size:13px;font-weight:400;margin-top:4px;color:#e2e8f1}
.arrival-play{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;border:1px solid #ffffffa6;background:#ffffff1a;font-size:18px}
.arrival-hero-visual a:hover .arrival-play{background:#ffffff38}
.arrival-hero-visual a:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:759px){
 .brand-hero{display:flex;flex-direction:column;align-items:stretch;gap:16px}
 .brand-hero-copy{display:contents}
 .brand-hero-copy>.kicker{order:0;margin:0}
 .brand-hero h1{order:1;margin:0}
 .brand-hero-copy>.brand-scope-note{order:1;margin:0;font-size:14px}
 .brand-hero-visual{order:2;aspect-ratio:4/5;max-height:460px}
 .brand-hero-visual>img{display:block;height:100%;max-height:none;aspect-ratio:4/5;object-position:50% 55%}
 .brand-hero-copy>.brand-lead{order:3;margin:4px 0 0}
 .brand-hero-address{order:4;margin-top:0}
 .brand-hero-trust{order:5;margin-top:4px}
}
@media(max-width:1000px){.city-hero.arrival-hero,.district-hero.arrival-hero{gap:32px}.arrival-hero-visual{height:430px}.arrival-hero-visual figcaption{padding:22px}}
@media(max-width:767px){
 .city-route .route-planner,.brand-directions:has(.motoer-route-form)>div{order:-1}
 .city-hero.arrival-hero,.district-hero.arrival-hero{display:flex;flex-direction:column;gap:16px;align-items:stretch;padding-block:18px 30px}
 .arrival-hero-copy{display:contents}
 .arrival-hero h1{order:1;font-size:clamp(30px,8vw,38px)!important;margin:0!important;max-width:23ch!important}
 .arrival-hero-copy>.kicker{order:0;font-size:11px;margin:0}
 .arrival-hero .city-intro,.arrival-hero .district-intro{order:3;gap:17px;margin-top:4px}
 .arrival-hero .city-intro>p,.arrival-hero .district-intro>p{font-size:15px;line-height:1.6}
 .arrival-hero .city-intro>div,.arrival-hero .district-actions{gap:12px 20px}
 .arrival-hero .button{font-size:13px;min-height:48px}
 .arrival-hero-visual{order:2;height:auto;aspect-ratio:4/5;max-height:460px;border-radius:10px}
 .arrival-hero-visual>img{object-position:50% 55%}
 .arrival-hero-visual figcaption{padding:20px;background:linear-gradient(transparent,#0c1c2c4d 25%,#0c1c2ced)}
 .arrival-hero-visual figcaption>strong{font-size:25px}
 .arrival-hero-visual a{margin-top:15px;padding-top:13px;font-size:16px}
 .arrival-play{width:40px;height:40px;font-size:16px}
 .motoer-route-form .route-submit{font-size:14px;padding-inline:14px}
 .motoer-route-form .district-return{font-size:14px}
}