@layer layout,content;*,*:before,*:after{box-sizing:border-box}body{margin:0;line-height:1.5;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}img,video,svg{display:block;max-width:100%}dd{margin-left:0}:root{--font-base: "Inter", sans-serif;--font-code: "Inconsolata", fixed;--font-serif: "EB Garamond", serif;--unit-0: 3px;--unit-1: 6px;--unit-2: 9px;--unit-2-1: 12px;--unit-2-2: 15px;--unit-3: 18px;--unit-3-1: 24px;--unit-3-2: 27px;--unit-4: 36px;--unit-4-1: 42px;--unit-4-2: 45px;--unit-4-3: 48px;--unit-4-4: 51px;--unit-5: 54px;--unit-6: 72px;--unit-7: 90px;--duration-1: .2s;--duration-2: .4s;--duration-3: .6s;--duration-4: .8s;--duration-5: 1s;--line-height-1: 1.333;--line-height-2: 1.666;--line-height-3: 1.999;--line-height-4: 2.333}@layer layout{body{min-height:100dvh}body>header,body>main,body>footer{padding:var(--unit-3)}body>main{padding-top:var(--unit-6)}body>header,body>main,.footer-content{max-width:75ch}body>main section.page-content{padding:var(--unit-4);margin:calc(var(--unit-3) * -2);margin-top:var(--unit-3)}@media (min-width: 750px){body>header,body>main,.footer-content{margin-right:var(--unit-6)}body>main section.page-content{padding:var(--unit-4) var(--unit-6) var(--unit-6);margin:calc(var(--unit-3) * -2);margin-top:var(--unit-2)}}}@layer layout{body{font-family:var(--font-base);font-size:var(--unit-3);line-height:var(--unit-3-2)}pre,pre code{font-family:var(--font-code)}p{font-size:var(--unit-3);line-height:var(--unit-4)}ul,ol{padding-left:var(--unit-3);margin-left:var(--unit-1)}li{padding-left:var(--unit-1);margin-bottom:var(--unit-2-1)}blockquote{margin-left:0;border-left:var(--unit-3) solid;padding:var(--unit-2-2) 0 var(--unit-1) var(--unit-3)}blockquote p{font-size:var(--unit-3-2);line-height:var(--unit-3-2);font-family:var(--font-serif)}blockquote em:last-of-type{display:block;margin-top:var(--unit-3);font-family:var(--font-base);font-size:var(--unit-2-2)}h1.page-title{font-size:var(--unit-6);line-height:calc(var(--unit-6) - var(--unit-2));letter-spacing:-1px;font-weight:700;margin-top:var(--unit-3)}@media (min-width: 750px){h1.page-title{margin-left:var(--unit-2)}}}@layer content{pre{position:relative;margin:var(--unit-4) 0;padding:var(--unit-5) var(--unit-3) var(--unit-3);background-color:var(--code-bg, #1e1e1e);border-radius:var(--unit-1);overflow-x:auto;font-family:var(--font-code)}pre:before{content:"";position:absolute;top:var(--unit-2-1);left:var(--unit-3);width:12px;height:12px;border-radius:50%;background-color:oklch(.7026 .2368 41.16);box-shadow:20px 0 oklch(.9408 .2195 107.87),40px 0 oklch(.86 .2195 170.34)}pre:after{content:"";position:absolute;top:var(--unit-4);left:0;right:0;height:1px;background-color:#ffffff0f}:not(pre)>code{padding:var(--unit-0);font-family:var(--font-code)}}@layer layout{table{width:100%;border-collapse:collapse;margin:var(--unit-4) 0;font-size:var(--unit-3)}caption{padding-bottom:var(--unit-2);text-align:left;font-weight:600}th,td{padding:var(--unit-2) var(--unit-3);text-align:left;vertical-align:top;border:1px solid}th{font-weight:600;text-transform:uppercase;font-size:var(--unit-2-2);letter-spacing:.04em}}img{border-radius:5px;margin:var(--unit-4) 0}@layer layout{iframe{width:100%;aspect-ratio:16 / 9;height:auto;border:0;border-radius:5px;margin:var(--unit-4) 0}}@layer layout{p a,li a,footer nav.urgh-words a{transition:box-shadow var(--duration-3) ease}footer nav.ooh-pictures a svg path{transition:fill var(--duration-2) ease}body>header div.header-content a{transition:background-color var(--duration-2) ease,transform var(--duration-3) ease}body>header div.header-content a>*{transition:transform var(--duration-3) ease}body>header div.header-content a svg path{transition:fill var(--duration-3) ease}body>header div.header-content a span{transition:color var(--duration-3) ease}}@layer layout{body>header{position:fixed;top:0;left:0;right:0;width:100%;max-width:none;margin:0;height:var(--unit-6);padding:0 var(--unit-3);display:flex;align-items:center;z-index:100;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4)}@media (min-width: 750px){body>header{margin-right:0}}div.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--unit-3);width:100%}div.header-content a{padding:var(--unit-1);align-items:center;width:fit-content;text-decoration:none}nav.primary-nav{display:flex;gap:var(--unit-3);margin-left:auto}nav.primary-nav a{font-weight:600;text-transform:uppercase;font-size:var(--unit-3);letter-spacing:.05em}}@layer content{main{position:relative}main:after{content:"";position:absolute;left:0;right:0;top:100%;height:calc(100vw*tan(4deg));clip-path:polygon(0 0,100% 0,0 100%)}}@layer content{footer{margin-top:var(--unit-6);position:relative;min-height:100dvh;display:flex;align-items:center;border-top:1px solid}footer div.bio p{font-size:var(--unit-3-2);line-height:var(--unit-4);font-weight:600}@media (min-width: 750px){footer div.bio p{font-size:var(--unit-4);line-height:var(--unit-4)}}footer h6{text-transform:uppercase}footer nav.urgh-words a{display:inline-block;text-decoration:none;padding-left:var(--unit-1);padding-right:var(--unit-1);margin:var(--unit-1) var(--unit-2)}footer nav.urgh-words a:not(:last-child):after{content:","}footer nav.urgh-words a:last-child:after{content:"."}footer nav div{margin-bottom:var(--unit-4)}footer nav.ooh-pictures{margin-top:var(--unit-6);margin-bottom:var(--unit-6);display:flex;flex-flow:row wrap}footer nav.ooh-pictures a{display:block;flex-grow:1;height:calc(var(--unit-4) * 2);width:calc(var(--unit-4) * 2)}footer nav.ooh-pictures a svg{width:100%;height:100%;display:block}@media (hover: hover){footer nav.urgh-words a:hover,footer div.bio a:hover{cursor:pointer}}footer div.colophon p{font-size:var(--unit-2-1);line-height:var(--unit-2-2);font-weight:500}@media (min-width: 750px){footer div.footer-content{display:grid;grid-template-areas:"bio words" "pictures pictures" "colophon colophon";gap:var(--unit-4);align-items:start;max-width:120ch;padding:var(--unit-5)}footer div.bio{font-size:var(--unit-4);grid-area:bio;max-width:20ch}footer nav.urgh-words{grid-area:words}footer nav.ooh-pictures{grid-area:pictures;flex:auto}footer div.colophon{grid-area:colophon}footer nav.ooh-pictures a{height:calc(var(--unit-6) * 2);width:calc(var(--unit-6) * 2)}}}@layer content{header p{font-size:var(--unit-3-2);line-height:var(--unit-4-3);font-weight:500;letter-spacing:-.5px;margin-top:var(--unit-4);margin-bottom:var(--unit-4);padding:var(--unit-2)}@media (min-width: 750px){h1.page-title{font-size:var(--unit-6);letter-spacing:-3px;line-height:var(--unit-6);margin-bottom:0}}@media (min-width: 750px){header p{padding-left:var(--unit-4)}h1.page-title{padding-left:var(--unit-3-2)}}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{text-decoration:underline;text-decoration-thickness:var(--unit-1);text-underline-offset:.2em;border-bottom:none}.post-body section.footnotes:before{content:"footnotes";text-transform:uppercase}.post-body section.footnotes{margin-top:var(--unit-5);padding-top:var(--unit-4);border-top:1px solid var(--colour-light-3);font-size:var(--unit-2-2)}.post-body section.footnotes li p{font-size:var(--unit-2-2)}.post-body sup,.post-body sub{font-size:var(--unit-2-2);padding:0 0 0 var(--unit-0);line-height:0;position:relative;vertical-align:baseline}.post-body sup{top:-9px}.post-body sub{bottom:-3px}li.post-card{font-weight:600;font-size:var(--unit-3-2);margin-bottom:var(--unit-4)}li.post-card time{display:block;font-size:var(--unit-2-2);padding-left:var(--unit-1)}.archive-year-label,.archive-month-label{position:sticky;top:0;margin:0}.archive-month-label{top:var(--unit-3-2);padding-bottom:var(--unit-3);margin-bottom:var(--unit-3)}.archive-posts{list-style:none;padding:0;margin:0}section.archive-year h2,section.archive-year h3{font-size:var(--unit-3-2);text-transform:uppercase}section.archive-year h2{z-index:10000}section.archive-year h3{z-index:1000}@media (min-width: 770px){.archive-year,.archive-month{display:grid;grid-template-columns:6rem 1fr;gap:var(--unit-1);align-items:start}.archive-month-label{top:0}section.archive-year h2,section.archive-year h3{font-size:var(--unit-4);text-transform:uppercase}}}@layer content{body#home>main,body#home>header{max-width:100%;padding:0;margin:0}body#home>footer{margin-top:0}div#alreet{width:100%;position:absoloute;top:0;left:0;aspect-ratio:2848 / 1504;background-image:url(/images/jc_widescreen-c23c6a58c204233f8dc2e3a76dc9d970.jpeg?vsn=d);background-size:cover;background-position:center;background-repeat:no-repeat}@media (max-width: 768px){div#alreet{min-height:80svh;aspect-ratio:4 / 5;background-position:6% center}}}@layer content{body#error-404{min-height:100svh;margin:0;padding:var(--unit-3);display:flex;justify-content:center;align-items:flex-start}body#error-404 .not-found{margin-top:calc(var(--unit-6) * 2);padding:var(--unit-3);max-width:32rem;text-align:center;border-radius:var(--unit-1)}body#error-404 a{display:inline-block;margin-top:var(--unit-3);padding:var(--unit-3);font-weight:900;text-decoration:none;border-radius:var(--unit-2)}body#error-404 h1,body#error-404 p.emoji{margin:0;padding:var(--unit-1);font-size:calc(2 * var(--unit-6));line-height:calc(2 * var(--unit-6))}@media (max-width: 768px){body#error-404 h1,body#error-404 p.emoji{font-size:calc(1 * var(--unit-6));line-height:calc(1 * var(--unit-6))}}body#error-404.crt{position:relative;overflow:hidden;animation:crt-distort 17s infinite steps(1,end)}body#error-404.crt:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;mix-blend-mode:overlay;transform:translateZ(0);background:repeating-linear-gradient(var(--crt-red) 0px,var(--crt-green) 2px,var(--crt-blue) 4px);animation:crt-flicker 7s infinite}body#error-404 h1 .code{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:5ch;animation:crt-typewriter .9s steps(5) .3s 1 normal both}@keyframes crt-typewriter{0%{width:0}to{width:5ch}}@keyframes crt-distort{0%,18%{transform:none;filter:none}18.3%{transform:translate3d(-6px,0,0) skew(2deg);filter:hue-rotate(8deg)}18.6%{transform:translate3d(4px,1px,0) skew(-1.5deg)}19%{transform:none;filter:none}45%,46.4%{transform:none}46.6%{transform:translate3d(0,-3px,0) scaleY(1.02);filter:contrast(1.3) brightness(1.1)}46.9%{transform:translate3d(0,2px,0)}47.2%{transform:none;filter:none}73%,74.1%{transform:none}74.3%{transform:translate3d(-2px,0,0) skewY(.6deg);filter:saturate(1.6)}74.7%{transform:translate3d(3px,-1px,0)}75%{transform:none;filter:none}to{transform:none}}@keyframes crt-flicker{0%,92%,to{opacity:1}93%{opacity:.55}93.4%{opacity:1}94%{opacity:.7}94.3%{opacity:1}}@media (prefers-reduced-motion: reduce){body#error-404.crt,body#error-404.crt:before,body#error-404 h1 .code{animation:none}}}@layer content{.toast{position:fixed;display:flex;flex-direction:column;gap:var(--unit-2);padding:var(--unit-2);pointer-events:none}.toast[hidden]{display:none}.toast>*{pointer-events:auto}.toast-top{top:0}.toast-end{right:0;align-items:flex-end}.z-50{z-index:50}.alert{display:flex;align-items:flex-start;gap:var(--unit-2);padding:var(--unit-2-1) var(--unit-2-2);border-radius:var(--unit-1);border:1px solid var(--colour-border-1);background-color:var(--colour-light-1);color:var(--colour-dark-2);box-shadow:0 var(--unit-1) var(--unit-3) #0000001f;font-family:var(--font-base);line-height:var(--line-height-1)}.alert-info{border-color:var(--c-accent-dark-6);background-color:var(--c-accent-dark-2);color:var(--colour-dark-1)}.alert-error{border-color:var(--c-accent-light-6);background-color:var(--c-accent-light-2);color:var(--colour-dark-1)}.alert p{margin:0}.alert .font-semibold{font-weight:600}.alert .flex-1{flex:1 1 auto}.alert .self-start{align-self:flex-start}.alert .cursor-pointer{cursor:pointer;background:transparent;border:0;padding:0}.alert.w-80{width:20rem}.alert.max-w-80{max-width:20rem}@media (min-width: 640px){.alert.sm\:w-96{width:24rem}.alert.sm\:max-w-96{max-width:24rem}}.text-wrap{text-wrap:wrap;overflow-wrap:anywhere}.alert .size-5{width:1.25rem;height:1.25rem;flex-shrink:0}.alert .opacity-40{opacity:.4;transition:opacity var(--duration-1) ease}@media (hover: hover){.alert .group:hover .group-hover\:opacity-70{opacity:.7}}}@layer content{.transition-all{transition-property:all}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.duration-300{transition-duration:.3s}.duration-200{transition-duration:.2s}.opacity-0{opacity:0}.opacity-100{opacity:1}.translate-y-4{transform:translateY(1rem)}.translate-y-0{transform:translateY(0)}@media (min-width: 640px){.sm\:translate-y-0{transform:translateY(0)}.sm\:scale-95{transform:scale(.95)}.sm\:scale-100{transform:scale(1)}}}:root{--colour-linkedin: #0072b1;--colour-rss: oklch(.8067 .1924 72 / 97.3%);--colour-border-1: #e8e8e8;--colour-code: oklch(.9585 .1603 117.4);--colour-dark-0: #010001;--colour-dark-1: #1e1e1e;--colour-dark-2: #2e2e2e;--colour-dark-3: #484e4e;--colour-dark-4: #5e6464;--colour-dark-5: #797f7f;--colour-dark-6: #969696;--colour-light-1: #ffffff;--colour-light-2: #f5f4f4;--colour-light-3: #e1e1e1;--colour-light-4: #c8c8c8;--colour-light-5: #afafaf;--colour-light-6: #969696;--colour-light-7: #828282;--c-accent-dark: oklch(.8441 .1875 202.24 / 83.57%);--c-accent-dark-2: oklch(.9353 .071 202.24 / 93.43%);--c-accent-dark-3: oklch(.9029 .1066 202.24 / 90.14%);--c-accent-dark-4: oklch(.8706 .1421 202.24 / 86.86%);--c-accent-dark-5: var(--c-accent-dark);--c-accent-dark-6: oklch(.7147 .1702 202.24 / 86.9%);--c-accent-dark-7: oklch(.5029 .1066 202.24 / 90.14%);--c-accent-dark-8: oklch(.3353 .071 202.24 / 93.43%);--c-accent-light: oklch(.7 .3471 10.59 / 83.57%);--c-accent-light-2: oklch(.88 .1388 10.59 / 93.43%);--c-accent-light-3: oklch(.82 .2083 10.59 / 90.14%);--c-accent-light-4: oklch(.76 .2777 10.59 / 86.86%);--c-accent-light-5: var(--c-accent-light);--c-accent-light-6: oklch(.6856 .3292 14.32 / 86.86%);--c-accent-light-7: oklch(.6712 .3113 18.05 / 90.14%);--c-accent-light-8: oklch(.6567 .2934 21.77 / 93.43%);--crt-red: rgb(218, 49, 49);--crt-green: rgb(112, 159, 115);--crt-blue: rgb(40, 129, 206);--c-accent: var(--c-accent-light);--c-accent-2: var(--c-accent-light-2);--c-accent-3: var(--c-accent-light-3);--c-accent-4: var(--c-accent-light-4);--c-accent-5: var(--c-accent-light-5);--c-accent-6: var(--c-accent-light-6);--c-accent-7: var(--c-accent-light-7);--c-accent-8: var(--c-accent-light-8);--colour-mid-0: var(--colour-light-5)}@layer content{html,body{background-color:var(--colour-light-2)}body>main section.page-content{background-color:var(--colour-light-1);border-bottom-color:var(--colour-light-1)}h1.page-title,h1,h2,h3,h4,h5,h6{color:var(--colour-dark-2)}blockquote{border-left-color:var(--colour-light-3)}:not(pre)>code{background-color:var(--colour-light-2)}a code{color:var(--colour-dark-3)}body>header{background-color:#f5f4f48c;border-bottom:1px solid rgba(255,255,255,.4);box-shadow:0 1px #0000000a,0 8px 24px -12px #0000001f}body>header .header-content svg path{fill:var(--c-accent-dark-6)}body>header .header-content span{color:var(--c-accent-dark-6)}body>header nav.primary-nav a{color:var(--colour-dark-2)}body>main{background-color:var(--colour-light-1)}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{text-decoration-color:var(--colour-light-3)}footer{background-color:var(--colour-dark-2);color:var(--colour-light-3);border-top-color:var(--colour-dark-2)}footer:before{background:inherit;border-top-color:var(--colour-dark-2)}footer div.bio{color:var(--colour-light-3)}footer div.colophon a,footer nav.urgh-words a,footer div.bio a{color:var(--colour-dark-2);background:var(--c-accent-dark-5)}footer nav.urgh-words h6{color:var(--colour-light-4)}footer nav.ooh-pictures a{color:var(--colour-light-3)}footer nav.ooh-pictures a svg path{fill:var(--colour-light-6)}footer div.colophon{color:var(--colour-light-6)}@media (hover: hover){body>header div.header-content a:hover{background-color:var(--c-accent-dark-6)}body>header div.header-content a:hover svg path{fill:var(--colour-light-1)}body>header div.header-content a:hover span{color:var(--colour-light-1)}body>header nav.primary-nav a:hover{background-color:var(--c-accent-dark-6);color:var(--colour-light-1)}footer nav.urgh-words a:hover,footer div.bio a:hover{background:var(--c-accent-dark-5);box-shadow:0 var(--unit-0) var(--colour-light-1)}footer nav.ooh-pictures a.linkedin:hover svg path{fill:var(--colour-linkedin)}footer nav.ooh-pictures a.github:hover svg path{fill:var(--colour-light-1)}footer nav.ooh-pictures a.rss:hover svg path{fill:var(--colour-rss)}}}@layer content{header p{color:var(--colour-dark-3);border-bottom-color:var(--colour-light-3)}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{border-bottom-color:var(--colour-light-1)}table caption{color:var(--colour-light-7)}th,td{border-color:var(--colour-dark-2)}thead{background-color:var(--colour-dark-2);color:var(--colour-light-1)}li.post-card a{background-color:var(--light-0);color:var(--colour-dark-0)}li.post-card time{color:var(--colour-dark-4)}.archive-year-label,.archive-month-label{background-color:var(--colour-light-1)}}img{border-color:1px solid var(--colour-light-2);box-shadow:0 0 var(--unit-4) var(--colour-light-4)}body#error-404{background-color:var(--c-accent-dark-5)}body#error-404 h1,body#error-404 p{color:var(--c-accent-dark-5)}body#error-404 .not-found{background-color:var(--colour-dark-2);color:var(--colour-dark-1)}body#error-404 a{background-color:var(--colour-light-1);color:var(--colour-dark-5)}