@media (max-width:1199px) and (min-width:810px) {
  .type-body-scope .text-body:not(.rich-text-wrapper) {
    --text-font-family: "Inter", "Inter Placeholder", sans-serif;
    --text-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
    --text-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
    --text-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
    --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
    --text-font-size: 14px;
    --text-font-style: normal;
    --text-font-style-bold: normal;
    --text-font-style-bold-italic: italic;
    --text-font-style-italic: italic;
    --text-font-variation-axes: normal;
    --text-font-weight: 400;
    --text-font-weight-bold: 700;
    --text-font-weight-bold-italic: 700;
    --text-font-weight-italic: 400;
    --letter-spacing: 0em;
    --line-height: 1.5em;
    --paragraph-spacing: 14px;
    --text-alignment: start;
    --text-color: var(--color-foreground,#000);
    --text-decoration: none;
    --text-stroke-color: initial;
    --text-stroke-width: initial;
    --text-transform: none;
  }
}
@media (max-width:809px) and (min-width:0) {
  .type-body-scope .text-body:not(.rich-text-wrapper) {
    --text-font-family: "Inter", "Inter Placeholder", sans-serif;
    --text-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
    --text-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
    --text-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
    --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
    --text-font-size: 14px;
    --text-font-style: normal;
    --text-font-style-bold: normal;
    --text-font-style-bold-italic: italic;
    --text-font-style-italic: italic;
    --text-font-variation-axes: normal;
    --text-font-weight: 400;
    --text-font-weight-bold: 700;
    --text-font-weight-bold-italic: 700;
    --text-font-weight-italic: 400;
    --letter-spacing: 0em;
    --line-height: 1.5em;
    --paragraph-spacing: 14px;
    --text-alignment: start;
    --text-color: var(--color-foreground,#000);
    --text-decoration: none;
    --text-stroke-color: initial;
    --text-stroke-width: initial;
    --text-transform: none;
  }
}
.type-section-heading-scope .text-section-heading:not(.rich-text-wrapper) {
  --text-font-family: "PP Museum Regular", "PP Museum Regular Placeholder", sans-serif;
  --text-font-open-type-features: normal;
  --text-font-size: 26px;
  --text-font-style: normal;
  --text-font-variation-axes: normal;
  --text-font-weight: 400;
  --letter-spacing: -.01em;
  --line-height: 1.2em;
  --paragraph-spacing: 40px;
  --text-alignment: start;
  --text-color: var(--color-foreground,#000);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}
.type-project-title-scope .text-project-title:not(.rich-text-wrapper) {
  --text-font-family: "PP Museum Regular", "PP Museum Regular Placeholder", sans-serif;
  --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --text-font-size: 26px;
  --text-font-style: normal;
  --text-font-variation-axes: normal;
  --text-font-weight: 400;
  --letter-spacing: -.01em;
  --line-height: 1.2em;
  --paragraph-spacing: 40px;
  --text-alignment: start;
  --text-color: #000;
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}
.site-header.site-header-layout {
  flex-flow: row;
  place-content: flex-start space-evenly;
  align-items: flex-start;
  width: 1168px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.site-header .site-header-row {
  flex-flow: row;
  flex: 1 0 0;
  place-content: center space-between;
  align-items: center;
  width: 1px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.site-header .site-brand {
  flex-flow: column;
  flex: 1 0 0;
  place-content: flex-start;
  align-items: flex-start;
  gap: 3px;
  width: 1px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.site-header .site-brand-copy {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}
.site-header .site-nav {
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 2px;
  width: min-content;
  height: min-content;
  padding: 2px 0 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.site-header .site-nav-work,.site-header .site-nav-about,.site-header .site-nav-contact {
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}
.type-brand-link-scope .link-brand:not(.rich-text-wrapper) {
  --link-text-color: var(--color-foreground,#000);
}
body {
  --will-change-override: none;
}
@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)) {
  body {
    --will-change-override: transform;
  }
}
body {
  --will-change-filter-override: none;
}
@supports (background:-webkit-named-image(i)) and (not (position-area:top right)) {
  body {
    --will-change-filter-override: filter;
  }
}
[data-text-container] {
  position: absolute;
}
[data-text-container] {
  outline: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  display: flex;
}
p.rich-text,div.rich-text,figure.rich-text,h1.rich-text,h2.rich-text,h3.rich-text,h4.rich-text,h5.rich-text,h6.rich-text,ol.rich-text,ul.rich-text {
  margin: 0;
  padding: 0;
}
p.rich-text,div.rich-text,h1.rich-text,h2.rich-text,h3.rich-text,h4.rich-text,h5.rich-text,h6.rich-text,li.rich-text,ol.rich-text,ul.rich-text,mark.rich-text,span.rich-text:not([data-text-fill]) {
  font-family: var(--text-font-family-preview,var(--blockquote-font-family,var(--text-font-family,Inter, Inter Placeholder, sans-serif)));
  font-style: var(--text-font-style-preview,var(--blockquote-font-style,var(--text-font-style,normal)));
  font-weight: var(--text-font-weight-preview,var(--blockquote-font-weight,var(--text-font-weight,400)));
  color: var(--blockquote-text-color,var(--text-color,#000));
  font-size: calc(var(--blockquote-font-size,var(--text-font-size,16px)) * var(--text-font-size-scale,1));
  letter-spacing: var(--blockquote-letter-spacing,var(--letter-spacing,0));
  text-transform: var(--blockquote-text-transform,var(--text-transform,none));
  -webkit-text-decoration-line: var(--blockquote-text-decoration,var(--text-decoration,initial));
  text-decoration-line: var(--blockquote-text-decoration,var(--text-decoration,initial));
  -webkit-text-decoration-style: var(--blockquote-text-decoration-style,var(--text-decoration-style,initial));
  text-decoration-style: var(--blockquote-text-decoration-style,var(--text-decoration-style,initial));
  -webkit-text-decoration-color: var(--blockquote-text-decoration-color,var(--text-decoration-color,initial));
  text-decoration-color: var(--blockquote-text-decoration-color,var(--text-decoration-color,initial));
  text-decoration-thickness: var(--blockquote-text-decoration-thickness,var(--text-decoration-thickness,initial));
  text-decoration-skip-ink: var(--blockquote-text-decoration-skip-ink,var(--text-decoration-skip-ink,initial));
  text-underline-offset: var(--blockquote-text-decoration-offset,var(--text-decoration-offset,initial));
  line-height: var(--blockquote-line-height,var(--line-height,1.2em));
  text-align: var(--blockquote-text-alignment,var(--text-alignment,start));
  -webkit-text-stroke-width: var(--text-stroke-width,initial);
  -webkit-text-stroke-color: var(--text-stroke-color,initial);
  -moz-font-feature-settings: var(--text-font-open-type-features,initial);
  -webkit-font-feature-settings: var(--text-font-open-type-features,initial);
  font-feature-settings: var(--text-font-open-type-features,initial);
  font-variation-settings: var(--text-font-variation-axes-preview,var(--text-font-variation-axes,normal));
  text-wrap: var(--text-wrap-override,var(--text-wrap));
}
mark.rich-text,p.rich-text,div.rich-text,h1.rich-text,h2.rich-text,h3.rich-text,h4.rich-text,h5.rich-text,h6.rich-text,li.rich-text,ol.rich-text,ul.rich-text {
  background-color: var(--blockquote-text-background-color,var(--text-background-color,initial));
  border-radius: var(--blockquote-text-background-radius,var(--text-background-radius,initial));
  corner-shape: var(--blockquote-text-background-corner-shape,var(--text-background-corner-shape,initial));
  padding: var(--blockquote-text-background-padding,var(--text-background-padding,initial));
}
@supports not (color:color(display-p3 1 1 1)) {
  p.rich-text,div.rich-text,h1.rich-text,h2.rich-text,h3.rich-text,h4.rich-text,h5.rich-text,h6.rich-text,li.rich-text,ol.rich-text,ul.rich-text,span.rich-text:not([data-text-fill]) {
    color: var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--text-color-rgb,var(--text-color,#000))));
    -webkit-text-stroke-color: var(--text-stroke-color-rgb,var(--text-stroke-color,initial));
  }
  mark.rich-text {
    background-color: var(--blockquote-text-background-color-rgb,var(--blockquote-text-background-color,var(--text-background-color-rgb,var(--text-background-color,initial))));
  }
}
strong.rich-text {
  font-family: var(--blockquote-font-family-bold,var(--text-font-family-bold));
  font-style: var(--blockquote-font-style-bold,var(--text-font-style-bold));
  font-weight: var(--blockquote-font-weight-bold,var(--text-font-weight-bold,bolder));
  font-variation-settings: var(--blockquote-font-variation-axes-bold,var(--text-font-variation-axes-bold));
}
em.rich-text {
  font-family: var(--blockquote-font-family-italic,var(--text-font-family-italic));
  font-style: var(--blockquote-font-style-italic,var(--text-font-style-italic,italic));
  font-weight: var(--blockquote-font-weight-italic,var(--text-font-weight-italic));
  font-variation-settings: var(--blockquote-font-variation-axes-italic,var(--text-font-variation-axes-italic));
}
em.rich-text>strong.rich-text {
  font-family: var(--blockquote-font-family-bold-italic,var(--text-font-family-bold-italic));
  font-style: var(--blockquote-font-style-bold-italic,var(--text-font-style-bold-italic,italic));
  font-weight: var(--blockquote-font-weight-bold-italic,var(--text-font-weight-bold-italic,bolder));
  font-variation-settings: var(--blockquote-font-variation-axes-bold-italic,var(--text-font-variation-axes-bold-italic));
}
p.rich-text:not(:first-child),div.rich-text:not(:first-child),h1.rich-text:not(:first-child),h2.rich-text:not(:first-child),h3.rich-text:not(:first-child),h4.rich-text:not(:first-child),h5.rich-text:not(:first-child),h6.rich-text:not(:first-child),ol.rich-text:not(:first-child),ul.rich-text:not(:first-child),blockquote.rich-text:not(:first-child),table.rich-text:not(:first-child),figure.rich-text:not(:first-child) {
  margin-top: var(--blockquote-paragraph-spacing,var(--paragraph-spacing,0));
}
li.rich-text>ul.rich-text:nth-child(2),li.rich-text>ol.rich-text:nth-child(2) {
  margin-top: 0;
}
code.rich-text,code.rich-text span.rich-text:not([data-text-fill]) {
  font-family: var(--code-font-family,var(--text-font-family,Inter, Inter Placeholder, sans-serif));
  font-style: var(--blockquote-font-style,var(--code-font-style,var(--text-font-style,normal)));
  font-weight: var(--blockquote-font-weight,var(--code-font-weight,var(--text-font-weight,400)));
  color: var(--blockquote-text-color,var(--code-text-color,var(--text-color,#000)));
  font-size: calc(var(--blockquote-font-size,var(--text-font-size,16px)) * var(--text-font-size-scale,1));
  letter-spacing: var(--blockquote-letter-spacing,var(--letter-spacing,0));
  line-height: var(--blockquote-line-height,var(--line-height,1.2em));
}
@supports not (color:color(display-p3 1 1 1)) {
  code.rich-text,code.rich-text span.rich-text:not([data-text-fill]) {
    color: var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--code-text-color-rgb,var(--code-text-color,var(--text-color-rgb,var(--text-color,#000))))));
  }
}
blockquote.rich-text {
  unicode-bidi: initial;
  margin-block-start: initial;
  margin-block-end: initial;
  margin-inline-start: initial;
  margin-inline-end: initial;
}
a.rich-text,a.rich-text span.rich-text:not([data-text-fill]) {
  color: inherit;
  font-family: var(--text-font-family-preview,var(--link-font-family,var(--blockquote-font-family,var(--text-font-family,Inter, Inter Placeholder, sans-serif))));
  font-style: var(--text-font-style-preview,var(--link-font-style,var(--blockquote-font-style,var(--text-font-style,normal))));
  font-weight: var(--text-font-weight-preview,var(--link-font-weight,var(--blockquote-font-weight,var(--text-font-weight,400))));
  font-size: calc(var(--blockquote-font-size,var(--text-font-size,16px)) * var(--text-font-size-scale,1));
  text-transform: var(--link-text-transform,var(--blockquote-text-transform,var(--text-transform,none)));
  cursor: var(--custom-cursors,pointer);
  background-color: initial;
  border-radius: var(--link-text-background-radius,initial);
  corner-shape: var(--link-text-background-corner-shape,initial);
  padding: var(--link-text-background-padding,initial);
}
a.rich-text {
  color: var(--link-text-color,var(--blockquote-text-color,var(--text-color,#000)));
  -webkit-text-decoration-line: var(--link-text-decoration,var(--blockquote-text-decoration,var(--text-decoration,initial)));
  text-decoration-line: var(--link-text-decoration,var(--blockquote-text-decoration,var(--text-decoration,initial)));
  -webkit-text-decoration-style: var(--link-text-decoration-style,var(--blockquote-text-decoration-style,var(--text-decoration-style,initial)));
  text-decoration-style: var(--link-text-decoration-style,var(--blockquote-text-decoration-style,var(--text-decoration-style,initial)));
  -webkit-text-decoration-color: var(--link-text-decoration-color,var(--blockquote-text-decoration-color,var(--text-decoration-color,initial)));
  text-decoration-color: var(--link-text-decoration-color,var(--blockquote-text-decoration-color,var(--text-decoration-color,initial)));
  text-decoration-thickness: var(--link-text-decoration-thickness,var(--blockquote-text-decoration-thickness,var(--text-decoration-thickness,initial)));
  text-decoration-skip-ink: var(--link-text-decoration-skip-ink,var(--blockquote-text-decoration-skip-ink,var(--text-decoration-skip-ink,initial)));
  text-underline-offset: var(--link-text-decoration-offset,var(--blockquote-text-decoration-offset,var(--text-decoration-offset,initial)));
  background-color: var(--link-text-background-color,initial);
}
@supports not (color:color(display-p3 1 1 1)) {
  a.rich-text {
    color: var(--link-text-color-rgb,var(--link-text-color,var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--text-color-rgb,var(--text-color,#000))))));
    background-color: var(--link-text-background-color-rgb,var(--link-text-background-color,initial));
    -webkit-text-decoration-color: var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))));
    text-decoration-color: var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))));
  }
}
code.rich-text a.rich-text,code.rich-text a.rich-text span.rich-text:not([data-text-fill]) {
  font-family: var(--code-font-family,var(--text-font-family,Inter, Inter Placeholder, sans-serif));
  font-style: var(--blockquote-font-style,var(--code-font-style,var(--text-font-style,normal)));
  font-weight: var(--blockquote-font-weight,var(--code-font-weight,var(--text-font-weight,400)));
  color: inherit;
  font-size: calc(var(--blockquote-font-size,var(--text-font-size,16px)) * var(--text-font-size-scale,1));
}
code.rich-text a.rich-text {
  color: var(--link-text-color,var(--blockquote-text-color,var(--code-text-color,var(--text-color,#000))));
}
@supports not (color:color(display-p3 1 1 1)) {
  code.rich-text a.rich-text,code.rich-text a.rich-text span.rich-text:not([data-text-fill]) {
    color: var(--link-text-color-rgb,var(--link-text-color,var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--code-text-color-rgb,var(--code-text-color,var(--text-color-rgb,var(--text-color,#000))))))));
  }
}
a.rich-text:hover,a.rich-text:hover span.rich-text:not([data-text-fill]) {
  font-family: var(--text-font-family-preview,var(--link-hover-font-family,var(--link-font-family,var(--blockquote-font-family,var(--text-font-family,Inter, Inter Placeholder, sans-serif)))));
  font-style: var(--text-font-style-preview,var(--link-hover-font-style,var(--link-font-style,var(--blockquote-font-style,var(--text-font-style,normal)))));
  font-weight: var(--text-font-weight-preview,var(--link-hover-font-weight,var(--link-font-weight,var(--blockquote-font-weight,var(--text-font-weight,400)))));
  font-size: calc(var(--link-hover-font-size,var(--blockquote-font-size,var(--text-font-size,16px))) * var(--text-font-size-scale,1));
  text-transform: var(--link-hover-text-transform,var(--link-text-transform,var(--blockquote-text-transform,var(--text-transform,none))));
  border-radius: var(--link-hover-text-background-radius,var(--link-text-background-radius,var(--text-background-radius,initial)));
  corner-shape: var(--link-hover-text-background-corner-shape,var(--link-text-background-corner-shape,var(--text-background-corner-shape,initial)));
  padding: var(--link-hover-text-background-padding,var(--link-text-background-padding,var(--text-background-padding,initial)));
}
a.rich-text:hover {
  color: var(--link-hover-text-color,var(--link-text-color,var(--blockquote-text-color,var(--text-color,#000))));
  -webkit-text-decoration-line: var(--link-hover-text-decoration,var(--link-text-decoration,var(--blockquote-text-decoration,var(--text-decoration,initial))));
  text-decoration-line: var(--link-hover-text-decoration,var(--link-text-decoration,var(--blockquote-text-decoration,var(--text-decoration,initial))));
  -webkit-text-decoration-style: var(--link-hover-text-decoration-style,var(--link-text-decoration-style,var(--blockquote-text-decoration-style,var(--text-decoration-style,initial))));
  text-decoration-style: var(--link-hover-text-decoration-style,var(--link-text-decoration-style,var(--blockquote-text-decoration-style,var(--text-decoration-style,initial))));
  -webkit-text-decoration-color: var(--link-hover-text-decoration-color,var(--link-text-decoration-color,var(--blockquote-text-decoration-color,var(--text-decoration-color,initial))));
  text-decoration-color: var(--link-hover-text-decoration-color,var(--link-text-decoration-color,var(--blockquote-text-decoration-color,var(--text-decoration-color,initial))));
  text-decoration-thickness: var(--link-hover-text-decoration-thickness,var(--link-text-decoration-thickness,var(--blockquote-text-decoration-thickness,var(--text-decoration-thickness,initial))));
  text-decoration-skip-ink: var(--link-hover-text-decoration-skip-ink,var(--link-text-decoration-skip-ink,var(--blockquote-text-decoration-skip-ink,var(--text-decoration-skip-ink,initial))));
  text-underline-offset: var(--link-hover-text-decoration-offset,var(--link-text-decoration-offset,var(--blockquote-text-decoration-offset,var(--text-decoration-offset,initial))));
  background-color: var(--link-hover-text-background-color,var(--link-text-background-color,var(--text-background-color,initial)));
}
@supports not (color:color(display-p3 1 1 1)) {
  a.rich-text:hover {
    color: var(--link-hover-text-color-rgb,var(--link-hover-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--text-color-rgb,var(--text-color,#000))))))));
    background-color: var(--link-hover-text-background-color-rgb,var(--link-hover-text-background-color,var(--link-text-background-color-rgb,var(--link-text-background-color,var(--text-background-color-rgb,var(--text-background-color,initial))))));
    -webkit-text-decoration-color: var(--link-hover-text-decoration-color-rgb,var(--link-hover-text-decoration-color,var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))));
    text-decoration-color: var(--link-hover-text-decoration-color-rgb,var(--link-hover-text-decoration-color,var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))));
  }
}
code.rich-text a.rich-text:hover {
  color: var(--link-hover-text-color,var(--link-text-color,var(--blockquote-text-color,var(--code-text-color,var(--text-color,#000)))));
}
@supports not (color:color(display-p3 1 1 1)) {
  code.rich-text a.rich-text:hover {
    color: var(--link-hover-text-color-rgb,var(--link-hover-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--blockquote-text-color-rgb,var(--blockquote-text-color,var(--code-text-color-rgb,var(--code-text-color,var(--text-color-rgb,var(--text-color,#000))))))))));
  }
}
a.rich-text[data-page-current],a.rich-text[data-page-current] span.rich-text:not([data-text-fill]),span.rich-text[data-page-current],span.rich-text[data-page-current] span.rich-text:not([data-text-fill]) {
  font-family: var(--text-font-family-preview,var(--link-current-font-family,var(--link-font-family,var(--text-font-family,Inter, Inter Placeholder, sans-serif))));
  font-style: var(--text-font-style-preview,var(--link-current-font-style,var(--link-font-style,var(--text-font-style,normal))));
  font-weight: var(--text-font-weight-preview,var(--link-current-font-weight,var(--link-font-weight,var(--text-font-weight,400))));
  font-size: calc(var(--link-current-font-size,var(--link-font-size,var(--text-font-size,16px))) * var(--text-font-size-scale,1));
  text-transform: var(--link-current-text-transform,var(--link-text-transform,var(--text-transform,none)));
  border-radius: var(--link-current-text-background-radius,var(--link-text-background-radius,initial));
  corner-shape: var(--link-current-text-background-corner-shape,var(--link-text-background-corner-shape,initial));
  padding: var(--link-current-text-background-padding,var(--link-text-background-padding,initial));
}
a.rich-text[data-page-current],span.rich-text[data-page-current] {
  color: var(--link-current-text-color,var(--link-text-color,var(--text-color,#000)));
  -webkit-text-decoration-line: var(--link-current-text-decoration,var(--link-text-decoration,var(--text-decoration,initial)));
  text-decoration-line: var(--link-current-text-decoration,var(--link-text-decoration,var(--text-decoration,initial)));
  -webkit-text-decoration-style: var(--link-current-text-decoration-style,var(--link-text-decoration-style,var(--text-decoration-style,initial)));
  text-decoration-style: var(--link-current-text-decoration-style,var(--link-text-decoration-style,var(--text-decoration-style,initial)));
  -webkit-text-decoration-color: var(--link-current-text-decoration-color,var(--link-text-decoration-color,var(--text-decoration-color,initial)));
  text-decoration-color: var(--link-current-text-decoration-color,var(--link-text-decoration-color,var(--text-decoration-color,initial)));
  text-decoration-thickness: var(--link-current-text-decoration-thickness,var(--link-text-decoration-thickness,var(--text-decoration-thickness,initial)));
  text-decoration-skip-ink: var(--link-current-text-decoration-skip-ink,var(--link-text-decoration-skip-ink,var(--text-decoration-skip-ink,initial)));
  text-underline-offset: var(--link-current-text-decoration-offset,var(--link-text-decoration-offset,var(--text-decoration-offset,initial)));
  background-color: var(--link-current-text-background-color,var(--link-text-background-color,var(--text-background-color,initial)));
}
@supports not (color:color(display-p3 1 1 1)) {
  a.rich-text[data-page-current],span.rich-text[data-page-current] {
    color: var(--link-current-text-color-rgb,var(--link-current-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--text-color-rgb,var(--text-color,#000))))));
    background-color: var(--link-current-text-background-color-rgb,var(--link-current-text-background-color,var(--link-text-background-color-rgb,var(--link-text-background-color,var(--text-background-color-rgb,var(--text-background-color,initial))))));
    -webkit-text-decoration-color: var(--link-current-text-decoration-color-rgb,var(--link-current-text-decoration-color,var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))));
    text-decoration-color: var(--link-current-text-decoration-color-rgb,var(--link-current-text-decoration-color,var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))));
  }
}
code.rich-text a.rich-text[data-page-current],code.rich-text a.rich-text[data-page-current] span.rich-text:not([data-text-fill]),code.rich-text span.rich-text[data-page-current],code.rich-text span.rich-text[data-page-current] span.rich-text:not([data-text-fill]) {
  font-family: var(--code-font-family,var(--text-font-family,Inter, Inter Placeholder, sans-serif));
  font-style: var(--code-font-style,var(--text-font-style,normal));
  font-weight: var(--code-font-weight,var(--text-font-weight,400));
  color: inherit;
  font-size: calc(var(--link-current-font-size,var(--link-font-size,var(--text-font-size,16px))) * var(--text-font-size-scale,1));
}
code.rich-text a.rich-text[data-page-current],code.rich-text span.rich-text[data-page-current] {
  color: var(--link-current-text-color,var(--link-text-color,var(--code-text-color,var(--text-color,#000))));
}
@supports not (color:color(display-p3 1 1 1)) {
  code.rich-text a.rich-text[data-page-current],code.rich-text a.rich-text[data-page-current] span.rich-text:not([data-text-fill]),code.rich-text span.rich-text[data-page-current],code.rich-text span.rich-text[data-page-current] span.rich-text:not([data-text-fill]) {
    color: var(--link-current-text-color-rgb,var(--link-current-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--code-text-color-rgb,var(--code-text-color,var(--text-color-rgb,var(--text-color,#000))))))));
    background-color: var(--link-current-text-background-color-rgb,var(--link-current-text-background-color,var(--link-text-background-color-rgb,var(--link-text-background-color,var(--text-background-color-rgb,var(--text-background-color,initial))))));
  }
}
a.rich-text[data-page-current]:hover,a.rich-text[data-page-current]:hover span.rich-text:not([data-text-fill]),span.rich-text[data-page-current]:hover,span.rich-text[data-page-current]:hover span.rich-text:not([data-text-fill]) {
  color: inherit;
  font-family: var(--text-font-family-preview,var(--link-hover-font-family,var(--link-current-font-family,var(--link-font-family,var(--text-font-family,Inter, Inter Placeholder, sans-serif)))));
  font-style: var(--text-font-style-preview,var(--link-hover-font-style,var(--link-current-font-style,var(--link-font-style,var(--text-font-style,normal)))));
  font-weight: var(--text-font-weight-preview,var(--link-hover-font-weight,var(--link-current-font-weight,var(--link-font-weight,var(--text-font-weight,400)))));
  font-size: calc(var(--link-hover-font-size,var(--link-current-font-size,var(--link-font-size,var(--text-font-size,16px)))) * var(--text-font-size-scale,1));
  text-transform: var(--link-hover-text-transform,var(--link-current-text-transform,var(--link-text-transform,var(--text-transform,none))));
  border-radius: var(--link-hover-text-background-radius,var(--link-current-text-background-radius,var(--link-text-background-radius,initial)));
  corner-shape: var(--link-hover-text-background-corner-shape,var(--link-current-text-background-corner-shape,var(--link-text-background-corner-shape,initial)));
  padding: var(--link-hover-text-background-padding,var(--link-current-text-background-padding,var(--link-text-background-padding,initial)));
}
a.rich-text[data-page-current]:hover,span.rich-text[data-page-current]:hover {
  color: var(--link-hover-text-color,var(--link-current-text-color,var(--link-text-color,var(--text-color,#000))));
  -webkit-text-decoration-line: var(--link-hover-text-decoration,var(--link-current-text-decoration,var(--link-text-decoration,var(--text-decoration,initial))));
  text-decoration-line: var(--link-hover-text-decoration,var(--link-current-text-decoration,var(--link-text-decoration,var(--text-decoration,initial))));
  -webkit-text-decoration-style: var(--link-hover-text-decoration-style,var(--link-current-text-decoration-style,var(--link-text-decoration-style,var(--text-decoration-style,initial))));
  text-decoration-style: var(--link-hover-text-decoration-style,var(--link-current-text-decoration-style,var(--link-text-decoration-style,var(--text-decoration-style,initial))));
  -webkit-text-decoration-color: var(--link-hover-text-decoration-color,var(--link-current-text-decoration-color,var(--link-text-decoration-color,var(--text-decoration-color,initial))));
  text-decoration-color: var(--link-hover-text-decoration-color,var(--link-current-text-decoration-color,var(--link-text-decoration-color,var(--text-decoration-color,initial))));
  text-decoration-thickness: var(--link-hover-text-decoration-thickness,var(--link-current-text-decoration-thickness,var(--link-text-decoration-thickness,var(--text-decoration-thickness,initial))));
  text-decoration-skip-ink: var(--link-hover-text-decoration-skip-ink,var(--link-current-text-decoration-skip-ink,var(--link-text-decoration-skip-ink,var(--text-decoration-skip-ink,initial))));
  text-underline-offset: var(--link-hover-text-decoration-offset,var(--link-current-text-decoration-offset,var(--link-text-decoration-offset,var(--text-decoration-offset,initial))));
  background-color: var(--link-hover-text-background-color,var(--link-current-text-background-color,var(--link-text-background-color,initial)));
}
@supports not (color:color(display-p3 1 1 1)) {
  a.rich-text[data-page-current]:hover,span.rich-text[data-page-current]:hover {
    color: var(--link-hover-text-color-rgb,var(--link-hover-text-color,var(--link-current-text-color-rgb,var(--link-current-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--code-text-color-rgb,var(--code-text-color,var(--text-color-rgb,var(--text-color,#000))))))))));
    background-color: var(--link-hover-text-background-color-rgb,var(--link-hover-text-background-color,var(--link-current-text-background-color-rgb,var(--link-current-text-background-color,var(--link-text-background-color-rgb,var(--link-text-background-color,initial))))));
    -webkit-text-decoration-color: var(--link-hover-text-decoration-color-rgb,var(--link-hover-text-decoration-color,var(--link-current-text-decoration-color-rgb,var(--link-current-text-decoration-color,var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))))));
    text-decoration-color: var(--link-hover-text-decoration-color-rgb,var(--link-hover-text-decoration-color,var(--link-current-text-decoration-color-rgb,var(--link-current-text-decoration-color,var(--link-text-decoration-color-rgb,var(--link-text-decoration-color,var(--text-decoration-color-rgb,var(--text-decoration-color,currentcolor))))))));
  }
}
code.rich-text a.rich-text[data-page-current]:hover,code.rich-text span.rich-text[data-page-current]:hover {
  color: var(--link-hover-text-color,var(--link-current-text-color,var(--link-text-color,var(--code-text-color,var(--text-color,#000)))));
}
@supports not (color:color(display-p3 1 1 1)) {
  code.rich-text a.rich-text[data-page-current]:hover,code.rich-text a.rich-text[data-page-current]:hover span.rich-text:not([data-text-fill]),code.rich-text span.rich-text[data-page-current]:hover,code.rich-text span.rich-text[data-page-current]:hover span.rich-text:not([data-text-fill]) {
    color: var(--link-hover-text-color-rgb,var(--link-hover-text-color,var(--link-current-text-color-rgb,var(--link-current-text-color,var(--link-text-color-rgb,var(--link-text-color,var(--code-text-color-rgb,var(--code-text-color,var(--text-color-rgb,var(--text-color,#000))))))))));
    background-color: var(--link-hover-text-background-color-rgb,var(--link-hover-text-background-color,var(--link-current-text-background-color-rgb,var(--link-current-text-background-color,var(--link-text-background-color-rgb,var(--link-text-background-color,initial))))));
  }
}
ol.rich-text {
  --list-style-type: decimal;
}
ul.rich-text,ol.rich-text {
  padding-inline-start: 0;
  position: relative;
}
li.rich-text {
  counter-increment: list-item;
  padding-inline-start: 2ch;
  list-style: "";
}
ol.rich-text>li.rich-text {
  padding-inline-start: calc(calc(var(--max-list-digits,1) + 1) * 1ch);
}
ol.rich-text>li.rich-text:before {
  content: counter(list-item, var(--list-style-type)) ".";
  font-variant-numeric: tabular-nums;
  position: absolute;
  inset-inline-start: 0;
}
ul.rich-text>li.rich-text:before {
  content: "•";
  position: absolute;
  inset-inline-start: 0;
}
table.rich-text {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  word-break: normal;
  width: 100%;
}
td.rich-text,th.rich-text {
  overflow-wrap: anywhere;
  vertical-align: top;
  min-width: 16ch;
}
@supports not (overflow:clip) {
  :root {
    --overflow-clip-fallback: hidden;
  }
}
@supports (background:-webkit-named-image(i)) and (not (contain-intrinsic-size:inherit)) {
  div.rich-text,p.rich-text,h1.rich-text,h2.rich-text,h3.rich-text,h4.rich-text,h5.rich-text,h6.rich-text,ol.rich-text,ul.rich-text,li.rich-text,blockquote.rich-text {
    display: var(--text-truncation-display-inline-for-safari-16,revert);
  }
  div.rich-text:after,p.rich-text:after,h1.rich-text:after,h2.rich-text:after,h3.rich-text:after,h4.rich-text:after,h5.rich-text:after,h6.rich-text:after,ol.rich-text:after,ul.rich-text:after,li.rich-text:after,blockquote.rich-text:after {
    content: var(--text-truncation-line-break-for-safari-16);
    white-space: pre;
  }
}
@supports (corner-shape:superellipse(2)) {
  :root {
    --one-if-corner-shape-supported: 1;
  }
}
.nav-pill.nav-pill-link,.nav-pill .nav-pill-link {
  display: block;
}
.nav-pill.nav-pill-layout {
  cursor: pointer;
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  will-change: var(--will-change-override,transform);
  flex-flow: row;
  place-content: center flex-start;
  align-items: center;
  gap: 4px;
  width: min-content;
  padding: 4px 10px;
  text-decoration: none;
  display: flex;
  position: relative;
}
.nav-pill .nav-pill-label {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}
.nav-pill[data-border=true]:after,.nav-pill [data-border=true]:after {
  content: "";
  border-width: var(--border-top-width,0) var(--border-right-width,0) var(--border-bottom-width,0) var(--border-left-width,0);
  border-color: var(--border-color,none);
  border-style: var(--border-style,none);
  box-sizing: border-box;
  border-radius: inherit;
  corner-shape: inherit;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.responsive-slot {
  display: contents;
}
@supports (aspect-ratio:1) {
  body {
    --aspect-ratio-supported: auto;
  }
}
.project-tag.project-tag-layout {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  will-change: var(--will-change-override,transform);
  flex-flow: row;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: min-content;
  padding: 2px 6px;
  display: flex;
  position: relative;
}
.project-tag .project-tag-label {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}
.project-tag[data-border=true]:after,.project-tag [data-border=true]:after {
  content: "";
  border-width: var(--border-top-width,0) var(--border-right-width,0) var(--border-bottom-width,0) var(--border-left-width,0);
  border-color: var(--border-color,none);
  border-style: var(--border-style,none);
  box-sizing: border-box;
  border-radius: inherit;
  corner-shape: inherit;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.more-work-link.more-work-link-target,.more-work-link .more-work-link-target {
  display: block;
}
.more-work-link.more-work-link-layout {
  cursor: pointer;
  flex-flow: row;
  place-content: center flex-start;
  align-items: center;
  gap: 16px;
  width: 800px;
  max-width: 800px;
  height: min-content;
  padding: 40px 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}
.more-work-link .more-work-link-label {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}
.more-work-link .more-work-link-icon-wrap {
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: min-content;
  height: min-content;
  padding: 4px;
  display: flex;
  position: relative;
  overflow: visible;
}
.more-work-link .arrow-icon--large {
  aspect-ratio: 1;
  flex: none;
  width: 16px;
  height: auto;
  position: relative;
}
.more-work-link.more-work-link-layout:hover,.more-work-link.more-work-link-layout:focus-visible {
  gap: 24px;
}
.more-work-link.more-work-link-layout {
  transition: gap .2s ease;
}
@media(prefers-reduced-motion:reduce) {
  .more-work-link.more-work-link-layout {
    transition: none;
  }
}
.type-display-scope .text-display:not(.rich-text-wrapper) {
  --text-font-family: "PP Museum Regular", "PP Museum Regular Placeholder", sans-serif;
  --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --text-font-size: 80px;
  --text-font-style: normal;
  --text-font-variation-axes: normal;
  --text-font-weight: 400;
  --letter-spacing: -.03em;
  --line-height: .9em;
  --paragraph-spacing: 0px;
  --text-alignment: start;
  --text-color: var(--color-foreground,#000);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}
@media (max-width:1199px) and (min-width:0) {
  .type-display-scope .text-display:not(.rich-text-wrapper) {
    --text-font-family: "PP Museum Regular", "PP Museum Regular Placeholder", sans-serif;
    --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
    --text-font-size: 56px;
    --text-font-style: normal;
    --text-font-variation-axes: normal;
    --text-font-weight: 400;
    --letter-spacing: -.03em;
    --line-height: .9em;
    --paragraph-spacing: 0px;
    --text-alignment: start;
    --text-color: var(--color-foreground,#000);
    --text-decoration: none;
    --text-stroke-color: initial;
    --text-stroke-width: initial;
    --text-transform: none;
  }
}
.more-work-link[data-border=true]:after,.more-work-link [data-border=true]:after {
  content: "";
  border-width: var(--border-top-width,0) var(--border-right-width,0) var(--border-bottom-width,0) var(--border-left-width,0);
  border-color: var(--border-color,none);
  border-style: var(--border-style,none);
  box-sizing: border-box;
  border-radius: inherit;
  corner-shape: inherit;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.arrow-icon {
  -webkit-mask: url("data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 8 0 L 6.59 1.41 L 12.17 7 L 0 7 L 0 9 L 12.17 9 L 6.59 14.59 L 8 16 L 16 8 Z\" fill=\"var(--esondr, rgb(0,0,0))\" height=\"16px\" id=\"cNUVKl8Cd\" transform=\"translate(4 4)\" width=\"16px\"/></svg>") alpha no-repeat center / auto var(--icon-mask-mode,add), var(--icon-mask,none);
  aspect-ratio: 1;
  background-color: var(--esondr);
  -webkit-mask: url("data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 8 0 L 6.59 1.41 L 12.17 7 L 0 7 L 0 9 L 12.17 9 L 6.59 14.59 L 8 16 L 16 8 Z\" fill=\"var(--esondr, rgb(0,0,0))\" height=\"16px\" id=\"cNUVKl8Cd\" transform=\"translate(4 4)\" width=\"16px\"/></svg>") alpha no-repeat center / auto var(--icon-mask-mode,add), var(--icon-mask,none);
  mask: url("data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 8 0 L 6.59 1.41 L 12.17 7 L 0 7 L 0 9 L 12.17 9 L 6.59 14.59 L 8 16 L 16 8 Z\" fill=\"var(--esondr, rgb(0,0,0))\" height=\"16px\" id=\"cNUVKl8Cd\" transform=\"translate(4 4)\" width=\"16px\"/></svg>") alpha no-repeat center / auto var(--icon-mask-mode,add), var(--icon-mask,none);
  width: 24px;
}
.type-case-title-scope .text-case-title:not(.rich-text-wrapper) {
  --text-font-family: "PP Museum Regular", "PP Museum Regular Placeholder", sans-serif;
  --text-font-family-bold: "Inter", sans-serif;
  --text-font-family-bold-italic: "Inter", sans-serif;
  --text-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --text-font-size: 70px;
  --text-font-style: normal;
  --text-font-style-bold: normal;
  --text-font-style-bold-italic: italic;
  --text-font-style-italic: italic;
  --text-font-variation-axes: normal;
  --text-font-weight: 400;
  --text-font-weight-bold: 900;
  --text-font-weight-bold-italic: 900;
  --text-font-weight-italic: 700;
  --letter-spacing: -.03em;
  --line-height: .9em;
  --paragraph-spacing: 0px;
  --text-alignment: start;
  --text-color: var(--color-foreground,#000);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}
@media (max-width:1199px) and (min-width:0) {
  .type-case-title-scope .text-case-title:not(.rich-text-wrapper) {
    --text-font-family: "PP Museum Regular", "PP Museum Regular Placeholder", sans-serif;
    --text-font-family-bold: "Inter", sans-serif;
    --text-font-family-bold-italic: "Inter", sans-serif;
    --text-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
    --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
    --text-font-size: 46px;
    --text-font-style: normal;
    --text-font-style-bold: normal;
    --text-font-style-bold-italic: italic;
    --text-font-style-italic: italic;
    --text-font-variation-axes: normal;
    --text-font-weight: 400;
    --text-font-weight-bold: 900;
    --text-font-weight-bold-italic: 900;
    --text-font-weight-italic: 700;
    --letter-spacing: -.03em;
    --line-height: .9em;
    --paragraph-spacing: 0px;
    --text-alignment: start;
    --text-color: var(--color-foreground,#000);
    --text-decoration: none;
    --text-stroke-color: initial;
    --text-stroke-width: initial;
    --text-transform: none;
  }
}
.type-subtitle-scope .text-subtitle:not(.rich-text-wrapper) {
  --text-font-family: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --text-font-size: 14px;
  --text-font-style: normal;
  --text-font-style-bold: normal;
  --text-font-style-bold-italic: italic;
  --text-font-style-italic: italic;
  --text-font-variation-axes: normal;
  --text-font-weight: 400;
  --text-font-weight-bold: 700;
  --text-font-weight-bold-italic: 700;
  --text-font-weight-italic: 400;
  --letter-spacing: 0em;
  --line-height: 1.5em;
  --paragraph-spacing: 20px;
  --text-alignment: start;
  --text-color: var(--color-subdued,#00000080);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}
.reading-progress.reading-progress-layout {
  cursor: pointer;
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  will-change: var(--will-change-override,transform);
  flex-flow: column;
  place-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: min-content;
  padding: 0;
  display: flex;
  position: relative;
}
.reading-progress .reading-progress-track {
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: min-content;
  height: 40px;
  padding: 0 8px;
  display: flex;
  position: relative;
  overflow: visible;
}
.reading-progress .reading-progress-fill-layout {
  aspect-ratio: 1;
  height: var(--aspect-ratio-supported,24px);
  flex: none;
  width: 24px;
  position: relative;
}
.reading-progress[data-border=true]:after,.reading-progress [data-border=true]:after {
  content: "";
  border-width: var(--border-top-width,0) var(--border-right-width,0) var(--border-bottom-width,0) var(--border-left-width,0);
  border-color: var(--border-color,none);
  border-style: var(--border-style,none);
  box-sizing: border-box;
  border-radius: inherit;
  corner-shape: inherit;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.reading-progress-fill {
  -webkit-mask: url("data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 4.59 2.83 L 7.76 6 L 9.17 4.59 L 4.59 0 L 0 4.59 L 1.42 6 Z M 4.59 15.17 L 1.42 12 L 0.01 13.41 L 4.59 18 L 9.18 13.41 L 7.76 12 Z\" fill=\"var(--esondr, rgb(0,0,0))\" height=\"18px\" id=\"TBXpe1G8i\" transform=\"translate(7.41 3)\" width=\"9.179969999776482px\"/></svg>") alpha no-repeat center / auto var(--icon-mask-mode,add), var(--icon-mask,none);
  aspect-ratio: 1;
  background-color: var(--esondr);
  -webkit-mask: url("data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 4.59 2.83 L 7.76 6 L 9.17 4.59 L 4.59 0 L 0 4.59 L 1.42 6 Z M 4.59 15.17 L 1.42 12 L 0.01 13.41 L 4.59 18 L 9.18 13.41 L 7.76 12 Z\" fill=\"var(--esondr, rgb(0,0,0))\" height=\"18px\" id=\"TBXpe1G8i\" transform=\"translate(7.41 3)\" width=\"9.179969999776482px\"/></svg>") alpha no-repeat center / auto var(--icon-mask-mode,add), var(--icon-mask,none);
  mask: url("data:image/svg+xml,<svg display=\"block\" role=\"presentation\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M 4.59 2.83 L 7.76 6 L 9.17 4.59 L 4.59 0 L 0 4.59 L 1.42 6 Z M 4.59 15.17 L 1.42 12 L 0.01 13.41 L 4.59 18 L 9.18 13.41 L 7.76 12 Z\" fill=\"var(--esondr, rgb(0,0,0))\" height=\"18px\" id=\"TBXpe1G8i\" transform=\"translate(7.41 3)\" width=\"9.179969999776482px\"/></svg>") alpha no-repeat center / auto var(--icon-mask-mode,add), var(--icon-mask,none);
  width: 24px;
}
.case-nav.case-nav-layout {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: column;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 10px;
  width: min-content;
  padding: 244px 0 0;
  display: flex;
  position: relative;
}
.case-nav .case-nav-overview,.case-nav .case-nav-product-tension,.case-nav .case-nav-experience-design,.case-nav .case-nav-outcome,.case-nav .case-nav-reflection,.case-nav .case-nav-extra {
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}
.case-nav-item.case-nav-item-layout {
  cursor: pointer;
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: row;
  place-content: center flex-start;
  align-items: center;
  gap: 10px;
  width: min-content;
  padding: 0;
  display: flex;
  position: relative;
}
.case-nav-item .case-nav-item-label {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}
.case-nav-item.case-nav-item--selected.case-nav-item-layout {
  cursor: unset;
}
.type-section-link-scope .link-section:not(.rich-text-wrapper) {
  --link-text-color: var(--color-foreground,#000);
  --link-text-decoration: none;
}
.type-strong-body-scope .text-body-strong:not(.rich-text-wrapper) {
  --text-font-family: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
  --text-font-open-type-features: normal;
  --text-font-size: 14px;
  --text-font-style: normal;
  --text-font-style-bold: normal;
  --text-font-style-bold-italic: italic;
  --text-font-style-italic: italic;
  --text-font-variation-axes: normal;
  --text-font-weight: 600;
  --text-font-weight-bold: 600;
  --text-font-weight-bold-italic: 600;
  --text-font-weight-italic: 600;
  --letter-spacing: 0em;
  --line-height: 1.5em;
  --paragraph-spacing: 20px;
  --text-alignment: start;
  --text-color: var(--color-foreground,#000);
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}
.clickvoyant-experience-design-content-layout {
  --dir-multiplier: -1;
}
html[dir=rtl] .clickvoyant-experience-design-content-layout {
  --dir-multiplier: 1;
}