.w-neighbourhood-rail .wnr{--k:3;--g:clamp(28px,3.2vw,52px);--bx:0px}.w-neighbourhood-rail .wnr-idx{display:flex;flex-wrap:wrap;column-gap:clamp(18px,2.2vw,34px);row-gap:0;margin-bottom:clamp(14px,1.6vw,22px)}.w-neighbourhood-rail .wnr-idx li{min-width:0}.w-neighbourhood-rail .wnr-ix{display:inline-flex;align-items:baseline;gap:9px;min-height:40px;padding:9px 0 8px;text-align:left;font:400 17px/1.25 var(--serif);color:var(--slate);transition:color .45s var(--ease)}.w-neighbourhood-rail .wnr-ixn{font:500 10.5px/1 var(--sans);letter-spacing:.18em;color:var(--slate);transition:color .45s var(--ease)}.w-neighbourhood-rail .wnr-ixt{padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .8s var(--ease-o)}.w-neighbourhood-rail .wnr-ix:hover{color:var(--graphite)}.w-neighbourhood-rail .wnr-ix.on{color:var(--graphite)}.w-neighbourhood-rail .wnr-ix.on .wnr-ixn{color:var(--slate)}.w-neighbourhood-rail .wnr-ix.on .wnr-ixt{background-size:100% 1px}.w-neighbourhood-rail .wnr-ix:focus-visible{outline-offset:2px}.w-neighbourhood-rail .wnr-rail{position:relative;display:flex;column-gap:var(--g);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:linear-gradient(var(--line),var(--line)) var(--bx) 0/calc(100% - 2 * var(--bx)) 1px no-repeat}.w-neighbourhood-rail .wnr-rail::-webkit-scrollbar{display:none}.w-neighbourhood-rail .wnr-rail:focus-visible{outline-offset:6px}.w-neighbourhood-rail .wnr-rail.drag,.w-neighbourhood-rail .wnr-rail.glide{scroll-snap-type:none}.w-neighbourhood-rail .wnr-rail.drag{cursor:grabbing;user-select:none;-webkit-user-select:none}@media(hover:hover)and (pointer:fine){.w-neighbourhood-rail .wnr-rail{cursor:grab}}.w-neighbourhood-rail .wnr-c{position:relative;flex:0 0 calc((100% - (var(--k) - 1) * var(--g)) / var(--k));min-width:0;scroll-snap-align:start;scroll-snap-stop:always;padding:clamp(30px,3vw,44px) 0 clamp(34px,3.4vw,50px)}.w-neighbourhood-rail .wnr-c::after{content:"";position:absolute;top:0;bottom:0;right:calc(var(--g) / -2);width:1px;background:var(--line);pointer-events:none}.w-neighbourhood-rail .wnr-c:last-child::after{display:none}.w-neighbourhood-rail .wnr-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.w-neighbourhood-rail .wnr-n{position:relative;display:block;font:300 clamp(64px,5.6vw,92px)/.8 var(--serif);letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px var(--steel)}.w-neighbourhood-rail .wnr-n::after{content:attr(data-n);position:absolute;left:0;top:0;-webkit-text-stroke:0;color:transparent;background:linear-gradient(100deg,#8D9298 0%,#D9DCDF 38%,#9EA3A9 58%,#E6E8EA 80%,#8D9298 100%);-webkit-background-clip:text;background-clip:text;clip-path:inset(0 100% 0 0);transition:clip-path 1.8s var(--ease-o) var(--wnr-d,0ms)}.w-neighbourhood-rail .wnr-c.on .wnr-n::after{clip-path:inset(0 0 0 0)}.w-neighbourhood-rail .wnr-oc{padding-top:4px;font:500 11.5px/1.3 var(--sans);letter-spacing:.22em;color:var(--slate);text-align:right}.w-neighbourhood-rail .wnr-h{margin-top:clamp(26px,2.6vw,38px);font:300 clamp(30px,2.5vw,40px)/1.08 var(--serif);letter-spacing:.005em;color:var(--graphite)}.w-neighbourhood-rail .wnr-hs{margin-top:12px;font:italic 300 clamp(18px,1.4vw,20px)/1.42 var(--serif);color:var(--slate)}.w-neighbourhood-rail .wnr-hs::after{content:"";display:block;width:36px;height:1px;margin-top:22px;background:var(--steel)}.w-neighbourhood-rail .wnr-d{margin-top:20px;font:300 clamp(17px,1.25vw,18.5px)/1.7 var(--serif);color:var(--text)}.w-neighbourhood-rail .wnr-bar{position:relative;height:1px;background:var(--line);overflow:hidden}.w-neighbourhood-rail .wnr-bar i{position:absolute;inset:0;background:var(--graphite);transform-origin:0 50%;transform:scaleX(.375)}.w-neighbourhood-rail .wnr-ctl{display:flex;justify-content:flex-end;gap:10px;margin-top:clamp(18px,2vw,26px)}.w-neighbourhood-rail .wnr-btn:disabled{opacity:.3;cursor:default}.w-neighbourhood-rail .wnr-btn:disabled:hover{background:none;color:var(--graphite);border-color:var(--line)}@media(max-width:1099px){.w-neighbourhood-rail .wnr{--k:2;--g:clamp(26px,3.6vw,40px)}}@media(max-width:899px){.w-neighbourhood-rail .wnr-idx{position:relative;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scroll-padding-inline:var(--gut);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--gut),#000 calc(100% - var(--gut)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--gut),#000 calc(100% - var(--gut)),transparent 100%)}.w-neighbourhood-rail .wnr-idx::-webkit-scrollbar{display:none}.w-neighbourhood-rail .wnr-idx li{flex:0 0 auto}.w-neighbourhood-rail .wnr-ix{white-space:nowrap}}@media(max-width:699px){.w-neighbourhood-rail .wnr{--k:1;--g:var(--gut);--bx:var(--gut)}.w-neighbourhood-rail .wnr-rail{margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);scroll-padding-inline:var(--gut)}.w-neighbourhood-rail .wnr-h{font-size:clamp(28px,8.4vw,34px)}.w-neighbourhood-rail .wnr-n{font-size:68px}.w-neighbourhood-rail .wnr-ctl .circ{width:48px;height:48px}}@media(pointer:coarse){.w-neighbourhood-rail .wnr-ix{min-height:44px;align-items:center}.w-neighbourhood-rail .wnr-ixn,.w-neighbourhood-rail .wnr-oc{font-size:12px}}@media(prefers-reduced-motion:reduce){.w-neighbourhood-rail *,.w-neighbourhood-rail *::before,.w-neighbourhood-rail *::after{transition-delay:0s!important}}@media(min-width:900px){.w-neighbourhood-rail .wnr-idx{display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-between}}@media(max-width:899px){.w-neighbourhood-rail .wnr-idx{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:40px}}@media(max-width:899px){.w-neighbourhood-rail .wnr-idx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;overflow:visible;-webkit-mask-image:none;mask-image:none;padding-right:0}.w-neighbourhood-rail .wnr-ix{white-space:normal}}@media(pointer:coarse){.w-neighbourhood-rail .wnr-ixn,.w-neighbourhood-rail .wnr-oc{font-size:12px}}
