.route-studio{position:relative;padding:clamp(92px,10vw,150px) 0;background:#071827;color:#f4f1ea;overflow:hidden;isolation:isolate}
.route-studio::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 28%,rgba(31,93,138,.28),transparent 42%),linear-gradient(120deg,#071827,#0a2237 65%,#081622)}
.route-studio::after{content:"";position:absolute;z-index:-1;inset:auto -10% -22% 15%;height:45%;background:radial-gradient(ellipse,rgba(227,27,46,.10),transparent 65%);pointer-events:none}
.route-studio__heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:52px}
.route-studio__eyebrow{margin:0 0 18px;font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#a9bac9}.route-studio__eyebrow span{color:#ff4a5b;margin-right:24px}
.route-studio__heading h2{margin:0;font:700 clamp(58px,7vw,108px)/.84 var(--display);letter-spacing:-.035em;text-transform:uppercase}.route-studio__heading h2 em{color:#f3293e;font-style:normal}.route-studio__heading>p{max-width:370px;margin:0 0 5px;color:#adc0cf;font-size:14px;line-height:1.75}
.route-studio__frame{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);border:1px solid rgba(210,225,237,.18);background:rgba(2,9,18,.42);box-shadow:0 28px 90px rgba(0,0,0,.28)}
.route-studio__visual{min-width:0;border-right:1px solid rgba(210,225,237,.16)}.route-studio__topline{height:54px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(210,225,237,.15);font:500 8px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#93a8b8}.route-studio__topline span:first-child{display:flex;align-items:center;gap:9px}.route-studio__topline svg{width:14px;height:14px;fill:none;stroke:#f3293e;stroke-width:1.5}.route-studio__edition{color:#e3ebf0}
.route-studio__map{position:relative;min-height:430px;background:#081b2b;overflow:hidden}.route-studio__map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(164,193,213,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(164,193,213,.07) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.route-studio__geography{position:absolute;inset:20px 22px 24px}.route-studio__geography img,.route-studio__overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.route-studio__overlay{overflow:visible}.route-studio__route-shadow{stroke:rgba(0,0,0,.35);stroke-width:10;stroke-linecap:round;opacity:.45}.route-studio__route-line{stroke:#f3293e;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px rgba(243,41,62,.5));transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)}.route-studio__traveller{fill:#fff;stroke:#f3293e;stroke-width:3;filter:drop-shadow(0 0 8px rgba(243,41,62,.9))}.route-studio__traveller-halo{fill:none;stroke:rgba(243,41,62,.4);stroke-width:1.5;animation:routePulse 1.8s ease-out infinite}@keyframes routePulse{0%{r:8px;opacity:.9}100%{r:23px;opacity:0}}
.route-studio__cities circle{fill:#f4f1ea;stroke:#173d5b;stroke-width:2}.route-studio__cities text{fill:#d5e1e9;font:500 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.route-studio__cities g{cursor:pointer;transition:opacity .2s}.route-studio__cities g:hover circle{fill:#f3293e}.route-studio__pins circle{fill:#f3293e;stroke:#fff;stroke-width:2}.route-studio__pins text{fill:#fff;font:600 8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.route-studio__map-caption{position:absolute;left:24px;bottom:22px;display:flex;align-items:center;gap:9px;font:500 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#b9cbd7}.route-studio__map-caption i{width:7px;height:7px;border-radius:50%;background:#2db77a;box-shadow:0 0 0 5px rgba(45,183,122,.12)}.route-studio__replay{position:absolute;right:22px;bottom:17px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:rgba(4,15,28,.65);color:#fff;cursor:pointer}.route-studio__replay svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.route-studio__journey{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(210,225,237,.15)}.route-studio__journey>div{min-height:100px;padding:18px 22px;border-right:1px solid rgba(210,225,237,.15)}.route-studio__journey>div:last-child{border-right:0}.route-studio__journey span{display:block;color:#f3293e;font:500 9px var(--mono);margin-bottom:20px}.route-studio__journey strong{display:block;color:#fff;font:600 18px var(--display);text-transform:uppercase;letter-spacing:.02em}.route-studio__journey small{display:block;margin-top:5px;color:#91a7b8;font:500 8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.route-studio__map-note{margin:0;padding:0 22px 18px;color:#7890a2;font:500 8px var(--mono);letter-spacing:.08em}
.route-studio__planner{padding:34px 34px 32px;display:flex;flex-direction:column}.route-studio__planner-heading>span{color:#f3293e;font:500 9px var(--mono);letter-spacing:.16em}.route-studio__planner-heading h3{margin:15px 0 8px;font:700 42px/.88 var(--display);text-transform:uppercase}.route-studio__planner-heading p{margin:0;color:#9db1c1;font-size:13px}.route-studio__form{margin-top:34px}.route-studio__locations{position:relative;display:grid;gap:14px}.route-studio__field label{display:block;margin-bottom:8px;color:#9db1c1;font:500 9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.route-studio__field label i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#f3293e}.route-studio__field select{width:100%;height:48px;padding:0 38px 0 14px;border:1px solid rgba(210,225,237,.24);border-radius:0;background:#0c273e;color:#f4f1ea;font:600 13px var(--body);appearance:none;background-image:linear-gradient(45deg,transparent 50%,#f3293e 50%),linear-gradient(135deg,#f3293e 50%,transparent 50%);background-position:calc(100% - 19px) 20px,calc(100% - 14px) 20px;background-size:5px 5px;background-repeat:no-repeat}.route-studio__field select:focus{outline:2px solid #f3293e;outline-offset:2px}.route-studio__freight{margin-top:24px}.route-studio__freight label i{background:#f4f1ea}.route-studio__brief{margin:26px 0;padding:17px 0;border-top:1px solid rgba(210,225,237,.15);border-bottom:1px solid rgba(210,225,237,.15)}.route-studio__lane-type{font:500 9px var(--mono);letter-spacing:.14em;color:#f3293e}.route-studio__brief p{margin:9px 0 0;color:#adbfcc;font-size:12px;line-height:1.55}.route-studio__submit{width:100%;min-height:55px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid #f3293e;background:#f3293e;color:#fff;font:700 10px var(--body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s}.route-studio__submit:hover{background:#fff;color:#071827}.route-studio__submit svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7}.route-studio__handoff{margin:13px 0 0;color:#71899a;font:500 9px var(--mono);letter-spacing:.05em}.route-studio__confirmation{margin-top:auto;padding-top:28px;color:#8298a8;font-size:12px;line-height:1.6}.route-studio__other{margin-top:28px;color:#f4f1ea;font:600 10px var(--body);letter-spacing:.04em}.route-studio__other span,.route-studio__footline a span{color:#f3293e}.route-studio__announcement{height:22px;margin:15px 0 0;color:#f3293e;font:500 9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.route-studio__footline{display:flex;justify-content:space-between;gap:30px;padding-top:22px;margin-top:14px;border-top:1px solid rgba(210,225,237,.16);color:#7990a2;font:500 9px var(--mono);letter-spacing:.1em}.route-studio__footline a{color:#e2ebf1}.route-studio__footline a span{margin-left:8px}
@media (max-width:900px){.route-studio__heading{display:block}.route-studio__heading>p{margin-top:24px}.route-studio__frame{grid-template-columns:1fr}.route-studio__visual{border-right:0;border-bottom:1px solid rgba(210,225,237,.16)}.route-studio__planner{padding:30px 24px}.route-studio__map{min-height:390px}}
@media (max-width:560px){.route-studio{padding:82px 0}.route-studio__heading h2{font-size:60px}.route-studio__eyebrow span{display:block;margin:0 0 9px}.route-studio__topline{padding:0 15px;font-size:7px}.route-studio__edition{display:none}.route-studio__map{min-height:310px}.route-studio__geography{inset:16px 7px 18px}.route-studio__map-caption{left:14px;bottom:14px;font-size:8px}.route-studio__journey>div{padding:14px 12px;min-height:92px}.route-studio__journey span{margin-bottom:15px}.route-studio__journey strong{font-size:15px}.route-studio__journey small{font-size:7px}.route-studio__map-note{padding:0 14px 14px;font-size:7px}.route-studio__planner{padding:26px 18px}.route-studio__planner-heading h3{font-size:38px}.route-studio__footline{display:block;line-height:1.8}.route-studio__footline a{display:block;margin-top:8px}}