.scene{--p:1;--sky:linear-gradient(180deg, #0a0f12 0%, #0e1214 100%);min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));padding:96px var(--gut) clamp(40px, 7vh, 72px);background:var(--sky);color:var(--bone);align-items:flex-end;display:flex;position:relative;overflow:hidden}.scene[data-sky=dawn]{--sky:linear-gradient(180deg, #3a2a3a 0%, #b8573a 62%, #f0a35e 100%)}.scene[data-sky=day]{--sky:linear-gradient(180deg, #1c3342 0%, #35566b 55%, #6d8ea0 100%)}.scene[data-sky=dusk]{--sky:linear-gradient(180deg, #1b1830 0%, #6b3a4a 60%, #d9703a 100%)}.scene[data-sky=night]{--sky:linear-gradient(180deg, #05080a 0%, #0e1214 60%, #18222a 100%)}:root[data-theme=light] .scene{color:#0e1214}:root[data-theme=light] .scene[data-sky=dawn]{--sky:linear-gradient(180deg, #f3e2d2 0%, #f0b88d 70%, #f6d3a2 100%)}:root[data-theme=light] .scene[data-sky=day]{--sky:linear-gradient(180deg, #d9e4ea 0%, #eceae2 70%, #f3efe6 100%)}:root[data-theme=light] .scene[data-sky=dusk]{--sky:linear-gradient(180deg, #e8d8d4 0%, #eebd9a 70%, #f3d6b0 100%)}:root[data-theme=light] .scene[data-sky=night]{--sky:linear-gradient(180deg, #cfd6dc 0%, #dcd8d0 70%, #e7e2d8 100%)}.scene-art{position:absolute;inset:0}.scene-art svg{width:100%;height:100%;display:block}.scene .draw{fill:none;stroke:var(--ember);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0, (var(--p) - var(--d,0)) / (1 - var(--d,0)), 1))}.scene .line{fill:none;stroke:var(--bone);stroke-opacity:.55;stroke-width:1.5px;stroke-linecap:round}.scene .fillable{fill:var(--ember);fill-opacity:calc(.32 * clamp(0, (var(--p) - var(--d,0)) / (1 - var(--d,0)), 1))}.scene-copy{z-index:2;max-width:min(46vw,640px);position:relative}.scene-copy h1{font-size:clamp(46px,6.4vw,112px)}.scene-copy .tagline{letter-spacing:.12em;text-transform:uppercase;color:var(--ember);margin-top:18px;font:14px/1.4 JetBrains Mono,monospace}.scene-copy .lede{max-width:30em;margin-top:18px;font-size:clamp(17px,1.35vw,21px)}.scene-action{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:28px;display:flex}.cue{z-index:2;right:var(--gut);letter-spacing:.1em;text-transform:uppercase;color:var(--stone);font:12px JetBrains Mono,monospace;position:absolute;bottom:24px}.cue:hover{color:var(--bone)}.service-list{max-width:880px;padding:clamp(48px, 8vw, 112px) var(--gut);margin:0 auto}.service-list h2{margin-top:48px;font-size:clamp(28px,3.4vw,40px)}.service-list h2:first-child{margin-top:0}.service-list h2+p{color:var(--muted);max-width:38em;margin-top:10px}.service-list .acts{margin-top:56px}@media (width<=820px){.scene-copy{max-width:100%}.scene-art{opacity:.9}}@media (prefers-reduced-motion:reduce){.scene{--p:1!important}}.scene .draw.bone{stroke:var(--bone);stroke-opacity:.75;stroke-width:2px}.effect-status{letter-spacing:.06em;min-height:1.5em;color:var(--stone);font:12px/1.5 JetBrains Mono,monospace}.scene-action button.cta{cursor:pointer;border:0;font-family:inherit}.scene-action button.cta[aria-disabled=true]{opacity:.65;cursor:progress}.scene:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(0deg, rgba(var(--bgr), .78) 0, rgba(var(--bgr), 0) 48%);position:absolute;inset:0}.scene .src{fill:none;stroke:var(--ember);stroke-width:2px}.scene .src.lit{fill:var(--ember)}.scene .bar{fill:var(--ember);fill-opacity:.85}.scene .tram rect:first-child{fill:var(--ember)}.scene .tram rect:last-child{fill:var(--ink)}.effect-note{letter-spacing:.06em;color:var(--stone);font:12px/1.5 JetBrains Mono,monospace}.scene .win{fill:var(--bone);fill-opacity:0}.scene .win.on{fill-opacity:.8}.scene .sensor{fill:none;stroke:var(--ember);stroke-width:2px}.scene .sensor.on{fill:var(--ember)}.scene .ferry{fill:none;stroke:var(--bone);stroke-width:2px;stroke-linejoin:round;stroke-opacity:.85}.scene-extra{z-index:2;right:var(--gut);position:absolute;bottom:clamp(40px,7vh,72px)}.board{background:rgba(var(--bgr), .72);border:1px solid var(--rule);backdrop-filter:blur(6px);border-radius:4px;min-width:260px;padding:18px 20px}.board .lab{margin-bottom:12px}.board ul{gap:8px;padding:0;font-size:15px;list-style:none;display:grid}.board li{color:var(--faint);padding-left:24px;position:relative}.board li:before{content:"";border:1.5px solid var(--stone);border-radius:50%;width:12px;height:12px;position:absolute;top:.45em;left:0}.board li.done{color:var(--bone)}.board li.done:before{background:var(--ember);border-color:var(--ember)}.board .effect-note{margin-top:12px}@media (width<=820px){.scene-extra{margin-top:24px;position:static}.scene{flex-direction:column;justify-content:flex-end;align-items:flex-start}}.scene-extra:not(:has(*)){display:none}.scene .sign rect{fill:rgba(var(--bgr), .88);stroke:var(--bone);stroke-opacity:.7;stroke-width:2px}.scene .sign text{fill:var(--bone);fill-opacity:.55;letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,monospace;transition:fill .6s,fill-opacity .6s}.scene .sign.lit rect{stroke:var(--ember);stroke-opacity:1}.scene .sign.lit text{fill:var(--ember);fill-opacity:1;filter:drop-shadow(0 0 8px var(--ember))}.sign-form{gap:6px;width:min(100%,320px);display:grid}.sign-form label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font:12px/1.4 JetBrains Mono,monospace}.sign-form input{font:inherit;color:var(--bone);background:rgba(var(--bgr), .7);border:1px solid var(--rule);border-radius:3px;width:100%;padding:12px 14px}.sign-form input:focus-visible{outline:2px solid var(--ember);outline-offset:2px}@media (width<=820px){.scene{--zoom:1;min-height:0;padding-top:calc(56.25vw * var(--zoom) + 28px)}.scene[data-city=sydney]{--zoom:1.35}.scene[data-city=perth]{--zoom:1.4}.scene[data-city=goldcoast]{--zoom:1.25}.scene-art{inset:0 0 auto}.scene-art svg{width:calc(100% * var(--zoom));aspect-ratio:16/9;height:auto;margin-left:calc((1 - var(--zoom)) * 50%)}.scene:after{background:linear-gradient(0deg, rgba(var(--bgr), .78) 0, rgba(var(--bgr), 0) 40%)}}