@font-face{font-family:ABC Arizona Text-3970c65028489d0b;src:url(/media/arizona.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}body{--site-ink:lab(10% 0 0);--site-paper:oklch(94.22% .0034 325.6);--site-white:lab(100% 0 0);--site-background:var(--site-paper);--site-foreground:var(--site-ink);--site-light-gray:color-mix(in lab, var(--site-foreground) 8%, transparent);--site-font-size:1.11em;--site-inset:2.22em;--site-header-scrim-depth:5;background:var(--site-background);color:var(--site-foreground);color-scheme:light;margin:0;padding:0}body,body *{box-sizing:border-box}.site-shell{font-family:ABC Arizona Text-3970c65028489d0b,serif;font-size:var(--site-font-size);max-inline-size:calc(66ch + var(--site-inset) * 2);padding:var(--site-inset);margin-inline:auto;font-weight:333;line-height:1.33;& a{color:var(--site-foreground)}& header{top:var(--site-inset);z-index:20;margin-block-end:calc(var(--site-inset) - .55em);position:sticky;& nav{justify-content:center;align-items:center;padding:0;display:flex;&>a{align-items:center;gap:calc(var(--site-inset) - 2px);text-align:center;flex-direction:column;justify-content:center;text-decoration:none;display:flex;&:focus-visible{outline-offset:3px;outline:1px solid}}}}& main{text-wrap:pretty;& :is(h1,h2,h3,h4,h5,h6){font-size:1em;font-weight:inherit;margin-block:3em 1em;line-height:normal}& ul{padding-inline-start:1.5em;list-style-type:square}& article{--post-card-padding:1em;--post-card-fallback-radius:calc(var(--post-card-padding) + 10px);--post-table-border:color-mix(in srgb, var(--site-foreground) 22%, transparent);& h3{opacity:.55}& details{&>:not(summary){margin-inline-start:1em}}&>:is(aside,table){border-radius:var(--post-card-fallback-radius);margin-block:1em}& aside,& .project-placeholder{background:var(--site-light-gray);border-radius:var(--post-card-fallback-radius);padding:var(--post-card-padding)}& :is(aside,.project-placeholder,thead){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E")}& aside{&>:first-child{margin-block-start:0}&>:last-child{margin-block-end:0}}& .project-grid{gap:calc(var(--site-inset) / 2);grid-template-columns:repeat(2,minmax(0,1fr));margin-block:0 1em;display:grid;& figure{min-inline-size:0;margin:0}& .project-placeholder{appearance:none;aspect-ratio:1;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;text-align:start;border:1px solid #0000;place-items:center;inline-size:100%;display:grid;position:relative;overflow:hidden;&:focus-visible{outline-offset:3px;outline:1px solid}&[aria-expanded=true]{border-color:color-mix(in lab, var(--site-foreground) 2%, transparent);& .placeholder-scribble,& .project-sticker{opacity:.18}& .project-overlay{opacity:1;visibility:visible}}}& .placeholder-scribble{z-index:0;block-size:42%;min-block-size:0;max-block-size:100%;inline-size:42%;min-inline-size:0;max-inline-size:100%;margin:0;transition:opacity .2s;display:block;position:relative;& path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}}& .project-sticker{block-size:auto;inline-size:28%;pointer-events:none;transform:translate(-50%, -50%) rotate(var(--sticker-rotation,0deg));z-index:1;transition:opacity .2s;position:absolute;inset-block-start:var(--sticker-y,50%);inset-inline-start:var(--sticker-x,50%)}& .project-overlay{background:linear-gradient(to top, var(--site-background), color-mix(in lab, var(--site-background) 86%, transparent) 45%, color-mix(in lab, var(--site-background) 52%, transparent) 61%, color-mix(in lab, var(--site-background) 18%, transparent) 71%, transparent 78%);opacity:0;padding:calc(var(--site-inset) / 2);pointer-events:none;visibility:hidden;z-index:2;align-content:end;line-height:1.25;transition:opacity .2s,visibility 0s .2s;display:grid;position:absolute;inset:0;overflow:auto}& .project-placeholder[aria-expanded=true] .project-overlay{transition-delay:0s}& .project-overlay-paragraph{margin-block-end:.75em;font-size:.8em;display:block;&:last-child{margin-block-end:0}}& figcaption{margin-block-start:.5em;font-size:.8em;line-height:normal}}& :is(th,td){padding:var(--post-card-padding);text-align:left}& th{font-weight:inherit}& thead{background:var(--site-light-gray)}& table{border:1px solid var(--post-table-border);border-spacing:0;width:100%;overflow:hidden}& tr>:not(:first-child){border-inline-start:1px solid var(--post-table-border)}& tr:not(:first-child)>*,& :is(thead,tbody,tfoot)+:is(tbody,tfoot)>tr:first-child>*{border-block-start:1px solid var(--post-table-border)}&>p:last-of-type{margin-block-end:0}}}}.site-title{white-space:nowrap}.site-mark-frame,.site-mark-frame svg{block-size:24px;inline-size:24px;display:block;overflow:visible}.site-mark-frame{flex:none;position:relative;top:-1px}.site-header-scrim{background:var(--site-background);block-size:calc(var(--site-inset) * var(--site-header-scrim-depth));opacity:0;pointer-events:none;z-index:10;transition:opacity .22s;position:fixed;inset:0 0 auto;mask-image:linear-gradient(#000 0%,#000000e6 30%,#0000 100%)}body.is-header-scrim-visible .site-header-scrim{opacity:1}.site-mark-frame svg{animation:spin var(--flower-spin-duration,60s) infinite linear;fill:currentColor;transform-origin:50%}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.site-shell main article .project-grid{& :is(.placeholder-scribble,.project-overlay){transition:none}}}@media (prefers-color-scheme:dark){body{--site-background:var(--site-ink);--site-foreground:var(--site-white);color-scheme:dark}}@media screen and (width<=640px){body{--site-inset:1.11em}.site-shell main article .project-grid{grid-template-columns:1fr}}@media screen and (width>=64rem){body{--site-header-scrim-depth:3.5}}@media screen and (width>=1600px){body{--site-font-size:1.5em;--site-inset:3.33em}}@supports (corner-shape:superellipse(2)){.site-shell main article>:is(aside,table),.site-shell main article .project-placeholder{corner-shape:superellipse(2);border-radius:2em}}
