@charset "utf-8";

/**/@namespace     "http://www.w3.org/1999/xhtml";
@namespace htm "http://www.w3.org/1999/xhtml";
@namespace mml "http://www.w3.org/1998/Math/MathML";
@namespace svg "http://www.w3.org/2000/svg";/*  *//**/

@font-face {
  font-family                   : title;
  font-stretch                  : extra-condensed;
  font-style                    : normal;
  font-weight                   : 100 900;

  ascent-override               : normal;
  descent-override              : normal;
  font-language-override        : normal;
  line-gap-override             : normal;
  size-adjust                   : 107%;
  subscript-position-override   : from-font;
  subscript-size-override       : from-font;
  superscript-position-override : from-font;
  superscript-size-override     : from-font;

  font-display : block;
  src          : url("/_subresources/fonts/imbue.woff2")
                 format(woff2)
                 tech(variations);

  font-feature-settings
    "aalt" 0,/**/
    "c2sc" 0,/**/
    "case" 0,/**/
    "ccmp" 1,/**/
    "cpsp" 0,/**/
    "dlig" 1,/**/
    "dnom" 0,/**/
    "frac" 0,/**/
    "kern" 1,/**/
    "liga" 1,/**/
    "lnum" 1,/**/
    "locl" 1,/**/
    "mark" 1,/**/
    "mkmk" 1,/**/
    "numr" 0,/**/
    "onum" 0,/**/
    "ordn" 0,/**/
    "smcp" 0,/**/
    "sups" 0,/**/
    "zero" 0;/**/

  unicode-range:
    U+0-2CC, U+2CE-2D7, U+2DA, U+2DC-301, U+303-304, U+308-309, U+323, U+329,
    U+1D00-1DBF, U+1E00-1EFF, U+2000-206F, U+2020, U+20A0-20C0, U+2113, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+2C60-2C7F, U+A720-A7FF, U+FEFF, U+FFFD;
}

@font-face {
  font-family                   : prose;
  font-stretch                  : normal;
  font-style                    : normal;
  font-weight                   : 400 900;

  ascent-override               : 102%;
  descent-override              : 27%;
  font-language-override        : normal;
  line-gap-override             : normal;
  size-adjust                   : 100%;
  subscript-position-override   : from-font;
  subscript-size-override       : from-font;
  superscript-position-override : from-font;
  superscript-size-override     : from-font;

  font-display : swap;
  src          : url("/_subresources/fonts/bodoni-moda-roman.woff2")
                 format(woff2)
                 tech(variations);

  font-feature-settings:
    "aalt" 0,/**/
    "c2sc" 0,/**/
    "case" 0,/**/
    "ccmp" 1,/**/
    "dlig" 1,/**/
    "frac" 0,/**/
    "hlig" 1,/**/
    "kern" 1,/**/
    "liga" 1,/**/
    "lnum" 0,/**/
    "locl" 1,/**/
    "mark" 1,/**/
    "onum" 0,/**/
    "ordn" 0,/**/
    "pnum" 0,/**/
    "smcp" 0,/**/
    "ss01" 1,/**/
    "ss02" 0,/**/
    "ss03" 0,/**/
    "sups" 0,/**/
    "tnum" 0;/**/
}

@font-face {
  font-family                   : prose;
  font-stretch                  : normal;
  font-style                    : italic;
  font-weight                   : 400 900;

  ascent-override               : 102%;
  descent-override              : 27%;
  font-language-override        : normal;
  line-gap-override             : normal;
  size-adjust                   : 100%;
  subscript-position-override   : from-font;
  subscript-size-override       : from-font;
  superscript-position-override : from-font;
  superscript-size-override     : from-font;

  font-display : swap;
  src          : url("/_subresources/fonts/bodoni-moda-italic.woff2")
                 format(woff2)
                 tech(variations);

  font-feature-settings:
    "aalt" 0,/**/
    "c2sc" 0,/**/
    "case" 0,/**/
    "ccmp" 1,/**/
    "dlig" 1,/**/
    "frac" 0,/**/
    "hlig" 1,/**/
    "kern" 1,/**/
    "liga" 1,/**/
    "lnum" 0,/**/
    "locl" 1,/**/
    "mark" 1,/**/
    "onum" 0,/**/
    "ordn" 0,/**/
    "pnum" 0,/**/
    "smcp" 0,/**/
    "ss01" 1,/**/
    "ss02" 0,/**/
    "ss03" 1,/**/
    "sups" 0,/**/
    "tnum" 0;/**/
}

@font-face {
  font-family                   : table;
  font-stretch                  : normal;
  font-style                    : italic;
  font-weight                   : 100 900;

  ascent-override               : normal;
  descent-override              : normal;
  font-language-override        : normal;
  line-gap-override             : normal;
  size-adjust                   : 100%;
  subscript-position-override   : from-font;
  subscript-size-override       : from-font;
  superscript-position-override : from-font;
  superscript-size-override     : from-font;

  font-display : swap;
  src          : url(/_subresources/fonts/inter-italic-latn-viet.woff2)
                 format(woff2)
                 tech(variations);

  font-feature-settings:
    normal;

  font-variation-settings:
    normal;

  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;

}

@font-face {
  font-family                   : table;
  font-stretch                  : normal;
  font-style                    : italic;
  font-weight                   : 100 900;

  ascent-override               : normal;
  descent-override              : normal;
  font-language-override        : normal;
  line-gap-override             : normal;
  size-adjust                   : 100%;
  subscript-position-override   : from-font;
  subscript-size-override       : from-font;
  superscript-position-override : from-font;
  superscript-size-override     : from-font;

  font-display : swap;
  src          : url(/_subresources/fonts/inter-italic-latn-more.woff2)
                 format(woff2)
                 tech(variations);

  font-feature-settings:
    normal;

  font-variation-settings:
    normal;

  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family                   : table;
  font-stretch                  : normal;
  font-style                    : italic;
  font-weight                   : 100 900;

  ascent-override               : normal;
  descent-override              : normal;
  font-language-override        : normal;
  line-gap-override             : normal;
  size-adjust                   : 100%;
  subscript-position-override   : from-font;
  subscript-size-override       : from-font;
  superscript-position-override : from-font;
  superscript-size-override     : from-font;

  font-display : swap;
  src          : url(/_subresources/fonts/inter-italic-latn-base.woff2)
                 format(woff2)
                 tech(variations);

  font-feature-settings:
    normal;

  font-variation-settings:
    normal;

  unicode-range:
    U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308,
    U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}

@font-face {
  font-family                   : table;
  font-stretch                  : normal;
  font-style                    : normal;
  font-weight                   : 100 900;

  ascent-override               : normal;
  descent-override              : normal;
  font-language-override        : normal;
  line-gap-override             : normal;
  size-adjust                   : 100%;
  subscript-position-override   : from-font;
  subscript-size-override       : from-font;
  superscript-position-override : from-font;
  superscript-size-override     : from-font;

  font-display : swap;
  src          : url(/_subresources/fonts/inter-roman-latn-viet.woff2)
                 format(woff2)
                 tech(variations);

  font-feature-settings:
    normal;

  font-variation-settings:
    normal;

  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family                   : table;
  font-stretch                  : normal;
  font-style                    : normal;
  font-weight                   : 100 900;

  ascent-override               : normal;
  descent-override              : normal;
  font-language-override        : normal;
  line-gap-override             : normal;
  size-adjust                   : 100%;
  subscript-position-override   : from-font;
  subscript-size-override       : from-font;
  superscript-position-override : from-font;
  superscript-size-override     : from-font;

  font-display : swap;
  src          : url(/_subresources/fonts/inter-roman-latn-more.woff2)
                 format(woff2)
                 tech(variations);

  font-feature-settings:
    normal;

  font-variation-settings:
    normal;

  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family                   : table;
  font-stretch                  : normal;
  font-style                    : normal;
  font-weight                   : 100 900;

  ascent-override               : normal;
  descent-override              : normal;
  font-language-override        : normal;
  line-gap-override             : normal;
  size-adjust                   : 100%;
  subscript-position-override   : from-font;
  subscript-size-override       : from-font;
  superscript-position-override : from-font;
  superscript-size-override     : from-font;

  font-display : swap;
  src          : url(/_subresources/fonts/inter-roman-latn-base.woff2)
                 format(woff2)
                 tech(variations);

  font-feature-settings:
    normal;

  font-variation-settings:
    normal;

  unicode-range:
    U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308,
    U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
    U+FFFD;
}
---
---
/*- */

@layer reset {

  /**/

  :where(*|*, *|*::after, *|*::before) {
    box-sizing : border-box;
  /*margin     : unset;*/
  /*padding    : unset;*/
  }

  /**/
  :where(:root) {
    @supports (text-size-adjust: none) {
      text-size-adjust: none;
    }

    @supports (not (text-size-adjust: none)) {
      @supports (-moz-text-size-adjust: none) {
        -moz-text-size-adjust: none;
      }

      @supports (-webkit-text-size-adjust: none) {
        -webkit-text-size-adjust: none;
      }
    }
  }

  /**/
  :is(*|*, *|*::after, *|*::before, #🙂‍↔️) {
    font-synthesis: none !important;
  }
}
/* TEMPORARY STYLES FER THE JEKYLL-STAGING BRANCH WHILE ACTUAL STYLES PENDING */

@property --prose-opsz {
  inherits      : true;
  initial-value : 14;
  syntax        : "<integer>";
}

@property --prose-wght-bold {
  inherits      : true;
  initial-value : 666;
  syntax        : "<integer>";
}

@property --prose-wght-base {
  inherits      : true;
  initial-value : 400;
  syntax        : "<integer>";
}

@property --title-opsz {
  inherits      : true;
  initial-value : 60;
  syntax        : "<integer>";
}

@property --title-wght-bold {
  inherits      : true;
  initial-value : 600;
  syntax        : "<integer>";
}

@property --title-wght-base {
  inherits      : true;
  initial-value : 380;
  syntax        : "<integer>";
}

@keyframes thing {
  from { opacity: 1.00; scale:  99.8%; rotate: -0.15deg; }
  to   { opacity: 0.95; scale: 100.2%; rotate:  0.15deg; }
}

@layer temporary {
  html {
    background-color        : light-dark(#48524A, #0A1112);
    color                   : light-dark(#0C110F, #E4FAFF);
    color-scheme            : light dark;
    font-family             : prose;
    font-size               : 1.125rem;
    font-variation-settings : "opsz" var(--prose-opsz),
                              "wght" var(--prose-wght-base);
    height                  : 100%;
  }

  b, strong {
    font-variation-settings   : "opsz" var(--prose-opsz),
                                "wght" var(--prose-wght-bold);
  }

  :where(h1, h2, h3, h4, h5, h6) {
    font-family               : title;
    font-variation-settings   : "opsz" var(--title-opsz),
                                "wght" var(--title-wght-base);

    & :is(b, strong) {
      font-variation-settings : "opsz" var(--title-opsz),
                                "wght" var(--title-wght-bold);
    }
  }

  body {
    background-color        : light-dark(#F2F5E4, #0B1915);
    contain                 : inline-size;
    margin                  : 0 auto;
    max-inline-size         : 70ch;
    min-height              : 100%;
    padding                 : 2ch;
  }

  main {
    & p {
      text-align            : justify;
      text-justify          : inter-character;
    }
  }

  footer {
    animation-direction       : alternate;
    animation-duration        : 7s;
    animation-iteration-count : infinite;
    animation-name            : thing;
    animation-timing-function : cubic-bezier(0.85, 0.25, 0.33, 1.25);
    background-color          : #487210;
    color                     : azure;
    font-size                 : 0.75rem;
    font-variation-settings   : initial;
    letter-spacing            : 0.8px;
    margin-block              : 2em;
    padding                   : 4em;
    text-align                : center;

    & :any-link {
      font-size: larger;
      color: rgb(11, 25, 21);
      margin-inline: 2ch;
      white-space: nowrap;
    }
  }

  header {
    margin-block-end: 2rem;

    & h1 {
      font-size                 : 3rem;
      margin                    : 0;
      margin-block-end: 2rem;
    }
  }

  table {
    border-collapse         : collapse;
    font-family             : table;
    font-optical-sizing     : auto;
    font-size               : 0.8rem;
    font-variant-numeric    : tabular-nums;
    font-variation-settings : initial;
    font-weight             : 222;
  }

  td, th {
    border          : 1px solid color(from currentcolor srgb r g b / 0.25);
    padding-block   : 0.25rem;
    padding-inline  : 0.50rem;
  }

  :any-link {
    color                     : light-dark(#0F798E, #66D678);
    text-decoration-color     : color(from currentcolor srgb r g b / 0.75);
    text-decoration-skip-ink  : auto;
    text-decoration-thickness : from-font;
    text-underline-offset     : 20%;
    text-underline-position   : from-font;
  }

  table :any-link {
    text-underline-offset     : auto;
  }

  .icon {
    width: 2em;
    height: 2em;
    vertical-align: -0.125em;
  }

  @media screen and (min-width: 940px) {
    body {
      max-inline-size: 114ch;
    }

    .container {
      display: flex;
      flex-direction: row-reverse;
      justify-content: center;

      & > aside {
        flex: 0 0 30ch;
        inline-size: 30ch;
        margin-inline-end: 4ch;
      }
    }

    header {
    display: flex;
    justify-content: space-between;
    align-items: end;

    & h1 {
      margin-inline-end: 4ch;
      margin-block-end: 0;
    }
  }
  }
}



/*

@property --axis-opsz {
  inherits      : true;
  initial-value : auto;
  syntax        : "auto | <integer>";
}

@property --axis-wght {
  inherits      : true;
  initial-value : auto;
  syntax        : "auto | <integer>";
}

:where(*|*, *|*::after, *|*::before) {
  --prose-opsz: calc(
      5.990597E-0
    + 9.828644E-3 *     var(--title-opsz)
    + 2.509068E-3 * pow(var(--title-opsz), 2)
    - 3.262996E-5 * pow(var(--title-opsz), 3)
    + 3.863968E-8 * pow(var(--title-opsz), 4)
    + 1.658885E-9 * pow(var(--title-opsz), 5));

  --title-opsz: 80;
  --title-opsz: clamp(0, var(--axis-opsz), 100);

  --font-variation-settings:
    "opsz" var(--prose-opsz),
    "wght" var(--prose-wght);
}

*/

/*

:root {
  font-family : prose;
  font-size   : 12pt;
  line-height : calc(4/3);
  text-align  : justify;
}

body {
  padding: 1ic;
}

h1, h2, h3, h4, h5, h6 {
  font-family : title;
  font-size   : 60px;
  font-weight : 380;
  font-optical-sizing: auto;
}

*/