.deck-demo-page h2[data-v-e405ab41]{font-size:1.5em;font-style:italic;font-weight:500;line-height:1em;margin-bottom:.5lh}.deck-demo-page h2 span[data-v-e405ab41]{font-style:normal;font-weight:700}.deck-demo-page p[data-v-e405ab41]{max-width:30em}@layer reset{*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}:root{interpolate-size:allow-keywords}}:root{--accent-color: oklch(.5 .2 25);--base-foreground-color: oklch(0 0 0);--base-background-color: oklch(1 0 0);--foreground-color: var(--base-foreground-color);--background-color: var(--base-background-color)}@layer basics{body{min-height:100vh;line-height:1.5em;font-size:16px;font-family:var(--default-font);font-stretch:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;background:var(--page-background-color);color:var(--foreground-color)}@media(hover:hover){a,button,input,textarea,summary{transition:color .25s ease-out,background-color .25s ease-out,box-shadow .25s ease-out,border-color .25s ease-out}:is(a,button,input,textarea,summary):hover,:is(a,button,input,textarea,summary):focus,:is(a,button,input,textarea,summary):focus-within{transition:none}}::highlight(search){background-color:#fcdf007f;background-color:oklch(.9 .3 100deg / 50%)}hr{border-top:.0625em solid oklch(from var(--foreground-color) l c h / 20%);margin:.75em 0 .6875em}ol{list-style:decimal outside;margin-left:3em}ol>li{margin-bottom:.5lh}}@layer links{a{color:var(--accent-color);font-weight:700;margin:-.25lh -.5lh;padding:.25lh .5lh;border-radius:.5em}a:not(:active,.block-link)>span{border-bottom:1px dotted}@media(hover:hover){a:hover{color:var(--accent-color);background-color:oklch(from var(--foreground-color) l c h / 10%)}}a:active,[block-links-are-selected-if-params-do-not-match=true] a[href-matches-next-card=name],a[href-matches-next-card=name-and-params]{--foreground-color: var(--base-background-color);--background-color: var(--accent-color);color:var(--foreground-color);background-color:var(--background-color)}.block-link{position:relative;display:block;padding:.5lh 1lh;margin:0 -1lh;border-radius:0;cursor:pointer}.block-link:after{position:absolute;content:"";border-style:solid;border-width:.125em .125em 0 0;border-color:var(--accent-color);width:.5em;height:.5em;margin-top:.5em;top:.5lh;right:.75lh;transform:rotate(45deg)}.block-link:active:after{border-color:#fff}.block-link.no-arrow:after{content:none}[block-links-are-selected-if-params-do-not-match=true] .block-link[href-matches-next-card=name],.block-link[href-matches-next-card=name-and-params]{--foreground-color: var(--base-background-color);--background-color: var(--base-foreground-color);color:var(--foreground-color);background-color:var(--background-color)}:is([block-links-are-selected-if-params-do-not-match=true] .block-link[href-matches-next-card=name],.block-link[href-matches-next-card=name-and-params]):after{border-color:#fff}.block-link>.title{display:inline-block;vertical-align:top}}@layer typography{h1,h2,h3,h4{font-family:var(--heading-font, inherit)}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:3em;line-height:1.33em}h2{font-size:2em;line-height:1.25em}h3{font-size:1.5em;line-height:1.333333em}p{margin-bottom:.5lh}p:last-child{margin-bottom:0}strong{font-weight:700}em{font-style:italic;font-weight:700}ul.bulleted{list-style-type:disc;list-style-type:"❥";list-style-position:outside;padding-inline-start:.75lh}ul.bulleted ::marker{color:var(--accent-color);padding-inline-end:.25em}ul.bulleted li{padding-inline-start:.25lh;margin-bottom:.5lh}ul.bulleted.is-small{list-style-type:"✦";padding-inline-start:.5lh}ul.bulleted.is-small ::marker{font-size:.8em}ul.bulleted.is-small li{padding-inline-start:.25lh;margin-bottom:0}}@font-face{font-family:Literata TT var;font-style:normal;font-weight:100 900;src:url(/fonts/LiterataTT_var.ttf)}@font-face{font-family:Literata TT var;font-style:italic;font-weight:100 900;src:url(/fonts/LiterataTT_var-Italic.ttf)}:root{--default-font: "Literata TT var", serif}@layer deck-functional{#app{min-height:100vh;display:flex;flex-direction:column}.deck-root{position:relative;flex-grow:1}.card-breadcrumb{cursor:pointer;overflow:hidden}.card-root-inner{display:flex;flex-direction:column;height:100%}.card-content{flex-grow:1}:is(.card-breadcrumb,.card-root-inner):before,:is(.card-breadcrumb,.card-root-inner):after{content:"";position:absolute;inset:0;pointer-events:none;z-index:99;opacity:0;transition:opacity .25s ease-out}.card-breadcrumb,.card-content{position:relative;overflow-x:hidden;overflow-wrap:break-word}:is(.card-breadcrumb,.card-content):has([data-visible-backdrop=true]:is(:focus,:focus-within,:active)):before{opacity:1}@media(max-width:767px){.deck-root{display:flex;flex-direction:column;align-content:stretch}.deck-root .card-root:last-child{flex-grow:1}.card-root{position:sticky;top:0}.card-root{display:flex;flex-direction:column;align-content:stretch}.card-root .card-root-inner{flex-grow:1}.card-root .card-root-inner{display:none}.card-root[has-focus=true] .card-root-inner{display:flex;position:relative}.card-root[has-focus=true] .card-breadcrumb{display:none}}@media(min-width:768px){html,body{overflow-anchor:none;overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none}.deck-root{position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none;display:flex;align-items:stretch}.deck-root>*{white-space:unset;text-wrap:normal}.card-root{position:sticky;display:inline-block;white-space:normal;flex-shrink:0;flex-grow:0;vertical-align:top;top:0;left:0;width:20em;transition:left .25s ease-out}.card-root .card-breadcrumb{display:none}.card-root .card-resize-handle{position:absolute;display:none;-webkit-user-select:none;user-select:none;cursor:col-resize}.card-root[is-resizable] .card-resize-handle{--resize-handle-color: rgba(0, 0, 0, .5);display:block;background-image:linear-gradient(315deg,transparent 20%,var(--resize-handle-color) 20%,var(--resize-handle-color) 28%,transparent 28%,transparent 36%,var(--resize-handle-color) 36%,var(--resize-handle-color) 44%,transparent 44%);opacity:.6;width:2.5em;height:2.5em;background-size:1em 1em;background-repeat:no-repeat;background-position:1em 1em;bottom:0;right:0}.card-root[is-resizable][is-not-resizable-larger=true] .card-resize-handle{cursor:w-resize}.card-root[is-resizable][is-not-resizable-smaller=true] .card-resize-handle{cursor:e-resize}.card-root[is-resizable][is-not-resizable-larger=true][is-not-resizable-smaller=true] .card-resize-handle{display:none}@media(hover:hover){.card-root[is-resizable] .card-resize-handle:hover{opacity:1;background-color:#fff}}.deck-root:has(.card-root[is-being-resized=true]) .card-root{transition:none}.card-content{position:relative;-webkit-user-select:auto;user-select:auto;container-type:size;container-name:card}}}@layer deck-theme{.card-root{--card-content-border-radius: 0;--card-content-inset: 0;--card-content-padding: 1em;--contrast-level: .52}.card-root-inner{background-color:oklch(from var(--base-background-color) calc(l * var(--contrast-level)) c h);color:var(--foreground-color);border-radius:var(--card-content-border-radius) var(--card-content-border-radius) 0 0;margin:0 var(--card-content-inset)}.card-root-inner:before{background-color:oklch(from var(--foreground-color) l c h / 60%);-webkit-backdrop-filter:saturate(0);backdrop-filter:saturate(0);opacity:0}.card-root-inner:after{filter:saturate(0);background-image:url(svg/noise.svg);background-size:400px 400px;mix-blend-mode:multiply;opacity:0}.card-content{-webkit-user-select:text;user-select:text;padding:1.5em}.card-root:not([has-focus=false]) .card-content{min-height:calc(100vh - 6.75em)}.card-root[is-resizable] .card-resize-handle{bottom:var(--card-content-inset);right:var(--card-content-inset);border-radius:var(--card-content-border-radius) 0 var(--card-content-border-radius) 0}@media(hover:hover){.card-root[is-resizable] .card-resize-handle:hover{--resize-handle-color: var(--accent-color, var(--foreground-color))}}.card-root[is-resizable] .card-resize-handle:active{opacity:1;--resize-handle-color: var(--base-background-color);background-color:var(--foreground-color)}.card-breadcrumb{border-radius:var(--card-content-border-radius) var(--card-content-border-radius) 0 0;margin:var(--card-content-inset) var(--card-content-inset) -.5em var(--card-content-inset);background:#fff;padding:1em 1.5em 1.5em}.card-breadcrumb:before{--overlay-opacity: 48%;opacity:1;transition:opacity .25s ease-out;background:oklch(from var(--foreground-color) l c h / var(--overlay-opacity))}.card-breadcrumb .card-breadcrumb-title{font-weight:400;font-size:1.25em;font-style:italic}.card-breadcrumb .card-breadcrumb-title:before{display:inline-block;content:"";border-style:solid;border-width:0 0 .125em .125em;border-color:oklch(from var(--foreground-color) l c h / 80%);font-size:.8em;width:.5em;height:.5em;margin:0 .75em 0 0;transform:translateY(-.125em) rotate(45deg)}.card-root:nth-last-child(2) .card-breadcrumb:before{--overlay-opacity: 12%}.card-root:nth-last-child(3) .card-breadcrumb:before{--overlay-opacity: 18%}.card-root:nth-last-child(4) .card-breadcrumb:before{--overlay-opacity: 23%}.card-root:nth-last-child(5) .card-breadcrumb:before{--overlay-opacity: 28%}.card-root:nth-last-child(6) .card-breadcrumb:before{--overlay-opacity: 32%}.card-root:nth-last-child(7) .card-breadcrumb:before{--overlay-opacity: 36%}.card-root:nth-last-child(8) .card-breadcrumb:before{--overlay-opacity: 39%}.card-root:nth-last-child(9) .card-breadcrumb:before{--overlay-opacity: 42%}.card-root:nth-last-child(10) .card-breadcrumb:before{--overlay-opacity: 44%}.card-root:nth-last-child(11) .card-breadcrumb:before{--overlay-opacity: 45.25%}.card-root:nth-last-child(12) .card-breadcrumb:before{--overlay-opacity: 47%}.card-root:nth-last-child(1){--contrast-level: 1}.card-root:nth-last-child(2){--contrast-level: .96}.card-root:nth-last-child(3){--contrast-level: .92}.card-root:nth-last-child(4){--contrast-level: .88}.card-root:nth-last-child(5){--contrast-level: .84}.card-root:nth-last-child(6){--contrast-level: .8}.card-root:nth-last-child(7){--contrast-level: .76}.card-root:nth-last-child(8){--contrast-level: .72}.card-root:nth-last-child(9){--contrast-level: .68}.card-root:nth-last-child(10){--contrast-level: .64}.card-root:nth-last-child(11){--contrast-level: .6}.card-root:nth-last-child(12){--contrast-level: .56}.text-content{container-type:inline-size;container-name:text-content}@media(hover:hover){.card-breadcrumb:hover:before{opacity:.5;transition:none}}@media(min-width:768px){.card-root{--card-content-border-radius: 0;--card-content-inset: 0}.card-root-inner{border-radius:var(--card-content-border-radius);margin:var(--card-content-inset)}.text-content{max-width:30em;padding-left:1.5em}}@container card (min-width: 45em){.text-content{font-size:1.25em;line-height:1.5em}}}@layer page-top{.card-root[data-routeId="sys.routes.topRoute"] .card-breadcrumb{display:none}.card-root[data-routeId="sys.routes.topRoute"] .card-root-inner{display:flex}.card-root[data-routeId="sys.routes.topRoute"] .name-thing{transform:scale(1) translate(0) translateY(0);transform-origin:left center;transition:transform .125s ease-out}.card-root[data-routeId="sys.routes.topRoute"] .contact-thing{padding-top:1.5em;opacity:1;transition:opacity .25s ease-out;font-style:italic}.card-root[data-routeId="sys.routes.topRoute"] .contact-thing ul{display:flex}.card-root[data-routeId="sys.routes.topRoute"] .contact-thing ul li{flex-shrink:1;flex-grow:1}.card-root[data-routeId="sys.routes.topRoute"] .contact-thing a:not(:active){color:inherit}.card-root[data-routeId="sys.routes.topRoute"] h1{font-weight:800;font-stretch:condensed;line-height:.8em;font-size:3em;font-style:italic}.card-root[data-routeId="sys.routes.topRoute"] h1>span{font-weight:900}.card-root[data-routeId="sys.routes.topRoute"] h2{font-weight:400;font-size:1.75em;line-height:1em;text-transform:lowercase;font-style:italic;font-stretch:condensed;padding-top:.5em}@media(max-width:767px){.card-root[data-routeId="sys.routes.topRoute"] .card-root-inner:after{opacity:.3}}@media(min-width:768px){.card-root[data-routeId="sys.routes.topRoute"] .card-content{padding-top:20vh;text-align:right}.card-root[data-routeId="sys.routes.topRoute"] h1>span{display:none}.card-root[data-routeId="sys.routes.topRoute"] .name-thing{max-width:10em;margin:0 0 0 auto}.card-root[data-routeId="sys.routes.topRoute"] .contact-thing{padding-top:10vh}.card-root[data-routeId="sys.routes.topRoute"] .contact-thing ul{display:block}.card-root[data-routeId="sys.routes.topRoute"] .contact-thing ul li{width:auto;margin-bottom:.5lh}.card-root[data-routeId="sys.routes.topRoute"][obscured-ratio~="10"] .name-thing{transform:scale(.9166) translate(-11%) translateY(-2%)}.card-root[data-routeId="sys.routes.topRoute"][obscured-ratio~="20"] .name-thing{transform:scale(.8333) translate(-22%) translateY(-4%)}.card-root[data-routeId="sys.routes.topRoute"][obscured-ratio~="30"] .name-thing{transform:scale(.75) translate(-33%) translateY(-6%)}.card-root[data-routeId="sys.routes.topRoute"][obscured-ratio~="30"] .contact-thing{opacity:0}.card-root[data-routeId="sys.routes.topRoute"][obscured-ratio~="40"] .name-thing{transform:scale(.6666) translate(-44%) translateY(-8%)}.card-root[data-routeId="sys.routes.topRoute"][obscured-ratio~="50"] .name-thing{transform:scale(.5833) translate(-55%) translateY(-10%)}.card-root[data-routeId="sys.routes.topRoute"][obscured-ratio~="60"] .name-thing{transform:scale(.5) translate(-66%) translateY(-12%)}}}@layer page-portfolio{:root{--border-color: oklch(from var(--foreground-color) l c h / 20%)}.inline-year{font-variant:oldstyle-nums;font-weight:700;color:var(--accent-color)}.portfolio-page{padding-block:3em 20vh}.portfolio-page h2{font-weight:700;font-size:2.25em;line-height:1.06667em}.portfolio-page h2>span{font-weight:500;font-style:italic}.portfolio-page .portfolio-context{margin-block:.75em;font-variant:all-small-caps}.portfolio-page .portfolio-context .inline-year{margin-inline-end:.75em}.portfolio-page .fact-boxes{display:flex;gap:1.5em;flex-wrap:wrap;padding-block-end:1lh;border-block-end:1px dotted var(--border-color);margin-block-end:-1lh}.portfolio-page .quick-fact{flex-grow:1;flex-shrink:1;margin-block:.75em;border-block-start:1px dotted var(--border-color)}.portfolio-page .quick-fact h3{margin:0}.portfolio-page h3{font-variant:all-small-caps;color:var(--accent-color);font-size:1em;line-height:1.5em;margin-block-start:1.5em;margin-block-end:.75em}.portfolio-page h3.black{color:var(--foreground-color);margin-top:2lh;border-top:1px dotted var(--border-color);padding-top:.5lh}@media(min-width:768px){.portfolio-page{padding-block:20vh}}[data-routeId=portfolio] h2{font-weight:500;font-size:3em;line-height:.8em;font-style:italic}[data-routeId=portfolio] .block-link>span{font-weight:500;font-style:italic}@container (min-width: 25em){.portfolio-page .fact-boxes{flex-wrap:nowrap}.portfolio-page .fact-boxes .quick-fact{width:50%}}}