/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--m:1;--g:1;--a:180deg;--r:0px}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--fade-top:0px;--fade-bottom:0px;--fade-l:0px;--fade-r:0px}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--edge-x:clamp(16px, 3vw, 40px);--edge-y:clamp(16px, 2.4vw, 28px);--color-ink:oklch(17.8% 0 0);--color-paper:oklch(100% 0 0);--color-void:oklch(12.9% .003 286.028);--color-glow:oklch(84.3% .117 187.678);--color-card:#f6f6f6;--glass:oklch(100% 0 0/.78);--pane:oklch(100% 0 0);--color-pink:oklch(70.2% .267 338.362);--color-focus:oklch(64.8% .115 183.585);--font-display:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-name:"PP Neue Montreal", ui-sans-serif, system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body{height:100%;overflow:hidden}h1,h2,h3,h4,strong,b{font-weight:300}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-weight:300;transition:background-color .3s,color .3s}main{position:fixed;inset:0}button{font:inherit;color:inherit}:focus-visible{outline:2px dashed var(--color-ink);outline-offset:6px}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-30{height:calc(var(--spacing) * 30)}.h-84{height:calc(var(--spacing) * 84)}.h-full{height:100%}.w-auto{width:auto}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(/fonts/PPNeueMontreal-Light.otf)format("opentype");font-weight:300;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(/fonts/PPNeueMontreal-Regular.otf)format("opentype");font-weight:400;font-display:swap}:root{--blend-light:multiply}:root[data-theme=dark]{--color-card:#f6f6f6;--glass:oklch(100% 0 0/.08);--glass-edge:oklch(100% 0 0/.22);--pane:#fff}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark]{--pane:color-mix(in srgb, var(--color-paper) 92%, white)}}:root[data-theme=dark]{--color-ink:oklch(94.3% 0 0);--color-paper:oklch(15.5% .002 286.152);--color-focus:oklch(83.5% .125 186.726);--blend-light:screen}:root[data-theme=dark] body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .stage .cap img{filter:invert()}.figure .me-dark,:root[data-theme=dark] .figure .me-light{display:none}:root[data-theme=dark] .figure .me-dark{display:block}::selection{background:var(--sel,var(--color-pink));color:var(--sel-text,oklch(100% 0 0))}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.controls{z-index:2000;padding:var(--edge-y) max(var(--edge-x), env(safe-area-inset-right,0px)) var(--edge-y) max(var(--edge-x), env(safe-area-inset-left,0px));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.controls>*{pointer-events:auto}.controls h1{font-family:var(--font-name);letter-spacing:0;font-size:16px;font-weight:300;line-height:1;transition:color .3s}.ctl-group{gap:8px;display:flex}a.ctl{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.ctl{line-height:1;font-family:var(--font-name);letter-spacing:.01em;cursor:pointer;color:inherit;transition:transform .12s var(--ease-out);--hl:var(--color-pink);--hl-text:oklch(100% 0 0);background:0 0;border:0;padding:4px 2px;font-size:16px;font-weight:300;position:relative}.ctl:before{content:"";z-index:-1;background:var(--hl);opacity:0;position:absolute;inset:0}.ctl:hover:before,.ctl:focus-visible:before,.ctl:active:before{opacity:1}.ctl:hover,.ctl:focus-visible,.ctl:active{color:var(--hl-text)}.ctl:active{transform:scale(.97)}.capsule:active>.tile,.capsule:active>.cap{transition:scale .12s var(--ease-out);scale:.97}@media (hover:none){.skip-click{display:none}}@media (hover:hover){.skip-touch{display:none}}@media (hover:none){.ctl:hover:not(:active):not(:focus-visible):before{opacity:0}.ctl:hover:not(:active):not(:focus-visible){color:inherit}}.ctl-group .ctl:first-child{--hl:oklch(70.2% .267 338.362);--hl-text:oklch(100% 0 0)}.ctl-group .ctl:nth-child(2){--hl:oklch(76.3% .196 150);--hl-text:oklch(17.8% 0 0)}.ctl-group .ctl:nth-child(3){--hl:oklch(70.2% .21 45);--hl-text:oklch(100% 0 0)}.ctl-group .ctl:nth-child(4){--hl:oklch(65.3% .188 255.226);--hl-text:oklch(100% 0 0)}.controls-right{align-items:center;gap:24px;display:flex}.theme-switch{--hl:var(--color-pink);--hl-text:oklch(100% 0 0);box-sizing:content-box;justify-content:center;align-items:center;width:24px;padding:4px 2px;display:inline-flex}.theme-switch:before{inset:0}.theme-switch svg{display:block}.controls,.controls-right{transition:opacity .4s}main[data-open] .controls,main[data-open] .controls-right{opacity:0}.sections{gap:8px;display:flex}.sections .ctl{color:#6b6b6b}@supports (color:color-mix(in lab, red, red)){.sections .ctl{color:color-mix(in srgb, var(--color-ink) 62%, var(--color-paper))}}.sections .ctl[aria-current],.sections .ctl[data-open]{color:var(--color-ink)}.sections .ctl:hover,.sections .ctl:focus-visible,.sections .ctl:active{color:var(--hl-text)}.sections .ctl[aria-disabled]{cursor:default}.sections .ctl:first-child{--hl:oklch(83.5% .125 186.726);--hl-text:oklch(17.8% 0 0)}.sections .ctl:nth-child(2){--hl:oklch(68.2% .211 37.698);--hl-text:oklch(100% 0 0)}.sections .ctl:nth-child(3){--hl:oklch(95.1% .208 116.362);--hl-text:oklch(17.8% 0 0)}.sections .ctl:nth-child(4){--hl:oklch(70.2% .267 338.362);--hl-text:oklch(100% 0 0)}main:not([data-phase=orbit]) .controls h1{opacity:0}.controls h1{transition:opacity .6s ease-out}main[data-phase=intro] .ctl:hover,main[data-phase=burst] .ctl:hover{background:oklch(100% 0 0/.14)}.stage{background:var(--color-paper);contain:strict;touch-action:none;transition:background-color .3s;position:fixed;inset:0}.stage[data-phase=orbit]:not([data-open]){cursor:grab}.stage[data-dragging],.stage[data-dragging] .capsule{cursor:grabbing}.figure-wrap{z-index:500;aspect-ratio:1;opacity:0;height:min(64vh,81vmin);position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.stage[data-phase=reveal] .figure-wrap{animation:rise .7s var(--ease-out) forwards}.stage[data-phase=orbit] .figure-wrap{opacity:1}.figure{will-change:transform;animation:6.5s ease-in-out infinite bob;position:absolute;inset:0}.figure img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;rotate:-10deg}.world{transform-origin:50% 54%;transform:translate(var(--cam-x,0px), var(--cam-y,0px)) scale(var(--cam-k,1));transition:transform .8s var(--ease-out);will-change:transform;position:absolute;inset:0}.stage[data-zooming] .world{transition-duration:.14s;transition-timing-function:linear}.stage[data-open]:not([data-closing]) .figure-wrap{opacity:.4}.thought{white-space:nowrap;font-family:var(--font-name);letter-spacing:.08em;text-transform:uppercase;transform-origin:0 100%;color:var(--color-ink);paint-order:stroke fill;-webkit-text-stroke:3px var(--color-paper);box-shadow:none;pointer-events:none;background:0 0;border-radius:0;padding:2px 5px;font-size:16px;font-weight:300;position:absolute;top:1.5%;left:63.5%;transform:skew(-14deg)rotate(-7deg)}.stage[data-phase=orbit]:not([data-open]) .thought{pointer-events:auto}.thought:before{z-index:-1;border-radius:0;inset:-2px -4px}.thought:hover,.thought:focus-visible,.thought:active{-webkit-text-stroke:0}.thought:after{content:"";position:absolute;inset:-10px}.thought i{background:var(--color-paper);border-radius:50%;position:absolute;box-shadow:0 0 0 1px #11111152}@supports (color:color-mix(in lab, red, red)){.thought i{box-shadow:0 0 0 1px color-mix(in oklch, var(--color-ink) 32%, transparent)}}.thought i:first-child{width:8px;height:8px;bottom:-6px;left:-7px}.thought i:nth-child(2){width:5px;height:5px;bottom:-15px;left:-16px}.thought:hover i,.thought:focus-visible i,.thought:active i{background:var(--hl);box-shadow:none}.thought:hover,.thought:focus-visible,.thought:active{box-shadow:none}.orbit-paths{pointer-events:none;width:140vmin;height:140vmin;position:absolute;top:54%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.orbit-paths-far{z-index:1}.orbit-paths-near{z-index:501}.stage[data-open]:not([data-closing]) .orbit-paths{opacity:.6}.orbit-paths{pointer-events:none}.orbit-hit{pointer-events:stroke;cursor:pointer}.orbit-ring{transition:stroke .2s,stroke-width .2s,opacity .2s}.orbit-ring[data-lit]{stroke:var(--accent);stroke-width:.0024px}.stage[data-open] .orbit-hit{pointer-events:none}.stage,.stage *{-webkit-user-select:none;user-select:none}.overlays{z-index:2500;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.overlays[data-about-only]{pointer-events:none}.overlays[data-about-only] .card{pointer-events:auto}.overlays .body,.overlays .body *,.overlays .card-head,.overlays .lightbox-cap{-webkit-user-select:text;user-select:text}.stage img,.stage video{-webkit-user-drag:none}.orbits{transition:opacity .28s;position:absolute;inset:0}.stage[data-swap] .orbits,.stage[data-swap] .orbit-paths{opacity:0}.stage[data-swap] .orbit-hit{pointer-events:none}.capsule{cursor:pointer;will-change:transform;opacity:0;background:0 0;border:0;width:104px;height:104px;margin:-52px 0 0 -52px;padding:0;transition:opacity .3s;position:absolute;top:54%;left:50%}.cap{width:100%;height:100%;position:relative}.cap-label{font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;color:var(--color-ink);opacity:1;pointer-events:none;transform-origin:0;font-size:12px;font-weight:300;line-height:1;transition:opacity .3s;position:absolute;top:50%;left:calc(100% + 4px);translate:0 -50%}.capsule[data-hover] .cap-label,.capsule:focus-visible .cap-label{opacity:1}.capsule[data-locked]{cursor:default}.capsule[data-locked] .tile,.capsule[data-locked] .cap{filter:blur(3px)}:root{--shake-distance:6px;--shake-overshoot:4px;--shake-dur-a:80ms;--shake-dur-b:60ms;--shake-ease:cubic-bezier(.22, 1, .36, 1)}.capsule{--tx:0px;--ty:0px}.capsule[data-shake]{animation:t-shake calc(var(--shake-dur-a) * 2 + var(--shake-dur-b) * 2) linear}@keyframes t-shake{0%{translate:var(--tx) var(--ty);animation-timing-function:var(--shake-ease)}28.57%{translate:calc(var(--tx) + var(--shake-distance)) var(--ty);animation-timing-function:var(--shake-ease)}57.14%{translate:calc(var(--tx) - var(--shake-distance)) var(--ty);animation-timing-function:var(--shake-ease)}78.57%{translate:calc(var(--tx) + var(--shake-overshoot)) var(--ty);animation-timing-function:var(--shake-ease)}to{translate:var(--tx) var(--ty)}}.capsule[data-tile]{--tile:124px;width:var(--tile);height:calc(var(--tile) * var(--th) / var(--tw));--tx:-50%;--ty:-50%;translate:var(--tx) var(--ty);margin:0}.tile{clip-path:inset(0 round 8px);background:#f1f1f1;border-radius:8px;display:block;position:absolute;inset:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.tile{background:color-mix(in srgb, var(--color-ink) 6%, var(--color-paper))}}.tile{box-shadow:inset 0 0 0 1px #1111112e}@supports (color:color-mix(in lab, red, red)){.tile{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 18%, transparent)}}.tile{transition:box-shadow .2s,opacity .3s}.tile video,.tile img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.capsule[data-tile] .cap-label{left:calc(100% + 12px)}.capsule[data-hover]>.tile{animation-composition:add;animation:1.1s ease-in-out infinite wobble}.capsule[data-lit] .tile{box-shadow:inset 0 0 0 2px var(--accent)}.capsule[data-tile][data-open] .tile,.capsule[data-tile][data-closing] .tile{opacity:.25;animation:none}.capsule[data-tile][data-open] .cap-label{opacity:0}.lightbox{z-index:2500;color:var(--color-ink);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.lightbox-box{width:min(80vw, 1100px, calc(var(--tw) * 1px), calc(70vh * var(--tw) / var(--th)));animation:card-in .5s 60ms var(--ease-out) backwards;outline:none;flex-direction:column;gap:12px;display:flex;position:relative}.lightbox[data-closing] .lightbox-box{animation:card-out .22s var(--ease-out) forwards}.lightbox-media{scrollbar-width:none;flex-direction:column;align-items:stretch;gap:12px;max-height:70vh;display:flex;overflow:auto}.lightbox-media::-webkit-scrollbar{display:none}.lightbox-media video,.lightbox-media img{object-fit:contain;flex:none;width:100%;height:auto;display:block}.lightbox-cap{align-items:center;gap:16px;padding:0 2px;display:flex}.lightbox-name{font-family:var(--font-name);flex:1;margin:0;font-size:14px;font-weight:300;line-height:1}.lightbox-foot{margin-top:12px;padding:0 2px;position:absolute;top:100%;left:0;right:0}.lightbox-meta{font-family:var(--font-display);opacity:.6;margin:0;font-size:12px;font-weight:300}.lightbox-cap .card-close{align-self:center}.cap:after{content:"";pointer-events:none;background:var(--accent);mix-blend-mode:multiply;opacity:0;transition:opacity .2s;position:absolute;inset:0;-webkit-mask:url(/capsule.png) 50%/contain no-repeat;mask:url(/capsule.png) 50%/contain no-repeat}.capsule[data-lit] .cap:after{opacity:.5}.capsule[data-lit] .cap-label{color:var(--accent);opacity:1}.capsule[data-open] .cap:after,.capsule[data-closing] .cap:after{display:none}.capsule[data-open] .cap-label,.capsule[data-closing] .cap-label{opacity:0}.cap img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.cap-intro img{filter:none;mix-blend-mode:normal}:root[data-theme=dark] .cap-intro img{filter:invert();mix-blend-mode:screen}.cap .dome{transform-origin:17.5% 45.5%;transform:translateY(8.6%)}.cap .whole{transition:opacity .14s}.cap .parts{opacity:0;transition:opacity .14s;position:absolute;inset:0;transform:translateY(-4.6%)scale(1.05)}.capsule[data-open] .parts,.capsule[data-closing] .parts{opacity:1}.capsule[data-open] .whole,.capsule[data-closing] .whole{opacity:0}.intro-capsule .whole{animation:2.4s linear forwards swap-out}.intro-capsule .parts{animation:2.4s linear forwards swap-in}.capsule[data-hover]>.cap{animation-composition:add;animation:1.1s ease-in-out infinite wobble}.capsule[data-open]>.cap,.capsule[data-closing]>.cap{animation:none}.capsule[data-open] .dome{animation:1.5s linear forwards lid-off}.capsule[data-closing] .dome{animation:.6s linear forwards lid-on}.half .dome{transform:translateY(4%)rotate(-45deg)}.half-top{transform-origin:17.5% 55.5%}.flecks{pointer-events:none;position:absolute;inset:0}.flecks i{background:var(--color-glow);opacity:0;border-radius:50%;width:3px;height:3px;margin:-1.5px;position:absolute;top:50%;left:50%}.flecks i:first-child{--fx:-34px;--fy:-10px;--d:0s}.flecks i:nth-child(2){--fx:-26px;--fy:-24px;--d:60ms;width:2px;height:2px}.flecks i:nth-child(3){--fx:30px;--fy:-18px;--d:30ms}.flecks i:nth-child(4){--fx:38px;--fy:4px;--d:.11s;width:2px;height:2px}.flecks i:nth-child(5){--fx:-8px;--fy:-36px;--d:.15s;width:2px;height:2px}.capsule[data-open] .flecks i{animation:fleck .9s ease-out calc(.9s + var(--d)) forwards}.glow{pointer-events:none;width:100%;height:100%;mix-blend-mode:var(--blend-light);opacity:0;position:absolute;inset:0;overflow:visible}.glow .g-seam,.glow .g-wisps path,.glow .g-drops circle{opacity:0}.glow .g-pool,.glow .g-column,.glow .g-plume{transform-origin:50px 52px}.capsule[data-open] .glow{opacity:1}.capsule[data-open] .g-seam{animation:1.3s linear forwards g-seam}.capsule[data-open] .g-wash{animation:1.3s ease-out forwards g-wash}.capsule[data-open] .g-pool{animation:1.3s ease-out forwards g-pool}.capsule[data-open] .g-column{animation:1.3s cubic-bezier(.2,.7,.2,1) forwards g-column}.capsule[data-open] .g-plume{animation:5s ease-in-out 1.3s infinite g-breathe}.capsule[data-open] .g-wisps path{animation:g-wisp 2.8s ease-in-out calc(.95s + var(--d)) infinite both}.capsule[data-open] .g-drops circle{animation:g-drop 2.2s ease-out calc(1s + var(--d)) infinite both}.capsule[data-closing] .glow{animation:.34s ease-out forwards g-out}@property --m{syntax:"<number>";inherits:true;initial-value:1}@property --g{syntax:"<number>";inherits:true;initial-value:1}.open-aura{left:calc(50% + var(--ax,0px));top:calc(54% + var(--ay,0px));width:900px;height:900px;scale:var(--as,1);z-index:900;pointer-events:none;mix-blend-mode:var(--blend-light);--m:.18;--g:1;opacity:0;transform:scale(var(--m));will-change:transform, opacity;margin:-450px 0 0 -450px;animation:1.5s linear forwards open-aura-in;position:absolute;-webkit-mask-image:radial-gradient(circle closest-side,oklch(0% 0 0) 52%,#0000 100%);mask-image:radial-gradient(circle closest-side,oklch(0% 0 0) 52%,#0000 100%)}.open-aura-canvas{transform:scale(calc(var(--g) / var(--m)));will-change:transform;position:absolute;inset:0}.open-aura[data-closing]{animation:.34s ease-out forwards open-aura-out}@keyframes open-aura-in{0%{opacity:0;--m:.16}18%{opacity:1;--m:.2;animation-timing-function:cubic-bezier(.6,0,.9,.5)}45%{opacity:1;--m:.24;animation-timing-function:cubic-bezier(.5,0,.2,1)}to{opacity:1;--m:1}}@keyframes open-aura-out{0%{opacity:1;--m:1}to{opacity:0;--m:1}}.capsule[data-open],.capsule[data-closing]{--color-glow:var(--accent,oklch(84.3% .117 187.678))}.capsule:focus-visible{outline:none}.ctl:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.capsule:focus-visible:after{content:"";pointer-events:none;background-repeat:no-repeat;background-image:linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink));background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:var(--len) var(--w), var(--w) var(--len), var(--len) var(--w), var(--w) var(--len), var(--len) var(--w), var(--w) var(--len), var(--len) var(--w), var(--w) var(--len);--ink:var(--color-ink);--len:16px;--w:2px;position:absolute;inset:-8px}.stage[data-open] .capsule:not([data-chosen]){pointer-events:none}.card{z-index:2500;width:60vw;color:var(--color-ink);align-items:stretch;padding:16px;display:flex;position:absolute;top:0;bottom:0;right:0}.card[data-centred]{width:95vw;left:50%;right:auto;translate:-50%}:root{--dropdown-open-dur:.25s;--dropdown-close-dur:.15s;--dropdown-ease:cubic-bezier(.22, 1, .36, 1)}.card[data-about]{top:calc(var(--edge-y) + 32px);right:calc(var(--edge-x) + 54px);width:min(100vw - 2 * var(--edge-x) - 54px, 1040px);max-height:none;padding:0;bottom:auto;left:auto;translate:none}.card[data-about]:before{display:none}.card[data-about] .card-frame{transform-origin:100% 0;will-change:transform, opacity;height:auto;max-height:none;animation:t-dropdown-in var(--dropdown-open-dur) var(--dropdown-ease) both}.card[data-about][data-closing] .card-frame{animation:t-dropdown-out var(--dropdown-close-dur) var(--dropdown-ease) forwards}@keyframes t-dropdown-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes t-dropdown-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.99)}}@media (prefers-reduced-motion:reduce){.card[data-about] .card-frame{animation:none!important}}.card[data-about] .body{padding:0 0 4px;font-size:14px;overflow:visible}.about-grid{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr);gap:32px 40px;display:grid}.about-grid section{min-width:0}.about-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;opacity:.62;margin:0 0 8px;font-size:12px;font-weight:300;line-height:1.4}.card[data-about] .body-p{opacity:1;text-align:justify;max-width:46ch;margin:0}.card[data-about] .body-p+.body-p{margin-top:16px}a.about-link,.body-p a.about-link{font-size:inherit;text-underline-offset:4px;margin:-4px -2px;text-decoration:underline;text-decoration-thickness:1px;display:inline-block}@supports (color:color-mix(in lab, red, red)){a.about-link,.body-p a.about-link{-webkit-text-decoration-color:color-mix(in oklch, currentColor 40%, transparent);-webkit-text-decoration-color:color-mix(in oklch, currentColor 40%, transparent);-webkit-text-decoration-color:color-mix(in oklch, currentColor 40%, transparent);text-decoration-color:color-mix(in oklch, currentColor 40%, transparent)}}a.about-link:hover,a.about-link:focus-visible,a.about-link:active{text-decoration-color:currentColor}.about-link:after{content:"↗" / "";vertical-align:baseline;color:currentColor;margin-left:2px;font-size:1em;display:inline-block}.about-list,.about-work{margin:0;padding:0;list-style:none}.about-list li,.about-work li{padding:0}.about-work .about-link:after{display:none}.about-work sup{font-family:var(--font-display);margin-left:2px;font-size:10px;font-weight:300;line-height:0}@media (width<=760px){.about-grid{grid-template-columns:minmax(0,1fr);row-gap:24px}.card[data-about]{left:var(--edge-x);width:calc(100vw - 2 * var(--edge-x));right:auto;top:calc(var(--edge-y) + 56px)}.card[data-about] .card-frame{max-height:calc(100dvh - var(--edge-y) * 2 - 56px)}.card[data-about] .body{-webkit-mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);padding:0;transition:--fade-top .26s ease-out,--fade-bottom .26s ease-out;overflow-y:auto}.card[data-about] .body[data-above]{--fade-top:28px}.card[data-about] .body[data-below]{--fade-bottom:28px}main[data-about] .weather,main[data-about] .socials{opacity:0;pointer-events:none}.lightbox{flex-direction:column;justify-content:center;align-items:center;display:flex}.lightbox-box{width:calc(100vw - 2 * var(--edge-x));min-height:0;max-height:calc(100% - 32px)}.lightbox-media{flex:auto;min-height:0;max-height:none}}@media (width<=520px){.controls h1{white-space:nowrap}.controls-right{gap:0}.sections{gap:8px}.theme-switch,.weather-head,.weather-city{display:none}.weather{max-width:none}.weather-detail{opacity:1;line-height:1}.socials{line-height:1}.card[data-about]{top:calc(var(--edge-y) + 32px)}.card[data-about] .card-frame{max-height:calc(100dvh - var(--edge-y) * 2 - 32px)}}.card:before{content:"";pointer-events:none;background:radial-gradient(#1111112e,#0000 70%);position:absolute;inset:14% 6%}@supports (color:color-mix(in lab, red, red)){.card:before{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--color-ink) 18%, transparent), transparent 70%)}}.card:before{filter:blur(30px);animation:holo-halo .7s .15s var(--ease-out) both}.card[data-closing]:before{animation:holo-halo-out .16s var(--ease-out) forwards}.card-frame{width:100%;height:100%;animation:card-in .6s .12s var(--ease-out) backwards;flex-direction:column;gap:16px;padding:28px 32px;display:flex;position:relative}.card[data-closing] .card-frame{animation:card-out .22s var(--ease-out) forwards}.card-pane{pointer-events:none;background:var(--glass);-webkit-backdrop-filter:blur(10px)saturate(1.3);border-radius:8px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 60px #ffffff4d,0 24px 80px oklch(0% 0 0/.12)}@supports (color:color-mix(in lab, red, red)){.card-pane{box-shadow:inset 0 0 60px color-mix(in srgb, var(--color-paper) 30%, transparent), 0 24px 80px oklch(0% 0 0/.12)}}.card-head{align-items:baseline;gap:16px;display:flex;position:relative}.card-meta{min-width:0;font-family:var(--font-display);opacity:.6;flex:1;margin:0;font-size:12px;font-weight:300;line-height:1.4}.card-head .card-close{align-self:center}.card-close{box-sizing:content-box;color:#949494;justify-content:center;align-items:center;width:16px;padding:4px 2px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.card-close{color:color-mix(in srgb, var(--color-ink) 45%, var(--color-paper))}}.card-close{transition:color .2s}.card-close:hover,.card-close:focus-visible,.card-close:active{color:var(--color-ink)}.card-close:before{display:none}.card-close svg{display:block}.card:focus{outline:none}.card-title{white-space:nowrap;margin:0;font-size:12px;font-weight:300;line-height:1.4}.body{z-index:1;overscroll-behavior:contain;scrollbar-width:none;min-height:0;font-family:var(--font-name);flex:1;padding:4px 0 40px;font-size:14px;line-height:1.6;position:relative;overflow-y:auto}.body::-webkit-scrollbar{display:none}.body-wrap{z-index:1;--nav-w:180px;flex-direction:row;flex:1;min-height:0;display:flex;position:relative}.body-nav{z-index:3;width:var(--nav-w);scrollbar-width:none;flex-direction:column;align-items:flex-start;gap:8px;padding:8px 20px 24px 0;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.body-nav::-webkit-scrollbar{display:none}.body-nav-item{color:#949494;font-size:14px}@supports (color:color-mix(in lab, red, red)){.body-nav-item{color:color-mix(in srgb, var(--color-ink) 45%, var(--color-paper))}}.body-nav-item{text-align:left;white-space:normal;transition:color .2s}.body-nav-item[aria-current]{color:var(--color-ink)}.body-info{align-self:stretch;gap:20px;display:grid}.body-nav[data-side=end]{padding:8px 0 24px 20px;left:auto;right:0}.body-info-group{gap:4px;display:grid}.body-info-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;opacity:.62;margin:0 0 4px;font-size:12px;font-weight:300;line-height:1.4}.body-info-line{color:#4d4d4d;margin:0;font-size:12px;line-height:1.4}@supports (color:color-mix(in lab, red, red)){.body-info-line{color:color-mix(in srgb, var(--color-ink) 75%, var(--color-paper))}}.body-nav-item:hover,.body-nav-item:focus-visible,.body-nav-item:active{color:var(--hl-text)}.body-col{width:min(72ch + 40px, 100% - 2 * var(--nav-w) + 40px);margin:0 auto}@property --fade-top{syntax:"<length>";inherits:false;initial-value:0}@property --fade-bottom{syntax:"<length>";inherits:false;initial-value:0}.body-wrap>.body{-webkit-mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);transition:--fade-top .26s ease-out,--fade-bottom .26s ease-out}.body-wrap[data-above]>.body{--fade-top:28px}.body-wrap[data-below]>.body{--fade-bottom:28px}.body-edge{left:var(--nav-w,0px);right:var(--nav-w,0px);z-index:2;pointer-events:none;height:20px;display:none;position:absolute;top:0}.body-wrap:not(:has(.body-nav)){--nav-w:0px}.body-edge[data-edge=bottom]{top:auto;bottom:0;scale:1 -1}.body-edge i{opacity:0;-webkit-backdrop-filter:blur(var(--b));-webkit-mask-image:linear-gradient(to bottom, oklch(0% 0 0), transparent var(--end));-webkit-mask-image:linear-gradient(to bottom, oklch(0% 0 0), transparent var(--end));-webkit-mask-image:linear-gradient(to bottom, oklch(0% 0 0), transparent var(--end));-webkit-mask-image:linear-gradient(to bottom, oklch(0% 0 0), transparent var(--end));mask-image:linear-gradient(to bottom, oklch(0% 0 0), transparent var(--end));transition:opacity .26s ease-out;position:absolute;inset:0}.body-edge i:first-child{--b:2px;--end:100%}.body-edge i:nth-child(2){--b:6px;--end:50%}.body-edge:before{content:"";z-index:1;opacity:0;background:linear-gradient(to bottom, var(--pane) 0%, #ffffff8c 45%, transparent 100%);transition:opacity .26s ease-out;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.body-edge:before{background:linear-gradient(to bottom, var(--pane) 0%, color-mix(in srgb, var(--pane) 55%, transparent) 45%, transparent 100%)}}.body-wrap[data-above] .body-edge[data-edge=top] i,.body-wrap[data-below] .body-edge[data-edge=bottom] i,.body-wrap[data-above] .body-edge[data-edge=top]:before,.body-wrap[data-below] .body-edge[data-edge=bottom]:before{opacity:1}:root[data-theme=dark] .body-edge:before{display:none}.body-col>*{max-width:68ch}.body-meta{margin:0 0 36px}.body-meta[data-phone]{display:none}.body-title,.body-tags{margin:0}.body-title{letter-spacing:-.01em;text-wrap:nowrap;max-width:none;font-size:14px;font-weight:300;line-height:1.4}.body-tags{opacity:.55;margin-top:12px}.body-h{margin:44px 0 8px;font-size:16px;font-weight:300}.body-h:first-child{margin-top:0}.body-anchor{height:0;margin:0;display:block}.body-pair{grid-template-columns:1fr 1fr;align-items:start;gap:20px;max-width:none;margin:8px 0 28px;display:grid}.body-pair:has(.body-h){margin-top:44px}.body-pair .body-h{margin:0 0 8px}.body-pair .body-media{margin:0}@media (width<=760px){.body-pair{grid-template-columns:1fr}.card[data-centred]:not([data-about]){width:calc(100vw - 2 * var(--edge-x) + 32px)}.card-frame{padding:16px}.body-wrap{--nav-w:0px;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, oklch(0% 0 0) var(--fade-top), oklch(0% 0 0) calc(100% - var(--fade-bottom)), transparent);flex-direction:column;transition:--fade-top .26s ease-out,--fade-bottom .26s ease-out;overflow-y:auto}.body-wrap::-webkit-scrollbar{display:none}.body-wrap[data-above]{--fade-top:28px}.body-wrap[data-below]{--fade-bottom:28px}.body-wrap>.body{flex:none;overflow:visible;-webkit-mask-image:none;mask-image:none}.body-nav{flex:none;width:auto;padding:0 0 20px;position:static;bottom:auto;overflow:visible}.body-meta[data-phone]{font-family:var(--font-name);flex:none;margin:0 0 24px;display:block}.body-col>.body-meta{display:none}.body-info-group{align-content:start}.body-nav[data-side=end]{display:none}.body-info{grid-template-columns:1fr 1fr;gap:16px}.body-col{width:100%}.body-col>*{max-width:none}.body-title,.card-title{white-space:normal;text-wrap:balance}}.body-carousel{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;gap:12px;max-width:none;margin:8px 0 28px;display:flex;overflow:auto hidden}.body-carousel::-webkit-scrollbar{display:none}@property --fade-l{syntax:"<length>";inherits:false;initial-value:0}@property --fade-r{syntax:"<length>";inherits:false;initial-value:0}.body-carousel{--fade-l:0px;--fade-r:0px;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent);transition:--fade-l .16s ease-out,--fade-r .16s ease-out}.body-carousel[data-before]{--fade-l:12px}.body-carousel[data-after]{--fade-r:12px}.body-carousel[data-dragging]{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.body-carousel[data-dragging] img{pointer-events:none}.body-slide{scroll-snap-align:start;flex:0 0 86%}.body-slide .body-media{margin:0}.body-p{opacity:.78;margin:0 0 16px}.body-p a{color:inherit;text-underline-offset:3px;text-decoration:underline}@supports (color:color-mix(in lab, red, red)){.body-p a{-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}}.body-link{justify-content:center;gap:16px;max-width:none;margin:-12px 0 28px;display:flex}.body-p a.body-btn{padding:8px 12px;text-decoration:none;position:relative}.body-btn:after{content:"";pointer-events:none;--ink:#1111118c;background-repeat:no-repeat;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.body-btn:after{--ink:color-mix(in srgb, var(--color-ink) 55%, transparent)}}.body-btn:after{--len:8px;--w:1.5px;background-image:linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink));background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:var(--len) var(--w), var(--w) var(--len), var(--len) var(--w), var(--w) var(--len), var(--len) var(--w), var(--w) var(--len), var(--len) var(--w), var(--w) var(--len);transition:opacity .16s}.body-btn:hover:after,.body-btn:focus-visible:after,.body-btn:active:after{opacity:0}.body-media{border-radius:8px;width:100%;max-width:none;height:auto;margin:8px 0 28px;display:block}.loaded-media{clip-path:inset(0 round 8px);background:var(--color-card);isolation:isolate;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.loaded-media>video,.loaded-media>img{opacity:0;width:100%;height:auto;transition:opacity .3s ease-out;display:block}.loaded-media img[data-expand]:focus-visible{outline-offset:-6px}.loaded-media:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.08)}[data-theme=dark] .loaded-media:after{box-shadow:inset 0 0 0 1px oklch(100% 0 0/.1)}.loaded-media[data-instant]>video,.loaded-media[data-instant]>img{transition:none}.loaded-media[data-ready]>video,.loaded-media[data-ready]>img{opacity:1}.loaded-media-fx{border-radius:inherit;background:#f5f5f5;place-items:center;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.loaded-media-fx{background:color-mix(in srgb, var(--color-ink) 4%, var(--pane))}}.loaded-media-fx{transition:opacity .6s ease-out}.loaded-media[data-ready] .loaded-media-fx{opacity:0;pointer-events:none}.lightbox-media .loaded-media{border-radius:8px;flex:none}.lightbox-media .loaded-media>video,.lightbox-media .loaded-media>img{box-shadow:none;border-radius:0}.lightbox-box:after{content:"";z-index:-1;pointer-events:none;border-radius:8px;position:absolute;inset:40px 0 0;box-shadow:0 24px 80px oklch(0% 0 0/.18)}.body-media.loaded-media>video,.body-media.loaded-media>img{border-radius:0;margin:0}:root{--matrix-cycle:1.2s;--matrix-ease:ease-in-out}.loading{flex-direction:column;align-items:center;gap:8px;display:inline-flex}.loading-label{font-family:var(--font-display);letter-spacing:.04em;font-size:12px;font-weight:300}:root{--shimmer-duration:2s;--shimmer-width:400%;--shimmer-ease:linear}.t-shimmer{--shimmer-base:#11111173}@supports (color:color-mix(in lab, red, red)){.t-shimmer{--shimmer-base:color-mix(in srgb, var(--color-ink) 45%, transparent)}}.t-shimmer{--shimmer-highlight:var(--color-ink);color:var(--shimmer-base);display:inline-block;position:relative}.t-shimmer:before{content:attr(data-text) / "";pointer-events:none;background:linear-gradient(90deg, transparent 0%, transparent 40%, var(--shimmer-highlight) 50%, transparent 60%, transparent 100%);background-size:var(--shimmer-width) 100%;color:#0000;-webkit-text-fill-color:transparent;animation:t-shimmer var(--shimmer-duration) var(--shimmer-ease) infinite;background-position:100% 0;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}@keyframes t-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.t-shimmer:before{animation:none}}.t-matrix{--matrix-base:#11111138;grid-template-columns:repeat(4,2px);grid-auto-rows:2px;gap:2px;display:grid}@supports (color:color-mix(in lab, red, red)){.t-matrix{--matrix-base:color-mix(in srgb, var(--color-ink) 22%, transparent)}}.t-matrix{--matrix-active:#111111d9}@supports (color:color-mix(in lab, red, red)){.t-matrix{--matrix-active:color-mix(in srgb, var(--color-ink) 85%, transparent)}}.t-matrix i{background:var(--matrix-base);animation:t-matrix-pulse var(--matrix-cycle) var(--matrix-ease) infinite;animation-delay:calc(var(--d,0) * 1ms);display:block}.t-matrix i.is-gap{visibility:hidden;animation:none}@keyframes t-matrix-pulse{0%,45%,to{background-color:var(--matrix-base)}15%{background-color:var(--matrix-active)}}@media (prefers-reduced-motion:reduce){.t-matrix i{animation:none!important}}.intro,.burst{z-index:1500;isolation:isolate;contain:strict;position:fixed;inset:0;overflow:hidden}.intro{background:0 0;animation:.5s ease-out intro-in}.intro>*,.burst>*{position:absolute;top:50%;left:50%;translate:-50% -50%}.glow-core{background:radial-gradient(circle, oklch(100% 0 0) 0%, var(--c) 26%, transparent 66%);mix-blend-mode:screen;opacity:0;border-radius:50%;width:48vmin;height:48vmin;animation:2.4s ease-in-out forwards breathe}.rays{opacity:0;width:140vmin;height:140vmin;animation:1.6s ease-out .3s forwards rays-in}.rays>g{transform-origin:0 0;animation:45s linear infinite spin}.rays line{stroke-dasharray:140 1200;opacity:.55;animation:1.4s linear infinite streak}.aura{width:880px;height:880px;mix-blend-mode:var(--blend-light);opacity:0;--m:.16;--g:1;transform:scale(var(--m));will-change:transform, opacity;animation:2.4s linear forwards aura-in;-webkit-mask-image:radial-gradient(circle closest-side,oklch(0% 0 0) 52%,#0000 100%);mask-image:radial-gradient(circle closest-side,oklch(0% 0 0) 52%,#0000 100%)}.aura-canvas{transform:scale(calc(var(--g) / var(--m)));will-change:transform;position:absolute;inset:0}.aura-shader{width:100%;height:100%}@property --a{syntax:"<angle>";inherits:true;initial-value:180deg}@property --r{syntax:"<length>";inherits:true;initial-value:0}.aura-stage>.worlds,.aura-stage>.shock,.aura-stage>.debris{width:0;height:0;position:absolute;top:50%;left:50%}.worlds{--a:1800deg;--r:6vmin;rotate:-24deg}.orb{--ang:calc(var(--a) + var(--s));--near:calc((1 + sin(var(--ang))) / 2);width:310px;height:310px;transform:translate(calc(var(--r) * cos(var(--ang))), calc(var(--r) * .36 * sin(var(--ang)))) scale(calc(.62 + .38 * var(--near)));z-index:calc(round(1 + 10 * var(--near)));mix-blend-mode:var(--blend-light);opacity:0;will-change:transform, opacity;margin:-155px;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle closest-side,oklch(0% 0 0) 58%,#0000 72%);mask-image:radial-gradient(circle closest-side,oklch(0% 0 0) 58%,#0000 72%)}.orb-canvas{position:absolute;inset:0}.aura-stage[data-phase=intro] .worlds{animation:2.4s cubic-bezier(.33,.27,.85,.2) forwards worlds-spin,2.4s cubic-bezier(.4,.2,.9,.4) forwards worlds-fall}.aura-stage[data-phase=intro] .orb{animation:2.4s linear forwards orb-in}@keyframes worlds-spin{0%{--a:0deg}to{--a:1800deg}}@keyframes worlds-fall{0%{--r:62vmin}to{--r:6vmin}}@keyframes orb-in{0%{opacity:0;scale:.55}10%{opacity:1}to{opacity:1;scale:1}}.aura-stage[data-phase=burst]{animation:.36s cubic-bezier(.2,.8,.2,1) kick}.godrays{opacity:0;z-index:-1;position:absolute;inset:0}.aura-stage[data-phase=burst] .godrays{animation:2.3s linear forwards godrays-in}@keyframes godrays-in{0%{opacity:0}6%{opacity:1}44%{opacity:1}56%{opacity:0}to{opacity:0}}.aura-stage{isolation:isolate}.aura-stage[data-phase=burst] .orb{animation:.14s cubic-bezier(.7,0,.3,1) forwards world-crash}@keyframes world-crash{0%{opacity:1;scale:1;transform:translate(calc(var(--r) * cos(var(--a) + var(--s))), calc(var(--r) * .36 * sin(var(--a) + var(--s)))) scale(calc(.62 + .19 * (1 + sin(var(--a) + var(--s)))))}40%{opacity:.6;transform:translate(0)}to{opacity:0;transform:translate(0)}}.shock i{border:1.5px solid var(--ring-a);opacity:0;width:40vmin;height:40vmin;mix-blend-mode:var(--blend-light);will-change:transform, opacity;border-radius:50%;margin:-20vmin;position:absolute;top:0;left:0}.shock i:nth-child(2){border-color:var(--ring-b);border-width:1px}:root{--ring-a:oklch(83.5% .125 186.726);--ring-b:oklch(70.2% .267 338.362)}.aura-stage[data-phase=burst] .shock i{animation:1s cubic-bezier(.1,.8,.2,1) forwards shock}.aura-stage[data-phase=burst] .shock i:nth-child(2){animation-duration:1.15s;animation-delay:.11s}@keyframes shock{0%{opacity:1;transform:scale(.08)}70%{opacity:.5}to{opacity:0;transform:scale(6)}}.debris i{width:var(--size);height:var(--size);background:var(--dc);box-shadow:0 0 6px 1px var(--dc);border-radius:50%;margin:-2px;position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.debris i{box-shadow:0 0 6px 1px color-mix(in srgb, var(--dc) 60%, transparent)}}.debris i{opacity:0;mix-blend-mode:var(--blend-light);will-change:transform, opacity}.aura-stage[data-phase=burst] .debris i{animation:fly 1.7s cubic-bezier(.1,.7,.3,1) var(--d) forwards}.splash-dark{z-index:1498;pointer-events:none;background:var(--color-paper);position:fixed;inset:0}.splash-dark[data-phase=burst]{animation:2.3s linear forwards stage-dark-out}.aura-stage{pointer-events:none;z-index:1499;position:fixed;inset:0}.aura-stage[data-phase=intro]{animation:2.4s step-end forwards aura-behind}@keyframes aura-behind{0%,57.9%{z-index:1501}58%,to{z-index:1499}}@keyframes stage-dark-out{0%,42%{background-color:var(--color-paper)}56%{background-color:#0000}to{background-color:#0000}}.aura-stage>.aura{margin:-440px 0 0 -440px;position:absolute;top:50%;left:50%}.aura-stage[data-phase=burst]>.aura{animation:1.8s linear forwards aura-burst}@keyframes aura-burst{0%{opacity:1;--m:.16;--g:1;animation-timing-function:cubic-bezier(.1,.8,.2,1)}30%{opacity:1;--m:4;--g:2.4;animation-timing-function:cubic-bezier(.3,0,.6,1)}52%{opacity:0;--m:6;--g:3.4}to{opacity:0;--m:6;--g:3.4}}@keyframes aura-in{0%,92%{opacity:0;--m:.1}to{opacity:1;--m:.16}}.rays-bloom{filter:blur(8px);mix-blend-mode:screen;animation-name:bloom-in}.particles{width:0;height:0}.particles i{width:var(--size);height:var(--size);opacity:0;box-shadow:0 0 6px 1px var(--c);background:oklch(100% 0 0);border-radius:50%;margin:-2px;position:absolute;top:0;left:0}@supports (color:color-mix(in lab, red, red)){.particles i{box-shadow:0 0 6px 1px color-mix(in srgb, var(--c) 60%, oklch(100% 0 0))}}.particles i{will-change:transform, opacity;animation-name:fly;animation-timing-function:cubic-bezier(.2,.6,.4,1);animation-fill-mode:forwards}.sparkles{width:0;height:0}.sparkles svg{width:24px;height:24px;transform:translate(calc(cos(var(--i) * 45deg) * 24vmin), calc(sin(var(--i) * 45deg) * 24vmin));opacity:0;animation:1.4s ease-in-out infinite twinkle;animation-delay:calc(var(--i) * .17s + .5s);margin:-12px;position:absolute;top:0;left:0}.intro-capsule{width:240px;height:240px}.intro-capsule .cap{position:absolute;inset:0}.intro-capsule .dome{animation:2.4s linear forwards lid-crack}.intro-charge{pointer-events:none;animation:2.4s linear forwards charge;position:absolute;inset:0}.burst{animation:.36s cubic-bezier(.2,.8,.2,1) kick}.burst-dark{display:none}.half{width:240px;height:240px}.half-top{animation:.76s ease-in forwards fly-top}.half-bottom{animation:.76s ease-in forwards fly-bottom}.flash{background:var(--color-paper);opacity:0;animation:2.3s linear forwards flash;position:absolute;inset:0;translate:0}@keyframes intro-in{0%{opacity:0}to{opacity:1}}@keyframes breathe{0%{opacity:0;transform:scale(.4)}40%{opacity:.75;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}@keyframes rays-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes bloom-in{0%{opacity:0;transform:scale(.6)}to{opacity:.8;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes streak{0%{stroke-dashoffset:1340px}to{stroke-dashoffset:0}}@keyframes fly{0%{opacity:0;transform:translate(0)scale(.2)}15%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(var(--s));opacity:0}}@keyframes twinkle{0%,to{opacity:0;transform:translate(calc(cos(var(--i) * 45deg) * 24vmin), calc(sin(var(--i) * 45deg) * 24vmin)) scale(.3) rotate(0deg)}50%{opacity:1;transform:translate(calc(cos(var(--i) * 45deg) * 24vmin), calc(sin(var(--i) * 45deg) * 24vmin)) scale(1.1) rotate(45deg)}}@keyframes float{0%,to{translate:-50% -50%}50%{translate:-50% calc(-50% - 8px)}}@keyframes lid-crack{0%,57%{animation-timing-function:cubic-bezier(.5,0,.9,.45);transform:translateY(8.6%)rotate(0)}80%{animation-timing-function:cubic-bezier(.3,.2,.4,1);transform:translateY(7.6%)rotate(-12deg)}to{transform:translateY(4%)rotate(-45deg)}}@keyframes swap-out{0%,56%{opacity:1}62%{opacity:0}to{opacity:0}}@keyframes swap-in{0%,56%{opacity:0}62%{opacity:1}to{opacity:1}}@keyframes charge{0%{opacity:0}to{opacity:0}}@keyframes dark-out{0%,42%{opacity:1}56%{opacity:0}to{opacity:0}}@keyframes kick{0%{transform:translate(0)}12%{transform:translate(-14px,8px)}28%{transform:translate(10px,-6px)}48%{transform:translate(-4px,3px)}to{transform:translate(0)}}@keyframes fly-top{0%{opacity:1;animation-timing-function:ease-out;transform:none}26%{opacity:1;animation-timing-function:ease-in;transform:rotate(-38deg)}to{opacity:0;transform:translate(-28vw,-38vh)rotate(-560deg)scale(1.7)}}@keyframes fly-bottom{0%{opacity:1;transform:none}to{opacity:0;transform:translate(30vw,36vh)rotate(560deg)scale(1.7)}}@keyframes flash{0%{opacity:0}36%{opacity:0}48%{opacity:1}60%{opacity:1}to{opacity:0}}@keyframes rise{0%{opacity:0;transform:translate(-50%,-50%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes bob{0%,to{transform:translateY(-12px)rotate(-1.5deg)}50%{transform:translateY(12px)rotate(1.5deg)}}@keyframes wobble{0%,to{rotate:0deg}25%{rotate:-3deg}75%{rotate:3deg}}@keyframes lid-off{0%{animation-timing-function:cubic-bezier(.5,0,.85,.65);transform:translateY(8.6%)rotate(0)}30%{animation-timing-function:cubic-bezier(.2,.2,.75,.8);transform:translate(-.5%,7.4%)rotate(-22deg)}62%{animation-timing-function:cubic-bezier(.15,.35,.25,1);transform:translate(-6%,-8%)rotate(-40deg)}to{transform:translate(14%,-16%)rotate(-50deg)}}@keyframes lid-on{0%{animation-timing-function:cubic-bezier(.4,0,.7,.6);transform:translate(14%,-16%)rotate(-50deg)}50%{animation-timing-function:cubic-bezier(.2,.3,.3,1);transform:translate(-3%,1%)rotate(-28deg)}to{transform:translateY(8.6%)rotate(0)}}@keyframes fleck{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:1}to{transform:translate(var(--fx), var(--fy)) scale(.4);opacity:0}}@keyframes g-seam{0%{opacity:0}18%{opacity:1}40%{opacity:.8}62%{opacity:0}to{opacity:0}}@keyframes g-wash{0%,26%{opacity:0}to{opacity:1}}@keyframes g-pool{0%,16%{opacity:0;transform:scale(.55)}46%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(1)}}@keyframes g-column{0%,40%{opacity:0;transform:scaleY(.04)}72%{opacity:1;transform:scaleY(.92)}to{opacity:1;transform:scaleY(1)}}@keyframes g-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.07)}}@keyframes g-wisp{0%{opacity:0;transform:translateY(5px)}30%{opacity:.85}to{opacity:0;transform:translateY(-24px)}}@keyframes g-drop{0%{opacity:0;transform:translate(0)scale(.5)}18%{opacity:1}to{opacity:0;transform:translate(var(--dx), -22px) scale(.6)}}@keyframes g-out{0%{opacity:1}to{opacity:0}}@keyframes card-in{0%{opacity:0;filter:blur(14px)}to{opacity:1;filter:blur()}}@keyframes card-out{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(14px)}}@keyframes holo-halo{0%{opacity:0}to{opacity:1}}@keyframes holo-halo-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.intro-charge{animation:none}.figure-wrap{opacity:1!important}}.lab{background:var(--color-void);font-family:var(--font-display);position:fixed;inset:0}.lab-stage{contain:layout paint;position:absolute;inset:0}.lab-stage .intro{position:absolute}.lab-panel{z-index:2000;background:var(--color-paper);width:320px;max-height:calc(100vh - 32px);color:var(--color-ink);border-radius:14px;padding:16px 16px 14px;font-size:13px;line-height:1.35;position:absolute;top:16px;right:16px;overflow:auto;box-shadow:0 12px 40px oklch(0% 0 0/.35)}.lab-panel h1{margin:0 0 4px;font-size:15px;font-weight:300}.lab-hint{color:oklch(51% 0 0);margin:0 0 10px}.lab-layers{gap:2px;margin:0 0 12px;padding:0;list-style:none;display:grid}.lab-layers li{border-radius:8px;align-items:center;gap:8px;padding:5px 6px;display:flex}.lab-layers li:hover{background:oklch(96.4% 0 0)}.lab-layers li[data-off] .lab-name,.lab-layers li[data-off] .lab-note{color:oklch(73.8% 0 0)}.lab-layers label{cursor:pointer;flex:1;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;display:grid}.lab-layers input{accent-color:var(--color-ink);grid-row:1/3}.lab-name{font-weight:300}.lab-note{color:oklch(56.9% 0 0);font-size:12px}.lab-panel button{font:inherit;color:var(--color-ink);cursor:pointer;background:oklch(100% 0 0);border:1px solid oklch(84.5% 0 0);border-radius:999px;padding:4px 10px;font-size:12px}.lab-panel button:hover{border-color:var(--color-ink)}.lab-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.lab-scrub input{accent-color:var(--color-ink);flex:1;min-width:120px}.lab-time{font-variant-numeric:tabular-nums;color:oklch(51% 0 0);text-align:right;min-width:44px}.lab-back{color:var(--color-ink);text-underline-offset:3px;margin-top:4px;text-decoration:underline;display:inline-block}.skip-tap{z-index:1600;pointer-events:none;position:fixed;inset:0}.skip-tap-button{pointer-events:auto;cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.skip-tap-button:focus-visible{outline:2.5px solid var(--color-focus);outline-offset:-6px}.skip-hint{left:50%;bottom:calc(var(--edge-y) + env(safe-area-inset-bottom,0px));font-family:var(--font-display);letter-spacing:.04em;color:var(--color-ink);opacity:.55;font-size:12px;font-weight:300;position:absolute;translate:-50%}.fireflies{pointer-events:none;opacity:0;transition:opacity 1.8s ease-out;position:absolute;inset:0}.stage[data-phase=burst] .fireflies,.stage[data-phase=reveal] .fireflies,.stage[data-phase=orbit] .fireflies{opacity:1}.stage[data-open]:not([data-closing]) .fireflies{opacity:.5}.fireflies i{left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2);background:var(--color-glow);z-index:400;mix-blend-mode:var(--blend-light);opacity:0;animation:firefly-drift var(--dur) ease-in-out var(--delay) infinite, firefly-glow var(--dur) ease-in-out var(--delay) infinite;will-change:transform, opacity;border-radius:50%;position:absolute}.fireflies i:before{content:"";background:radial-gradient(circle,#60e4d98c 0%,#0000 65%);border-radius:50%;position:absolute;inset:-250%}@supports (color:color-mix(in lab, red, red)){.fireflies i:before{background:radial-gradient(circle, color-mix(in srgb, var(--color-glow) 55%, transparent) 0%, transparent 65%)}}.fireflies i:before{animation:firefly-flicker var(--flick) ease-in-out var(--delay) infinite alternate}@keyframes firefly-drift{0%{transform:translate(0)}25%{transform:translate(var(--sway), calc(var(--rise) * -.25))}50%{transform:translate(calc(var(--sway) * -.5), calc(var(--rise) * -.5))}75%{transform:translate(calc(var(--sway) * .7), calc(var(--rise) * -.75))}to{transform:translate(0, calc(var(--rise) * -1))}}@keyframes firefly-glow{0%,to{opacity:0}18%{opacity:var(--peak)}46%{opacity:calc(var(--peak) * .45)}68%{opacity:var(--peak)}90%{opacity:0}}@keyframes firefly-flicker{0%{opacity:.4;transform:scale(.7)}to{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.fireflies{display:none}}.weather{left:var(--edge-x);bottom:calc(var(--edge-y) + env(safe-area-inset-bottom,0px));z-index:1200;pointer-events:none;max-width:min(60vw,520px);font-family:var(--font-name);color:var(--color-ink);opacity:1;margin:0;font-weight:300;line-height:1.45;transition:opacity .4s;position:fixed}.weather[data-hidden],main[data-open] .weather,.weather[data-hidden]{opacity:0}.weather p{margin:0}.weather-head{font-size:16px}.weather-head .dud{opacity:.45}.weather{pointer-events:none}.weather-place{pointer-events:auto;color:inherit;--hl:var(--color-pink);--hl-text:oklch(100% 0 0);margin:-4px -2px;text-decoration:none;display:inline-block}.weather-place span{white-space:pre}.weather-detail{opacity:.6;font-size:16px}.socials{right:var(--edge-x);bottom:calc(var(--edge-y) + env(safe-area-inset-bottom,0px));z-index:1200;align-items:center;transition:opacity .4s;display:flex;position:fixed}.socials[data-hidden],main[data-open] .socials,main[data-egg] .socials{opacity:0;pointer-events:none}.knob-dock{z-index:1300;width:calc(var(--knob) * .42 + 12px);height:var(--knob);justify-content:flex-end;align-items:center;transition:opacity .4s;display:flex;position:fixed;top:50%;right:0;translate:0 -50%}.knob-dock:hover{width:calc(var(--knob) + 16px)}.knob-dock[data-hidden]{opacity:0;pointer-events:none}.knob{--knob:clamp(124px, 14vmin, 190px);width:var(--knob);aspect-ratio:1;cursor:pointer;background:0 0;border:0;flex:none;padding:0;transition:translate .36s cubic-bezier(.2,.8,.2,1);position:relative;translate:58%}.knob-dock{--knob:clamp(124px, 14vmin, 190px)}.knob-dock:hover .knob,.knob:focus-visible{translate:-8px}@media (hover:none){.knob{translate:30%}}.knob img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.knob-handle{transform-origin:49.5% 48.1%;clip-path:circle(27.6% at 49.5% 48.1%);rotate:var(--turn,0deg);transition:rotate .9s cubic-bezier(.35, 0, .12, 1), transform .22s var(--ease-out);will-change:rotate, transform}@media (hover:hover){.knob:hover .knob-handle{transform:rotate(9deg)}}.knob:active .knob-handle{transform:rotate(14deg)}.knob:focus-visible{outline:none}.knob:focus-visible:after{content:"";pointer-events:none;--ink:var(--color-pink);--len:14px;--w:2.5px;background-repeat:no-repeat;background-image:linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink));background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-size:var(--len) var(--w), var(--w) var(--len), var(--len) var(--w), var(--w) var(--len), var(--len) var(--w), var(--w) var(--len), var(--len) var(--w), var(--w) var(--len);position:absolute;inset:-6px}@media (prefers-reduced-motion:reduce){.knob-handle{transition-duration:1ms}}.glitches{z-index:1400;pointer-events:none;mix-blend-mode:var(--blend-light);contain:strict;position:fixed;inset:0}.glitches i{opacity:0;animation:.14s step-end both glitch-pop;display:block;position:absolute}@keyframes glitch-pop{0%{opacity:0;transform:none}15%{opacity:1}50%{opacity:1;transform:translateX(var(--shift))}65%{opacity:0}80%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.glitches{display:none}}.comic{z-index:1500;background:var(--color-paper);--page-margin:clamp(28px, 3.6vmin, 44px);position:fixed;inset:0;overflow:hidden}.comic-page{inset:var(--page-margin);z-index:2;position:absolute}.comic-page-front{background:var(--color-paper);position:absolute;inset:0}.comic{transition:opacity .9s ease-in-out}.comic[data-fading]{opacity:0;pointer-events:none}.cpanel{background:var(--color-void);opacity:0;animation:panel-slam .16s cubic-bezier(.2,.9,.3,1) var(--cut) both;position:absolute;overflow:hidden;transform:scale(1.05)}.cpanel-art{object-fit:cover;width:100%;height:100%;animation:push-in 2.6s cubic-bezier(.2,.5,.3,1) var(--cut) both;position:absolute;inset:0}.cpanel-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cpanel-frame path{fill:none;stroke:var(--color-ink);stroke-width:5px;stroke-linejoin:miter}main[data-splash=comic][data-phase=intro] .controls h1{opacity:0}main[data-splash=comic] main[data-phase=intro] .controls{color:inherit}main[data-splash=comic][data-phase=intro] .controls{color:var(--color-ink)}@keyframes panel-slam{0%{opacity:0;transform:scale(1.05)}1%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes push-in{0%{transform:scale(1)}to{transform:scale(1.06)}}.lab-comic{background:var(--color-paper)}.lab-comic .lab-stage .comic{position:absolute}.lab-panels{gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.lab-panels li{background:oklch(96.4% 0 0);border-radius:8px;padding:6px 8px;display:grid}.lab-panels li[data-found]{background:#dcf9f7}@supports (color:color-mix(in lab, red, red)){.lab-panels li[data-found]{background:color-mix(in srgb, var(--color-glow) 22%, oklch(100% 0 0))}}.lab-state{color:oklch(56.9% 0 0);font-size:12px}.lab-panels li[data-found] .lab-state{color:var(--color-focus);font-weight:300}.stage .figure-wrap,.stage .orbit-paths{transition:opacity .4s,filter .45s ease-in-out}.stage .fireflies{transition:opacity 1.8s ease-out,filter .45s ease-in-out}.stage .capsule{transition:opacity .3s,filter .45s ease-in-out}.stage[data-open]:not([data-closing]) .figure-wrap,.stage[data-open]:not([data-closing]) .orbit-paths{filter:blur(5px);transition:opacity .4s,filter .55s ease-out}.stage[data-open]:not([data-closing]) .fireflies{filter:blur(5px);transition:opacity 1.8s ease-out,filter .55s ease-out}.stage[data-open]:not([data-closing]) .capsule:not([data-chosen]){filter:blur(5px);transition:opacity .3s,filter .55s ease-out}.stage[data-open] .figure-wrap,.stage[data-open] .orbit-paths,.stage[data-open] .fireflies,.stage[data-open] .capsule{will-change:filter, opacity}.stage[data-open][data-about]:not([data-closing]) .figure-wrap,.stage[data-open][data-about]:not([data-closing]) .orbit-paths,.stage[data-open][data-about]:not([data-closing]) .fireflies,.stage[data-open][data-about]:not([data-closing]) .capsule:not([data-chosen]){filter:none;will-change:auto}.stage[data-open][data-about]:not([data-closing]) .figure-wrap,.stage[data-open][data-about]:not([data-closing]) .orbit-paths{transition:opacity .4s var(--dropdown-ease)}.stage[data-open][data-about]:not([data-closing]) .fireflies{transition:opacity 1.8s ease-out}.stage[data-open][data-about]:not([data-closing]) .capsule:not([data-chosen]){transition:opacity .3s var(--dropdown-ease)}.stage .world{transition:transform .8s var(--ease-out), filter .3s ease-out}.stage[data-about] .world{will-change:transform, filter}.stage[data-about]:not([data-closing]) .world{filter:blur(5px);transition:transform .8s var(--ease-out), filter .4s var(--dropdown-ease)}.loaded-media img[data-expand]{cursor:zoom-in}.zoom{z-index:3000;background:#ffffffe0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.zoom{background:color-mix(in srgb, var(--color-paper) 88%, transparent)}}.zoom{-webkit-backdrop-filter:blur(14px)saturate(1.2);touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-out;animation:zoom-in .22s var(--dropdown-ease) both;outline:none}.zoom[data-zoomed]{cursor:grab}.zoom[data-dragging]{cursor:grabbing}.zoom img{object-fit:contain;transform-origin:50%;max-width:92vw;max-height:90vh;transition:transform .18s var(--dropdown-ease);will-change:transform;cursor:inherit;-webkit-user-drag:none;border-radius:8px;display:block}.zoom[data-dragging] img{transition:none}.zoom-close{top:calc(var(--edge-y) + 4px);right:var(--edge-x);cursor:pointer;position:absolute}.zoom-bar{left:50%;bottom:calc(var(--edge-y) + env(safe-area-inset-bottom,0px));background:var(--color-paper);border-radius:16px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;translate:-50%;box-shadow:0 0 0 1px #1111111a,0 4px 14px oklch(0% 0 0/.14)}@supports (color:color-mix(in lab, red, red)){.zoom-bar{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-ink) 10%, transparent), 0 4px 14px oklch(0% 0 0/.14)}}.zoom-bar{cursor:default}.zoom-tool{border-radius:8px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:4px 8px;font-size:14px;display:inline-flex}.zoom-tool:before{border-radius:inherit}.zoom-level{text-align:center;min-width:52px;font-family:var(--font-display);font-size:12px}.zoom-slider{appearance:none;background:linear-gradient(#1111112e,#1111112e) 50%/100% 2px no-repeat;width:140px;height:24px;margin:0 4px}@supports (color:color-mix(in lab, red, red)){.zoom-slider{background:linear-gradient(color-mix(in srgb, var(--color-ink) 18%, transparent), color-mix(in srgb, var(--color-ink) 18%, transparent)) center / 100% 2px no-repeat}}.zoom-slider{cursor:pointer;border-radius:1px;outline:none}.zoom-slider::-webkit-slider-thumb{appearance:none;background:var(--color-ink);border:0;border-radius:50%;width:14px;height:14px}.zoom-slider::-moz-range-thumb{background:var(--color-ink);border:0;border-radius:50%;width:14px;height:14px}.zoom-slider:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}@keyframes zoom-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-img-in{0%{scale:.96}to{scale:1}}@keyframes zoom-out{to{opacity:0}}.zoom img{animation:zoom-img-in .22s var(--dropdown-ease) both}.zoom[data-closing]{pointer-events:none;animation:.14s ease-out forwards zoom-out}@media (prefers-reduced-motion:reduce){.zoom,.zoom img{transition:none;animation:none}}.egg{z-index:1490;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-name);flex-direction:column;justify-content:center;align-items:center;gap:28px;font-size:16px;font-weight:300;display:flex;position:fixed;inset:0}.egg-line{margin:0}.egg-back{--hl:var(--color-pink)}main[data-egg] .controls{opacity:0;pointer-events:none;transition:none}.ctl.copy-sel{z-index:4000;font-family:var(--sel-font,var(--font-name));font-size:var(--sel-size,14px);background:var(--color-paper);border-radius:4px;padding:4px 6px;line-height:1.2;position:fixed;translate:0 -50%;box-shadow:0 0 0 1px #1111111a}@supports (color:color-mix(in lab, red, red)){.ctl.copy-sel{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-ink) 10%, transparent)}}.ctl.copy-sel{white-space:nowrap;animation:copy-in .14s var(--dropdown-ease) both}.ctl.copy-sel:before{border-radius:inherit}.ctl.copy-sel[data-flip]{translate:-100% -50%}@keyframes copy-in{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}.copy-words{text-align:center;display:block;position:relative}.copy-word{transition:opacity .16s ease-out,filter .16s ease-out;display:block}.copy-word[data-out]{opacity:0;filter:blur(4px);pointer-events:none;transition-duration:.12s;position:absolute;inset:0}@media (width<=520px){.controls h1,.ctl,.weather-detail,.body,.body-h,.body-title,.body-p,.card[data-about] .body,.body-nav-item,.lightbox-name,.zoom-tool{font-size:12px}.cap-label,.card-title,.card-meta,.body-info-label,.body-info-line,.lightbox-meta,.about-label,.skip-hint,.zoom-level,.loading-label{font-size:10px}body,.controls h1,.ctl,.weather-detail,.body,.body-h,.body-title,.body-p,.card[data-about] .body,.body-nav-item,.lightbox-name,.zoom-tool,.cap-label,.card-title,.card-meta,.body-info-label,.body-info-line,.lightbox-meta,.about-label,.skip-hint,.zoom-level,.loading-label{font-weight:400}.zoom-bar{border-radius:12px;gap:4px;padding:4px 8px}.zoom-tool{min-width:28px;min-height:28px;padding:2px 6px}.zoom-slider{width:96px;height:20px}.zoom-level{min-width:40px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
