:root {
  --white: #FFFFFF;
  --dark1: #1C2830;
  --dark2: #6F7072;
  --dark2A: #6F707208;
  --yellow1: #E6B655;
  --yellow1A: #E6B65516;
  --blue1: #195F8D;
  --blue1A: #195F8D16;
  --brown1: #A39B8F;
  --brown2: #DCD9D5;
  --grey1: #F5F5F5;
  --baseColor: var(--white);
  --baseAltColor: var(--grey1);
  --textColor: var(--dark1);
  --primaryColor: var(--yellow1);
  --secondaryColor: var(--brown1);
  --textAltColor: var(--textColor);
  --linkColor: var(--textColor);
  --linkHoverColor: var(--primaryColor);
  --linkDecorationColor: var(--primaryColor);
  --borderColor: var(--secondaryColor);
  --accentColor: var(--primaryColor);
  --focusColor: var(--secondaryColor);
  --inputBgColor: var(--baseColor);
  --btnBgColor: var(--primaryColor);
  --btnFocusBgColor: var(--secondaryColor);
  --btnColor: var(--textColor);
  --btnFocusColor: var(--textColor);
  --fontDefault: "larkenRegular", serif;
  --fontSystem: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --fontSans: sans-serif;
  --fontSerif: serif;
  --fontMono: monospace;
  --fontElasticSize: clamp(14px, calc(.55em + .75vw), 18px);
  --h1Size: 3.7em;
  --h2Size: 2.9em;
  --h3Size: 2.3em;
  --h4Size: 1.9em;
  --h5Size: 1.5em;
  --h6Size: 1.2em;
  --lineHeight: 1.5;
  --titleMarginBottom: 1rem;
  --textMarginBottom: var(--titleMarginBottom);
  --inputBorders: 1px solid var(--brown2);
  --inputPadding: .5rem 1rem;
  --inputRadius: 2rem;
  --btnPadding: .75rem 1.25rem;
  --btnRadius: 2rem;
  --btnFontWeight: 400;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  max-width: 100%;
  display: block;
}

@media (prefers-reduced-motion) {
  *, *::before, *::after {
    -webkit-animation-duration: 0s !important;
            animation-duration: 0s !important;
    -webkit-transition: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
body {
  accent-color: var(--accentColor);
}

label {
  font-weight: 700;
}

input,
select,
textarea {
  font-family: var(--system-ui);
  border: var(--inputBorders);
}
input:focus,
select:focus,
textarea:focus {
  outline: 1px solid var(--focusColor);
}
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--textColor);
  opacity: 0.5;
}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--textColor);
  opacity: 0.5;
}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--textColor);
  opacity: 0.5;
}
input::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: var(--textColor);
  opacity: 0.5;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--textColor);
  opacity: 0.5;
}

textarea,
select,
[type=text],
[type=email],
[type=date],
[type=datetime-local],
[type=number],
[type=range],
[type=search],
[type=month],
[type=password],
[type=url] [type=file],
[type=search],
[type=tel],
[type=time],
[type=week] {
  display: block;
  width: 100%;
  color: var(--textColor);
  background-color: var(--inputBgColor);
  padding: var(--inputPadding);
  border-radius: var(--inputRadius);
}

[type=color],
[type=file] {
  padding: 0;
}

[type=file]::-webkit-file-upload-button {
  display: inline-block;
  border: none;
  padding: var(--btnPadding);
  border-radius: var(--btnRadius);
  line-height: 1;
  font-weight: var(--btnFontWeight);
  text-decoration: none;
  background-color: var(--btnBgColor);
  color: var(--baseColor);
  cursor: pointer;
  font-family: "onest";
  font-weight: 600;
}

button,
.button,
.btn,
[type=submit],
[type=reset],
[type=file]::file-selector-button {
  display: inline-block;
  border: none;
  padding: var(--btnPadding);
  border-radius: var(--btnRadius);
  line-height: 1;
  font-weight: var(--btnFontWeight);
  text-decoration: none;
  background-color: var(--btnBgColor);
  color: var(--baseColor);
  cursor: pointer;
  font-family: "onest";
  font-weight: 600;
}
[type=file]::-webkit-file-upload-button:hover {
  background-color: var(--btnFocusBgColor);
  color: var(--baseColor);
}
button:hover,
.button:hover,
.btn:hover,
[type=submit]:hover,
[type=reset]:hover,
[type=file]::file-selector-button:hover {
  background-color: var(--btnFocusBgColor);
  color: var(--baseColor);
}

.resizable {
  resize: both;
  overflow: auto;
}

html {
  font-size: 15px;
}

body {
  color: var(--textColor);
  font-family: var(--fontDefault);
  line-height: var(--lineHeight);
}
body * {
  font-size: calc(1em * var(--fsx, 1));
}

.fontSystem {
  font-family: var(--fontSystem);
}

.fontSans {
  font-family: var(--fontSans);
}

.fontSerif {
  font-family: var(--fontSerif);
}

.fontMono {
  font-family: var(--fontMono);
}

.font\:onest, article.contract, h2.h\:alt, .h2.h\:alt, h3.h\:alt, .h3.h\:alt {
  font-family: "onest", sans-serif;
  font-size: 0.9333333333rem;
}

.font\:larkenMedium {
  font-family: "larkenMedium", serif;
}

.font\:larkenRegularItalic {
  font-family: "larkenRegularItalic", serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  text-wrap: balance;
}

h1, .h1 {
  font-size: clamp(2.143rem, 0.714rem + 3.333vw, 3.571rem); /* min: 30px, max: 50px */
  color: var(--dark2);
  font-weight: var(--fw, 700);
}

h2, .h2 {
  font-size: clamp(1.429rem, 0.714rem + 1.667vw, 2.143rem); /* min: 20px, max: 30px */
  color: var(--dark2);
  font-weight: var(--fw, 700);
}

h3, .h3 {
  font-size: clamp(1.286rem, 0.857rem + 1vw, 1.714rem); /* min: 18px, max: 24px */
  color: var(--dark2);
  font-weight: var(--fw, 700);
}

h2.h\:alt, .h2.h\:alt, h3.h\:alt, .h3.h\:alt {
  color: var(--yellow1);
  font-size: clamp(1.143rem, 0.857rem + 0.667vw, 1.429rem); /* min: 16px, max: 20px */
  font-weight: 400;
}

h4, .h4 {
  font-size: clamp(1.143rem, 0.857rem + 0.667vw, 1.429rem); /* min: 16px, max: 20px */
  color: var(--dark2);
  font-weight: var(--fw, 700);
}

h5, .h5 {
  font-size: clamp(1rem, 0.714rem + 0.667vw, 1.286rem); /* min: 14px, max: 18px */
  color: var(--dark2);
  font-weight: var(--fw, 700);
}

h6, .h6 {
  font-size: clamp(0.857rem, 0.714rem + 0.333vw, 1rem); /* min: 12px, max: 14px */
  color: var(--dark2);
  font-weight: var(--fw, 700);
}

p, blockquote, q, ul, ol, table, pre,
.p, .blockquote, .q, .ul, .ol, .pre {
  margin-bottom: var(--textMarginBottom);
}
p:last-child, blockquote:last-child, q:last-child, ul:last-child, ol:last-child, table:last-child, pre:last-child,
.p:last-child, .blockquote:last-child, .q:last-child, .ul:last-child, .ol:last-child, .pre:last-child {
  margin-bottom: 0;
}

a, .a {
  color: var(--linkColor);
  text-decoration-color: var(--linkDecorationColor);
}
a:hover, .a:hover {
  color: var(--linkHoverColor);
}

.td\:none {
  text-decoration: none;
}

.t\:center {
  text-align: center;
}

.t\:right {
  text-align: right;
}

:is(ul, .ul, ol, .ol):not(.flat-list) > * {
  list-style-type: var(--lst, disc);
  list-style-position: outside;
  margin-left: 2ch;
}
:is(ul, .ul, ol, .ol):not(.flat-list) > * > :is(ul, .ul, ol, .ol) {
  margin: 0.5em 0;
}
:is(ul, .ul, ol, .ol):not(.flat-list) > * li, :is(ul, .ul, ol, .ol):not(.flat-list) > * :is(.ul, .ol) > * {
  margin-left: 1ch;
  list-style-type: var(--lstSub, circle);
}

:is(ol, .ol):not(.flat-list) > * {
  list-style-type: var(--lst, decimal-leading-zero);
  margin-left: 4ch;
}
:is(ol, .ol):not(.flat-list) > * li, :is(ol, .ol):not(.flat-list) > *.ol > * {
  margin-left: unset;
  list-style-type: var(--lstSub, lower-alpha);
}

:is(ul, .ul, ol, .ol).flat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
:is(ul, .ul, ol, .ol).flat-list li {
  display: block;
}

i, .i, em, .em, cite, .cite {
  font-style: italic;
}

pre, code, .pre .code {
  font-family: var(--fontMono);
}

table {
  width: 100%;
  text-align: left;
}
table th {
  font-weight: 700;
}
table th, table td {
  padding: 0.5ch;
}
table.row\:stripped tr:nth-child(odd) {
  background-color: var(--baseAltColor);
}
table.row\:stripped thead th, table.row\:stripped tr:nth-child(even) {
  background-color: var(--baseColor);
}
table.row\:border {
  border: 1px solid var(--textColor);
}
table.row\:border thead, table.row\:border tr:not(:last-child) {
  border-bottom: 1px solid var(--textColor);
}

ul.sum-list {
  margin-top: calc(var(--unitVariable) * 1.5);
}
ul.sum-list li {
  list-style-type: none !important;
  margin-left: 0 !important;
  font-size: 1rem;
  font-family: "onest";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.sum-list li > * {
  text-decoration: none;
  color: var(--dark1);
}
ul.sum-list li span:first-child {
  font-family: "larkenMedium";
  color: var(--yellow1);
  display: inline-block;
  margin-right: 1ch;
  text-align: right;
  min-width: 3ch;
}
@media (max-width: 768px) {
  ul.sum-list {
    display: none;
  }
}

.fw\:100 {
  --fw: 100;
  font-weight: var(--fw);
}

.fw\:200 {
  --fw: 200;
  font-weight: var(--fw);
}

.fw\:300 {
  --fw: 300;
  font-weight: var(--fw);
}

.fw\:400 {
  --fw: 400;
  font-weight: var(--fw);
}

.fw\:500 {
  --fw: 500;
  font-weight: var(--fw);
}

.fw\:600 {
  --fw: 600;
  font-weight: var(--fw);
}

.fw\:700 {
  --fw: 700;
  font-weight: var(--fw);
}

.fw\:800 {
  --fw: 800;
  font-weight: var(--fw);
}

.fw\:900 {
  --fw: 900;
  font-weight: var(--fw);
}

b, .b, .bold, strong, .strong {
  font-weight: var(--fw, 700);
}

.fsx\:0\.4 {
  --fsx: 0.4;
}

.fsx\:0\.6 {
  --fsx: 0.6;
}

.fsx\:0\.8 {
  --fsx: 0.8;
}

.fsx\:1\.2 {
  --fsx: 1.2;
}

.fsx\:1\.4 {
  --fsx: 1.4;
}

.fsx\:1\.6 {
  --fsx: 1.6;
}

.fsx\:1\.8 {
  --fsx: 1.8;
}

.fsx\:2 {
  --fsx: 2;
}

.fsx\:2\.2 {
  --fsx: 2;
}

/* Grids */
[class*="grid:"] {
  /* Gaps */
  /* Grid base properties */
  container-name: grid-container;
  container-type: inline-size;
  display: -ms-grid;
  display: grid;
  gap: var(--gap, 2rem);
  -ms-grid-columns: ;
  grid-template-columns: repeat(var(--cols, 12), 1fr);
  /* Align properties */
}
[class*="grid:"].gap\:0 {
  --gap: ;
}
[class*="grid:"].gap\:1 {
  --gap: 0.5em ;
}
[class*="grid:"].gap\:2 {
  --gap: 1.0em ;
}
[class*="grid:"].gap\:3 {
  --gap: 1.5em ;
}
[class*="grid:"].gap\:4 {
  --gap: 2.0em ;
}
[class*="grid:"].gap\:6 {
  --gap: 3.0em ;
}
[class*="grid:"].gap\:10 {
  --gap: 10.0em ;
}
[class*="grid:"].g\:0 {
  --gap: 0em;
}
[class*="grid:"].g\:1 {
  --gap: 0.5em;
}
[class*="grid:"].g\:2 {
  --gap: 1em;
}
[class*="grid:"].g\:3 {
  --gap: 1.5em;
}
[class*="grid:"].g\:4 {
  --gap: 2em;
}
[class*="grid:"].g\:5 {
  --gap: 2.5em;
}
[class*="grid:"].g\:6 {
  --gap: 3em;
}
@media (width < 480px) {
  [class*="grid:"] {
    -webkit-column-gap: 0.5rem;
       -moz-column-gap: 0.5rem;
            column-gap: 0.5rem;
  }
}
[class*="grid:"] > * {
  grid-column: auto/span var(--span);
}
[class*="grid:"] > *.row\:2 {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
[class*="grid:"] > *.row\:3 {
  -ms-grid-row-span: 3;
  grid-row: span 3;
}
[class*="grid:"] > *.row\:4 {
  -ms-grid-row-span: 4;
  grid-row: span 4;
}
[class*="grid:"].ai\:start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
[class*="grid:"].ai\:center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[class*="grid:"].ai\:end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
[class*="grid:"].ai\:strech {
  -webkit-box-align: strech;
      -ms-flex-align: strech;
          align-items: strech;
}

/*
 * Pattern :
 * @sup @sub
*/
/*
 * Pattern :
 * @breakpoint (@cols:@default, @cols:@default, ...)
*/
@media (min-width: 0px) {
  .grid\:10 {
    --cols: 10;
    --span: 10;
  }
  .grid\:12 {
    --cols: 12;
    --span: 12;
  }
  .grid\:16 {
    --cols: 16;
    --span: 16;
  }
}
@media (min-width: 480px) {
  .grid\:10 {
    --cols: 10;
    --span: 10;
  }
  .grid\:12 {
    --cols: 12;
    --span: 12;
  }
  .grid\:16 {
    --cols: 16;
    --span: 16;
  }
}
@media (min-width: 768px) {
  .grid\:10 {
    --cols: 10;
    --span: 10;
  }
  .grid\:12 {
    --cols: 12;
    --span: 12;
  }
  .grid\:16 {
    --cols: 16;
    --span: 16;
  }
}
@media (min-width: 960px) {
  .grid\:10 {
    --cols: 10;
    --span: 10;
  }
  .grid\:12 {
    --cols: 12;
    --span: 12;
  }
  .grid\:16 {
    --cols: 16;
    --span: 16;
  }
}
@media (min-width: 1200px) {
  .grid\:10 {
    --cols: 10;
    --span: 10;
  }
  .grid\:12 {
    --cols: 12;
    --span: 12;
  }
  .grid\:16 {
    --cols: 16;
    --span: 16;
  }
}
@media (min-width: 0px) {
  .\@media\>\=0\:1\/8 {
    --span: calc(var(--cols) * 1 / 8);
  }
  .\@media\>\=0\:3\/8 {
    --span: calc(var(--cols) * 3 / 8);
  }
  .\@media\>\=0\:5\/8 {
    --span: calc(var(--cols) * 5 / 8);
  }
  .\@media\>\=0\:7\/8 {
    --span: calc(var(--cols) * 7 / 8);
  }
  .\@media\>\=0\:1\/6 {
    --span: calc(var(--cols) * 1 / 6);
  }
  .\@media\>\=0\:1\/5 {
    --span: calc(var(--cols) * 1 / 5);
  }
  .\@media\>\=0\:1\/4 {
    --span: calc(var(--cols) * 1 / 4);
  }
  .\@media\>\=0\:1\/3 {
    --span: calc(var(--cols) * 1 / 3);
  }
  .\@media\>\=0\:1\/2 {
    --span: calc(var(--cols) * 1 / 2);
  }
  .\@media\>\=0\:2\/3 {
    --span: calc(var(--cols) * 2 / 3);
  }
  .\@media\>\=0\:3\/4 {
    --span: calc(var(--cols) * 3 / 4);
  }
  .\@media\>\=0\:1\/1 {
    --span: calc(var(--cols) * 1 / 1);
  }
}
@media (min-width: 480px) {
  .\@media\>\=480\:1\/8 {
    --span: calc(var(--cols) * 1 / 8);
  }
  .\@media\>\=480\:3\/8 {
    --span: calc(var(--cols) * 3 / 8);
  }
  .\@media\>\=480\:5\/8 {
    --span: calc(var(--cols) * 5 / 8);
  }
  .\@media\>\=480\:7\/8 {
    --span: calc(var(--cols) * 7 / 8);
  }
  .\@media\>\=480\:1\/6 {
    --span: calc(var(--cols) * 1 / 6);
  }
  .\@media\>\=480\:1\/5 {
    --span: calc(var(--cols) * 1 / 5);
  }
  .\@media\>\=480\:1\/4 {
    --span: calc(var(--cols) * 1 / 4);
  }
  .\@media\>\=480\:1\/3 {
    --span: calc(var(--cols) * 1 / 3);
  }
  .\@media\>\=480\:1\/2 {
    --span: calc(var(--cols) * 1 / 2);
  }
  .\@media\>\=480\:2\/3 {
    --span: calc(var(--cols) * 2 / 3);
  }
  .\@media\>\=480\:3\/4 {
    --span: calc(var(--cols) * 3 / 4);
  }
  .\@media\>\=480\:1\/1 {
    --span: calc(var(--cols) * 1 / 1);
  }
}
@media (min-width: 768px) {
  .\@media\>\=768\:1\/8 {
    --span: calc(var(--cols) * 1 / 8);
  }
  .\@media\>\=768\:3\/8 {
    --span: calc(var(--cols) * 3 / 8);
  }
  .\@media\>\=768\:5\/8 {
    --span: calc(var(--cols) * 5 / 8);
  }
  .\@media\>\=768\:7\/8 {
    --span: calc(var(--cols) * 7 / 8);
  }
  .\@media\>\=768\:1\/6 {
    --span: calc(var(--cols) * 1 / 6);
  }
  .\@media\>\=768\:1\/5 {
    --span: calc(var(--cols) * 1 / 5);
  }
  .\@media\>\=768\:1\/4 {
    --span: calc(var(--cols) * 1 / 4);
  }
  .\@media\>\=768\:1\/3 {
    --span: calc(var(--cols) * 1 / 3);
  }
  .\@media\>\=768\:1\/2 {
    --span: calc(var(--cols) * 1 / 2);
  }
  .\@media\>\=768\:2\/3 {
    --span: calc(var(--cols) * 2 / 3);
  }
  .\@media\>\=768\:3\/4 {
    --span: calc(var(--cols) * 3 / 4);
  }
  .\@media\>\=768\:1\/1 {
    --span: calc(var(--cols) * 1 / 1);
  }
}
@media (min-width: 960px) {
  .\@media\>\=960\:1\/8 {
    --span: calc(var(--cols) * 1 / 8);
  }
  .\@media\>\=960\:3\/8 {
    --span: calc(var(--cols) * 3 / 8);
  }
  .\@media\>\=960\:5\/8 {
    --span: calc(var(--cols) * 5 / 8);
  }
  .\@media\>\=960\:7\/8 {
    --span: calc(var(--cols) * 7 / 8);
  }
  .\@media\>\=960\:1\/6 {
    --span: calc(var(--cols) * 1 / 6);
  }
  .\@media\>\=960\:1\/5 {
    --span: calc(var(--cols) * 1 / 5);
  }
  .\@media\>\=960\:1\/4 {
    --span: calc(var(--cols) * 1 / 4);
  }
  .\@media\>\=960\:1\/3 {
    --span: calc(var(--cols) * 1 / 3);
  }
  .\@media\>\=960\:1\/2 {
    --span: calc(var(--cols) * 1 / 2);
  }
  .\@media\>\=960\:2\/3 {
    --span: calc(var(--cols) * 2 / 3);
  }
  .\@media\>\=960\:3\/4 {
    --span: calc(var(--cols) * 3 / 4);
  }
  .\@media\>\=960\:1\/1 {
    --span: calc(var(--cols) * 1 / 1);
  }
}
@media (min-width: 1200px) {
  .\@media\>\=1200\:1\/8 {
    --span: calc(var(--cols) * 1 / 8);
  }
  .\@media\>\=1200\:3\/8 {
    --span: calc(var(--cols) * 3 / 8);
  }
  .\@media\>\=1200\:5\/8 {
    --span: calc(var(--cols) * 5 / 8);
  }
  .\@media\>\=1200\:7\/8 {
    --span: calc(var(--cols) * 7 / 8);
  }
  .\@media\>\=1200\:1\/6 {
    --span: calc(var(--cols) * 1 / 6);
  }
  .\@media\>\=1200\:1\/5 {
    --span: calc(var(--cols) * 1 / 5);
  }
  .\@media\>\=1200\:1\/4 {
    --span: calc(var(--cols) * 1 / 4);
  }
  .\@media\>\=1200\:1\/3 {
    --span: calc(var(--cols) * 1 / 3);
  }
  .\@media\>\=1200\:1\/2 {
    --span: calc(var(--cols) * 1 / 2);
  }
  .\@media\>\=1200\:2\/3 {
    --span: calc(var(--cols) * 2 / 3);
  }
  .\@media\>\=1200\:3\/4 {
    --span: calc(var(--cols) * 3 / 4);
  }
  .\@media\>\=1200\:1\/1 {
    --span: calc(var(--cols) * 1 / 1);
  }
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Align properties */
}
.flex.wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flex.jc\:between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex.jc\:end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.flex.jc\:center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex.fd\:column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.flex.ai\:start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.flex.ai\:center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex.ai\:end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.flex.ai\:strech {
  -webkit-box-align: strech;
      -ms-flex-align: strech;
          align-items: strech;
}

.bg\:white, .bg\>\:white > * {
  background-color: var(--white);
}

.t\:white {
  color: var(--white);
}

.bc\:white, .bc\>\:white > * {
  border-color: var(--white);
}

.bg\:dark1, .bg\>\:dark1 > * {
  background-color: var(--dark1);
}

.t\:dark1 {
  color: var(--dark1);
}

.bc\:dark1, .bc\>\:dark1 > * {
  border-color: var(--dark1);
}

.bg\:dark2, .bg\>\:dark2 > * {
  background-color: var(--dark2);
}

.t\:dark2 {
  color: var(--dark2);
}

.bc\:dark2, .bc\>\:dark2 > * {
  border-color: var(--dark2);
}

.bg\:dark2A, .bg\>\:dark2A > * {
  background-color: var(--dark2A);
}

.t\:dark2A {
  color: var(--dark2A);
}

.bc\:dark2A, .bc\>\:dark2A > * {
  border-color: var(--dark2A);
}

.bg\:yellow1, .bg\>\:yellow1 > * {
  background-color: var(--yellow1);
}

.t\:yellow1 {
  color: var(--yellow1);
}

.bc\:yellow1, .bc\>\:yellow1 > * {
  border-color: var(--yellow1);
}

.bg\:yellow1A, article.contract[lang=en], .bg\>\:yellow1A > * {
  background-color: var(--yellow1A);
}

.t\:yellow1A {
  color: var(--yellow1A);
}

.bc\:yellow1A, .bc\>\:yellow1A > * {
  border-color: var(--yellow1A);
}

.bg\:blue1, .notes .note.note-level2, .bg\>\:blue1 > * {
  background-color: var(--blue1);
}

.t\:blue1 {
  color: var(--blue1);
}

.bc\:blue1, .bc\>\:blue1 > * {
  border-color: var(--blue1);
}

.bg\:blue1A, .bg\>\:blue1A > * {
  background-color: var(--blue1A);
}

.t\:blue1A {
  color: var(--blue1A);
}

.bc\:blue1A, .bc\>\:blue1A > * {
  border-color: var(--blue1A);
}

.bg\:brown1, .notes .note.note-level3, .bg\>\:brown1 > * {
  background-color: var(--brown1);
}

.t\:brown1 {
  color: var(--brown1);
}

.bc\:brown1, .bc\>\:brown1 > * {
  border-color: var(--brown1);
}

.bg\:brown2, .bg\>\:brown2 > * {
  background-color: var(--brown2);
}

.t\:brown2 {
  color: var(--brown2);
}

.bc\:brown2, .bc\>\:brown2 > * {
  border-color: var(--brown2);
}

.bg\:grey1, article.contract, .bg\>\:grey1 > * {
  background-color: var(--grey1);
}

.t\:grey1 {
  color: var(--grey1);
}

.bc\:grey1, .bc\>\:grey1 > * {
  border-color: var(--grey1);
}

.bg\:baseColor, .bg\>\:baseColor > * {
  background-color: var(--baseColor);
}

.t\:baseColor {
  color: var(--baseColor);
}

.bc\:baseColor, .bc\>\:baseColor > * {
  border-color: var(--baseColor);
}

.bg\:baseAltColor, .bg\>\:baseAltColor > * {
  background-color: var(--baseAltColor);
}

.t\:baseAltColor {
  color: var(--baseAltColor);
}

.bc\:baseAltColor, .bc\>\:baseAltColor > * {
  border-color: var(--baseAltColor);
}

.bg\:textColor, .bg\>\:textColor > * {
  background-color: var(--textColor);
}

.t\:textColor {
  color: var(--textColor);
}

.bc\:textColor, .bc\>\:textColor > * {
  border-color: var(--textColor);
}

.bg\:primaryColor, .bg\>\:primaryColor > * {
  background-color: var(--primaryColor);
}

.t\:primaryColor {
  color: var(--primaryColor);
}

.bc\:primaryColor, .bc\>\:primaryColor > * {
  border-color: var(--primaryColor);
}

.bg\:secondaryColor, .bg\>\:secondaryColor > * {
  background-color: var(--secondaryColor);
}

.t\:secondaryColor {
  color: var(--secondaryColor);
}

.bc\:secondaryColor, .bc\>\:secondaryColor > * {
  border-color: var(--secondaryColor);
}

.bg\:textAltColor, .bg\>\:textAltColor > * {
  background-color: var(--textAltColor);
}

.t\:textAltColor {
  color: var(--textAltColor);
}

.bc\:textAltColor, .bc\>\:textAltColor > * {
  border-color: var(--textAltColor);
}

.bg\:linkColor, .bg\>\:linkColor > * {
  background-color: var(--linkColor);
}

.t\:linkColor {
  color: var(--linkColor);
}

.bc\:linkColor, .bc\>\:linkColor > * {
  border-color: var(--linkColor);
}

.bg\:linkHoverColor, .bg\>\:linkHoverColor > * {
  background-color: var(--linkHoverColor);
}

.t\:linkHoverColor {
  color: var(--linkHoverColor);
}

.bc\:linkHoverColor, .bc\>\:linkHoverColor > * {
  border-color: var(--linkHoverColor);
}

.bg\:linkDecorationColor, .bg\>\:linkDecorationColor > * {
  background-color: var(--linkDecorationColor);
}

.t\:linkDecorationColor {
  color: var(--linkDecorationColor);
}

.bc\:linkDecorationColor, .bc\>\:linkDecorationColor > * {
  border-color: var(--linkDecorationColor);
}

.bg\:borderColor, .bg\>\:borderColor > * {
  background-color: var(--borderColor);
}

.t\:borderColor {
  color: var(--borderColor);
}

.bc\:borderColor, .bc\>\:borderColor > * {
  border-color: var(--borderColor);
}

.bg\:accentColor, .bg\>\:accentColor > * {
  background-color: var(--accentColor);
}

.t\:accentColor {
  color: var(--accentColor);
}

.bc\:accentColor, .bc\>\:accentColor > * {
  border-color: var(--accentColor);
}

.bg\:focusColor, .bg\>\:focusColor > * {
  background-color: var(--focusColor);
}

.t\:focusColor {
  color: var(--focusColor);
}

.bc\:focusColor, .bc\>\:focusColor > * {
  border-color: var(--focusColor);
}

.bg\:inputBgColor, .bg\>\:inputBgColor > * {
  background-color: var(--inputBgColor);
}

.t\:inputBgColor {
  color: var(--inputBgColor);
}

.bc\:inputBgColor, .bc\>\:inputBgColor > * {
  border-color: var(--inputBgColor);
}

.bg\:btnBgColor, .bg\>\:btnBgColor > * {
  background-color: var(--btnBgColor);
}

.t\:btnBgColor {
  color: var(--btnBgColor);
}

.bc\:btnBgColor, .bc\>\:btnBgColor > * {
  border-color: var(--btnBgColor);
}

.bg\:btnFocusBgColor, .bg\>\:btnFocusBgColor > * {
  background-color: var(--btnFocusBgColor);
}

.t\:btnFocusBgColor {
  color: var(--btnFocusBgColor);
}

.bc\:btnFocusBgColor, .bc\>\:btnFocusBgColor > * {
  border-color: var(--btnFocusBgColor);
}

.bg\:btnColor, .bg\>\:btnColor > * {
  background-color: var(--btnColor);
}

.t\:btnColor {
  color: var(--btnColor);
}

.bc\:btnColor, .bc\>\:btnColor > * {
  border-color: var(--btnColor);
}

.bg\:btnFocusColor, .bg\>\:btnFocusColor > * {
  background-color: var(--btnFocusColor);
}

.t\:btnFocusColor {
  color: var(--btnFocusColor);
}

.bc\:btnFocusColor, .bc\>\:btnFocusColor > * {
  border-color: var(--btnFocusColor);
}

.wrapper {
  max-width: calc(1440px + var(--unitVariable) * 2);
  margin-right: auto;
  margin-left: auto;
  padding-left: var(--unitVariable);
  padding-right: var(--unitVariable);
}

body {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body #mainApp {
  width: 100%;
}

.title-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title-search #mainTitle, .title-search form {
  padding-top: calc(var(--unitVariable) * 3);
}
.title-search h2 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.title-search input {
  background-image: url("../imgs/search.svg");
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  padding-left: 2.5rem;
  font-family: "onest";
  color: var(--dark2);
}

#mainApp.grid\:12 {
  gap: 6rem;
}
@media (max-width: 768px) {
  #mainApp.grid\:12 {
    gap: 1rem;
  }
}

@media (max-width: 768px) {
  .title-search #mainTitle {
    padding-top: calc(var(--unitVariable) * 5);
  }
  .title-search form {
    display: none;
  }
}
.cookie-modal {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.cookie-modal.cookie-modal--hidden {
  display: none;
}

article.contract {
  position: relative;
  padding-bottom: 70px;
}
article.contract .actions {
  position: absolute;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  bottom: 1rem;
  right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
article.contract .actions a {
  color: var(--dark2);
  display: block;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
article.contract .actions li {
  list-style: none;
  margin: 0;
}
article.contract[lang=en] .actions a {
  color: var(--yellow1);
}
article.contract:hover .actions a {
  color: var(--dark1);
}

.points {
  padding-bottom: var(--unitVariable);
  border-bottom: 1px solid var(--brown2);
  margin-bottom: var(--unitVariable);
}
.points ul li {
  list-style-type: none !important;
  padding-left: 1.5rem;
  background-image: url("../imgs/arrow.svg");
  background-repeat: no-repeat;
  background-position: 0 0.5rem;
}
.points .point-a ul li {
  background-image: url("../imgs/arrow_dark1.svg");
}
.points .point-b ul li {
  background-image: url("../imgs/arrow_brown1.svg");
}
.points .point-c ul li {
  background-image: url("../imgs/arrow_blue1.svg");
}

body.chapter .sub-chapter:not(:first-child) {
  padding-top: calc(var(--unitVariable) * 2);
}
body.chapter .sub-chapter:not(:first-child) > *:first-child {
  border-top: 1px solid var(--brown2);
  padding-top: calc(var(--unitVariable) * 2);
}

@media (max-width: 960px) {
  #sideNav {
    display: none;
  }
}
@media (min-width: 1280px) {
  #sideNav {
    padding-right: 6rem;
  }
}
#sideNav .nav-sticky {
  top: calc(var(--unitVariable) * 3);
  position: sticky;
  overflow: hidden;
}
#sideNav .nav-sticky .folio {
  aspect-ratio: 1;
  max-width: 208px;
}
#sideNav .nav-sticky .folio .h1 {
  font-size: clamp(1.333rem, -0.667rem + 6.25vw, 5.333rem); /* min: 20px, max: 80px */
}

.notes {
  gap: 1rem;
}
.notes .note {
  border-radius: 2rem;
  cursor: pointer;
}
div.notes-nav {
  top: calc(var(--unitVariable) * 2.25);
  position: fixed;
  width: calc((100vw - 1440px) / 2 + 480px);
  z-index: 3;
  bottom: 0;
  left: -100%;
  -webkit-transition: left 0.3s;
  transition: left 0.3s;
  padding-right: 0;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (max-width: 1440px) {
  div.notes-nav {
    width: 33.3333333333vw;
  }
}
@media (max-width: 960px) {
  div.notes-nav {
    width: 100%;
  }
}
div.notes-nav.open {
  left: 0;
}
div.notes-nav .notes-list {
  max-width: 480px;
  margin-left: auto;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--dark2);
}
div.notes-nav .note-close {
  margin-left: auto;
  margin-right: var(--unitVariable);
  height: 40px;
  width: 40px;
  border-radius: 2rem;
  background-color: var(--white);
  cursor: pointer;
  background-image: url("../imgs/close.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
div.notes-nav .note {
  max-width: 480px;
  margin-left: auto;
  margin-bottom: var(--unitVariable);
  padding-right: var(--unitVariable);
}
div.notes-nav .note:last-of-type {
  margin-bottom: 1rem;
}

.wrapper-menu {
  position: fixed;
  top: 0;
  width: 100%;
  max-width: var(--maxWidth);
  margin-right: auto;
  margin-left: auto;
  z-index: 99;
}
@media (max-width: 768px) {
  .wrapper-menu:has(.open) {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wrapper-menu:has(.open) .items-menu {
    display: block !important;
  }
}
.wrapper-menu #mainMenu {
  position: relative;
  bottom: unset;
  width: 100%;
  padding-top: calc(var(--unitVariable) / 2);
  padding-bottom: calc(var(--unitVariable) / 2);
}
.wrapper-menu #mainMenu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  gap: 2ch;
}
.wrapper-menu #mainMenu ul li {
  list-style: none;
  margin: 0;
}
.wrapper-menu #mainMenu ul li a {
  color: var(--dark1);
  text-decoration: none;
  font-family: "onest";
}
.wrapper-menu #mainMenu ul li a:hover {
  color: var(--primaryColor);
}
.wrapper-menu #mainMenu ul li a.active {
  color: var(--yellow1);
  font-weight: 600;
}
@media (min-width: 769px) {
  .wrapper-menu #mainMenu ul li a.sommaire {
    border-right: 1px solid var(--brown2);
    padding-right: 2ch;
  }
}
@media (min-width: 769px) {
  .wrapper-menu #mainMenu .toggle-menu {
    display: none;
  }
  .wrapper-menu #mainMenu .items-menu {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
@media (max-width: 768px) {
  .wrapper-menu #mainMenu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  .wrapper-menu #mainMenu .toggle-menu {
    gap: 2ch;
    --inputPadding: .25rem .5rem;
  }
  .wrapper-menu #mainMenu .toggle-menu > div {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
  }
  .wrapper-menu #mainMenu .toggle-menu svg {
    height: 1.5rem;
  }
  .wrapper-menu #mainMenu .toggle-menu form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .wrapper-menu #mainMenu .logo, .wrapper-menu #mainMenu .toggle-menu {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
  .wrapper-menu #mainMenu .logo {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wrapper-menu #mainMenu .logo img {
    max-height: 2rem;
    margin-top: 0.35rem;
  }
  .wrapper-menu #mainMenu .items-menu {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    display: none;
    font-size: 160%;
  }
}

#mainFooter {
  padding-top: calc(var(--unitVariable) / 2);
  padding-bottom: calc(var(--unitVariable) / 2);
}
#mainFooter ul li {
  margin-bottom: unset;
}
#mainFooter ul li:not(:last-child) {
  margin-right: 3ch;
}
#mainFooter ul li a:hover {
  color: var(--white);
}
@media (max-width: 768px) {
  #mainFooter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--unitVariable);
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

#siteTitle {
  font-size: clamp(3.2rem, -1.867rem + 15.833vw, 13.333rem); /* min: 48px, max: 200px */
  line-height: 0.8;
}
#siteTitle span {
  display: block;
}
#siteTitle span:first-child {
  color: var(--brown2);
  font-family: "onest", sans-serif;
  font-weight: 700;
}
#siteTitle span:last-child {
  color: var(--brown1);
  font-family: "larkenRegularItalic";
}

#home {
  margin: calc(var(--unitVariable) * 2) auto;
}
#home .heading {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
#home .heading h2 {
  font-family: "onest";
  color: var(--brown1);
  font-size: clamp(1.6rem, 0.9rem + 2.188vw, 3rem); /* min: 24px, max: 45px */
  font-weight: 500;
  max-width: 320px;
  line-height: 1.2;
  margin-top: var(--unitVariable);
}
#home .text {
  font-family: "onest";
  max-width: 580px;
}

#sommaire {
  margin: calc(var(--unitVariable) * 2) auto;
}
#sommaire #siteTitle {
  font-size: clamp(3.2rem, 1.6rem + 5vw, 6.4rem); /* min: 48px, max: 96px */
}
#sommaire .input ul {
  --lst: none;
}
#sommaire .input ul li {
  margin-left: 0;
  margin-bottom: 0;
  padding: 0.75rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 1.2;
}
#sommaire .input ul li span {
  display: inline-block;
  color: var(--brown1);
  margin-right: 1rem;
  min-width: 2ch;
  text-align: right;
}
#sommaire .input ul li span:after {
  content: var(--content);
}
#sommaire .input ul li a {
  text-decoration: none;
  color: var(--brown1);
  font-weight: 400;
}
#sommaire .input ul li:hover span {
  color: var(--yellow1);
}
#sommaire .input ul li:hover span:after {
  content: ">";
  font-family: "onest";
  font-weight: 700;
}
#sommaire .input ul li:hover a {
  color: var(--yellow1);
  font-family: "larkenRegularItalic";
}
#sommaire .output {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#sommaire .output .letter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-family: "onest";
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1cap;
  color: var(--yellow1A);
  z-index: -1;
  font-size: clamp(22.5rem, 6.875rem + 52.083vw, 53.75rem); /* min: 360px, max: 860px */
}
@media (max-width: 768px) {
  #sommaire .output .letter {
    -webkit-transform: translateX(-50%) translateY(0%);
            transform: translateX(-50%) translateY(0%);
  }
}

body.default #mainTitle {
  padding-top: calc(var(--unitVariable) * 5);
}
body.default #mainApp {
  padding-top: 0;
  padding-bottom: 0;
}
body.default .h1-page, body.default h1, body.default h2 {
  font-family: "onest";
  font-weight: 500;
  font-size: clamp(1.6rem, 0.9rem + 2.188vw, 3rem); /* min: 24px, max: 45px */
  margin-bottom: calc(var(--unitVariable) * 1.5);
  color: var(--yellow1);
}
body.default h2 {
  margin-bottom: calc(var(--unitVariable) * 1);
}
body.default #default .layout:nth-child(even) {
  background-color: var(--grey1);
  margin: calc(var(--unitVariable) * 3) 0;
  padding: calc(var(--unitVariable) * 3) 0;
}
body.default #default .layout:nth-child(even) h2 {
  color: var(--brown1);
}
body.default #default .layout:last-child {
  margin-bottom: 0;
  padding-bottom: calc(var(--unitVariable) * 3);
}
body.default.introduction .layout .column:last-child > p:last-child, body.default.remerciements .layout .column:last-child > p:last-child {
  margin-top: calc(var(--unitVariable) * 3);
  text-align: right;
  font-family: "onest";
  color: var(--brown1);
}
body.default.introduction .layout .column:last-child > p:last-child strong, body.default.remerciements .layout .column:last-child > p:last-child strong {
  font-size: clamp(1.067rem, 0.933rem + 0.417vw, 1.333rem); /* min: 16px, max: 20px */
  font-family: "larkenRegular";
  font-weight: 400;
}
body.default.remerciements .layout .column ul {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}

body.annexes h2.h1 {
  font-family: "onest";
  font-weight: 500;
  font-size: clamp(1.6rem, 0.9rem + 2.188vw, 3rem); /* min: 24px, max: 45px */
  margin-bottom: 0;
  color: var(--yellow1);
}
body.annexes h2 {
  margin-bottom: 0;
  line-height: 1.25;
}
body.annexes h2 em {
  font-style: normal;
  font-family: "onest";
  color: var(--yellow1);
  font-weight: 400;
  font-size: 1.2rem;
}
body.annexes h2, body.annexes h3, body.annexes h4, body.annexes h5 {
  margin-bottom: 1.5em;
}
body.annexes h3, body.annexes h4, body.annexes h5 {
  margin-top: 1.5em;
}
body.annexes h3 {
  color: var(--yellow1);
  font-family: "onest";
  font-size: 1em;
  background-color: var(--grey1);
  display: inline-block;
  padding: 0.5em 1em;
  margin-top: 3em;
}
body.annexes h4 {
  color: var(--dark1);
  font-size: 1.1em;
  margin-bottom: 0.5em;
  margin-top: 2em;
}
body.annexes h2 + h3,
body.annexes h3 + h4 {
  margin-top: 0;
}
body.annexes .annexe:not(:first-child) {
  padding-top: calc(var(--unitVariable) * 2);
}
body.annexes .annexe:not(:first-child) > *:first-child {
  border-top: 1px solid var(--brown2);
  padding-top: calc(var(--unitVariable) * 2);
}
body.annexes .layout.col-frame {
  margin-top: var(--unitVariable);
}
body.annexes .layout.col-frame .column {
  background-color: var(--brown2);
  color: var(--dark1);
  padding: var(--unitVariable);
}
body.annexes .layout.col-frame .column h5 {
  margin-top: 0;
  margin-bottom: 1em;
  font-family: "onest";
  color: var(--dark2);
  font-weight: 500;
}
@media (min-width: 600px) {
  body.annexes .layout.col-frame [class*="1/1"] {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
}

@font-face {
  font-family: "onest";
  src: url("../fonts/OnestVariable.woff2") format("woff2 supports variations"), url("../fonts/OnestVariable.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: auto;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "larkenRegular";
  src: url("../fonts/LarkenRegular.woff2") format("woff2");
  font-weight: 400;
  font-display: auto;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "larkenMedium";
  src: url("../fonts/LarkenMedium.woff2") format("woff2");
  font-weight: 500;
  font-display: auto;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "larkenBold";
  src: url("../fonts/LarkenBold.woff2") format("woff2");
  font-weight: 700;
  font-display: auto;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "larkenRegularItalic";
  src: url("../fonts/LarkenRegular-Italic.woff2") format("woff2");
  font-weight: 400;
  font-display: auto;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "larkenMediumItalic";
  src: url("../fonts/LarkenMedium-Italic.woff2") format("woff2");
  font-weight: 500;
  font-display: auto;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "larkenBoldItalic";
  src: url("../fonts/LarkenBold-Italic.woff2") format("woff2");
  font-weight: 700;
  font-display: auto;
  font-style: italic;
  font-stretch: normal;
}
:root {
  --unitVariable: clamp(1rem, calc(0.125rem + 2.333vw), 1.875rem); /* min: 16px, max: 30px */
  scroll-behavior: smooth;
}

.p\:x {
  padding: var(--unitVariable);
}

.p\:x\/2 {
  padding: calc(var(--unitVariable) / 2);
}

.p\:x\/3 {
  padding: calc(var(--unitVariable) / 3);
}

.p-v\:x {
  padding-top: var(--unitVariable);
  padding-bottom: var(--unitVariable);
}

.p-v\:x\/2 {
  padding-top: calc(var(--unitVariable) / 2);
  padding-bottom: calc(var(--unitVariable) / 2);
}

.p-v\:x\/3 {
  padding-top: calc(var(--unitVariable) / 3);
  padding-bottom: calc(var(--unitVariable) / 3);
}

.p-v\:x2 {
  padding-top: calc(var(--unitVariable) * 2);
  padding-bottom: calc(var(--unitVariable) * 2);
}

.p-v\:x3 {
  padding-top: calc(var(--unitVariable) * 3);
  padding-bottom: calc(var(--unitVariable) * 3);
}

.m-v\:x {
  margin-top: var(--unitVariable);
  margin-bottom: var(--unitVariable);
}

.m-t\:x {
  margin-top: var(--unitVariable);
}

.m-b\:x {
  margin-bottom: var(--unitVariable);
}

.m-b\:x\/3 {
  margin-bottom: calc(var(--unitVariable) / 3);
}

.br\:3 {
  border-radius: 3px;
}

.ib {
  display: inline-block;
}

table {
  line-height: 1.2;
  border-bottom: 1px solid var(--brown2);
  margin: 2rem 0;
}
table tbody tr {
  border-top: 1px solid var(--brown2);
}
table td, table th {
  padding: 1ch 1ch 1ch 0;
}
table th {
  font-family: "larkenMedium";
  font-weight: 400;
}
table td {
  min-width: 33.3333333333%;
  font-family: "onest";
  color: var(--brown1);
}
table:has(th:last-child:empty) thead {
  display: none;
}
table:has(th:last-child:empty) td:first-child {
  font-family: "larkenMedium";
  color: var(--dark1);
}

li {
  margin-bottom: 0.75rem;
}
li ul li {
  margin-bottom: 0.5rem;
}

.uniform__potty {
  position: absolute;
  left: -9999px;
}