html.route-preview{scroll-behavior:auto}.route-main{--ink:#004959;--paper:#fcfdf8;--sage:#aec35b;color:var(--ink);font-family:Manrope,sans-serif;padding-top:0;background:var(--paper)}
.route-top{position:sticky;top:var(--route-nav,74px);z-index:30;background:#fcfdf8;height:52px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #00495914}
.route-top .route-breadcrumb{position:static;background:none;box-shadow:none;padding:0;min-height:0;height:auto;width:auto;display:block}
.route-breadcrumb ol{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:10px;font-size:12px}.route-breadcrumb li+li:before{content:'›';margin-right:10px;color:#628080}.route-top a{color:var(--ink);text-decoration:none}.route-store{font-size:13px;font-weight:750;white-space:nowrap}.route-store span{margin-left:10px}
.route-scroll{position:relative}.route-stage{position:relative;isolation:isolate;height:calc(100svh - 74px);min-height:400px;padding:0;overflow:hidden;background:#e3f0ec}.route-world,.route-sky,.route-strip{position:absolute;inset:0;pointer-events:none}.route-world{bottom:124px;overflow:hidden}.route-sky{background:url('/assets/lumi/sky-liguria.webp') center 38%/cover}.route-strip{will-change:transform}.route-panorama{position:absolute;bottom:0;max-width:none;mask-image:linear-gradient(180deg,transparent,#000 24%),linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect;}
.route-panorama{clip-path:inset(0 0 7% 0)}.route-strip{mask-image:none}
.route-road{position:absolute;bottom:0;left:0;right:0;height:var(--road-h,43px);background:linear-gradient(#d9d5c3 0 4px,#b5b3a4 4px 6px,#839694 6px,#8d9c98);border-top:1px solid #fff6;overflow:hidden}.route-dashes{position:absolute;top:63%;left:-300px;right:-300px;height:3px;background:repeating-linear-gradient(90deg,#fcf5dd 0 70px,transparent 70px 170px)}
.route-car{position:absolute;bottom:0;left:0;max-width:none;will-change:transform;filter:saturate(.78)}.route-car svg{display:block;width:100%;height:auto;overflow:visible}.route-wheel{transform-origin:0 0}
.route-intro{position:absolute;left:4%;top:25px;max-width:520px}.route-eyebrow{display:block;font-size:10px;letter-spacing:.16em;font-weight:800;line-height:1.6}.route-intro h1{font-size:clamp(26px,3.1vw,45px);letter-spacing:-.05em;line-height:1.09;margin:8px 0 10px;font-weight:750}.route-intro h1 em{font-style:normal;color:#397c78}.route-intro p{font-size:14px;margin:0;line-height:1.6}
.route-card{position:absolute;left:4%;top:205px;width:310px;padding:20px 22px 22px;background:#fcfdf8ee;border:1px solid #fff9;border-radius:8px 28px 8px 28px;box-shadow:0 8px 36px #0049590b}.route-card h2{font-size:25px;line-height:1.12;letter-spacing:-.04em;margin:8px 0}.route-card p{font-size:13px;margin:0 0 15px}.route-card-actions{display:flex;gap:12px;align-items:flex-start;flex-direction:column}.route-card a{color:var(--ink);font-size:12px;font-weight:750;text-decoration:none}.route-card a.route-primary{background:var(--ink);color:white;padding:12px 16px;border-radius:5px 17px 5px 17px;font-size:13px}.route-card~.route-card{visibility:hidden}
.route-travel-copy{position:absolute;top:15%;left:4%;opacity:0;padding:14px 18px;background:#fcfdf8e6;border-radius:7px 22px 7px 22px}.route-travel-copy p{font-size:clamp(20px,2.3vw,31px);line-height:1.2;letter-spacing:-.035em;margin:10px 0}
.route-tools{position:absolute;bottom:0;left:0;right:0;height:124px;background:#fcfdf8f5;border-top:1px solid #00495917;padding:14px 4% 8px}.route-map{position:relative;display:grid;grid-template-columns:repeat(5,1fr);align-items:start;gap:12px;max-width:800px;margin:0 auto 12px;padding-bottom:10px}.route-map a{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:13px;font-weight:750;text-align:center;justify-content:center;text-decoration:none}.route-map i{width:9px;height:9px;border-radius:100%;border:1px solid var(--ink)}.route-map [aria-current] i{background:var(--ink);outline:4px solid #aec35b55}.route-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:#00495922}.route-line b{display:block;height:100%;background:var(--ink);width:0}.route-controls{display:flex;justify-content:center;align-items:center;gap:20px}.route-controls button{border:0;background:transparent;color:var(--ink);font:700 12px Manrope,sans-serif;cursor:pointer;padding:8px 6px}.route-controls #route-play{background:#e3f0ec;border-radius:7px 16px 7px 16px;padding:10px 15px;min-width:182px}.route-slider{width:min(28vw,310px);display:block}.route-slider input{width:100%;accent-color:var(--ink)}.route-hint{font-size:10px;text-align:center;opacity:.75;margin:8px 0 0}.route-after{display:flex;align-items:center;justify-content:space-between;padding:24px 4%;font-size:12px;gap:20px}.route-after a{font-size:15px;font-weight:750;color:var(--ink)}.route-main :focus-visible{outline:3px solid #68852d;outline-offset:4px}.route-main .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1000px) and (max-height:760px){.route-stage{min-height:510px}.route-intro{top:20px}.route-intro h1{font-size:34px}.route-intro p{display:none}.route-card{top:155px;padding:17px 20px}.route-card h2{font-size:23px}}
@media(max-width:759px){.route-main{padding-top:0}.route-top{padding:0 5%;height:48px}.route-breadcrumb ol{font-size:10px;gap:6px}.route-breadcrumb li+li:before{margin-right:6px}.route-breadcrumb li:last-child{display:none}.route-store{font-size:12px}.route-stage{height:calc(100svh - 62px);min-height:400px}.route-world{bottom:180px}.route-intro{left:6%;top:20px;right:6%}.route-intro h1{font-size:29px}.route-intro p{display:none}.route-card{top:145px;left:6%;width:88%;padding:13px 16px;background:#fcfdf8ed;box-shadow:none}.route-card h2{font-size:23px;margin:3px 0 5px}.route-card p{font-size:12px;margin-bottom:11px}.route-card-actions{flex-direction:row;align-items:center;gap:14px}.route-card a{font-size:11px}.route-card a.route-primary{padding:10px 12px;font-size:12px}.route-tools{height:180px;padding:14px 6% 8px}.route-map{grid-template-columns:repeat(3,1fr);margin-bottom:8px;gap:10px 5px;padding-bottom:8px}.route-map a{font-size:12px;line-height:1.25;flex-direction:row;gap:5px}.route-map a:nth-child(4){grid-column:1/3}.route-map i{width:7px;height:7px;flex-shrink:0}.route-controls{gap:8px;flex-wrap:wrap;justify-content:space-between}.route-controls #route-play{min-width:0;font-size:11px;padding:9px}.route-controls #route-quiet{font-size:11px}.route-slider{order:3;width:100%}.route-hint{font-size:9px;margin-top:2px}.route-travel-copy{top:145px;left:6%;padding:15px 18px;background:#fcfdf8d9;border-radius:7px 22px 7px 22px}.route-after{flex-direction:column;align-items:flex-start}.route-eyebrow{font-size:9px}}
@media(max-height:600px) and (min-width:760px){.route-stage{min-height:480px}.route-intro h1{font-size:29px}.route-card{top:125px}.route-card h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.route-main *{scroll-behavior:auto}}
@media print{.route-stage{height:900px}.route-tools,.route-car{display:none}.route-stage .route-card{position:static;visibility:visible;opacity:1;transform:none}}
.route-top .route-breadcrumb::before,.route-top .route-breadcrumb::after{display:none}
@media(max-width:759px) and (max-height:650px){.route-stage{min-height:400px}.route-intro{top:14px}.route-intro h1{font-size:23px;margin:4px 0}.route-intro .route-eyebrow{display:none}.route-card{top:83px;padding:10px 14px}.route-card h2{font-size:21px}.route-card p{margin-bottom:8px}.route-world{bottom:160px}.route-tools{height:160px;padding-top:10px}.route-map{margin-bottom:4px;padding-bottom:6px}.route-map a{font-size:12px;gap:4px}.route-controls #route-play{padding:6px 9px}.route-controls #route-quiet{padding:6px}.route-hint{display:none}.route-travel-copy{top:100px}}


.route-join{position:absolute;max-width:none;width:auto;object-fit:contain;pointer-events:none;filter:saturate(.8);}
@media(min-width:760px) and (max-height:560px){.route-stage{min-height:240px}.route-intro{top:8px}.route-intro h1{font-size:22px;margin:0}.route-intro .route-eyebrow,.route-intro p{display:none}.route-card{top:68px;padding:10px 14px;width:310px}.route-card>.route-eyebrow{display:none}.route-card h2{font-size:19px;margin:0 0 4px}.route-card p{font-size:11px;margin:0 0 6px}.route-card-actions{flex-direction:row;gap:12px;align-items:center}.route-card a{font-size:10px}.route-card a.route-primary{font-size:11px;padding:8px 10px}.route-world{bottom:82px}.route-tools{height:82px;padding:8px 4%}.route-map{margin-bottom:5px}.route-controls button{padding:5px}.route-controls #route-play{padding:7px 12px}.route-hint{display:none}.route-travel-copy{top:15px;background:#fcfdf8dd;padding:12px 18px;border-radius:7px 22px 7px 22px}.route-travel-copy p{font-size:22px;margin:6px 0}}
@media(min-width:760px) and (max-height:760px){.route-intro{background:#fcfdf8e6;padding:12px 16px;border-radius:7px 22px 7px 22px}}