:root{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top,#6e4aff2e,#0000 32%),radial-gradient(circle at 100% 100%,#2dd4bf1f,#0000 28%),#050505;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}.compact-app{color:#f2f3ef;background:#090b10;min-height:100vh;position:relative;overflow:clip}.global-ascii-bg{z-index:0;pointer-events:none;opacity:.26;mix-blend-mode:screen;position:fixed;inset:0;overflow:hidden}.ascii-current{color:#83ffb1;letter-spacing:.06em;white-space:pre;transform-origin:50%;width:104vw;margin:0;font:9px/.88 ui-monospace,monospace;position:absolute;inset:-2vh -2vw;transform:perspective(800px)rotateX(2deg)scale(1.03)}.global-ascii-stage{color:#9aff70b3;letter-spacing:.15em;text-transform:uppercase;font:700 .68rem/1 ui-monospace,monospace;position:absolute;bottom:2rem;right:3vw}.compact-header,.compact-route{z-index:1;position:relative}.compact-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b10b8;border:1px solid #9aff7061;border-radius:.28rem;grid-template-columns:9rem 1fr auto;align-items:center;gap:2rem;width:min(1240px,94vw);margin:0;padding:.82rem 1.1rem;display:grid;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 .7rem 2.5rem #00000061}.compact-wordmark{color:inherit;letter-spacing:.12em;font:800 .72rem/.8 ui-monospace,monospace;text-decoration:none}.compact-header nav{justify-content:center;gap:clamp(.8rem,2.6vw,2.4rem);display:flex}.menu-item{position:relative}.compact-header nav a,.compact-locale button{color:inherit;letter-spacing:.08em;text-transform:uppercase;opacity:.72;font:700 .74rem/1 ui-monospace,monospace;text-decoration:none}.compact-header nav a.active,.compact-header nav a:hover,.compact-locale button.active{opacity:1;color:#9aff70}.compact-header nav a span{margin-left:.38rem;font-size:.64rem;display:inline-block;transform:translateY(-.08em)}.menu-panel{background:#0c1014f5;border:1px solid #9aff708c;width:min(18rem,42vw);padding:1rem;position:absolute;top:calc(100% + 1.1rem);left:50%;transform:translate(-50%);box-shadow:0 .8rem 2.8rem #0000005c}.menu-panel-projects{width:min(24rem,48vw)}.menu-panel:before{content:"";background:#0c1014;border-top:1px solid #9aff708c;border-left:1px solid #9aff708c;width:.7rem;height:.7rem;position:absolute;top:-.45rem;left:50%;transform:translate(-50%)rotate(45deg)}.menu-panel p{color:#f2f3efc7;margin:0 0 .85rem;font-size:.8rem;line-height:1.45}.compact-header .menu-panel a{color:#9aff70;opacity:1}.menu-project-links{background:#9aff7040;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:.8rem 0;display:grid}.compact-header .menu-project-links a{color:#f2f3ef;background:#10161c;min-height:4.3rem;padding:.75rem;font-size:.67rem;line-height:1.3}.compact-header .menu-project-links a:hover,.compact-header .menu-project-links a:focus-visible{color:#090b10;background:#9aff70;outline:0}.compact-header .menu-main-link{margin-top:.2rem;display:inline-block}.compact-locale{gap:.3rem;display:flex}.compact-locale button{cursor:pointer;background:0 0;border:0;padding:.35rem}.compact-route{text-shadow:0 1px 20px #0000004d;width:min(1120px,92vw);margin:0 auto;padding:clamp(3.5rem,9vw,8rem) 0 5rem}.route-with-immersive-hero{padding-top:0}.compact-hero{grid-template-columns:minmax(0,.9fr) minmax(24rem,1.1fr);align-items:center;gap:clamp(2rem,4vw,5rem);min-height:min(50rem,100vh - 4rem);padding:0 0 clamp(2.5rem,6vw,5rem);display:grid}.compact-hero-copy{max-width:860px}.immersive-hero{isolation:isolate;align-items:flex-end;min-height:max(42rem,100svh);margin-bottom:clamp(4rem,8vw,8rem);padding:clamp(8rem,16vh,13rem) 0 clamp(5rem,10vh,8rem);display:flex;position:relative}.immersive-hero:after{z-index:1;content:"";pointer-events:none;background:radial-gradient(at 18% 75%,#05080cf0,#05080ca8 42%,#0000 76%);height:72%;position:absolute;bottom:0;left:-5vw;right:38%}.immersive-hero .compact-hero-copy{z-index:3;width:min(48rem,70%);padding:clamp(1rem,2vw,2rem) 0;position:relative}.immersive-hero .compact-hero-copy .lead{text-wrap:balance}.compact-hero h1{letter-spacing:-.07em;max-width:18ch;margin:.4rem 0 1.25rem;font-size:clamp(3rem,8vw,7.6rem);line-height:.9}.compact-hero .lead{max-width:58ch;font-size:clamp(1.1rem,2.1vw,1.5rem);line-height:1.45}.hero-instrument{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent),transparent 38%);background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--accent),transparent 75%),transparent 22%),#0c1118;min-width:0;box-shadow:inset 0 0 6rem #0006,0 0 3rem color-mix(in srgb,var(--accent),transparent 90%);cursor:crosshair;position:relative;overflow:hidden}.instrument-canvas{width:100%;height:100%;position:absolute;inset:0}.instrument-grid{opacity:.34;background-image:linear-gradient(color-mix(in srgb,var(--accent),transparent 74%) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent),transparent 74%) 1px,transparent 1px);transform-origin:bottom;background-size:11% 11%;position:absolute;inset:0;transform:perspective(500px)rotateX(56deg)scale(1.45)translateY(17%)}.instrument-glow{aspect-ratio:1;width:42%;left:calc(var(--pointer-x) - 21%);top:calc(var(--pointer-y) - 21%);border:1px solid var(--accent);filter:blur(.2px);box-shadow:0 0 2.8rem color-mix(in srgb,var(--accent),transparent 50%),inset 0 0 2.8rem color-mix(in srgb,var(--accent),transparent 68%);border-radius:50%;transition:left .12s linear,top .12s linear;position:absolute}.instrument-reticle{width:1.15rem;height:1.15rem;left:calc(var(--pointer-x) - .575rem);top:calc(var(--pointer-y) - .575rem);mix-blend-mode:screen;border:1px solid #f2f3ef;border-radius:50%;transition:left 80ms linear,top 80ms linear;position:absolute}.instrument-reticle:before,.instrument-reticle:after{content:"";background:#f2f3ef;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.instrument-reticle:before{width:1.9rem;height:1px}.instrument-reticle:after{width:1px;height:1.9rem}.instrument-label,.instrument-hint{color:var(--accent);letter-spacing:.12em;margin:0;font:700 .62rem/1 ui-monospace,monospace;position:absolute}.instrument-label{top:1rem;left:1rem}.instrument-hint{color:#f2f3efa6;bottom:1rem;right:1rem}.instrument-glyph{color:#f2f3efeb;text-shadow:0 0 2rem color-mix(in srgb,var(--accent),transparent 35%);pointer-events:none;font:400 clamp(5rem,14vw,13rem)/.8 ui-monospace,monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.instrument-prompt{color:#f2f3ef;letter-spacing:-.04em;max-width:13ch;margin:0;font-size:clamp(1rem,2vw,1.55rem);line-height:1;position:absolute;bottom:1rem;left:1rem}.instrument-node{z-index:2;border:1px solid color-mix(in srgb,var(--accent),transparent 35%);color:#f2f3ef;letter-spacing:.05em;text-align:left;text-transform:uppercase;background:#090b10d6;flex-direction:column;gap:.28rem;min-width:4.5rem;padding:.5rem .55rem;font:700 .63rem/1 ui-monospace,monospace;transition:background .16s,color .16s,transform .16s;display:flex;position:absolute;transform:translate(-50%,-50%)}.instrument-node span{color:var(--accent);font-size:.55rem}.instrument-node:hover,.instrument-node:focus-visible,.instrument-node.active{background:var(--accent);color:#090b10;outline:0;transform:translate(-50%,-50%)scale(1.08)}.instrument-node:hover span,.instrument-node:focus-visible span,.instrument-node.active span{color:inherit}.hero-artwork{border:1px solid color-mix(in srgb,var(--art-accent),transparent 44%);isolation:isolate;cursor:crosshair;background:#080c12;min-width:0;min-height:clamp(28rem,52vw,43rem);position:relative;overflow:hidden;box-shadow:0 1.8rem 7rem #00000073}.immersive-hero .hero-artwork{z-index:0;width:100vw;min-height:0;box-shadow:none;clip-path:none;touch-action:pan-y;border:0;border-radius:0;outline:0;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.immersive-hero .hero-artwork:focus-visible{outline:1px solid color-mix(in srgb,var(--art-accent),transparent 45%);outline-offset:-1px}.hero-artwork-canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero-artwork:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#080c1214,#080c1294);position:absolute;inset:0}.immersive-hero .hero-artwork:after{background:linear-gradient(90deg,#080c1247,#0000 34%,#080c1214),linear-gradient(#080c121f,#0000 45%,#080c1280)}.hero-artwork-head{align-items:baseline;gap:.8rem;max-width:calc(100% - 2.4rem);display:flex;position:absolute;top:1.2rem;left:1.2rem}.hero-artwork-head span,.hero-artwork-instruction{color:var(--art-accent);letter-spacing:.12em;text-transform:uppercase;font:700 .62rem/1.2 ui-monospace,monospace}.hero-artwork-head strong{color:#f2f3ef;letter-spacing:-.02em;font-size:clamp(.85rem,1.4vw,1.15rem);font-weight:500}.hero-artwork-modes{background:color-mix(in srgb,var(--art-accent),transparent 65%);gap:1px;display:flex;position:absolute;bottom:1rem;right:1rem}.hero-artwork-modes button{color:#f2f3ef;letter-spacing:.06em;text-align:left;text-transform:uppercase;cursor:pointer;background:#080c12e6;border:0;flex-direction:column;gap:.3rem;min-width:5rem;padding:.65rem;font:700 .62rem/1 ui-monospace,monospace;display:flex}.hero-artwork-modes button span{color:var(--art-accent);font-size:.52rem}.hero-artwork-modes button:hover,.hero-artwork-modes button:focus-visible,.hero-artwork-modes button.active{background:var(--art-accent);color:#080c12;outline:0}.hero-artwork-modes button:hover span,.hero-artwork-modes button:focus-visible span,.hero-artwork-modes button.active span{color:inherit}.hero-artwork-instruction{color:#f2f3efb8;max-width:25ch;margin:0;line-height:1.5;position:absolute;bottom:1.2rem;left:1.2rem}.hero-artwork-state{color:color-mix(in srgb,var(--art-accent),transparent 80%);letter-spacing:-.09em;text-transform:uppercase;writing-mode:vertical-rl;pointer-events:none;font:300 clamp(4rem,12vw,12rem)/.72 ui-monospace,monospace;position:absolute;top:16%;right:-1vw}.hero-artwork-state span{color:color-mix(in srgb,var(--art-accent),transparent 62%);letter-spacing:.08em;font-size:.12em;display:block}.hero-artwork-coordinate{color:color-mix(in srgb,var(--art-accent),transparent 48%);letter-spacing:.1em;text-align:right;pointer-events:none;font:600 .55rem/1.6 ui-monospace,monospace;position:absolute;top:50%;right:1.4rem}.hero-artwork-corner{pointer-events:none;width:2rem;height:2rem;position:absolute}.hero-artwork-corner-a{border-top:1px solid var(--art-accent);border-right:1px solid var(--art-accent);top:.55rem;right:.55rem}.hero-artwork-corner-b{border-bottom:1px solid var(--art-accent);border-left:1px solid var(--art-accent);bottom:.55rem;left:.55rem}.hero-artwork-home{border-radius:48% 48% 5% 5%/26% 26% 5% 5%}.hero-artwork-home .hero-artwork-head{top:3rem;left:3rem}.hero-artwork-home .hero-artwork-corner{display:none}.hero-artwork-projects{clip-path:polygon(4% 0,100% 3%,96% 100%,0 96%);transform:rotate(-1.4deg)}.hero-artwork-projects .hero-artwork-head{transform:rotate(1.4deg)}.hero-artwork-lab{aspect-ratio:1;border-radius:50%;min-height:0}.hero-artwork-lab .hero-artwork-head{top:14%;left:14%}.hero-artwork-lab .hero-artwork-modes{bottom:16%;right:11%}.hero-artwork-lab .hero-artwork-instruction{bottom:15%;left:14%}.hero-artwork-lab .hero-artwork-corner{display:none}.hero-artwork-organisation{outline:1px solid color-mix(in srgb,var(--art-accent),transparent 44%);outline-offset:-1rem;border:0}.hero-artwork-organisation:before{border:1px dashed color-mix(in srgb,var(--art-accent),transparent 74%);content:"";pointer-events:none;position:absolute;inset:3.5rem}.hero-artwork-collaborate{clip-path:polygon(0 0,100% 0,100% 88%,70% 100%,0 92%);border-radius:18rem 18rem 0 0}.hero-artwork-collaborate .hero-artwork-head{top:2rem;left:2rem}.immersive-hero .hero-artwork:before{display:none}.route-visual{background:#111922;border:1px solid #9aff7061;min-height:clamp(19rem,44vw,38rem);margin:0 0 clamp(4rem,9vw,8rem);display:block;position:relative;overflow:hidden}.route-visual:before,.route-visual:after{z-index:1;content:"";pointer-events:none;position:absolute}.route-visual:before{background:linear-gradient(90deg,#080b0fcc,#0000 56%),linear-gradient(#0000 55%,#080b0fb8);inset:0}.route-visual:after{clip-path:polygon(0 0,100% 0,100% 18%,99% 18%,99% 100%,22% 100%,22% 99%,0 99%);border:1px solid #9aff707a;inset:12% 6%}.route-visual img{object-fit:cover;filter:saturate(.65)contrast(1.16)brightness(.75);width:100%;height:clamp(19rem,44vw,38rem);display:block;transform:scale(1.03)}.route-visual figcaption{z-index:2;color:#f2f3ef;grid-template-columns:1fr auto;align-items:end;gap:.45rem 1rem;display:grid;position:absolute;inset:auto 2rem 1.7rem}.route-visual figcaption span{letter-spacing:.12em;color:#9aff70;font:700 .7rem/1 ui-monospace,monospace}.route-visual figcaption strong{letter-spacing:-.06em;grid-column:1;max-width:20ch;font-size:clamp(1.3rem,3vw,3.2rem);line-height:.9}.route-visual figcaption i{color:#9aff70;grid-area:1/2/3;font:clamp(4rem,10vw,10rem)/.7 ui-monospace,monospace}.route-visual-projects img{object-position:50% 42%}.route-visual-lab img{object-position:50% 60%}.compact-route .eyebrow,.now-signal span,.compact-project-card>span{color:#9aff70;letter-spacing:.1em;margin:0;font:700 .72rem/1.2 ui-monospace,monospace}.compact-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.cta-button{min-height:2.8rem;color:inherit;letter-spacing:.06em;text-transform:uppercase;border:1px solid;align-items:center;padding:.75rem 1rem;font:700 .76rem/1 ui-monospace,monospace;text-decoration:none;display:inline-flex}.cta-button.primary{color:#0a0c10;background:#9aff70;border-color:#9aff70}.cta-button.secondary:hover,.cta-button.secondary:focus-visible{color:#090b10;background:#f2f3ef;outline:0}.now-signal{border-block:1px solid #f2f3ef4d;grid-template-columns:9rem minmax(0,1fr) auto;align-items:baseline;gap:1.25rem;margin:0 0 5rem;padding:1rem 0;display:grid}.now-signal p{margin:0}.now-signal a,.archive-link,.compact-archive a,.organisation-about a,.back-link{color:#9aff70;font:700 .76rem/1.2 ui-monospace,monospace;text-decoration:none}.compact-project-field,.compact-proof,.organisation-about,.compact-contact,.compact-archive{border-top:1px solid #f2f3ef40;padding-top:2rem}.compact-project-field h2,.organisation-about h2,.compact-contact h2{letter-spacing:-.05em;max-width:20ch;margin:.5rem 0 2rem;font-size:clamp(2rem,4vw,4.3rem);line-height:.95}.compact-project-grid{background:#f2f3ef40;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.compact-project-card{min-height:20rem;color:inherit;background:#151923;flex-direction:column;padding:1.25rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.compact-project-card:hover,.compact-project-card:focus-visible{color:#0a0c10;background:#9aff70;outline:0}.compact-project-card:hover>span,.compact-project-card:focus-visible>span{color:inherit}.compact-project-card h3{letter-spacing:-.05em;margin:auto 0 1rem;font-size:clamp(1.5rem,2.6vw,2.6rem);line-height:.95}.compact-project-card p{margin:0 0 1.5rem;line-height:1.45}.compact-project-card b{letter-spacing:.06em;font:700 .75rem/1 ui-monospace,monospace}.archive-link{margin-top:1.5rem;display:inline-block}.compact-archive{max-width:50rem;margin-top:4rem}.compact-archive p,.organisation-about>p{max-width:58ch;line-height:1.5}.organisation-about,.compact-contact{margin-top:5rem}.compact-contact{flex-direction:column;align-items:flex-start;display:flex}.compact-proof>div{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.compact-proof article{border-top:1px solid #f2f3ef40;padding:1rem 0}.compact-proof h2{font-size:1.3rem}.compact-proof p{line-height:1.45}.lab-routes{background:#f2f3ef40;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:4rem;display:grid}.lab-routes a{min-height:16rem;color:inherit;background:#0e141bf0;padding:1.5rem;text-decoration:none;transition:background .2s,color .2s}.lab-routes a:hover,.lab-routes a:focus-visible{color:#090b10;background:#9aff70;outline:0}.lab-routes span,.collection-grid>article>span{color:#9aff70;letter-spacing:.1em;font:700 .72rem/1 ui-monospace,monospace}.lab-routes a:hover span,.lab-routes a:focus-visible span{color:inherit}.lab-routes h2{letter-spacing:-.06em;margin:3rem 0 1rem;font-size:clamp(2rem,4vw,4rem);line-height:.9}.lab-routes p{max-width:28ch;line-height:1.45}.collection-grid{background:#f2f3ef40;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.collection-grid>article{background:#0e141bf0;flex-direction:column;min-height:19rem;padding:clamp(1.25rem,3vw,2.5rem);display:flex}.collection-grid h2{letter-spacing:-.055em;margin:auto 0 1rem;font-size:clamp(1.6rem,3vw,3rem);line-height:.96}.collection-grid p{max-width:46ch;margin:0;line-height:1.52}.back-link{margin-bottom:3rem;display:inline-block}.project-five-grid{background:#f2f3ef40;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.project-five-grid>article{background:#151923;min-height:18rem;padding:clamp(1.25rem,3vw,2.5rem)}.project-five-grid h2{letter-spacing:-.045em;font-size:clamp(1.5rem,3vw,2.8rem);line-height:1}.project-five-grid p{max-width:56ch;line-height:1.5}.project-visual figure{margin:1rem 0 0}.project-visual img{object-fit:cover;width:100%;max-height:27rem;display:block}.project-visual figcaption{opacity:.7;margin-top:.6rem;font-size:.75rem}.project-enquiry{color:#0a0c10;background:#9aff70!important}.project-enquiry .cta-button{color:#f2f3ef;background:#0a0c10;border-color:#0a0c10}@media (width<=760px){.global-ascii-bg{display:none}.compact-header{grid-template-columns:1fr auto;gap:.6rem;width:94vw;padding:.75rem .85rem;top:.5rem}.compact-header nav{grid-area:2/1/auto/-1;justify-content:space-between;gap:.4rem;overflow-x:auto}.compact-header nav a{font-size:.65rem}.menu-panel{display:none}.compact-hero{grid-template-columns:1fr;min-height:auto}.immersive-hero{min-height:100svh;margin-top:0;padding:10rem 0 8rem}.immersive-hero .compact-hero-copy{width:100%;padding-right:1rem}.immersive-hero:after{left:-8vw;right:-8vw}.immersive-hero .hero-artwork{width:100vw;margin:0}.hero-artwork{justify-self:center;width:min(92vw,34rem);min-height:30rem;margin-top:1rem}.hero-artwork-lab{min-height:0}.route-visual{margin-bottom:4rem}.route-visual figcaption{inset:auto 1rem 1rem}.now-signal{grid-template-columns:1fr;gap:.55rem}.compact-project-grid,.compact-proof>div,.project-five-grid,.lab-routes,.collection-grid{grid-template-columns:1fr}.compact-project-card{min-height:15rem}}
