@charset "UTF-8";
@-webkit-keyframes backgroundanim {
  0% {
    background-position: 0% 0%,0% 0%;
  }
  25% {
    background-position: 0% 0%,100% 0%;
  }
  50% {
    background-position: 0% 0%,100% 100%;
  }
  75% {
    background-position: 0% 0%,0% 100%;
  }
  100% {
    background-position: 0% 0%,0% 0%;
  }
}
@keyframes backgroundanim {
  0% {
    background-position: 0% 0%,0% 0%;
  }
  25% {
    background-position: 0% 0%,100% 0%;
  }
  50% {
    background-position: 0% 0%,100% 100%;
  }
  75% {
    background-position: 0% 0%,0% 100%;
  }
  100% {
    background-position: 0% 0%,0% 0%;
  }
}

:is(.valign--top, .valign--middle, .valign--bottom) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

:is(.valign--top, .valign--middle, .valign--bottom) > :first-child {
  margin-top: 0px;
  padding-top: 0px;
}

:is(.valign--top, .valign--middle, .valign--bottom) > :last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

:is(.valign--top, .valign--middle, .valign--bottom).valign--top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

:is(.valign--top, .valign--middle, .valign--bottom).valign--middle {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

:is(.valign--top, .valign--middle, .valign--bottom).valign--bottom {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

:is(.halign--left, .halign--middle, .halign--centre, .halign--center, .halign--right, .halign--justify) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

:is(.halign--left, .halign--middle, .halign--centre, .halign--center, .halign--right, .halign--justify).halign--left {
  text-align: left;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

:is(.halign--left, .halign--middle, .halign--centre, .halign--center, .halign--right, .halign--justify).halign--right {
  text-align: right;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

:is(.halign--left, .halign--middle, .halign--centre, .halign--center, .halign--right, .halign--justify).halign--middle, :is(.halign--left, .halign--middle, .halign--centre, .halign--center, .halign--right, .halign--justify).halign--centre, :is(.halign--left, .halign--middle, .halign--centre, .halign--center, .halign--right, .halign--justify).halign--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

:is(.halign--left, .halign--middle, .halign--centre, .halign--center, .halign--right, .halign--justify).halign--justify {
  text-align: justify;
}

.padding__top--none {
  padding-top: 0px;
}

.padding__top--xxl {
  padding-top: var(--space-xxl);
}

.padding__top--xl {
  padding-top: var(--space-xl);
}

.padding__top--l {
  padding-top: var(--space-l);
}

.padding__top--m {
  padding-top: var(--space-m);
}

.padding__top--s {
  padding-top: var(--space-s);
}

.padding__top--xs {
  padding-top: var(--space-xs);
}

.margin__top--none {
  margin-top: 0px;
}

.margin__top--xxl {
  margin-top: var(--space-xxl);
}

.margin__top--xl {
  margin-top: var(--space-xl);
}

.margin__top--l {
  margin-top: var(--space-l);
}

.margin__top--m {
  margin-top: var(--space-m);
}

.margin__top--s {
  margin-top: var(--space-s);
}

.margin__top--xs {
  margin-top: var(--space-xs);
}

.padding__right--none {
  padding-right: 0px;
}

.padding__right--xxl {
  padding-right: var(--space-xxl);
}

.padding__right--xl {
  padding-right: var(--space-xl);
}

.padding__right--l {
  padding-right: var(--space-l);
}

.padding__right--m {
  padding-right: var(--space-m);
}

.padding__right--s {
  padding-right: var(--space-s);
}

.padding__right--xs {
  padding-right: var(--space-xs);
}

.margin__right--none {
  margin-right: 0px;
}

.margin__right--xxl {
  margin-right: var(--space-xxl);
}

.margin__right--xl {
  margin-right: var(--space-xl);
}

.margin__right--l {
  margin-right: var(--space-l);
}

.margin__right--m {
  margin-right: var(--space-m);
}

.margin__right--s {
  margin-right: var(--space-s);
}

.margin__right--xs {
  margin-right: var(--space-xs);
}

.padding__bottom--none {
  padding-bottom: 0px;
}

.padding__bottom--xxl {
  padding-bottom: var(--space-xxl);
}

.padding__bottom--xl {
  padding-bottom: var(--space-xl);
}

.padding__bottom--l {
  padding-bottom: var(--space-l);
}

.padding__bottom--m {
  padding-bottom: var(--space-m);
}

.padding__bottom--s {
  padding-bottom: var(--space-s);
}

.padding__bottom--xs {
  padding-bottom: var(--space-xs);
}

.margin__bottom--none {
  margin-bottom: 0px;
}

.margin__bottom--xxl {
  margin-bottom: var(--space-xxl);
}

.margin__bottom--xl {
  margin-bottom: var(--space-xl);
}

.margin__bottom--l {
  margin-bottom: var(--space-l);
}

.margin__bottom--m {
  margin-bottom: var(--space-m);
}

.margin__bottom--s {
  margin-bottom: var(--space-s);
}

.margin__bottom--xs {
  margin-bottom: var(--space-xs);
}

.padding__left--none {
  padding-left: 0px;
}

.padding__left--xxl {
  padding-left: var(--space-xxl);
}

.padding__left--xl {
  padding-left: var(--space-xl);
}

.padding__left--l {
  padding-left: var(--space-l);
}

.padding__left--m {
  padding-left: var(--space-m);
}

.padding__left--s {
  padding-left: var(--space-s);
}

.padding__left--xs {
  padding-left: var(--space-xs);
}

.margin__left--none {
  margin-left: 0px;
}

.margin__left--xxl {
  margin-left: var(--space-xxl);
}

.margin__left--xl {
  margin-left: var(--space-xl);
}

.margin__left--l {
  margin-left: var(--space-l);
}

.margin__left--m {
  margin-left: var(--space-m);
}

.margin__left--s {
  margin-left: var(--space-s);
}

.margin__left--xs {
  margin-left: var(--space-xs);
}

:root {
  --col-white: 255,255,255;
  --col-black: 29,9,14;
  --col-orange: 241,90,42;
  --col-pink: 243,115,99;
  --col-grey: 218,208,216;
  --col-cyan: 188,230,251;
  --col-blue: 88,106,	177;
  --col-purple: 29,29,71;
  --col-red: 236,43,46;
  --col-theme1: rgba(var(--col-orange),1);
  --col-theme2: rgba(var(--col-grey),1);
  --col-theme3: rgba(var(--col-white),1);
  --col-theme4: rgba(var(--col-pink),1);
  --col-theme5: rgba(var(--col-blue),1);
  --col-text_a: rgba(var(--col-white),1);
  --col-text: var(--col-text_a);
  --col-text_b: rgba(var(--col-black),1);
  --col-highlight: rgba(var(--col-white),1);
  --col-bg: var(--col-theme1);
  --col-blog: rgba(var(--col-pink),1);
  --col-podcast: rgba(var(--col-blue),1);
  --col-tint: rgba(var(--col-orange),0.1);
  --col-hover: rgba(var(--col-white),0.3);
  --col-footer-bg: rgba(var(--col-black),0);
  --font-w-normal: 400;
  --font-w-bold: 700;
  --font-family: neue-haas-grotesk-display, sans-serif;
  --font-size: 1.2rem;
  --font-size-xxl: clamp(2.4rem,calc(2vw + (2.16rem)),3.6rem);
  --font-size-xl: clamp(1.92rem,calc(1vw + (1.68rem)),2.4rem);
  --font-size-l: clamp(1.56rem,calc(1vw + (1.32rem)),1.92rem);
  --font-size-m: 1.2rem;
  --font-size-s: 0.96rem;
  --font-size-xs: 0.72rem;
  --font-lh-body: 1.4;
  --font-lh-heading: 1;
  --link-underline-width: 1px;
  --nav-underline-height: 2px;
  --space-xxl: var(--font-size-xxl);
  --space-xl: var(--font-size-xl);
  --space-l: var(--font-size-l);
  --space-m: 1.2rem;
  --space-s: 0.6rem;
  --space-xs: 0.3rem;
  --content-max-width: min(calc(100% - (var(--space-l) *2)),54rem);
  --content-wide-width: min(calc(100% - (var(--space-l) *2)),80rem);
  --font-line-h: 1.4;
  --font-spacing: 0.03em;
  --column-min-width: 14rem;
  --standard-split-l: 25%;
  --standard-split-r: 75%;
  --bg-cloud-orange: radial-gradient(100% 40% at 45% 5%, #dad0d8BB 5%, #073AFF00 100%),radial-gradient(60% 18% at 40% 5%, #dad0d8BB 5%, #073AFF00 100%),radial-gradient(113% 91% at 17% -2%, #F19236 1%, #FF000000 99%),radial-gradient(40% 200% at 0% 0%, #EC4233 1%, #FF000000 99%),radial-gradient(30% 120% at 94% 60%, #ED3B37 1%, #FF000000 99%),radial-gradient(52% 50% at 30% 60%, #F59C3E 1%, #FF000000 99%),radial-gradient(142% 91% at 83% 7%, #FFDB00FF 1%, #FF000000 99%),radial-gradient(142% 91% at 111% 84%, #FF7000FF 0%, #FF0000FF 100%);
  --bg-cloud-blue: radial-gradient(40% 60% at 0% 12%, #FF5A00AB 0%, #073AFF00 100%),radial-gradient(20% 100% at 0% 120%, #F5C99299 0%, #073AFF00 100%),radial-gradient(142% 91% at -6% 74%, #FF004966 1%, #FF000000 99%),radial-gradient(142% 91% at 111% 84%, #4A3663 0%, #1D1D47 100%);
  --bg-cloud-blue2: radial-gradient(40% 60% at 0% 12%, #FF5A00AB 0%, #073AFF00 100%),radial-gradient(20% 100% at 0% 120%, #F5C99299 0%, #073AFF00 100%),radial-gradient(20% 200% at 0% 50%, #FF5A00FF 1%, #FF000000 99%),radial-gradient(142% 91% at -6% 74%, #FF004966 1%, #FF000000 99%),radial-gradient(40% 150% at 15% 7%, #FF5A00FF 1%, #FF000000 99%),radial-gradient(142% 91% at 111% 84%, #4A3663 0%, #1D1D47 100%);
  --bg-cloud-light: radial-gradient(100% 60% at 120% 40%, #F1A258EE 0%, #F1A25800 100%),radial-gradient(142% 91% at 111% 84%, #FFF 0%, #CAF2FF 100%);
  --bg-cloud-full: radial-gradient(40% 180% at 100% 20%, #1F1F49 6%, #1F1F4900 100%),radial-gradient(113% 91% at 17% -2%, #FF5A00FF 1%, #FF000000 99%),radial-gradient(49% 81% at 45% 47%, #F7F1CD9C 0%, #073AFF00 100%),radial-gradient(142% 91% at 83% 7%, #FFDB00FF 1%, #FF000000 99%),radial-gradient(142% 91% at -6% 74%, #FF0049FF 1%, #FF000000 99%),radial-gradient(142% 91% at 111% 84%, #FF7000FF 0%, #FF0000FF 100%);
  --bg-cloud-sunrise: radial-gradient(40% 40% at 10% 10%, #E65834 0%, #E6583400 98%),radial-gradient(90% 40% at 80% 50%, #1E1E48B5 0%, #1E1E480D 99%),linear-gradient(99deg, #ED803D 15%, #733356 69%, #32295E 92%);
  --bg-cloud: var(--bg-cloud-sunrise);
}

:root .column {
  --content-max-width: min(100%,54rem);
}

@media (max-width: 1024px) {
  :root {
    --column-min-width: min(100%,20rem);
  }
}

.docs-story {
  background: var(--col-theme1);
}

html {
  min-height: 100%;
}

body {
  background: var(--col-bg);
  padding: 0;
  margin: 0;
  background: linear-gradient(135deg, var(--col-grey) 5%, var(--col-theme1) 95%, var(--col-purple));
  background-image: var(--bg-cloud);
  color: var(--col-text);
  background-size: 180% 120%;
  background-position: 0% 0%;
  background-attachment: fixed;
}

@media screen and (min-width: 768px) {
  body {
    -webkit-animation: backgroundanim 23s ease infinite;
            animation: backgroundanim 23s ease infinite;
  }
}

body * {
  font-family: var(--font-family);
  line-height: var(--lineheight-body);
  letter-spacing: var(--font-spacing);
}

body ::-moz-selection {
  background: var(--col-text);
  color: var(--col-bg);
}

body ::selection {
  background: var(--col-text);
  color: var(--col-bg);
}

a:not([class]) {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: var(--link-underline-width);
  text-underline-offset: 0.2em;
  text-decoration-color: var(--col-text);
  text-decoration-style: solid;
  background: -webkit-gradient(linear, left bottom, left top, from(var(--col-text)), color-stop(20%, var(--col-text)), color-stop(80%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, var(--col-text) 0%, var(--col-text) 20%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-y;
  background-size: auto 600%;
  background-position: left top;
  -webkit-transition: background 0.2s ease-out, color 0.1s ease-out;
  transition: background 0.2s ease-out, color 0.1s ease-out;
}

a:not([class]):hover {
  color: var(--col-bg);
  background-position: left bottom;
}

.theme--1:not(.section) {
  --col-bg: var(--col-theme1);
  --col-text: var(--col-text_a);
}

.theme--2 {
  --col-bg: var(--col-theme2);
  background: var(--col-bg);
  --col-text: var(--col-text_b);
}

.theme--3 {
  --col-bg: var(--col-theme3);
  background: var(--col-bg);
  --col-text: var(--col-text_b);
}

[style*="--col-bg"] {
  background: var(--col-bg);
  --bible-bg: var(--col-text);
  --bible-text: var(--col-bg);
  --bible-ref-bg: var(--bible-text);
}

[style*="--col-bg"]:is(.row) {
  border-top: var(--nav-underline-height) solid var(--col-theme3);
  border-bottom: var(--nav-underline-height) solid var(--col-theme3);
}

:is(h1, h2, h3, h4, h5, h6, h7) {
  color: var(--col-text);
  letter-spacing: 0;
  line-height: var(--font-lh-heading);
  font-size: var(--font-size);
  font-weight: var(--font-weight, var(--font-w-bold));
  margin: 0 0 calc(0.3em + var(--space-m));
  text-wrap: pretty;
  --font-spacing: 0;
}

:is(h1:not([class*="fs"]), .fs1) {
  --font-size: var(--font-size-xxl);
}

:is(h2:not([class*="fs"]), .fs2) {
  --font-size: var(--font-size-xl);
}

:is(h3:not([class*="fs"]), .fs3) {
  --font-size: var(--font-size-l);
}

:is(h4:not([class*="fs"]), .fs4) {
  --font-size: var(--font-size-m);
}

p {
  color: var(--col-text);
  line-height: var(--font-lh-body);
  font-size: var(--font-size);
  font-weight: var(--font-weight, var(--font-w-normal));
  margin: 0 0 0.7em;
  white-space: normal;
  display: block;
}

p small {
  font-size: calc(0.8 * var(--font-size));
  display: inline;
  white-space: normal;
}

a.logo {
  background: var(--col-text);
  display: inline-block;
  color: transparent;
  -webkit-mask-image: url("/assets/img/logo.svg");
          mask-image: url("/assets/img/logo.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: left center;
          mask-position: left center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  aspect-ratio: 151/24;
  min-width: 100px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  height: 1.2em;
}

a.logo::-moz-selection {
  color: transparent;
}

a.logo::selection {
  color: transparent;
}

:root {
  --fontsize-button:  var(--font-size-xs);
}

:is(
button.button,
input[type="submit"].button,
a.button,
label.button
) {
  --col-button-interect: var(--col-bg);
  --col-button: var(--col-text);
  line-height: 1.1em;
  color: var(--col-button);
  background: transparent;
  border: 2px solid var(--col-button);
  font-size: var(--fontsize-button);
  text-transform: uppercase;
  font-weight: var(--font-w-bold);
  padding: var(--space-s) var(--space-l);
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: background 0.2s ease-in, color 0.2s ease-in, border 0.2s ease-in;
  transition: background 0.2s ease-in, color 0.2s ease-in, border 0.2s ease-in;
  text-decoration: none;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

:is(
button.button,
input[type="submit"].button,
a.button,
label.button
).button--large {
  --fontsize-button: var(--font-size-s);
}

:is(
button.button,
input[type="submit"].button,
a.button,
label.button
):has(+ .button) {
  margin-right: 1em;
}

:is(
button.button,
input[type="submit"].button,
a.button,
label.button
):active {
  --col-button: var(--col-button-interect);
}

:is(
button.button,
input[type="submit"].button,
a.button,
label.button
):hover, :is(
button.button,
input[type="submit"].button,
a.button,
label.button
):active {
  background: var(--col-button);
  color: var(--col-button-interect);
}

.button__wrapper {
  display: block;
  /*
	.halign--left &{
		align-items:flex-start;
	}

	.halign--center &,
	.halign--middle &,
	.halign--centre &{
		align-items: center;
	}

	.halign--right &{
		align-items:flex-end;
	}
	*/
}

.button__wrapper--large {
  --fontsize-button: var(--font-size-s);
}

.video {
  display: block;
  margin: 0 auto;
  width: 100%;
  --aspectRatio: 16/9;
}

.video--aspect-16-9 {
  /*default*/
}

.video--aspect-9-16 {
  --aspectRatio: 9/16;
}

.video--aspect-1-1 {
  --aspectRatio: 1;
}

.video--aspect-4-3 {
  --aspectRatio: 4/3;
}

.video figcaption {
  margin: 1em 0 0;
  text-align: center;
  font-weight: 700;
}

.video > :is(iframe, lite-youtube) {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  position: relative;
  aspect-ratio: var(--aspectRatio);
  border: 2px solid currentColor;
  overflow: hidden;
  /*&::before{
			content:'';
			display: block;
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;

			z-index: 1;
		}*/
}

.video > :is(iframe, lite-youtube) img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  aspect-ratio: 16/9;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.video > :is(iframe, lite-youtube) .lty-playbtn {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  color: inherit;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-indent: -999em;
}

.video > :is(iframe, lite-youtube) .lty-playbtn:after {
  background: currentColor;
  content: '';
  display: block;
  width: 20%;
  height: 0;
  padding-top: 15%;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 330 330'%3E%3Cpath d='M37.73 328.12a14.99 14.99 0 0 0 15.22-.4l240-150a15 15 0 0 0 0-25.44l-240-150A15 15 0 0 0 30 15v300a15 15 0 0 0 7.73 13.12z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 330 330'%3E%3Cpath d='M37.73 328.12a14.99 14.99 0 0 0 15.22-.4l240-150a15 15 0 0 0 0-25.44l-240-150A15 15 0 0 0 30 15v300a15 15 0 0 0 7.73 13.12z'/%3E%3C/svg%3E");
  -webkit-mask-size: 94% 94%;
          mask-size: 94% 94%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.video > :is(iframe, lite-youtube) .lty-playbtn:hover::after {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.icon {
  height: 1em;
  width: 1em;
  display: inline-block;
  background: currentColor;
  vertical-align: middle;
  -webkit-transform: translateY(-0.1em);
          transform: translateY(-0.1em);
  -webkit-mask-image: var(--mask-image);
          mask-image: var(--mask-image);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  font-size: 1em;
}

body > .icon {
  font-size: 7rem;
}

.icon.icon--encounter {
  --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 333.33 402.29'%3E%3Cpath d='m296.94 363.32 3.73-3.09-21.49-25.97V66.32H53.98V338.2h7.04l1.44 54.77 4.84-.13-1.44-54.64h39.55l10.6 55.16 4.75-.91-10.42-54.25h69.72l26.27 55.7 4.38-2.06-25.3-53.64h90.75l20.78 25.11zM73.8 86l200.53 146.1v96.31L73.81 86zM274.34 226.1 72.54 79.08l201.8 77.17v69.85zm0-75.04L72.29 73.79 274.34 87.2v63.86zm0-68.72-168.5-11.18h168.5v11.18zM58.82 333.36v-78.8l2.07 78.8h-2.07zm6.91 0L59.6 99.78l44.89 233.58H65.73zm43.68 0L62.4 88.71l115.38 244.65H109.4zm73.72 0L65.07 83.03l207.09 250.33h-89.03z'/%3E%3C/svg%3E");
}

.icon.icon--hope {
  --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 333.33 402.29'%3E%3Cpath d='m321.53 71.12-4.56-1.63-36.88 102.88V66.32H54.9V338.2h225.2V186.73l41.44-115.6zm-46.28.04V185.9l-2.12 5.93c-31.15 86.9-59.08 89.9-66.9 88.72-13.85-2.05-23.71-21.56-25.13-49.7-2.23-44.04-9.7-71.6-15.58-86.95-4.45-11.65-10.05-21.37-13.57-23.97l.04-.03c-3.94-3.54-7.48-3.27-9.75-2.43-16.2 6.02-25.46 67.73-27.37 81.8H59.73V71.16h215.52zM59.73 333.36V204.1h59.4l.26-2.11c3.68-28.77 13.6-75.93 24.54-79.99.96-.36 2.5-.59 4.81 1.5l.93.82c3.6 4.28 22.75 30.67 26.59 106.76 1.57 31.03 12.78 51.81 29.25 54.25.9.13 1.92.22 3.05.22 12.55 0 38.63-10.65 66.7-85.46v133.27H59.72z'/%3E%3C/svg%3E");
}

.icon.icon--freedom {
  --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 333.328 402.292'%3E%3Cpath d='M50.84 250.12c-23.112 0-41.915-18.803-41.915-41.915S27.728 166.29 50.84 166.29s41.916 18.803 41.916 41.915S73.953 250.12 50.84 250.12zm0-78.83c-20.355 0-36.915 16.56-36.915 36.915s16.56 36.915 36.915 36.915 36.916-16.56 36.916-36.915-16.56-36.915-36.916-36.915z'/%3E%3Cpath d='M167.416 291.115c-56.341 0-102.179-45.838-102.179-102.179 0-56.342 45.837-102.179 102.179-102.179s102.18 45.837 102.18 102.179c0 56.341-45.838 102.179-102.18 102.179zm0-199.359c-53.584 0-97.179 43.594-97.179 97.179 0 53.584 43.594 97.179 97.179 97.179s97.18-43.595 97.18-97.179-43.595-97.179-97.18-97.179zM247.627 398.514c-23.111 0-41.914-18.803-41.914-41.915s18.803-41.915 41.914-41.915c23.112 0 41.916 18.803 41.916 41.915s-18.804 41.915-41.916 41.915zm0-78.83c-20.354 0-36.914 16.56-36.914 36.915s16.56 36.915 36.914 36.915c20.355 0 36.916-16.56 36.916-36.915s-16.561-36.915-36.916-36.915z'/%3E%3Cpath d='m284.435 337.195-5-2V76.637H63.915v94.153l-5-2V71.637h225.52zM208.213 344.373H58.915v-98.2l5-1v94.2h147.298z'/%3E%3C/svg%3E");
}

.icon.icon--transformation {
  --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 333.33 402.29'%3E%3Cpath d='M279.1 147.17V66.23H53.9V338.1h225.2v-67.14c24.12-8.01 41.35-28.72 41.35-52.95v-17.89c0-24.23-17.23-44.94-41.35-52.95zm-4.85-76.1v74.7a70.62 70.62 0 0 0-17.3-2.15H58.76V71.08h215.5zm0 262.18H58.75v-184.8h198.2c6.03 0 11.83.81 17.3 2.3v116.63a65.78 65.78 0 0 1-17.3 2.3h-150.6v4.84h150.6c6 0 11.8-.76 17.3-2.15v60.88zm41.35-115.24c0 21.59-15.11 40.12-36.5 47.83V152.29c21.39 7.72 36.5 26.24 36.5 47.83v17.9z'/%3E%3C/svg%3E");
}

.icon.icon--love {
  --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 331.51 400.09'%3E%3Cpath d='M279.24 218.98V93.48l.88-.66-.88-1.2V65.76H219.4l14.55-14.4-3.42-3.46-18.04 17.87H53.39v272.66h132.85l15.24 20.2 3.88-2.93-13.04-17.27h86.92V224l27.74 7.07 1.2-4.7-28.94-7.38zM207.59 70.62l-17.77 17.6a81.5 81.5 0 0 0-28.5-5.12A81.4 81.4 0 0 0 114 98.13c-11.42-7.7-29.9-12.27-43.7-14.03l-6.77-13.48H207.6zm-149.34.28 6.33 12.6c-2.17-.18-4.29-.3-6.33-.35V70.9zm0 262.67v-19.73l11.65 19.73H58.24zm17.29 0-17.3-29.28V88c2.82.08 5.82.3 8.92.64l19.74 39.28 4.34-2.18L72.98 89.4c13.2 2.03 30.07 6.6 39.6 13.65l1.45 1.07 1.44-1.06a76.52 76.52 0 0 1 45.85-15.1c8.42 0 16.71 1.36 24.67 4.05l-42.04 41.63 3.42 3.45 43.61-43.19a77.9 77.9 0 0 1 36.62 31.8l-20.74 15.37 2.9 3.9L229.97 130a77.17 77.17 0 0 1 8.47 35.72l-20.87 9.07 1.93 4.46 18.7-8.13a77.28 77.28 0 0 1-11.26 34.55l-65.55-16.7-.79-.2-1.2 4.72 64.85 16.51-26.48 46.22-30.77-21.02-2.74 4.01 31.09 21.24-26.71 46.63-24.08-31.9-3.88 2.92 25.33 33.57-12.55 21.92H75.54zm83.53 0 10.14-17.7 13.36 17.7h-23.5zm115.31 0h-85.73l-16.82-22.28 27.55-48.1 75 51.24v19.14zm0-25.03-72.58-49.58 27.34-47.73 45.24 11.53v85.78zm0-90.8-42.52-10.83a81.92 81.92 0 0 0 11.37-37.98l31.15-13.53v62.34zm0-67.64-31.08 13.5a82.04 82.04 0 0 0-9.37-36.54l40.45-29.99v53.03zm0-59.08-42.86 31.78a83 83 0 0 0-36.81-32.57l19.8-19.6h59.87v20.4z'/%3E%3C/svg%3E");
}

.icon.icon--trust {
  --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 336.08 400.09'%3E%3Cpath d='M55.46 65.77v272h225.16v-272H55.46zm4.05 4.05h48.54a153.12 153.12 0 0 0-48.54 33.59V69.82zm0 263.9V314c7.12 7.35 15 13.97 23.44 19.73H59.51zm217.06 0h-23.45A152.6 152.6 0 0 0 276.57 314v19.73zm0-25.63a148.19 148.19 0 0 1-30.85 25.63H90.36A148.19 148.19 0 0 1 59.5 308.1V109.3a148.08 148.08 0 0 1 59.61-39.48h97.83a148.12 148.12 0 0 1 59.62 39.48v198.8zm0-204.68a153.12 153.12 0 0 0-48.55-33.59h48.55v33.59z'/%3E%3Cpath d='M168.04 140.06A68.71 68.71 0 0 0 99.4 208.7a68.71 68.71 0 0 0 68.64 68.64 68.71 68.71 0 0 0 68.63-68.64 68.71 68.71 0 0 0-68.63-68.63zm0 133.23a64.66 64.66 0 0 1-64.59-64.59c0-35.61 28.98-64.58 64.59-64.58s64.58 28.97 64.58 64.58a64.66 64.66 0 0 1-64.58 64.59z'/%3E%3Cpath d='M168.04 148.72a60.05 60.05 0 0 0-59.98 59.98 60.05 60.05 0 0 0 59.98 59.98 60.05 60.05 0 0 0 59.98-59.98 60.05 60.05 0 0 0-59.98-59.98zm0 115.91a56 56 0 0 1-55.93-55.93 56 56 0 0 1 55.93-55.93 56 56 0 0 1 55.93 55.93 56 56 0 0 1-55.93 55.93z'/%3E%3Cpath d='M168.04 130.84c-42.93 0-77.86 34.93-77.86 77.86s34.93 77.86 77.86 77.86 77.85-34.93 77.85-77.86-34.92-77.86-77.85-77.86zm0 151.67c-40.7 0-73.8-33.11-73.8-73.8 0-40.7 33.1-73.82 73.8-73.82s73.8 33.11 73.8 73.81-33.1 73.8-73.8 73.8z'/%3E%3Cpath d='M168.04 104.84c-57.27 0-103.86 46.6-103.86 103.86 0 57.27 46.6 103.85 103.86 103.85s103.85-46.58 103.85-103.85c0-57.27-46.59-103.85-103.85-103.85zm0 203.67c-55.03 0-99.8-44.78-99.8-99.81s44.77-99.8 99.8-99.8c55.03 0 99.8 44.77 99.8 99.8s-44.77 99.8-99.8 99.8z'/%3E%3Cpath d='M168.04 168.9a39.92 39.92 0 0 0-39.88 39.87 39.92 39.92 0 0 0 39.88 39.88 39.92 39.92 0 0 0 39.87-39.88 39.92 39.92 0 0 0-39.87-39.88zm0 75.7a35.87 35.87 0 0 1-35.83-35.83c0-19.75 16.07-35.82 35.83-35.82s35.83 16.07 35.83 35.82a35.87 35.87 0 0 1-35.83 35.83z'/%3E%3C/svg%3E");
}

.icon.icon--discuss {
  --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='cf-icon-svg' viewBox='-.5 0 19 19'%3E%3Cpath d='M5.57 7.532v3.356l-2.248 1.403c-.222.138-.403.038-.403-.223V10.68H1.852a.476.476 0 0 1-.475-.475V3.643a.476.476 0 0 1 .475-.475h9.39a.476.476 0 0 1 .475.475v2.305H7.154A1.585 1.585 0 0 0 5.57 7.532zm11.449 0v6.563a.476.476 0 0 1-.475.475h-1.049v1.436c0 .261-.18.362-.403.224l-2.605-1.626a.54.54 0 0 1-.048-.034H7.154a.476.476 0 0 1-.475-.475V7.532a.477.477 0 0 1 .475-.475h9.39a.476.476 0 0 1 .475.475z'/%3E%3C/svg%3E");
}

.icon.icon--reflect {
  --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='30.5 30.5 769.5 769.5'%3E%3Cpath d='M740.271 410.9c54.967 61.857 44.892 152.9-22.501 203.351-50.774 38.01-121.884 43.189-178.555 13.009-75.095 88.985-214.567 105.245-311.516 36.318-54.352-38.64-86.136-98.209-86.073-161.311 0-5.402.475-10.643.892-15.937-100.5-64.503-125-191.572-54.723-283.814 70.276-92.244 208.717-114.731 309.216-50.228 2.829 1.817 5.613 3.693 8.346 5.629 84.506-78.546 222.384-79.341 307.961-1.778 74.815 67.812 86.156 175.005 26.953 254.761zm-442.07 1.535c2.104-24.128-17.501-45.254-43.789-47.185-1.477-.109-2.958-.155-4.438-.137-26.696-.445-48.732 19.056-49.219 43.559-.024 1.256.009 2.51.1 3.763-1.628 24.674 18.844 45.887 45.725 47.38 26.881 1.495 49.993-17.295 51.621-41.968.119-1.801.119-3.61 0-5.412zm169.24 0c2.137-24.096-17.412-45.22-43.664-47.181-1.518-.114-3.04-.161-4.563-.141-26.698-.415-48.707 19.111-49.161 43.615-.022 1.236.011 2.473.1 3.707-1.879 24.658 18.376 46.046 45.24 47.771 26.866 1.726 50.168-16.866 52.048-41.523.161-2.08.161-4.167 0-6.248zm169.3 0c2.138-24.096-17.41-45.22-43.664-47.183-1.538-.115-3.079-.161-4.623-.139-26.696-.415-48.705 19.111-49.158 43.615-.023 1.236.009 2.473.1 3.707-1.629 24.674 18.843 45.887 45.724 47.38 26.883 1.495 49.994-17.295 51.622-41.968.117-1.801.117-3.61-.001-5.412z'/%3E%3C/svg%3E");
}

.icon.icon--read {
  --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 800 800'%3E%3Cpath fill='%23292D32' d='M733.333 161.656V557.99c0 32.334-26.333 62-58.666 66l-10.334 1.334c-54.666 7.333-131.666 30-193.666 56-21.667 9-45.667-7.334-45.667-31V186.656c0-12.333 7-23.666 18-29.666 61-33 153.333-62.334 216-67.667h2c40 0 72.333 32.333 72.333 72.333zM356.943 156.99c-61-33-153.334-62.334-216-67.667h-2.333c-40 0-72.333 32.333-72.333 72.333V557.99c0 32.334 26.333 62 58.667 66l10.333 1.334c54.667 7.333 131.667 30 193.667 56 21.668 9 45.668-7.334 45.668-31V186.656c-.002-12.666-6.669-23.666-17.669-29.666z'/%3E%3C/svg%3E");
}

.icon.icon--ask {
  --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 800 800'%3E%3Cpath d='M705.98 80.136H89.967c-17.196.037-31.127 13.966-31.163 31.162v430.556c.036 17.193 13.967 31.125 31.163 31.161h68.817v94.206c0 17.122 11.809 23.748 26.438 14.695l170.896-106.671c1.089-.687 2.141-1.431 3.149-2.23H705.98c17.195-.036 31.125-13.968 31.162-31.161V111.298c-.072-17.18-13.982-31.088-31.162-31.162zm-301.931 385.41c0 7.2-1.955 12.826-5.85 16.874-3.903 4.051-9.45 6.076-16.65 6.076h-4.5c-7.2 0-12.754-2.025-16.65-6.076-3.902-4.048-5.851-9.674-5.851-16.874v-8.549c0-7.201 1.948-12.827 5.851-16.876 3.896-4.05 9.45-6.075 16.65-6.075h4.5c7.2 0 12.747 2.025 16.65 6.075 3.895 4.049 5.85 9.675 5.85 16.876v8.549zm74.024-159.524c-7.952 13.95-18.83 25.2-32.625 33.75-13.802 8.55-29.404 13.725-46.799 15.524-.302 0-.379.078-.225.225.147.155.521.078 1.125-.225v29.701c0 6.004-2.025 11.103-6.075 15.299-4.05 4.205-9.077 6.301-15.075 6.301-6.3 0-11.475-2.096-15.524-6.301-4.05-4.196-5.927-9.295-5.625-15.299v-42.3c0-6.3 2.025-11.545 6.075-15.75 4.05-4.198 9.07-6.301 15.075-6.301 20.095-.598 36.521-6.223 49.275-16.875 12.748-10.645 19.124-25.875 19.124-45.674 0-17.1-5.85-31.275-17.549-42.524-11.7-11.25-26.101-16.875-43.2-16.875-9.605 0-18.83 2.025-27.675 6.075-8.853 4.05-16.58 9.527-23.175 16.425-6.005 5.4-12.002 8.099-18 8.099-4.205 0-8.1-1.349-11.7-4.049-6.603-4.796-9.9-10.35-9.9-16.649 0-5.4 2.25-10.351 6.75-14.851 10.195-11.7 22.57-20.848 37.125-27.45 14.547-6.595 30.073-9.9 46.575-9.9 19.195 0 36.675 4.352 52.424 13.05 15.75 8.705 28.272 20.777 37.574 36.224 9.296 15.455 13.95 32.927 13.95 52.425 0 18.001-3.979 33.976-11.925 47.925z'/%3E%3C/svg%3E");
}

.icon.icon--watch {
  --mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 310 310'%3E%3Cpath d='M297.917 64.645c-11.19-13.302-31.85-18.728-71.306-18.728H83.386c-40.359 0-61.369 5.776-72.517 19.938C0 79.663 0 100.008 0 128.166v53.669c0 54.551 12.896 82.248 83.386 82.248h143.226c34.216 0 53.176-4.788 65.442-16.527C304.633 235.518 310 215.863 310 181.835v-53.669c0-29.695-.841-50.16-12.083-63.521zm-98.896 97.765-65.038 33.991c-1.454.76-3.044 1.137-4.632 1.137-1.798 0-3.592-.484-5.181-1.446-2.992-1.813-4.819-5.056-4.819-8.554v-67.764c0-3.492 1.822-6.732 4.808-8.546 2.987-1.814 6.702-1.938 9.801-.328l65.038 33.772c3.309 1.718 5.387 5.134 5.392 8.861.004 3.73-2.065 7.151-5.369 8.877z'/%3E%3C/svg%3E");
}

figure {
  margin: var(--space-l) auto;
  max-width: min(var(--content-max-width),100%);
  padding: 0;
}

figure:first-child {
  margin-top: 0;
}

figure:last-child {
  margin-bottom: 0;
}

figure img {
  max-width: 100%;
}

figure figcaption {
  margin: var(--space-s) 0 0;
}

figure figcaption b {
  display: block;
}

.card {
  --d: 1200ms;
  --e: cubic-bezier(0.19, 1, 0.22, 1);
  --col-button: var(--col-text);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 24rem;
  container-name: card;
  container-type: inline-size;
}

.card__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: inherit;
  overflow: hidden;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.card .card__meta {
  color: var(--col-text);
}

.card a.button {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.card a.button::after {
  content: '';
  display: block;
  background: #FFF;
  opacity: 0.000001;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

@container card (width > 80ch) {
  .card a.button::after {
    left: -50vw;
    right: -50vw;
  }
}

.card:not([class*="card--"]) {
  --ar: 16/9;
  background: var(--col-bg);
}

.card:not([class*="card--"]):not([class*="theme--"]) {
  --col-bg: var(--col-theme2);
  --col-text: var(--col-text_b);
}

.theme--2 .card:not([class*="card--"]):not([class*="theme--"]) {
  --col-text: var(--col-text_b);
  --col-bg: var(--col-theme3);
}

.card:not([class*="card--"]) .card__inner::before {
  content: '';
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: calc(var(--ar));
}

@container card (width > 80ch) {
  .card:not([class*="card--"]) .card__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .card:not([class*="card--"]) .card__inner::before {
    width: 50%;
    height: auto;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .card:not([class*="card--"]) .card__inner:has(.card__info--left) .card__info {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .card:not([class*="card--"]) .card__inner:has(.card__info--left)::before {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .card:not([class*="card--"]) .card__inner:has(.card__info--left) img {
    left: 50%;
  }
}

.card:not([class*="card--"]) img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: auto;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  z-index: 1;
  aspect-ratio: var(--ar);
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: -webkit-transform var(--d) var(--e);
  transition: -webkit-transform var(--d) var(--e);
  transition: transform var(--d) var(--e);
  transition: transform var(--d) var(--e), -webkit-transform var(--d) var(--e);
  pointer-events: none;
}

@container card (width > 80ch) {
  .card:not([class*="card--"]) img {
    width: 50%;
    bottom: 0;
    height: 100%;
    right: auto;
    aspect-ratio: auto;
  }
}

.card:not([class*="card--"]) .card__info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: var(--space-l);
  z-index: 6;
  background: inherit;
  -webkit-transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), transform var(--d) var(--e), flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), transform var(--d) var(--e), flex calc(var(--d) * 0.7) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e), -ms-flex calc(var(--d) * 0.7) var(--e);
}

.card:not([class*="card--"]) .card__info::before {
  content: '';
  z-index: 8;
  background: inherit;
  display: block;
  pointer-events: none;
  height: calc(var(--space-l) + 4px);
  margin: calc(-1px - var(--space-l)) calc(0px - var(--space-l)) -3px;
  -webkit-transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), transform var(--d) var(--e), flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), transform var(--d) var(--e), flex calc(var(--d) * 0.7) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e), -ms-flex calc(var(--d) * 0.7) var(--e);
}

@container card (width > 80ch) {
  .card:not([class*="card--"]) .card__info::before {
    width: 50%;
  }
}

.card:not([class*="card--"]) .card__info > :is(h2, h3, h4):first-child {
  font-size: var(--font-size-l);
  margin: 0 0 0.5em;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), transform var(--d) var(--e), flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), transform var(--d) var(--e), flex calc(var(--d) * 0.7) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e), -ms-flex calc(var(--d) * 0.7) var(--e);
}

.card:not([class*="card--"]) .card__info .button {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  opacity: 0;
  max-height: 0;
}

.card:not([class*="card--"]) .card__info p {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  font-size: var(--font-size-s);
  -webkit-transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), transform var(--d) var(--e), flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), transform var(--d) var(--e), flex calc(var(--d) * 0.7) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e), -ms-flex calc(var(--d) * 0.7) var(--e);
}

@container card (width > 80ch) {
  .card:not([class*="card--"]) .card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    z-index: 20;
    background: inherit;
  }
}

.card:not([class*="card--"]) .card__info .card__meta > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card:not([class*="card--"]) .card__info .card__meta > *::before {
  content: '';
  display: block;
  height: 0.5em;
  width: 0;
  background: transparent;
  pointer-events: none;
  -webkit-transition: opacity var(--d) var(--e), width var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), width var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), width var(--d) var(--e), flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), width var(--d) var(--e), flex calc(var(--d) * 0.7) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e), -ms-flex calc(var(--d) * 0.7) var(--e);
}

.card:not([class*="card--"]) .card__info .card__meta .tag {
  position: absolute;
  top: var(--space-l);
  left: 0;
  z-index: 4;
  padding: 0.4em var(--space-m) 0.4em calc(var(--space-l) * 1);
  background: var(--col-text);
  color: var(--col-theme3);
  font-weight: var(--font-w-bold);
  text-transform: uppercase;
  line-height: 0.8;
}

.card:not([class*="card--"]) .card__info .card__meta .tag--podcast {
  background: var(--col-podcast, var(--col-text));
}

.card:not([class*="card--"]) .card__info .card__meta .tag--blog {
  background: var(--col-blog, var(--col-text));
}

.card:not([class*="card--"]) .card__info .card__meta time {
  position: absolute;
  left: var(--space-l);
  bottom: var(--space-l);
}

.card:not([class*="card--"]):has(a.button:hover)::before {
  opacity: 0.4;
}

.card:not([class*="card--"]):has(a.button:hover) img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.card:not([class*="card--"]):has(a.button:hover) .card__info {
  /*> :is(h2,h3,h4):first-child{
					text-decoration: underline;

				}*/
}

.card:not([class*="card--"]):has(a.button:hover) .card__info::before,
.card:not([class*="card--"]):has(a.button:hover) .card__info p,
.card:not([class*="card--"]):has(a.button:hover) .card__info > :is(h2, h3, h4):first-child {
  -webkit-transform: translateY(calc(0px - var(--space-l)));
          transform: translateY(calc(0px - var(--space-l)));
}

@container card (width > 80ch) {
  .card:not([class*="card--"]):has(a.button:hover) .card__info::before,
  .card:not([class*="card--"]):has(a.button:hover) .card__info p,
  .card:not([class*="card--"]):has(a.button:hover) .card__info > :is(h2, h3, h4):first-child {
    -webkit-transform: translateX(calc(0px + var(--space-l)));
            transform: translateX(calc(0px + var(--space-l)));
  }
}

@container card (width > 80ch) {
  .card:not([class*="card--"]):has(a.button:hover) .card__info .card__meta > *::before {
    width: var(--space-l);
  }
}

.card--panel {
  --col-text: var(--col-theme3);
  --col-bg: var(--col-text_b);
}

.card--panel .card__inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@container card (width < 80ch) {
  .card--panel .card__inner {
    min-height: min(36vw,30rem);
  }
}

.card--panel::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: block;
  z-index: 2;
  opacity: 0;
  background: black;
  -webkit-transition: opacity var(--d) var(--e);
  transition: opacity var(--d) var(--e);
  pointer-events: none;
}

.card--panel img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: -webkit-transform var(--d) var(--e);
  transition: -webkit-transform var(--d) var(--e);
  transition: transform var(--d) var(--e);
  transition: transform var(--d) var(--e), -webkit-transform var(--d) var(--e);
}

.card--panel .card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  z-index: 3;
  padding: var(--space-l) var(--space-xl);
  gap: var(--space-m);
}

@container card (width > 80ch) {
  .card--panel .card__info {
    aspect-ratio: 3/1;
  }
}

.card--panel .card__info::before {
  content: '';
  display: block;
  width: 100%;
  height: 2em;
  pointer-events: none;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.card--panel .card__info > :is(h2, h3, h4):first-child {
  font-size: var(--font-size-xl);
  text-transform: uppercase;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: auto 0;
  -webkit-transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), transform var(--d) var(--e), flex calc(var(--d) * 0.7) var(--e);
  transition: opacity var(--d) var(--e), transform var(--d) var(--e), flex calc(var(--d) * 0.7) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex calc(var(--d) * 0.7) var(--e), -ms-flex calc(var(--d) * 0.7) var(--e);
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  text-shadow: 0 0 5em black,0 0 2em black;
}

.card--panel .card__info > :is(h2, h3, h4):first-child:has(+ p) {
  margin-bottom: 0;
}

.card--panel .card__info p {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  overflow: hidden;
  margin-bottom: auto;
  display: block;
  opacity: 0;
  -webkit-transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex var(--d) var(--e);
  transition: opacity var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex var(--d) var(--e);
  transition: opacity var(--d) var(--e), transform var(--d) var(--e), flex var(--d) var(--e);
  transition: opacity var(--d) var(--e), transform var(--d) var(--e), flex var(--d) var(--e), -webkit-transform var(--d) var(--e), -webkit-box-flex var(--d) var(--e), -ms-flex var(--d) var(--e);
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.card--panel .card__info .card__meta {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  opacity: 0;
  -webkit-transition: opacity var(--d) var(--e);
  transition: opacity var(--d) var(--e);
  gap: calc(2em - 1px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
}

.card--panel .card__info .card__meta > * {
  display: inline-block;
}

.card--panel .card__info .card__meta > * + *::before {
  content: '';
  display: inline-block;
  background: currentColor;
  height: 100%;
  width: 1px;
  position: absolute;
  margin-left: -1em;
}

.card--panel:has(a.button:hover)::before {
  opacity: 0.4;
}

.card--panel:has(a.button:hover) img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.card--panel:has(a.button:hover) .card__info > :is(h2, h3, h4):first-child {
  -webkit-transform: translateY(calc(0 - var(--space-l)));
          transform: translateY(calc(0 - var(--space-l)));
}

.card--panel:has(a.button:hover) .card__info > :is(h2, h3, h4):first-child:not(:has(+ p)) {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.card--panel:has(a.button:hover) .card__info .card__meta {
  opacity: 1;
}

.card--panel:has(a.button:hover) .card__info p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  opacity: 1;
  -webkit-transform: scaleY(1) translateY(calc(0 - var(--space-l)));
          transform: scaleY(1) translateY(calc(0 - var(--space-l)));
}

blockquote {
  margin-lefT: 0;
  padding-left: 3em;
  position: relative;
}

blockquote::before {
  content: '“';
  font-size: 7em;
  position: absolute;
  top: -0.2ch;
  left: 0;
  line-height: 1;
  pointer-events: none;
}

blockquote cite {
  font-weight: var(--font-w-bold);
  font-style: normal;
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--space-m);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1em;
  color: var(--col-text);
  margin: 0;
  container-name: nav;
  container-type: inline-size;
}

.nav > .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.nav__label {
  font-size: 1em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  display: block;
}

.nav__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  gap: var(--space-s);
  list-style: none;
}

.nav.width--wide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nav.width--wide > * {
  width: var(--content-wide-width);
}

.nav__item__ {
  color: var(--col-text);
  text-decoration: none;
  font-size: 1em;
  position: relative;
}

.nav__item__ a {
  color: inherit;
  text-decoration: none;
  padding: var(--space-m);
  display: block;
}

.nav__item__ a::after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: currentColor;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.nav__item__ a:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.nav__item__--hl {
  font-weight: var(--font-w-bold);
}

.nav--secondary .nav__group {
  display: block;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0;
  container-name: pagination;
  container-type: inline-size;
}

.nav--secondary .nav__group a {
  color: var(--col-bg);
  font-size: var(--font-size-s);
  font-weight: var(--font-w-bold);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8ch;
  background: var(--col-text);
  line-height: 1;
  padding: var(--space-m) var(--space-l);
  -webkit-box-shadow: inset 0 0 0 0 currentColor;
          box-shadow: inset 0 0 0 0 currentColor;
  -webkit-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
}

.nav--secondary .nav__group a i {
  height: 1.4em;
  width: 1.4em;
  margin: -0.2em 0;
}

.nav--secondary .nav__group a:hover, .nav--secondary .nav__group a:is(.selected, .active) {
  color: var(--col-text);
  background: var(--col-theme5);
}

.nav--studies .nav__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: var(--space-xl) var(--space-xs);
  width: 100%;
}

.nav--studies .nav__group:has(> :nth-child(7):last-child) {
  --itemCount: 7;
}

.nav--studies .nav__group:has(> :nth-child(8):last-child) {
  --itemCount: 8;
}

.nav--studies .nav__group:has(> :nth-child(9):last-child) {
  --itemCount: 9;
}

.nav--studies .nav__group:has(> :nth-child(10):last-child) {
  --itemCount: 10;
}

.nav--studies .nav__group:has(> :nth-child(11):last-child) {
  --itemCount: 11;
}

.nav--studies .nav__group:has(> :nth-child(12):last-child) {
  --itemCount: 12;
}

.nav--studies .nav__group > .nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 1fr;
      flex-basis: 1fr;
  width: 16%;
}

.nav--studies .nav__group > .nav__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-decoration: none;
  font-size: var(--font-size-m);
  position: relative;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.nav--studies .nav__group > .nav__item a b {
  position: relative;
  text-align: center;
}

.nav--studies .nav__group > .nav__item a b::after {
  content: '';
  display: block;
  width: calc(100% + 0.6em);
  margin: 0.7em -0.3em 0;
  height: var(--nav-underline-height);
  background: currentColor;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

.nav--studies .nav__group > .nav__item a:hover {
  background: transparent;
  color: inherit;
}

.nav--studies .nav__group > .nav__item a:hover b::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.nav--studies .nav__group > .nav__item a .icon {
  width: 100%;
  margin-bottom: 4%;
  font-size: 800%;
}

.nav--studies .nav__group:not(:has(.nav__item.active)) {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@container nav (width < 80ch) {
  .nav--studies .nav__group:not(:has(.nav__item.active)) > .nav__item {
    min-width: calc((100% - var(--space-xs) - var(--space-xs))/3);
  }
}

@container nav (width < 50ch) {
  .nav--studies .nav__group:not(:has(.nav__item.active)) > .nav__item {
    min-width: calc((100% - var(--space-xs) - var(--space-xs))/2);
  }
}

@media screen and (max-width: 1220px) {
  @container nav (width < 140ch) {
    .nav--studies .nav__group:has(.nav__item.active) {
      gap: var(--space-m);
      /*&:has(.nav__item:nth-child(5)){
							a{
								font-size: var(--font-size-xs);
							}
						}*/
    }
    .nav--studies .nav__group:has(.nav__item.active) > .nav__item {
      max-width: calc(100%/var(--itemCount));
    }
    .nav--studies .nav__group:has(.nav__item.active) > .nav__item a {
      font-size: var(--font-size-s);
      text-align: center;
    }
    .nav--studies .nav__group:has(.nav__item.active) > .nav__item a .icon {
      font-size: 400%;
    }
  }
  @container nav (width < 60ch) {
    .nav--studies .nav__group:has(.nav__item.active) {
      gap: var(--space-xs) var(--space-m);
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
    }
    .nav--studies .nav__group:has(.nav__item.active):not(:has(.icon)) {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      --itemCount: 4;
    }
    .nav--studies .nav__group:has(.nav__item.active):not(:has(.icon)) > .nav__item {
      min-width: 20%;
    }
    .nav--studies .nav__group:has(.nav__item.active) > .nav__item {
      -ms-flex-negative: 0;
          flex-shrink: 0;
    }
    .nav--studies .nav__group:has(.nav__item.active) > .nav__item:not(.active):has(.icon) b {
      display: none;
    }
    .nav--studies .nav__group:has(.nav__item.active) > .nav__item a {
      font-size: var(--font-size-xs);
      text-align: center;
    }
    .nav--studies .nav__group:has(.nav__item.active) > .nav__item a b {
      text-align: center;
    }
    .nav--studies .nav__group:has(.nav__item.active) > .nav__item a .icon {
      font-size: 600%;
    }
  }
}

.nav--studies .nav__group:has(.nav__item.active) .nav__item:not(.active):not(:hover) {
  opacity: 0.5;
}

.nav--studies .nav__group:has(.nav__item.active) .nav__item.active a b::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

@media screen and (min-width: 629.5px) {
  @container nav (width > 60ch) {
    .nav--studies .nav__group:has(.nav__item.active) .nav__item.active a b::before {
      content: '';
      display: block;
      position: absolute;
      width: var(--nav-underline-height);
      top: 100%;
      background: currentColor;
      height: 100px;
      left: calc((100% - var(--nav-underline-height))/2);
    }
  }
}

.chapters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0;
  padding-bottom: 1px;
  margin: 0 0 var(--space-l);
  padding: 0;
  --columns: 18;
  container-name: chapters;
  container-type: inline-size;
}

.chapters .chapter {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--space-s);
  font-size: var(--font-size-m);
  font-weight: var(--font-w-bold);
  text-align: center;
  -ms-flex-preferred-size: 1fr;
      flex-basis: 1fr;
  position: relative;
  aspect-ratio: 1;
  width: calc((100% + ((var(--columns) - 1) * 1px))/var(--columns));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--col-text);
  text-decoration: none;
  margin-right: -1px;
  margin-bottom: -1px;
  -webkit-box-shadow: inset 0 0 0 1px currentColor;
          box-shadow: inset 0 0 0 1px currentColor;
}

@container chapters (width < 100ch) {
  .chapters .chapter {
    --columns: 12;
  }
}

@container chapters (width < 60ch) {
  .chapters .chapter {
    --columns: 8;
  }
}

@container chapters (width < 40ch) {
  .chapters .chapter {
    --columns: 6;
  }
}

@container chapters (width < 30ch) {
  .chapters .chapter {
    --columns: 5;
  }
}

.chapters .chapter:last-child {
  margin-right: auto;
}

.chapters .chapter::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
  background: currentColor;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.chapters .chapter.active::before, .chapters .chapter:has(a:hover)::before {
  opacity: 0.6;
}

.chapters .chapter.active:is(.active)::before, .chapters .chapter:has(a:hover):is(.active)::before {
  opacity: 1;
}

.chapters .chapter.active a, .chapters .chapter:has(a:hover) a {
  color: var(--col-bg);
}

.chapters .chapter a {
  text-decoration: none;
}

.chapters .chapter a::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: currentColor;
  opacity: 0.000001;
}

.chapters .chapter a:hover {
  background: transparent;
}

.row {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-xl);
  padding: var(--space-xxl) 0;
}

.row > * {
  width: var(--content-max-width);
}

.row > *.width--wide {
  width: var(--content-wide-width);
}

.row > *.width--full {
  width: 100%;
}

.site-header + .row {
  padding-top: var(--space-l);
}

:has(> .column) {
  --flex-grow-max: 12;
  --cols-max: 12;
  --cols-span: 1;
  --col-gap: var(--space-xxl);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: var(--col-gap);
  container-name: columns;
  container-type: inline-size;
}

:has(> .column) > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*box-shadow: inset 0 0 2em lime;*/
  min-width: var(--col-width);
  max-width: calc(var(--column-min-width) * var(--cols-span) * (var(--col-gap) * (var(--cols-span)-1)));
}

:has(> .column)[class*="cols--"] > * {
  --col-width: calc((100% - (var(--space-xxl) * (var(--cols-max) - 1)))/ var(--cols-max));
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  min-width: var(--col-width);
  width: max(var(--col-width),100%);
}

:has(> .column) > .column--1 {
  --cols-span: 1;
  -webkit-box-flex: min(var(--flex-grow-max),1);
      -ms-flex-positive: min(var(--flex-grow-max),1);
          flex-grow: min(var(--flex-grow-max),1);
}

:has(> .column).cols--1 {
  --cols-max: 1;
}

:has(> .column).cols--1 > .column--1 {
  -webkit-box-flex: min(var(--flex-grow-max),1);
      -ms-flex-positive: min(var(--flex-grow-max),1);
          flex-grow: min(var(--flex-grow-max),1);
}

:has(> .column).colmax--1 {
  --flex-grow-max: 1;
}

:has(> .column) > .column--2 {
  --cols-span: 2;
  -webkit-box-flex: min(var(--flex-grow-max),2);
      -ms-flex-positive: min(var(--flex-grow-max),2);
          flex-grow: min(var(--flex-grow-max),2);
}

:has(> .column).cols--2 {
  --cols-max: 2;
}

:has(> .column).cols--2 > .column--2 {
  -webkit-box-flex: min(var(--flex-grow-max),2);
      -ms-flex-positive: min(var(--flex-grow-max),2);
          flex-grow: min(var(--flex-grow-max),2);
}

:has(> .column).colmax--2 {
  --flex-grow-max: 2;
}

:has(> .column) > .column--3 {
  --cols-span: 3;
  -webkit-box-flex: min(var(--flex-grow-max),3);
      -ms-flex-positive: min(var(--flex-grow-max),3);
          flex-grow: min(var(--flex-grow-max),3);
}

:has(> .column).cols--3 {
  --cols-max: 3;
}

:has(> .column).cols--3 > .column--3 {
  -webkit-box-flex: min(var(--flex-grow-max),3);
      -ms-flex-positive: min(var(--flex-grow-max),3);
          flex-grow: min(var(--flex-grow-max),3);
}

:has(> .column).colmax--3 {
  --flex-grow-max: 3;
}

:has(> .column) > .column--4 {
  --cols-span: 4;
  -webkit-box-flex: min(var(--flex-grow-max),4);
      -ms-flex-positive: min(var(--flex-grow-max),4);
          flex-grow: min(var(--flex-grow-max),4);
}

:has(> .column).cols--4 {
  --cols-max: 4;
}

:has(> .column).cols--4 > .column--4 {
  -webkit-box-flex: min(var(--flex-grow-max),4);
      -ms-flex-positive: min(var(--flex-grow-max),4);
          flex-grow: min(var(--flex-grow-max),4);
}

:has(> .column).colmax--4 {
  --flex-grow-max: 4;
}

:has(> .column) > .column--5 {
  --cols-span: 5;
  -webkit-box-flex: min(var(--flex-grow-max),5);
      -ms-flex-positive: min(var(--flex-grow-max),5);
          flex-grow: min(var(--flex-grow-max),5);
}

:has(> .column).cols--5 {
  --cols-max: 5;
}

:has(> .column).cols--5 > .column--5 {
  -webkit-box-flex: min(var(--flex-grow-max),5);
      -ms-flex-positive: min(var(--flex-grow-max),5);
          flex-grow: min(var(--flex-grow-max),5);
}

:has(> .column).colmax--5 {
  --flex-grow-max: 5;
}

:has(> .column) > .column--6 {
  --cols-span: 6;
  -webkit-box-flex: min(var(--flex-grow-max),6);
      -ms-flex-positive: min(var(--flex-grow-max),6);
          flex-grow: min(var(--flex-grow-max),6);
}

:has(> .column).cols--6 {
  --cols-max: 6;
}

:has(> .column).cols--6 > .column--6 {
  -webkit-box-flex: min(var(--flex-grow-max),6);
      -ms-flex-positive: min(var(--flex-grow-max),6);
          flex-grow: min(var(--flex-grow-max),6);
}

:has(> .column).colmax--6 {
  --flex-grow-max: 6;
}

@container columns (width < 1000px) {
  :has(> .column) > * {
    --cols-max: 3;
  }
}

@container columns (width < 700px) {
  :has(> .column) > * {
    --cols-max: 2;
  }
}

@container columns (width < 500px) {
  :has(> .column) > * {
    --cols-max: 1;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.sectionHeading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--space-m) var(--space-l);
  container-name: sectionHeading;
  container-type: inline-size;
}

.sectionHeading > * {
  margin-bottom: 0;
}

@container sectionHeading (width > 80ch) {
  .sectionHeading :is(h2, h3, h4, h5, p) {
    width: 66.6%;
    max-width: var(--content-max-width);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .sectionHeading > p:not(:first-child) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 66.6%;
    max-width: var(--content-max-width);
  }
  .sectionHeading > .button {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

:root {
  --bible-bg: var(--bg-cloud-light);
  --bible-text: var(--col-text_b);
  --bible-ref-bg: var(--col-theme1);
}

.bible {
  padding: var(--space-l);
  background: var(--bible-bg, var(--col-theme3));
  overflow: hidden;
  border: 2px solid var(--col-theme3);
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 var(--space-m);
  --col-text: var(--bible-text);
  /*
	h3{
		--font-size: var(--font-size-m);
	}
	*/
}

.bible > :last-child, .bible > :last-child * {
  margin-bottom: 0;
  padding-bottom: 0;
}

.bible .chapternum {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.1em;
  line-height: 1;
  float: left;
  margin: 0 0.2em -0.1em 0;
  font-weight: var(--font-w-bold);
}

.bible .versenum {
  font-size: 0.6em;
}

.bible .poetry {
  margin-left: 5%;
}

.bible .poetry .indent-1 {
  margin-left: 2%;
}

.bible .poetry .indent-2 {
  margin-left: 4%;
}

.bible .poetry .indent-3 {
  margin-left: 6%;
}

.bible .reference {
  /*width: 2em;
		height: 2em;
		float: left;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size:  var(--font-size-xl);
		border: 1px solid currentColor;
		margin: 0 0.4em 0.0em 0;
		*/
  font-size: var(--font-size-m);
  color: var(--bible-bg);
  font-weight: var(--font-w-bold);
  margin-left: calc(var(--space-xl) * -1);
  margin-bottom: calc(0.1em + var(--space-s));
  padding: 0.5em var(--space-m) 0.5em calc(var(--space-xl) * 1);
  display: block;
  line-height: 1.2;
  position: relative;
  white-space: nowrap;
  z-index: 2;
  text-transform: uppercase;
  letter-spacing: 0.2ch;
}

.bible .reference::before {
  content: 'Read ';
}

.bible .reference::after {
  content: '';
  display: inline-block;
  width: 500px;
  z-index: -1;
  height: calc(1.2em + 0.6em);
  background: var(--bible-ref-bg);
  margin: -0.3em 0 -0.5em calc(var(--space-m) - 500px);
  position: absolute;
}

.bible :is(.poetry, p) + :is(h1, h2, h3, h4, h5, h6, h7) {
  margin-top: calc(0.1em + var(--space-l));
}

.bible :is(h1, h2, h3, h4, h5, h6, h7):has(+ :is(p, .poetry)) {
  margin-bottom: calc(0.1em + var(--space-s));
}

.pageTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: centre;
      -ms-flex-align: centre;
          align-items: centre;
  padding-top: var(--space-l);
  margin: 0 auto;
}

.pageTitle--hidden {
  opacity: 0.001;
  position: absolute;
  left: -110vw;
  width: 5vw;
  height: 10px;
  overflow: hidden;
}

.pageTitle > div {
  text-align: left;
}

.pageTitle > div > * {
  width: var(--content-max-width);
}

.pageTitle > div > :last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.pageTitle:has(p) > div {
  border-left: 4px solid currentColor;
  padding-left: var(--space-l);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pageTitle--centred {
  -webkit-box-align: centre;
      -ms-flex-align: centre;
          align-items: centre;
}

.pageTitle--centred * {
  text-align: center;
}

.pageTitle.width--wide {
  width: var(--content-wide-width);
}

.pageTitle.width--full {
  width: 100%;
}

.pagination {
  background: var(--col-text);
  display: block;
  padding: var(--space-s);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  container-name: pagination;
  container-type: inline-size;
}

.pagination a {
  color: var(--col-bg);
  font-size: var(--font-size-s);
  font-weight: var(--font-w-bold);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4ch;
  line-height: 1;
  padding: var(--space-s) var(--space-m);
  -webkit-box-shadow: inset 0 0 0 0 currentColor;
          box-shadow: inset 0 0 0 0 currentColor;
  -webkit-transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
  transition: background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s, background 0.2s, color 0.2s;
  transition: box-shadow 0.2s, background 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
}

.pagination a:active {
  color: var(--col-text);
  background: var(--col-bg);
}

.pagination a:hover {
  -webkit-box-shadow: inset 0 0 0 1px currentColor;
          box-shadow: inset 0 0 0 1px currentColor;
}

.pagination a.pagination__next::after, .pagination a.pagination__prev::before {
  content: '';
  width: 1.2em;
  height: 1.2em;
  display: block;
  background: currentColor;
  margin: -0.1em -0.5em;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.pagination a.pagination__next {
  margin-left: auto;
}

.pagination a.pagination__next::after {
  margin-left: 0;
}

.pagination a.pagination__prev {
  margin-right: auto;
}

.pagination a.pagination__prev::before {
  margin-right: 0;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

@container pagination (width < 40ch) {
  .pagination a span {
    display: none;
  }
}

.bible + .pagination {
  margin-top: var(--space-l);
}

article {
  padding: var(--space-xl) 0;
  margin: 0 0 var(--space-m);
}

article:first-child {
  padding-top: 0;
}

article:last-child {
  padding-bottom: 0;
}

article .question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--space-s);
}

article .question:not(:first-child) {
  margin-top: var(--space-l);
}

article .question > * {
  line-height: 1.2;
  font-size: var(--font-size-l);
  font-weight: var(--font-w-bold);
}

article .bible {
  padding: var(--space-m);
  margin: var(--space-m) 0 var(--space-l);
}

article .bible:first-child {
  margin-top: 0;
}

article .bible:last-child {
  margin-bottom: 0;
}

article > img,
article :not(figure) > img {
  max-width: 100%;
  margin: var(--space-l) auto;
}

article [class*="intro"] {
  padding: var(--space-xl);
  position: relative;
  margin-bottom: calc(2 * var(--space-xl));
  --font-size: 1.44rem;
  --font-size-xxl: clamp(2.88rem,calc(2vw + (2.592rem)),4.32rem);
  --font-size-xl: clamp(2.304rem,calc(1vw + (2.016rem)),2.88rem);
  --font-size-l: clamp(1.872rem,calc(1vw + (1.584rem)),2.304rem);
  --font-size-m: 1.44rem;
  --font-size-s: 1.152rem;
  --font-size-xs: 0.864rem;
}

article [class*="intro"] > * {
  position: relative;
  z-index: 2;
}

article [class*="intro"] > *:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

article [class*="intro"] > *:last-child > :last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

article [class*="intro"]::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: var(--col-theme3);
  opacity: 0.2;
  mix-blend-mode: screen;
  pointer-events: none;
}

article [class*="intro"] h2:first-child {
  font-size: var(--font-size-s);
  text-transform: uppercase;
}

:root {
  --hl-bg: var(--col-text);
  --hl-text: var(--col-bg);
}

.highlight {
  padding: var(--space-l);
  background: var(--hl-bg);
  overflow: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 var(--space-m);
  --col-text: var(--bible-text);
}

.highlight[style*="--col-bg"] {
  --hl-bg: var(--col-bg);
  --hl-text: var(--col-text);
}

.highlight * {
  --col-text: var(--hl-text);
}

.highlight > :last-child, .highlight > :last-child * {
  margin-bottom: 0;
  padding-bottom: 0;
}

.highlight :is(.poetry, p) + :is(h1, h2, h3, h4, h5, h6, h7) {
  margin-top: calc(0.1em + var(--space-l));
}

.highlight :is(h1, h2, h3, h4, h5, h6, h7):has(+ :is(p, .poetry)) {
  margin-bottom: calc(0.1em + var(--space-s));
}

.highlight ::-moz-selection {
  background: var(--hl-text);
  color: var(--hl-bg);
}

.highlight ::selection {
  background: var(--hl-text);
  color: var(--hl-bg);
}

.site-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--space-m);
  margin: 0 auto;
  padding: var(--space-m) 0;
  font-size: var(--font-size-m);
  width: var(--content-wide-width);
  max-height: 60px;
  -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  z-index: 300;
}

@media screen and (min-width: 768px) {
  .site-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.site-header .logo {
  font-size: var(--font-size-m);
  margin: var(--space-s) 0;
  z-index: 201;
  position: relative;
}

.site-header .nav {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@supports (position-anchor: --navHover) {
  @media screen and (min-width: 768px) {
    .site-header .nav .nav__group {
      position: relative;
      gap: 0;
    }
    .site-header .nav .nav__group:not(:hover):has(:not(:hover)):not(:has(.nav__item.selected)) {
      anchor-name: --navHover;
    }
    .site-header .nav .nav__group:not(:hover):has(:not(:hover)):not(:has(.nav__item.selected))::after {
      opacity: 0.00001;
      -webkit-transition: opacity 0.2s,left 0.2s,right 0.2s;
      transition: opacity 0.2s,left 0.2s,right 0.2s;
    }
    .site-header .nav .nav__group:has(:hover)::after {
      opacity: 1;
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
    }
    .site-header .nav .nav__group::after {
      content: '';
      display: block;
      background: currentColor;
      position-anchor: --navHover;
      position: absolute;
      height: var(--nav-underline-height);
      opacity: 1;
      left: calc(anchor(left) - 0.3em);
      right: calc(anchor(right) - 0.3em);
      bottom: calc(anchor(bottom) + 0.2em);
      -webkit-transform-origin: center;
              transform-origin: center;
      -webkit-transition: opacity 0.2s,left 0.2s,right 0.2s;
      transition: opacity 0.2s,left 0.2s,right 0.2s;
    }
    .site-header .nav .nav__group > .nav__item.selected, .site-header .nav .nav__group > .nav__item:has(a:hover) {
      anchor-name: --navHover;
    }
    .site-header .nav .nav__group > .nav__item a {
      position: relative;
    }
    .site-header .nav .nav__group > .nav__item a::after {
      display: none;
    }
  }
}

@media screen and (max-width: 767px) {
  .site-header .nav {
    position: absolute;
    right: 0;
    bottom: auto;
    left: 0;
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    opacity: 0.00001;
    z-index: 200;
    pointer-events: none;
    overflow: auto;
  }
  .site-header .nav .nav__group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: var(--font-size-l);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .site-header .nav .nav__group .nav__item {
    width: min(100%,8em);
  }
  .site-header .nav .nav__group .nav__item a {
    text-align: center;
  }
}

.site-header .nav__item {
  color: var(--col-text);
  text-decoration: none;
  font-size: 1em;
  position: relative;
}

.site-header .nav__item a {
  text-decoration: none;
  padding: var(--space-m);
  display: block;
  background: transparent;
}

.site-header .nav__item a::after {
  content: '';
  height: var(--link-underline-width);
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: currentColor;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.site-header .nav__item a:hover {
  color: var(--col-text);
}

.site-header .nav__item a:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.site-header .nav__item--hl {
  font-weight: var(--font-w-bold);
}

.site-header #menu-toggle {
  position: absolute;
  opacity: 0.00001;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .site-header:has(#menu-toggle:checked) {
    position: fixed;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: var(--space-l);
    padding-right: var(--space-l);
    min-height: 100vh;
    max-height: 100vh;
    overflow: auto;
    -webkit-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
    background-image: var(--bg-cloud);
    color: var(--col-text);
    background-size: 180% 120%;
    background-position: 0% 0%;
    background-attachment: fixed;
  }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
  .site-header:has(#menu-toggle:checked) {
    -webkit-animation: backgroundanim 23s ease infinite;
            animation: backgroundanim 23s ease infinite;
  }
}

@media screen and (max-width: 767px) {
  .site-header:has(#menu-toggle:checked):before {
    content: '';
    display: block;
    position: absolute;
    lefT: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--col-theme1);
    opacity: 0.4;
    mix-blend-mode: multiply;
  }
  .site-header:has(#menu-toggle:checked) .nav {
    opacity: 1;
    pointer-events: auto;
  }
}

.site-header [for="menu-toggle"] {
  text-indent: -9999em;
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 201;
  position: relative;
  margin-top: var(--space-s);
}

.site-header [for="menu-toggle"]::before {
  content: '';
  display: block;
  position: absolute;
  left: -1em;
  right: -1em;
  top: -1em;
  btootm: -1em;
  background: lime;
  opacity: 0.3;
}

@media screen and (min-width: 768px) {
  .site-header [for="menu-toggle"] {
    display: none;
  }
}

.site-header [for="menu-toggle"]::after {
  content: '';
  width: 1.4em;
  height: 1.4em;
  display: block;
  background: currentColor;
  overflow: hidden;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1 20 20'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M19 8H1c-.552 0-1 .448-1 1 0 .553.448 1 1 1h18c.552 0 1-.447 1-1 0-.552-.448-1-1-1Zm0 8H1c-.552 0-1 .448-1 1 0 .553.448 1 1 1h18c.552 0 1-.447 1-1 0-.552-.448-1-1-1ZM1 2h18c.552 0 1-.447 1-1 0-.552-.448-1-1-1H1C.448 0 0 .448 0 1c0 .553.448 1 1 1Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -1 20 20'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M19 8H1c-.552 0-1 .448-1 1 0 .553.448 1 1 1h18c.552 0 1-.447 1-1 0-.552-.448-1-1-1Zm0 8H1c-.552 0-1 .448-1 1 0 .553.448 1 1 1h18c.552 0 1-.447 1-1 0-.552-.448-1-1-1ZM1 2h18c.552 0 1-.447 1-1 0-.552-.448-1-1-1H1C.448 0 0 .448 0 1c0 .553.448 1 1 1Z'/%3E%3C/svg%3E");
}

.site-footer {
  font-size: 1em;
  position: relative;
}

.site-footer::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: var(--col-theme1);
  opacity: 0.4;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.site-footer > * {
  position: relative;
  z-index: 2;
}

.site-footer .nav {
  font-size: var(--font-size-sm);
}

@media screen and (min-width: 768px) {
  .site-footer .nav {
    width: 100%;
  }
}

.site-footer .nav + p {
  margin-top: 2em;
}

.site-footer .logo {
  font-size: var(--font-size-m);
  margin-bottom: 2em;
}

@media screen and (max-width: 1024px) {
  .tpl_read__chapter .content.width--wide .bible {
    border-left: none;
    border-right: none;
    margin-left: calc(0px - var(--space-l));
    margin-right: calc(0px - var(--space-l));
  }
  .tpl_read__chapter .content.width--wide .bible ~ .nav__chapters {
    margin-top: var(--space-l);
  }
}

@media screen and (min-width: 1220px) {
  .tpl_read__chapter .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0 var(--space-xxl);
  }
  .tpl_read__chapter .content > :is(h1, h2, h3) {
    width: 100%;
  }
  .tpl_read__chapter .content .nav__chapters {
    -ms-flex-preferred-size: var(--standard-split-l);
        flex-basis: var(--standard-split-l);
    position: sticky;
    top: var(--space-m);
  }
  .tpl_read__chapter .content .bible {
    -ms-flex-preferred-size: calc(var(--standard-split-r) - var(--space-xxl));
        flex-basis: calc(var(--standard-split-r) - var(--space-xxl));
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .tpl_read__chapter .content .bible + .pagination {
    -ms-flex-preferred-size: calc(var(--standard-split-r) - var(--space-xl) - var(--space-xl));
        flex-basis: calc(var(--standard-split-r) - var(--space-xl) - var(--space-xl));
    margin-left: auto;
  }
  .tpl_read__chapter .content .bible ~ .nav__chapters {
    display: none;
  }
}

@media screen and (min-width: 629.5px) {
  .tpl_discuss .nav--studies {
    padding-bottom: var(--space-xxl);
    overflow: hidden;
    border-bottom: var(--nav-underline-height) solid currentColor;
  }
}

@media screen and (min-width: 1220px) {
  .tpl_discuss div:has(article) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0 calc(var(--space-xxl) * 2);
  }
  .tpl_discuss div:has(article) .nav--studies {
    -ms-flex-preferred-size: var(--standard-split-l);
        flex-basis: var(--standard-split-l);
    position: sticky;
    border-bottom: none;
    overflow: visible;
    top: var(--space-m);
  }
  .tpl_discuss div:has(article) .nav--studies .nav__group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: var(--space-s) 0 !important;
  }
  .tpl_discuss div:has(article) .nav--studies .nav__group .nav__item {
    width: 100%;
    margin-bottom: var(--space-xs);
  }
  .tpl_discuss div:has(article) .nav--studies .nav__group .nav__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    font-size: calc(var(--font-size-l) * 0.9) !important;
  }
  .tpl_discuss div:has(article) .nav--studies .nav__group .nav__item a .icon {
    width: 2em;
    height: 2em;
    margin: 0 0.5em 0 0;
    font-size: 100% !important;
  }
  .tpl_discuss div:has(article) .nav--studies .nav__group .nav__item a b {
    display: block !important;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    font-size: 1em;
  }
  .tpl_discuss div:has(article) .nav--studies .nav__group .nav__item a b::before, .tpl_discuss div:has(article) .nav--studies .nav__group .nav__item a b::after {
    display: none !important;
  }
  .tpl_discuss div:has(article) .nav--studies .nav__group .nav__item a::after {
    content: '';
    opacity: 0;
    display: inline-block;
    position: relative;
    background: currentColor;
    height: var(--nav-underline-height);
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto !important;
    margin-left: 0.4em;
    margin-right: calc(var(--space-xxl)/-2) !important;
  }
  .tpl_discuss div:has(article) .nav--studies .nav__group .nav__item.active a::after {
    opacity: 1;
  }
  .tpl_discuss div:has(article) article {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-preferred-size: calc(var(--standard-split-r) - var(--space-xxl) - var(--space-xxl));
        flex-basis: calc(var(--standard-split-r) - var(--space-xxl) - var(--space-xxl));
    position: relative;
    padding-top: 0;
  }
  .tpl_discuss div:has(article) article::before {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: calc(var(--space-xxl)/-0.66);
    top: 0;
    bottom: 0;
    width: var(--nav-underline-height);
    background: currentColor;
  }
}