:root {
  --font-family-humanist: Seravek, Avenir, Montserrat, Corbel, "URW Gothic",
    source-sans-pro, sans-serif;
  --font-family-serif: "Iowan Old Style", "Palatino Linotype", "URW Palladio L",
    Charter, "Bitstream Charter", serif;
  --font-family-sans-serif: Inter, Roboto, "Helvetica Neue", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  --font-family-monospace: ui-monospace, "Cascadia Code", "Source Code Pro",
    Menlo, Consolas, "DejaVu Sans Mono", monospace;

  --c-white: rgb(255, 255, 255);
  --c-black: rgb(0, 0, 0);

  --c-bone: rgb(251, 250, 249);
  --c-bone-dark: rgb(223, 222, 220);
  --c-bone-darker: rgb(159, 158, 157);

  --c-linen-light: rgb(249, 244, 236);
  --c-linen: rgb(236, 231, 222);
  --c-linen-dark: rgb(194, 189, 181);
  --c-linen-darker: rgb(210, 161, 58);

  --c-hard-black: rgb(20, 17, 17);
  --c-soft-black: rgb(43, 40, 40);
  --c-softer-black: rgb(69, 65, 65);
  --c-softest-black: rgb(96, 92, 93);
  --c-pale-black: rgb(168, 163, 163);

  --c-blue-light: rgb(157, 191, 237);
  --c-blue: rgb(116, 148, 192);
  --c-blue-dark: rgb(70, 101, 142);

  --c-cinnamon: rgb(223, 141, 101);
  --c-purple-dark: rgb(145, 91, 145);
  --c-purple-dark-translucent: rgba(145, 91, 145, 0.4);
  --c-purple-light: rgb(242, 182, 242);
  --c-purple-light-translucent: rgba(242, 182, 242, 0.4);

  --c-shadow-light: rgba(52, 41, 30, 0.15);
  --c-shadow: rgba(52, 41, 30, 0.25);
  --c-shadow-dark: rgba(52, 41, 30, 0.35);

  --s-5: 0.125rem;
  --s-4: 0.25rem;
  --s-3: 0.5rem;
  --s-2: 0.75rem;
  --s-1: 0.875rem;
  --s0: 1rem;
  --s1: 1.25rem;
  --s2: 1.5rem;
  --s3: 2rem;
  --s4: 3rem;
  --s5: 4rem;
  --s6: 6rem;
  --s7: 8rem;

  --measure: 42rem;
  --measure-medium: calc(var(--measure) * 1.25);
  --measure-large: calc(var(--measure) * 1.5);
  --measure-half: 22rem;
  --measure-small: 15.25rem;

  --font-size-xsmall: 0.75rem;
  --font-size-small: max(0.8125rem, min(1.75vw, 1rem));
  --font-size-default: max(1rem, min(2.25vw, 1.125rem));
  --font-size-large: max(1.125rem, min(2.5vw, 1.25rem));
  --font-size-xlarge: max(1.25rem, min(3.25vw, 1.625rem));

  --transition-duration-extra-fast: 80ms;
  --transition-duration-fast: 250ms;
  --transition-duration-medium: 500ms;
  --transition-duration-slow: 1s;
  --transition-duration-extra-slow: 3s;

  --transition-curve: cubic-bezier(0.34, 1.56, 0.64, 1);

  --drop-shadow-light: 0 0 var(--s-4) var(--c-shadow);
  --drop-shadow-medium: 0 0 var(--s-2) var(--c-shadow);
  --drop-shadow-heavy: 0 0 var(--s0) var(--c-shadow);
}
/*
  Reset courtesy of https://www.joshwcomeau.com/css/custom-css-reset/
*/
/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
/*
  2. Remove default margin
*/
* {
  margin: 0;
}
/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
/*
  5. Improve media defaults
*/
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
/*
  6. Remove built-in form typography styles
*/
input,
button,
textarea,
select {
  font: inherit;
}
/*
  7. Avoid text overflows
*/
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  word-wrap: break-word;
}
/*
  8. Create a root stacking context
*/
#root,
#__next {
  isolation: isolate;
}
:root {
  --c-surface-dark: var(--c-soft-black);
  --c-surface-light: var(--c-bone);
  --c-surface-bright: var(--c-white);
  --c-surface-offset: var(--c-linen);
  --c-surface-offset-light: var(--c-linen-light);
  --c-surface-offset-dark: var(--c-linen-dark);
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-surface-dark: var(--c-bone);
    --c-surface-light: var(--c-soft-black);
    --c-surface-bright: var(--c-hard-black);
    --c-surface-offset: var(--c-softer-black);
    --c-surface-offset-dark: var(--c-softer-black);
  }
}
:root {
  --c-text-primary: var(--c-soft-black);
  --c-text-secondary: var(--c-softest-black);
  --c-text-inverse: var(--c-bone-dark);
  --c-border: var(--c-bone-dark);
  --c-border-dark: var(--c-bone-darker);
  --c-link: var(--c-linen-darker);
  --c-link-hover: var(--c-soft-black);
  --c-link-visited: var(--c-text-secondary);
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-text-primary: var(--c-bone-dark);
    --c-text-secondary: var(--c-bone-darker);
    --c-text-inverse: var(--c-soft-black);
    --c-border: var(--c-softer-black);
    --c-border-dark: var(--c-soft-black);
    --c-link: var(--c-linen-darker);
    --c-link-hover: var(--c-bone-dark);
    --c-link-visited: var(--c-text-secondary);
  }
}
:focus-visible {
  --outline-size: max(2px, 0.15em);

  outline: max(2px, 0.15em) solid
    currentColor;

  outline: var(--outline-width, var(--outline-size)) var(--outline-style, solid)
    var(--outline-color, currentColor);
  outline-offset: max(2px, 0.15em);
  outline-offset: var(--outline-offset, var(--outline-size));
}
html {
  font-size: calc(1em + 0.25vw);
}
body {
  background-color: rgb(251, 250, 249);
  background-color: var(--c-surface-light);
  color: rgb(43, 40, 40);
  color: var(--c-text-primary);
  font-family: Seravek, Avenir, Montserrat, Corbel, "URW Gothic",
    source-sans-pro, sans-serif;
  font-family: var(--font-family-humanist);
  font-size: max(1rem, min(2.25vw, 1.125rem));
  font-size: var(--font-size-default);
  line-height: 1.5;
  font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 700;
  line-height: 1.4;
  text-wrap: balance;
  font-family: "Iowan Old Style", "Palatino Linotype", "URW Palladio L",
    Charter, "Bitstream Charter", serif;
  font-family: var(--font-family-serif);
}
h1:not(.does-not-exist) a,h2:not(.does-not-exist) a,h3:not(.does-not-exist) a,h4:not(.does-not-exist) a,h5:not(.does-not-exist) a,h6:not(.does-not-exist) a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a {
    font-weight: inherit;
  }
h1,
.h1 {
  font-size: max(2rem, min(6.75vw, 3.375rem));
  line-height: 1.2;
}
h2,
.h2 {
  font-size: max(1.25rem, min(4.75vw, 2.375rem));
  line-height: 1.2;
}
h3,
.h3 {
  font-family: Seravek, Avenir, Montserrat, Corbel, "URW Gothic",
    source-sans-pro, sans-serif;
  font-family: var(--font-family-humanist);
  /* font-size: clamp(1.125rem, 4vw, 2rem); */
  font-size: max(1rem, min(2.25vw, 1.125rem));
  font-size: var(--font-size-default);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.3;
}
h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-size: max(1rem, min(3.25vw, 1.625rem));
}
a:not([class]),
.link {
  cursor: pointer;
  font-weight: 500;
  color: inherit;
  transition: text-decoration-color 250ms ease-in-out;
  transition: text-decoration-color var(--transition-duration-fast) ease-in-out;
  text-decoration-color: rgb(210, 161, 58);
  text-decoration-color: var(--c-link);
  text-decoration-thickness: max(0.1em, 2px);
  text-underline-offset: 0.15em;
}
a:not([class]):active {
    text-decoration-color: rgb(43, 40, 40);
    text-decoration-color: var(--c-link-hover);
  }
.link:not(does-not-exist):active {
    text-decoration-color: rgb(43, 40, 40);
    text-decoration-color: var(--c-link-hover);
  }
a:not([class]):hover,.link:not(does-not-exist):hover,a:not([class]):focus,.link:not(does-not-exist):focus,a.active:not([class]),.active.link:not(does-not-exist),a[aria-current="page"]:not([class]),.link[aria-current="page"]:not(does-not-exist) {
    text-decoration-color: rgb(43, 40, 40);
    text-decoration-color: var(--c-link-hover);
  }
a:not([class]):visited {
    color: rgb(96, 92, 93);
    color: var(--c-link-visited);
  }
.link:not(does-not-exist):visited {
    color: rgb(96, 92, 93);
    color: var(--c-link-visited);
  }
/* Link sizes */
.link\:block {
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}
.link\:block * {
    text-wrap: balance;
  }
.link\:block .title {
    --space: 0;

    -webkit-text-decoration: underline;

    text-decoration: underline;
    transition: text-decoration-color 250ms
      ease-in-out;
    transition: text-decoration-color var(--transition-duration-fast)
      ease-in-out;
    text-decoration-color: rgb(210, 161, 58);
    text-decoration-color: var(--c-link);
    text-decoration-thickness: max(0.15em, 2px);
    text-underline-offset: 0.15em;
  }
.link\:block:hover,.link\:block:focus,.link\:block:active,.link\:block.active {
    color: inherit;
  }
.link\:block:active .title {
      text-decoration-color: rgb(43, 40, 40);
      text-decoration-color: var(--c-link-hover);
    }
.link\:block:hover .title,.link\:block:focus .title,.link\:block.active .title {
      text-decoration-color: rgb(43, 40, 40);
      text-decoration-color: var(--c-link-hover);
    }
/* Utilities */
.small-caps {
  font-family: Inter, Roboto, "Helvetica Neue", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 500;
  font-size: 0.75rem;
  font-size: var(--font-size-xsmall);
  letter-spacing: 0.075em;
  text-transform: uppercase;
}
/* Timestamps */
.timestamp {
  font-family: Seravek, Avenir, Montserrat, Corbel, "URW Gothic",
    source-sans-pro, sans-serif;
  font-family: var(--font-family-humanist);
  color: rgb(96, 92, 93);
  color: var(--c-text-secondary);
  font-size: 0.75rem;
  font-size: var(--font-size-xsmall);
  font-weight: 500;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}
figcaption,
.caption {
  text-align: center;
  font-style: italic;
  font-size: 0.875rem;
}
figure figcaption {
  margin-top: 0.5rem;
  margin-top: var(--s-3);
  font-size: 0.75rem;
  font-size: var(--font-size-xsmall);
  color: rgb(96, 92, 93);
  color: var(--c-text-secondary);
}
.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* Blockquote */
blockquote {
  font-size: inherit;
  font-style: italic;
  font-weight: 400;
  padding-left: 1.5em;
  border-left: 0.25rem solid rgb(223, 222, 220);
  border-left: var(--s-4) solid var(--c-border);
}
/* Horizontal Rules */
hr {
  border: none;
  display: block;
  height: 2px;
  background-image: linear-gradient(
    to right,
    transparent 0%,
    rgb(223, 222, 220) 40%,
    rgb(223, 222, 220) 60%,
    transparent 100%
  );
  background-image: linear-gradient(
    to right,
    transparent 0%,
    var(--c-border) 40%,
    var(--c-border) 60%,
    transparent 100%
  );
}
/* Type sizes */
.font-size\:xlarge,
.link\:xlarge {
  font-size: max(1.25rem, min(3.25vw, 1.625rem));
}
.font-size\:large,
.link\:large {
  font-size: max(1.125rem, min(2.5vw, 1.25rem));
}
.font-size\:default,
.link\:default {
  font-size: max(1rem, min(2.25vw, 1.125rem));
}
.font-size\:small,
.link\:small {
  font-size: max(0.875rem, min(2vw, 1rem));
}
.font-size\:xsmall,
.link\:xsmall {
  font-size: max(0.75rem, min(1.75vw, 0.875rem));
}
/* Quote */
.blockquote {
  font-style: italic;
}
.blockquote .quote > :first-child::before {
    content: "“";
  }
.blockquote .quote > :last-child::after {
    content: "”";
  }
/* Overlines */
[class*="overline:"] {
  font-family: Inter, Roboto, "Helvetica Neue", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-family: var(--font-family-sans-serif);
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.5;
}
.overline\:xlarge {
  font-size: max(1rem, min(3.25vw, 1.625rem));
}
.overline\:large {
  font-size: max(0.875rem, min(2.25vw, 1.125rem));
}
.overline\:small {
  font-size: max(0.75rem, min(1.75vw, 0.875rem));
}
/* Font size classes */
.font-size\:xlarge {
  font-size: max(1.25rem, min(3.25vw, 1.625rem));
  font-size: var(--font-size-xlarge);
}
.font-size\:large {
  font-size: max(1.125rem, min(2.5vw, 1.25rem));
  font-size: var(--font-size-large);
}
.font-size\:default {
  font-size: max(1rem, min(2.25vw, 1.125rem));
  font-size: var(--font-size-default);
}
.font-size\:small {
  font-size: max(0.8125rem, min(1.75vw, 1rem));
  font-size: var(--font-size-small);
}
.font-size\:xsmall {
  font-size: 0.75rem;
  font-size: var(--font-size-xsmall);
}
/* Font weight classes */
.font-weight\:bold {
  font-weight: 700;
}
.font-weight\:medium {
  font-weight: 500;
}
.font-weight\:normal {
  font-weight: 400;
}
.font-weight\:light {
  font-weight: 300;
}
/* Font style */
.font-style\:italic {
  font-style: italic;
}
/* Text Alignment */
.text-align\:left {
  text-align: left !important;
}
.text-align\:center {
  text-align: center !important;
}
.text-align\:right {
  text-align: right !important;
}
/* Text Wrap */
.text-wrap\:balance {
  text-wrap: balance;
}
/* Lists */
.list-style\:none {
  padding: 0;
  list-style: none;
}
dl  > * {
    display: block;
  }
dl dt {
    font-family: Inter, Roboto, "Helvetica Neue", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    font-family: var(--font-family-sans-serif);
    font-weight: 700;
    font-size: 0.75rem;
    font-size: var(--font-size-xsmall);
    letter-spacing: 0.075em;
    text-transform: uppercase;
    text-wrap: balance;
  }
dl dd  + dt {
      margin-top: 1rem;
      margin-top: var(--s0);
    }
/* Typefaces */
.font-family\:serif {
  font-family: "Iowan Old Style", "Palatino Linotype", "URW Palladio L",
    Charter, "Bitstream Charter", serif;
  font-family: var(--font-family-serif);
}
.font-family\:sans-serif {
  font-family: Inter, Roboto, "Helvetica Neue", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-family: var(--font-family-sans-serif);
}
.font-family\:humanist {
  font-family: Seravek, Avenir, Montserrat, Corbel, "URW Gothic",
    source-sans-pro, sans-serif;
  font-family: var(--font-family-humanist);
}
/* Text color */
.color\:primary {
  color: rgb(43, 40, 40);
  color: var(--c-text-primary);
}
.color\:secondary {
  color: rgb(96, 92, 93);
  color: var(--c-text-secondary);
}
code,
pre {
  font-family: ui-monospace, "Cascadia Code", "Source Code Pro",
    Menlo, Consolas, "DejaVu Sans Mono", monospace;
  font-family: var(--font-family-monospace);
  font-size: 0.925rem;
  background-color: rgb(43, 40, 40);
  background-color: var(--c-surface-dark);
  color: rgb(223, 222, 220);
  color: var(--c-text-inverse);
  display: inline-block;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-left: var(--s-4);
  padding-right: var(--s-4);
  border-radius: 0.125rem;
  border-radius: var(--s-5);
}
.container {
  container-type: inline-size;
}
.prose {
  --content-width: var(--measure);
  --margin: 1.5rem;
  --margin-heading: 2.5rem;
  text-wrap: pretty;
}
.prose  > * + *,.prose blockquote > * + * {
    margin-top: var(--margin);
  }
.prose  > h2,.prose  > h3 {
    margin-top: var(--margin-heading);
    margin-bottom: 0.5rem;
  }
.prose  > h3 {
    margin-bottom: 0;
  }
.prose:not(.full-width)  > p,.prose:not(.full-width)  > ul,.prose:not(.full-width)  > ol,.prose:not(.full-width)  > blockquote,.prose:not(.full-width)  > hr,.prose:not(.full-width)  > h2,.prose:not(.full-width)  > h3,.prose:not(.full-width)  > h4,.prose:not(.full-width)  > h5,.prose:not(.full-width)  > h6 {
      width: 100%;
      max-width: var(--content-width);
      margin-left: auto;
      margin-right: auto;
    }
.prose > p:first-of-type:first-letter {
      font-family: "Iowan Old Style", "Palatino Linotype", "URW Palladio L",
    Charter, "Bitstream Charter", serif;
      font-family: var(--font-family-serif);
      font-size: max(2.6rem, min(8vw, 4.96rem));
      float: left;
      line-height: 0.9;
      margin-right: 0.5rem;
      margin-right: var(--s-3);
      margin-top: 0;
      font-style: normal;
      font-weight: 500;
    }
.prose > p:first-of-type:after {
      content: "";
      display: block;
      clear: both;
    }
.prose li + li {
    margin-top: 0.25rem;
  }
.prose hr,.prose .responsive-video {
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-top: var(--s4);
    margin-bottom: var(--s4);
  }
.prose blockquote {
    font-size: max(0.8125rem, min(1.75vw, 1rem));
    font-size: var(--font-size-small);
  }
.prose aside {
    padding: 1.5rem 1rem;
    padding: var(--s2) var(--s0);
    text-align: center;
    background-color: rgb(236, 231, 222);
    background-color: var(--c-surface-offset);
    border-radius: 1rem;
    border-radius: var(--s0);
    box-shadow: 0 0 0.25rem rgba(52, 41, 30, 0.25);
    box-shadow: var(--drop-shadow-light);
  }
.prose .responsive-video {
    max-width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: calc(42rem * 1.25);
    width: var(--measure-medium);
    max-width: min(calc(42rem * 1.25), calc(100vw - 1rem * 2));
    max-width: min(var(--measure-medium), calc(100vw - var(--s0) * 2));
    background-color: rgb(43, 40, 40);
    background-color: var(--c-surface-dark);
  }
@media (min-width: 66rem) {
.prose .responsive-video {
      max-width: min(
        calc(42rem * 1.25),
        calc(100vw - 15.25rem - 2rem * 2)
      );
      max-width: min(
        var(--measure-medium),
        calc(100vw - var(--measure-small) - var(--s3) * 2)
      );
  }
    }
.card {
  box-shadow: 0 0 0.25rem rgba(52, 41, 30, 0.25);
  box-shadow: var(--drop-shadow-light);
  border: 1px solid rgb(255, 255, 255);
  border: 1px solid var(--c-surface-bright);
  background-color: rgb(255, 255, 255);
  background-color: var(--c-surface-bright);
}
.card:has(a) {
    outline: 0;
    transition-duration: 80ms;
    transition-duration: var(--transition-duration-extra-fast);
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    transition-property: box-shadow, border-color;
    cursor: pointer;
    position: relative;
  }
.card picture {
    overflow: hidden;
  }
.card picture img {
      -o-object-fit: cover;
         object-fit: cover;
      transition-duration: 250ms;
      transition-duration: var(--transition-duration-fast);
      transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
      transition-property: scale;
    }
.card:hover,.card:focus-within {
    box-shadow: 0 0 1rem rgba(52, 41, 30, 0.25);
    box-shadow: var(--drop-shadow-heavy);
    border-color: rgb(223, 222, 220);
    border-color: var(--c-border);
  }
.card:focus-within img {
      scale: 1.2;
    }
.card:hover img {
      scale: 1.2;
    }
.card .text {
    line-height: 1.3;
  }
.card.horizontal {
    padding: 0.25rem;
    padding: var(--s-4);
    display: grid;
    grid-template-columns: 1fr 3fr;
    border-radius: 0.5rem;
    border-radius: var(--s-3);
    align-items: center;
  }
.card.horizontal .image,.card.horizontal .text {
      grid-row: 1;
    }
.card.horizontal .image {
      grid-column: 1;
    }
.card.horizontal .text {
      grid-column: 2;
      padding-left: 0.75rem;
      padding-right: 0.75rem;
      padding-left: var(--s-2);
      padding-right: var(--s-2);
    }
.card.horizontal picture {
      border-radius: 0.25rem;
      border-radius: var(--s-4);
      aspect-ratio: 1;
    }
:root {
  --c-button-background: transparent;
  --c-button-background-focus: var(--c-surface-bright);
  --c-button-background-active: var(--c-linen-darker);
  --c-button-border: transparent;
  --c-button-border-hover: var(--c-softer-black);
  --c-button-border-focus: var(--c-softer-black);
  --c-button-border-active: var(--c-linen-darker);
  --c-button-border-disabled: transparent;
  --c-button-text: var(--c-text-primary);
  --c-button-text-hover: var(--c-text-primary);
  --c-button-text-focus: var(--c-text-primary);
  --c-button-text-active: var(--c-surface-bright);
  --c-button-text-disabled: var(--c-softer-black);
  --button-font-size: var(--font-size-xsmall);
}
button,
.button {
  --outline-color: var(--c-button-border-hover);

  background: transparent;

  background: var(--c-button-background);
  border: max(0.1em, 1px) solid transparent;
  border: max(0.1em, 1px) solid var(--c-button-border);
  border-radius: 0.5rem;
  border-radius: var(--s-3);
  color: rgb(43, 40, 40);
  color: var(--c-button-text);
  cursor: pointer;
  display: inline-block;
  font-family: Inter, Roboto, "Helvetica Neue", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  font-family: var(--font-family-sans-serif);
  font-size: 0.75rem;
  font-size: var(--button-font-size);
  font-weight: 500;
  padding: max(0.25rem, min(1vw, 0.5rem));
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 80ms ease-in-out;
  transition: all var(--transition-duration-extra-fast) ease-in-out;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
}
button.disabled:not(.does-not-exist),.disabled.button,button[disabled]:not(.does-not-exist),.button[disabled] {
    border-color: transparent;
    border-color: var(--c-button-border-disabled);
    color: rgb(69, 65, 65);
    color: var(--c-button-text-disabled);
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.6;
  }
button:not(.does-not-exist):hover,.button:hover {
    color: rgb(43, 40, 40);
    color: var(--c-button-text-hover);
    border-color: rgb(69, 65, 65);
    border-color: var(--c-button-border-hover);
    box-shadow: 0 0 1rem rgba(52, 41, 30, 0.25);
    box-shadow: var(--drop-shadow-heavy);
  }
button:not(.does-not-exist):focus-visible {
    color: rgb(43, 40, 40);
    color: var(--c-button-text-focus);
    border-color: rgb(69, 65, 65);
    border-color: var(--c-button-border-focus);
    box-shadow: 0 0 1rem rgba(52, 41, 30, 0.25);
    box-shadow: var(--drop-shadow-heavy);
  }
.button:focus-visible {
    color: rgb(43, 40, 40);
    color: var(--c-button-text-focus);
    border-color: rgb(69, 65, 65);
    border-color: var(--c-button-border-focus);
    box-shadow: 0 0 1rem rgba(52, 41, 30, 0.25);
    box-shadow: var(--drop-shadow-heavy);
  }
button:not(.does-not-exist):active {
    --outline-color: var(--c-button-background-active);

    color: rgb(255, 255, 255);

    color: var(--c-button-text-active);
    border-color: rgb(210, 161, 58);
    border-color: var(--c-button-border-active);
    background-color: rgb(210, 161, 58);
    background-color: var(--c-button-background-active);
  }
.button:active {
    --outline-color: var(--c-button-background-active);

    color: rgb(255, 255, 255);

    color: var(--c-button-text-active);
    border-color: rgb(210, 161, 58);
    border-color: var(--c-button-border-active);
    background-color: rgb(210, 161, 58);
    background-color: var(--c-button-background-active);
  }
button.active:not(.does-not-exist),.active.button,button[aria-current="page"]:not(.does-not-exist),.button[aria-current="page"] {
    --outline-color: var(--c-button-background-active);

    color: rgb(255, 255, 255);

    color: var(--c-button-text-active);
    border-color: rgb(210, 161, 58);
    border-color: var(--c-button-border-active);
    background-color: rgb(210, 161, 58);
    background-color: var(--c-button-background-active);
  }
button:not(.does-not-exist):not(:has(svg)) {
    min-width: 3em;
  }
.button:not(:has(svg)) {
    min-width: 3em;
  }
button:not(.does-not-exist) svg,.button svg {
    width: 1.5em;
    height: 1.5em;
    color: inherit;
  }
.medium-zoom-overlay,
.medium-zoom-image {
  z-index: 20;
}
.medium-zoom-overlay {
  background: rgb(255, 255, 255) !important;
  background: var(--c-surface-bright) !important;
}
.medium-zoom-image {
  border-radius: 0.5rem;
  border-radius: var(--s-3);
}
.box,
[class*="box:"] {
  --padding-x: var(--s0);
  --padding-y: var(--s0);

  padding: 1rem 1rem;

  padding: var(--padding-y) var(--padding-x);
}
.full-width.box,.full-width[class*="box:"] {
    position: relative;
    left: 50%;
    width: calc(100vw - 0 * 2);
    width: calc(100vw - var(--frame-padding) * 2);
    transform: translateX(-50%);
  }
@media (min-width: 42rem) {
.box,
[class*="box:"] {
    --padding-x: 1.75rem;
}
  }
.box > .box,[class*="box:"] > .box,.box [class*="box:"],[class*="box:"] [class*="box:"] {
    --padding-x: 0;
  }
.box\:tight {
  --padding-y: var(--s-2);
}
.box\:flush {
  --padding-x: 0;
  --padding-y: 0;
}
.box\:px-0 {
  --padding-x: 0;
}
.box\:px-0 > .box,.box\:px-0  > [class*="box:"] {
    --padding-x: var(--s0);
  }
.box\:py-0 {
  --padding-y: 0;
}
.box\:comfy {
  --padding-y: var(--s1);
}
@media (min-width: 42rem) {
.box\:comfy {
    --padding-y: var(--s3);
}
  }
.center,
.center\:padded,
.center\:intrinsic,
.center\:text,
.center\:narrow,
.center\:medium,
.center\:wide,
.center\:xwide,
.center\:self {
  --width: var(--measure);
  --content-width: 100%;

  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 42rem;
  max-width: var(--width);
  width: 100%;
  width: var(--content-width);
}
.center\:padded {
  padding-left: 0.75rem;
  padding-left: var(--s-2);
  padding-right: 0.75rem;
  padding-right: var(--s-2);
}
.center\:intrinsic {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.center\:text {
  text-align: center;
}
.center\:narrow {
  --width: calc(var(--measure) * 0.75);
}
.center\:medium {
  --width: var(--measure-medium);
}
.center\:wide {
  --width: var(--measure-large);
}
.center\:xwide {
  --width: calc(var(--measure-large) * 1.25);
}
.center\:self {
  --content-width: fit-content;
}
.cluster,
.cluster\:flush,
.cluster\:tight,
.cluster\:comfy,
.cluster\:loose,
.cluster\:center,
.cluster\:spread,
.cluster\:end {
  --gap: var(--s0);
  --distribution: flex-start;
  --alignment: center;
  --wrap: wrap;

  display: flex;
  flex-wrap: wrap;
  flex-wrap: var(--wrap);
  gap: 1rem;
  gap: var(--gap);
  align-items: center;
  align-items: var(--alignment);
  justify-content: flex-start;
  justify-content: var(--distribution);
}
.cluster > *,.cluster\:flush > *,.cluster\:tight > *,.cluster\:comfy > *,.cluster\:loose > *,.cluster\:center > *,.cluster\:spread > *,.cluster\:end > * {
    width: auto;
  }
.cluster > .flex-grow\:1,.cluster\:flush > .flex-grow\:1,.cluster\:tight > .flex-grow\:1,.cluster\:comfy > .flex-grow\:1,.cluster\:loose > .flex-grow\:1,.cluster\:center > .flex-grow\:1,.cluster\:spread > .flex-grow\:1,.cluster\:end > .flex-grow\:1 {
      flex-grow: 1;
    }
.cluster > .flex-grow\:0,.cluster\:flush > .flex-grow\:0,.cluster\:tight > .flex-grow\:0,.cluster\:comfy > .flex-grow\:0,.cluster\:loose > .flex-grow\:0,.cluster\:center > .flex-grow\:0,.cluster\:spread > .flex-grow\:0,.cluster\:end > .flex-grow\:0 {
      flex-grow: 0;
    }
.cluster  > [class*="cluster"],.cluster\:flush  > [class*="cluster"],.cluster\:tight  > [class*="cluster"],.cluster\:comfy  > [class*="cluster"],.cluster\:loose  > [class*="cluster"],.cluster\:center  > [class*="cluster"],.cluster\:spread  > [class*="cluster"],.cluster\:end  > [class*="cluster"] {
    display: flex;
  }
.cluster\:flush {
  --gap: var(--s-5);
}
.cluster\:tight {
  --gap: var(--s-3);
}
.cluster\:comfy {
  --gap: var(--s-2);
}
.cluster\:loose {
  --gap: var(--s2);
}
.cluster\:center {
  --distribution: center;
}
.cluster\:spread {
  --distribution: space-between;
}
.cluster\:end {
  --distribution: flex-end;
}
.stack,
.stack\:flush,
.stack\:tight,
.stack\:comfy,
.stack\:roomy,
.stack\:loose,
.stack\:extra-loose {
  --space: var(--s1);

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1.25rem;
  gap: var(--space);
}
.stack > *,.stack\:flush > *,.stack\:tight > *,.stack\:comfy > *,.stack\:roomy > *,.stack\:loose > *,.stack\:extra-loose > * {
    margin-top: 0;
    margin-bottom: 0;
  }
.stack\:flush {
  --space: var(--s-5);
}
.stack\:tight {
  --space: var(--s-3);
}
.stack\:comfy {
  --space: var(--s0);
}
.stack\:roomy {
  --space: var(--s1);
}
@media (min-width: 42rem) {
.stack\:roomy {
    --space: var(--s3);
}
  }
.stack\:loose {
  --space: var(--s3);
}
@media (min-width: 42rem) {
.stack\:loose {
    --space: var(--s5);
}
  }
@media (min-width: 42rem) {
.stack\:extra-loose {
    --space: var(--s7);
}
  }
.icon {
  --color: currentColor;
  --size: 1em;

  width: 1em;

  width: var(--size);
  height: 1em;
  height: var(--size);
  min-width: var(--min-icon-size);
  min-height: var(--min-icon-size);
  fill: currentColor;
  fill: var(--color);
}
.with-icon {
  --icon-size: 1em;
  --min-icon-size: var(--s0);

  position: relative;
  display: inline-block;
}
.with-icon.only {
    display: inline;
  }
.with-icon  > [class*="icon"] {
    height: var(--icon-size);
    width: var(--icon-size);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
.with-icon > .align-top[class*="icon"] {
      transform: none;
      transform: initial;
      top: 0.1em;
    }
.with-icon:not(.after) {
  padding-left: max(
    calc(var(--icon-size) * 1.25),
    calc(var(--min-icon-size) + 0.5em)
  );
}
.with-icon:not(.after)  > [class*="icon"] {
    left: 0;
  }
.with-icon.after {
  padding-right: max(
    calc(var(--icon-size) * 1.25),
    calc(var(--min-icon-size) + 0.5em)
  );
}
.with-icon.after  > [class*="icon"] {
    right: 0;
  }
.with-sidebar {
  --gap: var(--s5);
  --row-gap: var(--s1);
  --width: 16rem;

  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
  row-gap: 1.25rem;
  row-gap: var(--row-gap);
}
.with-sidebar  > .sidebar {
    flex-basis: var(--width);
    flex-grow: 1;
  }
.with-sidebar  > :not(.sidebar) {
    flex-basis: 0;
    flex-grow: 999;
    min-width: max(calc(50% - var(--gap)), min(var(--width), 100%));
  }
.with-sidebar .with-sidebar  > :not(.sidebar) {
      flex-basis: 0;
      flex-grow: 999;
      min-width: calc(66% - var(--gap));
    }
html,
body,
.page {
  --frame-padding: 0;

  margin: 0;
  padding: 0;
  min-height: 100vh;
  min-height: 100dvh;
}
@media (min-width: 42rem) {
html,
body,
.page {
    --frame-padding: var(--s-3);
}
  }
@media (min-width: 66rem) {
html,
body,
.page {
    --frame-padding: var(--s-1);
}
  }
body {
  padding: 0;
  padding: var(--frame-padding);
  padding-top: 0;
  background-color: rgb(255, 255, 255);
  background-color: var(--c-surface-bright);
}
.page {
  background-color: rgb(251, 250, 249);
  background-color: var(--c-surface-light);
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 0.25rem rgba(52, 41, 30, 0.25);
  box-shadow: var(--drop-shadow-light);
}
.page .site-content {
    flex-grow: 1;
  }
.block-scrolling {
  height: 100%;
  overflow: hidden;
}
.site-player {
  position: fixed;
  left: 50%;
  bottom: 0;
  translate: -50% 100%;
}
.responsive-video {
  position: relative;
  aspect-ratio: 16/9;
  border-radius: 0.5rem;
  border-radius: var(--s-3);
  overflow: hidden;
  box-shadow: 0 0 0.75rem rgba(52, 41, 30, 0.25);
  box-shadow: var(--drop-shadow-medium);
}
.responsive-video  > video,.responsive-video  > iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
img {
  --border-radius: var(--s-3);

  max-width: 100%;
}
img.hero {
    border-radius: var(--border-radius);
    width: 100%;
  }
img[width][height] {
  width: auto;
  height: auto; /* Preserve aspect ratio */
}
img[src$=".svg"] {
  width: 100%;
  height: auto;
  max-width: none;
}
.cover {
  --container-width: calc(100vw - var(--frame-padding) * 2);
  --cover-padding: max(var(--s0), min(8vw, var(--s5)));

  padding: 4vw max(1rem, min(8vw, 4rem));

  padding: 4vw var(--cover-padding);
  background-color: rgb(236, 231, 222);
  background-color: var(--c-surface-offset);
}
.cover img {
    border: 1px solid rgb(194, 189, 181);
    border: 1px solid var(--c-surface-offset-dark);
    border-right-color: rgb(251, 250, 249);
    border-right-color: var(--c-surface-light);
    border-bottom-color: rgb(251, 250, 249);
    border-bottom-color: var(--c-surface-light);
    border-radius: 0.5rem;
    border-radius: var(--s-3);
    contain: layout;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 95dvh;
  }
.cover [data-orientation="portrait"] img {
      max-width: min(
        calc(
          var(--container-width) - var(--cover-padding) - var(--cover-padding)
        ),
        42rem
      );
      max-width: min(
        calc(
          var(--container-width) - var(--cover-padding) - var(--cover-padding)
        ),
        var(--measure)
      );
      margin-left: auto;
      margin-right: auto;
    }
@media (min-width: 66rem) {
.cover [data-orientation="portrait"] img {
        --container-width: calc(100% - var(--frame-padding) * 2);
    }
      }
.prose picture,.prose img {
    border-radius: var(--border-radius);
    width: 100%;
  }
[data-alt-image] img {
  border-radius: var(--border-radius);
}
*:has(> .alt-image) {
  position: relative;
  transition: all 250ms cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: all var(--transition-duration-fast) var(--transition-curve);
  aspect-ratio: 1;
  max-width: 75vw;
  margin-left: auto;
  margin-right: auto;
  will-change: border-radius, scale;
}
*:has( > .alt-image) img {
    border-radius: var(--border-radius);
    display: block;
    transition: inherit;
    will-change: rotate;
    box-shadow: 0 0 0.5rem rgba(52, 41, 30, 0.25);
    box-shadow: 0 0 var(--s-3) var(--c-shadow);
  }
*:has( > .alt-image) .alt-image {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    will-change: border-radius, scale, rotate, opacity, box-shadow;
  }
*:has( > .alt-image):hover,*:has( > .alt-image):focus {
    rotate: 9deg;
    scale: 1.1;
  }
:has( > .alt-image):hover img {
      border-radius: 4rem;
      border-radius: var(--s5);
    }
:has( > .alt-image):focus img {
      border-radius: 4rem;
      border-radius: var(--s5);
    }
:has( > .alt-image):hover .alt-image {
      opacity: 1;
      box-shadow: 0 0 1.5rem 0.25rem rgba(52, 41, 30, 0.35);
      box-shadow: 0 0 var(--s2) var(--s-4) var(--c-shadow-dark);
    }
:has( > .alt-image):focus .alt-image {
      opacity: 1;
      box-shadow: 0 0 1.5rem 0.25rem rgba(52, 41, 30, 0.35);
      box-shadow: 0 0 var(--s2) var(--s-4) var(--c-shadow-dark);
    }
.site-header {
  --avatar-size: var(--s4);

  border-top: 5px solid transparent;
  -o-border-image: linear-gradient(
    to right,
    rgb(106, 19, 51) 0%,
    rgb(187, 28, 76) 10%,
    rgb(203, 16, 82) 20%,
    rgb(149, 171, 112) 30%,
    rgb(136, 207, 88) 40%,
    rgb(82, 107, 82) 50%,
    rgb(74, 52, 37) 60%,
    rgb(148, 56, 84) 70%,
    rgb(245, 104, 155) 80%,
    rgb(148, 73, 60) 90%,
    rgb(132, 6, 54) 100%
  );
     border-image: linear-gradient(
    to right,
    rgb(106, 19, 51) 0%,
    rgb(187, 28, 76) 10%,
    rgb(203, 16, 82) 20%,
    rgb(149, 171, 112) 30%,
    rgb(136, 207, 88) 40%,
    rgb(82, 107, 82) 50%,
    rgb(74, 52, 37) 60%,
    rgb(148, 56, 84) 70%,
    rgb(245, 104, 155) 80%,
    rgb(148, 73, 60) 90%,
    rgb(132, 6, 54) 100%
  );
  border-image-slice: 7;
  position: relative;
  z-index: 10;
}
.site-header .branding {
    position: relative;
    z-index: 2;
  }
.site-header .branding .logo {
      display: grid;
      grid-template-columns: var(--avatar-size) 10ch;
      align-items: center;
      grid-gap: 0.5rem;
      grid-gap: var(--s-3);
      gap: 0.5rem;
      gap: var(--s-3);
      font-weight: 500;
      line-height: 1;
      font-size: max(0.8125rem, min(1.75vw, 1rem));
      font-size: var(--font-size-small);
      -webkit-text-decoration: none;
      text-decoration: none;
      color: inherit;
      width: -moz-min-content;
      width: min-content;
    }
.site-header .branding .logo .image {
        width: var(--avatar-size);
        height: var(--avatar-size);
        border-radius: 0.875rem;
        border-radius: var(--s-1);
        overflow: hidden;
        transition: all 250ms cubic-bezier(0.34, 1.56, 0.64, 1);
        transition: all var(--transition-duration-fast) var(--transition-curve);
        box-shadow: none;
        border: 3px solid rgb(255, 255, 255);
        border: 3px solid var(--c-surface-bright);
        box-shadow: 0 0 2px 1px oklch(28.93% 0.025 67.83 / 25%);
        box-shadow: 0 0 2px 1px var(--c-shadow);
      }
.site-header .branding .logo .image img {
          filter: brightness(0.25) grayscale(80%);
          transition: inherit;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
        }
.site-header .branding .logo:active .image {
          rotate: -10deg;
          scale: 1.1;
          box-shadow: 0 0 0.25rem rgba(52, 41, 30, 0.25);
          box-shadow: var(--drop-shadow-light);
        }
.site-header .branding .logo:hover .image,.site-header .branding .logo:focus .image {
          rotate: -10deg;
          scale: 1.1;
          box-shadow: 0 0 0.25rem rgba(52, 41, 30, 0.25);
          box-shadow: var(--drop-shadow-light);
        }
.site-header .branding .logo:active .image img {
            filter: brightness(1) grayscale(0);
          }
.site-header .branding .logo:hover .image img,.site-header .branding .logo:focus .image img {
            filter: brightness(1) grayscale(0);
          }
.site-header .menu-toggler {
    --c-button: var(--c-text-primary);

    position: relative;
    z-index: 2;
  }
.site-header .menu-toggler button svg {
        height: 1.5rem;
        width: 1.5rem;
        transition: inherit;
      }
.site-header .menu-toggler button[aria-expanded="false"] .open {
          display: block;
        }
.site-header .menu-toggler button[aria-expanded="false"] .close {
          display: none;
        }
.site-header .menu-toggler button[aria-expanded="true"] .open {
          display: none;
        }
.site-header .menu-toggler button[aria-expanded="true"] .close {
          display: block;
        }
.site-header-container {
  display: grid;
  grid-gap: 1rem;
  grid-gap: var(--s0);
  gap: 1rem;
  gap: var(--s0);
  grid-template-columns: 1fr auto;
  align-items: center;
}
@media (min-width: 42rem) {
  .menu-toggler {
    display: none;
  }

  .site-header-container {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-top: var(--s-3);
    padding-bottom: var(--s-3);
  }
}
.site-nav .nav-primary {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    gap: var(--s0);
    align-items: center;
    font-weight: 500;
    font-size: max(0.8125rem, min(1.75vw, 1rem));
    font-size: var(--font-size-small);
  }
.site-nav .nav-primary a {
      -webkit-text-decoration: none;
      text-decoration: none;
    }
@media (max-width: 41.99rem) {
  .site-nav {
    position: fixed;
    top: 5px; /* <- this allows the gradient border to show through */
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(251, 250, 249);
    background-color: var(--c-surface-light);
    padding: 6rem 1.25rem 1.25rem;
    padding: var(--s6) var(--s1) var(--s1);
    z-index: 0;
    display: none;
    overflow: auto;
    overscroll-behavior: contain;
  }

  .-open {
    --color-background: var(--c-soft-black);
    --color-text: var(--c-warm-white);
    --color-dot: var(--c-red);
  }

    .-open .site-nav {
      display: block;
      animation: menu-in 250ms cubic-bezier(0.34, 1.56, 0.64, 1);
      animation: menu-in var(--transition-duration-fast) var(--transition-curve);
    }
    .site-nav a {
      font-size: max(1.125rem, min(2.5vw, 1.25rem));
      font-size: var(--font-size-large);
      padding-top: 0.75rem;
      padding-top: var(--s-2);
      padding-bottom: 0.75rem;
      padding-bottom: var(--s-2);
    }
}
@media (min-width: 42rem) {
    .site-nav .nav-primary {
      flex-direction: row;
    }
}
@keyframes menu-in {
  0% {
    opacity: 0;
    scale: 0.9;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
.site-footer {
  --margin-top: var(--s2);

  margin-top: 1.5rem;

  margin-top: var(--margin-top);
  background-color: rgb(236, 231, 222);
  background-color: var(--c-surface-offset);
  border-top: 1px solid rgb(223, 222, 220);
  border-top: 1px solid var(--c-border);
  color: rgb(96, 92, 93);
  color: var(--c-text-secondary);
}
@media (min-width: 42rem) {
.site-footer {
    --margin-top: var(--s5);
}
  }
.site-footer a {
    color: rgb(43, 40, 40);
    color: var(--c-text-primary);
  }
.site-footer .social-links a {
      color: inherit;
      display: block;
      width: 1.25rem;
      aspect-ratio: 1/1;
      transition: color 250ms ease-in-out;
      transition: color var(--transition-duration-fast) ease-in-out;
    }
.site-footer .social-links a:active {
        color: rgb(43, 40, 40);
        color: var(--c-text-primary);
      }
.site-footer .social-links a:hover,.site-footer .social-links a:focus {
        color: rgb(43, 40, 40);
        color: var(--c-text-primary);
      }
.page-header {
  border-bottom: 1px solid rgb(223, 222, 220);
  border-bottom: 1px solid var(--c-border);
}
.page-header .summary {
    font-family: Seravek, Avenir, Montserrat, Corbel, "URW Gothic",
    source-sans-pro, sans-serif;
    font-family: var(--font-family-humanist);
    font-size: max(1rem, min(2.25vw, 1.125rem));
    font-size: var(--font-size-default);
    font-style: italic;
    text-wrap: balance;
  }
.page-header .summary em {
      font-weight: 500;
    }
.page-header:has(.pagination) {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    grid-gap: 1.25rem;
    grid-gap: var(--s1);
    gap: 1.25rem;
    gap: var(--s1);
  }
.article:has(.cover) {
    display: flex;
    flex-direction: column;
  }
.article:has(.cover) .cover {
      order: -1;
    }
.article footer {
    border-top: 1px solid rgb(223, 222, 220);
    border-top: 1px solid var(--c-border);
  }
.article .footnotes {
    color: rgb(96, 92, 93);
    color: var(--c-text-secondary);
    font-size: 0.75rem;
    font-size: var(--font-size-xsmall);
  }
.article .footnotes li + li {
      margin-top: 1rem;
    }
.daily-links {
  position: relative;
  padding-bottom: 0.875rem;
  padding-bottom: var(--s-1);
}
.daily-links h2 {
    background-color: rgb(251, 250, 249);
    background-color: var(--c-surface-light);
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 0.875rem;
    padding: var(--s-1);
    margin-left: calc(0.875rem * -1);
    margin-right: calc(0.875rem * -1);
    margin-left: calc(var(--s-1) * -1);
    margin-right: calc(var(--s-1) * -1);
  }
.daily-links  + .daily-links {
    border-top: 1px solid rgb(223, 222, 220);
    border-top: 1px solid var(--c-border);
  }
@container (inline-size > 30rem) {
.daily-links {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 0.25rem;
    grid-gap: var(--s-4);
    gap: 0.25rem;
    gap: var(--s-4);
    align-items: start;
    padding-bottom: 0;
}

    .daily-links h2 {
      background-color: transparent;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }

    .daily-links  > * {
      padding-top: 1rem;
      padding-bottom: 1rem;
      padding-top: var(--s0);
      padding-bottom: var(--s0);
    }
  }
.categories a:not([class]) {
    --c-visited: inherit;
  }
.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28ch, 1fr));
  grid-auto-flow: dense;
  grid-gap: 0.75rem;
  grid-gap: var(--s-2);
  gap: 0.75rem;
  gap: var(--s-2);
}
.gallery picture,.gallery img {
    display: block;
    aspect-ratio: 4/3;
    border-radius: 0.5rem;
    border-radius: var(--s-3);
    overflow: hidden;
    background-color: rgb(236, 231, 222);
    background-color: var(--c-linen);
  }
.gallery picture img,.gallery img img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      contain: layout;
    }
.pagination .heading {
    border-bottom: 1px solid rgb(223, 222, 220);
    border-bottom: 1px solid var(--c-border);
    padding-bottom: 0.5rem;
    padding-bottom: var(--s-3);
  }