.khm{--khm-h: clamp(540px, 46vw, 760px);--khm-at: 50%;--khm-edge: 24px;--khm-halo: var(--kh-paper);position:relative;margin:0;color:var(--kh-navy)}.khm-band{position:relative;height:var(--khm-h);border-top:1px solid var(--kh-rule);background:var(--kh-paper)}.khm-view{position:absolute;inset:0;overflow:hidden}.khm-canvas{position:absolute;top:0;left:var(--khm-at);height:100%;width:calc(var(--khm-h) * var(--khm-ratio));transform:translate(calc(var(--khm-fx) * -100%))}.khm-svg{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.khm-water{fill:var(--kh-blue);fill-opacity:.15}.khm-coast{fill:none;stroke:var(--kh-navy);stroke-opacity:.55;stroke-width:.9;stroke-linejoin:round;stroke-linecap:round}.khm-roads{opacity:.3}.khm-roads path{fill:none;stroke:var(--kh-navy);stroke-linejoin:round;stroke-linecap:round}.khm-trunk{stroke-width:.8}.khm-motorway{stroke-width:1.3}.khm-rivers{fill:none;stroke:url(#khm-river-fade);stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}.khm-rail{fill:none;stroke:var(--kh-navy);stroke-opacity:.4;stroke-width:.8;stroke-dasharray:2.5 2.5}.khm-runways{fill:none;stroke:var(--kh-navy);stroke-opacity:.75;stroke-width:1.8}.khm-runways--mbw{stroke-opacity:.5;stroke-width:.9}.khm-cbd{fill:var(--kh-navy);fill-opacity:.3;stroke:var(--kh-navy);stroke-opacity:.85;stroke-width:.9;stroke-linejoin:round}.khm-sandbelt path{fill:var(--kh-navy);fill-opacity:.1;stroke:var(--kh-navy);stroke-opacity:.5;stroke-width:.7;stroke-linejoin:round}.khm-label,.khm-leader,.khm-nb,.khm-club{left:var(--khm-x);top:var(--khm-y)}.khm-label{position:absolute;z-index:2;margin:0;white-space:nowrap;pointer-events:none;font-family:var(--kh-sans);font-weight:500;font-size:10.5px;line-height:1;letter-spacing:.2em;text-transform:uppercase;color:var(--kh-navy);--khm-gap: 12px;text-shadow:0 0 2px var(--khm-halo),0 0 3px var(--khm-halo),0 0 5px var(--khm-halo),0 0 8px var(--khm-halo)}.khm-label.is-r{transform:translate(var(--khm-gap),-50%)}.khm-label.is-l{transform:translate(calc(-100% - var(--khm-gap)),-50%)}.khm-label.is-t{transform:translate(-50%,calc(-100% - var(--khm-gap)))}.khm-label.is-b{transform:translate(-50%,var(--khm-gap))}.khm-label.is-c{transform:translate(-50%,-50%)}.khm-label.has-leader{transform:translate(calc(var(--khm-dx) + 6px),calc(var(--khm-dy) - 50%))}.khm-leader{position:absolute;z-index:1;width:var(--khm-l);height:0;border-top:1px solid rgba(12,35,64,.45);transform-origin:0 0;transform:rotate(var(--khm-a))}.khm-label--mel{--khm-gap: 22px}.khm-label--bay{font-size:11px;letter-spacing:.5em;color:#0c23408c;text-shadow:none}.khm-label--club{--khm-gap: 26px;font-family:var(--kh-serif-display);font-weight:400;font-size:22px;letter-spacing:0;text-transform:none}.khm-club{position:absolute;z-index:3;width:0;height:0}.khm-club i{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%)}.khm-club__dot{width:9px;height:9px;background:var(--kh-navy)}.khm-club__ring{width:30px;height:30px;border:1px solid var(--kh-navy);background:#fbf8ef99}.khm-sandbelt path{cursor:default;transition:fill-opacity .3s ease,stroke-opacity .3s ease}.khm-sandbelt path:hover{fill-opacity:.32;stroke-opacity:.9}.khm-nb{position:absolute;z-index:4;width:0;height:0;pointer-events:none}.khm-nb__name{position:absolute;left:0;top:0;--khm-from: translate(-50%, calc(-100% - 8px) );--khm-to: translate(-50%, calc(-100% - 12px) );transform:var(--khm-from);white-space:nowrap;font-family:var(--kh-sans);font-weight:500;font-size:10px;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--kh-navy);opacity:0;transition:opacity .3s ease,transform .3s ease;text-shadow:0 0 2px var(--khm-halo),0 0 3px var(--khm-halo),0 0 5px var(--khm-halo),0 0 8px var(--khm-halo)}.khm-canvas:has(.khm-fp--royal-melbourne:hover) [data-nb=royal-melbourne] .khm-nb__name,.khm-canvas:has(.khm-fp--victoria:hover) [data-nb=victoria] .khm-nb__name,.khm-canvas:has(.khm-fp--metropolitan:hover) [data-nb=metropolitan] .khm-nb__name,.khm-canvas:has(.khm-fp--commonwealth:hover) [data-nb=commonwealth] .khm-nb__name,.khm-canvas:has(.khm-fp--huntingdale:hover) [data-nb=huntingdale] .khm-nb__name,.khm-canvas:has(.khm-fp--yarra-yarra:hover) [data-nb=yarra-yarra] .khm-nb__name,.khm-canvas:has(.khm-fp--woodlands:hover) [data-nb=woodlands] .khm-nb__name{opacity:1;transform:var(--khm-to)}.khm-nb.is-l .khm-nb__name{--khm-from: translate( calc(-100% - 8px) , -50%);--khm-to: translate( calc(-100% - 13px) , -50%)}.khm-nb.is-b .khm-nb__name{--khm-from: translate(-50%, 8px);--khm-to: translate(-50%, 12px)}.khm-directions{position:absolute;z-index:5;top:28px;right:var(--khm-edge);background:var(--kh-paper)}.khm-directions:focus-visible{outline:2px solid var(--kh-blue);outline-offset:3px}.khm-credit{position:absolute;z-index:5;right:var(--khm-edge);bottom:12px;margin:0;font-family:var(--kh-sans);font-size:10px;line-height:1.3;letter-spacing:.04em;color:#0c23409e;text-shadow:0 0 3px var(--khm-halo),0 0 6px var(--khm-halo)}.kh .khm-credit a{color:inherit;border-bottom:1px solid rgba(12,35,64,.25)}.kh .khm-credit a:hover{color:var(--kh-blue);border-color:currentColor}.khm.is-armed .khm-draw{stroke-dasharray:1 1;stroke-dashoffset:1}.khm.is-armed .khm-rivers,.khm.is-armed .khm-rail,.khm.is-armed .khm-runways,.khm.is-armed .khm-cbd,.khm.is-armed .khm-sandbelt,.khm.is-armed .khm-label,.khm.is-armed .khm-leader,.khm.is-armed .khm-club__dot{opacity:0}.khm.is-armed .khm-club__ring{opacity:0;transform:translate(-50%,-50%) scale(1.7)}.khm.is-drawn .khm-draw{stroke-dashoffset:0;transition:stroke-dashoffset .7s cubic-bezier(.45,.05,.25,1)}.khm.is-drawn .khm-motorway{transition-delay:.12s}.khm.is-drawn .khm-trunk{transition-delay:.22s}.khm.is-drawn .khm-rivers,.khm.is-drawn .khm-rail,.khm.is-drawn .khm-runways,.khm.is-drawn .khm-cbd,.khm.is-drawn .khm-sandbelt{opacity:1;transition:opacity .6s ease .45s}.khm.is-drawn .khm-label,.khm.is-drawn .khm-leader{opacity:1;transition:opacity .6s ease .65s}.khm.is-drawn .khm-club__dot{opacity:1;transition:opacity .4s ease .6s}.khm.is-drawn .khm-club__ring{opacity:1;transform:translate(-50%,-50%) scale(1);transition:opacity .5s ease .7s,transform .7s cubic-bezier(.2,.7,.2,1) .7s}@media print{.khm.is-armed .khm-draw{stroke-dasharray:none}.khm.is-armed .khm-rivers,.khm.is-armed .khm-rail,.khm.is-armed .khm-runways,.khm.is-armed .khm-cbd,.khm.is-armed .khm-sandbelt,.khm.is-armed .khm-label,.khm.is-armed .khm-leader,.khm.is-armed .khm-club__dot,.khm.is-armed .khm-club__ring{opacity:1}.khm.is-armed .khm-club__ring{transform:translate(-50%,-50%)}}@media(prefers-reduced-motion:reduce){.khm .khm-draw{stroke-dasharray:none!important}.khm *,.khm *:before,.khm *:after{transition:none!important}}@media(max-width:700px){.khm{--khm-h: min(150vw, 640px)}.khm-label,.khm-leader,.khm-nb,.khm-club{left:var(--khm-xs);top:var(--khm-ys)}.khm-label.khm-label--club{font-size:19px;line-height:1.12;text-align:center;transform:translate(-50%,calc(-100% - 22px))}.khm-label--bay{letter-spacing:.4em}.khm-label--club span{display:block}.khm-label.has-leader{transform:translate(calc(var(--khm-dxs) + 6px),calc(var(--khm-dys) - 50%))}.khm-leader{width:var(--khm-ls);transform:rotate(var(--khm-as))}.khm-label.khm-label--mbw{white-space:normal;width:6.5em;line-height:1.35;text-align:center;transform:translate(-50%,14px)}.khm-label--mbw-leader,.khm-sandbelt,.khm-nb{display:none}.khm-directions{top:auto;bottom:36px;left:var(--khm-edge);right:auto}}.kh-p-contact{--kh-p-side: 90px;font-size:16px;letter-spacing:0;color:var(--kh-navy)}@media(max-width:999px){.kh-p-contact{--kh-p-side: var(--kh-pad)}}.kh-p-contact .kh-p-contact__row{padding:0 var(--kh-p-side)}.kh-p-contact .kh-p-cols{max-width:1245px;gap:0 2%}.kh-p-contact .kh-p-col{padding:calc(min(1245px,100vw - 180px)/25)}@media(max-width:999px){.kh-p-contact .kh-p-col{padding:36px}}@media(max-width:900px){.kh-p-contact .kh-p-col{padding:2.5rem 0}.kh-p-contact .kh-p-contact__form{padding-top:.5rem}}.kh-p-contact .kh-p-contact__info h2{font-weight:400;margin:0 0 1.25rem}.kh-p-contact .kh-p-contact__info p{margin:0 0 3.1em}.kh-p-contact .kh-p-contact__info p a{color:var(--kh-blue);border-bottom-color:currentColor}.kh-p-contact .kh-p-contact__info p a:hover{color:var(--kh-navy)}.kh-p-contact .kh-p-contact__info h3{font-weight:400;margin:0 0 .6rem}.kh-p-contact .kh-p-contact__info h5{font-weight:400;margin:0}.kh-p-contact .kh-p-contact__form>h3{font-weight:400;margin:0 0 2.4rem}.kh-p-contact .khm{--khm-edge: calc(var(--kh-p-side) + (100% - 2 * var(--kh-p-side) - min(1245px, 100% - 2 * var(--kh-p-side))) / 2 + min(1245px, 100% - 2 * var(--kh-p-side)) * .04)}@media(max-width:999px){.kh-p-contact .khm{--khm-edge: calc(var(--kh-p-side) + 36px)}}@media(max-width:900px){.kh-p-contact .khm{--khm-edge: var(--kh-p-side)}}.kh-p-contact .kh-p-form{display:block}.kh-p-contact .kh-p-form>:not(:first-child){margin-top:3.2rem}.kh-p-contact .kh-p-form fieldset{min-width:0;margin:0;padding:0;border:0}.kh-p-contact .kh-field>legend,.kh-p-contact .kh-field>label{display:block;margin:0 0 1.35rem;padding:0;font-family:var(--kh-sans);font-weight:400;font-size:11.5px;line-height:1.3;letter-spacing:.22em;text-transform:uppercase;color:var(--kh-navy)}.kh-p-contact .kh-field>legend{float:left;width:100%}.kh-p-contact .kh-field>legend+*{clear:both}.kh-p-contact .kh-field .kh-req{margin-left:.8em;font-family:var(--kh-serif);font-style:italic;font-weight:400;font-size:14px;letter-spacing:.01em;text-transform:none;color:#0c23408c}.kh-p-contact .kh-p-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.9rem 2.5rem}.kh-p-contact .kh-p-pair label{display:block;margin:0;font-family:var(--kh-serif);font-style:italic;font-weight:400;font-size:14.5px;line-height:1.4;letter-spacing:0;text-transform:none;color:#0c23409e}.kh-p-contact .kh-field input{display:block;width:100%;height:auto;margin:0;padding:.2rem 0 .5rem;font-family:var(--kh-serif);font-size:18px;line-height:1.35;letter-spacing:0;color:var(--kh-navy);caret-color:var(--kh-navy);background:linear-gradient(var(--kh-blue),var(--kh-blue)) no-repeat 0 100% / 0 2px;background-origin:border-box;background-clip:border-box;border:0;border-bottom:1px solid rgba(12,35,64,.3);border-radius:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-size .55s cubic-bezier(.2,.7,.2,1),border-color .3s ease}.kh-p-contact .kh-field input:hover{border-bottom-color:#0c23408c}.kh-p-contact .kh-field input:focus{outline:2px solid transparent;background-size:100% 2px}.kh-p-contact .kh-field input:-webkit-autofill{-webkit-text-fill-color:var(--kh-navy);-webkit-transition:background-size .55s cubic-bezier(.2,.7,.2,1),border-color .3s ease,background-color 600000s 0s;transition:background-size .55s cubic-bezier(.2,.7,.2,1),border-color .3s ease,background-color 600000s 0s}.kh-p-contact .kh-field textarea{display:block;width:100%;height:12rem;min-height:8rem;margin:0;padding:.9rem 1rem;font-family:var(--kh-serif);font-size:17px;line-height:1.6;letter-spacing:0;color:var(--kh-navy);caret-color:var(--kh-navy);background:#ffffff73;border:1px solid rgba(12,35,64,.26);border-radius:0;box-shadow:none;resize:vertical;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .35s ease,box-shadow .35s ease}.kh-p-contact .kh-field textarea:hover{border-color:#0c234073}.kh-p-contact .kh-field textarea:focus{outline:2px solid transparent;border-color:var(--kh-blue);box-shadow:0 0 0 1px var(--kh-blue)}.kh-p-contact .kh-field small{display:block;margin:0;font-family:var(--kh-serif);font-size:15px;line-height:1.55;color:#0c2340b8}.kh-p-contact .kh-field small.kh-p-above{margin:-.35rem 0 1.1rem}.kh-p-contact .kh-field small[data-kh-count]{margin-top:.6rem;text-align:right;font-size:13.5px;font-style:italic;color:#0c23408c;font-variant-numeric:lining-nums tabular-nums}.kh-p-contact .kh-p-foot{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem 1.9rem}.kh-p-contact .kh-p-submit{margin:0;border-radius:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.2}.kh-p-contact .kh-p-submit:focus-visible{outline:2px solid var(--kh-blue);outline-offset:3px}.kh-p-contact .kh-form__note{flex:1 1 15rem;grid-column:auto;margin:0;font-family:var(--kh-serif);font-style:italic;font-size:14px;line-height:1.5;color:#0c234099}.kh-p-contact .kh-form__done{position:relative;flex:1 1 100%;margin:.9rem 0 0;padding:1.2rem 0 0;border:0;border-top:1px solid var(--kh-rule);font-family:var(--kh-serif);font-size:17px;line-height:1.6;color:var(--kh-navy)}.kh-p-contact .kh-form__done:before{content:"";position:absolute;left:0;top:-1px;width:3.5rem;height:2px;background:var(--kh-blue);transform-origin:0 50%}.kh-p-contact .kh-form__done:not([hidden]){animation:kh-p-done .6s ease both}.kh-p-contact .kh-form__done:not([hidden]):before{animation:kh-p-done-line .7s cubic-bezier(.2,.7,.2,1) .1s both}@keyframes kh-p-done{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes kh-p-done-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.kh-p-contact .kh-field input,.kh-p-contact .kh-field textarea{transition:none}.kh-p-contact .kh-form__done:not([hidden]),.kh-p-contact .kh-form__done:not([hidden]):before{animation:none}}@media(forced-colors:active){.kh-p-contact .kh-field input:focus,.kh-p-contact .kh-field textarea:focus{outline-color:Highlight}}@media(max-width:700px){.kh-p-contact .kh-p-form>:not(:first-child){margin-top:2.7rem}}@media(max-width:640px){.kh-p-contact .kh-p-pair{grid-template-columns:minmax(0,1fr);gap:1.6rem}}
