.nav-wrapper{--nav-padding-inline:var(--space-6);--nav-gap:var(--space-8);--nav-icon-gap:var(--space-6);--nav-text-colour:var(--ink-primary);--nav-icon-colour:var(--ink-primary);--nav-divider-colour:var(--ink-primary);--nav-bg:transparent;--nav-icon-size:1rem;--nav-icon-target:1.5rem;z-index:var(--z-nav);background:var(--nav-bg);width:100%;transition:background var(--duration-slow) var(--ease-smooth), border-color var(--duration-slow) var(--ease-smooth);border-bottom:1px solid #0000;position:sticky;top:0}.nav-wrapper--menu-open{z-index:calc(var(--z-overlay) + 1)}.nav-wrapper--scrolled{--nav-bg:color-mix(in oklab, var(--surface-page) 72%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--border-subtle)}.nav{min-height:var(--nav-height);width:var(--layout-content-width);max-width:var(--layout-content-max);padding-inline:var(--layout-page-padding);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.nav__logo{flex-shrink:0;align-items:center;display:flex}.nav__right{align-items:center;gap:var(--nav-gap);display:flex}@keyframes count-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.nav__links{align-items:center;gap:var(--nav-gap);margin:0;padding:0;list-style:none;display:flex}.nav__link{font-family:var(--font-sans);font-size:var(--text-h6);letter-spacing:0;color:var(--nav-text-colour);white-space:nowrap;transition:color var(--duration-slow) var(--ease-smooth);align-items:baseline;gap:.125rem;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.nav__link:hover{color:var(--link-hover-colour)}.nav__link:hover .nav__count{animation:count-enter var(--duration-slow) var(--ease-decelerate) forwards}}.nav__link[aria-current=page]{color:var(--link-hover-colour)}.nav__count{font-family:var(--font-mono);color:var(--count-colour);opacity:0;font-size:.6em;font-weight:500;line-height:0;display:inline-block;position:relative;top:-.55em}.nav__link[aria-current=page] .nav__count{opacity:1}.nav__divider{background:var(--nav-divider-colour);opacity:.25;flex-shrink:0;width:1px;height:1.125rem;display:block}.nav__icons{align-items:center;gap:var(--nav-icon-gap);margin:0;padding:0;list-style:none;display:flex}.nav__icon-link{color:var(--nav-icon-colour);width:var(--nav-icon-target);height:var(--nav-icon-target);transition:transform var(--duration-slow) var(--ease-smooth), opacity var(--duration-slow) var(--ease-smooth);flex-shrink:0;justify-content:center;align-items:center;margin-inline:-.25rem;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.nav__icon-link:hover{transform:scale(1.25)}}.nav__icon-link svg,.nav__icon-link .svg-inline--fa{width:var(--nav-icon-size);height:var(--nav-icon-size);display:block}@media (max-width:64rem),(pointer:coarse){.nav__right{display:none}}.nav__link:focus-visible,.nav__icon-link:focus-visible,.nav__logo:focus-visible{outline:2px solid var(--interactive-default);outline-offset:4px;border-radius:2px}@media (max-width:64rem){.nav-wrapper--home .nav__logo{visibility:hidden}:root:has(.stage){--nav-height:4rem}}
.contact-bar{display:none}@media (max-width:64rem){:root{--contact-bar-h:calc(var(--space-3) + 3rem + max(var(--space-3), env(safe-area-inset-bottom,0px)))}.contact-bar{z-index:calc(var(--z-overlay) - 1);padding:var(--space-3) var(--layout-page-padding);background:color-mix(in srgb, var(--surface-page) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block-start:1px solid var(--border-subtle);transition:opacity var(--duration-base) var(--ease-smooth), visibility var(--duration-base) var(--ease-smooth);padding-block-end:max(var(--space-3), env(safe-area-inset-bottom,0px));display:block;position:fixed;inset-block-end:0;inset-inline:0}.contact-bar__field{max-inline-size:var(--layout-content-max);margin-inline:auto;position:relative}.contact-bar__input{inline-size:100%;padding:var(--space-3) 3.25rem var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--surface-raised);color:var(--ink-primary);font-size:1rem}.contact-bar__input:focus-visible{border-color:var(--colour-corona);outline:none}.contact-bar__copy{position:absolute;inset-block-start:50%;inset-inline-end:var(--space-1);translate:0 -50%}body:has(.email-modal) .contact-bar,body:has(.about-modal) .contact-bar,body:has(.snip-modal) .contact-bar,body:has(.mobile-menu[data-open=true]) .contact-bar{opacity:0;visibility:hidden}}
:root{--colour-nebula-dark:#0d7a4f;--colour-nebula:#15ad70;--colour-nebula-light:#b4edcf;--colour-aurora-dark:#5a9e3a;--colour-aurora:#82d25d;--colour-aurora-light:#c5f0a9;--colour-tidal-dark:#3fa8a1;--colour-tidal:#68d0ca;--colour-tidal-light:#b3ebe4;--colour-orbit-dark:#4a9fd0;--colour-orbit:#73bde7;--colour-orbit-light:#c4e5f7;--colour-pulsar-dark:#4468d8;--colour-pulsar:#7193ed;--colour-pulsar-light:#c2cffa;--colour-quasar-dark:#9b72e6;--colour-quasar:#bf9ff1;--colour-quasar-light:#e4d6fb;--colour-corona-dark:#f28bad;--colour-corona:#f9c3d6;--colour-corona-light:#fce4ee;--colour-dusk-dark:#e0b090;--colour-dusk:#f5d4c0;--colour-dusk-light:#faf0e8;--colour-flare-dark:#c83d25;--colour-flare:#e15e42;--colour-flare-light:#f0a090;--colour-solstice-dark:#d46a0a;--colour-solstice:#f78d2c;--colour-solstice-light:#fde4c0;--colour-supernova-dark:#d4a000;--colour-supernova:#ffc700;--colour-supernova-light:#ffe480;--colour-void-0:#121213;--colour-void-10:#1f1f20;--colour-void-20:#2b2b2c;--colour-void-30:#383839;--colour-void-40:#575759;--colour-void-50:#838385;--colour-void-55:#959597;--colour-void-60:#b1b1b3;--colour-void-70:#d3d3d5;--colour-void-80:#e8e8ea;--colour-void-90:#f1f1f4;--font-sans:var(--parkinsans), system-ui, sans-serif;--font-annotation:var(--patrick-hand), cursive;--font-annotation-sc:var(--patrick-hand-sc), cursive;--font-mono:var(--geist-mono), "Fira Code", monospace;--text-wordmark:clamp(3.5rem, min(8.1vw, 11.1svh), 12rem);--text-wordmark-sm:clamp(3.5rem, 16vw, 6rem);--text-display:clamp(3rem, 5.36vw + 1rem, 5.5rem);--text-essay-title:clamp(3.75rem, 8.81vw, 7.4rem);--text-h1:clamp(2.25rem, 3.57vw + .5rem, 3.5rem);--text-h2:clamp(1.875rem, 2.68vw + .5rem, 2.75rem);--text-h3:clamp(1.5rem, 1.79vw + .5rem, 2rem);--text-h4:clamp(1.25rem, 1.19vw + .5rem, 1.5rem);--text-h5:1.1875rem;--text-h6:1.0625rem;--text-p-lg:1.1875rem;--text-p-base:1.0625rem;--text-p-sm:.9375rem;--text-annotation:.8125rem;--text-annotation-sc:.6875rem;--text-detail:.75rem;--text-label:.75rem;--text-button:1rem;--text-code:.9375rem;--text-code-inline:.85em;--weight-emphasis:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--layout-content-width:100%;--layout-content-max:84rem;--layout-page-padding:clamp(1rem, 4vw, 4rem)}@media (min-width:100rem){:root{--text-p-lg:1.25rem;--text-p-base:1.125rem;--text-p-sm:1rem;--text-h5:1.25rem;--text-h6:1.125rem;--text-code:1rem;--text-button:1.0625rem;--text-label:.8125rem;--text-annotation:.875rem;--text-annotation-sc:.75rem;--text-essay-title:9rem}}
:root{--ink-primary:var(--colour-void-90);--ink-secondary:var(--colour-void-60);--ink-tertiary:var(--colour-void-55);--ink-on-colour:var(--colour-void-0);--surface-page:var(--colour-void-0);--surface-raised:var(--colour-void-10);--surface-overlay:var(--colour-void-20);--surface-hover:var(--colour-void-30);--dim-surface:var(--colour-void-20);--dim-fill:var(--colour-void-50);--dim-ink:var(--colour-void-55);--nav-height:6rem;--contact-bar-h:0px;--z-nav:100;--z-overlay:800;--z-modal:1000;--z-curtain:1100;--z-toast:900;--interactive-default:var(--colour-pulsar);--interactive-hover:var(--colour-pulsar-light);--interactive-subtle:var(--colour-pulsar-light);--border-strong:var(--colour-void-50);--border-default:var(--colour-void-20);--border-subtle:var(--colour-void-10);--card-height:26rem;--card-body-gap:3.75rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}
:root{--ease-card:cubic-bezier(.22, 1, .36, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--ease-smooth:cubic-bezier(.45, 0, .55, 1);--ease-accelerate:cubic-bezier(.4, 0, 1, 1);--duration-fast:.15s;--duration-base:.2s;--duration-card:.28s;--duration-slow:.3s;--duration-enter:.4s}
.type-wordmark{font-family:var(--font-sans);font-size:var(--text-wordmark);letter-spacing:-.03em;font-weight:800;line-height:.85}.type-display{font-family:var(--font-sans);font-size:var(--text-display);letter-spacing:-.03em;font-weight:800;line-height:.95}h1,.type-h1{font-family:var(--font-sans);font-size:var(--text-h1);letter-spacing:-.02em;font-weight:800;line-height:1.05}h2,.type-h2{font-family:var(--font-sans);font-size:var(--text-h2);letter-spacing:-.02em;font-weight:800;line-height:1.1}h3,.type-h3{font-family:var(--font-sans);font-size:var(--text-h3);letter-spacing:-.01em;font-weight:700;line-height:1.15}h4,.type-h4{font-family:var(--font-sans);font-size:var(--text-h4);font-weight:700;line-height:1.2}h5,.type-h5{font-family:var(--font-sans);font-size:var(--text-h5);font-weight:600;line-height:1.3}h6,.type-h6{font-family:var(--font-sans);font-size:var(--text-h6);font-weight:600;line-height:1.3}.type-p-lg{font-family:var(--font-sans);font-size:var(--text-p-lg);font-weight:400;line-height:1.5}p,.type-p{font-family:var(--font-sans);font-size:var(--text-p-base);font-weight:400;line-height:1.6}.type-p-sm{font-family:var(--font-sans);font-size:var(--text-p-sm);font-weight:400;line-height:1.5}.type-mono{font-family:var(--font-mono);font-size:var(--text-code);font-weight:500;line-height:1.4}.type-annotation{font-family:var(--font-annotation);font-size:var(--text-annotation);line-height:1.4}.type-annotation-sc{font-family:var(--font-annotation-sc);font-size:var(--text-annotation-sc);letter-spacing:.04em;line-height:1.4}.type-detail{font-family:var(--font-sans);font-size:var(--text-detail);font-weight:400;line-height:1.45}.type-code-inline{font-family:var(--font-mono);font-size:var(--text-code-inline)}.type-emphasis{font-weight:var(--weight-emphasis)}.type-label{font-family:var(--font-sans);font-size:var(--text-label);text-transform:uppercase;letter-spacing:.04em;font-weight:500;line-height:1.4}@media (max-width:48rem){code,.type-code-inline{overflow-wrap:anywhere}}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;tab-size:4}body{background-color:var(--surface-page);color:var(--ink-primary);font-family:var(--font-sans);font-size:var(--text-p-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body:before{--grid-line:color-mix(in srgb, var(--border-default) 50%, transparent);content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:44px 44px;position:fixed;inset:0}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font:inherit;background:0 0;border:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:calc(var(--z-curtain) - 1);padding:var(--space-3) var(--space-5);background:var(--surface-overlay);color:var(--ink-primary);font-family:var(--font-sans);font-size:var(--text-p-sm);transition:transform var(--duration-base) var(--ease-smooth);border-end-end-radius:var(--radius-md);text-decoration:none;position:fixed;inset-block-start:0;inset-inline-start:0;transform:translateY(-100%)}.skip-link:focus-visible{transform:translateY(0)}main{scroll-margin-block-start:var(--nav-height)}main:focus{outline:none}:focus-visible{outline:2px solid var(--colour-pulsar);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.skip-link{color:canvastext;background:canvas;border:1px solid canvastext}:focus-visible{outline-offset:4px;outline:2px solid highlight}}@media (hover:none),(max-width:64rem){.exp-grid a.exp-card:hover,.pr-grid .pr-card:hover,.wr-card:hover,.snip-card:hover,.nf__fan-card:hover{transform:none}.wr-card:hover .wr-card__art,.pr-card:hover .pr-card__art,.exp-card:hover .exp-card__art{opacity:0}.status__link:hover{color:var(--status-hue);background-size:0% 1.3em;text-decoration:underline}.about-modal__body a:hover{color:var(--accent);background-size:0% 1.3em;text-decoration:underline}.essay__p a:hover,.fig__caption a:hover{color:var(--essay-accent);background-size:0% 1.3em;text-decoration:underline}.nav__hamburger:hover,.mobile-menu__icon-link:hover,.rframe__grip:hover,.stage__handle:hover{transform:none}.portal:hover{color:inherit}.fan__slot:hover{transform:translate(var(--slot-x), var(--slot-y)) rotate(var(--slot-rotate))}}