@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_401732f2-module__9_1gsa__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_401732f2-module__9_1gsa__variable{--font-cell-mono:"Space Grotesk", "Space Grotesk Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-outline-style:solid;--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}}}@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:var(--font-cell-mono), "Helvetica Neue", Arial, sans-serif;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-paper:#fff;--color-ink:#000;--color-capsule:#d9d9d9;--color-mute:#0000008c;--color-rule:#00000021}@supports (color:lab(0% 0 0)){:root,:host{--color-paper:lab(100% 0 0);--color-ink:lab(0% 0 0);--color-capsule:lab(86.6948% -.0000298023 0);--color-mute:lab(0% 0 0/.55);--color-rule:lab(0% 0 0/.13)}}}@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}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.shrink{flex-shrink:1}.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}.border{border-style:var(--tw-border-style);border-width:1px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}}:root{--edge:clamp(14px, 1.2731vw, 26px);--hue:250;--accent:#f9004c;--dim:1;--mix:calc(var(--dim) * 100%);--flip:clamp(0%, calc((var(--dim) - .53) / .06 * 100%), 100%);--color-paper:#fff}@supports (color:lab(0% 0 0)){:root{--accent:lab(53.0463% 83.8845 35.3268);--color-paper:lab(100% 0 0)}}@supports (color:color-mix(in lab, red, red)){:root{--color-paper:color-mix(in oklab, lab(100% 0 0), lab(1.98454% 0 0) var(--mix))}}:root{--color-ink:#000}@supports (color:lab(0% 0 0)){:root{--color-ink:lab(0% 0 0)}}@supports (color:color-mix(in lab, red, red)){:root{--color-ink:color-mix(in oklab, lab(0% 0 0), lab(96.52% -.0000298023 .0000119209) var(--flip))}}:root{--color-capsule:#d9d9d9}@supports (color:lab(0% 0 0)){:root{--color-capsule:lab(86.6948% -.0000298023 0)}}@supports (color:color-mix(in lab, red, red)){:root{--color-capsule:color-mix(in oklab, lab(86.6948% -.0000298023 0), lab(23.44% -.0000149012 0) var(--mix))}}:root{--color-ground:#e3e3e3}@supports (color:lab(0% 0 0)){:root{--color-ground:lab(90.2328% -.0000298023 0)}}@supports (color:color-mix(in lab, red, red)){:root{--color-ground:color-mix(in oklab, lab(90.2328% -.0000298023 0), lab(7.22637% -.0000149012 0) var(--mix))}}:root{--color-mute:#0000008c}@supports (color:lab(0% 0 0)){:root{--color-mute:lab(0% 0 0/.55)}}@supports (color:color-mix(in lab, red, red)){:root{--color-mute:color-mix(in oklab, lab(0% 0 0/.55), lab(100% 0 0/.55) var(--flip))}}:root{--color-rule:#00000021}@supports (color:lab(0% 0 0)){:root{--color-rule:lab(0% 0 0/.13)}}@supports (color:color-mix(in lab, red, red)){:root{--color-rule:color-mix(in oklab, lab(0% 0 0/.13), lab(100% 0 0/.14) var(--flip))}}:root{--wash-from:#fff9}@supports (color:lab(0% 0 0)){:root{--wash-from:lab(100% 0 0/.6)}}@supports (color:color-mix(in lab, red, red)){:root{--wash-from:color-mix(in oklab, lab(100% 0 0/.6), lab(1.98454% 0 0/.6) var(--mix))}}:root{--wash-to:#e3e3e399}@supports (color:lab(0% 0 0)){:root{--wash-to:lab(90.2328% -.0000298023 0/.6)}}@supports (color:color-mix(in lab, red, red)){:root{--wash-to:color-mix(in oklab, lab(90.2328% -.0000298023 0/.6), lab(7.22637% -.0000149012 0/.6) var(--mix))}}:root{--glass:#ffffffb3}@supports (color:lab(0% 0 0)){:root{--glass:lab(100% 0 0/.7)}}@supports (color:color-mix(in lab, red, red)){:root{--glass:color-mix(in oklab, lab(100% 0 0/.7), lab(3.6999% 0 0/.7) var(--mix))}}:root{--glass-edge:#ffffff8c}@supports (color:lab(0% 0 0)){:root{--glass-edge:lab(100% 0 0/.55)}}@supports (color:color-mix(in lab, red, red)){:root{--glass-edge:color-mix(in oklab, lab(100% 0 0/.55), lab(100% 0 0/.12) var(--mix))}}:root{--tab-edge:#ffffff47}@supports (color:lab(0% 0 0)){:root{--tab-edge:lab(100% 0 0/.28)}}@supports (color:color-mix(in lab, red, red)){:root{--tab-edge:color-mix(in oklab, lab(100% 0 0/.28), lab(100% 0 0/.16) var(--mix))}}html{cursor:url(/cursor/arrow.png) 0 0,auto;cursor:image-set(url(/cursor/arrow.png) 1x, url(/cursor/arrow@2x.png) 2x) 0 0, auto}a,button,[role=button],input[type=range],.row,.proof,.fan-plate,.slot{cursor:url(/cursor/hand.png) 5 0,pointer;cursor:image-set(url(/cursor/hand.png) 1x, url(/cursor/hand@2x.png) 2x) 5 0, pointer}html{--fw:1728;--fh:1117;--u:min(100vw / var(--fw), 100svh / var(--fh));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:linear-gradient(in srgb to top, var(--wash-from) 3.76%, var(--wash-to) 100%), var(--color-paper);min-height:100svh;color:var(--color-ink);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}body:after{content:"";z-index:40;pointer-events:none;mix-blend-mode:overlay;opacity:.3;background-image:url(/media/grain.webp);background-size:128px 128px;position:fixed;inset:-64px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2x){body:after{background-size:64px 64px}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3x){body:after{background-size:42.6667px 42.6667px}}@media (prefers-reduced-motion:no-preference){body:after{animation:1s step-end infinite page-grain}@keyframes page-grain{0%{translate:0}8.333%{translate:-41px 17px}16.667%{translate:29px -53px}25%{translate:-13px 46px}33.333%{translate:57px 22px}41.667%{translate:-50px -31px}50%{translate:8px 61px}58.333%{translate:38px -9px}66.667%{translate:-27px -58px}75%{translate:61px 43px}83.333%{translate:-62px 4px}91.667%{translate:19px -36px}}}.stage{width:calc(var(--fw) * var(--u));height:calc(var(--fh) * var(--u));margin:auto;position:fixed;inset:0}a.slot{-webkit-tap-highlight-color:transparent;touch-action:none}.slot[data-held]{z-index:8}a.slot:focus-visible{outline:max(1px, calc(1.5 * var(--u))) solid var(--color-ink);outline-offset:calc(10 * var(--u))}[data-slot],.drawing-line,.drawing-node{transition:opacity .56s cubic-bezier(.32,.72,0,1)}.slot{left:calc((var(--x) + (var(--w) - var(--iw)) / 2) * var(--u));top:calc((var(--y) + (var(--h) - var(--ih)) / 2) * var(--u));width:calc(var(--iw) * var(--u));height:calc(var(--ih) * var(--u));rotate:var(--rot);position:absolute}.slot-media{rotate:var(--mt,0deg);left:calc(var(--iw) * var(--mx) * var(--u));top:calc(var(--ih) * var(--my) * var(--u));width:calc(var(--iw) * var(--ms) * var(--u));height:calc(var(--iw) * var(--ms) * var(--u));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;position:absolute}.drawing{width:100%;height:100%;color:var(--color-ink);pointer-events:none;position:absolute;inset:0;overflow:visible}.drawing-node rect{transition:stroke-width .42s cubic-bezier(.32,.72,0,1)}.drawing-node[data-near] rect{stroke-width:1.1px}.drawing-node text{font-family:var(--font-mono);fill:currentColor;font-weight:200}.nav{z-index:7;width:calc(var(--fw) * var(--u));height:calc(var(--fh) * var(--u));pointer-events:none;margin:auto;position:fixed;inset:0}.nav-goo{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.nav-goo path{stroke:var(--color-capsule);stroke-width:max(.5px, calc(1 * var(--u)));transition:stroke .32s cubic-bezier(.32,.72,0,1),fill .32s cubic-bezier(.32,.72,0,1)}body:has(.sheet) .nav-goo path{fill:#ffffffe6}@supports (color:color-mix(in lab, red, red)){body:has(.sheet) .nav-goo path{fill:color-mix(in oklab, var(--color-paper) 90%, transparent)}}body:has(.sheet) .nav-goo path{pointer-events:visibleFill}:is(.nav:has(.nav-pill:hover) .nav-goo path,.nav:has(.nav-pill:focus-visible) .nav-goo path){stroke:#00000073}@supports (color:color-mix(in lab, red, red)){:is(.nav:has(.nav-pill:hover) .nav-goo path,.nav:has(.nav-pill:focus-visible) .nav-goo path){stroke:color-mix(in oklab, var(--color-ink) 45%, transparent)}}.nav-pill{--ph:max(24px, calc(28 * var(--u)));pointer-events:auto;top:calc(var(--ny) * var(--u) - (var(--ph) - 28 * var(--u)) / 2);left:calc(var(--nx) * var(--u));width:calc(var(--nw) * var(--u));height:var(--ph);justify-content:center;align-items:center;gap:calc(4.5 * var(--u));color:var(--color-ink);font:inherit;font-size:calc(11.7067 * var(--u));letter-spacing:-.067em;cursor:pointer;background:0 0;border:0;border-radius:9999px;text-decoration:none;transition:color .26s cubic-bezier(.22,.61,.36,1);display:flex;position:absolute}.nav-pill:focus-visible{outline:max(1px, calc(1 * var(--u))) solid var(--color-ink);outline-offset:calc(3 * var(--u))}.nav-n{color:var(--color-mute);font-size:calc(9.2 * var(--u));translate:0 calc(-3.4 * var(--u));line-height:1;transition:color .26s cubic-bezier(.22,.61,.36,1)}.nav-pill:hover .nav-n,.nav-pill:focus-visible .nav-n{color:var(--accent)}body:has([data-slot=folder]:hover) [data-opens=folder] .nav-n{color:var(--accent)}body:has([data-slot=card]:hover) [data-opens=card] .nav-n{color:var(--accent)}body:has([data-slot=head]:hover) [data-opens=head] .nav-n{color:var(--accent)}body:has([data-slot=folder]:hover) .nav-pill[data-opens=folder]{color:var(--accent)}body:has([data-slot=card]:hover) .nav-pill[data-opens=card]{color:var(--accent)}body:has([data-slot=head]:hover) .nav-pill[data-opens=head]{color:var(--accent)}.sheet{z-index:6;width:100%;margin-top:calc((100svh - var(--fh) * var(--u)) / 2 + 91 * var(--u));min-height:calc(100svh - ((100svh - var(--fh) * var(--u)) / 2 + 91 * var(--u)));background:var(--glass);-webkit-backdrop-filter:blur(32px)saturate(1.3);backdrop-filter:blur(32px)saturate(1.3);border-top:max(1px, calc(2 * var(--u))) solid var(--accent);box-shadow:inset 0 max(1px, calc(1 * var(--u))) 0 var(--glass-edge);position:relative}.sheet[data-plate]{--color-paper:#fff;--color-ink:#000;--color-mute:#000000ad;--color-rule:#00000021;color:var(--color-ink)}@supports (color:lab(0% 0 0)){.sheet[data-plate]{--color-paper:lab(100% 0 0);--color-ink:lab(0% 0 0);--color-mute:lab(0% 0 0/.68);--color-rule:lab(0% 0 0/.13)}}.sheet[data-bare]{min-height:100svh;box-shadow:none;border-top:0;margin-top:0}body:has(.sheet[data-bare]) [data-slot]{--in:0s!important}.sheet[data-bare]{cursor:url(/cursor/hand.png) 5 0,pointer;cursor:image-set(url(/cursor/hand.png) 1x, url(/cursor/hand@2x.png) 2x) 5 0, pointer}.sheet[data-bare] .descent{pointer-events:auto}.sheet[data-bare] [data-reveal],.sheet[data-bare] .descent{cursor:url(/cursor/arrow.png) 0 0,auto;cursor:image-set(url(/cursor/arrow.png) 1x, url(/cursor/arrow@2x.png) 2x) 0 0, auto}.sheet-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sheet{background:var(--color-paper)}}.sheet-inner{width:calc(var(--fw) * var(--u));margin-inline:auto;position:relative}.sheet-tab{left:max(calc(-5 * var(--u)), calc((var(--fw) * var(--u) - 100vw) / 2));top:calc(-47 * var(--u));width:calc(250 * var(--u));height:calc(47 * var(--u));text-decoration:none;position:absolute}.sheet-tab:before{content:"";background:oklch(from var(--accent) l c h / .74);-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);box-shadow:inset 0 max(1px, calc(1 * var(--u))) 0 var(--tab-edge);position:absolute;inset:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sheet-tab:before{background:var(--accent)}}.sheet-tab span{left:calc(33 * var(--u));top:calc(13 * var(--u));color:#fff;color:lab(100% 0 0);font-size:calc(34 * var(--u));letter-spacing:-.067em;line-height:1;position:absolute}.sheet-tab:focus-visible{outline:max(1px, calc(1.5 * var(--u))) solid var(--color-ink);outline-offset:calc(4 * var(--u))}.sheet:not([data-plate]) .sheet-tab{width:auto;min-width:calc(250 * var(--u))}.sheet:not([data-plate]) .sheet-tab span{padding-top:calc(13 * var(--u));padding-right:calc(60 * var(--u));white-space:nowrap;display:block;position:relative;top:auto;left:auto}.field-right{position:absolute}.proof-empty{padding:calc(15 * var(--u)) 0;border-top:max(.5px, calc(1 * var(--u))) solid var(--color-rule);border-bottom:max(.5px, calc(1 * var(--u))) solid var(--color-rule);color:var(--color-mute);font-size:calc(13 * var(--u));letter-spacing:-.067em;margin:0}.sheet-note{margin:calc(64 * var(--u)) 0 0;color:var(--color-mute);font-size:calc(11.7067 * var(--u));letter-spacing:-.067em}.sheet[data-plate]{--plate-w:50vw;--pu:calc(var(--plate-w) / 1728);width:var(--plate-w);margin:max(9svh, calc(var(--nav-bottom,0px) + 14px)) auto 9svh;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:0 solid #0000;background:0 0;border-image-repeat:stretch}.sheet[data-plate=folder]{--fold:calc(.075 * var(--plate-w));--plate-tab:calc(.1021 * var(--plate-w));min-height:calc(var(--plate-w) * 2753 / 3358);border-image-source:url(/media/folder-plate.webp);border-image-slice:65.11% 9.8% 19.39% 82.35% fill;border-image-width:calc(.12 * var(--plate-w)) calc(.0357 * var(--plate-w)) calc(.0357 * var(--plate-w)) calc(.3002 * var(--plate-w))}body:has(.sheet[data-plate]) .stage>:not(.nav){filter:blur(18px)}body:has(.sheet[data-plate][data-leaving]) .stage>:not(.nav){filter:blur()}@media (prefers-reduced-motion:no-preference){.stage>:not(.nav){transition:filter .62s cubic-bezier(.16,1,.3,1)}.stage>.slot{transition:filter .62s cubic-bezier(.16,1,.3,1),opacity .56s cubic-bezier(.32,.72,0,1)}}.sheet[data-plate]{flex-direction:column;display:flex}.sheet[data-plate] .sheet-inner{width:100%;padding-top:calc(var(--plate-tab) + 60 * var(--pu));padding-bottom:calc(60 * var(--pu));flex-direction:column;flex:1;justify-content:center;display:flex}.sheet[data-plate] .proofs,.sheet[data-plate] .listing,.sheet[data-plate] .sheet-note{margin-left:var(--fold);width:calc(100% - 2 * var(--fold))}.sheet[data-plate] .listing{--lu:var(--pu)}.sheet[data-plate] .row{padding:calc(16 * var(--pu)) 0;font-size:max(12px, calc(20 * var(--pu)))}.sheet[data-plate] .sheet-note{font-size:max(12px, calc(20 * var(--pu)))}.sheet[data-plate=folder] .sheet-tab{width:calc(.2883 * var(--plate-w));height:var(--plate-tab);top:0;left:0}.sheet[data-plate] .sheet-tab:before,.sheet[data-plate] .sheet-tab span{display:none}.sheet[data-plate]{margin-bottom:1.2vw}.sheet-caption{--plate-w:50vw;--pu:calc(var(--plate-w) / 1728);width:var(--plate-w);padding-left:calc(.075 * var(--plate-w));color:var(--color-mute);font-size:max(10.5px, calc(12.292 * var(--pu)));letter-spacing:-.04em;margin:0 auto 9svh;line-height:1.45}@media (max-aspect-ratio:1){.sheet-caption{--plate-w:100vw}.sheet[data-plate]{--plate-w:100vw;margin:calc((100svh - var(--fh) * var(--u)) / 2 + 150 * var(--u)) 0 0}}.about p{margin:0 0 calc(18 * var(--u));max-width:calc(720 * var(--u));color:var(--color-mute);font-size:max(14px, calc(15.48 * var(--u)));letter-spacing:-.067em;line-height:1.5}.about p[data-lead]{margin-bottom:calc(26 * var(--u));color:var(--color-ink);font-size:max(19px, calc(24 * var(--u)));text-wrap:balance;line-height:1.35}.descent{pointer-events:none;margin:0;overflow:hidden}.descent-film{width:100%;height:100%;display:block}.descent-grain-field{position:absolute;inset:0;-webkit-mask-image:url(/media/descent-grain.webp);mask-image:url(/media/descent-grain.webp);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.descent[data-film=playing] .descent-grain-field{-webkit-mask-position:50% 0;mask-position:50% 0}.descent[data-film=held] .descent-grain-field{-webkit-mask-position:100% 0;mask-position:100% 0}.descent-grain{opacity:.28;background-image:url(/media/grain-specks.webp);background-size:128px 128px;position:absolute;inset:-90px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2x){.descent-grain{background-size:64px 64px}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3x){.descent-grain{background-size:42.6667px 42.6667px}}.lost{min-height:100svh;padding:var(--edge);color:var(--color-ink);text-align:center;place-content:center;gap:14px;display:grid}.lost-code{letter-spacing:-.067em;margin:0;font-size:clamp(48px,9vw,120px);font-weight:400;line-height:1}.lost-line{color:var(--color-mute);letter-spacing:-.04em;margin:0;font-size:15px}.lost-links{flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:10px;font-size:13px;display:flex}.lost-links a{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-rule);-webkit-text-decoration-color:var(--color-rule);-webkit-text-decoration-color:var(--color-rule);text-decoration-color:var(--color-rule);text-underline-offset:.2em;transition:text-decoration-color .22s cubic-bezier(.22,.61,.36,1)}.lost-links a:hover,.lost-links a:focus-visible{text-decoration-color:currentColor}.open-ai{color:var(--color-mute);letter-spacing:.01em;font-size:11px}.scramble{display:inline-block;position:relative}.scramble[data-running] .scramble-room{color:#0000}.scramble-run{text-align:start;-webkit-user-select:none;user-select:none;white-space:pre;clip-path:inset(-.5em 0);position:absolute;inset:0}.scramble-kana{line-height:0}.legal{max-width:calc(760 * var(--u))}@media (max-aspect-ratio:1){.legal{margin-right:calc(24 * var(--u))}}.legal h1{margin:0 0 calc(40 * var(--u));color:var(--color-ink);font-size:max(19px, calc(24 * var(--u)));letter-spacing:-.067em;font-weight:400;line-height:1.35}.legal section{padding:calc(18 * var(--u)) 0 calc(6 * var(--u));border-top:max(.5px, calc(1 * var(--u))) solid var(--color-rule)}.legal h2{margin:0 0 calc(10 * var(--u));color:var(--color-ink);font-size:max(14px, calc(15.48 * var(--u)));letter-spacing:-.05em;font-weight:500;line-height:1.4}.legal p,.legal address,.legal li{margin:0 0 calc(12 * var(--u));color:var(--color-mute);font-size:max(14px, calc(15.48 * var(--u)));letter-spacing:-.04em;font-style:normal;line-height:1.5}.legal ul{margin:0 0 calc(12 * var(--u));padding-left:1.1em}.legal li{margin-bottom:calc(4 * var(--u))}.legal a{color:var(--color-ink);text-decoration:underline;text-decoration-thickness:max(.5px, calc(1 * var(--u)));text-underline-offset:.2em;-webkit-text-decoration-color:var(--color-rule);-webkit-text-decoration-color:var(--color-rule);-webkit-text-decoration-color:var(--color-rule);text-decoration-color:var(--color-rule);transition:text-decoration-color .22s cubic-bezier(.22,.61,.36,1)}.legal a:hover,.legal a:focus-visible{text-decoration-color:currentColor}.legal-links{right:var(--edge);bottom:var(--edge);z-index:7;font-size:max(12px, calc(11.7067 * var(--u)));letter-spacing:-.04em;gap:1.1em;display:flex;position:fixed}.legal-links a{color:var(--color-mute);text-decoration:none;transition:color .22s cubic-bezier(.22,.61,.36,1)}.legal-links a:hover,.legal-links a:focus-visible,.legal-links a[aria-current=page]{color:var(--color-ink)}.legal-links a:focus-visible{outline:max(1px, calc(1.5 * var(--u))) solid var(--color-ink);outline-offset:4px}@media (max-aspect-ratio:1){body:has(.sheet) .legal-links{padding:26px var(--edge) calc(var(--edge) - 5px);background:linear-gradient(to bottom, transparent, var(--color-paper) 72%);justify-content:flex-end;bottom:0;left:0;right:0}body:has(.sheet) .legal-links a{padding:5px 0}body:has(.sheet[data-plate=card]) .legal-links{pointer-events:none;background:0 0}body:has(.sheet[data-plate=card]) .legal-links a{pointer-events:auto}body:has(.sheet[data-plate=folder]) .legal-links{padding:0 var(--edge) calc(var(--edge) + env(safe-area-inset-bottom,0px));background:0 0;position:relative}.sheet:not([data-plate]) .sheet-inner{padding-bottom:calc(56 * var(--u) + 56px)}}.back{display:none}@media (max-aspect-ratio:1){.back{z-index:8;border:1px solid var(--color-capsule);background:#ffffffe6;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:fixed;top:16px;left:16px}@supports (color:color-mix(in lab, red, red)){.back{background:color-mix(in oklab, var(--color-paper) 90%, transparent)}}.back{color:var(--color-ink);-webkit-tap-highlight-color:transparent}.back:after{content:"";position:absolute;inset:-5px}.back svg{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:square;width:13px;height:13px}.back:focus-visible{outline:1px solid var(--color-ink);outline-offset:3px}.open .back{z-index:1;border-color:var(--color-rule);background:#ffffff0f;background:lab(100% 0 0/.06)}.open .back:focus-visible{outline-color:var(--accent)}}@media (max-aspect-ratio:1) and (prefers-reduced-motion:no-preference){.back{transition:opacity .38s cubic-bezier(.16,1,.3,1),translate .38s cubic-bezier(.16,1,.3,1),scale .18s cubic-bezier(.32,.72,0,1);animation:.56s cubic-bezier(.16,1,.3,1) .16s backwards back-in}.back:active{scale:.92}body:has(.sheet[data-leaving]) a.back{opacity:0;translate:-8px}@keyframes back-in{0%{opacity:0;translate:-8px}}}.dial-caption{pointer-events:none;justify-items:center;width:100%;display:grid;position:absolute;left:0}.dial-caption p{align-items:center;gap:calc(9 * var(--u));opacity:0;grid-area:1/1;margin:0;transition:opacity .26s cubic-bezier(.32,.72,0,1);display:flex}.dial-caption p[data-front]{opacity:1}.dial-n{width:calc(26 * var(--u));height:calc(26 * var(--u));border:max(.5px, calc(.75 * var(--u))) solid var(--color-capsule);font-size:calc(12 * var(--u));letter-spacing:-.067em;border-radius:50%;place-items:center;display:grid}.dial-label{font-size:calc(13 * var(--u));letter-spacing:-.067em}.dial-opens{color:var(--color-mute);font-size:calc(11.7067 * var(--u));letter-spacing:-.067em}@media (max-aspect-ratio:1){.nav-pill,.dial-opens{font-size:max(12px, calc(11.7067 * var(--u)))}.dial-label{font-size:max(12px, calc(13 * var(--u)))}.sheet[data-plate] .sheet-note{font-size:max(12px, calc(12.292 * var(--pu)))}.stage[data-dial]{touch-action:none}body:has(.stage[data-dial]):not(:has(.sheet)){touch-action:pinch-zoom}.stage[data-dial] .drawing[data-stage=portrait]{display:none}.stage[data-dial] .slot-media{opacity:var(--fade,1)}.stage[data-dial] a.slot{-webkit-tap-highlight-color:transparent}}@media (prefers-reduced-motion:no-preference){.slot-media{animation:settle 1.1s cubic-bezier(.16, 1, .3, 1) var(--in,0s) backwards}.drawing-line{stroke-dasharray:var(--len);animation:.9s cubic-bezier(.22,1,.36,1) .3s backwards draw}.drawing-node{animation:.6s cubic-bezier(.16,1,.3,1) .64s backwards mark}.nav-pill,.nav-goo{animation:.6s cubic-bezier(.16,1,.3,1) .82s backwards mark}.sheet{animation:.62s cubic-bezier(.16,1,.3,1) backwards open}.sheet[data-leaving]{pointer-events:none;animation:.62s cubic-bezier(.16,1,.3,1) forwards leave}@keyframes leave{to{opacity:0;translate:0 calc(46 * var(--u))}}.descent{animation:1.5s cubic-bezier(.16,1,.3,1) 80ms backwards descent-grow,1.1s cubic-bezier(.76,0,.24,1) .48s backwards descent-travel}@keyframes descent-grow{0%{opacity:0;scale:.14}28%{opacity:1}}@keyframes descent-travel{0%{translate:var(--from-x) var(--from-y)}}.descent-grain-field{animation:.7s cubic-bezier(.22,1,.36,1) 1.58s backwards descent-grain-in}@keyframes descent-grain-in{0%{opacity:0}}.descent-grain{animation:.8s step-end infinite descent-grain}@keyframes descent-grain{0%{translate:0}10%{translate:-37px 21px}20%{translate:53px -44px}30%{translate:-18px -67px}40%{translate:71px 32px}50%{translate:-59px 9px}60%{translate:26px 58px}70%{translate:-83px -26px}80%{translate:44px -12px}90%{translate:-7px 76px}}.about-side [data-reveal]{animation:about-reveal 2s cubic-bezier(.22, 1, .36, 1) calc(1.5s + var(--i,0) * .38s) backwards}@keyframes about-reveal{0%{opacity:0;translate:0 calc(14 * var(--u))}}.sheet-caption{transition:opacity .42s cubic-bezier(.16,1,.3,1)}.sheet-caption[data-leaving]{opacity:0}.listing{animation:list-reveal var(--reveal-ms,.75s) var(--reveal-ease,cubic-bezier(.16, 1, .3, 1)) backwards}@keyframes list-reveal{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.row{animation:row-in var(--reveal-fade,2.5s) var(--reveal-fade-ease,cubic-bezier(.45, 0, .15, 1)) var(--arrive,0s) backwards}@keyframes row-in{0%{opacity:0}}.proofs{animation:.7s cubic-bezier(.16,1,.3,1) .26s backwards mark}@keyframes open{0%{opacity:0;translate:0 calc(46 * var(--u))}to{opacity:1;translate:0}}@keyframes settle{0%{opacity:0;scale:.965}to{opacity:1;scale:1}}@keyframes draw{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}@keyframes mark{0%{opacity:0}to{opacity:1}}}.intro{display:none}@media (prefers-reduced-motion:no-preference){:root[data-intro] .intro{--film:min(max(100vw * 960 / 1920, 100svh * 960 / 1080), 92vw);z-index:38;display:block;position:fixed;inset:0}.intro-veil{background:#000;background:lab(0% 0 0);position:absolute;inset:0}.intro-film{width:var(--film);height:calc(var(--film) * var(--film-h));margin:auto;position:absolute;inset:0}@media (max-aspect-ratio:1){.intro-film{object-fit:cover;width:100%;height:100%}}:root[data-intro=film] :is(.slot-media,.drawing-line,.drawing-node,.nav-pill,.nav-goo){animation-play-state:paused}:root[data-intro=open] .intro{pointer-events:none}:root[data-intro=open] .intro-film{animation:.26s cubic-bezier(.4,0,1,1) forwards intro-out}:root[data-intro=open] .intro-veil{animation:intro-out var(--intro-open) cubic-bezier(.65, 0, .35, 1) forwards}:root[data-intro=open] :is(.stage,.nav){animation:intro-grow var(--intro-open) cubic-bezier(.76, 0, .24, 1) backwards}@keyframes intro-out{to{opacity:0}}@keyframes intro-grow{0%{scale:var(--intro-from,.5)}}}.proofs{margin-block:0;padding:0;list-style:none;display:grid}.proof{width:100%;color:var(--color-mute);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex;position:relative}.proof-frame{display:block;position:relative;overflow:hidden}.proof-frame img{object-fit:cover;object-position:center;width:100%;height:100%;transition:scale .62s cubic-bezier(.16,1,.3,1);display:block}.proof:hover .proof-frame img,.proof:focus-visible .proof-frame img{scale:1.045}.proof:focus-visible{outline:max(1px, calc(1.5 * var(--u))) solid var(--color-ink);outline-offset:calc(-3 * var(--u));z-index:1}.proof-slug{gap:calc(2 * var(--u)) calc(8 * var(--u));padding:calc(34 * var(--u)) calc(12 * var(--u)) calc(11 * var(--u));background:linear-gradient(to top, oklch(.24 .06 var(--hue) / .92), oklch(.24 .06 var(--hue) / .62) 46%, oklch(.24 .06 var(--hue) / 0));color:#ffffffb8;color:lab(100% 0 0/.72);opacity:0;translate:0 calc(8 * var(--u));grid-template-columns:1fr auto;grid-template-areas:"name kind""title title";align-content:end;transition:opacity .26s cubic-bezier(.22,.61,.36,1),translate .38s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;bottom:0;left:0;right:0}.proof:hover .proof-slug,.proof:focus-visible .proof-slug{opacity:1;translate:0}@media (hover:none){.proof-slug{opacity:1;translate:0}}.proof-name{color:var(--color-paper);font-size:calc(13 * var(--u));grid-area:name}.proof-title{font-size:calc(11.7067 * var(--u));grid-area:title}.proof-kind{font-size:calc(10.4 * var(--u));text-transform:lowercase;grid-area:kind}.listing{--lu:var(--u);border-top:max(.5px, calc(1 * var(--lu))) solid var(--color-rule);grid-template-columns:auto minmax(0,1.6fr) minmax(0,1.2fr) auto auto;margin-block:0;padding:0;list-style:none;display:grid}.listing li{display:contents}.row{grid-column:1/-1;grid-template-columns:subgrid;gap:0 calc(28 * var(--lu));width:100%;padding:calc(14 * var(--lu)) 0;border:0;border-bottom:max(.5px, calc(1 * var(--lu))) solid var(--color-rule);color:var(--color-ink);font:inherit;font-size:max(10.5px, calc(12.292 * var(--lu)));letter-spacing:-.04em;text-align:left;cursor:pointer;background:0 0;align-items:center;line-height:1.45;transition:color .2s cubic-bezier(.22,.61,.36,1),border-color .2s cubic-bezier(.22,.61,.36,1);display:grid}.row:hover,.row:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}.row:focus-visible{outline:max(1px, calc(1 * var(--lu))) solid var(--accent);outline-offset:calc(-1 * max(1px, calc(1 * var(--lu))))}.row-index{color:var(--color-mute);white-space:nowrap;font-variant-numeric:tabular-nums}.row:hover .row-index,.row:focus-visible .row-index{color:inherit}.row-name{letter-spacing:-.02em;overflow-wrap:anywhere;font-weight:700}.row-kinds{gap:calc(6 * var(--lu));flex-wrap:wrap;display:flex}.chip{padding:calc(2 * var(--lu)) calc(9 * var(--lu));border:max(.5px, calc(1 * var(--lu))) solid currentColor;white-space:nowrap;border-radius:9999px;font-size:max(11px,.86em);line-height:1.5;transition:background-color .2s cubic-bezier(.22,.61,.36,1),color .2s cubic-bezier(.22,.61,.36,1);display:inline-block}.row:hover .chip,.row:focus-visible .chip{background:var(--accent);color:var(--color-paper)}.row-note{text-align:right;white-space:nowrap}.row-arrow{box-sizing:content-box;width:.95em;height:.95em;padding-left:calc(6 * var(--lu));fill:none;stroke:currentColor;stroke-width:.9px;stroke-linecap:square}@media (max-aspect-ratio:1){.listing{display:block}.listing .row,.sheet[data-plate] .listing .row{flex-wrap:wrap;align-items:baseline;gap:7px 8px;padding:19px 0 18px;font-size:13px;display:flex}.row:after{content:"";flex-basis:100%;order:3;height:0}.row-index{display:none}.row-name{flex:1 1 0;order:1;min-width:0;font-size:17px;line-height:1.25}.row-arrow{order:2;align-self:center;width:15px;height:15px}.row-kinds{order:4;gap:5px}.row-kinds .chip{border-width:1px;padding:1px 8px;font-size:11.5px}.row-note{color:var(--color-mute);text-align:left;white-space:normal;flex:auto;order:5}.row:hover .row-note,.row:focus-visible .row-note{color:inherit}}.open{--color-ink:#f5f5f5;--color-mute:#fff9;--color-rule:#fff3;--lu:1px;--lb-pad:clamp(16px, 4svh, 44px);--info-w:clamp(210px, 19vw, 290px);--aside-h:min(56svh, 600px);--aside-w:calc(var(--aside-h) * .72);z-index:35;-webkit-backdrop-filter:blur(12px)saturate(.8);backdrop-filter:blur(12px)saturate(.8);color:var(--color-ink);letter-spacing:-.03em;background:#020202b8;background:lab(.462488% 0 0/.72);font-size:13px;position:fixed;inset:0;overflow:hidden}@supports (color:lab(0% 0 0)){.open{--color-ink:lab(96.52% -.0000298023 .0000119209);--color-mute:lab(100% 0 0/.6);--color-rule:lab(100% 0 0/.2)}}.open-scroll{overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}.open-stage{min-height:100%;padding:calc(var(--lb-pad) + 28px) calc(var(--lb-pad) + 64px) var(--lb-pad) calc(var(--info-w) + 2 * var(--lb-pad) + 64px);justify-content:center;align-items:center;gap:clamp(24px,3.5vw,64px);display:flex}.open-info{z-index:1;width:var(--info-w);gap:8px;display:grid;position:fixed;top:20px;left:24px}.open-info p{margin:0}.open-name{color:var(--color-ink);letter-spacing:-.02em;font-size:15px}.open-title{color:var(--color-mute);margin-top:-5px}.open-kinds{color:var(--color-mute);text-transform:lowercase;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;display:flex}.open-blurb{-webkit-line-clamp:6;line-clamp:6;color:var(--color-mute);-webkit-box-orient:vertical;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.open-blurb[data-full]{-webkit-line-clamp:unset;line-clamp:unset;display:block}.open-more,.open-all{color:var(--color-ink);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--color-rule);-webkit-text-decoration-color:var(--color-rule);-webkit-text-decoration-color:var(--color-rule);text-decoration-color:var(--color-rule);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:12px;transition:text-decoration-color .22s cubic-bezier(.22,.61,.36,1)}.open-more{justify-self:start;margin-top:-4px}.open-more:hover,.open-more:focus-visible,.open-all:hover,.open-all:focus-visible{text-decoration-color:currentColor}.open-credit{color:var(--color-mute);text-transform:lowercase;font-size:11.5px}.open-credit:before{content:"";vertical-align:middle;background:var(--color-rule);width:14px;height:1px;margin-right:8px;display:inline-block}.open-visit{color:var(--color-ink);white-space:nowrap;border:1px solid;border-radius:9999px;justify-self:start;padding:2px 9px;font-size:11.5px;text-decoration:none;transition:color .22s cubic-bezier(.22,.61,.36,1)}.open-visit:hover,.open-visit:focus-visible{color:var(--accent)}.open-info .open-count{border-top:1px solid var(--color-rule);color:var(--color-mute);font-variant-numeric:tabular-nums;align-items:baseline;gap:14px;margin-top:6px;padding-top:8px;font-size:11.5px;display:flex}.open-shut{z-index:1;border:1px solid var(--color-rule);color:var(--color-ink);font:inherit;background:#ffffff0f;background:lab(100% 0 0/.06);border-radius:9999px;padding:6px 13px;font-size:12px;transition:background-color .22s cubic-bezier(.22,.61,.36,1),border-color .22s cubic-bezier(.22,.61,.36,1);position:fixed;top:18px;right:18px}.open-shut:hover{background:#ffffff24;background:lab(100% 0 0/.14);border-color:#ffffff73;border-color:lab(100% 0 0/.45)}.open-shut:focus-visible,.open-visit:focus-visible,.open-more:focus-visible,.open-all:focus-visible,.open-arrow:focus-visible,.open-grid button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.open-grid{--row:clamp(150px, 27svh, 290px);flex-wrap:wrap;gap:10px;width:min(100%,1180px);margin:0;padding:0;list-style:none;display:flex}.open-grid li{flex-grow:calc(var(--ar) * 100);flex-basis:calc(var(--ar) * var(--row));aspect-ratio:var(--ar);max-height:calc(var(--row) * 1.6)}.open-grid .open-grid-fill{aspect-ratio:auto;flex-grow:10000;flex-basis:0;height:0}.open-grid button{background:#090909;background:lab(2.47865% 0 0);border:0;border-radius:8px;width:100%;height:100%;padding:0;transition:translate .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden;box-shadow:0 18px 50px -18px #0009;box-shadow:0 18px 50px -18px lab(0% 0 0/.6)}.open-grid img{object-fit:cover;width:100%;height:100%;transition:scale .52s cubic-bezier(.16,1,.3,1);display:block}.open-grid button:hover,.open-grid button:focus-visible{translate:0 -3px;box-shadow:0 26px 60px -18px #000000bf;box-shadow:0 26px 60px -18px lab(0% 0 0/.75)}.open-grid button:hover img{scale:1.03}.open-tile-film{color:#fff;color:lab(100% 0 0);letter-spacing:-.02em;pointer-events:none;background:#0000008c;background:lab(0% 0 0/.55);border-radius:9999px;padding:3px 7px;font-size:10.5px;line-height:1;position:absolute;bottom:8px;left:8px}.open-post{--mw:min(calc(100vw - var(--info-w) - 2 * var(--lb-pad) - 200px), 1240px);--mh:calc(100svh - 2 * var(--lb-pad) - 60px);--pw:min(var(--mw), calc(var(--mh) * var(--ar)));width:var(--pw);flex:none;margin:0;transition:width .46s cubic-bezier(.16,1,.3,1);position:relative}.open-post:focus{outline:none}.open-post{touch-action:pan-y}.open-post:focus-visible .open-media{outline:1px solid var(--accent);outline-offset:4px}.open-post[data-film]{--mh:calc(100svh - 2 * var(--lb-pad) - 100px)}.open[data-aside] .open-stage{gap:88px}.open[data-aside] .open-post{--mw:min(calc(100vw - var(--info-w) - 3 * var(--lb-pad) - 128px - 88px - var(--aside-w)), 1100px)}.open-media{width:100%;aspect-ratio:var(--ar);background:#090909;background:lab(2.47865% 0 0);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 32px 90px -24px #000000b3;box-shadow:0 32px 90px -24px lab(0% 0 0/.7)}.open-media img{object-fit:cover;width:100%;height:100%;display:block}.open-media[data-film]{aspect-ratio:auto;box-shadow:none;background:0 0;overflow:visible}.open-arrow{top:calc(var(--pw) / var(--ar) / 2);border:1px solid var(--color-rule);width:46px;height:46px;color:var(--color-ink);background:#ffffff0f;background:lab(100% 0 0/.06);border-radius:50%;place-items:center;padding:0;transition:background-color .22s cubic-bezier(.22,.61,.36,1),border-color .22s cubic-bezier(.22,.61,.36,1),opacity .22s cubic-bezier(.22,.61,.36,1),scale .22s cubic-bezier(.22,.61,.36,1);display:grid;position:absolute;translate:0 -50%}.open-arrow[data-side=prev]{right:calc(100% + 20px)}.open-arrow[data-side=next]{left:calc(100% + 20px)}.open-arrow[data-side=prev] svg{rotate:180deg}.open-arrow svg{width:18px;height:18px}.open-arrow:not(:disabled):hover,.open-arrow:not(:disabled):focus-visible{background:#ffffff24;background:lab(100% 0 0/.14);border-color:#ffffff73;border-color:lab(100% 0 0/.45)}.open-arrow:not(:disabled):active{scale:.94}.open-arrow:disabled{opacity:.22;cursor:url(/cursor/arrow.png) 0 0,default;cursor:image-set(url(/cursor/arrow.png) 1x, url(/cursor/arrow@2x.png) 2x) 0 0, default}.open-aside{width:var(--aside-w);height:var(--aside-h);flex:none}.film{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.film video{width:100%;aspect-ratio:var(--ar);object-fit:cover;cursor:url(/cursor/hand.png) 5 0,pointer;cursor:image-set(url(/cursor/hand.png) 1x, url(/cursor/hand@2x.png) 2x) 5 0, pointer;background:#090909;background:lab(2.47865% 0 0);border-radius:10px;display:block;box-shadow:0 32px 90px -24px #000000b3;box-shadow:0 32px 90px -24px lab(0% 0 0/.7)}.film-bar{border-top:1px solid var(--color-rule);width:100%;color:var(--color-mute);letter-spacing:-.04em;align-items:center;gap:14px;margin-top:10px;padding-top:8px;font-size:11.5px;display:flex}.film-bar button{min-height:24px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:lowercase;background:0 0;border:0;padding:0 2px;transition:color .24s cubic-bezier(.22,.61,.36,1)}.film-bar button:hover,.film-bar button:focus-visible{color:var(--color-ink)}.film-bar button:focus-visible{outline:1px solid var(--color-ink);outline-offset:3px}.film-time{font-variant-numeric:tabular-nums;white-space:nowrap}.film-seek{appearance:none;background:linear-gradient(var(--color-rule), var(--color-rule)) center / 100% 1px no-repeat;outline:none;flex:1;min-width:0;height:24px;margin:0}.film-seek::-webkit-slider-thumb{appearance:none;background:var(--color-ink);border:0;border-radius:50%;width:9px;height:9px}.film-seek::-moz-range-thumb{background:var(--color-ink);border:0;border-radius:50%;width:9px;height:9px}.film-seek:focus-visible{outline:1px solid var(--color-ink);outline-offset:6px}@media (prefers-reduced-motion:no-preference){.open{animation:.42s cubic-bezier(.22,.61,.36,1) backwards veil-in}.open-info{animation:.42s cubic-bezier(.22,.61,.36,1) 80ms backwards cap-in}.open-grid li{animation:tile-in .56s cubic-bezier(.16, 1, .3, 1) calc(var(--i,0) * 35ms + 60ms) backwards}.open-post{animation:.62s cubic-bezier(.16,1,.3,1) backwards post-in}.open-media{animation:.42s cubic-bezier(.16,1,.3,1) backwards media-in}.open[data-leaving]{animation:.38s cubic-bezier(.4,0,.9,.6) forwards veil-out}.open[data-leaving] .open-stage,.open[data-leaving] .open-info{animation:.38s cubic-bezier(.4,0,.9,.6) forwards post-out}@keyframes veil-in{0%{opacity:0}}@keyframes veil-out{to{opacity:0}}@keyframes post-in{0%{opacity:0;translate:0 2svh;scale:.92}}@keyframes post-out{to{opacity:0;translate:0 1.5svh;scale:.96}}@keyframes tile-in{0%{opacity:0;translate:0 14px}}@keyframes media-in{0%{opacity:0;translate:calc(var(--d,1) * 28px) 0}}@keyframes cap-in{0%{opacity:0}}}@media (max-aspect-ratio:1){.open{--aside-h:min(56svh, 120vw)}.open-info{width:auto;padding:64px 16px 0;position:static}.open-stage{flex-direction:column;justify-content:flex-start;gap:28px;min-height:0;padding:24px 16px 32px}.open-grid{--row:30vw}.open-post,.open[data-aside] .open-post{--mw:calc(100vw - 32px);--mh:64svh}.open-post[data-film]{--mh:calc(64svh - 44px)}.open-arrow{background:#0000006b;background:lab(0% 0 0/.42);width:38px;height:38px}.open-arrow[data-side=prev]{left:8px;right:auto}.open-arrow[data-side=next]{left:auto;right:8px}}@media (prefers-reduced-motion:reduce){.proof-frame,.proof-frame img,.proof-slug,.open-arrow,.open-shut,.open-visit,.open-grid button,.open-grid img,.open-post{transition:none}}.fan{z-index:0;opacity:0;visibility:hidden;color:var(--color-ink);pointer-events:none;transition:opacity .22s cubic-bezier(.22,.61,.36,1),visibility 0s linear .42s;position:absolute;inset:0}body:has(.sheet) .fan{display:none}.fan-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fan-hull{fill:#0000;pointer-events:none}.fan-line{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .46s cubic-bezier(.22,1,.36,1)}.fan-plate{pointer-events:auto;left:calc(var(--px) * var(--u));top:calc(var(--py) * var(--u));width:calc(var(--pw) * var(--u));translate:calc(-50% + var(--dx) * var(--u)) calc(-50% + var(--dy) * var(--u));opacity:0;scale:.62;transform:translateZ(calc(var(--pz) * var(--u) + var(--lift,0px))) rotateY(calc(var(--yaw) + var(--ty,0deg))) rotateX(var(--tx,0deg)) rotate(var(--turn));transform-style:preserve-3d;transition:translate .62s cubic-bezier(.16,1,.3,1),scale .62s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.22,.61,.36,1);position:absolute}.fan-plate:not([data-word]):hover{z-index:1}.fan-plate img{border-radius:calc(4 * var(--u));object-fit:cover;width:100%;height:100%;display:block;position:relative}.fan-plate:not([data-word]) img{box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) #0000001a, calc(var(--ex,0px) * 2) calc(14 * var(--u) + var(--ey,0px) * 2) calc(34 * var(--u)) #00000038}@supports (color:lab(0% 0 0)){.fan-plate:not([data-word]) img{box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) lab(0% 0 0/.1), calc(var(--ex,0px) * 2) calc(14 * var(--u) + var(--ey,0px) * 2) calc(34 * var(--u)) lab(0% 0 0/.22)}}.fan-sheen{border-radius:calc(4 * var(--u));background:linear-gradient(115deg, #fff0 36%, #fff3 49%, #ffffff0d 55%, #fff0 64%) var(--sx,50%) var(--sy,50%) / 260% 260% no-repeat;mix-blend-mode:screen;opacity:calc(.7 + var(--shine,0) * .3);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff38,inset 0 1px #ffffff59;box-shadow:inset 0 0 0 1px lab(100% 0 0/.22),inset 0 1px lab(100% 0 0/.35)}@supports (color:lab(0% 0 0)){.fan-sheen{background:linear-gradient(115deg, lab(100% 0 0/0) 36%, lab(100% 0 0/.2) 49%, lab(100% 0 0/.05) 55%, lab(100% 0 0/0) 64%) var(--sx,50%) var(--sy,50%) / 260% 260% no-repeat}}.fan-plate[data-word]{pointer-events:none;height:calc(var(--ph) * var(--u));border:max(.5px, calc(1 * var(--u))) solid oklch(from var(--accent) l c h / .5);background:var(--color-paper);color:var(--accent);font-size:calc(12.2 * var(--u));letter-spacing:-.067em;white-space:nowrap;transform:translateZ(calc(var(--pz) * var(--u) * .5)) rotate(calc(var(--turn) * .5));border-radius:9999px;justify-content:center;align-items:center;line-height:1;display:flex}@media (prefers-reduced-motion:reduce){.fan-plate{transition:opacity .14s linear;translate:-50% -50%;scale:1}.fan-line{stroke-dashoffset:0;transition:none}}@media (prefers-reduced-motion:no-preference){:root[data-view=work] [data-slot=folder] .slot-media,:root[data-view=playground] [data-slot=card] .slot-media,:root[data-view=about] [data-slot=head] .slot-media{animation:settle 1.1s cubic-bezier(.16, 1, .3, 1) var(--in,0s) backwards, handoff .76s cubic-bezier(.16, 1, .3, 1) both}@keyframes handoff{0%{scale:1}36%{scale:1.09}to{scale:1}}}.peek{z-index:10;width:calc(220 * var(--u));pointer-events:none;opacity:0;perspective:700px;transition:opacity .18s cubic-bezier(.22,.61,.36,1),scale .18s cubic-bezier(.22,.61,.36,1);position:fixed;top:0;left:0;scale:.96}.peek[data-on]{opacity:1;scale:1}.peek-card{--rx:0deg;--ry:0deg;--ex:0px;--ey:0px;--sx:50%;--sy:50%;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;will-change:transform;border-radius:5px;position:relative}.peek-card img{width:100%;height:auto;box-shadow:0 2px 6px #0000001f, calc(var(--ex) * 2) calc(14px + var(--ey) * 2) 34px -10px #00000080;border-radius:5px;display:block;position:relative}@supports (color:lab(0% 0 0)){.peek-card img{box-shadow:0 2px 6px lab(0% 0 0/.12), calc(var(--ex) * 2) calc(14px + var(--ey) * 2) 34px -10px lab(0% 0 0/.5)}}.peek-sheen{background:linear-gradient(115deg, #fff0 36%, #fff3 49%, #ffffff0d 55%, #fff0 64%) var(--sx) var(--sy) / 260% 260% no-repeat;mix-blend-mode:screen;border-radius:5px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff38,inset 0 1px #ffffff59;box-shadow:inset 0 0 0 1px lab(100% 0 0/.22),inset 0 1px lab(100% 0 0/.35)}@supports (color:lab(0% 0 0)){.peek-sheen{background:linear-gradient(115deg, lab(100% 0 0/0) 36%, lab(100% 0 0/.2) 49%, lab(100% 0 0/.05) 55%, lab(100% 0 0/0) 64%) var(--sx) var(--sy) / 260% 260% no-repeat}}@media (hover:none){.peek{display:none}}.sheet[data-plate=card]{--card-w:min(68vw, 169svh);--card-h:calc(var(--card-w) * 1.3767);--plate-w:calc(var(--card-w) * .8623);--pu:calc(var(--plate-w) / 1728);--fold:calc(.05 * var(--plate-w));--plate-tab:0px;top:calc(50svh - var(--card-w) * .5026 / 2);left:calc(50vw - var(--plate-w) / 2);width:var(--plate-w);height:calc(var(--card-w) * .5026);min-height:0;box-shadow:none;border:0;border-image:;background:0 0;margin:0;display:block;position:fixed;overflow:visible}.sheet[data-plate=card]:before{content:"";z-index:-1;left:calc(-.07 * var(--card-w));top:calc(-.4421 * var(--card-h));width:var(--card-w);height:var(--card-h);pointer-events:none;background:url(/media/card-plate.webp) 50%/100% 100% no-repeat;position:absolute}.sheet[data-plate=card]{--color-paper:#070707;--color-ink:#f5f5f5;--color-mute:#ffffffc7;--color-rule:#ffffff29}@supports (color:lab(0% 0 0)){.sheet[data-plate=card]{--color-paper:lab(1.98454% 0 0);--color-ink:lab(96.52% -.0000298023 .0000119209);--color-mute:lab(100% 0 0/.78);--color-rule:lab(100% 0 0/.16)}}.sheet[data-plate=card]:before{filter:brightness(.42)}.sheet[data-plate=card] .sheet-inner{touch-action:pan-y pinch-zoom;overscroll-behavior:contain;scrollbar-width:none;height:100%;padding:calc(.045 * var(--plate-w)) 0;display:block;overflow:hidden auto}.sheet[data-plate=card] .sheet-inner::-webkit-scrollbar{display:none}@media (hover:none){.sheet[data-plate=card] .sheet-inner{--fade-top:0px;--fade-end:0px;-webkit-mask-image:linear-gradient(transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-end)), transparent);-webkit-mask-image:linear-gradient(transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-end)), transparent);-webkit-mask-image:linear-gradient(transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-end)), transparent);-webkit-mask-image:linear-gradient(transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-end)), transparent);mask-image:linear-gradient(transparent, #000 var(--fade-top), #000 calc(100% - var(--fade-end)), transparent)}.sheet[data-plate=card] .sheet-inner[data-less]{--fade-top:24px}.sheet[data-plate=card] .sheet-inner[data-more]{--fade-end:24px}}.sheet[data-plate=card] .sheet-tab,.sheet[data-plate=card]~.sheet-caption{display:none}@media (prefers-reduced-motion:no-preference){.sheet[data-plate=card]{transform-origin:50%;animation:.9s cubic-bezier(.16,1,.3,1) backwards card-in}.sheet[data-plate=card][data-leaving]{animation:.9s cubic-bezier(.16,1,.3,1) forwards card-out}@keyframes card-out{to{opacity:0;scale:.18}}@keyframes card-in{0%{opacity:0;scale:.18}}}@media (max-aspect-ratio:1){.sheet[data-plate=card]{--card-w:min(96vw, 640px);--card-head:calc(.6086 * var(--card-w));--card-foot:calc(.2655 * var(--card-w));--five-rows:calc(2 * .045 * var(--plate-w) + 1px + 5 * 66.5px);--window-half:min(var(--five-rows) / 2, 50svh - max(var(--card-foot) + 44px, var(--nav-bottom,calc((100svh - var(--fh) * var(--u)) / 2 + 150 * var(--u))) + 16px));top:calc(50svh - var(--window-half));left:calc(50vw - var(--plate-w) / 2);height:calc(2 * var(--window-half))}.sheet[data-plate=card]:before{top:calc(-1 * var(--card-head));height:calc(var(--card-head) + 2 * var(--window-half) + var(--card-foot));border:0 solid #0000;border-image-source:url(/media/card-plate.webp);border-image-slice:44.21% 50% 19.28%;border-image-width:var(--card-head) 50% var(--card-foot) 50%;background:0 0;border-image-repeat:stretch}.sheet[data-plate=card] .listing .row{row-gap:3px;padding:10px 0 9px}.sheet[data-plate=card] .listing .row-name{font-size:16px}.sheet[data-plate=card] .listing .chip{font-size:11px}.sheet[data-plate=card] .listing .row-note{display:none}}.model{opacity:0;transform-origin:50% 90%;width:100%;height:100%;translate:0 5%;scale:.86}.model[data-on]{opacity:1;translate:0;scale:1}@media (prefers-reduced-motion:no-preference){.model[data-on]{transition:opacity .38s cubic-bezier(.22,.61,.36,1) .22s,scale .86s cubic-bezier(.34,1.56,.64,1) .22s,translate .86s cubic-bezier(.34,1.56,.64,1) .22s}}.model canvas{touch-action:pan-y;cursor:url(/cursor/hand.png) 5 0,grab;width:100%;height:100%;cursor:image-set(url(/cursor/hand.png) 1x, url(/cursor/hand@2x.png) 2x) 5 0, grab;outline:none;display:block}.model canvas[data-held]{cursor:grabbing}.model canvas:focus-visible{outline:1px solid var(--accent);outline-offset:-1px;border-radius:10px}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}
