.route-section{padding-top:72px;padding-bottom:0}
.route-section>.eyebrow{margin-bottom:14px;color:#a9abb9;font-size:10px;letter-spacing:.18em}
.route-section>h2{font-size:clamp(28px,3vw,42px);line-height:1.12;margin-bottom:28px}
.route-banner{display:flex;gap:2px;min-width:0;overflow:hidden;border:1px solid #ffffff21;border-radius:16px;background:#ffffff12}
.route-panel{--route-accent:#17CFD3;--route-glow:#17CFD330;position:relative;isolation:isolate;display:block;flex:1 1 0;min-width:0;height:390px;overflow:hidden;color:#f5f5f1;background:radial-gradient(ellipse at 65% 25%,var(--route-glow),transparent 75%),#12121c;text-decoration:none;transition:flex-grow .45s ease}
.route-music{--route-accent:#40E386;--route-glow:#6D0AC970}
.route-collab{--route-accent:#F58DDF;--route-glow:#F58DDF27}
.route-panel .route-photo{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center bottom;opacity:.83;transform:scale(1);transition:transform .65s ease,opacity .4s ease}
.route-panel .route-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08090d58,transparent 31%,#08090d75 57%,#08090df5 100%)}
.route-panel.route-collab .route-photo{object-fit:contain;object-position:right bottom}
.route-label{position:absolute;top:23px;left:24px;right:20px;font-size:9px;font-weight:700;line-height:1.5;letter-spacing:.15em;color:var(--route-accent);text-shadow:0 1px 8px #000}
.route-copy{position:absolute;bottom:25px;left:24px;right:20px;display:block}
.route-copy>strong{display:block;font-size:clamp(25px,2.6vw,36px);font-weight:900;letter-spacing:-.045em;line-height:1.02;color:#fff;text-shadow:0 2px 15px #0008}
.route-description{display:block;font-size:11px;line-height:1.6;margin-top:12px;color:#dbdce6}
.route-cta{display:inline-flex;align-items:center;gap:25px;margin-top:19px;min-height:37px;padding:8px 12px;border:1px solid #ffffff48;border-radius:5px;background:#08090d66;font-size:11px;font-weight:700;line-height:1.5;color:#f5f5f1;transition:background .25s,border-color .25s,color .25s}
.route-cta>span{color:var(--route-accent);font-size:16px;line-height:1}
.route-panel:focus-visible{outline:3px solid var(--route-accent);outline-offset:-5px}
.route-panel:focus-visible .route-photo{opacity:1;transform:scale(1.035)}
.route-panel:focus-visible .route-cta{border-color:var(--route-accent);background:#08090dcc}
@media(hover:hover) and (pointer:fine){.route-panel:hover{flex-grow:1.18}.route-panel:hover .route-photo{opacity:1;transform:scale(1.035)}.route-panel:hover .route-cta{border-color:var(--route-accent);background:#08090dcc}}
@media(min-width:761px) and (max-width:1000px){.route-panel{height:350px}.route-copy{left:18px;right:15px}.route-label{left:18px;right:15px;font-size:8px}.route-description{max-width:180px}}
@media(max-width:760px){.route-section{padding-top:48px}.route-section>h2{font-size:30px;max-width:300px;margin-bottom:22px}.route-section>.eyebrow{font-size:8px;letter-spacing:.13em}.route-banner{flex-direction:column;gap:2px;border-radius:13px}.route-panel{flex:none;width:100%;height:245px}.route-panel .route-photo{inset:0 0 0 auto;width:74%;max-width:74%;object-position:right bottom;opacity:.91}.route-panel .route-shade{background:linear-gradient(90deg,#08090df2 0%,#08090ddb 26%,#08090d70 53%,#08090d18 100%)}.route-label{top:18px;left:18px;font-size:8px;right:12px;letter-spacing:.12em}.route-copy{left:18px;bottom:18px;right:auto;width:60%;max-width:255px}.route-copy>strong{font-size:27px}.route-description{font-size:10px;margin-top:9px;max-width:160px}.route-cta{margin-top:12px;min-height:37px;padding:7px 10px;gap:18px;font-size:10px}}
@media(max-width:360px){.route-panel{height:235px}.route-copy>strong{font-size:24px}.route-description{max-width:145px}.route-copy{width:63%}.route-panel .route-photo{width:80%;max-width:80%;right:-5%}}
@media(prefers-reduced-motion:reduce){.route-panel,.route-panel .route-photo,.route-cta{transition:none}.route-panel:hover .route-photo,.route-panel:focus-visible .route-photo{transform:none}}