:root{--color-bg:#222;--color-subtle-bg:#000;--color-highlight:#484848;--color-text:#fff;--color-subtle-text:#bebebe;--color-accent:#fdca00;--main-margin:1.5rem;--grid-columns:[full-width-start] 1fr [margin-start] var(--main-margin) [content-start] min(80ch,calc(100vi - var(--main-margin)*2)) [content-end] var(--main-margin) [margin-end] 1fr [full-width-end]}@supports (color:oklab(0%0 0%)){:root{--color-bg:oklch(.25 0 0);--color-subtle-bg:oklch(0 0 0);--color-highlight:oklch(.4 0 0);--color-text:oklch(1 0 0);--color-subtle-text:oklch(.8 0 0)}}@supports (color:color(display-p3 0 0 0%)){:root{--color-accent:#fdca00}@media (color-gamut:p3){:root{--color-accent:color(display-p3 .96334 .80066 .24776)}}}@supports (color:oklab(0%0 0%)){:root{--color-accent:#fdca00}@media (color-gamut:p3){:root{--color-accent:oklch(.86 .18 90.53)}}}@view-transition{navigation:auto}@media (prefers-reduced-motion:no-preference){:root{interpolate-size:allow-keywords}html{container-name:html;container-type:scroll-state;scroll-behavior:smooth;scrollbar-gutter:stable}}body{background-color:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;font-family:system-ui,sans-serif;justify-content:stretch;line-height:clamp(1.2,calc(36px/1em),1.5);margin:unset;min-block-size:100svb}header{-webkit-mask-image:linear-gradient(180deg,#000 90%,#0000 98%);mask-image:linear-gradient(180deg,#000 90%,#0000 98%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;overflow-y:clip}header>h1{height:1px;margin:-1px;overflow:hidden;padding:0;position:fixed;width:1px;clip:rect(0,0,0,0);border:0}header>img{filter:drop-shadow(0 .25rem .375rem rgba(0,0,0,.75));filter:drop-shadow(0 .25rem .375rem oklch(0 0 0/.75));height:calc(100svb - 10lvb - 15rem);margin-block-end:1rem;margin-block-start:10lvb;max-height:calc(100svb - 10lvb - 15rem);min-height:min(18rem,60svb);object-fit:contain;object-position:center bottom;view-transition-name:hero-image;width:100%}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){header>img{animation:parallax 1ms linear both;animation-range:exit 0 exit 100%;animation-timeline:view()}}}:is(h1,h2,h3){font-weight:300;letter-spacing:.05ch;line-height:1.25}.eyebrow,:is(h1,h2,h3){text-transform:uppercase;text-wrap:balance}.eyebrow{color:var(--color-accent);font-size:1rem;font-weight:600;letter-spacing:.1ch;margin-block-end:.25rem}.eyebrow+h1{margin-block-start:0}p{text-wrap:pretty}@media (prefers-reduced-motion:no-preference){p{animation:fadeIn 1ms linear both;animation-range:entry 10%entry 60%;animation-timeline:view()}}main{flex-grow:1}aside,main{container:main/inline-size;display:grid;grid-auto-rows:min-content;grid-template-columns:var(--grid-columns);margin-block:2rem}:is(main,aside)>*{grid-column:content}main{margin-block-start:min(5rem,10svb)}body>nav{align-items:center;container-name:sticky-nav;container-type:scroll-state;display:grid;grid-template:"logo nav ."/0 1fr 0;justify-items:center;position:sticky;top:0;transition:translate .3s;z-index:1}:is(body>nav)>.logo{display:none;grid-area:logo}@media (min-width:600px){body>nav{grid-template:"logo nav ."/5rem 1fr 5rem}:is(body>nav)>.logo{block-size:auto;display:block;inline-size:100%;opacity:0}}:is(body>nav):before{block-size:100%;content:"";display:block;grid-column:1/-1;grid-row:1/-1;inline-size:100%;z-index:-1}:is(body>nav)>ul{--border-radius:.5rem;anchor-name:--main-nav;background:linear-gradient(var(--color-bg),var(--color-bg)),linear-gradient(oklch(from var(--color-bg) calc(l + .2) c h),oklch(from var(--color-bg) calc(l - .2) c h));background-clip:padding-box,border-box;background-origin:padding-box,border-box;border:2px solid #0000;border-radius:calc(var(--border-radius) + .25rem);box-shadow:0 .125rem 1rem -.125rem #000000bf,inset 0-.125rem .125rem -.075rem #ffffff1a;box-shadow:0 .125rem 1rem -.125rem oklch(from #000 l c h/.75),inset 0-.125rem .125rem -.075rem oklch(from #fff l c h/.1);display:flex;grid-area:nav;justify-content:center;list-style:none;margin:unset;padding:.25rem}@media (prefers-reduced-motion:no-preference){:is(:is(body>nav)>ul):before{background:linear-gradient(oklch(from var(--color-bg) calc(l + .05) c h),oklch(from var(--color-bg) calc(l - .2) c h));border-radius:calc(var(--border-radius));content:"";inset:anchor(inside);margin:calc(.25rem + 2px);position:absolute;position-anchor:--main-nav;transition:inset .2s,margin .2s}:is(:is(body>nav)>ul):has(a:is(:hover,:focus,:active)):before{margin:0}:is(:is(body>nav)>ul):has(a:active):before{background:linear-gradient(oklch(from var(--color-bg) calc(l + .1) c h),oklch(from var(--color-bg) calc(l - .1) c h))}}:is(body>nav) li{border-radius:var(--border-radius);z-index:1}:is(:is(body>nav) li) a{border-radius:var(--border-radius);color:var(--color-text);display:block;font-weight:500;outline-offset:0;padding-block:.5rem;padding-inline:1.5rem;-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;-webkit-tap-highlight-color:transparent}:is(:is(:is(body>nav) li) a):is(:hover,:focus,:active){color:currentcolor;text-shadow:.025em .025em .025em oklch(from currentcolor l c h/.5)}[aria-current]:is(:is(:is(body>nav) li) a){background-color:var(--color-accent);color:var(--color-bg);font-weight:700}:is(:is(body>nav) li):has(>a:is(:hover,:focus,:active)){anchor-name:--main-nav}body>footer{--footer-surface:linear-gradient(var(--color-bg),var(--color-subtle-bg));--footer-ink:color-mix(in oklch,var(--color-highlight) 26%,var(--color-bg));--footer-splash:var(--color-subtle-bg);background:radial-gradient(140% 240%at 50% -20%,color-mix(in oklch,var(--footer-splash) 70%,var(--color-bg))0,var(--color-bg) 68%),radial-gradient(160% 240%at 50% 120%,color-mix(in oklch,var(--footer-ink) 70%,var(--color-bg))0,var(--color-bg) 66%),linear-gradient(to bottom,color-mix(in oklch,var(--color-text) 3%,var(--color-bg))0,var(--color-bg) 55%),var(--footer-surface);background-clip:padding-box,border-box;background-origin:padding-box,border-box;border-block-start:2px solid #0000;box-shadow:0 .75rem 1rem -.25rem #0000000f,0 .25rem .375rem -.125rem #00000005;box-shadow:0 .75rem 1rem -.25rem oklch(from #000 l c h/.06),0 .25rem .375rem -.125rem oklch(from #000 l c h/.02);display:grid;grid-template-columns:var(--grid-columns);padding-block:2rem}:is(body>footer)>*{grid-column:content}:is(body>footer)>small{border-block-start:1px solid #636363;border-block-start:1px solid oklch(.5 0 0);display:grid;grid-template:"nav to-top""copyright copyright"/1fr auto;justify-items:center;margin-block-start:1rem;padding-block-start:1rem;row-gap:1.5rem}:is(:is(body>footer)>small)>.to-top{grid-area:to-top;justify-self:end}:is(:is(body>footer)>small)>nav{display:flex;gap:1.5ch;grid-area:nav;justify-self:start}:is(:is(body>footer)>small)>.copyright{align-items:center;display:flex;flex-direction:column;gap:1em;grid-area:copyright}:is(:is(:is(body>footer)>small)>.copyright)>img{block-size:auto;inline-size:15em}@supports (color:oklch(from white l c h/.5)){body>footer{--footer-ink-a:oklch(from var(--footer-ink) l c h/.22);--footer-splash-a:oklch(from var(--footer-splash) l c h/.2);--footer-text-a:oklch(from var(--color-text) l c h/.04);background:radial-gradient(140% 240%at 50% -20%,oklch(from var(--footer-splash-a) l c h/1)0,var(--color-bg) 68%),radial-gradient(160% 240%at 50% 120%,oklch(from var(--footer-ink-a) l c h/1)0,var(--color-bg) 66%),linear-gradient(to bottom,var(--footer-text-a)0,#0000 55%),var(--footer-surface)}}@media (prefers-contrast:more){body>footer{background:radial-gradient(140% 240%at 50% -20%,var(--footer-splash)0,var(--color-bg) 68%),radial-gradient(160% 240%at 50% 120%,var(--footer-ink)0,var(--color-bg) 66%),var(--footer-surface)}}a{text-underline-offset:.2em}a:where(:focus-visible){border-radius:.125em;outline:2px solid var(--color-accent);outline-offset:.5em}a.to-top{color:inherit;-webkit-text-decoration:none;text-decoration:none}a.to-top:is(:hover,:focus){-webkit-text-decoration:underline;text-decoration:underline}a.to-top:after{content:" ↑";content:" ↑"/""}hr{background:linear-gradient(to right,#0000,var(--color-text),#0000);block-size:.1rem;border:0;inline-size:-webkit-fill-available;inline-size:-moz-available;inline-size:stretch}a:has(>article){border:2px solid #0000;border-radius:.5rem;color:inherit;padding-block:1.5rem;padding-inline:2rem;-webkit-text-decoration:none;text-decoration:none}a:has(>article):is(:hover,:focus){background:radial-gradient(circle at 50% 250%,var(--color-subtle-bg),var(--color-bg)),linear-gradient(var(--color-subtle-bg),var(--color-bg));background-clip:padding-box,border-box;background-origin:padding-box,border-box;box-shadow:0 .75rem 1rem -.25rem #0000000f,0 .25rem .375rem -.125rem #00000005;box-shadow:0 .75rem 1rem -.25rem oklch(from #000 l c h/.06),0 .25rem .375rem -.125rem oklch(from #000 l c h/.02)}a:has(>article):is(:hover,:focus) h2,a:has(>article):is(:hover,:focus) h3{-webkit-text-decoration:underline;text-decoration:underline}a{color:var(--color-accent)}a:where(:not([class])):is(:hover,:focus){color:oklch(from var(--color-accent) calc(l + .05) c h);text-shadow:0 0 .1em oklch(from var(--color-accent) l c h/.5)}a.author{color:inherit;font-weight:600}a.author:is(:hover,:focus){color:var(--color-text)}.emoji,.emoji>*{display:inline}.emoji>p{margin-block:unset}li:has(>.emoji){list-style-type:"";margin-block-end:.5em}li:has(>.emoji)>.emoji{margin-inline-end:1.3ch;margin-inline-start:-4ch}ol{list-style-position:outside;margin-inline-start:1em;padding-inline-start:1ch}ol>li{margin-block-end:.5em;padding-inline-start:1.5ch;position:relative}:is(ol>li)::marker{color:var(--color-bg);font-weight:600}:is(ol>li):before{background-color:var(--color-accent);block-size:1lh;border-radius:.25rem;content:"";display:inline-block;inline-size:2.1ch;left:-2.3ch;position:absolute;top:0;z-index:-1}@property --color-l{syntax:"<color>";initial-value:#0000;inherits:false}@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}button,input{--color-l:var(--color-accent);background:linear-gradient(oklch(from var(--color-bg) calc(l + .05) c h),oklch(from var(--color-bg) calc(l - .2) c h)),conic-gradient(from var(--border-angle),#0000,#0000 12%),linear-gradient(var(--color-bg),var(--color-subtle-bg));background-clip:padding-box,border-box,border-box;background-origin:padding-box,border-box,border-box;border:2px solid #0000;border-radius:.5em;box-shadow:0 .75rem 1rem -.25rem #0000000f,0 .25rem .375rem -.125rem #00000005;box-shadow:0 .75rem 1rem -.25rem oklch(from #000 l c h/.06),0 .25rem .375rem -.125rem oklch(from #000 l c h/.02);font:inherit;transition:--border-angle .5s ease-in-out,--color-l .6s ease-in-out;-webkit-tap-highlight-color:transparent}:is(button,input):is(:hover,:focus-within){background:linear-gradient(oklch(from var(--color-bg) calc(l + .1) c h),oklch(from var(--color-bg) calc(l - .1) c h)),conic-gradient(from var(--border-angle),#0000,var(--color-l) 10%,#0000 12%),linear-gradient(var(--color-bg),var(--color-subtle-bg));background-clip:padding-box,border-box,border-box;background-origin:padding-box,border-box,border-box}@media (prefers-reduced-motion:no-preference){:is(button,input):is(:hover,:focus-within){--border-angle:1turn;--color-l:#0000}}:is(button,input):active{--color-l:#0000;background:linear-gradient(oklch(from var(--color-bg) calc(l + .05) c h),oklch(from var(--color-bg) calc(l - .2) c h)),conic-gradient(from var(--border-angle),#0000,var(--color-l) 10%,#0000 12%),linear-gradient(var(--color-bg),var(--color-subtle-bg));background-clip:padding-box,border-box,border-box;background-origin:padding-box,border-box,border-box}:is(button,input):where(:focus-visible){outline:2px solid var(--color-accent);outline-offset:0}aside:has(h2:only-child){display:none}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%) scaleY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}}@keyframes parallax{0%{transform:translateY(0)}to{transform:translateY(20lvb)}}@keyframes fadeBack{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20lvb) scale(.6)}}.social{display:flex;flex-direction:row;gap:min(.5em,1vi);justify-content:center}@supports (position-area:bottom){.social{margin-block-end:1lh}}.social a{align-items:center;color:currentColor;display:flex;flex-direction:column;anchor-scope:--social-link;outline-offset:0;-webkit-tap-highlight-color:transparent}:is(.social a)>svg{anchor-name:--social-link;inline-size:100%;stroke-width:.1rem}@media (prefers-reduced-motion:no-preference){:is(.social a)>svg{transition:stroke-width .2s ease-out,filter .25s ease-out}}:is(.social a)>span{display:none;font-size:.875rem}:is(.social a):is(:hover,:focus)>svg{stroke-width:.15rem}@media not (prefers-contrast:more){:is(.social a):is(:hover,:focus)>svg{filter:drop-shadow(0 0 .1rem currentColor)}}@supports (position-area:bottom){:is(.social a):is(:hover,:focus)>span{display:block;position:absolute;position-anchor:--social-link;inset-area:bottom;position-area:bottom}@media (prefers-reduced-motion:no-preference){:is(.social a):is(:hover,:focus)>span{animation:slideDown .3s linear(0,1.5,.5,1.2,.8,1) backwards}}}:is(.social a):active>svg{stroke-width:.1rem}@property --color-border{syntax:"<color>";initial-value:#000;inherits:false}@property --color-border-2{syntax:"<color>";initial-value:#000;inherits:false}@property --color-shadow{syntax:"<color>";initial-value:#000;inherits:false}body.home .intro{font-size:clamp(1rem,.8645rem + .6024vw,1.25rem);font-weight:300;isolation:isolate}:is(body.home .intro) strong{display:block;font-size:1.25em;font-weight:600;margin-block-end:.25em;text-wrap:balance}:is(body.home .intro) a{float:left;margin-block-end:1rem;margin-inline-end:2rem;position:relative;shape-outside:polygon(0 0,80%0,99% 30%,98% 45%,85% 75%,65% 90%,0 100%);z-index:1}@media (prefers-reduced-motion:no-preference){:is(body.home .intro) a{animation:fadeIn 1ms linear both;animation-range:entry 10%entry 100%;animation-timeline:view()}}:is(body.home .intro)>p{margin-block-start:unset}body.home .profile{--color-border:var(--color-bg);--color-border-2:var(--color-subtle-bg);background:url(/images/colo-splash-bg.jpg),radial-gradient(circle at 50% 250%,var(--color-subtle-bg),var(--color-bg)),linear-gradient(var(--color-border),var(--color-border-2));background-clip:padding-box,padding-box,border-box;background-origin:padding-box,padding-box,border-box;background-position:bottom,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:100%,100%,100%;border:2px solid #0000;border-radius:57% 43% 69% 37%/50% 52% 57% 46%;box-shadow:0 .75rem 1rem -.25rem oklch(from var(--color-shadow) l c h/.1),0 .25rem .375rem -.125rem oklch(from var(--color-shadow) l c h/.2),inset 0 .25rem .375rem -.125rem oklch(from var(--color-shadow) l c h/.2);filter:brightness(.9);transition:--color-border .3s ease-out,--color-border-2 .3s ease-out,--color-shadow .3s ease-out}:is(body.home .profile)>img{filter:drop-shadow(0 .25rem .375rem rgba(0,0,0,.75));filter:drop-shadow(0 .25rem .375rem oklch(0 0 0/.75));height:10rem;-webkit-mask-image:linear-gradient(180deg,#000 98%,#0000);mask-image:linear-gradient(180deg,#000 98%,#0000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;object-fit:cover;transform:scale(1);transform-origin:left bottom;transition:transform .3s linear(0,.447 8.5%,.793 17.4%,.927 22%,1.039 26.8%,1.125 31.7%,1.189 36.8%,1.224 41.2%,1.244 45.7%,1.25 50.5%,1.241 55.6%,1.195 65.1%,1.036 88.1%,1.009 94.4%,1);width:10rem}:is(body.home .profile):is(:hover,:focus){filter:brightness(1);--color-border:var(--color-accent);--color-border-2:var(--color-accent);--color-shadow:var(--color-accent)}@media (prefers-reduced-motion:no-preference){:is(body.home .profile):is(:hover,:focus){outline:0}:is(body.home .profile):is(:hover,:focus)>img{transform:scale(1.2)}}body.home article{display:grid;gap:1rem 1.5rem;grid-template:"image image title"auto"image image teaser"auto"type date teaser"auto/15ch 15ch 1fr}:is(body.home article)>h3{grid-area:title;margin:0}:is(body.home article) img{block-size:auto;border-radius:.5rem;grid-area:image;inline-size:100%;max-block-size:100%;object-fit:cover}:is(body.home article) .type{align-self:start;background:var(--color-highlight);border-radius:.25em;font-size:.875rem;grid-area:type;justify-self:start;padding-inline:.75ch}:is(body.home article) p{grid-area:teaser;margin:0}:is(body.home article) time{color:var(--color-subtle-text);font-size:.875rem;grid-area:date;justify-self:end}.highlight:is(body.home article){grid-template:"image image"auto"type date"auto"title title"auto"teaser teaser"auto/1fr auto}@container (width <= 40rem){body.home article{grid-template:"image image"auto"type date"auto"title title"auto"teaser teaser"auto/1fr auto}}body.blog main{--grid-columns:[full-width-start] 1fr [margin-start] 1rem [content-start] min(140ch, calc(100vi - 2rem) ) [content-end] 1rem [margin-end] 1fr [full-width-end];row-gap:2rem}body.blog article{display:grid;gap:1rem 1.5rem;grid-template:"image type"auto"image title"auto"image teaser"1fr"image date"auto/minmax(40%,15em) 1fr}:is(body.blog article):not(:has(>img)){grid-template:"title"auto"teaser"auto"date"auto/1fr}:is(body.blog article)>h2{grid-area:title;margin:0}:is(body.blog article) img{block-size:auto;border-radius:.5rem;grid-area:image;inline-size:100%;max-block-size:100%;object-fit:cover}:is(body.blog article) .type{background:var(--color-highlight);border-radius:.25em;font-size:.875rem;grid-area:type;justify-self:start;padding-inline:.75ch}:is(body.blog article) p{grid-area:teaser;margin:0}:is(body.blog article) time{color:var(--color-subtle-text);font-size:.875rem;grid-area:date}@container (width <= 40rem){body.blog article{grid-template:"image image"auto"title title"auto"teaser teaser"1fr"date type"auto/1fr}}body:is([class^=blog-],[class^=talks-]) main{margin-block-start:0}body:is([class^=blog-],[class^=talks-]) article{display:grid;grid-column:full-width;grid-template-columns:subgrid}:is(body:is([class^=blog-],[class^=talks-]) article)>*{grid-column:content}:is(body:is([class^=blog-],[class^=talks-]) article) h1+p:has(img){grid-column:full-width;grid-row:1;margin-block-start:0;overflow:clip}:is(:is(body:is([class^=blog-],[class^=talks-]) article) h1+p:has(img)) img{block-size:auto;inline-size:100%;object-fit:cover}@supports (animation-timeline:view()){:is(:is(body:is([class^=blog-],[class^=talks-]) article) h1+p:has(img)) img{animation:fadeOut 1ms linear both;animation-range:exit 0 exit 100%;animation-timeline:view()}@media (prefers-reduced-motion:no-preference){:is(:is(body:is([class^=blog-],[class^=talks-]) article) h1+p:has(img)) img{animation:fadeBack 1ms linear both;animation-range:exit 0 exit 100%;animation-timeline:view()}}}:is(body:is([class^=blog-],[class^=talks-]) article) p:has(img:only-child){text-align:center}:is(body:is([class^=blog-],[class^=talks-]) article)>footer{align-items:center;color:var(--color-subtle-text);column-gap:2rem;display:flex;flex-wrap:wrap;font-size:.875rem;justify-content:space-between;margin-block:1em}:is(:is(body:is([class^=blog-],[class^=talks-]) article)>footer)>p{margin:unset}figure{margin-inline:unset}figure>p:has(>img:only-child){margin-block:unset}figure img{block-size:auto;border-radius:.25rem;max-inline-size:100%}figure>figcaption{color:var(--color-subtle-text);font-size:.875rem;font-style:italic;margin-top:.5rem;text-align:center;text-wrap:balance}:not(pre)>code,kbd{background-color:var(--color-subtle-bg);border-radius:.25rem;padding-block:.25rem;padding-inline:.25rem}pre{border:1px solid var(--color-subtle-bg);border-radius:.5rem;padding-block:1.5rem;padding-inline:1.5rem}h2#update:before{color:var(--color-accent);content:"⟳";content:"⟳"/"";font-size:1.2em;margin-inline-end:.2em}.sidenote{border-left:2px solid var(--color-subtle-text);color:var(--color-subtle-text);font-size:.875rem;margin-block:1.5rem;padding-block:.5rem;padding-inline-start:1.5rem}.sidenote>:is(h2,h3){margin-block-start:0}dl{display:grid;gap:.75rem 1rem;grid-template-columns:auto 1fr;margin-trim:block}dl dt{font-weight:600}dl dd{margin:0}figure>p:has(img+img){display:grid;gap:5ch;grid-template-columns:repeat(auto-fit,minmax(min(20ch,100%),1fr));justify-content:space-evenly}:is(figure>p:has(img+img))>img{height:auto;width:100%}iframe{border-radius:.25rem}:is(body:is([class^=blog-],[class^=talks-]) aside)>h2{border-block-start:1px solid #636363;border-block-start:1px solid oklch(.5 0 0);padding-block-start:1em}:is(body:is([class^=blog-],[class^=talks-]) aside)>a{background:radial-gradient(circle at 50% 250%,var(--color-subtle-bg),var(--color-bg)),linear-gradient(var(--color-subtle-bg),var(--color-bg));background-clip:padding-box,border-box;background-origin:padding-box,border-box;box-shadow:0 .75rem 1rem -.25rem #0000000f,0 .25rem .375rem -.125rem #00000005;box-shadow:0 .75rem 1rem -.25rem oklch(from #000 l c h/.06),0 .25rem .375rem -.125rem oklch(from #000 l c h/.02);margin-block-end:2rem;padding:unset}:is(body:is([class^=blog-],[class^=talks-]) aside) article{display:grid;gap:1rem 1.5rem;grid-template:"image . .".5em"image title ."auto"image teaser ."auto"image . .".5em/35ch 1fr .25em}:is(:is(body:is([class^=blog-],[class^=talks-]) aside) article)>h3{grid-area:title;margin:0}:is(:is(body:is([class^=blog-],[class^=talks-]) aside) article) img{block-size:100%;border-end-start-radius:.5rem;border-start-start-radius:.5rem;grid-area:image;inline-size:100%;max-block-size:100%;object-fit:cover}:is(:is(body:is([class^=blog-],[class^=talks-]) aside) article) .type{display:none}:is(:is(body:is([class^=blog-],[class^=talks-]) aside) article) p{grid-area:teaser;margin:0}:is(:is(body:is([class^=blog-],[class^=talks-]) aside) article) time{display:none}@container (width <= 70ch){:is(body:is([class^=blog-],[class^=talks-]) aside) article{grid-template:"image image image"auto". title ."auto". teaser ."auto". . .".5em/.5em 1fr .5em}}.share-button.hidden{display:none}.share-button{cursor:pointer;font-size:1rem;padding-block:.25em;padding-inline:.5em}.share-button>svg{block-size:1.2em;fill:currentcolor;inline-size:auto;vertical-align:sub}body.about #bio{font-size:clamp(1rem,.8645rem + .6024vw,1.25rem);font-weight:300}:is(body.about #bio)>img{animation:fadeIn 1ms ease-out both;animation-range:entry 25%entry 125%;animation-timeline:view();display:block;filter:drop-shadow(0 .25rem .375rem rgba(0,0,0,.75));filter:drop-shadow(0 .25rem .375rem oklch(0 0 0/.75));inline-size:clamp(20rem,50%,40rem);height:auto;margin-block:1rem;margin-inline:auto}@media (min-width:500px){:is(body.about #bio)>img{margin-inline:1rem}}body.about .profile{-webkit-mask-image:linear-gradient(180deg,#000 80%,#0000 99%);mask-image:linear-gradient(180deg,#000 80%,#0000 99%)}@media (min-width:500px){body.about .profile{float:right;shape-margin:.5em;shape-outside:polygon(48% 20%,64% 20%,69% 52%,100% 80%,99% 92%,7% 88%,12% 44%,40% 45%)}body.about .dog{float:left;shape-margin:1.5em;shape-outside:polygon(62% 1%,80% 18%,79% 39%,81% 53%,90% 67%,90% 85%,69% 92%,5% 84%,1% 40%,16% 10%)}}body.about #badges{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;justify-content:center}:is(body.about #badges) h2{flex-basis:100%}:is(body.about #badges) a{border-radius:.5rem;outline-color:var(--color-accent);outline-offset:.25rem;-webkit-text-decoration:none;text-decoration:none;transition:scale .15s ease-out}@media (prefers-reduced-motion:no-preference){:is(body.about #badges) a{animation:slideUp .15s ease-out calc(.1s*sibling-index()) both;animation-trigger:--t play-forwards play-backwards;timeline-trigger:--t view() entry 75%exit 10%;trigger-scope:--t}:is(:is(body.about #badges) a):hover:not(:active){scale:1.075}}:is(body.about #badges) img{block-size:auto;filter:drop-shadow(0 .25rem .375rem rgba(0,0,0,.75));filter:drop-shadow(0 .25rem .375rem oklch(0 0 0/.75));inline-size:clamp(6rem,20vw,10rem)}:is(body.about #badges) .lida{background:radial-gradient(#fff 65%,#0000 70%)}.note{background:radial-gradient(circle at 25% -75%,var(--color-subtle-bg) 25%,oklch(from var(--color-bg) calc(l - .1) c h) 75%),linear-gradient(oklch(from var(--color-bg) calc(l - .2) c h),oklch(from var(--color-bg) calc(l - .05) c h));background-clip:padding-box,border-box;background-origin:padding-box,border-box;border:2px solid #0000;border-radius:1rem;box-shadow:0 .75rem 1rem -.25rem #0000000f,0 .25rem .375rem -.125rem #00000005;box-shadow:0 .75rem 1rem -.25rem oklch(from #000 l c h/.06),0 .25rem .375rem -.125rem oklch(from #000 l c h/.02);font-weight:400;margin-block:2rem;padding:2rem;position:relative}.note h3{margin-top:0}@media (prefers-contrast:no-preference){.note:before{background:url(/images/samurai.svg)no-repeat bottom/contain;content:"";inset:0;opacity:.2;pointer-events:none;position:absolute}}pre[data-language]:before{border-block-end:1px solid var(--color-subtle-bg);content:attr(data-language);display:block;font-size:1.2em;font-weight:500;margin-block-end:1em;padding-block-end:.5em;text-transform:uppercase}code[class*=language-],pre[class*=language-]{background:0 0;color:#f8f8f2;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4}pre[class*=language-]{border-radius:.3em;margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2b2b2b}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#d4d0ab}.token.punctuation{color:#fefefe}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#ffa07a}.token.boolean,.token.number{color:#00e0e0}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#abe338}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#00e0e0}.token.atrule,.token.attr-value,.token.function{color:gold}.token.keyword{color:#00e0e0}.token.important,.token.regex{color:gold}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media (forced-colors:active){code[class*=language-],pre[class*=language-]{background:window;color:windowText}:not(pre)>code[class*=language-],pre[class*=language-]{background:window}.token.important{background:highlight;color:window;font-weight:400}.token.atrule,.token.attr-value,.token.function,.token.keyword,.token.operator,.token.selector{font-weight:700}.token.attr-value,.token.comment,.token.doctype,.token.function,.token.keyword,.token.operator,.token.property,.token.string{color:highlight}.token.attr-value,.token.url{font-weight:400}}