@charset "UTF-8";
:root {
  --lightBlueHS: 199, 33%;
  --yellowHS: 49, 100%;
  --redHS: 349, 100%;
  --lightGrayHS: 220, 2%;
  --yellowHSL: 49.1, 100%, 50%;
  --lightGrayHSL: 220, 2%, 66%;
  --lightBlueHSL: 199, 33%, 60.95%;
  --darkBlueHSL: 201, 42%, 35.2%;
  --orangeHSL: 22, 100%, 53.8%;
  --redHSL: 349, 100%, 45%;
  --midGrayHSL: 204, 2%, 54%;
  --darkGrayHSL: 210, 4%, 27%;
  --darkerGrayHSL: 349, 25%, 16%;
  --whiteHSL: 0, 0%, 99%;
  --trueWhiteHSL: 0, 0%, 100%;
  --blackHSL: 210, 33%, 9.5%;
  --trueBlackHSL: 0, 0%, 0%;
  --white: hsl(var(--whiteHSL));
  --trueWhite: hsl(var(--trueWhiteHSL));
  --black: hsl(var(--blackHSL));
  --trueBlack: hsl(var(--trueBlackHSL));
  --headingFont: "Averta-Std", -apple-system, system-ui, BlinkMacSystemFont,
  	"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bodyFont: "Alkes", Georgia, serif;
  --codeFont: "MonoLisa", Consolas, Monaco, "Andale Mono", "Ubuntu Mono",
  	monospace;
  --bodyFontWeight: normal;
  --bodyFontSize: 1.125rem;
  --bodyLineHeight: calc(var(--quarterNote) * 1.25);
  --yellow: hsl(var(--yellowHSL));
  --orange: hsl(var(--orangeHSL));
  --red: hsl(var(--redHSL));
  --lightestGray: hsl(var(--lightGrayHS), 94%);
  --lighterGray: hsl(var(--lightGrayHS), 86%);
  --lightGray: hsl(var(--lightGrayHSL));
  --midGray: hsl(var(--midGrayHSL));
  --darkGray: hsl(var(--darkGrayHSL));
  --darkerGray: hsl(var(--darkerGrayHSL));
  --lightBlue: hsl(var(--lightBlueHSL));
  --lighterBlue: hsl(var(--lightBlueHS), 90%);
  --lightestBlue: hsl(var(--lightBlueHS), 95%);
  --darkBlue: hsl(var(--darkBlueHSL));
  --darkerBlue: hsl(var(--darkBlueHSL), 20%);
  --darkGreen: hsl(180, 100%, 20%);
  --blueToYellow: #7ba7bc, #75b1bf, #66c6b6, #4fd27b, #56e035, #acef1b, #faf008,
  	#ffd100;
  --ink: var(--darkGray);
  --paper: var(--white);
  --paperHSL: var(--whiteHSL);
  --headingColor: var(--darkerGray);
  --accentColor: var(--darkBlue);
  --linkColor: var(--darkBlue);
  --highlightColor: var(--darkGray);
  --maxWidth: 34rem;
  --sidebarWidth: 15rem;
  --margin: var(--quarterNote);
  --sixteenthNote: calc(var(--quarterNote) / 4);
  --eighthNote: calc(var(--quarterNote) / 2);
  --quarterNote: 1.25rem;
  --dottedQuarterNote: calc(var(--quarterNote) * 1.5);
  --halfNote: calc(var(--quarterNote) * 2);
  --dottedHalfNote: calc(var(--quarterNote) * 3);
  --wholeNote: calc(var(--quarterNote) * 4);
  --tiedWholeNote: calc(var(--quarterNote) * 5);
  --dottedWholeNote: calc(var(--quarterNote) * 6);
  --buttonSize: 2.2rem;
  --buttonBackground: var(--paper);
  font-size: var(--bodyFontSize);
}
@media (min-width: 42rem) {
  :root {
    --bodyFontSize: 1.1875rem;
  }
}
@media (min-width: 82rem) {
  :root {
    --bodyFontSize: 1.25rem;
  }
}
@media (min-width: 42rem) {
  :root {
    --margin: var(--halfNote);
  }
}
@media (min-width: 56rem) {
  :root {
    --margin: var(--dottedHalfNote);
  }
}
@media (min-width: 108rem) {
  :root {
    --margin: var(--wholeNote);
  }
}
@media (min-width: 122rem) {
  :root {
    --margin: var(--dottedWholeNote);
  }
}
:root.dark {
  --paper: var(--black);
  --paperHSL: var(--blackHSL);
  --ink: var(--white);
  --headingColor: var(--white);
  --accentColor: var(--lightBlue);
  --linkColor: var(--lightBlue);
  --highlightColor: var(--darkerGray);
  --lighterGray: hsl(var(--lightGrayHS), 26%);
  --lightestGray: hsl(var(--lightGrayHS), 13%);
}
@media (prefers-color-scheme: dark) {
  :root:not(/* (unused) .light*/) {
    --paper: var(--black);
    --paperHSL: var(--blackHSL);
    --ink: var(--white);
    --headingColor: var(--white);
    --accentColor: var(--lightBlue);
    --linkColor: var(--lightBlue);
    --highlightColor: var(--darkerGray);
  }
}

.bio.svelte-jheteh {
  font-size: 0.85rem;
  overflow: auto;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  padding-block: var(--quarterNote);
  border-block: 1px solid currentColor;
  margin-block: var(--quarterNote);
}
@media (min-width: 34rem) {
  .bio.svelte-jheteh {
    flex-wrap: nowrap;
  }
}
.bio.svelte-jheteh .about:where(.svelte-jheteh) {
  font-style: italic;
  font-family: var(--bodyFont);
  line-height: 1.6;
}
.bio.svelte-jheteh .link-list:where(.svelte-jheteh) {
  font-family: var(--headingFont);
  margin: var(--quarterNote) 0 0;
  padding-left: 1.1rem;
}
.bio.svelte-jheteh .link-list:where(.svelte-jheteh) li:where(.svelte-jheteh) {
  margin: 0 0 0.25rem;
}
.bio.svelte-jheteh .link-list:where(.svelte-jheteh) li:where(.svelte-jheteh) a:where(.svelte-jheteh) {
  text-decoration-color: var(--lightGray);
}
.bio.svelte-jheteh .link-list__contact:where(.svelte-jheteh)::marker {
  content: "📩 ";
}
.bio.svelte-jheteh .link-list__more:where(.svelte-jheteh)::marker {
  content: "💁🏼‍♂️ ";
}
.bio.svelte-jheteh .thumbnail:where(.svelte-jheteh) {
  width: 6rem;
  border-radius: 3rem;
  margin: var(--quarterNote) auto 0;
}
@media (min-width: 34rem) {
  .bio.svelte-jheteh .thumbnail:where(.svelte-jheteh) {
    margin: 0 0 0 var(--quarterNote);
  }
}
.bio.svelte-jheteh p:where(.svelte-jheteh) {
  margin: 0;
}
:root {
  --lightBlueHS: 199, 33%;
  --yellowHS: 49, 100%;
  --redHS: 349, 100%;
  --lightGrayHS: 220, 2%;
  --yellowHSL: 49.1, 100%, 50%;
  --lightGrayHSL: 220, 2%, 66%;
  --lightBlueHSL: 199, 33%, 60.95%;
  --darkBlueHSL: 201, 42%, 35.2%;
  --orangeHSL: 22, 100%, 53.8%;
  --redHSL: 349, 100%, 45%;
  --midGrayHSL: 204, 2%, 54%;
  --darkGrayHSL: 210, 4%, 27%;
  --darkerGrayHSL: 349, 25%, 16%;
  --whiteHSL: 0, 0%, 99%;
  --trueWhiteHSL: 0, 0%, 100%;
  --blackHSL: 210, 33%, 9.5%;
  --trueBlackHSL: 0, 0%, 0%;
  --white: hsl(var(--whiteHSL));
  --trueWhite: hsl(var(--trueWhiteHSL));
  --black: hsl(var(--blackHSL));
  --trueBlack: hsl(var(--trueBlackHSL));
  --headingFont: "Averta-Std", -apple-system, system-ui, BlinkMacSystemFont,
  	"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bodyFont: "Alkes", Georgia, serif;
  --codeFont: "MonoLisa", Consolas, Monaco, "Andale Mono", "Ubuntu Mono",
  	monospace;
  --bodyFontWeight: normal;
  --bodyFontSize: 1.125rem;
  --bodyLineHeight: calc(var(--quarterNote) * 1.25);
  --yellow: hsl(var(--yellowHSL));
  --orange: hsl(var(--orangeHSL));
  --red: hsl(var(--redHSL));
  --lightestGray: hsl(var(--lightGrayHS), 94%);
  --lighterGray: hsl(var(--lightGrayHS), 86%);
  --lightGray: hsl(var(--lightGrayHSL));
  --midGray: hsl(var(--midGrayHSL));
  --darkGray: hsl(var(--darkGrayHSL));
  --darkerGray: hsl(var(--darkerGrayHSL));
  --lightBlue: hsl(var(--lightBlueHSL));
  --lighterBlue: hsl(var(--lightBlueHS), 90%);
  --lightestBlue: hsl(var(--lightBlueHS), 95%);
  --darkBlue: hsl(var(--darkBlueHSL));
  --darkerBlue: hsl(var(--darkBlueHSL), 20%);
  --darkGreen: hsl(180, 100%, 20%);
  --blueToYellow: #7ba7bc, #75b1bf, #66c6b6, #4fd27b, #56e035, #acef1b, #faf008,
  	#ffd100;
  --ink: var(--darkGray);
  --paper: var(--white);
  --paperHSL: var(--whiteHSL);
  --headingColor: var(--darkerGray);
  --accentColor: var(--darkBlue);
  --linkColor: var(--darkBlue);
  --highlightColor: var(--darkGray);
  --maxWidth: 34rem;
  --sidebarWidth: 15rem;
  --margin: var(--quarterNote);
  --sixteenthNote: calc(var(--quarterNote) / 4);
  --eighthNote: calc(var(--quarterNote) / 2);
  --quarterNote: 1.25rem;
  --dottedQuarterNote: calc(var(--quarterNote) * 1.5);
  --halfNote: calc(var(--quarterNote) * 2);
  --dottedHalfNote: calc(var(--quarterNote) * 3);
  --wholeNote: calc(var(--quarterNote) * 4);
  --tiedWholeNote: calc(var(--quarterNote) * 5);
  --dottedWholeNote: calc(var(--quarterNote) * 6);
  --buttonSize: 2.2rem;
  --buttonBackground: var(--paper);
  font-size: var(--bodyFontSize);
}
@media (min-width: 42rem) {
  :root {
    --bodyFontSize: 1.1875rem;
  }
}
@media (min-width: 82rem) {
  :root {
    --bodyFontSize: 1.25rem;
  }
}
@media (min-width: 42rem) {
  :root {
    --margin: var(--halfNote);
  }
}
@media (min-width: 56rem) {
  :root {
    --margin: var(--dottedHalfNote);
  }
}
@media (min-width: 108rem) {
  :root {
    --margin: var(--wholeNote);
  }
}
@media (min-width: 122rem) {
  :root {
    --margin: var(--dottedWholeNote);
  }
}
:root.dark {
  --paper: var(--black);
  --paperHSL: var(--blackHSL);
  --ink: var(--white);
  --headingColor: var(--white);
  --accentColor: var(--lightBlue);
  --linkColor: var(--lightBlue);
  --highlightColor: var(--darkerGray);
  --lighterGray: hsl(var(--lightGrayHS), 26%);
  --lightestGray: hsl(var(--lightGrayHS), 13%);
}
@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    --paper: var(--black);
    --paperHSL: var(--blackHSL);
    --ink: var(--white);
    --headingColor: var(--white);
    --accentColor: var(--lightBlue);
    --linkColor: var(--lightBlue);
    --highlightColor: var(--darkerGray);
  }
}

.post .cover-image {
  margin: 0;
  border: 1px solid hsla(var(--darkGrayHSL), 1);
}
.post .meta + p::first-letter,
.post .meta + *:not(p) + p::first-letter,
.post .meta + *:not(p) + *:not(p) + p::first-letter {
  font-size: 3.6em;
  float: left;
  line-height: 0.7em;
  margin: 0.45rem 0.4rem 0 0;
  color: inherit;
  font-weight: bold;
}
.post .meta {
  font-size: 0.8rem;
  line-height: 1.6;
  margin: var(--halfNote) 0 var(--wholeNote);
  width: -moz-max-content;
  width: max-content;
  padding: 0.5em 0;
  font-family: var(--headingFont);
  border-top: 2px solid var(--lightGray);
}
.post .meta b {
  text-transform: uppercase;
  font-style: normal;
  font-size: 0.7rem;
}
.post .post-footer {
  margin: var(--wholeNote) 0 var(--halfNote);
}
.post .post-footer .h4 {
  margin: 0 0 calc(var(--quarterNote) / 2);
}
.post .post-footer .h4::before {
  display: none;
}
.post .post-links {
  margin: var(--halfNote) 0;
  font-family: var(--headingFont);
}
.post .post-links a {
  margin-left: 1ch;
}
.post .post-links__contact::marker {
  content: "📩";
}
.post .post-links__blog::marker {
  content: "🔙";
}
.post .section-heading-image {
  margin-top: var(--dottedWholeNote);
}
.post .section-heading-image + * {
  margin-top: var(--quarterNote);
}
.post .cp_embed_wrapper {
  width: calc(100% + var(--margin) + var(--margin));
  max-width: unset;
  margin-left: calc(var(--margin) * -1);
}
@media (max-width: 92rem) and (min-width: 82rem) {
  .post .cp_embed_wrapper {
    margin-left: 0;
  }
}
.post .back-to-top {
  position: relative;
}
@media (min-width: 82rem) {
  .post h1 {
    width: calc(100% + 15vw);
    max-width: unset;
    font-size: calc(1.8rem + 1.5vw);
  }
}

.sidebar {
  margin-inline: auto !important;
}:root {
  --lightBlueHS: 199, 33%;
  --yellowHS: 49, 100%;
  --redHS: 349, 100%;
  --lightGrayHS: 220, 2%;
  --yellowHSL: 49.1, 100%, 50%;
  --lightGrayHSL: 220, 2%, 66%;
  --lightBlueHSL: 199, 33%, 60.95%;
  --darkBlueHSL: 201, 42%, 35.2%;
  --orangeHSL: 22, 100%, 53.8%;
  --redHSL: 349, 100%, 45%;
  --midGrayHSL: 204, 2%, 54%;
  --darkGrayHSL: 210, 4%, 27%;
  --darkerGrayHSL: 349, 25%, 16%;
  --whiteHSL: 0, 0%, 99%;
  --trueWhiteHSL: 0, 0%, 100%;
  --blackHSL: 210, 33%, 9.5%;
  --trueBlackHSL: 0, 0%, 0%;
  --white: hsl(var(--whiteHSL));
  --trueWhite: hsl(var(--trueWhiteHSL));
  --black: hsl(var(--blackHSL));
  --trueBlack: hsl(var(--trueBlackHSL));
  --headingFont: "Averta-Std", -apple-system, system-ui, BlinkMacSystemFont,
  	"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bodyFont: "Alkes", Georgia, serif;
  --codeFont: "MonoLisa", Consolas, Monaco, "Andale Mono", "Ubuntu Mono",
  	monospace;
  --bodyFontWeight: normal;
  --bodyFontSize: 1.125rem;
  --bodyLineHeight: calc(var(--quarterNote) * 1.25);
  --yellow: hsl(var(--yellowHSL));
  --orange: hsl(var(--orangeHSL));
  --red: hsl(var(--redHSL));
  --lightestGray: hsl(var(--lightGrayHS), 94%);
  --lighterGray: hsl(var(--lightGrayHS), 86%);
  --lightGray: hsl(var(--lightGrayHSL));
  --midGray: hsl(var(--midGrayHSL));
  --darkGray: hsl(var(--darkGrayHSL));
  --darkerGray: hsl(var(--darkerGrayHSL));
  --lightBlue: hsl(var(--lightBlueHSL));
  --lighterBlue: hsl(var(--lightBlueHS), 90%);
  --lightestBlue: hsl(var(--lightBlueHS), 95%);
  --darkBlue: hsl(var(--darkBlueHSL));
  --darkerBlue: hsl(var(--darkBlueHSL), 20%);
  --darkGreen: hsl(180, 100%, 20%);
  --blueToYellow: #7ba7bc, #75b1bf, #66c6b6, #4fd27b, #56e035, #acef1b, #faf008,
  	#ffd100;
  --ink: var(--darkGray);
  --paper: var(--white);
  --paperHSL: var(--whiteHSL);
  --headingColor: var(--darkerGray);
  --accentColor: var(--darkBlue);
  --linkColor: var(--darkBlue);
  --highlightColor: var(--darkGray);
  --maxWidth: 34rem;
  --sidebarWidth: 15rem;
  --margin: var(--quarterNote);
  --sixteenthNote: calc(var(--quarterNote) / 4);
  --eighthNote: calc(var(--quarterNote) / 2);
  --quarterNote: 1.25rem;
  --dottedQuarterNote: calc(var(--quarterNote) * 1.5);
  --halfNote: calc(var(--quarterNote) * 2);
  --dottedHalfNote: calc(var(--quarterNote) * 3);
  --wholeNote: calc(var(--quarterNote) * 4);
  --tiedWholeNote: calc(var(--quarterNote) * 5);
  --dottedWholeNote: calc(var(--quarterNote) * 6);
  --buttonSize: 2.2rem;
  --buttonBackground: var(--paper);
  font-size: var(--bodyFontSize);
}
@media (min-width: 42rem) {
  :root {
    --bodyFontSize: 1.1875rem;
  }
}
@media (min-width: 82rem) {
  :root {
    --bodyFontSize: 1.25rem;
  }
}
@media (min-width: 42rem) {
  :root {
    --margin: var(--halfNote);
  }
}
@media (min-width: 56rem) {
  :root {
    --margin: var(--dottedHalfNote);
  }
}
@media (min-width: 108rem) {
  :root {
    --margin: var(--wholeNote);
  }
}
@media (min-width: 122rem) {
  :root {
    --margin: var(--dottedWholeNote);
  }
}
:root.dark {
  --paper: var(--black);
  --paperHSL: var(--blackHSL);
  --ink: var(--white);
  --headingColor: var(--white);
  --accentColor: var(--lightBlue);
  --linkColor: var(--lightBlue);
  --highlightColor: var(--darkerGray);
  --lighterGray: hsl(var(--lightGrayHS), 26%);
  --lightestGray: hsl(var(--lightGrayHS), 13%);
}
@media (prefers-color-scheme: dark) {
  :root:not(/* (unused) .light*/) {
    --paper: var(--black);
    --paperHSL: var(--blackHSL);
    --ink: var(--white);
    --headingColor: var(--white);
    --accentColor: var(--lightBlue);
    --linkColor: var(--lightBlue);
    --highlightColor: var(--darkerGray);
  }
}

a[href="#app"].svelte-1dh1okz {
  position: fixed;
  bottom: var(--quarterNote);
  right: 0;
  padding: 0.75rem 0.5rem 0.75rem 1rem;
  display: flex;
  background: var(--lighterBlue);
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
  font-family: var(--headingFont);
  line-height: 1;
  gap: 0.25rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
  text-decoration: none;
  color: var(--black);
  z-index: 3;
  transform: translateX(110%);
  transition: transform 0.5s cubic-bezier(1, 0, 0, 1);
}
a[href="#app"].show.svelte-1dh1okz {
  transform: translateX(0);
}
a[href="#app"].svelte-1dh1okz:focus-visible {
  transform: translateX(0);
}
a[href="#app"].svelte-1dh1okz .arrow:where(.svelte-1dh1okz) {
  width: 1rem;
  height: 0.5rem;
  background: var(--black);
  clip-path: polygon(0 100%, 50% 0%, 100% 100%);
}

.dark a[href="#app"] {
  background: var(--lightBlue) !important;
}