body{font-size:16px}a{color:var(--blue);text-underline-offset:4px}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.skip{position:absolute;top:-100px;left:20px;z-index:99;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}
header{min-height:76px;padding:16px clamp(20px,5vw,72px);gap:25px;letter-spacing:.02em;font-size:14px}.brand{font:600 13px var(--sans);letter-spacing:.02em}.brand small{font-size:10px;color:var(--muted);margin-inline-start:4px}.brand>span{display:block;font-size:10px;letter-spacing:.08em;margin-top:3px}header nav{display:flex;gap:24px;margin-inline-start:auto}header nav a{font-size:14px}header nav a span{color:var(--ink)}
.home main{padding:0}.home-metro{max-width:none;border:0;padding:32px clamp(20px,5vw,72px) 45px;margin:0}.map-heading{max-width:1320px;margin:auto}.map-heading>p{font-size:12px;letter-spacing:.08em;color:var(--blue)}.map-heading h1{font:400 clamp(42px,5vw,70px)/1 var(--serif);letter-spacing:-.035em;margin:0}.route-network{overflow:auto;direction:ltr;scrollbar-width:thin}.network-canvas{width:100%;min-width:1000px;aspect-ratio:2;position:relative;margin:auto;max-width:1320px}.network-canvas>svg{position:absolute;inset:0;width:100%;height:100%}.network-station{position:absolute;display:block;color:var(--ink);text-decoration:none;width:0;height:0}.network-station>i{position:absolute;width:22px;height:22px;border:5px solid var(--station-color);background:var(--paper);border-radius:50%;transform:translate(-50%,-50%);z-index:2}.network-station.junction>i{width:28px;height:28px}.network-station>b{position:absolute;display:block;width:max-content;max-width:195px;font:600 17px/1.25 var(--sans)}.network-station.label-up>b{bottom:27px;transform:translateX(-50%);text-align:center}.network-station.label-down>b{top:27px;transform:translateX(-50%);text-align:center}.network-station.label-left>b{right:27px;top:0;transform:translateY(-50%);text-align:right}.network-station.label-right>b{left:27px;top:0;transform:translateY(-50%);text-align:left}.network-station.selected>i{box-shadow:0 0 0 5px var(--paper),0 0 0 8px var(--station-color),0 0 15px 7px #172a3a30}.network-station:hover>b{text-decoration:underline}.route-legend{position:absolute;left:72%;top:3%;display:grid;gap:7px;padding:14px;border:1px solid var(--rule);background:var(--paper)}.route-legend>span{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.2;white-space:nowrap}.route-legend i{width:25px;height:5px;flex-shrink:0}
.network-shell{border-bottom:1px solid var(--rule);padding:10px 24px}.inner .network-canvas{max-width:900px;min-width:900px}.inner .network-station>b{font-size:14px;max-width:170px}.inner .route-legend{left:72%;top:1%;padding:8px;gap:5px}.inner .route-legend>span{font-size:12px}.inner .network-station.label-up>b{bottom:24px}.inner .network-station.label-down>b{top:24px}.inner .network-station.label-left>b{right:24px}.inner .network-station.label-right>b{left:24px}.inner .network-station>i{width:18px;height:18px;border-width:4px}.inner .network-station.junction>i{width:24px;height:24px}
.page-layout{grid-template-columns:minmax(170px,220px) minmax(0,950px);gap:clamp(30px,5vw,85px);max-width:1550px;margin:auto;direction:ltr}.page-layout main{direction:ltr;max-width:950px;padding:65px 0 100px}.current-route{padding-top:65px}.current-route nav{display:block}.current-route>p{font-size:12px}.current-route h2{font-size:14px;line-height:1.4}.current-route a span{font-size:14px}.current-route a{min-height:65px}.current-route a i{flex:0 0 20px}.page-layout main h1{font-size:clamp(48px,6vw,94px);line-height:1;overflow-wrap:break-word}.lead{margin:35px 0 40px;font-size:20px;line-height:1.6}.page-layout main>p{max-width:760px}.page-layout main section{max-width:100%;margin-top:32px}.page-layout main section p{max-width:760px}.portfolio{display:grid;gap:40px;margin:38px 0}.map-card{margin:25px 0;background:transparent}.map-card figcaption{font-size:14px;padding:16px;line-height:1.5}.map-card img{object-fit:contain}.map-card a{cursor:zoom-in}.cta,button[type=submit]{font:600 14px var(--sans);letter-spacing:.02em;text-transform:none;min-height:44px;padding:13px 18px;background:var(--ink);color:#fff;border:0}.work-links{display:flex;flex-wrap:wrap;gap:18px 28px;padding:12px 0}.placeholder{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--rule);background:repeating-linear-gradient(0deg,transparent,transparent 39px,#d9ddd944 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#d9ddd944 40px);color:var(--muted);padding:24px;text-align:center}.placeholder small{display:block;font-size:14px;margin-top:8px}.map-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.status-label{color:var(--muted)}
.branch-tram{margin:35px 0;padding:20px 6px 22px;overflow-x:auto;direction:ltr;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.branch-stops{display:flex;width:max-content;position:relative;gap:0}.branch-stops:before{content:'';height:4px;position:absolute;left:10px;right:140px;top:9px;background:var(--tram)}.branch-stops>a,.branch-stops>.disabled{position:relative;padding:0 22px 0 0;width:155px;display:block;text-decoration:none;font-size:14px;line-height:1.3;color:var(--ink)}.branch-stops i{position:relative;display:block;width:20px;height:20px;border:4px solid var(--paper);outline:2px solid var(--tram);background:var(--tram);border-radius:50%;margin-bottom:14px}.branch-stops>.disabled{color:#7a8287}.branch-stops>.disabled i{outline-color:#a3a9ad;background:#a3a9ad}.branch-stops>a.active{font-weight:600}.branch-stops>a.active i{box-shadow:0 0 0 6px var(--paper),0 0 0 8px var(--tram)}.branch-stops>a:hover{text-decoration:underline}.project-description-link{display:inline-block;margin:0 0 22px}.map-actions{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;margin:20px 0 45px}.map-actions [aria-disabled]{color:var(--muted)}.tram-side{display:none}.tram-docked .page-layout{grid-template-columns:160px 215px minmax(0,950px);gap:28px}.tram-docked .tram-side{display:block;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}.tram-docked .tram-side .branch-tram{margin:0;border:0;padding:8px}.tram-docked .branch-stops{display:block;width:100%}.tram-docked .branch-stops:before{left:8px;top:10px;bottom:35px;height:auto;width:4px;right:auto}.tram-docked .branch-stops>a,.tram-docked .branch-stops>.disabled{display:flex;gap:14px;min-height:48px;width:100%;align-items:flex-start;padding:0}.tram-docked .branch-stops i{flex:0 0 18px;height:18px;margin:0}.tram-docked .current-route{font-size:14px}.tram-docked .current-route nav a{gap:15px}
form{display:grid;gap:20px;margin-top:30px;max-width:760px}label{display:grid;gap:7px;font-size:16px}input,select,textarea{border:1px solid #adb7ba;background:transparent;color:var(--ink);padding:11px 12px;border-radius:0;width:100%;min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form{position:relative;border-inline-start:5px solid var(--blue);padding-inline-start:30px}.contact-form label{position:relative}.contact-form label:before{content:'';position:absolute;width:14px;height:14px;border:3px solid var(--blue);background:var(--paper);border-radius:50%;inset-inline-start:-40px;top:5px}.contact-form h2{font-size:36px;line-height:1.2}.form-note{color:var(--muted);font-size:14px;margin:0}form button{justify-self:start}.honey{position:absolute;left:-10000px}#comments-list article,#moderation-queue article{padding:20px 0;border-top:1px solid var(--rule)}#comments-list p,#moderation-queue p{white-space:pre-wrap}#comments-list h3{font-size:16px}#moderation-queue button{margin-inline-end:15px;padding:10px 16px;border:1px solid var(--ink);background:transparent}#moderation-link{font-size:14px}[hidden]{display:none!important}
dialog{padding:16px;border:1px solid var(--rule);background:var(--paper);max-width:96vw;max-height:96vh}dialog::backdrop{background:#172a3aee}dialog>button{display:block;margin:0 0 12px auto;border:1px solid var(--ink);background:var(--paper);padding:9px 18px;color:var(--ink)}dialog>img{display:block;width:auto;height:auto;max-width:90vw;max-height:82vh;object-fit:contain}.about-contact{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:65px clamp(20px,5vw,72px)!important;border-top:1px solid var(--rule);max-width:none}.about-contact h2{max-width:560px;font:400 38px/1.1 var(--serif)}.about-contact p{max-width:520px}.about-contact>div:first-child{border-inline-end:1px solid var(--rule);padding-inline-end:50px}footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(20px,5vw,72px);border-top:1px solid var(--rule);font-size:12px;color:var(--muted)}
@media(max-width:1100px){.page-layout{grid-template-columns:170px minmax(0,1fr);padding:0 28px;gap:35px}.network-shell{padding-inline:10px}.network-canvas{min-width:1000px}.network-shell .network-canvas{min-width:900px}.home-metro{padding-inline:20px}}
@media(max-width:780px){header{padding:15px 20px;flex-wrap:wrap;gap:15px}header nav{order:3;width:100%;gap:20px;justify-content:space-between}header nav a{font-size:14px}header .brand>span{display:block}header nav a span{display:inline}.page-layout{display:block;padding:0 22px}.current-route{padding:35px 0 0;position:relative;top:0}.current-route h2{margin-bottom:20px}.current-route nav{display:flex;gap:20px;padding:8px 8px 20px}.current-route nav:before{left:16px;top:19px;height:6px}.current-route a{min-width:155px;min-height:0;gap:16px}.current-route a span{font-size:14px}.page-layout main{padding-top:36px}.page-layout main h1{font-size:52px;line-height:1}.lead{font-size:18px}.map-pair{grid-template-columns:1fr}.about-contact{grid-template-columns:1fr;gap:35px}.about-contact>div:first-child{border-inline-end:0;padding-inline-end:0}.route-network{padding:8px 0}.inner .network-canvas{margin:0}.network-shell{padding-bottom:0}.form-row{grid-template-columns:1fr}.contact-form{padding-inline-start:24px}.contact-form label:before{inset-inline-start:-34px}.tram-side{display:none}.map-actions{flex-direction:column}.placeholder{min-height:240px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Restore the original route-map visual language on the current network. */
.home .map-heading{max-width:1220px;margin:0 auto 18px}.home .map-heading>p{font:500 11px var(--mono);letter-spacing:.08em;margin:0 0 8px}.home-metro{padding:28px clamp(20px,5vw,72px) 64px}.home .network-canvas{width:min(1220px,100%);max-width:1220px;min-width:0;height:min(700px,calc(100vh - 105px));min-height:570px;aspect-ratio:auto}.home .route-network{overflow:hidden}.home .network-station>i,.home .network-station.junction>i{width:20px;height:20px;border:5px solid var(--paper);outline:3px solid var(--station-color);background:var(--station-color)}.home .network-station.junction>i{background:var(--paper);box-shadow:inset 0 0 0 4px var(--station-color)}.home .network-station>b{font:600 17px/1.15 var(--sans);max-width:190px}.home .network-station:hover>b,.home .network-station:focus-visible>b{font-style:italic;text-decoration:none}.home .network-station.label-up>b{bottom:29px}.home .network-station.label-down>b{top:29px}.home .network-station.label-left>b{right:29px}.home .network-station.label-right>b{left:29px}.home .route-legend{left:0;top:4px;gap:7px;padding:12px 14px;background:color-mix(in srgb,var(--paper) 92%,transparent)}.home .route-legend>span{font:600 11px/1.15 var(--mono);letter-spacing:.035em}.home .route-legend i{width:27px;height:6px;border-radius:4px}
.network-shell{height:245px;padding:18px clamp(22px,6vw,90px) 10px;overflow:hidden;position:relative}.mini-network{height:210px;position:relative;direction:ltr}.mini-title{position:absolute;z-index:2;top:6px;left:0;color:var(--ink);text-decoration:none}.mini-title>span{display:block;color:var(--muted);font:10px var(--mono);letter-spacing:.09em}.mini-title>b{display:block;margin-top:3px;font:400 28px var(--serif)}.mini-scroll{width:calc(100% - 140px);margin-left:auto;overflow-x:auto;overflow-y:hidden;height:210px;scrollbar-width:thin}.mini-svg{display:block;width:100%;min-width:850px;height:210px;overflow:visible}.mini-line{fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;opacity:.22}.mini-line.active-line{stroke-width:11;opacity:1}.mini-stop{stroke:var(--paper);stroke-width:5}.mini-stop.interchange-stop{stroke:var(--ink)}.mini-hit{fill:transparent;stroke:none}.mini-svg text{fill:var(--ink);font:600 16px var(--sans)}.mini-svg a:hover text,.mini-svg a:focus text{text-decoration:underline}.mini-svg a.current .mini-stop{stroke:var(--paper);filter:drop-shadow(0 0 3px var(--paper)) drop-shadow(0 0 8px var(--ink))}.mini-svg a.current text{font-weight:600}
@media(max-width:1200px) and (min-width:801px){.home .network-station>b{font-size:16px;max-width:175px}}
@media(max-width:800px){.home-metro{padding:24px 20px 30px}.home .network-canvas{width:145%;max-width:none;height:700px;min-height:0;transform:scale(.69);transform-origin:top left;margin-bottom:-205px}.home .network-station>b{font-size:15px;max-width:160px}.home .route-legend{transform:scale(.9);transform-origin:top left}.network-shell{height:190px;padding:8px 14px}.mini-network{height:170px}.mini-title{top:5px;left:8px;background:var(--paper);padding:0 8px 3px 0}.mini-title>b{font-size:22px}.mini-scroll{width:100%;height:170px;margin:0}.mini-svg{height:170px;min-width:850px}.mini-title>span{font-size:9px}}
@media(max-width:480px){.home .network-canvas{width:170%;transform:scale(.59);margin-bottom:-274px}.home .network-station>b{font-size:14px;max-width:140px}.home .route-legend{font-size:11px}}