.about-modal{z-index:100;padding:var(--space-6);place-items:center;display:grid;position:fixed;inset:0}.about-modal__backdrop{background:color-mix(in srgb, var(--surface-page) 82%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0}.about-modal__panel{width:min(42rem,100%);padding:var(--space-8);background:var(--surface-overlay);color:var(--ink-secondary);max-height:calc(100dvh - var(--space-12));border-radius:1.5rem;position:relative;overflow-y:auto}.about-modal__stagger{gap:var(--space-5);flex-direction:column;display:flex}.about-modal__head{justify-content:space-between;align-items:flex-start;gap:var(--space-5);display:flex}.about-modal__title{line-height:1}.about-modal__letter{display:inline-block}.about-modal__lede{color:var(--ink-primary);text-wrap:pretty}.about-modal__body{color:var(--ink-secondary);line-height:1.65}.about-modal__body a{color:var(--accent);font-weight:inherit;text-underline-offset:.2em;background-image:linear-gradient(var(--accent), var(--accent));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0;background-repeat:no-repeat;background-size:0% 1.3em;text-decoration:underline;text-decoration-thickness:1px;transition:background-size .45s ease-in-out,color .45s ease-in-out}.about-modal__body a:hover,.about-modal__body a:focus-visible{color:var(--ink-on-colour);background-size:100% 1.3em;text-decoration:none}@media (prefers-reduced-motion:reduce){.about-modal__body a{transition:none}}.about-modal__field{margin-block-start:var(--space-2);position:relative}.about-modal__input{width:100%;padding:var(--space-3) 3rem var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink-primary);font-size:.875rem}.about-modal__input:focus-visible{border-color:var(--colour-corona);outline:none}.about-modal__copy{position:absolute;inset-block-start:50%;inset-inline-end:var(--space-2);translate:0 -50%}@media (max-width:64rem){.about-modal{place-items:end stretch;padding:0}.about-modal__panel{width:100%;max-height:92dvh;padding:var(--space-6);transform-origin:bottom;border-radius:1.5rem 1.5rem 0 0;padding-block-end:0}.about-modal__field{margin-inline:calc(var(--space-6) * -1);padding:var(--space-4) var(--space-6);background:var(--surface-overlay);border-block-start:1px solid var(--border-subtle);padding-block-end:max(var(--space-4), env(safe-area-inset-bottom,0px));position:sticky;inset-block-end:0}.about-modal__input{padding-block:var(--space-4);padding-inline-end:3.25rem;font-size:1rem}.about-modal__copy{inset-inline-end:calc(var(--space-6) + var(--space-2))}}
.stage__portals{--portal-ink:var(--colour-void-70);--portal-rule:var(--hair,1px);--portal-h:clamp(1.9rem, calc(var(--wm-w) * .031), 2.5rem);--portal-pad:clamp(.7rem, calc(var(--wm-w) * .0135), 1.25rem);--portal-text:clamp(.6875rem, calc(var(--wm-w) * .0112), .9375rem);--portal-note:clamp(1rem, calc(var(--wm-w) * .019), 1.5rem);pointer-events:none;position:absolute;inset:0}.stage__portals[data-ready=false],.stage__portals.is-held{visibility:hidden}.portal-leaders,.portal-dots{z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.portal-leader__path{fill:none;stroke:var(--portal-ink);stroke-width:var(--portal-rule);stroke-linecap:round;stroke-linejoin:round}.portal-leader__dot{fill:var(--portal-ink)}.portal-slot{z-index:3;inline-size:max-content;position:absolute}.portal__note{bottom:calc(100% + var(--space-3));font-size:var(--portal-note);letter-spacing:.06em;white-space:nowrap;color:var(--portal-hue);pointer-events:none;opacity:0;position:absolute;left:50%;transform:translateY(6px)}.portal{pointer-events:auto;block-size:var(--portal-h);padding-inline:var(--portal-pad);border-radius:var(--radius-full);border:var(--portal-rule) solid var(--portal-ink);white-space:nowrap;background:var(--surface-page);color:var(--portal-ink);cursor:pointer;isolation:isolate;place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.portal:focus-visible{outline:var(--portal-rule) solid var(--portal-ink);outline-offset:4px}.portal__fill{z-index:-1;border-radius:var(--radius-full);background:var(--portal-ink);position:absolute;transform:scale(0)}.portal__compact{display:none}.portal__label{block-size:1em;line-height:1;display:block;overflow:hidden}.portal__roll{grid-auto-rows:1em;align-items:center;display:grid}.portal__word{text-transform:uppercase;line-height:1;font-size:var(--portal-text);letter-spacing:.1em;text-indent:.1em;font-weight:600;display:block}.portal:hover,.portal:focus-visible{color:var(--colour-void-0)}@media (prefers-reduced-motion:reduce),(hover:none){.portal__fill{display:none}.portal:hover,.portal:focus-visible{background:var(--portal-ink)}.portal-slot:hover .portal__note,.portal-slot:focus-within .portal__note{opacity:1;transform:none}}@media (max-width:64rem){.stage__portals{justify-content:center;gap:var(--space-3);pointer-events:auto;--portal-h:2.5rem;--portal-pad:var(--space-5);--portal-text:.8125rem;flex-wrap:wrap;order:1;display:flex;position:static}.stage__canvas{padding-block-start:0}.portal-leaders,.portal-dots,.portal__note{display:none}.portal-slot{display:inline-block;position:static}.portal-slot:not(.portal-slot--compact),.portal__label{display:none}.portal__compact{font-size:var(--portal-text);text-transform:uppercase;letter-spacing:.1em;text-indent:.1em;font-weight:600;line-height:1;display:block}.stage__portals.is-held,.stage__portals[data-ready=false]{opacity:1;visibility:visible}.portal-slot[data-portal=work] .portal{background:var(--colour-pulsar);border-color:var(--colour-pulsar);color:var(--ink-on-colour)}.portal-slot[data-portal=about] .portal{background:var(--colour-corona-dark);border-color:var(--colour-corona-dark);color:var(--ink-on-colour)}.portal__fill{display:none}.portal:focus-visible{outline-color:var(--ink-primary)}}.stage:not([data-tool=none]) .stage__portals{opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-accelerate), visibility 0s linear var(--duration-base)}.stage__portals{opacity:1;visibility:visible;transition:opacity var(--duration-enter) var(--ease-decelerate) var(--duration-base), visibility 0s linear 0s}
.specimen{pointer-events:none;position:absolute}.specimen__rule{inset-inline:calc(var(--space-12) * -1);height:var(--hair);background:var(--stage-ink);opacity:.5;position:absolute}.specimen__rule--baseline{top:var(--sp-baseline,0px);opacity:.75}.specimen__rule--x{top:var(--sp-x,0px);opacity:.4}.specimen__bar{width:var(--hair);background:var(--accent);position:absolute}.specimen__bar:before,.specimen__bar:after{content:"";width:9px;height:var(--hair);background:var(--accent);position:absolute;left:50%;translate:-50%}.specimen__bar:before{top:0}.specimen__bar:after{bottom:0}.specimen__bar--x{left:calc(var(--space-8) * -1);top:var(--sp-x,0px);height:calc(var(--sp-baseline,0px) - var(--sp-x,0px))}.specimen__track{left:var(--sp-gap-a,0px);width:max(1px, calc(var(--sp-gap-b,0px) - var(--sp-gap-a,0px)));top:var(--sp-x,0px);height:calc(var(--sp-baseline,0px) - var(--sp-x,0px));border-left:var(--hair) solid var(--accent);border-right:var(--hair) solid var(--accent);position:absolute}.specimen__label{white-space:nowrap;font-size:var(--mark-text);color:var(--colour-void-60);letter-spacing:.04em;position:absolute}.specimen__bar--x .specimen__label{top:50%;right:calc(100% + var(--space-2));translate:0 -50%}.specimen__track .specimen__label{top:calc(100% + var(--space-2));left:50%;translate:-50%}
.ramp{inset-inline:0;bottom:calc(100% + var(--space-5));height:var(--space-10);pointer-events:none;position:absolute}.ramp__axis{inset-inline:calc(var(--space-6) * -1);height:var(--hair);background:var(--stage-ink);opacity:.5;position:absolute;bottom:0}.ramp__stop{flex-direction:column-reverse;align-items:center;display:flex;position:absolute;bottom:0;translate:-50%}.ramp__tick{width:var(--hair);height:var(--space-2);background:var(--stage-ink);opacity:.6}.ramp__dot{width:17px;height:17px;transition:scale var(--duration-base) var(--ease-smooth);border-radius:50%;margin-block-end:var(--space-1);scale:.53}.ramp__stop[data-quoted=true] .ramp__dot{scale:1}.ramp__stop[data-quoted=true] .ramp__value{color:var(--ink-primary)}@media (prefers-reduced-motion:reduce){.ramp__dot{transition:none}}.ramp__value{font-size:var(--mark-text);color:var(--colour-void-60);letter-spacing:.04em;white-space:nowrap;margin-block-end:var(--space-1)}
.bands{pointer-events:none;position:absolute;inset:0}.band{pointer-events:auto;touch-action:none;cursor:ew-resize;outline:var(--space-2) solid transparent;position:absolute}.band:before{content:"";background-image:repeating-linear-gradient(-45deg, var(--accent) 0, var(--accent) 1px, transparent 1px, transparent 7px);background-color:color-mix(in srgb, var(--accent) 10%, transparent);opacity:.55;transition:opacity var(--duration-base) var(--ease-smooth);position:absolute;inset:0}.band:hover:before,.band[data-grabbed=true]:before,.bands[data-dragging=true] .band:before{opacity:1}.band__badge{border-radius:var(--radius-sm);background:var(--accent);color:var(--ink-on-colour);font-size:var(--mark-text);letter-spacing:.04em;white-space:nowrap;pointer-events:none;z-index:1;padding:.1em .4em;position:absolute;top:50%;left:50%;translate:-50% -50%}.band[data-grabbed=true] .band__badge,.band:hover .band__badge{box-shadow:0 0 0 var(--hair) var(--surface-page)}@media (prefers-reduced-motion:reduce){.band:before{transition:none}}
.rframe{pointer-events:none;position:absolute;inset:0}.rframe__box{left:calc(var(--rq-left) + (var(--rq-side) + var(--rq-col)) * var(--rd-n));top:var(--rq-top);width:var(--rq-side);height:var(--rq-side);border:2px solid var(--interactive-default);opacity:.45;transition:opacity var(--duration-base) var(--ease-smooth);--rd-inset:clamp(10px, var(--rd-i,0px), calc(var(--rq-side) * .32));border-radius:0;position:absolute}.rframe__box[data-quoted=true]{opacity:1}.rframe__node{background:var(--surface-page);border:2px solid var(--interactive-default);border-radius:1px;width:11px;height:11px;position:absolute}.rframe__node--tl{top:-6px;left:-6px}.rframe__node--tr{top:-6px;right:-6px}.rframe__node--bl{bottom:-6px;left:-6px}.rframe__node--br{bottom:-6px;right:-6px}.rframe__grip{background:var(--surface-page);border:2px solid var(--interactive-default);cursor:pointer;pointer-events:auto;touch-action:none;width:13px;height:13px;transition:transform var(--duration-base) var(--ease-card);border-radius:50%;padding:0;position:absolute}.rframe__grip:hover,.rframe__grip:focus-visible{transform:scale(1.25)}.rframe__grip--tl{top:calc(var(--rd-inset) - 6px);left:calc(var(--rd-inset) - 6px)}.rframe__grip--tr{top:calc(var(--rd-inset) - 6px);right:calc(var(--rd-inset) - 6px)}.rframe__grip--bl{bottom:calc(var(--rd-inset) - 6px);left:calc(var(--rd-inset) - 6px)}.rframe__grip--br{bottom:calc(var(--rd-inset) - 6px);right:calc(var(--rd-inset) - 6px)}.rframe__read{transform:translate(-50%, var(--space-2));font-size:var(--text-annotation);padding:.1rem var(--space-2);border-radius:var(--radius-sm);background:var(--interactive-default);color:var(--ink-on-colour);white-space:nowrap;pointer-events:none;position:absolute;inset-block-start:100%;inset-inline-start:50%}.rframe[data-dragging=true] .rframe__grip{transform:none}@media (prefers-reduced-motion:reduce){.rframe__grip,.rframe__box{transition:none}}