@charset "UTF-8";

@layer reset{

*:where(:not(html, svg *, symbol *)) {
  all: unset;
  display: revert;
}

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

a {
  text-decoration: none;
}

a, button {
  cursor: revert;
}

details summary, menu, ol, ul {
  list-style: none;
}

audio, img, iframe, video {
  max-block-size: 100%;
  max-inline-size: 100%;
}

img, video {
  block-size: auto;
  display: block;
  inline-size: auto;
}

picture {
  display: contents;
}

source {
  display: none;
}

table {
  border-collapse: collapse;
}

input, textarea {
  -webkit-user-select: auto;
  user-select: auto;
}

textarea {
  white-space: revert;
}

iframe {
  border: unset;
}

::placeholder, ::backdrop {
  all: unset;
}

::marker {
  content: initial;
}

:where([hidden]), ::-webkit-details-marker {
  display: none;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}
}

@layer base{
:root {
  --color--foreground: black;
  --color--background: white;
  --color--highlight: rgb(128 128 128 / 13.333%);
  --color--black: #1e1e19;
  --color--eucalyptus: #aba52d;
  --color--fog: #f7f7f7;
  --color--gold: #d3b150;
  --color--gray: #888;
  --color--orchid: #f47b9c;
  --color--pacific: #57acd3;
  --color--pearl: #faf7ec;
  --color--poppy: #ff4619;
  --color--sand: #f3eee3;
  --color--sky: #e4f2f2;
  --color--stone: #eee;
  --color--sunflower: #f3c100;
  --color--tangerine: #fa9100;
  --color--walnut: #d9712d;
  --color--beta--pearl: #fdfaf0;
  --color--beta--sand: #f5ecd8;
  --color--beta--stone: #e9e9e9;
  --color--beta--sunflower: #ffd335;
  --color--beta--eucalyptus--dark: #504d18;
  --color--beta--eucalyptus--light: #e2e9d6;
  --color--beta--eucalyptus: #9e9a3c;
  --color--beta--gold--dark: #8a6c01;
  --color--beta--gold--light: #f3eed5;
  --color--beta--gold: #d6b454;
  --color--beta--gray--dark: #878787;
  --color--beta--gray--light: #f5f5f5;
  --color--beta--gray: #d1d1d1;
  --color--beta--orchid--dark: #5d293c;
  --color--beta--orchid--light: #f7e7e7;
  --color--beta--orchid: #ff8eab;
  --color--beta--pacific--dark: #224c5f;
  --color--beta--pacific--light: #e2f1f3;
  --color--beta--pacific: #5fa5c5;
  --color--beta--tangerine--dark: #a45825;
  --color--beta--tangerine--light: #f8e8c7;
  --color--beta--tangerine: #fb9d2a;
  --color--opacity--credit: 100%;
  --color--opacity--overlay: 100%;
  --color--opacity--shadow: 100%;
  --color--opacity--disabled: 50%;
  --color--scroll--thumb: #bbb;
  --color--scroll--track: #eee;
  --typography--size--credit: 14;
  --typography--size--caption: 16;
  --typography--size--body: 17;
  --typography--size--callout: 18;
  --typography--size--heading--small: 28;
  --typography--size--heading--medium: 39;
  --typography--size--heading--large: 45;
  --typography--size--heading--largest: 56;
  --typography--leading--heading: 0.986;
  --typography--leading--logo: 1.046;
  --typography--leading--caption: 1.238;
  --typography--leading--body: 1.569;
  --link--enlargement: 4;
  --link--outline: 2;
  --layout--base: 12;
  --layout--gutter: 16;
  --layout--alley: 24;
  --layout--max: 1608;
  --layout--spacing: calc(var(--layout--base) * 4);
  --layout--corner: calc(var(--layout--base) / 2);
  --layout--divider: 2;
  --layout--shadow: 8;
  --layout--ratio--landscape: 3 / 2;
  --layout--ratio--16-9: 16 / 9;
}
@media (max-width: 41.625em) {
  :root {
    --layout--ratio--16-9: var(--layout--ratio--landscape) ;
  }
}
@media (prefers-contrast: no-preference), (prefers-contrast: less) {
  :root {
    --color--opacity--credit: 40%;
    --color--opacity--overlay: 90%;
    --color--opacity--shadow: 16.666%;
    --color--opacity--disabled: 20%;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --color--scroll--thumb: #777;
    --color--scroll--track: #444;
  }
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    --wrapper--duration: 750ms;
    --wrapper--duration--split: calc(var(--wrapper--duration) / 2);
    --wrapper--easing--in: cubic-bezier(0.64, 0, 0.78, 0);
    --wrapper--easing--out: cubic-bezier(0.22, 1, 0.36, 1);
    --wrapper--easing--in-out: cubic-bezier(0.83, 0, 0.17, 1);
  }
}
@media (min-width: 60.0625em), (min-width: 46.5em) and (min-height: 30.0625em) {
  :root {
    --typography--size--credit: 16;
    --typography--size--caption: 18;
    --typography--size--body: 20;
    --typography--size--callout: 22;
    --typography--size--heading--small: 33;
    --typography--size--heading--medium: 45;
    --typography--size--heading--large: 56;
    --typography--size--heading--largest: 77;
    --link--enlargement: 6;
    --layout--gutter: 32;
    --layout--alley: var(--layout--gutter);
    --layout--spacing: calc(var(--layout--base) * 6);
  }
}
@media (min-width: 74.6875em) {
  :root {
    --typography--size--heading--small: 39;
    --typography--size--heading--medium: 56;
    --typography--size--heading--large: 77;
    --typography--size--heading--largest: 100;
    --layout--gutter: 48;
  }
}

:root {
  font-size: 62.5%;
}
:root * {
  font-kerning: normal;
  font-smooth: always;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
}

.font__century-schoolbook--mono {
  --typography--family: "Century Schoolbook Mono", monospace;
  --typography--weight: 400;
  --typography--bearing--start: -0.028;
  --typography--bearing--end: -0.068;
  --typography--cap-height: 0.671;
  --typography--content-height: 1.188;
  --typography--content--end: 0.236;
  --typography--descender-height: 0.208;
  --typography--descent: 0.142;
  --typography--stroke-thickness: 0.044;
  --typography--underline--skip: 0.075;
  --typography--x-height: 0.463;
}

.font__century-schoolbook--bold, .font__century-schoolbook--regular, .font__heading--largest, .font__heading--large, .font__heading--medium, .font__heading--small {
  --typography--family: "Century Schoolbook", serif;
  --typography--cap-height: 0.722;
  --typography--content-height: 1.226;
  --typography--content--end: 0.240;
  --typography--descent: 0.127;
  font-variant-numeric: proportional-nums;
}

.font__century-schoolbook--regular, .font__heading--largest, .font__heading--large, .font__heading--medium, .font__heading--small {
  --typography--weight: 400;
  --typography--bearing--start: -0.065;
  --typography--bearing--end: -0.037;
  --typography--descender-height: 0.188;
  --typography--stroke-thickness: 0.045;
  --typography--underline--skip: 0.080;
  --typography--x-height: 0.458;
}

.font__century-schoolbook--bold {
  --typography--weight: 700;
  --typography--bearing--start: -0.035;
  --typography--bearing--end: -0.053;
  --typography--descender-height: 0.189;
  --typography--stroke-thickness: 0.053;
  --typography--underline--skip: 0.077;
  --typography--x-height: 0.457;
}

.font__graphik--bold, .font__graphik--semibold, .font__graphik--medium, :where(.font__graphik--regular, .font__credit, .font__caption, .font__body, .font__callout) strong, .font__graphik--regular, .font__callout, .font__body, .font__caption, .font__credit {
  --typography--family: "Graphik", sans-serif;
  --typography--cap-height: 0.715;
  --typography--content-height: 1.176;
  --typography--content--end: 0.195;
  --typography--descent: 0.107;
  --typography--underline--skip: var(--typography--stroke-thickness);
  --typography--x-height: 0.523;
}

.font__graphik--regular, .font__callout, .font__body, .font__caption, .font__credit {
  --typography--weight: 400;
  --typography--bearing--start: -0.090;
  --typography--bearing--end: -0.047;
  --typography--descender-height: 0.182;
  --typography--stroke-thickness: 0.070;
  --typography--underline--skip: 0.083;
  font-feature-settings: "ss05" off;
}

.font__graphik--bold, .font__graphik--semibold, .font__graphik--medium, :where(.font__graphik--regular, .font__credit, .font__caption, .font__body, .font__callout) strong {
  font-feature-settings: "ss05" on;
}

.font__graphik--medium, :where(.font__graphik--regular, .font__credit, .font__caption, .font__body, .font__callout) strong {
  --typography--weight: 500;
  --typography--bearing--start: -0.082;
  --typography--bearing--end: -0.038;
  --typography--descender-height: 0.179;
  --typography--stroke-thickness: 0.091;
}

.font__graphik--semibold {
  --typography--weight: 600;
  --typography--bearing--start: -0.077;
  --typography--bearing--end: -0.032;
  --typography--descender-height: 0.178;
  --typography--stroke-thickness: 0.103;
}

.font__graphik--bold {
  --typography--weight: 700;
  --typography--bearing--start: -0.069;
  --typography--bearing--end: -0.024;
  --typography--descender-height: 0.175;
  --typography--stroke-thickness: 0.122;
}

.font__graphik--single-story-a {
  font-feature-settings: "ss01" on;
}

.font__topol--bold, .font__topol--regular, .font__topol--light {
  --typography--family: "Topol", sans-serif;
  --typography--cap-height: 0.709;
  --typography--content-height: 1.224;
  --typography--content--end: 0.243;
  --typography--descender-height: 0.166;
  --typography--descent: 0.131;
  --typography--underline--skip: var(--typography--stroke-thickness);
}
.font__topol--bold em, .font__topol--regular em, .font__topol--light em {
  margin-inline-end: 0.125em;
}

.font__topol--light {
  --typography--weight: 300;
  --typography--bearing--start: -0.080;
  --typography--bearing--end: -0.043;
  --typography--stroke-thickness: 0.050;
  --typography--underline--skip: 0.070;
  --typography--x-height: 0.530;
}

.font__topol--regular {
  --typography--weight: 400;
  --typography--bearing--start: -0.075;
  --typography--bearing--end: -0.042;
  --typography--stroke-thickness: 0.069;
  --typography--x-height: 0.533;
}

.font__topol--bold {
  --typography--weight: 700;
  --typography--bearing--start: -0.075;
  --typography--bearing--end: -0.041;
  --typography--content-height: 1.223;
  --typography--descent: 0.132;
  --typography--stroke-thickness: 0.100;
  --typography--x-height: 0.536;
}

.font__heading--largest, .font__heading--large, .font__heading--medium, .font__heading--small {
  --typography--leading: var(--typography--leading--heading) ;
}

.font__credit {
  --typography--leading: var(--typography--leading--logo) ;
}

.font__caption {
  --typography--leading: var(--typography--leading--caption) ;
}

.font__callout, .font__body {
  --typography--leading: var(--typography--leading--body) ;
}

.font__leading--logo, .font__leading--heading,
.font__heading--largest,
.font__heading--large,
.font__heading--medium,
.font__heading--small,
.font__credit {
  --typography--underline--below-descender: initial;
}

.font__leading--body, .font__leading--caption,
.font__caption,
.font__callout,
.font__body {
  --typography--underline--below-descender: 1;
}

.font__leading--heading {
  --typography--leading--override: var(--typography--leading--heading);
}

.font__leading--logo {
  --typography--leading--override: var(--typography--leading--logo);
}

.font__leading--caption {
  --typography--leading--override: var(--typography--leading--caption);
}

.font__leading--body {
  --typography--leading--override: var(--typography--leading--body);
}

.font__heading--largest, .font__heading--large, .font__heading--medium, .font__heading--small, .font__callout, .font__body, .font__caption, .font__credit {
  --typography--scale--size: initial ;
}

.font__body [class*=font__leading].font__credit, .font__caption [class*=font__leading].font__credit,
.font__body [class*=font__leading].font__caption,
.font__body [class*=font__leading].font__callout,
.font__caption [class*=font__leading].font__callout {
  --typography--scale--size: initial ;
}
.font__body .font__credit:where(:not([class*=font__leading])), .font__caption .font__credit:where(:not([class*=font__leading])),
.font__body .font__caption:where(:not([class*=font__leading])),
.font__body .font__callout:where(:not([class*=font__leading])),
.font__caption .font__callout:where(:not([class*=font__leading])) {
  --typography--leading: inherit;
  --typography--size: inherit;
}

.font__body .font__credit, .font__caption .font__credit {
  --typography--scale--size: var(--typography--size--credit) ;
}

.font__body .font__caption {
  --typography--scale--size: var(--typography--size--caption) ;
}

.font__caption .font__body {
  --typography--scale--size: var(--typography--size--body) ;
}

.font__body .font__callout, .font__caption .font__callout {
  --typography--scale--size: var(--typography--size--callout) ;
}

.font__credit {
  --typography--size: var(--typography--size--credit);
  --color--foreground--override: color-mix(in srgb, transparent, var(--color--foreground) var(--color--opacity--credit));
  text-wrap: balance;
}
.font__credit a:focus:focus-visible {
  outline-color: var(--color--foreground);
}

.font__caption {
  --typography--size: var(--typography--size--caption);
}
.font__body {
  --typography--size: var(--typography--size--body);
}
.font__callout {
  --typography--size: var(--typography--size--callout);
}

.font__heading--small {
  --typography--size: var(--typography--size--heading--small);
}

.font__heading--medium {
  --typography--size: var(--typography--size--heading--medium);
}

.font__heading--large {
  --typography--size: var(--typography--size--heading--large);
}

.font__heading--largest {
  --typography--size: var(--typography--size--heading--largest);
}

.typography__inline-block, .typography__inline, :where(.font__graphik--regular, .font__credit, .font__caption, .font__body, .font__callout) strong, .typography__block, .font__heading--largest, .font__heading--large, .font__heading--medium, .font__heading--small, .font__callout, .font__body, .font__caption, .font__credit, .font__leading--body, .font__leading--caption, .font__leading--logo, .font__leading--heading, .font__topol--bold, .font__topol--regular, .font__topol--light, .font__graphik--bold, .font__graphik--semibold, .font__graphik--medium, .font__graphik--regular, .font__century-schoolbook--bold, .font__century-schoolbook--regular, .font__century-schoolbook--mono, :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) {
  --typography--size--rendered: ((var(--typography--size--override, var(--typography--size))) * var(--typography--size--unit, 0.1rem));
  --typography--scale--relative: calc(var(--typography--scale--size) / var(--typography--size--override, var(--typography--size)));
  --typography--font-size: calc(var(--typography--scale--relative, var(--typography--scale, 1)) * var(--typography--size--rendered));
  --typography--line-height: calc(var(--typography--leading--override, var(--typography--leading, 1)) * var(--typography--size--rendered));
  --typography--letter-spacing: calc(var(--typography--tracking--override, var(--typography--tracking, 0)) * 1em);
  --typography--inline--start: calc(var(--typography--bearing--start--override, var(--typography--bearing--start, 0)) * 1em);
  --typography--inline--end: calc(var(--typography--bearing--end--override, var(--typography--bearing--end, 0)) * 1em + var(--typography--letter-spacing) * -1);
  --typography--ascent: (1 - var(--typography--descent));
  --typography--content--start: (var(--typography--content-height) - var(--typography--cap-height) - var(--typography--content--end));
  --typography--leading--remainder: ((var(--typography--leading--override, var(--typography--leading, 1)) - 1) / 2);
  --typography--scale--remainder: ((var(--typography--scale--relative, var(--typography--scale, 1)) - 1) / 2);
  --typography--scale--descent: (var(--typography--descent) - var(--typography--descent) * var(--typography--scale--relative, var(--typography--scale, 1)));
  --typography--scale--shift: (var(--typography--scale--remainder) + var(--typography--scale--descent));
  --typography--leading--start: (var(--typography--ascent) - var(--typography--cap-height) + var(--typography--leading--remainder) + var(--typography--scale--shift));
  --typography--leading--end: (var(--typography--descent) + var(--typography--leading--remainder) - var(--typography--scale--shift));
  --typography--block--start: calc(-1 * var(--typography--leading--start) * var(--typography--size--rendered));
  --typography--block--end: calc(-1 * var(--typography--leading--end) * var(--typography--size--rendered));
  --typography--cap: calc(var(--typography--cap-height) * var(--typography--font-size));
  --typography--cap--2: calc(2 * var(--typography--cap));
  --typography--cap--3: calc(3 * var(--typography--cap));
  --typography--x: calc(var(--typography--x-height) * var(--typography--font-size));
  --typography--x--2: calc(2 * var(--typography--x));
  --typography--x--3: calc(3 * var(--typography--x));
  --typography--stroke: calc(var(--typography--stroke-thickness) * var(--typography--font-size));
  --typography--descender: calc(var(--typography--descender-height) * var(--typography--font-size));
  --typography--ascender: calc(var(--typography--cap) - var(--typography--x));
  --typography--lead: calc(var(--typography--line-height) - var(--typography--cap) / var(--typography--scale--relative, var(--typography--scale, 1)));
  --typography--lead--2: calc(2 * var(--typography--lead));
  --typography--lead--3: calc(3 * var(--typography--lead));
  --typography--line: calc(var(--typography--line-height) + var(--typography--lead));
  --typography--line--2: calc(2 * var(--typography--line-height) + var(--typography--lead));
  --typography--line--3: calc(3 * var(--typography--line-height) + var(--typography--lead));
  --typography--line--4: calc(4 * var(--typography--line-height) + var(--typography--lead));
  --typography--line--5: calc(5 * var(--typography--line-height) + var(--typography--lead));
  --typography--line--6: calc(6 * var(--typography--line-height) + var(--typography--lead));
  --typography--line--7: calc(7 * var(--typography--line-height) + var(--typography--lead));
  --typography--line--8: calc(8 * var(--typography--line-height) + var(--typography--lead));
  --typography--line--9: calc(9 * var(--typography--line-height) + var(--typography--lead));
  --typography--line--10: calc(10 * var(--typography--line-height) + var(--typography--lead));
  font-family: var(--typography--family);
  font-size: var(--typography--font-size);
  font-variant-numeric: var(--typography--numbers);
  line-height: var(--typography--line-height);
}

.typography__inline-block, .typography__inline, :where(.font__graphik--regular, .font__credit, .font__caption, .font__body, .font__callout) strong, :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) {
  color: var(--color--foreground--override, var(--color--foreground));
  font-weight: var(--typography--weight);
  letter-spacing: var(--typography--letter-spacing);
}

:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) {
  display: flow-root;
  margin-inline-end: var(--typography--inline--end);
  margin-inline-start: var(--typography--inline--start);
  word-break: break-word;
}
:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th)::before, :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th)::after {
  content: "";
  display: block;
  visibility: hidden;
}
:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th)::before {
  margin-block-start: var(--typography--block--start);
}
:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th)::after {
  margin-block-end: var(--typography--block--end);
}
:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) svg {
  block-size: var(--typography--icon--size, var(--typography--x));
  display: inline-block;
  fill: var(--color--foreground--override, var(--color--foreground));
  margin-inline-end: var(--typography--icon--end);
  margin-inline-start: var(--typography--icon--start);
  stroke: var(--color--foreground--override, var(--color--foreground));
  stroke-width: var(--typography--stroke);
  transform: translate(var(--typography--icon--x, 0), var(--typography--icon--y, 0)) rotate(var(--typography--icon--rotate, 0));
  vertical-align: baseline;
}
@supports (-webkit-hyphens: none) {
  :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) svg {
    --typography--icon--y: -0.5px ;
  }
}
:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) svg.typography__svg--start, :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) svg.typography__svg--end {
  --typography--icon--space: 0.333em ;
}
:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) svg.typography__svg--start {
  --typography--icon--end: var(--typography--icon--space) ;
}
:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) svg.typography__svg--end {
  --typography--icon--start: var(--typography--icon--space) ;
}
:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th):has(.typography__svg--start) {
  --typography--inline--start: initial ;
}
:is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th):has(.typography__svg--end) {
  --typography--inline--end: initial ;
}

input {
  --vertical-shift: calc((var(--typography--block--start) - var(--typography--block--end)) / 2);
  block-size: var(--typography--cap);
  box-sizing: content-box;
  inline-size: -webkit-fill-available;
  line-height: normal;
  margin-block: calc(-1 * var(--typography--cap));
  margin-inline-end: calc(var(--typography--inline--start) - var(--typography--cap));
  margin-inline-start: calc(var(--typography--inline--start) - var(--typography--cap));
  padding: var(--typography--cap);
  transform: translateY(var(--vertical-shift));
  white-space: nowrap;
}
input::placeholder {
  opacity: var(--color--opacity--credit);
}
@supports (-moz-appearance: none) {
  input {
    inline-size: -moz-available;
  }
}

caption {
  display: table-caption;
  margin-inline: initial;
}

td,
th {
  display: table-cell;
  word-break: initial;
}

.typography__inline, :where(.font__graphik--regular, .font__credit, .font__caption, .font__body, .font__callout) strong {
  display: inline;
  line-height: inherit;
}

.typography__inline-block {
  display: inline-block;
  margin-block-end: var(--typography--block--end);
  margin-block-start: var(--typography--block--start);
}

.typography__underline, :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a {
  --underline--start: calc((var(--typography--content-height) - var(--typography--content--end) + var(--typography--descender-height)) * 1em - var(--typography--stroke));
  --underline--inline: calc(100% + var(--typography--inline--start) + var(--typography--inline--end));
  --underline--shift: calc(var(--typography--underline--below-descender, 0) * (2 * var(--typography--stroke)));
  --underline--space: calc((var(--typography--content--end) - var(--typography--descender-height)) * 1em);
  --underline--skip: calc(var(--typography--underline--skip) * 1em);
  --typography--underline--end: calc(var(--underline--space) - var(--typography--underline--below-descender, 0) * var(--underline--space));
  background-image: linear-gradient(transparent var(--underline--start), var(--color--foreground--override, var(--color--foreground)) var(--underline--start), var(--color--foreground--override, var(--color--foreground)) calc(var(--underline--start) + var(--typography--stroke)), transparent calc(var(--underline--start) + var(--typography--stroke)));
  background-origin: content-box;
  background-position-x: calc(-1 * var(--typography--inline--start));
  background-position-y: var(--underline--shift);
  background-repeat: no-repeat;
  background-size: var(--underline--inline) 100%;
  border-block-end: calc(var(--underline--shift) - var(--underline--space)) solid transparent;
  text-shadow: var(--typography--underline--below-descender, var(--color--background--override, var(--color--background)) var(--underline--skip) 0, var(--color--background--override, var(--color--background)) calc(var(--underline--skip) / 2) 0, var(--color--background--override, var(--color--background)) var(--underline--skip) calc(var(--underline--skip) / 4), var(--color--background--override, var(--color--background)) 0 calc(var(--underline--skip) / 4), var(--color--background--override, var(--color--background)) calc(-1 * var(--underline--skip)) calc(var(--underline--skip) / 4), var(--color--background--override, var(--color--background)) calc(-1 * var(--underline--skip)) 0, var(--color--background--override, var(--color--background)) calc(-1 * var(--underline--skip) / 2) 0, var(--color--background--override, var(--color--background)) calc(-1 * var(--underline--skip)) calc(-1 * var(--underline--skip) / 4), var(--color--background--override, var(--color--background)) 0 calc(-1 * var(--underline--skip) / 2), var(--color--background--override, var(--color--background)) var(--underline--skip) calc(-1 * var(--underline--skip) / 4));
}

.typography__underline--disable {
  --typography--underline--end: initial;
  background-image: initial;
  border-block-end: initial;
  text-shadow: initial;
}

.typography__emphasis,
em {
  font-style: italic;
}
.typography__emphasis .typography__emphasis, .typography__emphasis em,
em .typography__emphasis,
em em {
  font-style: normal;
}

.typography__non-breaking,
nobr {
  white-space: nowrap;
}

nobr:has(> svg:only-child)::before {
  content: "​";
}

.typography__strikethrough,
s {
  text-decoration-color: var(--color--foreground--override, var(--color--foreground));
  text-decoration-line: line-through;
  text-decoration-thickness: var(--typography--stroke);
}

p {
  font-variant-numeric: var(--typography--numbers, oldstyle-nums);
}

.typography__numbers--oldstyle {
  --typography--numbers: oldstyle-nums ;
}

.typography__numbers--lining {
  --typography--numbers: lining-nums ;
}

.typography__numbers--proportional {
  --typography--numbers: proportional-nums ;
}

.typography__numbers--tabular {
  --typography--numbers: tabular-nums ;
}

:root {
  --link--enlargement--minimum: 2.8rem;
  --link--transition: 100ms;
  --link--hover: 80%;
  --link--hover--text: 60%;
  --link--hover--scale: 105%;
  --link--enlargement--root: var(--link--enlargement);
  --link--outline--root: var(--link--outline);
  -webkit-tap-highlight-color: var(--color--highlight);
}
:root > * {
  --link--enlargement: calc(var(--link--enlargement--root) * var(--link--unit, 0.1rem));
  --link--outline: calc(var(--link--outline--root) * var(--link--unit, 0.1rem));
}

.link__wrapper, .link__inline:where([href]), :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]), .link__block::after,
:is(a, area):where([href])::after,
:is(button):where(:not([disabled]))::after,
summary::after {
  transition-duration: var(--link--transition);
  transition-timing-function: linear;
}

@media (any-hover: hover) {
  .link__wrapper, .link__inline:where([href]), :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]), .link__block,
  [contentEditable=true],
  :is(a, area):where([href]),
  :is(button, input, select, textarea):where(:not([disabled])),
  summary {
    transition-duration: var(--link--transition);
    transition-property: opacity;
    transition-timing-function: linear;
  }
  .link__wrapper:hover, .link__inline:hover:where([href]), .link__block:hover,
  [contentEditable=true]:hover,
  :hover:is(a, area):where([href]),
  :hover:is(button, input, select, textarea):where(:not([disabled])),
  summary:hover {
    opacity: var(--link--hover);
  }
}

.link__block:has(.link__focus--child):focus:focus-visible .link__focus--child,
:is(a, area):where([href]):has(.link__focus--child):focus:focus-visible .link__focus--child,
:is(button):where(:not([disabled])):has(.link__focus--child):focus:focus-visible .link__focus--child,
summary:has(.link__focus--child):focus:focus-visible .link__focus--child, .link__focus--area:focus:focus-visible, .link__wrapper:focus:focus-visible, .link__inline:focus:focus-visible:where([href]), :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:focus:focus-visible:where([href]), .link__block:focus:focus-visible,
[contentEditable=true]:focus:focus-visible,
:focus:focus-visible:is(a, area):where([href]),
:focus:focus-visible:is(button, input, select, textarea):where(:not([disabled])),
summary:focus:focus-visible, .link__focus--area--inset:focus:focus-visible {
  outline-color: var(--color--foreground--override, var(--color--foreground));
  outline-style: solid;
  outline-width: var(--link--outline);
}

.link__block:has(.link__focus--child):focus:focus-visible .link__focus--child,
:is(a, area):where([href]):has(.link__focus--child):focus:focus-visible .link__focus--child,
:is(button):where(:not([disabled])):has(.link__focus--child):focus:focus-visible .link__focus--child,
summary:has(.link__focus--child):focus:focus-visible .link__focus--child, .link__focus--area, .link__wrapper, .link__inline:where([href]), :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]), .link__block,
[contentEditable=true],
:is(a, area):where([href]),
:is(button, input, select, textarea):where(:not([disabled])),
summary, .link__focus--area--inset {
  border-radius: 0.01rem;
  outline-offset: var(--link--enlargement);
}
@supports (-webkit-hyphens: none) {
  .link__block:has(.link__focus--child):focus:focus-visible .link__focus--child,
  :is(a, area):where([href]):has(.link__focus--child):focus:focus-visible .link__focus--child,
  :is(button):where(:not([disabled])):has(.link__focus--child):focus:focus-visible .link__focus--child,
  summary:has(.link__focus--child):focus:focus-visible .link__focus--child, .link__focus--area, .link__wrapper, .link__inline:where([href]), :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]), .link__block,
  [contentEditable=true],
  :is(a, area):where([href]),
  :is(button, input, select, textarea):where(:not([disabled])),
  summary, .link__focus--area--inset {
    border-radius: 0.1rem;
  }
}

.link__focus--area:focus, .link__wrapper:focus, .link__inline:focus:where([href]), :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:focus:where([href]), .link__block:focus,
[contentEditable=true]:focus,
:focus:is(a, area):where([href]),
:focus:is(button, input, select, textarea):where(:not([disabled])),
summary:focus, .link__focus--area--inset:focus {
  outline: none;
  z-index: 1;
}
.link__focus--area:focus:focus-visible, .link__wrapper:focus:focus-visible, .link__inline:focus:focus-visible:where([href]), :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:focus:focus-visible:where([href]), .link__block:focus:focus-visible,
[contentEditable=true]:focus:focus-visible,
:focus:focus-visible:is(a, area):where([href]),
:focus:focus-visible:is(button, input, select, textarea):where(:not([disabled])),
summary:focus:focus-visible, .link__focus--area--inset:focus:focus-visible {
  transition-duration: initial;
}

.link__focus--area--inset {
  border-radius: calc(2 * var(--link--enlargement) + 2 * var(--link--outline));
  outline-offset: calc(-1 * var(--link--enlargement) - 2 * var(--link--outline));
}

.link__block,
:is(a, area):where([href]),
:is(button):where(:not([disabled])),
summary {
  cursor: pointer;
  display: flow-root;
  position: relative;
}
.link__block::after,
:is(a, area):where([href])::after,
:is(button):where(:not([disabled]))::after,
summary::after {
  --link--enlargement--element: calc(100% + var(--link--enlargement, 0rem) * 2);
  background-color: transparent;
  block-size: max(var(--link--enlargement--minimum), var(--link--enlargement--element));
  border-radius: var(--link--enlargement);
  content: "";
  cursor: pointer;
  inline-size: max(var(--link--enlargement--minimum), var(--link--enlargement--element));
  inset-block-start: 50%;
  inset-inline-start: 50%;
  pointer-events: auto;
  position: absolute;
  transform: translate(-50%, -50%);
  transition-property: background-color;
}
.link__block:active::after,
:is(a, area):where([href]):active::after,
:is(button):where(:not([disabled])):active::after,
summary:active::after {
  background-color: var(--color--highlight);
}
.link__block:has(.link__focus--child):focus:focus-visible,
:is(a, area):where([href]):has(.link__focus--child):focus:focus-visible,
:is(button):where(:not([disabled])):has(.link__focus--child):focus:focus-visible,
summary:has(.link__focus--child):focus:focus-visible {
  outline: none;
}
.link__block::after {
  --link--enlargement: initial ;
}

@supports (-webkit-hyphens: none) {
  :where(a, button, summary) svg {
    color: var(--color--foreground--override, var(--color--foreground));
    scale: 1;
    transition-property: color;
    will-change: color;
  }
  :where(a, button, summary) svg :where(circle, ellipse, line, path, polygon, polyline, rect):not([stroke]) {
    stroke: currentcolor;
  }
  :where(a, button, summary) svg :where(circle, ellipse, line, path, polygon, polyline, rect):not([fill]) {
    fill: currentcolor;
  }
}
.link__inline:where([href]), :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]) {
  --link--hover: var(--link--hover--text);
  --enlargement--max: max(var(--link--enlargement), calc(var(--typography--content--start) * 1em));
  --enlargement--end: calc(var(--enlargement--max) - var(--typography--underline--end, calc(var(--typography--content--end) * 1em)));
  border-radius: var(--link--enlargement);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  display: inline;
  margin-inline-end: calc(-1 * var(--link--enlargement) - var(--typography--inline--end) + var(--typography--letter-spacing, 0em));
  margin-inline-start: calc(-1 * var(--link--enlargement) - var(--typography--inline--start));
  outline-offset: initial;
  padding-block-end: var(--enlargement--end);
  padding-block-start: calc(var(--link--enlargement) - var(--typography--content--start) * 1em);
  padding-inline-end: calc(var(--link--enlargement) + var(--typography--inline--end) - var(--typography--letter-spacing, 0em));
  padding-inline-start: calc(var(--link--enlargement) + var(--typography--inline--start));
  transition-property: background-color, opacity;
}
@supports (-webkit-hyphens: none) {
  .link__inline:where([href]), :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]) {
    -webkit-box-decoration-break: initial;
  }
}
.link__inline:where([href])::after, :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href])::after {
  content: initial;
}
.link__inline:where([href]):active, :is(caption, dd, dt, h1, h2, h3, h4, h5, h6, p, td, th) a:where([href]):active {
  background-color: var(--color--highlight);
}

.link__wrapper {
  block-size: fit-content;
  display: grid;
}
.link__wrapper > * {
  grid-column: 1;
}
.link__wrapper > *:nth-child(1) {
  grid-row: 1;
}
.link__wrapper > a:nth-child(1) {
  align-self: stretch;
  grid-row: 1/span 0;
}
.link__wrapper > *:nth-child(2) {
  grid-row: 2;
}
.link__wrapper > a:nth-child(2) {
  align-self: stretch;
  grid-row: 1/span 1;
}
.link__wrapper > *:nth-child(3) {
  grid-row: 3;
}
.link__wrapper > a:nth-child(3) {
  align-self: stretch;
  grid-row: 1/span 2;
}
.link__wrapper > *:nth-child(4) {
  grid-row: 4;
}
.link__wrapper > a:nth-child(4) {
  align-self: stretch;
  grid-row: 1/span 3;
}
.link__wrapper > *:nth-child(5) {
  grid-row: 5;
}
.link__wrapper > a:nth-child(5) {
  align-self: stretch;
  grid-row: 1/span 4;
}
.link__wrapper > *:nth-child(6) {
  grid-row: 6;
}
.link__wrapper > a:nth-child(6) {
  align-self: stretch;
  grid-row: 1/span 5;
}
.link__wrapper > *:nth-child(7) {
  grid-row: 7;
}
.link__wrapper > a:nth-child(7) {
  align-self: stretch;
  grid-row: 1/span 6;
}
.link__wrapper > *:nth-child(8) {
  grid-row: 8;
}
.link__wrapper > a:nth-child(8) {
  align-self: stretch;
  grid-row: 1/span 7;
}
.link__wrapper > *:nth-child(9) {
  grid-row: 9;
}
.link__wrapper > a:nth-child(9) {
  align-self: stretch;
  grid-row: 1/span 8;
}
.link__wrapper > *:nth-child(10) {
  grid-row: 10;
}
.link__wrapper > a:nth-child(10) {
  align-self: stretch;
  grid-row: 1/span 9;
}

.link__enlargement {
  margin: calc(-1 * var(--link--enlargement));
  padding: var(--link--enlargement);
}

@media (prefers-reduced-motion: no-preference) and (any-hover: hover) {
  .link__image-hover iframe,
  .link__image-hover img {
    transition-duration: calc(var(--link--transition, 100ms) * 2);
    transition-property: scale;
    transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  }
  @supports (-webkit-hyphens: none) {
    .link__image-hover iframe,
    .link__image-hover img {
      will-change: scale;
    }
  }
  .link__image-hover:hover iframe, .link__image-hover:hover img {
    scale: var(--link--hover--scale);
  }
}

:root {
  --layout--columns: 6;
  --layout--columns--aside: var(--layout--columns);
  --layout--columns--body: var(--layout--columns);
  --layout--columns--heading: var(--layout--columns);
  --layout--columns--rail: var(--layout--columns);
  --layout--safe-inset--block: calc(env(safe-area-inset-bottom) * 0.38);
  --layout--safe-inset--inline: calc(env(safe-area-inset-left) * 0.815);
  --layout--base--root: var(--layout--base);
  --layout--gutter--root: var(--layout--gutter);
  --layout--alley--root: var(--layout--alley);
  --layout--max--root: var(--layout--max);
  --layout--spacing--root: var(--layout--spacing);
  --layout--corner--root: var(--layout--corner);
  --layout--divider--root: var(--layout--divider);
  --layout--shadow--root: var(--layout--shadow);
  scrollbar-color: var(--color--scroll--thumb) var(--color--scroll--track);
}
:root::-webkit-scrollbar-thumb {
  background-color: var(--color--scroll--thumb);
}
:root::-webkit-scrollbar-track {
  background-color: var(--color--scroll--track);
}
:root [id] {
  scroll-margin-block: var(--layout--spacing);
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
@media (min-width: 41.6875em) {
  :root {
    --layout--columns: 12;
    --layout--columns--aside: 5;
    --layout--columns--body: 8;
    --layout--columns--heading: 7;
    --layout--columns--rail: 4;
  }
}
:root > * {
  --layout--100vw: calc(100vw - var(--scrollbar--width, 0rem));
  --layout--base: calc(var(--layout--base--root) * var(--layout--base--unit, 0.1rem));
  --layout--gutter: max(var(--layout--gutter--base), var(--layout--gutter--safe), var(--layout--gutter--max));
  --layout--gutter--base: calc(var(--layout--gutter--root) * var(--layout--gutter--unit, 0.1rem));
  --layout--gutter--safe: calc(var(--layout--gutter--base) + var(--layout--safe-inset--inline));
  --layout--gutter--max: calc((var(--layout--100vw) - (var(--layout--max) - 2 * var(--layout--gutter--base))) / 2);
  --layout--alley: calc(var(--layout--alley--root) * var(--layout--alley--unit, 0.1rem));
  --layout--page: calc(var(--layout--100vw) - var(--layout--gutter) * 2);
  --layout--page--max: calc(var(--layout--max) - var(--layout--gutter--base) * 2);
  --layout--max: calc(var(--layout--max--root) * var(--layout--max--unit, 0.1rem));
  --layout--column: calc((var(--layout--page) - (var(--layout--columns) - 1) * var(--layout--alley)) / var(--layout--columns));
  --layout--column--max: calc((var(--layout--page--max) - (var(--layout--columns) - 1) * var(--layout--alley)) / var(--layout--columns));
  --layout--alley-column: calc(var(--layout--alley) + var(--layout--column));
  --layout--alley-column--max: calc(var(--layout--alley) + var(--layout--column--max));
  --layout--spacing: calc(var(--layout--spacing--root) * var(--layout--spacing--unit, 0.1rem));
  --layout--spacing--2: calc(var(--layout--spacing) * 2);
  --layout--spacing--3: calc(var(--layout--spacing) * 3);
  --layout--spacing--4: calc(var(--layout--spacing) * 4);
  --layout--corner: calc(var(--layout--corner--root) * var(--layout--corner--unit, 0.1rem));
  --layout--divider: calc(var(--layout--divider--root) * var(--layout--divider--unit, 0.1rem));
  --layout--shadow: calc(var(--layout--shadow--root) * var(--layout--shadow--unit, 0.1rem));
  --layout--column--2: calc(2 * var(--layout--alley-column) - var(--layout--alley));
  --layout--column--3: calc(3 * var(--layout--alley-column) - var(--layout--alley));
  --layout--column--4: calc(4 * var(--layout--alley-column) - var(--layout--alley));
  --layout--column--5: calc(5 * var(--layout--alley-column) - var(--layout--alley));
  --layout--column--6: calc(6 * var(--layout--alley-column) - var(--layout--alley));
  --layout--column--7: calc(7 * var(--layout--alley-column) - var(--layout--alley));
  --layout--column--8: calc(8 * var(--layout--alley-column) - var(--layout--alley));
  --layout--column--9: calc(9 * var(--layout--alley-column) - var(--layout--alley));
  --layout--column--10: calc(10 * var(--layout--alley-column) - var(--layout--alley));
  --layout--column--11: calc(11 * var(--layout--alley-column) - var(--layout--alley));
  --layout--column--12: calc(12 * var(--layout--alley-column) - var(--layout--alley));
  --layout--track--aside: calc(var(--layout--columns--aside) * var(--layout--alley-column) - var(--layout--alley));
  --layout--track--body: calc(var(--layout--columns--body) * var(--layout--alley-column) - var(--layout--alley));
  --layout--track--heading: calc(var(--layout--columns--heading) * var(--layout--alley-column) - var(--layout--alley));
  --layout--track--rail: calc(var(--layout--columns--rail) * var(--layout--alley-column) - var(--layout--alley));
  --layout--track--aside--max: calc(var(--layout--columns--aside) * var(--layout--alley-column--max) - var(--layout--alley));
  --layout--track--body--max: calc(var(--layout--columns--body) * var(--layout--alley-column--max) - var(--layout--alley));
  --layout--track--heading--max: calc(var(--layout--columns--heading) * var(--layout--alley-column--max) - var(--layout--alley));
  --layout--track--rail--max: calc(var(--layout--columns--rail) * var(--layout--alley-column--max) - var(--layout--alley));
}

.layout__scrollbar--none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.layout__scrollbar--none::-webkit-scrollbar {
  display: none;
}

.layout__grid__body, .layout__grid {
  --layout--column--flexible: minmax(0, var(--layout--column));
  column-gap: var(--layout--alley);
  display: grid;
}
.layout__grid__body > *, .layout__grid > * {
  grid-column: all;
}

.layout__grid {
  grid-template-columns: [all-start aside-start body-start heading-start rail-start] var(--layout--column--flexible) repeat(calc(var(--layout--columns) - 2), var(--layout--column)) var(--layout--column--flexible) [all-end aside-end body-end heading-end rail-end];
  justify-content: center;
  min-inline-size: var(--layout--page);
}
@media (min-width: 41.6875em) {
  .layout__grid {
    grid-template-columns: [all-start heading-start rail-start] var(--layout--column--flexible) var(--layout--column) var(--layout--column) var(--layout--column) [rail-end body-start] var(--layout--column) var(--layout--column) var(--layout--column) [heading-end aside-start] var(--layout--column) var(--layout--column) var(--layout--column) var(--layout--column) var(--layout--column--flexible) [all-end aside-end body-end];
  }
}

:where(.layout__grid) > .layout__grid__body {
  grid-column: body;
}

.layout__grid__body {
  grid-template-columns: [all-start] var(--layout--column--flexible) repeat(calc(var(--layout--columns--body) - 2), var(--layout--column)) var(--layout--column--flexible) [all-end];
}

.layout__rhythm--lead--2, .layout__rhythm--lead, .layout__rhythm--line-height, .layout__rhythm--line, .layout__rhythm--cap, .layout__rhythm--x {
  align-items: baseline;
  display: grid;
}

.layout__rhythm--x {
  row-gap: var(--typography--x);
}

.layout__rhythm--cap {
  row-gap: var(--typography--cap);
}

.layout__rhythm--line {
  row-gap: var(--typography--line);
}

.layout__rhythm--line-height {
  row-gap: var(--typography--line-height);
}

.layout__rhythm--lead {
  row-gap: var(--typography--lead);
}

.layout__rhythm--lead--2 {
  row-gap: var(--typography--lead--2);
}

.layout__divider--after::after, .layout__divider--before::before {
  background-color: var(--color--foreground--override, var(--color--foreground));
  block-size: var(--layout--divider);
  content: "";
  inset-inline: 0;
  margin-inline: auto;
  max-inline-size: var(--layout--page);
  position: absolute;
}

.layout__divider--before {
  border-block-start: calc(var(--layout--divider--inset, 0rem) + var(--layout--divider)) solid transparent;
  position: relative;
}
.layout__divider--before::before {
  inset-block-end: 100%;
}

.layout__divider--after {
  border-block-end: calc(var(--layout--divider--inset, 0rem) + var(--layout--divider)) solid transparent;
  position: relative;
}
.layout__divider--after::after {
  inset-block-start: 100%;
}

.layout__icon--button {
  display: flex;
}
.layout__icon--button > svg {
  block-size: var(--typography--x);
  stroke: var(--color--foreground--override, var(--color--foreground));
  stroke-width: var(--layout--divider);
}

.layout__rounded-corners {
  border-radius: var(--layout--corner);
  overflow: clip;
}
@supports (-webkit-hyphens: none) {
  .layout__rounded-corners {
    clip-path: padding-box;
  }
}

.layout__aspect-ratio--contain, .layout__aspect-ratio, .layout__aspect-ratio--square, .layout__aspect-ratio--16-9, .layout__aspect-ratio--landscape {
  aspect-ratio: var(--aspect-ratio);
  display: grid;
  grid-template-rows: 1fr;
}
.layout__aspect-ratio--contain img, .layout__aspect-ratio img, .layout__aspect-ratio--square img, .layout__aspect-ratio--16-9 img, .layout__aspect-ratio--landscape img {
  min-block-size: 0;
  min-inline-size: 0;
  overflow: clip;
}

.layout__aspect-ratio, .layout__aspect-ratio--square, .layout__aspect-ratio--16-9, .layout__aspect-ratio--landscape {
  place-items: stretch;
}
.layout__aspect-ratio img, .layout__aspect-ratio--square img, .layout__aspect-ratio--16-9 img, .layout__aspect-ratio--landscape img {
  aspect-ratio: var(--aspect-ratio);
  object-fit: cover;
}

.layout__aspect-ratio--contain {
  place-items: center;
}

.layout__aspect-ratio--landscape {
  --aspect-ratio: var(--layout--ratio--landscape);
}

.layout__aspect-ratio--16-9 {
  --aspect-ratio: var(--layout--ratio--16-9);
}

.layout__aspect-ratio--square {
  --aspect-ratio: 1;
}

.visually-hidden:not(:focus):not(:active) {
  block-size: 1px;
  clip-path: inset(50%);
  inline-size: 1px;
  margin: initial;
  overflow: hidden;
  padding: initial;
  position: absolute;
  white-space: nowrap;
}

*:has(> .visually-hidden) {
  position: relative;
}
}

@layer wrapper, components, instance;