@layer reset.remedy{*,:before,:after{box-sizing:border-box}html{line-sizing:normal}body{margin:0}[hidden]{display:none}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle;max-width:100%}audio:not([controls]){display:none}picture{display:contents}source{display:none}img,svg,video,canvas{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}}@layer reset,default,themes,patterns,layouts,components,utilities;@font-face{font-family:"Source Serif 4";src:url(/build/assets/SourceSerif4-Regular-42aa010d.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Source Serif 4";src:url(/build/assets/SourceSerif4-Italic-e6546458.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:"Source Serif 4";src:url(/build/assets/SourceSerif4-Bold-c1c3741a.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{src:url(/build/assets/HEX_Franklin_v0.2_Variable-55f5d70b.woff2) format("woff2");font-family:HEX Franklin Variable;font-weight:400 800;font-stretch:60% 100%;font-style:normal}@font-face{font-family:Source Code Pro;src:url(/build/assets/SourceCodePro-Regular-23a0d798.woff2) format("woff2");font-weight:400;font-style:normal}@layer reset{html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}figure{margin-block:0;margin-inline:0}}@layer default{:root{--font-monospace: "Source Code Pro", ui-monospace, monospace;--font-sans-serif: "Hex Franklin Variable", ui-sans-serif, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: "Source Serif 4", ui-serif, serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--step--1: .833rem;--step-0: clamp(1rem, .875rem + .625vw, 1.125rem);--step-1: clamp(1.25rem, 1rem + 1.25vw, 1.5rem);--step-2: clamp(1.5rem, 1rem + 2.5vw, 2rem);--fluid-1: clamp(1rem, 0rem + 5vw, 2rem);--fluid-32-0: clamp(0rem, 22rem + -50vw, 2rem);--max-width: 38.5rem;--max-width-with-padding: calc(var(--max-width) + 2em);--header-padding: var(--fluid-1);--shadow-color: 0deg 0% 0%;--shadow-elevation-low: 0 0 0 1px hsl(var(--shadow-color) / .05), 0 10px 16px -16px hsl(var(--shadow-color) / .4);--shadow-elevation-medium: 0 0 0 1px hsl(var(--shadow-color) / .05), 0 4px 8px -1px hsl(var(--shadow-color) / .15), 0 20px 24px -2px hsl(var(--shadow-color) / .25);--shadow-elevation-high: 0 0 0 1px hsl(var(--shadow-color) / .05), 0 4px 8px -1px hsl(var(--shadow-color) / .15), 0 16px 32px -2px hsl(var(--shadow-color) / .25), 0 64px 128px -3px hsl(var(--shadow-color) / .35)}@media only screen and (min-width: 38.5rem){:root{--header-padding: var(--fluid-32-0)}}body{font-family:var(--font-serif);font-optical-sizing:auto;font-size:var(--step-0);font-size-adjust:.5}body a,body strong,body h1,body h2{font-family:var(--font-sans-serif);font-size-adjust:.5}body a,body strong{font-weight:500}body h1 a,body h2 a{font-weight:inherit}body h1{font-size:var(--step-2)}body h2{font-size:var(--step-1)}body h1,body h2,body p{margin:0 0 .5em}body ol,body ul{padding-inline-start:2em}body abbr{font-variant:all-small-caps}body cite a{font-family:inherit}body code,body kbd,body pre,body samp{font-family:var(--font-monospace);font-size:.833em}body code{font-size-adjust:.52;font-variant-ligatures:none}body pre code{font-size:1em}}@layer themes{:root{--shadow: #dfdfdf;--background: #efefef;--foreground: #fff;--text: #1f1f1f;--primary: #0f9fdf;--primary-text: #fff;--primary-text-hover: color-mix(in srgb, var(--primary-text) 50%, transparent)}@media (prefers-color-scheme: dark){:root{--shadow: #000;--background: #0f0f0f;--foreground: #1f1f1f;--text: #efefef;--primary: #ffbf2f;--primary-text: #000}}html{background-color:var(--shadow)}body{background-color:var(--background);color:var(--text)}body a{color:inherit;text-decoration-color:var(--primary);text-decoration-line:underline;text-decoration-thickness:.08em;text-underline-offset:.055em}body a:hover{color:var(--primary)}body>footer{background-color:var(--shadow)}}@layer patterns;@layer layouts{body:has(>header input[type=checkbox]:checked){overflow:hidden}@media only screen and (min-width: 56rem){body:has(>main>aside){--max-width: 56rem}}body>header{background:var(--primary) linear-gradient(0deg,color-mix(in srgb,var(--primary) 75%,black) 0%,var(--primary) 2%);box-shadow:var(--shadow-elevation-medium);left:0;margin-bottom:var(--fluid-1);margin-top:0;position:sticky;right:0;top:0;z-index:20}body>header input[type=checkbox]{display:none}body>header div{align-items:center;color:var(--primary-text);display:flex;height:3rem;justify-content:space-between;margin:0 auto;max-width:var(--max-width);h1 {display: flex; justify-content: space-between; margin: 0; padding: .75rem var(--header-padding); width: 100%; @media only screen and (min-width: 38.5rem) {padding-right: 0;} & svg {height: 1.5rem;} & label {@media only screen and (min-width: 38.5rem) {display: none;} & svg {cursor: pointer; & path.opened {display: none;}}} & a:hover,& label:hover {color: var(--primary-text-hover);}} & nav {display: none; & ul {list-style: none; padding: .75rem var(--header-padding); & a {font-weight: 700; text-decoration: none; &:hover {color: var(--primary-text-hover);}}} @media only screen and (min-width: 38.5rem) {display: initial; flex: none; & ul {display: flex; gap: .5em; padding-left: 0;}}}}body>header:has(input[type=checkbox]:checked) div{background-color:var(--primary);display:grid;grid-template-columns:1fr;grid-template-rows:3rem 1fr;grid-gap:0;height:100vh;position:fixed;top:0;right:0;bottom:0;left:0}body>header:has(input[type=checkbox]:checked) div>h1{background-image:var(--primary);grid-area:1 / 1 / 2 / 2}body>header:has(input[type=checkbox]:checked) div>h1 label svg path.opened{display:initial}body>header:has(input[type=checkbox]:checked) div>h1 label svg path.closed{display:none}body>header:has(input[type=checkbox]:checked) div nav{display:block;font-size:2rem;grid-area:2 / 1 / 3 / 2}body>header:has(input[type=checkbox]:checked) div nav ul{text-align:center}body>main nav[role=navigation]{display:flex;justify-content:space-between;margin:var(--fluid-1) auto 0;max-width:var(--max-width);padding:0 var(--header-padding)}body>main>aside{font-size:var(--step--1);margin:var(--fluid-1) auto;max-width:var(--max-width);padding:0 var(--header-padding)}@media only screen and (min-width: 30rem){body>main>aside{display:grid;grid-gap:var(--fluid-1);grid-template-columns:repeat(3,1fr)}}body>main>aside h1{font-size:1.5em}@media only screen and (min-width: 56rem){body>main:has(>aside){display:grid;grid-gap:var(--fluid-1);grid-template-columns:38.5rem 1fr;margin:0 auto;max-width:var(--max-width)}body>main:has(>aside) aside{display:initial;font-size:1rem;margin-top:0}body>main:has(>aside) aside article h1{font-size:1.125em}body>main:has(>aside) aside article>:not(:first-child){margin-top:.25em}body>main:has(>aside) aside article>:not(:last-child){margin-bottom:.25em}}body>footer{margin-top:var(--fluid-1);padding:var(--fluid-1);text-align:center}body>footer ul{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;list-style:none;margin:0;padding:0}body>footer ul li{align-items:center;display:flex;gap:.25em;white-space:nowrap}body>footer ul li svg{display:inline-block;height:1rem;width:1rem}}@layer components{blockquote{border-left:2px solid var(--shadow);margin-block:0;margin-inline:0;padding-left:1em}blockquote>*{margin-bottom:.5em;margin-top:.5em}blockquote+figcaption{padding-left:1em}kbd{background-color:color-mix(in srgb,var(--foreground),var(--background));border-bottom:2px solid color-mix(in srgb,var(--background),var(--shadow));border-radius:2px;outline:1px solid var(--shadow);padding:.0625em .1875em 0}p code{background-color:color-mix(in srgb,var(--foreground),var(--background));border-radius:2px;outline:1px solid var(--shadow);padding:.125em .25em .25em}pre{background-color:color-mix(in srgb,var(--foreground),var(--background));border-radius:4px;font-size:var(--step--1);line-height:1.375;outline:1px solid var(--shadow);overflow-x:auto;padding:1em;text-wrap:wrap;white-space-collapse:break-spaces}.page{margin:var(--fluid-1) auto;max-width:var(--max-width);padding:0 var(--header-padding);section.image-grid {display: grid; grid-gap: .5rem; margin: var(--fluid-1) calc(var(--fluid-1) * -1); padding: 0; &:has(> :nth-child(2):last-child),&:has(> :nth-child(4):last-child) {grid-template-columns: repeat(2,1fr);} &:has(> :nth-child(3):last-child),&:has(> :nth-child(n+5)) {grid-template-columns: repeat(3,1fr);} &.grid-cols-4 {grid-template-columns: repeat(4,1fr);} & div {align-items: center; background-position: center; background-size: 200%; display: flex; justify-content: center; position: relative; & div,& figure {align-items: center; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); background-color: color-mix(in srgb,var(--foreground) 75%,transparent); display: grid; grid-gap: 1em; height: 100%; justify-content: center; width: 100%;} &.padded figure {padding: calc(var(--fluid-1) / 2);}}}}.page header{align-items:center;display:flex;justify-content:center;margin:1em calc(var(--fluid-1) * -1);max-width:var(--max-width)}@media only screen and (min-width: 38.5rem){.page header{border-radius:calc(var(--fluid-1) / 2);margin:1em auto;overflow:hidden}}.page header:has(img.naked.svg){padding:var(--fluid-1)}.page+nav{margin:1em auto;max-width:var(--max-width);padding:0 var(--fluid-1)}.page+nav p{border-top:1px dotted var(--text);padding-top:1em}@media only screen and (min-width: 38.5rem){.page+nav{text-align:center}.page+nav p{border-top:none;padding-top:0}}.page.wide ul,.page.ultrawide ul{display:grid;grid-gap:1rem;list-style:none;margin:0;padding:0}@media only screen and (min-width: 38.5rem){.page.wide ul,.page.ultrawide ul{grid-gap:.5rem}}.page.wide ul li,.page.ultrawide ul li{align-items:center;border-radius:calc(var(--fluid-1) / 2);box-shadow:var(--shadow-elevation-low);display:grid;justify-content:center;overflow:hidden}@media only screen and (min-width: 38.5rem){.page.wide ul li,.page.ultrawide ul li{border-radius:calc(var(--fluid-1) / 8)}}.page.ultrawide{ul {& li {aspect-ratio: 32 / 9; @media only screen and (min-width: 38.5rem) {&:first-child {border-top-left-radius: calc(var(--fluid-1) / 2); border-top-right-radius: calc(var(--fluid-1) / 2);} &:last-child {border-bottom-left-radius: calc(var(--fluid-1) / 2); border-bottom-right-radius: calc(var(--fluid-1) / 2);}}}}}.page.wide{ul {@media only screen and (min-width: 38.5rem) {grid-template-columns: repeat(2,1fr);} & li {aspect-ratio: 16 / 9; &:nth-child(1) {border-top-left-radius: calc(var(--fluid-1) / 2);} &:nth-child(-n+2):nth-last-child(1),&:nth-child(2) {border-top-right-radius: calc(var(--fluid-1) / 2);} &:nth-child(2n+1):nth-last-child(-n+2),&:nth-child(2n+1):nth-last-child(-n+2) ~ li:first-child {border-bottom-left-radius: calc(var(--fluid-1) / 2);} &:nth-last-child(1):last-child {border-bottom-right-radius: calc(var(--fluid-1) / 2);}}}}@media only screen and (min-width: 38.5rem){.page.font,.page.icon,.page.logo,.page.portfolio{background-color:var(--foreground);border-radius:calc(var(--fluid-1) / 2);box-shadow:var(--shadow-elevation-low);overflow:hidden;padding:var(--fluid-1)}.page.font header,.page.icon header,.page.logo header,.page.portfolio header{border-radius:0;margin:calc(var(--fluid-1) * -1) calc(var(--fluid-1) * -1) 1em}}.entry{background-color:var(--foreground);box-shadow:var(--shadow-elevation-low);margin:0 auto;max-width:var(--max-width);padding:var(--fluid-1);section.image-gallery {display: grid; grid-gap: .5rem; margin: 0 calc(var(--fluid-1) * -1); @media only screen and (min-width: 38.5rem) {padding: 0;} &:has(> :nth-child(2):last-child),&:has(> :nth-child(4):last-child) {grid-template-columns: repeat(2,1fr);} &:has(> :nth-child(3):last-child),&:has(> :nth-child(n+5)) {grid-template-columns: repeat(3,1fr);} & div {align-items: center; background-position: center; background-size: 200%; display: flex; justify-content: center; position: relative; & figure {align-items: center; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); background-color: color-mix(in srgb,var(--foreground) 75%,transparent); display: grid; grid-gap: 1em; height: 100%; justify-content: center; width: 100%;} &.padded figure {padding: calc(var(--fluid-1) / 2);}}} &.video {& figure {align-items: center; display: grid; grid-gap: .5em; justify-content: center; margin: 0 calc(var(--fluid-1) * -1); & figcaption {font-size: var(--step--1); text-align: center;} & + figure {margin-top: var(--fluid-1);}}} & footer:last-child {align-items: center; display: flex; flex-wrap: wrap; font-size: var(--step--1); -moz-column-gap: 1em; column-gap: 1em; justify-content: end; margin: var(--fluid-1) 0 0; text-align: right; @media only screen and (min-width: 38.5rem) {margin: calc(var(--fluid-1) * .8125) 0 calc(var(--fluid-1) * -.125) 0;} p {margin: 0; white-space: nowrap;} svg {display: inline-block; height: 1rem; vertical-align: sub; width: 1rem;}}}@media only screen and (min-width: 38.5rem){.entry{border-radius:calc(var(--fluid-1) / 2)}.entry>:first-child:is(p),.entry>:first-child:is(h1){margin-top:calc(var(--fluid-1) * -.1875)}}.entry>*:not(:first-child){margin-top:.5em}.entry>*:not(:last-child){margin-bottom:.5em}.entry+.entry{margin-top:var(--fluid-1)}.activity{display:flex;gap:.5em}.activity>:first-child{align-items:center;display:flex;flex:none;height:4rem;justify-content:center;width:3rem}.activity .action-type{height:3rem;position:relative;width:3rem}.activity .action-type .action{align-items:center;background:var(--primary) linear-gradient(0deg,color-mix(in srgb,var(--primary),black 12.5%) 0%,var(--primary) 50%,color-mix(in srgb,var(--primary),white 12.5%) 100%);border:1px solid color-mix(in srgb,var(--primary),black 25%);border-radius:100%;bottom:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,white 50%,transparent);box-sizing:border-box;color:var(--primary-text);display:flex;justify-content:center;height:1.5rem;position:absolute;right:0;width:1.5rem}.activity .action-type .action svg{height:1rem;width:1rem}.activity picture img{border-radius:1px;box-shadow:0 1px 3px #00000040;outline:1px solid rgba(0,0,0,.25)}ul.tag-list{display:flex;flex-wrap:wrap;gap:.25em;list-style:none;padding-inline:0}ul.tag-list li:not(:first-child):before{content:"•"}}@layer utilities{.lg-outer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lg-backdrop.in{opacity:.9!important}}