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

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0; }

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none; }

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth; }

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block; }

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit; }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto; }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

:root {
  --color-dark: #333333;
  --color-light: #f3f3f3;
  --color-theme-fg: #ffffff;
  --color-theme-bg: #000000;
  --color-page-bg: #eeeeee;
  --font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; }

:root {
  --color-dark: #333333;
  --color-light: #f3f3f3;
  --color-theme-fg: #ffffff;
  --color-theme-bg: #000000;
  --color-page-bg: #eeeeee;
  --font-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; }

/* GORKO: auto-generated utility classes start */
.bg-dark {
  background: #333333; }

.bg-light {
  background: #f3f3f3; }

.bg-theme-fg {
  background: #ffffff; }

.bg-theme-bg {
  background: #000000; }

.bg-page-bg {
  background: #eeeeee; }

.color-dark {
  color: #333333; }

.color-light {
  color: #f3f3f3; }

.color-theme-fg {
  color: #ffffff; }

.color-theme-bg {
  color: #000000; }

.color-page-bg {
  color: #eeeeee; }

.box-block {
  display: block; }

.box-flex {
  display: flex; }

.box-hide {
  display: none; }

.box-show {
  display: inherit; }

.font-base {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;; }

.gap-top-300 {
  margin-top: 0.8rem; }

.gap-top-400 {
  margin-top: 1rem; }

.gap-top-500 {
  margin-top: 1.25rem; }

.gap-top-600 {
  margin-top: 1.6rem; }

.gap-top-700 {
  margin-top: 2rem; }

.gap-top-900 {
  margin-top: 3rem; }

.gap-right-300 {
  margin-right: 0.8rem; }

.gap-right-400 {
  margin-right: 1rem; }

.gap-right-500 {
  margin-right: 1.25rem; }

.gap-right-600 {
  margin-right: 1.6rem; }

.gap-right-700 {
  margin-right: 2rem; }

.gap-right-900 {
  margin-right: 3rem; }

.gap-bottom-300 {
  margin-bottom: 0.8rem; }

.gap-bottom-400 {
  margin-bottom: 1rem; }

.gap-bottom-500 {
  margin-bottom: 1.25rem; }

.gap-bottom-600 {
  margin-bottom: 1.6rem; }

.gap-bottom-700 {
  margin-bottom: 2rem; }

.gap-bottom-900 {
  margin-bottom: 3rem; }

.gap-left-300 {
  margin-left: 0.8rem; }

.gap-left-400 {
  margin-left: 1rem; }

.gap-left-500 {
  margin-left: 1.25rem; }

.gap-left-600 {
  margin-left: 1.6rem; }

.gap-left-700 {
  margin-left: 2rem; }

.gap-left-900 {
  margin-left: 3rem; }

.pad-top-300 {
  padding-top: 0.8rem; }

.pad-top-400 {
  padding-top: 1rem; }

.pad-top-500 {
  padding-top: 1.25rem; }

.pad-top-600 {
  padding-top: 1.6rem; }

.pad-top-700 {
  padding-top: 2rem; }

.pad-top-900 {
  padding-top: 3rem; }

.pad-right-300 {
  padding-right: 0.8rem; }

.pad-right-400 {
  padding-right: 1rem; }

.pad-right-500 {
  padding-right: 1.25rem; }

.pad-right-600 {
  padding-right: 1.6rem; }

.pad-right-700 {
  padding-right: 2rem; }

.pad-right-900 {
  padding-right: 3rem; }

.pad-bottom-300 {
  padding-bottom: 0.8rem; }

.pad-bottom-400 {
  padding-bottom: 1rem; }

.pad-bottom-500 {
  padding-bottom: 1.25rem; }

.pad-bottom-600 {
  padding-bottom: 1.6rem; }

.pad-bottom-700 {
  padding-bottom: 2rem; }

.pad-bottom-900 {
  padding-bottom: 3rem; }

.pad-left-300 {
  padding-left: 0.8rem; }

.pad-left-400 {
  padding-left: 1rem; }

.pad-left-500 {
  padding-left: 1.25rem; }

.pad-left-600 {
  padding-left: 1.6rem; }

.pad-left-700 {
  padding-left: 2rem; }

.pad-left-900 {
  padding-left: 3rem; }

.stack-300 {
  z-index: 0; }

.stack-400 {
  z-index: 10; }

.stack-500 {
  z-index: 20; }

.stack-600 {
  z-index: 30; }

.stack-700 {
  z-index: 40; }

.text-300 {
  font-size: 0.8rem; }

.text-400 {
  font-size: 1rem; }

.text-500 {
  font-size: 1.25rem; }

.text-600 {
  font-size: 1.6rem; }

.text-700 {
  font-size: 2rem; }

.text-900 {
  font-size: 3rem; }

.weight-light {
  font-weight: 300; }

.weight-regular {
  font-weight: 400; }

.weight-bold {
  font-weight: 700; }

.width-full {
  width: 100%; }

.width-half {
  width: 50%; }

.width-quarter {
  width: 25%; }

.width-third {
  width: 33.33333%; }

@media (min-width: 36em) {
  .sm\:box-block {
    display: block; }
  .sm\:box-flex {
    display: flex; }
  .sm\:box-hide {
    display: none; }
  .sm\:box-show {
    display: inherit; }
  .sm\:text-300 {
    font-size: 0.8rem; }
  .sm\:text-400 {
    font-size: 1rem; }
  .sm\:text-500 {
    font-size: 1.25rem; }
  .sm\:text-600 {
    font-size: 1.6rem; }
  .sm\:text-700 {
    font-size: 2rem; }
  .sm\:text-900 {
    font-size: 3rem; }
  .sm\:width-full {
    width: 100%; }
  .sm\:width-half {
    width: 50%; }
  .sm\:width-quarter {
    width: 25%; }
  .sm\:width-third {
    width: 33.33333%; } }

@media (min-width: 48em) {
  .md\:box-block {
    display: block; }
  .md\:box-flex {
    display: flex; }
  .md\:box-hide {
    display: none; }
  .md\:box-show {
    display: inherit; }
  .md\:text-300 {
    font-size: 0.8rem; }
  .md\:text-400 {
    font-size: 1rem; }
  .md\:text-500 {
    font-size: 1.25rem; }
  .md\:text-600 {
    font-size: 1.6rem; }
  .md\:text-700 {
    font-size: 2rem; }
  .md\:text-900 {
    font-size: 3rem; }
  .md\:width-full {
    width: 100%; }
  .md\:width-half {
    width: 50%; }
  .md\:width-quarter {
    width: 25%; }
  .md\:width-third {
    width: 33.33333%; } }

@media (min-width: 62em) {
  .lg\:box-block {
    display: block; }
  .lg\:box-flex {
    display: flex; }
  .lg\:box-hide {
    display: none; }
  .lg\:box-show {
    display: inherit; }
  .lg\:text-300 {
    font-size: 0.8rem; }
  .lg\:text-400 {
    font-size: 1rem; }
  .lg\:text-500 {
    font-size: 1.25rem; }
  .lg\:text-600 {
    font-size: 1.6rem; }
  .lg\:text-700 {
    font-size: 2rem; }
  .lg\:text-900 {
    font-size: 3rem; }
  .lg\:width-full {
    width: 100%; }
  .lg\:width-half {
    width: 50%; }
  .lg\:width-quarter {
    width: 25%; }
  .lg\:width-third {
    width: 33.33333%; } }

/* GORKO: auto-generated utility classes end */
:root {
  --header: 8rem;
  --s1: 1rem;
  --s2: 2rem;
  --default-link-background: rgba(255,255,255,0.75);
  --secondary-colour: #444444;
  --tertiary-colour: #666666;
  --accent-colour: #DFEC7E;
  --date-colour: darkred;
  --scrollbar-colour-dark: transparent;
  --scrollbar-colour-light: #9D9C98;
  --font-base: fira_sans, sans-serif;
  --font-heading-main: Fraunces, serif;
  --font-heading-secondary: Fraunces, serif;
  --font-incidentals: Junction, sans-serif;
  --font-menu: Fraunces, sans-serif;
  accent-color: var(--accent-colour);
  --dh: var(--doc-h);
  --vh: var(--win-h);
  --sh: var(--scroll-h);
  --sy: var(--scroll-y);
  --sp: calc( var(--sh)/var(--sy)); }

* {
  scrollbar-color: #b5b3ae #c2c5cc; }

@font-face {
  font-family: 'junction';
  font-display: swap;
  src: url("/static/fonts/junction-regular-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fira_sans';
  font-display: swap;
  src: url("/static/fonts/firasans-light-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'fira_sans';
  font-display: swap;
  src: url("/static/fonts/firasans-lightitalic-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'fira_sans';
  font-display: swap;
  src: url("/static/fonts/firasans-semibold-webfont.woff2") format("woff2");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Fraunces';
  font-display: swap;
  src: url("/static/fonts/Fraunces-Variable.woff2") format("woff2");
  unicode-range: U+000-5FF,U+2000-206F; }

:root {
  --step--2: clamp(0.69rem, 0.68rem + 0.05vw, 0.72rem);
  --step--1: clamp(0.83rem, 0.81rem + 0.13vw, 0.90rem);
  --step-0: clamp(1.00rem, 0.95rem + 0.24vw, 1.13rem);
  --step-1: clamp(1.20rem, 1.12rem + 0.40vw, 1.41rem);
  --step-2: clamp(1.44rem, 1.32rem + 0.62vw, 1.76rem);
  --step-3: clamp(1.73rem, 1.54rem + 0.92vw, 2.20rem);
  --step-4: clamp(2.07rem, 1.81rem + 1.31vw, 2.75rem);
  --step-5: clamp(2.49rem, 2.12rem + 1.84vw, 3.43rem); }

[id] {
  scroll-margin-top: 3ex; }

img {
  width: 100%;
  height: auto; }

.responsive-object {
  position: relative; }

.responsive-object iframe,
.responsive-object object,
.responsive-object img,
.responsive-object embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.stack {
  --space: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }

.stack > * {
  margin-top: 0;
  margin-bottom: 0; }

.stack > * + * {
  margin-top: var(--space); }

.box {
  padding: var(--s1);
  border: 0 solid;
  outline: var(--border-thin) solid transparent;
  outline-offset: calc(var(--border-thin) * -1);
  --color-light: #fff;
  --color-dark: #000;
  color: var(--color-dark); }

.box--double {
  padding: var(--s1) var(--s2); }

.box * {
  color: inherit; }

.box.invert {
  color: var(--color-light);
  background-color: var(--color-dark); }

.gcolstart-1 {
  grid-column-start: 1; }

.gcolstartrev-1 {
  grid-column-start: -1; }

.gcolstart-2 {
  grid-column-start: 2; }

.gcolstartrev-2 {
  grid-column-start: -2; }

.gcolstart-3 {
  grid-column-start: 3; }

.gcolstartrev-3 {
  grid-column-start: -3; }

.gcolstart-4 {
  grid-column-start: 4; }

.gcolstartrev-4 {
  grid-column-start: -4; }

.gcolstart-5 {
  grid-column-start: 5; }

.gcolstartrev-5 {
  grid-column-start: -5; }

.gcolstart-6 {
  grid-column-start: 6; }

.gcolstartrev-6 {
  grid-column-start: -6; }

.gcolstart-7 {
  grid-column-start: 7; }

.gcolstartrev-7 {
  grid-column-start: -7; }

.gcolstart-8 {
  grid-column-start: 8; }

.gcolstartrev-8 {
  grid-column-start: -8; }

.gcolstart-9 {
  grid-column-start: 9; }

.gcolstartrev-9 {
  grid-column-start: -9; }

.gcolstart-10 {
  grid-column-start: 10; }

.gcolstartrev-10 {
  grid-column-start: -10; }

.gcolstart-11 {
  grid-column-start: 11; }

.gcolstartrev-11 {
  grid-column-start: -11; }

.gcolstart-12 {
  grid-column-start: 12; }

.gcolstartrev-12 {
  grid-column-start: -12; }

.gcolend-1 {
  grid-column-end: 1; }

.gcolendrev-1 {
  grid-column-end: -1; }

.gcolend-2 {
  grid-column-end: 2; }

.gcolendrev-2 {
  grid-column-end: -2; }

.gcolend-3 {
  grid-column-end: 3; }

.gcolendrev-3 {
  grid-column-end: -3; }

.gcolend-4 {
  grid-column-end: 4; }

.gcolendrev-4 {
  grid-column-end: -4; }

.gcolend-5 {
  grid-column-end: 5; }

.gcolendrev-5 {
  grid-column-end: -5; }

.gcolend-6 {
  grid-column-end: 6; }

.gcolendrev-6 {
  grid-column-end: -6; }

.gcolend-7 {
  grid-column-end: 7; }

.gcolendrev-7 {
  grid-column-end: -7; }

.gcolend-8 {
  grid-column-end: 8; }

.gcolendrev-8 {
  grid-column-end: -8; }

.gcolend-9 {
  grid-column-end: 9; }

.gcolendrev-9 {
  grid-column-end: -9; }

.gcolend-10 {
  grid-column-end: 10; }

.gcolendrev-10 {
  grid-column-end: -10; }

.gcolend-11 {
  grid-column-end: 11; }

.gcolendrev-11 {
  grid-column-end: -11; }

.gcolend-12 {
  grid-column-end: 12; }

.gcolendrev-12 {
  grid-column-end: -12; }

.grow-1 {
  grid-row-start: 1; }

.growend-1 {
  grid-row-end: 1; }

.grow-2 {
  grid-row-start: 2; }

.growend-2 {
  grid-row-end: 2; }

.grow-3 {
  grid-row-start: 3; }

.growend-3 {
  grid-row-end: 3; }

.grow-4 {
  grid-row-start: 4; }

.growend-4 {
  grid-row-end: 4; }

.grow-5 {
  grid-row-start: 5; }

.growend-5 {
  grid-row-end: 5; }

.grow-6 {
  grid-row-start: 6; }

.growend-6 {
  grid-row-end: 6; }

.grow-7 {
  grid-row-start: 7; }

.growend-7 {
  grid-row-end: 7; }

.grow-8 {
  grid-row-start: 8; }

.growend-8 {
  grid-row-end: 8; }

.grow-9 {
  grid-row-start: 9; }

.growend-9 {
  grid-row-end: 9; }

.grow-10 {
  grid-row-start: 10; }

.growend-10 {
  grid-row-end: 10; }

.grow-11 {
  grid-row-start: 11; }

.growend-11 {
  grid-row-end: 11; }

.grow-12 {
  grid-row-start: 12; }

.growend-12 {
  grid-row-end: 12; }

.grow-13 {
  grid-row-start: 13; }

.growend-13 {
  grid-row-end: 13; }

.grow-14 {
  grid-row-start: 14; }

.growend-14 {
  grid-row-end: 14; }

.grow-15 {
  grid-row-start: 15; }

.growend-15 {
  grid-row-end: 15; }

.grow-16 {
  grid-row-start: 16; }

.growend-16 {
  grid-row-end: 16; }

.grow-17 {
  grid-row-start: 17; }

.growend-17 {
  grid-row-end: 17; }

.grow-18 {
  grid-row-start: 18; }

.growend-18 {
  grid-row-end: 18; }

.grow-19 {
  grid-row-start: 19; }

.growend-19 {
  grid-row-end: 19; }

.grow-20 {
  grid-row-start: 20; }

.growend-20 {
  grid-row-end: 20; }

.grow-21 {
  grid-row-start: 21; }

.growend-21 {
  grid-row-end: 21; }

.grow-22 {
  grid-row-start: 22; }

.growend-22 {
  grid-row-end: 22; }

.grow-23 {
  grid-row-start: 23; }

.growend-23 {
  grid-row-end: 23; }

.grow-24 {
  grid-row-start: 24; }

.growend-24 {
  grid-row-end: 24; }

.grow-25 {
  grid-row-start: 25; }

.growend-25 {
  grid-row-end: 25; }

.grow-26 {
  grid-row-start: 26; }

.growend-26 {
  grid-row-end: 26; }

.grow-27 {
  grid-row-start: 27; }

.growend-27 {
  grid-row-end: 27; }

.grow-28 {
  grid-row-start: 28; }

.growend-28 {
  grid-row-end: 28; }

.grow-29 {
  grid-row-start: 29; }

.growend-29 {
  grid-row-end: 29; }

.grow-30 {
  grid-row-start: 30; }

.growend-30 {
  grid-row-end: 30; }

.grow-31 {
  grid-row-start: 31; }

.growend-31 {
  grid-row-end: 31; }

.grow-32 {
  grid-row-start: 32; }

.growend-32 {
  grid-row-end: 32; }

.grow-33 {
  grid-row-start: 33; }

.growend-33 {
  grid-row-end: 33; }

.grow-34 {
  grid-row-start: 34; }

.growend-34 {
  grid-row-end: 34; }

.grow-35 {
  grid-row-start: 35; }

.growend-35 {
  grid-row-end: 35; }

.grow-36 {
  grid-row-start: 36; }

.growend-36 {
  grid-row-end: 36; }

.zindex-1 {
  z-index: -5; }

.zindex-2 {
  z-index: -10; }

.zindex-3 {
  z-index: -15; }

.zindex-4 {
  z-index: -20; }

.zindex-5 {
  z-index: -25; }

.zindex-6 {
  z-index: -30; }

.zindex-7 {
  z-index: -35; }

.zindex-8 {
  z-index: -40; }

.zindex-9 {
  z-index: -45; }

.zindex-10 {
  z-index: -50; }

.zindex-11 {
  z-index: -55; }

.zindex-12 {
  z-index: -60; }

@media (min-width: 48em) {
  .item-grid-item:nth-child(1n) h2 {
    left: 0.5rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(2n) h2 {
    left: 1rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(3n) h2 {
    left: 1.5rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(4n) h2 {
    left: 1.1rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(5n) h2 {
    left: 2rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(6n) h2 {
    left: 3rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(1n) h2 {
    bottom: 1.8rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(2n) h2 {
    bottom: 0.75rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(3n) h2 {
    bottom: 4rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(4n) h2 {
    bottom: 1rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(5n) h2 {
    bottom: 1.2rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(1n) .item-image,
  .item-grid-item:nth-child(1n) .post-image {
    margin-top: 1rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(2n) .item-image,
  .item-grid-item:nth-child(2n) .post-image {
    margin-top: 0; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(3n) .item-image,
  .item-grid-item:nth-child(3n) .post-image {
    margin-top: 2.4rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(4n) .item-image,
  .item-grid-item:nth-child(4n) .post-image {
    margin-top: 0.6rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(5n) .item-image,
  .item-grid-item:nth-child(5n) .post-image {
    margin-top: 1.2rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(6n) .item-image,
  .item-grid-item:nth-child(6n) .post-image {
    margin-top: 0.2rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(7n) .item-image,
  .item-grid-item:nth-child(7n) .post-image {
    margin-top: 7rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(8n) .item-image,
  .item-grid-item:nth-child(8n) .post-image {
    margin-top: 3rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(9n) .item-image,
  .item-grid-item:nth-child(9n) .post-image {
    margin-top: 5rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(1n) .item-image,
  .item-grid-item:nth-child(1n) .post-image {
    margin-left: 1.4rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(2n) .item-image,
  .item-grid-item:nth-child(2n) .post-image {
    margin-left: 0.6rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(3n) .item-image,
  .item-grid-item:nth-child(3n) .post-image {
    margin-left: 1.2rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(4n) .item-image,
  .item-grid-item:nth-child(4n) .post-image {
    margin-left: 0.2rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(5n) .item-image,
  .item-grid-item:nth-child(5n) .post-image {
    margin-left: 2rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(6n) .item-image,
  .item-grid-item:nth-child(6n) .post-image {
    margin-left: 0; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(7n) .item-image,
  .item-grid-item:nth-child(7n) .post-image {
    margin-left: 3rem; } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(1n) .item-grid-item-description {
    transform: translateX(0.8rem) translateZ(50px); } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(2n) .item-grid-item-description {
    transform: translateX(1rem) translateZ(50px); } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(3n) .item-grid-item-description {
    transform: translateX(-1.7rem) translateZ(50px); } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(4n) .item-grid-item-description {
    transform: translateX(0.4rem) translateZ(50px); } }

@media (min-width: 48em) {
  .item-grid-item:nth-child(5n) .item-grid-item-description {
    transform: translateX(-0.9rem) translateZ(50px); } }

.parallaxed {
  position: absolute;
  overflow: hidden; }
  .parallaxed::before {
    padding-bottom: 56.25%;
    float: left; }
  .parallaxed::before, .parallaxed::after {
    content: '';
    display: table;
    clear: both;
    width: 1px;
    margin-left: -1px; }
  .parallaxed img {
    position: absolute;
    top: 0;
    left: 0;
    --scale-h: 1.2;
    height: calc(var(--h) * var(--scale-h) * 1px);
    transform: translate3d(0, calc((1 - ((var(--y) + var(--h) - var(--sy)) / (var(--h) + var(--vh)))) * (var(--h) - (var(--h) * var(--scale-h))) * 1px), 0); }

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 1ch;
  margin-top: 2rem;
  margin-bottom: 2rem; }

.endless_more {
  background: rgba(255, 255, 255, 0.4);
  padding: 1ex 1ch; }

.archives {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin: -1rem 0 2rem 0;
  font-size: var(--step--1); }
  .archives a {
    flex: none !important;
    display: inline-block; }

.filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap; }
  .filter ul {
    margin-left: 1ch;
    display: flex;
    flex-direction: row;
    list-style: none;
    padding: 0;
    gap: 1ch;
    flex-wrap: wrap; }
    .filter ul li a {
      padding-left: 0.5ch;
      padding-right: 0.5ch; }
    .filter ul li.active a {
      background-color: yellow;
      text-decoration: none; }

@media (hover: hover) {
  .filter ul li.active a:hover {
    cursor: default; } }

.admin-edit a:link, .admin-edit a:visited {
  font-size: var(--step--1);
  float: right;
  display: inline-block;
  background-color: #eaff74;
  color: black;
  text-decoration: underline;
  margin-right: 1ch;
  padding: 0.2ex 0.5ch; }

@media (hover: hover) {
  .admin-edit {
    text-decoration: none; } }

.remainders {
  font-family: var(--font-incidentals); }
  .remainders h2, .remainders h3, .remainders h4 {
    font-family: var(--font-incidentals); }
  @media (min-width: 48em) {
    .remainders {
      column-count: 2; } }
  @media (min-width: 62em) {
    .remainders {
      column-count: 4; } }
  .remainders ul {
    padding: 0 0 0 2ch; }
    .remainders ul li::marker {
      color: #858585; }
  .remainders ul.User-items {
    margin: 0;
    padding: 0 0 0 1em;
    list-style-type: none; }
    .remainders ul.User-items li {
      padding-left: 1ch;
      -webkit-column-break-inside: avoid;
      -moz-column-break-inside: avoid;
      column-break-inside: avoid; }
    .remainders ul.User-items li::marker {
      content: attr(data-icon);
      font-size: 1em; }
  @media not all and (min-resolution: 0.001dpcm) {
    .remainders ul.User-items {
      margin: 0;
      padding: 0;
      list-style-type: none; }
      .remainders ul.User-items li::before {
        content: attr(data-icon);
        font-size: 1em;
        margin-right: 1ch; } }

@media (min-width: 48em) {
  .remainders--light {
    column-count: 1; } }

@media (min-width: 62em) {
  .remainders--light {
    column-count: 2; } }

ul.list-remainders {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  list-style: none;
  grid-column-gap: 2ch;
  grid-row-gap: 1ex;
  font-family: var(--font-incidentals); }

.side-media {
  margin: 0 var(--s1); }
  @media (min-width: 62em) {
    .side-media {
      margin-top: 0;
      position: absolute;
      top: 20rem;
      right: 8rem;
      z-index: 10;
      padding: 0; } }

@media (min-width: 62em) {
  .side-media {
    min-width: 300px; } }

.column-wrapper {
  display: flex;
  flex-direction: column; }

.side-data {
  margin: var(--s1) 0 0 0; }
  @media (min-width: 48em) {
    .side-data {
      width: clamp(45ch, 58.5ch, 70ch);
      margin-left: clamp(1rem, 5rem, 15rem); } }

@media (min-width: 62em) {
  .column-wrapper {
    flex-direction: row;
    justify-content: space-between; }
  .side-data {
    margin: 24rem 2rem 0 0;
    width: auto; } }

header.main-header {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  height: var(--header);
  width: 100%; }
  @media (min-width: 48em) {
    header.main-header {
      position: absolute; } }

.logo {
  margin-right: 2rem; }

.logo > img {
  height: 70px;
  width: auto; }

.skip {
  display: none; }

footer {
  font-size: var(--step--1);
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2em;
  padding-top: 2em; }
  @media (min-width: 48em) {
    footer {
      padding-bottom: 6ex;
      padding-top: 0; } }
  footer ul {
    display: flex;
    flex-direction: row;
    gap: 4ch;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0; }
    @media (min-width: 48em) {
      footer ul {
        gap: 1ch; } }

.copyright {
  margin: 1em 0; }
  @media (min-width: 48em) {
    .copyright {
      margin: 0.5em 0; } }

.legal {
  text-align: right;
  font-size: var(--step--1);
  color: var(--secondary-colour);
  font-family: var(--font-incidentals); }

.legal--left {
  text-align: left; }

.topnav {
  display: flex;
  flex-direction: row;
  align-items: center; }

.main-navigation-content {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  transition: 0.5s;
  display: flex;
  font-family: var(--font-menu); }

.main-navigation-content.is-visible {
  left: 0; }

.main-navigation-content ul li a:link,
.main-navigation-content ul li a:visited {
  color: white;
  text-decoration: none; }

@media (hover: hover) {
  .main-navigation-content ul li a:hover {
    color: #333333; } }

.main-navigation-content div:first-child {
  display: flex;
  justify-content: flex-end;
  width: 100%; }

.main-navigation-content div:first-child > a {
  padding: 1rem; }

.main-navigation-content ul {
  font-size: var(--step-4);
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0; }

a.main-navigation-close:link,
a.main-navigation-close:visited {
  font-size: var(--step-2);
  color: white;
  text-decoration: none;
  padding: 0.5em;
  transition: all 0.2s ease-in; }

@media (hover: hover) {
  a.main-navigation-close:hover {
    color: rgba(255, 255, 255, 0.8); } }

.button--menu {
  border: 0;
  background-color: transparent;
  color: black;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  transition: color 0.2s ease-in; }
  .button--menu svg {
    margin-left: 0.5ch; }
    .button--menu svg path {
      fill: black;
      transition: fill 0.2s ease-in; }

@media (hover: hover) {
  .button--menu:hover {
    color: var(--secondary-colour); }
    .button--menu:hover svg > path {
      fill: var(--secondary-colour); } }

.breadcrumbs {
  background-color: var(--color-theme-bg);
  color: white;
  width: 100%;
  opacity: 0.7;
  font-family: var(--font-incidentals);
  font-size: var(--step--2);
  font-weight: bold; }
  @media (min-width: 48em) {
    .breadcrumbs {
      font-size: var(--step--1);
      font-weight: normal; } }

.breadcrumbs ol {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0;
  padding: 0.2rem var(--s1);
  list-style-type: none; }

.breadcrumbs ol li {
  padding: 0; }

.breadcrumbs ol li:not(:last-child):after {
  content: '>';
  padding-left: 1ch;
  padding-right: 1ch; }
  @media (min-width: 48em) {
    .breadcrumbs ol li:not(:last-child):after {
      padding-left: 0.5ch;
      padding-right: 0.5ch; } }

.breadcrumbs ol li a:link,
.breadcrumbs ol li a:visited {
  display: inline-block;
  color: white; }

.breadcrumbs ol li a:active {
  text-decoration: none; }

@media (hover: hover) {
  .breadcrumbs ol li a:hover {
    text-decoration: none; } }

.video-more:link,
.video-more:visited {
  background-color: var(--color-theme-bg);
  color: var(--color-theme-fg);
  text-decoration: none;
  opacity: 0.4;
  float: right;
  font-size: 0.7em; }

.contact-form p {
  display: flex;
  flex-direction: column; }

@media (min-width: 48em) {
  .contact-form p {
    flex-direction: row; }
    .contact-form p label {
      flex: 0 1 10ch; }
  .contact-form .form-submit {
    margin-left: 10ch; }
  #id_wagtailcaptcha {
    margin-left: 10ch; } }

.tooltip .tooltiptext {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 400ms, opacity 400ms;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: var(--step--1);
  position: absolute;
  z-index: 20; }

/* Show the tooltip text when you mouse over the tooltip container */
@media (hover: hover) {
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 00s, opacity 300ms; } }

.avatar-list {
  --avatar-size: 3rem;
  --avatar-count: 2;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(var(--avatar-count), max(44px, calc(var(--avatar-size) / 1.15)));
  font-size: var(--avatar-size);
  margin: var(--s1) 0 var(--s1) var(--s2);
  padding: 0 var(--s2) 0 0;
  overflow-x: auto;
  scrollbar-color: var(--scrollbar-colour-light) var(--scrollbar-colour-dark); }

@media (any-hover: hover) and (any-pointer: fine) {
  .avatar-list {
    grid-template-columns: repeat(calc(var(--avatar-count) + 1), calc(var(--avatar-size) / 1.75)); } }

.avatar-list::-webkit-scrollbar {
  height: 1rem; }

.avatar-list::-webkit-scrollbar-track {
  background-color: var(--scrollbar-colour-dark); }

.avatar-list::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-colour-dark);
  background-image: linear-gradient(var(--scrollbar-colour-dark) 0, var(--scrollbar-colour-dark) 0.25rem, var(--scrollbar-colour-light) 0.25rem, var(--scrollbar-colour-light) 0.75rem, var(--scrollbar-colour-dark) 0.75rem); }

.avatar-list li {
  width: var(--avatar-size);
  height: var(--avatar-size); }

.avatar-list li:hover ~ li a,
.avatar-list li:focus-within ~ li a {
  transition: transform 150ms ease-in-out;
  transform: translateX(33%); }

.avatar-list img,
.avatar-list a {
  display: block; }

.avatar-list img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.avatar-list li:not(:first-child) img {
  box-shadow: -4px 2px 4px -2px rgba(0, 0, 0, 0.55); }

.avatar-list a:focus {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 0.08em #29344B, 0 0 0 0.12em white; }

.related-list {
  --related-size: 90px;
  --related-count: 2;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(var(--related-count), max(90px, calc(var(--related-size) / 1.05)));
  margin: var(--s1) 0 var(--s1) var(--s2);
  padding: 0 var(--s2) 0 0;
  overflow-x: auto;
  scrollbar-color: var(--scrollbar-colour-light) var(--scrollbar-colour-dark); }

.related-list.supporters-list {
  grid-template-columns: repeat(var(--supporters-count), max(90px, calc(var(--related-size) / 1.05))); }

.related-list::-webkit-scrollbar {
  height: 1rem; }

.related-list::-webkit-scrollbar-track {
  background-color: var(--scrollbar-colour-dark); }

.related-list::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-colour-dark);
  background-image: linear-gradient(var(--scrollbar-colour-dark) 0, var(--scrollbar-colour-dark) 0.25rem, var(--scrollbar-colour-light) 0.25rem, var(--scrollbar-colour-light) 0.75rem, var(--scrollbar-colour-dark) 0.75rem); }

.related-title {
  font-size: var(--step--1);
  line-height: 1;
  font-weight: normal;
  opacity: 0;
  margin: 0.5ex var(--s2);
  display: inline-block;
  background-color: var(--default-link-background); }

@media (any-hover: hover) and (any-pointer: fine) {
  .related-list {
    grid-template-columns: repeat(calc(var(--related-count) + 1), calc(var(--related-size) / 1.75)); } }

.related-list li {
  width: var(--related-size);
  height: var(--related-size); }

.related-list li:hover ~ li > a,
.related-list li:focus-within ~ li > a,
.related-list li:hover ~ li > span,
.related-list li:focus-within ~ li > span {
  transition: transform 150ms ease-in-out;
  transform: translateX(33%); }

.related-list img,
.related-list span,
.related-list a {
  display: block; }

.related-list a.item-date {
  display: flex; }

.related-list li span {
  cursor: not-allowed; }

.related-list img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.related-list li:not(:first-child) img {
  box-shadow: -4px 2px 4px -2px rgba(0, 0, 0, 0.55); }

@keyframes fadeIn {
  to {
    opacity: 1; } }

.fade-in {
  animation: fadeIn .7s ease-in 1 forwards; }

.is-off {
  animation-play-state: paused;
  opacity: 0; }

.related-list + h4 + .avatar-list {
  margin-top: 0.5em; }

.item-date {
  width: 140px;
  height: 140px;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none; }
  .item-date .item-date-day {
    font-size: var(--step-5);
    color: var(--date-colour); }
  .item-date .item-date-month {
    font-size: var(--step-1);
    color: black; }

.item-date--mini {
  width: 90px;
  height: 90px; }
  .item-date--mini .item-date-day {
    font-size: var(--step-2);
    color: var(--date-colour); }
  .item-date--mini .item-date-month {
    font-size: var(--step--1);
    color: black; }

.item-date--small {
  position: absolute;
  top: 0.2em;
  right: 0.2em;
  padding: 0.2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8); }
  .item-date--small .item-date-day {
    font-size: var(--step-1); }
  .item-date--small .item-date-month {
    font-size: var(--step--2); }

.item-date-day {
  font-size: var(--step-5);
  line-height: 1;
  text-decoration: none !important; }

.item-date-month {
  font-size: var(--step-1);
  line-height: 1;
  text-decoration: none !important; }

.Event-dates-holder {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: var(--font-incidentals); }

.publication-has-attachment,
.Event-passed {
  background-color: var(--accent-colour);
  display: inline-block;
  align-self: flex-start;
  padding: 0.5ex 0.75ch;
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: var(--step--1); }

.Event-date {
  outline: 1px dotted black;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: 0 1 10rem; }
  .Event-date .Event-date-day {
    font-size: var(--step-5);
    font-weight: bold;
    line-height: 1;
    color: var(--date-colour); }
  .Event-date .Event-date-time {
    color: var(--secondary-colour); }

:root {
  --image-base-size: 140px; }

.item-image,
.post-image {
  display: block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.3); }
  @media (min-width: 48em) {
    .item-image,
    .post-image {
      display: flex;
      width: 140px;
      height: 140px;
      justify-content: center;
      align-items: center; } }

@media (min-width: 48em) {
  .item-image--featured.item-image--size2 {
    width: calc(2*var(--image-base-size));
    height: calc(2*var(--image-base-size)); } }

@media (min-width: 48em) {
  .item-image--featured.item-image--size3 {
    width: calc(3*var(--image-base-size));
    height: calc(2*var(--image-base-size)); } }

@media (min-width: 48em) {
  .item-image--featured.item-image--size4 {
    width: calc(4*var(--image-base-size));
    height: calc(2*var(--image-base-size)); } }

@media (min-width: 48em) {
  .item-image--featured.item-image--size5 {
    width: calc(5*var(--image-base-size));
    height: calc(3*var(--image-base-size)); } }

@media (min-width: 48em) {
  .item-image--featured.item-image--size6 {
    width: calc(10*var(--image-base-size));
    height: calc(3*var(--image-base-size)); } }

a.item-image {
  text-decoration: none; }

.item-image-icon {
  width: 70px;
  height: auto;
  padding: 35px 0;
  margin-left: 2em; }
  @media (min-width: 48em) {
    .item-image-icon {
      padding: 0;
      margin-left: 0; } }

.item-mini-image {
  display: block;
  width: 100%; }
  @media (min-width: 48em) {
    .item-mini-image {
      width: 90px; } }

.item-grid,
.item-mini-grid {
  display: grid;
  grid-gap: 0.3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-transform: translate3d(0, 0, 0); }

.item-mini-grid {
  margin-top: 4rem; }

@supports (width: calc(min(14rem, 100%))) {
  .item-grid {
    grid-template-columns: repeat(auto-fit, minmax(calc(min(14rem, 100%)), 1fr)); }
  .item-mini-grid {
    grid-template-columns: repeat(auto-fit, minmax(calc(min(6rem, 100%)), 1fr)); } }

@media (hover: hover) {
  .item-grid {
    position: relative; } }

.item-grid-item {
  position: relative;
  transform-style: preserve-3d;
  transform: perspective(1000px); }
  .item-grid-item a {
    position: relative; }

@media (min-width: 48em) {
  .item-grid-item--featured.item-grid-item--size2 {
    grid-area: span 2 / span 2; } }

@media (min-width: 48em) {
  .item-grid-item--featured.item-grid-item--size2 .item-grid-item-description {
    width: calc(2*var(--image-base-size) + 30px); } }

@media (min-width: 48em) {
  .item-grid-item--featured.item-grid-item--size3 {
    grid-area: span 2 / span 3; } }

@media (min-width: 48em) {
  .item-grid-item--featured.item-grid-item--size3 .item-grid-item-description {
    width: calc(3*var(--image-base-size) + 30px); } }

@media (min-width: 48em) {
  .item-grid-item--featured.item-grid-item--size4 {
    grid-area: span 2 / span 4; } }

@media (min-width: 48em) {
  .item-grid-item--featured.item-grid-item--size4 .item-grid-item-description {
    width: calc(4*var(--image-base-size) + 30px); } }

@media (min-width: 48em) {
  .item-grid-item--featured.item-grid-item--size5 {
    grid-area: span 3 / span 3; } }

@media (min-width: 48em) {
  .item-grid-item--featured.item-grid-item--size5 .item-grid-item-description {
    width: calc(5*var(--image-base-size) + 30px);
    max-width: 50vw; } }

@media (min-width: 62em) {
  .item-grid-item--featured.item-grid-item--size5 .item-grid-item-description {
    width: calc(5*var(--image-base-size) + 30px);
    max-width: 25vw; } }

@media (min-width: 48em) {
  .item-grid-item--featured.item-grid-item--size6 {
    grid-row: span 3;
    grid-column: 1/-1; } }

@media (min-width: 48em) {
  .item-grid-item--featured.item-grid-item--size6 .item-grid-item-description {
    width: calc(12*var(--image-base-size) + 30px);
    max-width: 75vw; } }

@media (min-width: 62em) {
  .item-grid-item--featured.item-grid-item--size6 .item-grid-item-description {
    width: calc(12*var(--image-base-size) + 30px);
    max-width: 50vw; } }

.item-grid-item-description {
  font-size: var(--step--2); }

.item-grid-item-description a {
  text-decoration: none;
  font-size: var(--step--2); }

@media (hover: hover) {
  .item-grid-item a:hover {
    cursor: crosshair; }
  .item-grid-item:hover {
    cursor: crosshair;
    z-index: 200; } }

@media (hover: hover) and (min-width: 48em) {
  .item-grid-item-description {
    z-index: 10; } }

.item-grid-item h2 {
  position: absolute;
  line-height: 1.4;
  left: 50%;
  top: 50%;
  transform: translateZ(20px); }
  .item-grid-item h2 a {
    background-color: var(--default-link-background);
    padding-top: .2rem;
    padding-bottom: .2rem; }

.item-grid-item h4 {
  position: absolute;
  line-height: 1.4;
  font-size: var(--step--2);
  left: 50%;
  top: 50%;
  transform: translateZ(20px); }
  .item-grid-item h4 a {
    background-color: var(--default-link-background);
    padding-top: .2rem;
    padding-bottom: .2rem; }

.item-emoji {
  position: absolute;
  top: 0;
  left: 0.4em;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: var(--step-1);
  text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }
  .item-image--featured .item-emoji {
    font-size: var(--step-2); }

.related-title {
  font-family: var(--font-incidentals); }

.path-bg {
  transition: ease-in 0.2s; }

.side {
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  font-family: var(--font-incidentals); }
  .side h2, .side h3, .side h4 {
    font-family: var(--font-incidentals); }

.side-table th {
  text-align: left; }

.aside-text {
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); }

.user-profile {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 48em) {
    .user-profile {
      flex-direction: row;
      align-items: flex-start; } }

.user-profile-data {
  flex: 0 1 95ch; }

.user-profile-avatar {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  .user-profile-avatar img {
    max-width: 280px; }
  @media (min-width: 48em) {
    .user-profile-avatar {
      width: auto;
      float: left;
      padding-right: 1rem;
      max-width: 280%; } }

.user-profile-content {
  display: flex;
  flex-direction: column; }

.social-list {
  font-family: var(--font-incidentals);
  font-size: var(--step--1);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 1em 0; }
  .social-list table {
    width: 100%;
    table-layout: fixed;
    overflow-wrap: anywhere;
    word-break: break-all; }
  .social-list tr {
    background-color: rgba(255, 255, 255, 0.5); }
  .social-list tr td {
    padding: 1ex 1ch;
    min-width: 0; }
  @media (min-width: 48em) {
    .social-list {
      float: right;
      padding-top: 0;
      padding-bottom: 0;
      margin: 0 0 1em 1em; }
      .social-list table {
        width: auto;
        table-layout: auto; } }

.item-image--user {
  width: 70px;
  height: auto; }
  @media (min-width: 48em) {
    .item-image--user {
      width: 140px;
      height: 140px; }
      .item-image--user img {
        width: 140px;
        height: 140px; } }

.studio-profile {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start; }
  @media (min-width: 48em) {
    .studio-profile {
      flex-direction: row; } }

.studio-profile-image {
  object-fit: cover;
  flex: 0 0 250px; }

.studio-profile-image picture,
.studio-profile-image img {
  height: 100%; }

.section {
  width: 100%;
  margin: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  position: relative;
  z-index: 10;
  padding-left: clamp(1rem, 1em, 1.5rem);
  padding-right: clamp(1rem, 1em, 1.5rem);
  display: flex;
  flex-direction: column; }

.section-wrapper {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
  transition: background-color 0.2s ease-in-out;
  z-index: 11;
  padding-bottom: 1.5rem; }
  @media (min-width: 48em) {
    .section-wrapper {
      width: clamp(45ch, 55ch, 60ch);
      margin-left: clamp(1rem, 5rem, 15rem); } }

.section-wrapper--clear {
  width: 100%;
  z-index: 11;
  padding-bottom: 1.5rem;
  background-color: rgba(255, 255, 255, 0.7);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); }
  @media (min-width: 48em) {
    .section-wrapper--clear {
      width: clamp(45ch, 55ch, 60ch);
      margin-left: clamp(1rem, 5rem, 15rem); } }

.section-wrapper--minimal {
  width: 100%;
  z-index: 11;
  background-color: rgba(255, 255, 255, 0.7);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E"); }
  @media (min-width: 48em) {
    .section-wrapper--minimal {
      width: clamp(45ch, 55ch, 60ch);
      margin-left: clamp(1rem, 5rem, 15rem); } }

.section-heading:first-child {
  padding-top: 1.5rem; }

.section-heading {
  padding-left: 2rem;
  padding-right: 2rem;
  line-height: 1;
  font-family: Polymorph, sans-serif;
  font-variation-settings: "WGHT" 692.49, "WDTH" 44.94;
  color: #403931; }

.section-text {
  color: black;
  padding-left: 1rem;
  padding-right: 1rem; }
  @media (min-width: 48em) {
    .section-text {
      padding-left: 2rem;
      padding-right: 2rem; } }

.subset,
section:first-of-type .section-text:first-of-type {
  padding-top: calc(var(--header) + 2rem) !important; }

.section-background {
  position: absolute;
  background-color: black;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -100;
  display: block; }

.section-background img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.section-media {
  margin-top: 1.5rem; }
  @media (min-width: 48em) {
    .section-media {
      margin-top: 0;
      position: absolute;
      right: 0;
      top: 0;
      left: 0;
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-auto-rows: 70px;
      z-index: 10;
      padding: 0; } }

@media (min-width: 48em) {
  .section-media > * + * {
    margin-top: 0; } }

.list-authors {
  list-style: none;
  padding: 0;
  margin: 0; }

table.search-results {
  display: flex;
  flex-direction: column; }
  table.search-results tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #ccc; }
  table.search-results thead {
    display: none; }
  table.search-results td.search-results-data > div {
    font-size: var(--step--1); }
  table.search-results td.search-results-date,
  table.search-results td.search-results-type,
  table.search-results th.search-results-date,
  table.search-results th.search-results-type {
    font-size: var(--step--1);
    color: #666; }
  table.search-results td.search-results-type:before {
    content: "Type: ";
    order: 2; }
  table.search-results td.search-results-date {
    font-style: italic;
    order: 3; }

@media (min-width: 48em) {
  table.search-results {
    display: table;
    border-collapse: separate;
    border-spacing: 0 1.5rem; }
    table.search-results thead {
      display: table-header-group; }
    table.search-results td {
      display: table-cell;
      border-bottom: 1px solid #ccc;
      padding-bottom: 1.5rem; }
    table.search-results th {
      display: table-cell;
      text-align: left;
      font-size: var(--step--1); }
    table.search-results tr {
      display: table-row; }
    table.search-results td.search-results-date,
    table.search-results td.search-results-type,
    table.search-results th.search-results-date,
    table.search-results th.search-results-type {
      white-space: nowrap;
      padding: 0 1rem; }
    table.search-results td.search-results-type:before {
      content: none; } }

.search-form {
  display: flex;
  flex-direction: row; }
  .search-form input {
    color: black;
    height: 100%;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    margin-right: 0.5ch; }
  .search-form button {
    color: black;
    background-color: #eeeeee;
    border: none;
    padding: 0.15em 1em;
    height: 100%;
    border-radius: 0;
    -webkit-appearance: none; }

body {
  font-family: var(--font-base);
  background-color: var(--color-page-bg);
  font-size: var(--step-0);
  display: flex;
  flex-direction: column; }

h1 {
  font-size: var(--step-3);
  line-height: 1;
  font-family: var(--font-heading-main);
  font-variation-settings: "wght" 200, "SOFT" 0, "wonk" 1, "opsz" 144;
  font-feature-settings: "liga" 1, "dlig" 1;
  transition: font-variation-settings 0.5s ease-in-out;
  color: #403931;
  width: 80vw;
  position: relative;
  margin-bottom: 2rem;
  word-break: break-word; }
  @media (min-width: 48em) {
    h1 {
      font-size: var(--step-5); } }

h2, h3, h4, h5 {
  font-family: var(--font-heading-secondary); }

h2 {
  font-variation-settings: "wght" 200, "SOFT" 0, "wonk" 1, "opsz" 40; }

h3 {
  font-variation-settings: "wght" 300, "SOFT" 0, "wonk" 1, "opsz" 60; }

h4 {
  font-variation-settings: "wght" 300, "SOFT" 0, "wonk" 1, "opsz" 100; }

h5 {
  font-variation-settings: "wght" 300, "SOFT" 0, "wonk" 1, "opsz" 100; }

button {
  font-family: var(--font-incidentals); }

p:empty {
  margin: 0 !important;
  padding: 0 !important; }

a:not([class]):link, a:not([class]):visited,
a.endless_more:link, a.endless_more:visited {
  color: blue;
  flex: 1;
  text-decoration: dotted underline skyblue;
  background-position: 0 -0.1em;
  background-image: linear-gradient(to top right, #c0fb87 0, lightskyblue 100%);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: background 0.5s; }

@media (hover: hover) {
  a:not([class]):hover, a:not([class]):active,
  a.endless_more:hover, a.endless_more:active {
    background-size: 100% 100%; } }

.wrapper {
  width: 90vw;
  width: clamp(16rem, 90vw, 75rem);
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem,1rem + .5vw,1.5rem);
  padding-right: clamp(1rem,1rem + .5vw,1.5rem);
  position: relative; }

#map {
  height: 350px; }
  @media (min-width: 48em) {
    #map {
      width: 500px; } }

.path-navigation {
  width: 100%;
  font-size: var(--step--1);
  font-family: var(--font-incidentals);
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  opacity: 0.8; }
  .path-navigation a:link.path-index, .path-navigation a:visited.path-index,
  .path-navigation a:link, .path-navigation a:visited {
    text-decoration: none;
    display: flex;
    align-items: center; }
  .path-navigation svg {
    width: 16px;
    height: 16px; }
  .path-navigation span {
    padding-left: 1ch;
    padding-right: 1ch; }
  .path-navigation .path-prev,
  .path-navigation .path-next {
    padding: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center; }
  .path-navigation .path-prev {
    margin-right: auto; }
    .path-navigation .path-prev svg {
      margin-right: 0.15em; }
  .path-navigation .path-next {
    margin-left: auto; }
    .path-navigation .path-next svg {
      margin-left: 0.15em; }

@media (hover: hover) {
  a:link.path-index:hover, a:visited.path-index:hover {
    text-decoration: wavy underline; } }

a.path-prev,
a.path-next,
a.path-prev path,
a.path-next path {
  transition: all 0.2s ease-in; }

.l4 {
  font-size: var(--step-1); }
  .item-grid-item--featured .l4 {
    font-size: var(--step-2); }

.item-grid-item a {
  text-decoration: none; }

.User-items li.User-item a {
  text-decoration: none; }

.side-box h2 {
  text-align: right; }

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

/*! locomotive-scroll v4.1.1 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
  overflow: hidden; }

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.has-scroll-smooth body {
  overflow: hidden; }

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh; }

[data-scroll-direction="horizontal"] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap; }

[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%; }

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0; }

.c-scrollbar:hover {
  transform: scaleX(1.45); }

.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
  opacity: 1; }

[data-scroll-direction="horizontal"] .c-scrollbar {
  width: 100%;
  height: 10px;
  top: auto;
  bottom: 0;
  transform: scaleY(1); }

[data-scroll-direction="horizontal"] .c-scrollbar:hover {
  transform: scaleY(1.3); }

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: black;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab; }

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
  right: auto;
  bottom: 0; }

lite-youtube {
  background-color: #000;
  position: relative;
  display: block;
  contain: content;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  max-width: 720px; }

/* gradient */
lite-youtube::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
  background-position: top;
  background-repeat: repeat-x;
  height: 60px;
  padding-bottom: 50px;
  width: 100%;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); }

/* responsive iframe with a 16:9 aspect ratio
thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
  content: "";
  display: block;
  padding-bottom: calc(100% / (16 / 9)); }

lite-youtube > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0; }

/* play button */
lite-youtube > .lty-playbtn {
  width: 68px;
  height: 48px;
  position: absolute;
  cursor: pointer;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
  z-index: 1;
  background-color: transparent;
  /* YT's actual play button svg */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
  filter: grayscale(100%);
  transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
  border: none; }

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
  filter: none; }

/* Post-click styles */
lite-youtube.lyt-activated {
  cursor: unset; }

lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
  opacity: 0;
  pointer-events: none; }

.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

lite-vimeo {
  font-size: 10px;
  background-color: #000;
  position: relative;
  display: block;
  contain: content;
  background-position: center center;
  background-size: cover;
  cursor: pointer; }

/* gradient, vimeo doesn't have this */
/*lite-vimeo::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
    background-position: top;
    background-repeat: repeat-x;
    height: 60px;
    padding-bottom: 50px;
    width: 100%;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}*/
/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-vimeo::after {
  content: "";
  display: block; }

lite-vimeo > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

/* play button */
lite-vimeo > .ltv-playbtn {
  width: 6.5em;
  height: 4em;
  background: rgba(23, 35, 34, 0.75);
  z-index: 1;
  opacity: 0.8;
  border-radius: .5em;
  /* TODO: Consider replacing this with YT's actual svg. Eh. */
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
  outline: 0;
  border: 0;
  cursor: pointer; }

lite-vimeo:hover > .ltv-playbtn {
  background-color: #00adef;
  opacity: 1; }

/* play button triangle */
lite-vimeo > .ltv-playbtn::before {
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #fff; }

lite-vimeo > .ltv-playbtn,
lite-vimeo > .ltv-playbtn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0); }

/* Post-click styles */
lite-vimeo.ltv-activated {
  cursor: unset; }

lite-vimeo.ltv-activated::before,
lite-vimeo.ltv-activated > .ltv-playbtn {
  opacity: 0;
  pointer-events: none; }