@charset "UTF-8";
:root {
  color-scheme: light;
  --n-0: #FFF;
  --n-50: #FCF8F6;
  --n-100: #F2ECE9;
  --n-300: #DCD5D1;
  --n-500: #8A8380;
  --n-600: #5F5C5A;
  --n-700: #4F4C4A;
  --n-900: #1A1A1A;
  --accent: #D42C72;
  --accent-hover: #B82461;
  --accent-tint: #F4E3E6;
  --on-accent: #FFF;
  --accent-on-tint: #B82461;
  --error: #C63D3D;
  --success: #2E7D32;
  --surface: rgba(255, 255, 255, 0.42);
  --border: rgba(255, 255, 255, 0.8);
  --blur: blur(20px) saturate(1.1);
  --shadow-sm: 0 2px 8px rgba(26, 26, 26, 0.06);
  --shadow-md: 0 8px 24px rgba(26, 26, 26, 0.1);
  --shadow-lg: 0 16px 40px rgba(26, 26, 26, 0.15);
  --decor-pink: #F15C8D;
  --decor-warm: #FFB24D;
  --accent-on-dark: #F15C8D;
  --dark: #0D0D11;
  --dark-fg: #FCF8F6;
  --dark-muted: #A39C99;
  --overlay: rgba(13, 13, 17, 0.45);
  --decor-blob: url("../images/decor-blob.png");
  --primary-font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bg: var(--n-50);
  --bg-sunken: var(--n-100);
  --text: var(--n-900);
  --text-muted: var(--n-600);
  --icon: var(--accent);
  --icon-quiet: var(--accent);
  --border-input: var(--n-500);
  --rule: var(--n-300);
  --focus-ring: var(--accent);
  --card-accent: var(--accent);
  --inverse: var(--bg);
  --body-color: var(--text);
  --body-bg: var(--bg);
  --link-color: var(--accent);
  --link-hover-color: var(--accent-hover);
  --shadow-main: var(--shadow-sm);
  --spacing-0: 0;
  --spacing-px: 1px;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 1.75rem;
  --spacing-8: 2rem;
  --spacing-9: 2.25rem;
  --spacing-10: 2.5rem;
  --spacing-11: 2.75rem;
  --spacing-12: 3rem;
  --spacing-14: 3.5rem;
  --spacing-16: 4rem;
  --spacing-20: 5rem;
  --spacing-24: 6rem;
  --spacing-28: 7rem;
  --spacing-30: 7.5rem;
  --spacing-32: 8rem;
  --spacing-36: 9rem;
  --spacing-40: 10rem;
  --spacing-44: 11rem;
  --spacing-48: 12rem;
  --spacing-52: 13rem;
  --spacing-56: 14rem;
  --spacing-60: 15rem;
  --spacing-64: 16rem;
  --spacing-72: 18rem;
  --spacing-80: 20rem;
  --spacing-96: 24rem;
  --spacing-112: 28.125rem;
  --module-spacing-none: 0;
  --module-spacing-xs: 1rem;
  --module-spacing-sm: 1.5rem;
  --module-spacing-md: 2rem;
  --module-spacing-lg: 3rem;
  --module-spacing-xl: 4rem;
  --template-spacing-none: 0;
  --template-spacing-xxs: 2.5rem;
  --template-spacing-xs: 4rem;
  --template-spacing-sm: 5rem;
  --template-spacing-md: 6rem;
  --template-spacing-lg: 7.5rem;
  --template-spacing-xl: 10rem;
  --template-spacing-2xl: 12.5rem;
  --font-size-h1: 2.25rem;
  --line-height-h1: 2.4375rem;
  --font-size-h2: 1.625rem;
  --line-height-h2: 2.0625rem;
  --font-size-h3: 1.125rem;
  --line-height-h3: 1.5625rem;
  --font-size-metric: 2rem;
  --line-height-metric: 2.25rem;
  --font-size-body: 0.9375rem;
  --line-height-body: 1.5rem;
  --font-size-lead: 1.0625rem;
  --line-height-lead: 1.75rem;
  --font-size-small: 0.8125rem;
  --line-height-small: 1.25rem;
  --font-size-eyebrow: 0.75rem;
  --line-height-eyebrow: 1rem;
  --ls-h1: -0.02em;
  --ls-h2: -0.01em;
  --ls-label: -0.005em;
  --eyebrow-track: 0.08em;
  --icon-size: 1.25rem;
  --icon-stroke: 1.5;
  --content-width: 90rem;
  --content-padding: 1.25rem;
  --grid-column-gap: 0.75rem;
  --grid-row-gap: 1.5rem;
  --panel-pad: 1.25rem;
  --sec-y: 6rem;
  --sec-y-compact: 5rem;
  --base-margin: var(--sec-y);
  --base-padding: var(--sec-y);
  --module-margin: var(--module-spacing-md);
  --r-sm: 0.5rem;
  --r-md: 1rem;
  --r-lg: 1.5rem;
  --r-pill: 999px;
  --btn-h: 2.75rem;
  --btn-h-lg: 3rem;
  --input-h: 3.5rem;
  --tap-min: 2.75rem;
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --p-margin: var(--spacing-6);
  --tr: 0.2s;
  --z-header: 60;
  --z-overlay: 65;
  --z-dropdown: 70;
  --form-input-border-color: var(--border-input);
  --form-input-bg-color: var(--surface);
  --form-input-color: var(--text);
  --form-input-border-radius: var(--r-md);
  --form-row-gap: 0.5rem;
  --form-column-gap: 0.5rem;
  --form-checkbox-color-active: var(--accent);
  --form-checkbox-color: var(--text);
  --form-checkbox-bg: transparent;
}

:root[data-theme=dark] {
  color-scheme: dark;
  --n-0: #17171B;
  --n-50: #0D0D11;
  --n-100: #1F1F24;
  --n-300: #3A3A42;
  --n-500: #6E6862;
  --n-600: #A39C99;
  --n-700: #9A938F;
  --n-900: #FCF8F6;
  --accent: #F15C8D;
  --accent-hover: #F8809F;
  --accent-tint: #2A1620;
  --accent-on-tint: #F15C8D;
  --on-accent: #1A1A1A;
  --error: #FF8A80;
  --success: #7FD18A;
  --surface: #1C1C1F;
  --border: rgba(255, 255, 255, 0.14);
  --blur: blur(22px) brightness(1.3) saturate(1.15);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.65);
  --decor-pink: #F15C8D;
  --decor-warm: #FFB24D;
  --accent-on-dark: #F15C8D;
  --dark: #0D0D11;
  --dark-fg: #FCF8F6;
  --dark-muted: #A39C99;
  --overlay: rgba(0, 0, 0, 0.65);
  --decor-blob: url("../images/decor-blob-dark.png");
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    color-scheme: dark;
    --n-0: #17171B;
    --n-50: #0D0D11;
    --n-100: #1F1F24;
    --n-300: #3A3A42;
    --n-500: #6E6862;
    --n-600: #A39C99;
    --n-700: #9A938F;
    --n-900: #FCF8F6;
    --accent: #F15C8D;
    --accent-hover: #F8809F;
    --accent-tint: #2A1620;
    --accent-on-tint: #F15C8D;
    --on-accent: #1A1A1A;
    --error: #FF8A80;
    --success: #7FD18A;
    --surface: #1C1C1F;
    --border: rgba(255, 255, 255, 0.14);
    --blur: blur(22px) brightness(1.3) saturate(1.15);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.65);
    --decor-pink: #F15C8D;
    --decor-warm: #FFB24D;
    --accent-on-dark: #F15C8D;
    --dark: #0D0D11;
    --dark-fg: #FCF8F6;
    --dark-muted: #A39C99;
    --overlay: rgba(0, 0, 0, 0.65);
    --decor-blob: url("../images/decor-blob-dark.png");
  }
}
@media only screen and (min-width: 48em) {
  :root {
    --content-padding: 2rem;
    --grid-column-gap: 1rem;
    --panel-pad: 1.5rem;
    --sec-y: 8rem;
    --sec-y-compact: 6rem;
    --font-size-h1: 2.625rem;
    --line-height-h1: 2.8125rem;
    --font-size-h2: 1.75rem;
    --line-height-h2: 2.1875rem;
    --font-size-h3: 1.125rem;
    --line-height-h3: 1.5625rem;
    --font-size-metric: 2.25rem;
    --line-height-metric: 2.5rem;
  }
}
@media only screen and (min-width: 64em) {
  :root {
    --content-padding: 3rem;
    --grid-column-gap: 1.25rem;
    --panel-pad: 2rem;
    --sec-y: 10rem;
    --sec-y-compact: 7.5rem;
    --font-size-h1: 3rem;
    --line-height-h1: 3.25rem;
    --font-size-h2: 2rem;
    --line-height-h2: 2.5rem;
    --font-size-h3: 1.25rem;
    --line-height-h3: 1.75rem;
    --font-size-metric: 2.5rem;
    --line-height-metric: 2.75rem;
  }
}
@media only screen and (min-width: 90em) {
  :root {
    --content-padding: 5rem;
    --grid-column-gap: 1.5rem;
    --panel-pad: 2.5rem;
    --font-size-h1: 3.25rem;
    --line-height-h1: 3.5rem;
    --font-size-h2: 2rem;
    --line-height-h2: 2.5rem;
    --font-size-h3: 1.25rem;
    --line-height-h3: 1.75rem;
    --font-size-metric: 2.5rem;
    --line-height-metric: 2.75rem;
  }
}
html[lang^=uk] {
  --eyebrow-track: 0.06em;
}

@keyframes splide-loading {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s infinite linear;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__play {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@font-face {
  font-family: Manrope;
  src: url("../fonts/Manrope-Variable-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: Manrope;
  src: url("../fonts/Manrope-Variable-latin-ext.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Manrope;
  src: url("../fonts/Manrope-Variable-cyrillic.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: Manrope;
  src: url("../fonts/Manrope-Variable-cyrillic-ext.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
html {
  box-sizing: border-box;
  font-size: 100%;
}

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

body {
  margin: 0;
  background: var(--body-bg);
  padding: 0;
  color: var(--body-color);
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
}
body strong,
body b {
  font-weight: 700;
}

:focus-visible {
  outline: 0.125rem solid var(--focus-ring);
  outline-offset: 0.1875rem;
}

.content-block {
  margin-top: var(--template-spacing-md);
}

img {
  display: inline-block;
  vertical-align: middle;
  border: 0;
  max-width: 100%;
  height: auto;
}

a {
  transition: color var(--tr);
  color: var(--link-color);
  text-decoration: underline;
}
a:hover, a:focus, a:active {
  --link-color: var(--link-hover-color);
  text-decoration: none;
}

p {
  margin: 0 0 var(--p-margin);
  padding: 0;
}
p:where(:last-of-type) {
  margin-bottom: 0;
}

small {
  font-size: 80%;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-size: 100%;
  font-family: inherit;
}

button {
  border: 0;
  background: none;
  padding: 0;
}

[type=search] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  outline-offset: -0.125rem;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: none;
          appearance: none;
  font: inherit;
}

b,
strong {
  font-weight: 700;
}

video,
svg {
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1 {
  font-weight: 700;
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h1);
}

h2 {
  font-weight: 700;
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h2);
}

h3 {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
}

h4 {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
}

h5 {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
}

h6 {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
}

.p-tag {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  font-weight: 600;
}

.icon,
[class*=__icon]:not(:where(.button)),
[class*=-icon]:not(:where(.button)) {
  display: block;
  flex: 0 0 auto;
  width: var(--icon-size);
  height: var(--icon-size);
  color: var(--icon);
}
.icon svg,
[class*=__icon]:not(:where(.button)) svg,
[class*=-icon]:not(:where(.button)) svg {
  display: block;
  width: 100%;
  height: 100%;
}
.icon img,
[class*=__icon]:not(:where(.button)) img,
[class*=-icon]:not(:where(.button)) img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

svg * {
  vector-effect: non-scaling-stroke;
  stroke-width: var(--icon-stroke);
}

.button [class*=-icon],
.button [class*=__icon],
a [class*=-icon],
a [class*=__icon] {
  color: inherit;
}

[class*=__check] {
  display: block;
  flex: 0 0 auto;
  margin-top: 0.25em;
  width: 0.875rem;
  height: auto;
  color: var(--icon-quiet);
}
[class*=__check] svg {
  display: block;
  width: 100%;
  height: auto;
}

.bg-dark {
  --link-color: var(--inverse);
  --link-hover-color: var(--inverse);
  --body-color: var(--inverse);
  --form-input-border-color: var(--inverse);
  --form-input-bg-color: transparent;
  --form-input-color: var(--inverse);
  --form-checkbox-color-active: var(--inverse);
  --color-shadow: var(--inverse);
  color: var(--inverse);
}
.bg-dark .button {
  --button-bg: var(--n-0);
  --button-color: var(--text);
  --button-border: var(--n-0);
}
.bg-dark .button--outline, .bg-dark .button--outlined {
  --button-bg: var(--text);
  --button-color: var(--n-0);
  --button-border: var(--n-0);
}
.bg-dark .button--outline:hover, .bg-dark .button--outlined:hover {
  --button-color: var(--n-0);
}
.bg-dark .button--arrow {
  --button-color: var(--body-color);
  --button-bg: transparent;
  --button-border: transparent;
  --button-paddings: 0;
  --button-radius: 0;
}

.bg-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.bg-container img,
.bg-container video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bg-container + * {
  position: relative;
  z-index: 1;
}

.bg-image.bg-dark .overlay,
.bg-video .overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  pointer-events: none;
}
.bg-image.bg-dark .bg-container,
.bg-video .bg-container {
  background: var(--text);
}

.grid-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 var(--content-padding);
  max-width: var(--content-width);
}

main.content {
  flex-grow: 1;
  overflow: hidden;
  overflow: clip;
}

.site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.site > * {
  width: 100%;
}

section.content-block.protected {
  margin-top: 7.5rem;
}
section.content-block.protected .post-password-form input[type=password] {
  margin-bottom: 1.5625rem;
  outline: none;
  border: 0.125rem solid var(--text);
  border-radius: var(--r-md);
  padding: 0.625rem 1.5rem;
  width: 100%;
  height: 3.5rem;
}
section.content-block.protected .post-password-form input[type=submit]:hover {
  color: var(--text);
}

.grid-x {
  display: flex;
  column-gap: var(--grid-column-gap);
  row-gap: var(--grid-row-gap);
  flex-wrap: wrap;
}

@media only screen and (min-width: 48em) {
  .container-width-1 {
    width: calc(8.3333333333% * 1 - (12 / 1 - 1) * var(--grid-column-gap) / (12 / 1));
  }
}
@media only screen and (min-width: 48em) {
  .container-width-2 {
    width: calc(8.3333333333% * 2 - (12 / 2 - 1) * var(--grid-column-gap) / (12 / 2));
  }
}
@media only screen and (min-width: 48em) {
  .container-width-3 {
    width: calc(8.3333333333% * 3 - (12 / 3 - 1) * var(--grid-column-gap) / (12 / 3));
  }
}
@media only screen and (min-width: 48em) {
  .container-width-4 {
    width: calc(8.3333333333% * 4 - (12 / 4 - 1) * var(--grid-column-gap) / (12 / 4));
  }
}
@media only screen and (min-width: 48em) {
  .container-width-5 {
    width: calc(8.3333333333% * 5 - (12 / 5 - 1) * var(--grid-column-gap) / (12 / 5));
  }
}
@media only screen and (min-width: 48em) {
  .container-width-6 {
    width: calc(8.3333333333% * 6 - (12 / 6 - 1) * var(--grid-column-gap) / (12 / 6));
  }
}
@media only screen and (min-width: 48em) {
  .container-width-7 {
    width: calc(8.3333333333% * 7 - (12 / 7 - 1) * var(--grid-column-gap) / (12 / 7));
  }
}
@media only screen and (min-width: 48em) {
  .container-width-8 {
    width: calc(8.3333333333% * 8 - (12 / 8 - 1) * var(--grid-column-gap) / (12 / 8));
  }
}
@media only screen and (min-width: 48em) {
  .container-width-9 {
    width: calc(8.3333333333% * 9 - (12 / 9 - 1) * var(--grid-column-gap) / (12 / 9));
  }
}
@media only screen and (min-width: 48em) {
  .container-width-10 {
    width: calc(8.3333333333% * 10 - (12 / 10 - 1) * var(--grid-column-gap) / (12 / 10));
  }
}
@media only screen and (min-width: 48em) {
  .container-width-11 {
    width: calc(8.3333333333% * 11 - (12 / 11 - 1) * var(--grid-column-gap) / (12 / 11));
  }
}
@media only screen and (min-width: 48em) {
  .container-width-12 {
    width: calc(8.3333333333% * 12 - (12 / 12 - 1) * var(--grid-column-gap) / (12 / 12));
  }
}
.cell {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
}
.cell.is-card {
  --link-color: var(--text);
  --link-hover-color: var(--text);
  --body-color: var(--text);
  --form-input-border-color: var(--text);
  --form-input-bg-color: transparent;
  --form-input-color: var(--text);
  --form-checkbox-color-active: var(--text);
  box-shadow: 4px 8px 64px rgba(0, 0, 0, 0.16);
  border-radius: 1rem;
  background: var(--n-0);
  padding: 3rem var(--content-padding);
  color: var(--text);
}
.cell.is-card .button {
  --button-bg: var(--text);
  --button-color: var(--n-0);
  --button-border: var(--text);
}
.cell.is-card .button--outline, .cell.is-card .button--outlined {
  --button-bg: var(--n-0);
  --button-color: var(--text);
  --button-border: var(--text);
}
.cell.is-card .button--outline:hover, .cell.is-card .button--outlined:hover {
  --button-color: var(--text);
}
@media only screen and (min-width: 64em) {
  .cell.is-card {
    padding: 4rem;
  }
}
.cell.is-card:only-child {
  box-shadow: 0 4px 48px rgba(0, 0, 0, 0.1);
  border-radius: 1.5rem;
}
@media only screen and (min-width: 48em) {
  .cell.is-card:only-child {
    padding: 4.5rem 4rem;
  }
  .cell.is-card:only-child:has(.accordion--faq) .cell__inner {
    margin-right: auto;
    margin-left: auto;
    max-width: 64.25rem;
  }
}

.grid-padding-x {
  column-gap: 0;
}
.grid-padding-x .cell {
  padding-right: var(--grid-column-gap);
  padding-left: var(--grid-column-gap);
}

@media only screen {
  .small-1 {
    width: calc(8.3333333333% * 1 - (12 / 1 - 1) * var(--grid-column-gap) / (12 / 1));
  }
}

@media only screen {
  .grid-padding-x > .small-1 {
    width: calc(100% / (12 / 1));
  }
}

@media only screen {
  .small-2 {
    width: calc(8.3333333333% * 2 - (12 / 2 - 1) * var(--grid-column-gap) / (12 / 2));
  }
}

@media only screen {
  .grid-padding-x > .small-2 {
    width: calc(100% / (12 / 2));
  }
}

@media only screen {
  .small-3 {
    width: calc(8.3333333333% * 3 - (12 / 3 - 1) * var(--grid-column-gap) / (12 / 3));
  }
}

@media only screen {
  .grid-padding-x > .small-3 {
    width: calc(100% / (12 / 3));
  }
}

@media only screen {
  .small-4 {
    width: calc(8.3333333333% * 4 - (12 / 4 - 1) * var(--grid-column-gap) / (12 / 4));
  }
}

@media only screen {
  .grid-padding-x > .small-4 {
    width: calc(100% / (12 / 4));
  }
}

@media only screen {
  .small-5 {
    width: calc(8.3333333333% * 5 - (12 / 5 - 1) * var(--grid-column-gap) / (12 / 5));
  }
}

@media only screen {
  .grid-padding-x > .small-5 {
    width: calc(100% / (12 / 5));
  }
}

@media only screen {
  .small-6 {
    width: calc(8.3333333333% * 6 - (12 / 6 - 1) * var(--grid-column-gap) / (12 / 6));
  }
}

@media only screen {
  .grid-padding-x > .small-6 {
    width: calc(100% / (12 / 6));
  }
}

@media only screen {
  .small-7 {
    width: calc(8.3333333333% * 7 - (12 / 7 - 1) * var(--grid-column-gap) / (12 / 7));
  }
}

@media only screen {
  .grid-padding-x > .small-7 {
    width: calc(100% / (12 / 7));
  }
}

@media only screen {
  .small-8 {
    width: calc(8.3333333333% * 8 - (12 / 8 - 1) * var(--grid-column-gap) / (12 / 8));
  }
}

@media only screen {
  .grid-padding-x > .small-8 {
    width: calc(100% / (12 / 8));
  }
}

@media only screen {
  .small-9 {
    width: calc(8.3333333333% * 9 - (12 / 9 - 1) * var(--grid-column-gap) / (12 / 9));
  }
}

@media only screen {
  .grid-padding-x > .small-9 {
    width: calc(100% / (12 / 9));
  }
}

@media only screen {
  .small-10 {
    width: calc(8.3333333333% * 10 - (12 / 10 - 1) * var(--grid-column-gap) / (12 / 10));
  }
}

@media only screen {
  .grid-padding-x > .small-10 {
    width: calc(100% / (12 / 10));
  }
}

@media only screen {
  .small-11 {
    width: calc(8.3333333333% * 11 - (12 / 11 - 1) * var(--grid-column-gap) / (12 / 11));
  }
}

@media only screen {
  .grid-padding-x > .small-11 {
    width: calc(100% / (12 / 11));
  }
}

@media only screen {
  .small-12 {
    width: calc(8.3333333333% * 12 - (12 / 12 - 1) * var(--grid-column-gap) / (12 / 12));
  }
}

@media only screen {
  .grid-padding-x > .small-12 {
    width: calc(100% / (12 / 12));
  }
}

@media only screen and (min-width: 48em) {
  .medium-1 {
    width: calc(8.3333333333% * 1 - (12 / 1 - 1) * var(--grid-column-gap) / (12 / 1));
  }
}

@media only screen and (min-width: 48em) {
  .grid-padding-x > .medium-1 {
    width: calc(100% / (12 / 1));
  }
}

@media only screen and (min-width: 48em) {
  .medium-2 {
    width: calc(8.3333333333% * 2 - (12 / 2 - 1) * var(--grid-column-gap) / (12 / 2));
  }
}

@media only screen and (min-width: 48em) {
  .grid-padding-x > .medium-2 {
    width: calc(100% / (12 / 2));
  }
}

@media only screen and (min-width: 48em) {
  .medium-3 {
    width: calc(8.3333333333% * 3 - (12 / 3 - 1) * var(--grid-column-gap) / (12 / 3));
  }
}

@media only screen and (min-width: 48em) {
  .grid-padding-x > .medium-3 {
    width: calc(100% / (12 / 3));
  }
}

@media only screen and (min-width: 48em) {
  .medium-4 {
    width: calc(8.3333333333% * 4 - (12 / 4 - 1) * var(--grid-column-gap) / (12 / 4));
  }
}

@media only screen and (min-width: 48em) {
  .grid-padding-x > .medium-4 {
    width: calc(100% / (12 / 4));
  }
}

@media only screen and (min-width: 48em) {
  .medium-5 {
    width: calc(8.3333333333% * 5 - (12 / 5 - 1) * var(--grid-column-gap) / (12 / 5));
  }
}

@media only screen and (min-width: 48em) {
  .grid-padding-x > .medium-5 {
    width: calc(100% / (12 / 5));
  }
}

@media only screen and (min-width: 48em) {
  .medium-6 {
    width: calc(8.3333333333% * 6 - (12 / 6 - 1) * var(--grid-column-gap) / (12 / 6));
  }
}

@media only screen and (min-width: 48em) {
  .grid-padding-x > .medium-6 {
    width: calc(100% / (12 / 6));
  }
}

@media only screen and (min-width: 48em) {
  .medium-7 {
    width: calc(8.3333333333% * 7 - (12 / 7 - 1) * var(--grid-column-gap) / (12 / 7));
  }
}

@media only screen and (min-width: 48em) {
  .grid-padding-x > .medium-7 {
    width: calc(100% / (12 / 7));
  }
}

@media only screen and (min-width: 48em) {
  .medium-8 {
    width: calc(8.3333333333% * 8 - (12 / 8 - 1) * var(--grid-column-gap) / (12 / 8));
  }
}

@media only screen and (min-width: 48em) {
  .grid-padding-x > .medium-8 {
    width: calc(100% / (12 / 8));
  }
}

@media only screen and (min-width: 48em) {
  .medium-9 {
    width: calc(8.3333333333% * 9 - (12 / 9 - 1) * var(--grid-column-gap) / (12 / 9));
  }
}

@media only screen and (min-width: 48em) {
  .grid-padding-x > .medium-9 {
    width: calc(100% / (12 / 9));
  }
}

@media only screen and (min-width: 48em) {
  .medium-10 {
    width: calc(8.3333333333% * 10 - (12 / 10 - 1) * var(--grid-column-gap) / (12 / 10));
  }
}

@media only screen and (min-width: 48em) {
  .grid-padding-x > .medium-10 {
    width: calc(100% / (12 / 10));
  }
}

@media only screen and (min-width: 48em) {
  .medium-11 {
    width: calc(8.3333333333% * 11 - (12 / 11 - 1) * var(--grid-column-gap) / (12 / 11));
  }
}

@media only screen and (min-width: 48em) {
  .grid-padding-x > .medium-11 {
    width: calc(100% / (12 / 11));
  }
}

@media only screen and (min-width: 48em) {
  .medium-12 {
    width: calc(8.3333333333% * 12 - (12 / 12 - 1) * var(--grid-column-gap) / (12 / 12));
  }
}

@media only screen and (min-width: 48em) {
  .grid-padding-x > .medium-12 {
    width: calc(100% / (12 / 12));
  }
}

@media only screen and (min-width: 64em) {
  .large-1 {
    width: calc(8.3333333333% * 1 - (12 / 1 - 1) * var(--grid-column-gap) / (12 / 1));
  }
}

@media only screen and (min-width: 64em) {
  .grid-padding-x > .large-1 {
    width: calc(100% / (12 / 1));
  }
}

@media only screen and (min-width: 64em) {
  .large-2 {
    width: calc(8.3333333333% * 2 - (12 / 2 - 1) * var(--grid-column-gap) / (12 / 2));
  }
}

@media only screen and (min-width: 64em) {
  .grid-padding-x > .large-2 {
    width: calc(100% / (12 / 2));
  }
}

@media only screen and (min-width: 64em) {
  .large-3 {
    width: calc(8.3333333333% * 3 - (12 / 3 - 1) * var(--grid-column-gap) / (12 / 3));
  }
}

@media only screen and (min-width: 64em) {
  .grid-padding-x > .large-3 {
    width: calc(100% / (12 / 3));
  }
}

@media only screen and (min-width: 64em) {
  .large-4 {
    width: calc(8.3333333333% * 4 - (12 / 4 - 1) * var(--grid-column-gap) / (12 / 4));
  }
}

@media only screen and (min-width: 64em) {
  .grid-padding-x > .large-4 {
    width: calc(100% / (12 / 4));
  }
}

@media only screen and (min-width: 64em) {
  .large-5 {
    width: calc(8.3333333333% * 5 - (12 / 5 - 1) * var(--grid-column-gap) / (12 / 5));
  }
}

@media only screen and (min-width: 64em) {
  .grid-padding-x > .large-5 {
    width: calc(100% / (12 / 5));
  }
}

@media only screen and (min-width: 64em) {
  .large-6 {
    width: calc(8.3333333333% * 6 - (12 / 6 - 1) * var(--grid-column-gap) / (12 / 6));
  }
}

@media only screen and (min-width: 64em) {
  .grid-padding-x > .large-6 {
    width: calc(100% / (12 / 6));
  }
}

@media only screen and (min-width: 64em) {
  .large-7 {
    width: calc(8.3333333333% * 7 - (12 / 7 - 1) * var(--grid-column-gap) / (12 / 7));
  }
}

@media only screen and (min-width: 64em) {
  .grid-padding-x > .large-7 {
    width: calc(100% / (12 / 7));
  }
}

@media only screen and (min-width: 64em) {
  .large-8 {
    width: calc(8.3333333333% * 8 - (12 / 8 - 1) * var(--grid-column-gap) / (12 / 8));
  }
}

@media only screen and (min-width: 64em) {
  .grid-padding-x > .large-8 {
    width: calc(100% / (12 / 8));
  }
}

@media only screen and (min-width: 64em) {
  .large-9 {
    width: calc(8.3333333333% * 9 - (12 / 9 - 1) * var(--grid-column-gap) / (12 / 9));
  }
}

@media only screen and (min-width: 64em) {
  .grid-padding-x > .large-9 {
    width: calc(100% / (12 / 9));
  }
}

@media only screen and (min-width: 64em) {
  .large-10 {
    width: calc(8.3333333333% * 10 - (12 / 10 - 1) * var(--grid-column-gap) / (12 / 10));
  }
}

@media only screen and (min-width: 64em) {
  .grid-padding-x > .large-10 {
    width: calc(100% / (12 / 10));
  }
}

@media only screen and (min-width: 64em) {
  .large-11 {
    width: calc(8.3333333333% * 11 - (12 / 11 - 1) * var(--grid-column-gap) / (12 / 11));
  }
}

@media only screen and (min-width: 64em) {
  .grid-padding-x > .large-11 {
    width: calc(100% / (12 / 11));
  }
}

@media only screen and (min-width: 64em) {
  .large-12 {
    width: calc(8.3333333333% * 12 - (12 / 12 - 1) * var(--grid-column-gap) / (12 / 12));
  }
}

@media only screen and (min-width: 64em) {
  .grid-padding-x > .large-12 {
    width: calc(100% / (12 / 12));
  }
}

.alignleft,
.alignright,
.alignnone,
.aligncenter {
  --image-spacing: var(--module-spacing-md);
  display: block;
  float: none;
  margin-right: auto;
  margin-left: auto;
  height: auto;
}
@media only screen and (min-width: 0em) and (max-width: 47.99609375em) {
  .alignleft + p, p + .alignleft,
  .alignright + p,
  p + .alignright,
  .alignnone + p,
  p + .alignnone,
  .aligncenter + p,
  p + .aligncenter {
    margin-top: var(--p-margin);
  }
}

.alignnone + p, p + .alignnone,
.aligncenter + p,
p + .aligncenter {
  margin-top: var(--p-margin);
}

@media only screen and (min-width: 48em) {
  .alignleft {
    float: left;
    margin-top: var(--image-spacing);
    margin-right: var(--image-spacing);
    margin-bottom: var(--image-spacing);
  }
  .alignright {
    float: right;
    margin-top: var(--image-spacing);
    margin-bottom: var(--image-spacing);
    margin-left: var(--image-spacing);
  }
  .alignnone {
    margin-right: 0;
    margin-left: 0;
  }
}
.is-accent {
  color: var(--accent);
}

.is-unit {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  vertical-align: baseline;
  font-weight: 700;
}

.is-strong {
  color: var(--text);
  font-weight: 700;
}

.mt-none {
  margin-top: 0 !important;
}

.mb-none {
  margin-bottom: 0 !important;
}

.bg-black {
  background-color: var(--black) !important;
}
.bg-black + .bg-black {
  margin-top: 0;
  padding-top: 0;
}

.bg-blue {
  background-color: var(--blue) !important;
}
.bg-blue + .bg-blue {
  margin-top: 0;
  padding-top: 0;
}

.bg-blue-dark {
  background-color: var(--blue-dark) !important;
}
.bg-blue-dark + .bg-blue-dark {
  margin-top: 0;
  padding-top: 0;
}

.bg-blue-light {
  background-color: var(--blue-light) !important;
}
.bg-blue-light + .bg-blue-light {
  margin-top: 0;
  padding-top: 0;
}

.bg-grey {
  background-color: var(--grey) !important;
}
.bg-grey + .bg-grey {
  margin-top: 0;
  padding-top: 0;
}

.bg-grey-light {
  background-color: var(--grey-light) !important;
}
.bg-grey-light + .bg-grey-light {
  margin-top: 0;
  padding-top: 0;
}

.mt-0 {
  margin-top: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.mt-px {
  margin-top: 1px !important;
}

.pt-px {
  padding-top: 1px !important;
}

.mb-px {
  margin-bottom: 1px !important;
}

.pb-px {
  padding-bottom: 1px !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.mt-5 {
  margin-top: 1.25rem !important;
}

.pt-5 {
  padding-top: 1.25rem !important;
}

.mb-5 {
  margin-bottom: 1.25rem !important;
}

.pb-5 {
  padding-bottom: 1.25rem !important;
}

.mt-6 {
  margin-top: 1.5rem !important;
}

.pt-6 {
  padding-top: 1.5rem !important;
}

.mb-6 {
  margin-bottom: 1.5rem !important;
}

.pb-6 {
  padding-bottom: 1.5rem !important;
}

.mt-7 {
  margin-top: 1.75rem !important;
}

.pt-7 {
  padding-top: 1.75rem !important;
}

.mb-7 {
  margin-bottom: 1.75rem !important;
}

.pb-7 {
  padding-bottom: 1.75rem !important;
}

.mt-8 {
  margin-top: 2rem !important;
}

.pt-8 {
  padding-top: 2rem !important;
}

.mb-8 {
  margin-bottom: 2rem !important;
}

.pb-8 {
  padding-bottom: 2rem !important;
}

.mt-9 {
  margin-top: 2.25rem !important;
}

.pt-9 {
  padding-top: 2.25rem !important;
}

.mb-9 {
  margin-bottom: 2.25rem !important;
}

.pb-9 {
  padding-bottom: 2.25rem !important;
}

.mt-10 {
  margin-top: 2.5rem !important;
}

.pt-10 {
  padding-top: 2.5rem !important;
}

.mb-10 {
  margin-bottom: 2.5rem !important;
}

.pb-10 {
  padding-bottom: 2.5rem !important;
}

.mt-11 {
  margin-top: 2.75rem !important;
}

.pt-11 {
  padding-top: 2.75rem !important;
}

.mb-11 {
  margin-bottom: 2.75rem !important;
}

.pb-11 {
  padding-bottom: 2.75rem !important;
}

.mt-12 {
  margin-top: 3rem !important;
}

.pt-12 {
  padding-top: 3rem !important;
}

.mb-12 {
  margin-bottom: 3rem !important;
}

.pb-12 {
  padding-bottom: 3rem !important;
}

.mt-14 {
  margin-top: 3.5rem !important;
}

.pt-14 {
  padding-top: 3.5rem !important;
}

.mb-14 {
  margin-bottom: 3.5rem !important;
}

.pb-14 {
  padding-bottom: 3.5rem !important;
}

.mt-16 {
  margin-top: 4rem !important;
}

.pt-16 {
  padding-top: 4rem !important;
}

.mb-16 {
  margin-bottom: 4rem !important;
}

.pb-16 {
  padding-bottom: 4rem !important;
}

.mt-20 {
  margin-top: 5rem !important;
}

.pt-20 {
  padding-top: 5rem !important;
}

.mb-20 {
  margin-bottom: 5rem !important;
}

.pb-20 {
  padding-bottom: 5rem !important;
}

.mt-24 {
  margin-top: 6rem !important;
}

.pt-24 {
  padding-top: 6rem !important;
}

.mb-24 {
  margin-bottom: 6rem !important;
}

.pb-24 {
  padding-bottom: 6rem !important;
}

.mt-28 {
  margin-top: 7rem !important;
}

.pt-28 {
  padding-top: 7rem !important;
}

.mb-28 {
  margin-bottom: 7rem !important;
}

.pb-28 {
  padding-bottom: 7rem !important;
}

.mt-30 {
  margin-top: 7.5rem !important;
}

.pt-30 {
  padding-top: 7.5rem !important;
}

.mb-30 {
  margin-bottom: 7.5rem !important;
}

.pb-30 {
  padding-bottom: 7.5rem !important;
}

.mt-32 {
  margin-top: 8rem !important;
}

.pt-32 {
  padding-top: 8rem !important;
}

.mb-32 {
  margin-bottom: 8rem !important;
}

.pb-32 {
  padding-bottom: 8rem !important;
}

.mt-36 {
  margin-top: 9rem !important;
}

.pt-36 {
  padding-top: 9rem !important;
}

.mb-36 {
  margin-bottom: 9rem !important;
}

.pb-36 {
  padding-bottom: 9rem !important;
}

.mt-40 {
  margin-top: 10rem !important;
}

.pt-40 {
  padding-top: 10rem !important;
}

.mb-40 {
  margin-bottom: 10rem !important;
}

.pb-40 {
  padding-bottom: 10rem !important;
}

.mt-44 {
  margin-top: 11rem !important;
}

.pt-44 {
  padding-top: 11rem !important;
}

.mb-44 {
  margin-bottom: 11rem !important;
}

.pb-44 {
  padding-bottom: 11rem !important;
}

.mt-48 {
  margin-top: 12rem !important;
}

.pt-48 {
  padding-top: 12rem !important;
}

.mb-48 {
  margin-bottom: 12rem !important;
}

.pb-48 {
  padding-bottom: 12rem !important;
}

.mt-52 {
  margin-top: 13rem !important;
}

.pt-52 {
  padding-top: 13rem !important;
}

.mb-52 {
  margin-bottom: 13rem !important;
}

.pb-52 {
  padding-bottom: 13rem !important;
}

.mt-56 {
  margin-top: 14rem !important;
}

.pt-56 {
  padding-top: 14rem !important;
}

.mb-56 {
  margin-bottom: 14rem !important;
}

.pb-56 {
  padding-bottom: 14rem !important;
}

.mt-60 {
  margin-top: 15rem !important;
}

.pt-60 {
  padding-top: 15rem !important;
}

.mb-60 {
  margin-bottom: 15rem !important;
}

.pb-60 {
  padding-bottom: 15rem !important;
}

.mt-64 {
  margin-top: 16rem !important;
}

.pt-64 {
  padding-top: 16rem !important;
}

.mb-64 {
  margin-bottom: 16rem !important;
}

.pb-64 {
  padding-bottom: 16rem !important;
}

.mt-72 {
  margin-top: 18rem !important;
}

.pt-72 {
  padding-top: 18rem !important;
}

.mb-72 {
  margin-bottom: 18rem !important;
}

.pb-72 {
  padding-bottom: 18rem !important;
}

.mt-80 {
  margin-top: 20rem !important;
}

.pt-80 {
  padding-top: 20rem !important;
}

.mb-80 {
  margin-bottom: 20rem !important;
}

.pb-80 {
  padding-bottom: 20rem !important;
}

.mt-96 {
  margin-top: 24rem !important;
}

.pt-96 {
  padding-top: 24rem !important;
}

.mb-96 {
  margin-bottom: 24rem !important;
}

.pb-96 {
  padding-bottom: 24rem !important;
}

.mt-112 {
  margin-top: 28.125rem !important;
}

.pt-112 {
  padding-top: 28.125rem !important;
}

.mb-112 {
  margin-bottom: 28.125rem !important;
}

.pb-112 {
  padding-bottom: 28.125rem !important;
}

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

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

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

.text-justify {
  text-align: justify;
}

.align-left {
  justify-content: flex-start;
}

.align-self-left {
  justify-self: flex-start;
}

.align-right {
  justify-content: flex-end;
}

.align-self-right {
  justify-self: flex-end;
}

.align-center {
  justify-content: center;
}

.align-self-center {
  justify-self: center;
}

.align-justify {
  justify-content: space-between;
}

.align-self-justify {
  justify-self: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-self-spaced {
  justify-self: space-around;
}

.align-top {
  align-items: flex-start;
}

.align-self-top {
  align-self: flex-start;
}

.align-bottom {
  align-items: flex-end;
}

.align-self-bottom {
  align-self: flex-end;
}

.align-middle {
  align-items: center;
}

.align-self-middle {
  align-self: center;
}

.align-stretch {
  align-items: stretch;
}

.align-self-stretch {
  align-self: stretch;
}

.blog-archive__search-label, .article .breadcrumbs .breadcrumb_last, .screen-reader-text {
  position: absolute;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  margin: -0.0625rem;
  border: 0;
  padding: 0;
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden;
  white-space: nowrap;
}

.template-contact__eyebrow, .template-faq__eyebrow, .template-testimonials__eyebrow, .template-ai-teaching__eyebrow, .template-process__eyebrow, .template-services__eyebrow, .template-expertise__eyebrow, .template-experience__eyebrow, .template-selected-work__eyebrow, .template-highlights__eyebrow, .template-about__eyebrow, .template-hero__eyebrow {
  font-weight: 700;
  font-size: var(--font-size-eyebrow);
  line-height: var(--line-height-eyebrow);
  font-family: var(--primary-font);
  letter-spacing: var(--eyebrow-track, 0.08em);
  text-transform: uppercase;
  margin: 0 0 var(--spacing-5);
  color: var(--accent);
}

.template-contact__title, .template-faq__title, .template-testimonials__title, .template-ai-teaching__title, .template-process__title, .template-services__title, .template-expertise__title, .template-experience__title, .template-selected-work__title, .template-highlights__title, .template-about__title {
  font-weight: 700;
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h2);
  margin: 0;
}

.button {
  --button-bg: var(--accent);
  --button-color: var(--on-accent);
  --button-border: transparent;
  --button-padding-y: var(--spacing-2);
  --button-padding-x: var(--spacing-6);
  --button-height: var(--btn-h);
  --button-radius: var(--r-pill);
  --button-shadow: var(--shadow-sm);
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-2);
  transition: transform var(--tr) var(--ease), box-shadow var(--tr) var(--ease), background-color var(--tr) var(--ease), border-color var(--tr) var(--ease), color var(--tr) var(--ease);
  cursor: pointer;
  box-shadow: var(--button-shadow);
  border: 0.0625rem solid var(--button-border);
  border-radius: var(--button-radius);
  background-color: var(--button-bg);
  padding: var(--button-padding-y) var(--button-padding-x);
  min-height: var(--button-height);
  color: var(--button-color);
  font-weight: 600;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  text-decoration: none;
}
.button strong,
.button b {
  font-weight: 700;
}
@media (hover: hover) {
  .button:hover {
    transform: translateY(-0.125rem);
    --button-shadow: var(--shadow-md);
  }
}
.button:active {
  transform: scale(0.99);
  --button-bg: var(--accent-hover);
  --button-shadow: var(--shadow-sm);
}
.button:disabled, .button.disabled, .button.is-disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
.button--primary, .button--default {
  --button-bg: var(--accent);
  --button-border: transparent;
  --button-color: var(--on-accent);
  background-image: linear-gradient(180deg, var(--accent) 0%, var(--accent) 45%);
}
@media (hover: hover) {
  .button--primary:hover, .button--default:hover {
    background-image: none;
  }
}
.button--primary:active, .button--default:active {
  background-image: none;
}
.button--secondary, .button--outline, .button--outlined {
  --button-bg: var(--surface);
  --button-color: var(--text);
  --button-border: var(--border-input);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
}
@media (hover: hover) {
  .button--secondary:hover, .button--outline:hover, .button--outlined:hover {
    --button-bg: var(--surface);
    --button-border: var(--accent);
    --button-color: var(--accent);
    --button-shadow: var(--shadow-md);
  }
}
.button--secondary:active, .button--outline:active, .button--outlined:active {
  --button-bg: var(--surface);
  --button-border: var(--accent-hover);
  --button-color: var(--accent-hover);
}
.button--secondary:disabled, .button--secondary.disabled, .button--secondary.is-disabled, .button--outline:disabled, .button--outline.disabled, .button--outline.is-disabled, .button--outlined:disabled, .button--outlined.disabled, .button--outlined.is-disabled {
  --button-border: var(--border);
}
.button--tertiary {
  --button-bg: transparent;
  --button-color: var(--accent);
  --button-border: transparent;
  --button-shadow: none;
  --button-padding-x: 0;
  min-height: auto;
}
.button--tertiary:not(.button--has-arrow)::after {
  transform: rotate(-45deg);
  transition: transform var(--tr) var(--ease);
  border-right: 0.125rem solid currentcolor;
  border-bottom: 0.125rem solid currentcolor;
  width: 0.5rem;
  height: 0.5rem;
  content: "";
}
@media (hover: hover) {
  .button--tertiary:hover {
    transform: none;
    --button-color: var(--accent-hover);
    --button-shadow: none;
    text-decoration: underline;
    text-underline-offset: 0.25rem;
  }
  .button--tertiary:hover:not(.button--has-arrow)::after {
    transform: translateX(0.25rem) rotate(-45deg);
  }
}
.button--tertiary:active {
  transform: none;
  --button-bg: var(--accent-tint);
  --button-color: var(--accent-on-tint);
}
.button--tertiary:active:not(.button--has-arrow)::after {
  transform: translateX(0.125rem) rotate(-45deg);
}
.button--icon {
  --button-bg: var(--surface);
  --button-color: var(--text);
  --button-radius: var(--r-md);
  --button-border: var(--border-input);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  padding: 0;
  width: 3.25rem;
  min-width: 3.25rem;
  min-height: 3.25rem;
}
.button--icon svg {
  transition: transform var(--tr) var(--ease);
  width: 1.375rem;
  height: 1.375rem;
}
@media only screen and (min-width: 64em) {
  .button--icon {
    width: 3.875rem;
    min-width: 3.875rem;
    min-height: 3.875rem;
  }
  .button--icon svg {
    width: 1.625rem;
    height: 1.625rem;
  }
}
@media (hover: hover) {
  .button--icon:hover {
    transform: translateY(-0.1875rem);
    --button-bg: var(--surface);
    --button-border: var(--accent);
    --button-color: var(--accent);
    --button-shadow: var(--shadow-md);
  }
  .button--icon:hover svg {
    transform: scale(1.05);
  }
}
.button--icon:active {
  transform: scale(0.99);
  --button-bg: var(--surface);
  --button-border: var(--accent-hover);
  --button-color: var(--accent-hover);
}
.button--icon.button--small {
  --button-radius: var(--r-pill);
  width: var(--tap-min);
  min-width: var(--tap-min);
  min-height: var(--tap-min);
}
.button--icon.button--small svg {
  width: 1.125rem;
  height: 1.125rem;
}
.button--has-arrow {
  --button-gap: var(--spacing-4);
  gap: var(--button-gap);
}
.button--has-arrow::after {
  flex: 0 0 auto;
  transition: transform var(--tr) var(--ease);
  -webkit-mask: url("../images/arrow-right.svg") no-repeat center/contain;
          mask: url("../images/arrow-right.svg") no-repeat center/contain;
  background-color: currentcolor;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
}
@media (hover: hover) {
  .button--has-arrow:hover::after {
    transform: translateX(0.25rem);
  }
}
.button--lg {
  --button-height: var(--btn-h-lg);
  --button-padding-x: var(--spacing-7);
}
.button--small {
  --button-height: var(--tap-min);
  --button-padding-y: var(--spacing-1);
  --button-padding-x: var(--spacing-4);
}
.button--white {
  --button-bg: var(--n-0);
  --button-color: var(--text);
  --button-border: var(--border-input);
}
.button--square {
  padding: 0;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
}
.button--arrow {
  --button-bg: transparent;
  --button-color: var(--accent);
  --button-border: transparent;
  --button-shadow: none;
  padding-right: 0;
  padding-left: 0;
  min-height: auto;
}
.button--arrow::after {
  transform: rotate(-45deg);
  transition: transform var(--tr);
  border-right: 0.125rem solid currentcolor;
  border-bottom: 0.125rem solid currentcolor;
  width: 0.5rem;
  height: 0.5rem;
  content: "";
}
@media (hover: hover) {
  .button--arrow:hover {
    transform: none;
    --button-bg: transparent;
    --button-color: var(--accent-hover);
    --button-border: transparent;
  }
  .button--arrow:hover::after {
    transform: translateX(var(--spacing-1)) rotate(-45deg);
  }
}
.button--down {
  --button-bg: var(--surface);
  --button-color: var(--text);
  --button-border: var(--border-input);
  --button-radius: var(--r-md);
  padding: 0;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
  overflow: hidden;
  text-indent: -62.4375rem;
}
.button--down::after {
  transform: rotate(45deg) translate(-15%, -15%);
  transition: transform var(--tr);
  border-right: 0.125rem solid var(--button-color);
  border-bottom: 0.125rem solid var(--button-color);
  width: 0.625rem;
  height: 0.625rem;
  text-indent: 0;
  content: "";
}
@media (hover: hover) {
  .button--down:hover::after {
    transform: translateY(var(--spacing-1)) rotate(45deg) translate(-15%, -15%);
  }
}
.button--wide {
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .button--wide {
    max-width: 22rem;
  }
}
.button__text {
  display: contents;
}

.site-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  transition: background-color 0.3s var(--ease), border-color 0.3s var(--ease), -webkit-backdrop-filter 0.3s var(--ease);
  transition: background-color 0.3s var(--ease), backdrop-filter 0.3s var(--ease), border-color 0.3s var(--ease);
  transition: background-color 0.3s var(--ease), backdrop-filter 0.3s var(--ease), border-color 0.3s var(--ease), -webkit-backdrop-filter 0.3s var(--ease);
  z-index: var(--z-header);
  border-bottom: 0.0625rem solid transparent;
  background-color: transparent;
  width: 100%;
}
.site-header.is-scrolled, .site-header.has-menu-open {
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  border-bottom-color: var(--border);
  background-color: var(--surface);
}
.site-header.has-menu-open {
  z-index: var(--z-dropdown);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  background-color: var(--bg);
}
.site-header__bar {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  min-height: 4rem;
}
@media only screen and (min-width: 48em) {
  .site-header__bar {
    gap: var(--spacing-4);
    min-height: 5.25rem;
  }
}
.site-header__brand {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--spacing-3);
  margin-right: auto;
  color: var(--text);
  text-decoration: none;
}
@media (hover: hover) {
  .site-header__brand:hover .site-header__brand-name {
    color: var(--accent);
  }
}
.site-header__logo {
  display: block;
  flex: 0 0 auto;
  width: 2.75rem;
}
.site-header__logo img,
.site-header__logo svg {
  display: block;
  width: 100%;
  height: auto;
}
.site-header__brand-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.site-header__brand-name {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  transition: color var(--tr) var(--ease);
  font-weight: 700;
}
.site-header__brand-role {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  display: none;
  color: var(--text-muted);
}
@media only screen and (min-width: 48em) {
  .site-header__brand-role {
    display: block;
  }
}
.site-header__nav {
  display: none;
  margin-right: clamp(0.75rem, 12.5vw + -7.25rem, 4rem);
}
@media only screen and (min-width: 64em) {
  .site-header__nav {
    display: block;
  }
}
.site-header__nav .menu {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: clamp(0.75rem, 6.7307692308vw + -3.5576923077rem, 2.5rem);
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header__nav li {
  white-space: nowrap;
}
.site-header__nav a {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  display: block;
  transition: color var(--tr) var(--ease);
  color: var(--text);
  text-decoration: none;
}
.site-header__nav a strong,
.site-header__nav a b {
  font-weight: 700;
}
@media (hover: hover) {
  .site-header__nav a:hover {
    color: var(--accent);
  }
}
.site-header__nav .current-menu-item > a,
.site-header__nav .current_page_item > a {
  color: var(--accent);
  font-weight: 600;
}
.site-header__controls {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--spacing-1);
}
@media only screen and (min-width: 48em) {
  .site-header__controls {
    gap: var(--spacing-2);
  }
}
.site-header__bar-only {
  display: none;
}
@media only screen and (min-width: 64em) {
  .site-header__bar-only {
    display: block;
  }
}
.site-header__theme.button {
  --button-radius: 50%;
}
.site-header__theme-icon {
  display: none;
}
.site-header__theme-icon--light {
  display: block;
}
.site-header__theme-icon--dark {
  display: none;
}
.site-header__cv.button {
  flex-direction: row;
  gap: var(--spacing-2);
  width: auto;
  padding-inline: var(--spacing-2);
  font-weight: 400;
}
@media only screen and (min-width: 48em) {
  .site-header__cv.button {
    padding-inline: var(--spacing-5);
  }
}
.site-header__cv-label {
  display: none;
}
@media only screen and (min-width: 48em) {
  .site-header__cv-label {
    display: inline;
  }
}
.site-header__cv-short {
  display: inline;
}
@media only screen and (min-width: 48em) {
  .site-header__cv-short {
    display: none;
  }
}
.site-header__burger {
  flex-direction: column;
  gap: 0.25rem;
}
@media only screen and (min-width: 64em) {
  .site-header__burger {
    display: none;
  }
}
.site-header__burger-line {
  display: block;
  transform-origin: center;
  transition: transform var(--tr) var(--ease), opacity var(--tr) var(--ease);
  background: currentcolor;
  width: 1.125rem;
  height: 0.125rem;
}
.site-header__burger[aria-expanded=true] .site-header__burger-line:nth-child(1) {
  transform: translateY(0.375rem) rotate(45deg);
}
.site-header__burger[aria-expanded=true] .site-header__burger-line:nth-child(2) {
  opacity: 0;
}
.site-header__burger[aria-expanded=true] .site-header__burger-line:nth-child(3) {
  transform: translateY(-0.375rem) rotate(-45deg);
}
.site-header__menu {
  visibility: hidden;
  transition: max-height 0.28s var(--ease), visibility 0s linear 0.28s;
  max-height: 0;
  overflow: hidden;
}
@media only screen and (min-width: 64em) {
  .site-header__menu {
    display: none;
  }
}
.site-header__menu.is-open {
  visibility: visible;
  transition: max-height 0.28s var(--ease), visibility 0s linear 0s;
  max-height: 35rem;
}
.site-header__menu .menu {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 var(--spacing-8);
  margin: 0;
  padding: 0 0 var(--spacing-4);
  list-style: none;
}
@media only screen and (min-width: 48em) {
  .site-header__menu .menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
.site-header__menu .menu a {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  display: flex;
  align-items: center;
  transition: color var(--tr) var(--ease);
  border-bottom: 0.0625rem solid var(--rule);
  min-height: 3.25rem;
  color: var(--text);
  text-decoration: none;
}
.site-header__menu .menu a strong,
.site-header__menu .menu a b {
  font-weight: 700;
}
.site-header__menu .menu a::after {
  flex: 0 0 auto;
  margin-left: auto;
  -webkit-mask: url("../images/arrow-right.svg") no-repeat center/contain;
          mask: url("../images/arrow-right.svg") no-repeat center/contain;
  background-color: currentcolor;
  width: 1.125rem;
  height: 1.125rem;
  content: "";
}
@media (hover: hover) {
  .site-header__menu .menu a:hover {
    color: var(--accent);
  }
}
.site-header__menu .menu .current-menu-item > a,
.site-header__menu .menu .current_page_item > a {
  color: var(--accent);
  font-weight: 600;
}
.site-header__menu-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-4);
  padding-bottom: var(--spacing-5);
}
.site-header__overlay {
  position: fixed;
  inset: 0;
  opacity: 0;
  z-index: var(--z-overlay);
  transition: opacity var(--tr) var(--ease);
  background: var(--overlay);
}
.site-header__overlay.is-visible {
  opacity: 1;
}
@media only screen and (min-width: 64em) {
  .site-header__overlay {
    display: none;
  }
}

:root[data-theme=dark] .site-header__theme-icon--light {
  display: none;
}
:root[data-theme=dark] .site-header__theme-icon--dark {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .site-header__theme-icon--light {
    display: none;
  }
  :root:not([data-theme=light]) .site-header__theme-icon--dark {
    display: block;
  }
}
.lang-switcher {
  position: relative;
}
.lang-switcher__trigger.button {
  flex-direction: row;
  gap: var(--spacing-1);
  width: auto;
  min-width: var(--tap-min);
  padding-inline: var(--spacing-3);
}
.lang-switcher__code {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
.lang-switcher__chevron {
  display: block;
  transition: transform 0.2s var(--ease);
  width: 0.875rem;
}
.lang-switcher__chevron img,
.lang-switcher__chevron svg {
  display: block;
  width: 100%;
  height: auto;
}
.lang-switcher__trigger[aria-expanded=true] .lang-switcher__chevron, .lang-switcher__trigger[aria-expanded=true] .lang-switcher__chevron {
  transform: rotate(180deg);
}
.lang-switcher__menu {
  display: flex;
  position: absolute;
  top: calc(100% + -0.5rem);
  right: 0;
  flex-direction: column;
  transform: translateY(-0.375rem);
  opacity: 0;
  z-index: var(--z-dropdown);
  transition: opacity 0.2s var(--ease), transform 0.2s var(--ease);
  box-shadow: var(--shadow-md);
  border: 0.0625rem solid var(--rule);
  border-radius: var(--r-md);
  background: var(--bg);
  padding: var(--spacing-1);
  min-width: 10rem;
  list-style: none;
}
.lang-switcher__menu[hidden] {
  display: none;
}
.lang-switcher__menu.is-open {
  transform: translateY(0);
  opacity: 1;
}
.lang-switcher--labelled .lang-switcher__trigger.button {
  gap: var(--spacing-2);
  padding-inline: var(--spacing-4);
}
.lang-switcher--labelled .lang-switcher__menu {
  top: auto;
  right: auto;
  bottom: calc(100% + 0.5rem);
  left: 0;
  transform: translateY(0.375rem);
}
.lang-switcher--labelled .lang-switcher__menu.is-open {
  transform: translateY(0);
}
.lang-switcher__label {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
}
.lang-switcher__label strong,
.lang-switcher__label b {
  font-weight: 700;
}
.lang-switcher__item {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  display: block;
  border-radius: var(--r-sm);
  padding: var(--spacing-2) var(--spacing-3);
  color: var(--text);
  text-decoration: none;
}
.lang-switcher__item strong,
.lang-switcher__item b {
  font-weight: 700;
}
@media (hover: hover) {
  .lang-switcher__item:hover {
    background: var(--accent-tint);
    color: var(--accent-on-tint);
  }
}
.lang-switcher__item.is-current {
  background: var(--accent-tint);
  color: var(--accent-on-tint);
  font-weight: 600;
}

.site-footer {
  position: relative;
  background-color: var(--dark);
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-8);
  border-top: 0.0625rem solid var(--rule);
  color: var(--dark-fg);
}
.site-footer .grid-container {
  position: relative;
  z-index: 1;
}
.site-footer__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-10) var(--grid-column-gap);
}
@media only screen and (min-width: 48em) {
  .site-footer__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 64em) {
  .site-footer__grid {
    grid-template-columns: 4fr 5fr 3fr;
  }
}
.site-footer__brand {
  display: flex;
  align-items: center;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-4);
  color: inherit;
  text-decoration: none;
}
.site-footer__logo {
  display: block;
  flex: 0 0 auto;
  width: 2.5rem;
}
.site-footer__logo img,
.site-footer__logo svg {
  display: block;
  width: 100%;
  height: auto;
}
.site-footer__brand-text {
  display: flex;
  flex-direction: column;
}
.site-footer__brand-name {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  font-weight: 700;
}
.site-footer__brand-name strong,
.site-footer__brand-name b {
  font-weight: 700;
}
.site-footer__brand-role {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--dark-muted);
}
.site-footer__tagline {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  max-width: 34ch;
  color: var(--dark-muted);
}
.site-footer__socials {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2);
  margin: var(--spacing-6) 0 0;
  padding: 0;
  list-style: none;
}
.site-footer__social {
  --button-bg: transparent;
  --button-color: var(--dark-fg);
  --button-border: rgb(from var(--dark-fg) r g b / 30%);
  --button-shadow: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
.site-footer__social.button--small {
  --button-radius: var(--r-md);
}
@media (hover: hover) {
  .site-footer__social:hover {
    --button-bg: transparent;
    --button-border: var(--accent-on-dark);
    --button-color: var(--accent-on-dark);
    --button-shadow: none;
  }
}
.site-footer__column--cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-4);
}
.site-footer__column--cta .site-footer__column-title {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--dark-fg);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}
.site-footer__column--cta .site-footer__column-title strong,
.site-footer__column--cta .site-footer__column-title b {
  font-weight: 700;
}
.site-footer__column--cta .button {
  --button-bg: var(--accent-on-dark);
  --button-color: var(--dark);
  background-image: none;
}
.site-footer__cta-text {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  max-width: 26ch;
  color: var(--dark-muted);
}
.site-footer__column-title {
  font-weight: 700;
  font-size: var(--font-size-eyebrow);
  line-height: var(--line-height-eyebrow);
  font-family: var(--primary-font);
  letter-spacing: var(--eyebrow-track, 0.08em);
  text-transform: uppercase;
  margin: 0 0 var(--spacing-4);
  color: var(--accent-on-dark);
}
.site-footer__links,
.site-footer .menu {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer__column--nav .menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-3) var(--grid-column-gap);
  max-width: 20rem;
}
.site-footer__links a,
.site-footer .menu a {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  transition: color var(--tr) var(--ease);
  color: var(--dark-fg);
  text-decoration: none;
}
@media (hover: hover) {
  .site-footer__links a:hover,
  .site-footer .menu a:hover {
    color: var(--accent-on-dark);
  }
}
.site-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-4);
  margin-top: var(--spacing-8);
  border-top: 0.0625rem solid rgb(from var(--dark-fg) r g b / 12%);
  padding-top: var(--spacing-6);
}
.site-footer__copyright {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--dark-muted);
}
.site-footer__copyright p {
  margin: 0;
}
.site-footer__bottom-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-6);
}
.site-footer__legal .menu {
  flex-direction: row;
  gap: var(--spacing-6);
}
.site-footer__built {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--dark-muted);
}
.site-footer__heart {
  color: var(--accent-on-dark);
}

.contact-modal {
  display: none;
  position: fixed;
  inset: 0;
  border: 0;
  background: transparent;
  padding: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  color: var(--text);
}
.contact-modal[open] {
  display: grid;
  place-items: center;
  padding: var(--spacing-4);
}
@media only screen and (min-width: 48em) {
  .contact-modal[open] {
    padding: var(--spacing-8);
  }
}
.contact-modal::-webkit-backdrop {
  -webkit-backdrop-filter: blur(0.75rem);
          backdrop-filter: blur(0.75rem);
  background-color: var(--overlay);
}
.contact-modal::backdrop {
  -webkit-backdrop-filter: blur(0.75rem);
          backdrop-filter: blur(0.75rem);
  background-color: var(--overlay);
}
.contact-modal__panel {
  position: relative;
  box-shadow: var(--shadow-lg);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--bg);
  width: 100%;
  max-width: 47.5rem;
  max-height: calc(100vh - 2rem);
  overflow: hidden;
}
@media only screen and (min-width: 64em) {
  .contact-modal__panel {
    max-height: calc(100vh - 4rem);
  }
}
.contact-modal__scroll {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-8);
  padding: var(--spacing-8) var(--spacing-5) var(--spacing-5);
  max-height: calc(100vh - 2.25rem);
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: var(--accent) transparent;
}
@media only screen and (min-width: 48em) {
  .contact-modal__scroll {
    padding: var(--spacing-8);
  }
}
@media only screen and (min-width: 64em) {
  .contact-modal__scroll {
    grid-template-columns: 7fr 5fr;
    gap: var(--spacing-8);
    max-height: calc(100vh - 4.25rem);
  }
}
.contact-modal__scroll::-webkit-scrollbar {
  width: 0.375rem;
}
.contact-modal__scroll::-webkit-scrollbar-track {
  margin: var(--spacing-16) 0 var(--spacing-6);
  background: transparent;
}
.contact-modal__scroll::-webkit-scrollbar-thumb {
  border-radius: var(--r-pill);
  background-color: var(--accent);
}
.contact-modal__close {
  position: absolute;
  top: var(--spacing-4);
  right: var(--spacing-4);
  z-index: 1;
  --button-radius: 50%;
}
.contact-modal__cross {
  position: relative;
  display: block;
  width: 1rem;
  height: 1rem;
}
.contact-modal__cross::before, .contact-modal__cross::after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(45deg);
  border-radius: var(--r-pill);
  background-color: currentcolor;
  width: 100%;
  height: 0.125rem;
  content: "";
}
.contact-modal__cross::after {
  transform: translateY(-50%) rotate(-45deg);
}
.contact-modal__main {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  min-width: 0;
}
.contact-modal__eyebrow {
  font-weight: 700;
  font-size: var(--font-size-eyebrow);
  line-height: var(--line-height-eyebrow);
  font-family: var(--primary-font);
  letter-spacing: var(--eyebrow-track, 0.08em);
  text-transform: uppercase;
  margin: 0;
  color: var(--accent);
}
.contact-modal__title {
  font-weight: 700;
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h2);
  margin: 0;
}
.contact-modal__lead {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  max-width: 40rem;
  color: var(--text-muted);
}
.contact-modal__lead strong,
.contact-modal__lead b {
  font-weight: 700;
}
.contact-modal__form {
  margin-top: var(--spacing-3);
}
.contact-modal__form .wpcf7-form {
  gap: var(--spacing-3);
}
.contact-modal__form .wpcf7-form-control:not(.wpcf7-submit, .wpcf7-acceptance) {
  height: var(--btn-h-lg);
  padding-inline: var(--spacing-4);
}
.contact-modal__form textarea.wpcf7-form-control:not(.wpcf7-submit, .wpcf7-acceptance) {
  padding: var(--spacing-3) var(--spacing-4) var(--spacing-8);
  min-height: 7.5rem;
}
.contact-modal__form .cf-counter {
  right: var(--spacing-4);
  bottom: var(--spacing-3);
}
.contact-modal__form .cf-actions--wide .button {
  min-height: var(--btn-h-lg);
}
.contact-modal__aside {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  border-top: 0.0625rem solid var(--rule);
  padding-top: var(--spacing-6);
  overflow: hidden;
}
@media only screen and (min-width: 64em) {
  .contact-modal__aside {
    border-top: 0;
    border-left: 0.0625rem solid var(--rule);
    padding-top: var(--spacing-12);
    padding-left: var(--spacing-8);
  }
}
.contact-modal__contacts {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.contact-modal__contact {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  transition: border-color var(--tr) var(--ease), box-shadow var(--tr) var(--ease), transform var(--tr) var(--ease);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-sm);
  border: 0.0625rem solid var(--border);
  border-radius: var(--r-md);
  background-color: var(--surface);
  padding: var(--spacing-3) var(--spacing-4);
  color: var(--text);
  text-decoration: none;
}
@media (hover: hover) {
  .contact-modal__contact:hover {
    transform: translateY(-0.125rem);
    box-shadow: var(--shadow-md);
    border-color: var(--accent);
  }
}
.contact-modal__contact .contact-modal__contact-icon {
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  color: var(--icon);
}
.contact-modal__contact .contact-modal__contact-icon svg {
  width: 1.75rem;
  height: 1.75rem;
}
.contact-modal__contact-body {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.contact-modal__contact-title {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  font-weight: 700;
}
.contact-modal__contact-title strong,
.contact-modal__contact-title b {
  font-weight: 700;
}
.contact-modal__contact-value {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  overflow-wrap: anywhere;
  color: var(--text-muted);
}
.contact-modal__decor {
  display: none;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  padding-top: var(--spacing-4);
  pointer-events: none;
}
@media only screen and (min-width: 64em) {
  .contact-modal__decor {
    display: flex;
  }
}
.contact-modal__decor-text {
  display: block;
  width: 56%;
  color: var(--accent);
}
.contact-modal__decor-text img,
.contact-modal__decor-text svg {
  display: block;
  width: 100%;
  height: auto;
}

html.has-modal {
  overflow: hidden;
}

.cookie-consent {
  position: fixed;
  bottom: var(--spacing-4);
  left: var(--spacing-4);
  z-index: var(--z-overlay);
  box-shadow: var(--shadow-lg);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--bg);
  padding: var(--spacing-6);
  width: calc(100vw - 2rem);
  max-width: 25rem;
  color: var(--text);
}
@media only screen and (min-width: 48em) {
  .cookie-consent {
    bottom: var(--spacing-6);
    left: var(--spacing-6);
  }
}
.cookie-consent[hidden] {
  display: none;
}
.cookie-consent__text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0 0 var(--spacing-5);
  color: var(--text);
}
.cookie-consent__text strong,
.cookie-consent__text b {
  font-weight: 700;
}
.cookie-consent__actions {
  display: flex;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-4);
}
.cookie-consent__button {
  flex: 1 1 0;
  padding-inline: var(--spacing-4);
}
.cookie-consent__link {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--text-muted);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
@media (hover: hover) {
  .cookie-consent__link:hover {
    color: var(--accent);
  }
}

.menu {
  --menu-items-gap: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--menu-items-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu a {
  text-decoration: none;
}
.menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu--vertical {
  flex-direction: column;
}

.is-dropdown ul {
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  flex-direction: column;
  gap: 0.5rem;
  transform: translateY(1rem);
  visibility: hidden;
  opacity: 0;
  transition: var(--tr);
  margin: 0;
  background: var(--surface);
  padding: 1.25rem;
  pointer-events: none;
  list-style: none;
}
.is-dropdown li:has(ul) {
  position: relative;
}
.is-dropdown li:has(ul):hover > ul, .is-dropdown li:has(ul):focus > ul {
  visibility: visible;
  opacity: 1;
  animation: shake 0.3s;
  animation-fill-mode: forwards;
  pointer-events: all;
}

@keyframes shake {
  0% {
    transform: translateY(1rem);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(0.0625rem);
  }
  100% {
    transform: translateY(0);
  }
}
a.skip-main {
  position: absolute;
  top: auto;
  left: -999px;
  z-index: -999;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
a.skip-main:focus, a.skip-main:active {
  top: auto;
  left: auto;
  z-index: 9999;
  margin: 10px 35%;
  border: 4px solid yellow;
  border-radius: 15px;
  background-color: #000;
  padding: 5px;
  width: 30%;
  height: auto;
  overflow: auto;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
}

html.is-theme-fade,
html.is-theme-fade *,
html.is-theme-fade *::before,
html.is-theme-fade *::after {
  transition: background-color 0.4s var(--ease), color 0.4s var(--ease), border-color 0.4s var(--ease), fill 0.4s var(--ease), stroke 0.4s var(--ease), box-shadow 0.4s var(--ease);
}

.empty-state-message__content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--module-spacing-sm);
  padding-top: var(--module-spacing-xl);
  text-align: left;
}
@media only screen and (max-width: 47.9375em) {
  .empty-state-message__content {
    display: grid;
    grid-template-areas: "icon text" "button button";
    grid-template-columns: 5.5625rem 1fr;
    justify-content: flex-start;
    padding-top: var(--module-spacing-md);
  }
}

.empty-state-message__icon {
  align-self: center;
}
.empty-state-message__icon img {
  display: block;
  width: 11.125rem;
  height: 12.5rem;
  object-fit: contain;
}
@media only screen and (max-width: 63.9375em) {
  .empty-state-message__icon img {
    width: 8.125rem;
    height: 9.0625rem;
  }
}
@media only screen and (max-width: 47.9375em) {
  .empty-state-message__icon img {
    width: 5.5625rem;
    height: 6.25rem;
  }
}
@media only screen and (max-width: 47.9375em) {
  .empty-state-message__icon {
    grid-area: icon;
  }
}

.empty-state-message__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--module-spacing-sm);
  min-width: 0;
}
@media only screen and (max-width: 47.9375em) {
  .empty-state-message__body {
    display: contents;
  }
}

.empty-state-message__text {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  max-width: 45rem;
  color: var(--text);
  font-weight: 600;
}
@media only screen and (max-width: 47.9375em) {
  .empty-state-message__text {
    grid-area: text;
  }
}

@media only screen and (max-width: 47.9375em) {
  .empty-state-message__button {
    grid-area: button;
    width: 100%;
  }
}

.empty-state-message__query {
  color: var(--accent);
}

.breadcrumbs {
  margin-bottom: var(--spacing-3);
  font-weight: 700;
  font-size: var(--font-size-eyebrow);
  line-height: var(--line-height-eyebrow);
  font-family: var(--primary-font);
  letter-spacing: var(--eyebrow-track, 0.08em);
  text-transform: uppercase;
}
.breadcrumbs > span {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-2);
  overflow-wrap: anywhere;
}
.breadcrumbs a {
  transition: color 0.2s var(--ease);
  color: var(--accent-on-tint);
  text-decoration: none;
}
@media (hover: hover) {
  .breadcrumbs a:hover {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 0.2em;
  }
}
.breadcrumbs .breadcrumb_last {
  color: var(--accent);
}
.breadcrumbs__separator {
  color: var(--text-muted);
  font-weight: 400;
}

.article .breadcrumbs .breadcrumbs__separator:has(+ .breadcrumb_last) {
  display: none;
}

.cta-panel {
  display: grid;
  position: relative;
  align-items: center;
  gap: var(--spacing-8);
  border: 0.0625rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--accent-tint);
  padding: var(--panel-pad);
  overflow: hidden;
}
@media only screen and (min-width: 48em) {
  .cta-panel {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    padding: var(--spacing-10) var(--panel-pad);
  }
}
.cta-panel:not(:has(.cta-panel__decor)) {
  grid-template-columns: minmax(0, 1fr);
}
.cta-panel__eyebrow {
  font-weight: 700;
  font-size: var(--font-size-eyebrow);
  line-height: var(--line-height-eyebrow);
  font-family: var(--primary-font);
  letter-spacing: var(--eyebrow-track, 0.08em);
  text-transform: uppercase;
  margin: 0 0 var(--spacing-3);
  color: var(--accent-on-tint);
}
.cta-panel__title {
  font-weight: 700;
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h2);
  margin: 0;
  max-width: 22ch;
}
.cta-panel__text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: var(--spacing-4) 0 0;
  max-width: 46ch;
  color: var(--text-muted);
}
.cta-panel__text strong,
.cta-panel__text b {
  font-weight: 700;
}
.cta-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3);
  margin-top: var(--spacing-6);
}
.cta-panel__decor {
  display: block;
  justify-self: center;
  max-width: 20rem;
}
.cta-panel__decor img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 48em) {
  .cta-panel__decor {
    justify-self: end;
    margin-right: calc(var(--panel-pad) * -0.5);
    max-width: 27.5rem;
  }
}
.cta-panel--heading .cta-panel__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  max-width: none;
}
.cta-panel--heading .cta-panel__title::before {
  flex: 0 0 auto;
  border-radius: var(--r-pill);
  background-color: var(--accent);
  width: 1.5rem;
  height: 0.125rem;
  content: "";
}
.cta-panel--heading .cta-panel__text,
.cta-panel--heading .cta-panel__actions {
  -webkit-padding-start: calc(1.5rem + var(--spacing-4));
          padding-inline-start: calc(1.5rem + var(--spacing-4));
}

.module + .module {
  margin-top: var(--module-margin);
}
.module.mt-none {
  margin-top: var(--module-spacing-none) !important;
}
.module.mb-none {
  margin-bottom: var(--module-spacing-none) !important;
}
.module.pt-none {
  padding-top: var(--module-spacing-none) !important;
}
.module.pb-none {
  padding-bottom: var(--module-spacing-none) !important;
}
.module.mt-xs {
  margin-top: var(--module-spacing-xs) !important;
}
.module.mb-xs {
  margin-bottom: var(--module-spacing-xs) !important;
}
.module.pt-xs {
  padding-top: var(--module-spacing-xs) !important;
}
.module.pb-xs {
  padding-bottom: var(--module-spacing-xs) !important;
}
.module.mt-sm {
  margin-top: var(--module-spacing-sm) !important;
}
.module.mb-sm {
  margin-bottom: var(--module-spacing-sm) !important;
}
.module.pt-sm {
  padding-top: var(--module-spacing-sm) !important;
}
.module.pb-sm {
  padding-bottom: var(--module-spacing-sm) !important;
}
.module.mt-md {
  margin-top: var(--module-spacing-md) !important;
}
.module.mb-md {
  margin-bottom: var(--module-spacing-md) !important;
}
.module.pt-md {
  padding-top: var(--module-spacing-md) !important;
}
.module.pb-md {
  padding-bottom: var(--module-spacing-md) !important;
}
.module.mt-lg {
  margin-top: var(--module-spacing-lg) !important;
}
.module.mb-lg {
  margin-bottom: var(--module-spacing-lg) !important;
}
.module.pt-lg {
  padding-top: var(--module-spacing-lg) !important;
}
.module.pb-lg {
  padding-bottom: var(--module-spacing-lg) !important;
}
.module.mt-xl {
  margin-top: var(--module-spacing-xl) !important;
}
.module.mb-xl {
  margin-bottom: var(--module-spacing-xl) !important;
}
.module.pt-xl {
  padding-top: var(--module-spacing-xl) !important;
}
.module.pb-xl {
  padding-bottom: var(--module-spacing-xl) !important;
}

header.module {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
header.module.align-center {
  align-items: center;
  text-align: center;
}
@media only screen and (min-width: 48em) {
  header.module h1 span,
  header.module h2 span,
  header.module h3 span,
  header.module h4 span,
  header.module h5 span,
  header.module h6 span {
    display: block;
  }
}
header.module > * + * {
  -webkit-margin-before: var(--spacing-2);
          margin-block-start: var(--spacing-2);
}
header.module * + p {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
}
header.module .p-tag + * {
  -webkit-margin-before: 1.5rem;
          margin-block-start: 1.5rem;
}

.module.text-editor > * + * {
  -webkit-margin-before: var(--p-margin);
          margin-block-start: var(--p-margin);
}
.module.text-editor.align-center {
  text-align: center;
}
.module.text-editor ol,
.module.text-editor ul {
  padding-left: 1.25rem;
}
.module.text-editor ol li:not(:last-child),
.module.text-editor ul li:not(:last-child) {
  margin-bottom: 1rem;
}
.module.text-editor.has-border-bottom {
  border-bottom: 2px solid var(--body-color);
  padding-bottom: var(--module-margin);
}

.spoiler {
  transition: max-height var(--tr);
  max-height: 0;
  overflow: hidden;
}
.spoiler.is-opened {
  max-height: 62.5rem;
}
.spoiler:not(.is-opened) + .spoiler-button {
  margin-top: 0;
}

.spoiler-button {
  display: flex;
  transition: margin-top var(--tr);
  margin-right: auto;
  margin-left: auto;
}
.spoiler-button::after {
  transform: rotate(90deg);
}
.spoiler-button:hover::after {
  transform: rotate(90deg) translateX(3px);
}
.spoiler-button.is-opened::after {
  transform: rotate(-90deg);
}

body.legal-page .module.text-editor * + h3,
body.legal-page .module.text-editor h4,
body.legal-page .module.text-editor h5,
body.legal-page .module.text-editor h6 {
  margin-top: 2.5rem;
}

.module.buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}
.module.buttons.align-center {
  justify-content: center;
}
.module.buttons.align-right {
  justify-content: flex-end;
}
.module.buttons.is-vertical {
  flex-direction: column;
  align-items: flex-start;
}
.module.buttons.is-vertical.align-center {
  align-items: center;
}

.image {
  --image-border-radius: 1.5rem;
  --color-shadow: var(--text);
}
.image.module {
  display: block;
  position: relative;
}
.image__main {
  display: block;
}
.image__icon {
  position: absolute;
  top: -3rem;
  right: calc(var(--content-padding) * -1);
  z-index: 2;
  max-width: min(23%, 17.5rem);
  max-height: min(70%, 30rem);
}
@media only screen and (min-width: 90em) {
  .image__icon {
    right: -3rem;
  }
}
.image[class*="--rounded"] .image__main {
  border-radius: var(--image-border-radius);
}
.image--shadow .image__main {
  box-shadow: 0rem 0.25rem 3rem rgba(0, 0, 0, 0.1);
}
.image--offset-shadow {
  position: relative;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.image--offset-shadow::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 2.75rem;
  background: var(--color-shadow);
  width: calc(100% - 1.25rem);
  height: calc(100% - 1.25rem);
  content: "";
}
.image--offset-shadow .image__main {
  position: relative;
  z-index: 2;
  border: 2px solid var(--color-shadow);
  border-radius: 2.75rem;
  background: var(--n-0);
}
.image--bordered {
  border-radius: 2rem;
  background: var(--color-shadow);
  padding: 0.9375rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.image--bordered .image__main {
  border-radius: 1.5rem;
  background: var(--n-0);
}
.image.align-center .image__main {
  margin-right: auto;
  margin-left: auto;
}

.cf-form .wpcf7-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-4);
}
@media only screen and (min-width: 48em) {
  .cf-form .wpcf7-form {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cf-form .hidden-fields-container,
.cf-form .akismet-fields-container {
  display: none;
}
@media only screen and (min-width: 48em) {
  .cf-form .cf-field--wide,
  .cf-form .cf-actions,
  .cf-form .wpcf7-response-output {
    grid-column: 1/-1;
  }
}
.cf-form .cf-label--hidden {
  position: absolute;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  margin: -0.0625rem;
  border: 0;
  padding: 0;
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden;
  white-space: nowrap;
}
.cf-form .cf-field--select {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  transition: border-color var(--tr) var(--ease), box-shadow var(--tr) var(--ease);
  border: 0.0625rem solid var(--border-input);
  border-radius: var(--r-md);
  background-color: var(--surface);
  padding: 0 var(--spacing-5);
  min-height: var(--input-h);
}
.cf-form .cf-field--select::after {
  position: absolute;
  top: 50%;
  right: var(--spacing-5);
  transform: translateY(-50%) rotate(90deg);
  -webkit-mask: url("../images/arrow-right.svg") no-repeat center/contain;
          mask: url("../images/arrow-right.svg") no-repeat center/contain;
  background-color: var(--text-muted);
  width: 0.875rem;
  height: 0.875rem;
  content: "";
  pointer-events: none;
}
.cf-form .cf-field--select:focus-within {
  box-shadow: 0 0 0 0.25rem rgb(from var(--accent) r g b / 20%);
  border-color: var(--accent);
}
.cf-form .cf-field--select .cf-label {
  font-weight: 700;
  font-size: var(--font-size-eyebrow);
  line-height: var(--line-height-eyebrow);
  font-family: var(--primary-font);
  letter-spacing: var(--eyebrow-track, 0.08em);
  text-transform: uppercase;
  margin: 0;
  color: var(--text-muted);
}
.cf-form .wpcf7-form-control:not(.wpcf7-submit, .wpcf7-acceptance) {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  transition: border-color var(--tr) var(--ease), box-shadow var(--tr) var(--ease), background-color var(--tr) var(--ease);
  border: 0.0625rem solid var(--border-input);
  border-radius: var(--r-md);
  background-color: var(--surface);
  padding: 0 var(--spacing-5);
  width: 100%;
  height: var(--input-h);
  color: var(--text);
}
.cf-form .wpcf7-form-control:not(.wpcf7-submit, .wpcf7-acceptance) strong,
.cf-form .wpcf7-form-control:not(.wpcf7-submit, .wpcf7-acceptance) b {
  font-weight: 700;
}
.cf-form .wpcf7-form-control:not(.wpcf7-submit, .wpcf7-acceptance):-ms-input-placeholder {
  color: var(--text-muted);
}
.cf-form .wpcf7-form-control:not(.wpcf7-submit, .wpcf7-acceptance)::-ms-input-placeholder {
  color: var(--text-muted);
}
.cf-form .wpcf7-form-control:not(.wpcf7-submit, .wpcf7-acceptance)::placeholder {
  color: var(--text-muted);
}
.cf-form .wpcf7-form-control:not(.wpcf7-submit, .wpcf7-acceptance):focus {
  outline: none;
  box-shadow: 0 0 0 0.25rem rgb(from var(--accent) r g b / 20%);
  border-color: var(--accent);
  background-color: var(--surface);
}
.cf-form textarea.wpcf7-form-control:not(.wpcf7-submit, .wpcf7-acceptance) {
  padding: var(--spacing-4) var(--spacing-5);
  min-height: 9.375rem;
  resize: vertical;
}
.cf-form .cf-field--select .wpcf7-form-control {
  border: 0;
  background: transparent;
  padding: 0;
  height: auto;
  min-height: 0;
}
.cf-form .cf-field--select .wpcf7-form-control:focus {
  outline: none;
  box-shadow: none;
}
.cf-form select.wpcf7-form-control {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.cf-form .wpcf7-submit {
  width: auto;
  height: var(--btn-h-lg);
  padding-inline: var(--spacing-7);
}
.cf-form .cf-actions--wide .button {
  width: 100%;
}
.cf-form .cf-field--dropdown {
  position: relative;
}
.cf-form .cf-field--dropdown::after {
  position: absolute;
  top: 50%;
  right: var(--spacing-5);
  transform: translateY(-50%) rotate(90deg);
  -webkit-mask: url("../images/arrow-right.svg") no-repeat center/contain;
          mask: url("../images/arrow-right.svg") no-repeat center/contain;
  background-color: var(--text-muted);
  width: 0.875rem;
  height: 0.875rem;
  content: "";
  pointer-events: none;
}
.cf-form .cf-field--dropdown select.wpcf7-form-control {
  padding-right: var(--spacing-12);
  color: var(--text-muted);
}
.cf-form .cf-field--dropdown select.wpcf7-form-control:valid {
  color: var(--text);
}
.cf-form .cf-field--textarea {
  position: relative;
}
.cf-form .cf-field--textarea textarea.wpcf7-form-control:not(.wpcf7-submit, .wpcf7-acceptance) {
  padding-bottom: var(--spacing-10);
}
.cf-form .cf-counter {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  position: absolute;
  right: var(--spacing-5);
  bottom: var(--spacing-4);
  color: var(--text-muted);
  pointer-events: none;
}
.cf-form .cf-consent .wpcf7-acceptance .wpcf7-list-item {
  display: block;
  margin: 0;
}
.cf-form .cf-consent .wpcf7-list-item-label {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--text-muted);
}
.cf-form .cf-consent .wpcf7-list-item-label a {
  color: var(--accent);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
@media (hover: hover) {
  .cf-form .cf-consent .wpcf7-list-item-label a:hover {
    color: var(--accent-hover);
  }
}
.cf-form .cf-consent .wpcf7-list-item label {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-3);
  align-items: start;
  cursor: pointer;
}
.cf-form .cf-consent .wpcf7-list-item input {
  flex: 0 0 auto;
  margin: 0.125rem 0 0;
  transition: border-color var(--tr) var(--ease), background-color var(--tr) var(--ease);
  cursor: pointer;
  border: 0.0625rem solid var(--border-input);
  border-radius: calc(var(--r-sm) / 2);
  background-color: var(--surface);
  padding: 0;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.cf-form .cf-consent .wpcf7-list-item input:checked {
  display: grid;
  place-items: center;
  border-color: var(--accent);
  background-color: var(--accent);
}
.cf-form .cf-consent .wpcf7-list-item input:checked::after {
  -webkit-mask: url("../images/check.svg") no-repeat center/contain;
          mask: url("../images/check.svg") no-repeat center/contain;
  background-color: var(--on-accent);
  width: 0.875rem;
  height: 0.875rem;
  content: "";
}
.cf-form .cf-consent .wpcf7-list-item input:focus-visible {
  outline: 0.125rem solid var(--focus-ring);
  outline-offset: 0.125rem;
}
.cf-form .wpcf7-not-valid-tip {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  display: block;
  margin-top: 0.375rem;
  min-height: 1.125rem;
  color: var(--error);
}
.cf-form .wpcf7-form-control:not(.wpcf7-submit).wpcf7-not-valid {
  box-shadow: 0 0 0 0.25rem rgb(from var(--error) r g b / 12%);
  border-color: var(--error);
}
.cf-form .wpcf7-form-control:not(.wpcf7-submit).wpcf7-not-valid:focus {
  box-shadow: 0 0 0 0.25rem rgb(from var(--accent) r g b / 20%);
  border-color: var(--accent);
}
.cf-form .wpcf7-response-output {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  border: 0.0625rem solid var(--rule);
  border-radius: var(--r-md);
  padding: var(--spacing-4);
  color: var(--text);
}
.cf-form .wpcf7 form.invalid .wpcf7-response-output,
.cf-form .wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: var(--error);
}
.cf-form .wpcf7 form.sent .wpcf7-response-output {
  border-color: var(--success);
}
.cf-form .wpcf7-spinner {
  background-color: var(--accent-tint);
}

section.content-block {
  position: relative;
  margin-top: var(--template-spacing-md);
}
section.content-block:last-of-type {
  margin-bottom: var(--template-spacing-md);
}
section.content-block.mt-none {
  margin-top: var(--template-spacing-none) !important;
}
section.content-block.mb-none {
  margin-bottom: var(--template-spacing-none) !important;
}
section.content-block.pt-none {
  padding-top: var(--template-spacing-none) !important;
}
section.content-block.pb-none {
  padding-bottom: var(--template-spacing-none) !important;
}
section.content-block.mt-xxs {
  margin-top: var(--template-spacing-xxs) !important;
}
section.content-block.mb-xxs {
  margin-bottom: var(--template-spacing-xxs) !important;
}
section.content-block.pt-xxs {
  padding-top: var(--template-spacing-xxs) !important;
}
section.content-block.pb-xxs {
  padding-bottom: var(--template-spacing-xxs) !important;
}
section.content-block.mt-xs {
  margin-top: var(--template-spacing-xs) !important;
}
section.content-block.mb-xs {
  margin-bottom: var(--template-spacing-xs) !important;
}
section.content-block.pt-xs {
  padding-top: var(--template-spacing-xs) !important;
}
section.content-block.pb-xs {
  padding-bottom: var(--template-spacing-xs) !important;
}
section.content-block.mt-sm {
  margin-top: var(--template-spacing-sm) !important;
}
section.content-block.mb-sm {
  margin-bottom: var(--template-spacing-sm) !important;
}
section.content-block.pt-sm {
  padding-top: var(--template-spacing-sm) !important;
}
section.content-block.pb-sm {
  padding-bottom: var(--template-spacing-sm) !important;
}
section.content-block.mt-md {
  margin-top: var(--template-spacing-md) !important;
}
section.content-block.mb-md {
  margin-bottom: var(--template-spacing-md) !important;
}
section.content-block.pt-md {
  padding-top: var(--template-spacing-md) !important;
}
section.content-block.pb-md {
  padding-bottom: var(--template-spacing-md) !important;
}
section.content-block.mt-lg {
  margin-top: var(--template-spacing-lg) !important;
}
section.content-block.mb-lg {
  margin-bottom: var(--template-spacing-lg) !important;
}
section.content-block.pt-lg {
  padding-top: var(--template-spacing-lg) !important;
}
section.content-block.pb-lg {
  padding-bottom: var(--template-spacing-lg) !important;
}
section.content-block.mt-xl {
  margin-top: var(--template-spacing-xl) !important;
}
section.content-block.mb-xl {
  margin-bottom: var(--template-spacing-xl) !important;
}
section.content-block.pt-xl {
  padding-top: var(--template-spacing-xl) !important;
}
section.content-block.pb-xl {
  padding-bottom: var(--template-spacing-xl) !important;
}
section.content-block.mt-2xl {
  margin-top: var(--template-spacing-2xl) !important;
}
section.content-block.mb-2xl {
  margin-bottom: var(--template-spacing-2xl) !important;
}
section.content-block.pt-2xl {
  padding-top: var(--template-spacing-2xl) !important;
}
section.content-block.pb-2xl {
  padding-bottom: var(--template-spacing-2xl) !important;
}
section.content-block .template-button {
  margin-top: 3.625rem;
  text-align: center;
}
section.content-block .lottie-container {
  height: 100%;
}

section[class*=bg-] {
  padding-top: var(--base-padding);
  padding-bottom: var(--base-padding);
}
section[class*=bg-]:last-of-type {
  margin-bottom: 0;
}
section[class*=bg-]:first-of-type {
  margin-top: 0;
}
section[class*=bg-] + section[class*=bg-] {
  margin-top: 0;
}

section[class*=is-style-contained] {
  --contained-bg-offset: 3.125rem;
}
section[class*=is-style-contained]:first-of-type {
  margin-top: var(--base-margin);
}
section[class*=is-style-contained]:last-of-type {
  margin-bottom: var(--base-margin);
}
section[class*=is-style-contained] .bg-container {
  margin-right: auto;
  margin-left: auto;
  border: 3px solid var(--body-color);
  border-radius: 2.25rem;
  width: min(var(--vw) * 100 - var(--content-padding) * 2, 81.5rem);
  overflow: hidden;
}
section[class*=is-style-contained] > .grid-container > .grid-x {
  padding-right: var(--content-padding);
  padding-left: var(--content-padding);
}
section[class*=is-style-contained].bg-black > .grid-container {
  margin-top: var(--contained-bg-offset);
  margin-bottom: var(--contained-bg-offset);
}
section[class*=is-style-contained].bg-black .bg-container {
  top: 3.125rem;
  bottom: unset;
  height: calc(100% - var(--contained-bg-offset) * 2);
}
section[class*=is-style-contained].bg-black:last-of-type {
  margin-bottom: 0;
}
section[class*=is-style-contained].bg-blue > .grid-container {
  margin-top: var(--contained-bg-offset);
  margin-bottom: var(--contained-bg-offset);
}
section[class*=is-style-contained].bg-blue .bg-container {
  top: 3.125rem;
  bottom: unset;
  height: calc(100% - var(--contained-bg-offset) * 2);
}
section[class*=is-style-contained].bg-blue:last-of-type {
  margin-bottom: 0;
}
section[class*=is-style-contained].bg-blue-dark > .grid-container {
  margin-top: var(--contained-bg-offset);
  margin-bottom: var(--contained-bg-offset);
}
section[class*=is-style-contained].bg-blue-dark .bg-container {
  top: 3.125rem;
  bottom: unset;
  height: calc(100% - var(--contained-bg-offset) * 2);
}
section[class*=is-style-contained].bg-blue-dark:last-of-type {
  margin-bottom: 0;
}
section[class*=is-style-contained].bg-blue-light > .grid-container {
  margin-top: var(--contained-bg-offset);
  margin-bottom: var(--contained-bg-offset);
}
section[class*=is-style-contained].bg-blue-light .bg-container {
  top: 3.125rem;
  bottom: unset;
  height: calc(100% - var(--contained-bg-offset) * 2);
}
section[class*=is-style-contained].bg-blue-light:last-of-type {
  margin-bottom: 0;
}
section[class*=is-style-contained].bg-grey > .grid-container {
  margin-top: var(--contained-bg-offset);
  margin-bottom: var(--contained-bg-offset);
}
section[class*=is-style-contained].bg-grey .bg-container {
  top: 3.125rem;
  bottom: unset;
  height: calc(100% - var(--contained-bg-offset) * 2);
}
section[class*=is-style-contained].bg-grey:last-of-type {
  margin-bottom: 0;
}
section[class*=is-style-contained].bg-grey-light > .grid-container {
  margin-top: var(--contained-bg-offset);
  margin-bottom: var(--contained-bg-offset);
}
section[class*=is-style-contained].bg-grey-light .bg-container {
  top: 3.125rem;
  bottom: unset;
  height: calc(100% - var(--contained-bg-offset) * 2);
}
section[class*=is-style-contained].bg-grey-light:last-of-type {
  margin-bottom: 0;
}
section[class*=is-style-contained].has-borders > .grid-container {
  margin-top: var(--contained-bg-offset);
  margin-bottom: var(--contained-bg-offset);
}
section[class*=is-style-contained].has-borders .bg-container {
  top: 3.125rem;
  bottom: unset;
  border: 3px solid var(--body-color);
  height: calc(100% - var(--contained-bg-offset) * 2);
}

.template-hero {
  --hero-photo-h: 31.25rem;
  position: relative;
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-8);
  overflow: hidden;
  overflow: clip;
}
@media only screen and (min-width: 64em) {
  .template-hero {
    padding-bottom: 0;
  }
}
.template-hero .grid-container {
  position: relative;
  z-index: 1;
}
.template-hero__grid {
  display: grid;
  position: relative;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--spacing-8) var(--grid-column-gap);
  align-items: start;
}
.template-hero__grid > * {
  grid-column: 1/-1;
}
@media only screen and (max-width: 47.9375em) {
  .template-hero__grid {
    row-gap: 0;
  }
}
@media only screen and (min-width: 48em) {
  .template-hero__grid {
    row-gap: var(--spacing-10);
  }
}
.template-hero__content {
  display: flex;
  position: relative;
  z-index: 2;
  flex-direction: column;
  gap: var(--spacing-6);
}
@media only screen and (min-width: 48em) {
  .template-hero__content {
    grid-column: 1/span 6;
  }
}
@media only screen and (min-width: 64em) {
  .template-hero__content {
    grid-column: 1/span 5;
    gap: var(--spacing-8);
  }
}
.template-hero__heading {
  display: flex;
  flex-direction: column;
}
.template-hero__title {
  font-weight: 700;
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h1);
  margin: 0;
}
.template-hero__lead {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  max-width: 35ch;
  color: var(--text);
}
.template-hero__lead strong,
.template-hero__lead b {
  font-weight: 700;
}
.template-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4);
}
.template-hero__socials {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.template-hero__media {
  display: flex;
  position: relative;
}
@media only screen and (max-width: 47.9375em) {
  .template-hero__media {
    margin-top: var(--spacing-8);
  }
}
@media only screen and (min-width: 48em) {
  .template-hero__media {
    grid-column: 7/span 6;
    --hero-photo-h: 30rem;
  }
}
@media only screen and (min-width: 64em) {
  .template-hero__media {
    grid-column: 6/span 7;
    --hero-photo-h: 37.25rem;
  }
}
.template-hero__portrait {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: var(--hero-photo-h);
  object-fit: contain;
  object-position: bottom center;
}
@media only screen and (min-width: 64em) {
  .template-hero__portrait {
    margin-top: calc(-1 * var(--spacing-6));
    object-position: 23% 100%;
  }
}
.template-hero__portrait--slot {
  display: grid;
  place-items: center;
  margin: 0 auto;
  border: 0.0625rem dashed var(--border-input);
  border-radius: var(--r-lg);
  width: 62%;
}
.template-hero__portrait-monogram {
  font-weight: 700;
  font-size: var(--font-size-metric);
  line-height: var(--line-height-metric);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h1);
  opacity: 0.5;
  color: var(--accent);
}
.template-hero__decor {
  display: block;
  position: absolute;
  inset: 3.5rem -7.75rem;
  pointer-events: none;
}
.template-hero__decor > * {
  display: block;
  position: absolute;
}
@media only screen and (min-width: 48em) {
  .template-hero__decor {
    inset: 3.5rem -3.75rem;
  }
}
@media only screen and (min-width: 64em) {
  .template-hero__decor {
    inset: -2.5rem -3.75rem;
  }
}
.template-hero__blob {
  top: 0;
  left: 6%;
  background: var(--decor-blob) no-repeat center/contain;
  width: 94%;
  padding-bottom: 71.8%;
}
@media only screen and (max-width: 63.9375em) {
  .template-hero__blob {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 47.9375em) {
  .template-hero__blob {
    top: 2%;
    width: 110%;
  }
}
.template-hero__object {
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 47.9375em) {
  .template-hero__object {
    display: none;
  }
}
.template-hero__object--cube {
  top: 21%;
  left: -6.4%;
  background-image: url("../images/cube.png");
  width: 14.6%;
  padding-bottom: 17.5%;
}
@media only screen and (max-width: 63.9375em) {
  .template-hero__object--cube {
    display: none;
  }
}
.template-hero__object--sphere {
  top: 50.6%;
  left: 7.3%;
  background-image: url("../images/gold-sphere.png");
  width: 8.5%;
  padding-bottom: 10.3%;
}
.template-hero__object--cross {
  top: 57.1%;
  right: -2.1%;
  background-image: url("../images/gold-cross.png");
  width: 8.4%;
  padding-bottom: 7.9%;
}
.template-hero__metrics {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--grid-column-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 48em) {
  .template-hero__metrics {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 64em) {
  .template-hero__metrics {
    display: flex;
    position: absolute;
    top: 50%;
    right: 0;
    flex-direction: column;
    transform: translateY(-50%);
    z-index: 1;
    width: 17.5rem;
    gap: var(--spacing-12);
  }
}
@media only screen and (min-width: 64em) {
  .template-hero__metrics-item:nth-child(2) {
    transform: translateX(-0.75rem);
  }
  .template-hero__metrics-item:nth-child(3) {
    transform: translateX(-1.625rem);
  }
}
.template-hero__metric {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-4);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-md);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background: var(--surface);
  padding: var(--spacing-3) var(--spacing-5);
  height: 100%;
}
.template-hero__metric-body {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.template-hero__metric-value {
  font-weight: 700;
  font-size: var(--font-size-metric);
  line-height: var(--line-height-metric);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h1);
  color: var(--accent);
}
.template-hero__metric-label {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--text-muted);
}
.template-hero__metric-label strong,
.template-hero__metric-label b {
  font-weight: 700;
}
.template-hero__metric-icon {
  width: 4rem;
  height: 4rem;
}

.template-quick-facts {
  position: relative;
  padding-top: var(--spacing-10);
}
.template-quick-facts__list {
  display: grid;
  margin: 0;
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-sm);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  padding: var(--spacing-3) var(--spacing-5);
}
@media only screen and (min-width: 48em) {
  .template-quick-facts__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: var(--spacing-4) var(--spacing-3);
  }
}
@media only screen and (min-width: 64em) {
  .template-quick-facts__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.template-quick-facts__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--spacing-1) var(--spacing-3);
  align-content: start;
  align-items: start;
  padding: var(--spacing-3) 0;
}
@media only screen and (min-width: 48em) {
  .template-quick-facts__item {
    padding: var(--spacing-3) var(--spacing-5);
  }
}
.template-quick-facts__item + .template-quick-facts__item {
  -webkit-border-before: 0.0625rem solid var(--rule);
          border-block-start: 0.0625rem solid var(--rule);
}
@media only screen and (min-width: 48em) {
  .template-quick-facts__item:nth-child(n) {
    border: 0;
  }
  .template-quick-facts__item:nth-child(2n) {
    -webkit-border-start: 0.0625rem solid var(--rule);
            border-inline-start: 0.0625rem solid var(--rule);
  }
  .template-quick-facts__item:nth-child(n+3) {
    -webkit-border-before: 0.0625rem solid var(--rule);
            border-block-start: 0.0625rem solid var(--rule);
  }
}
@media only screen and (min-width: 64em) {
  .template-quick-facts__item:nth-child(n) {
    border: 0;
  }
  .template-quick-facts__item:not(:nth-child(4n+1)) {
    -webkit-border-start: 0.0625rem solid var(--rule);
            border-inline-start: 0.0625rem solid var(--rule);
  }
  .template-quick-facts__item:nth-child(n+5) {
    -webkit-border-before: 0.0625rem solid var(--rule);
            border-block-start: 0.0625rem solid var(--rule);
  }
}
.template-quick-facts__icon {
  grid-row: 1/span 2;
  align-self: start;
  margin-top: calc((var(--line-height-body) - 1.75rem) / 2);
  width: 1.75rem;
  height: 1.75rem;
}
.template-quick-facts__label {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text);
  font-weight: 700;
}
.template-quick-facts__label strong,
.template-quick-facts__label b {
  font-weight: 700;
}
.template-quick-facts__value {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text-muted);
}
.template-quick-facts__value strong,
.template-quick-facts__value b {
  font-weight: 700;
}

.template-about {
  position: relative;
  padding-top: var(--sec-y-compact);
}
.template-about__panel {
  position: relative;
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-lg);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  padding: var(--spacing-6) var(--spacing-5);
}
@media only screen and (min-width: 48em) {
  .template-about__panel {
    padding: var(--spacing-8);
  }
}
.template-about__decor {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: var(--r-lg);
  background-color: rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
.template-about__glow {
  display: none;
  position: absolute;
  bottom: -6rem;
  right: calc(var(--content-padding) - 7.5rem);
  opacity: 0.7;
  filter: blur(4.625rem);
  border-radius: 75%;
  background-image: linear-gradient(180deg, rgb(from var(--decor-pink) r g b / 73%) 0%, rgb(from var(--decor-warm) r g b / 68%) 95%);
  width: 21.5rem;
  height: 21.5rem;
}
@media only screen and (min-width: 64em) {
  .template-about__glow {
    display: block;
  }
}
.template-about .grid-container {
  position: relative;
}
.template-about__object--cross {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  left: calc(var(--content-padding) - 4rem);
  background: url("../images/gold-cross-about.png") no-repeat center/contain;
  width: 4.5rem;
  height: 5.3125rem;
}
@media only screen and (min-width: 64em) {
  .template-about__object--cross {
    display: block;
  }
}
.template-about__grid {
  display: grid;
  position: relative;
  z-index: 1;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--spacing-10) var(--grid-column-gap);
  align-items: stretch;
}
.template-about__grid > * {
  grid-column: 1/-1;
}
.template-about__intro {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 64em) {
  .template-about__intro {
    grid-column: 1/span 5;
  }
}
.template-about__title {
  margin-bottom: var(--spacing-5);
}
.template-about__text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  max-width: 50ch;
  color: var(--text-muted);
}
.template-about__text strong,
.template-about__text b {
  font-weight: 700;
}
.template-about__text p {
  margin: 0 0 var(--spacing-4);
}
.template-about__text p:last-child {
  margin-bottom: 0;
}
.template-about__signature {
  display: block;
  margin-top: auto;
  width: 10rem;
  color: var(--accent);
}
.template-about__signature img,
.template-about__signature svg {
  display: block;
  width: 100%;
  height: auto;
}
.template-about__bring {
  display: flex;
  flex-direction: column;
  -webkit-border-before: 0.0625rem solid var(--rule);
          border-block-start: 0.0625rem solid var(--rule);
  -webkit-padding-before: var(--spacing-8);
          padding-block-start: var(--spacing-8);
}
@media only screen and (min-width: 64em) {
  .template-about__bring {
    grid-column: 6/-1;
    -webkit-border-before: 0;
            border-block-start: 0;
    -webkit-border-start: 0.0625rem solid var(--rule);
            border-inline-start: 0.0625rem solid var(--rule);
    -webkit-padding-before: 0;
            padding-block-start: 0;
    -webkit-padding-start: var(--spacing-10);
            padding-inline-start: var(--spacing-10);
  }
}
.template-about__bring-list {
  display: grid;
  gap: var(--spacing-6);
  margin: 0;
  padding: 0;
  list-style: none;
}
.template-about__bring-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--spacing-4);
  align-items: start;
}
.template-about__bring-icon {
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  border-radius: var(--r-md);
  background-color: var(--accent-tint);
  width: 3.5rem;
  height: 3.5rem;
}
.template-about__bring-icon img,
.template-about__bring-icon svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.template-about__bring-title {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0 0 var(--spacing-1);
  font-weight: 700;
  color: var(--text);
}
.template-about__bring-title strong,
.template-about__bring-title b {
  font-weight: 700;
}
.template-about__bring-text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text-muted);
}
.template-about__bring-text strong,
.template-about__bring-text b {
  font-weight: 700;
}

.template-highlights {
  position: relative;
  padding-top: var(--sec-y-compact);
}
.template-highlights__header {
  margin-bottom: var(--spacing-12);
}
.template-highlights__title {
  max-width: 30ch;
}
.template-highlights__list {
  display: grid;
  gap: var(--spacing-6) var(--grid-column-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 48em) {
  .template-highlights__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 64em) {
  .template-highlights__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.template-highlights__item {
  display: flex;
}
.template-highlights__card {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-sm);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  padding: var(--panel-pad);
}
.template-highlights__metric {
  font-weight: 700;
  font-size: var(--font-size-metric);
  line-height: var(--line-height-metric);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h1);
  margin: 0 0 var(--spacing-4);
  color: var(--accent);
}
.template-highlights__item-title {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0 0 var(--spacing-2);
}
.template-highlights__item-text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0 0 var(--spacing-8);
  color: var(--text-muted);
}
.template-highlights__item-text strong,
.template-highlights__item-text b {
  font-weight: 700;
}
.template-highlights__footer {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-4);
  margin-top: auto;
  -webkit-border-before: 0.0625rem solid var(--rule);
          border-block-start: 0.0625rem solid var(--rule);
  -webkit-padding-before: var(--spacing-5);
          padding-block-start: var(--spacing-5);
}
.template-highlights__company {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--text);
  font-weight: 600;
}
.template-highlights__company strong,
.template-highlights__company b {
  font-weight: 700;
}
.template-highlights__meta {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--text-muted);
  text-align: end;
}
.template-highlights__meta strong,
.template-highlights__meta b {
  font-weight: 700;
}

.template-selected-work {
  position: relative;
  padding-top: var(--sec-y-compact);
}
.template-selected-work__header {
  margin-bottom: var(--spacing-12);
}
.template-selected-work__heading {
  display: flex;
  flex-direction: column;
}
.template-selected-work__title {
  max-width: 30ch;
}
.template-selected-work__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacing-6) var(--grid-column-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.template-selected-work__item {
  display: flex;
  position: relative;
  flex: 0 0 100%;
  min-width: 0;
}
@media only screen and (min-width: 48em) {
  .template-selected-work__item {
    flex-basis: calc((100% - var(--grid-column-gap)) / 2);
  }
}
@media only screen and (min-width: 64em) {
  .template-selected-work__item {
    flex-basis: calc((100% - var(--grid-column-gap) * 2) / 3);
  }
}
.template-selected-work__card {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  flex-direction: column;
  transition: transform 0.24s var(--ease), box-shadow 0.24s var(--ease);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-md);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-image: linear-gradient(148deg, transparent 30%, rgb(from var(--card-accent) r g b / 12%) 100%);
  background-color: var(--surface);
  padding: var(--spacing-7);
  color: var(--text);
  text-decoration: none;
  overflow: hidden;
}
@media (hover: hover) {
  .template-selected-work__card:hover {
    box-shadow: var(--shadow-lg);
  }
}
.template-selected-work__card:focus-visible {
  transform: none;
}
.template-selected-work__card-title, .template-selected-work__card-category, .template-selected-work__cta {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 64em) {
  .template-selected-work__card.is-illustrated {
    padding-bottom: var(--spacing-28);
  }
  .template-selected-work__card.is-illustrated .template-selected-work__card-title,
  .template-selected-work__card.is-illustrated .template-selected-work__card-category {
    max-width: 62%;
  }
}
.template-selected-work__card-title {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0 0 var(--spacing-2);
}
.template-selected-work__card .template-selected-work__card-category {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0 0 var(--spacing-6);
  color: var(--text-muted);
}
.template-selected-work__card .template-selected-work__card-category strong,
.template-selected-work__card .template-selected-work__card-category b {
  font-weight: 700;
}
.template-selected-work__visual {
  display: block;
  position: absolute;
  right: -1.5rem;
  bottom: -1rem;
  transform: scale(1);
  transform-origin: right bottom;
  transition: transform 0.26s var(--ease);
  width: 62%;
  pointer-events: none;
}
.template-selected-work__visual img {
  display: block;
  width: 100%;
  height: auto;
}
.template-selected-work__object {
  display: none;
  position: absolute;
  z-index: 1;
  transform: translate(0, 0) rotate(0deg);
  transition: transform 0.32s var(--ease);
  width: 6rem;
  pointer-events: none;
}
.template-selected-work__object img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 64em) {
  .template-selected-work__object {
    display: block;
  }
}
.template-selected-work__object--bottom-left {
  bottom: -2rem;
  left: -2.5rem;
}
.template-selected-work__object--bottom-right {
  right: -2.5rem;
  bottom: -2rem;
}
.template-selected-work__object--top-left {
  top: -2rem;
  left: -2.5rem;
}
.template-selected-work__object--top-right {
  top: -2rem;
  right: -2.5rem;
}
.template-selected-work__empty {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text-muted);
}
.template-selected-work__empty strong,
.template-selected-work__empty b {
  font-weight: 700;
}
.template-selected-work__cta {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  display: inline-flex;
  margin-top: auto;
  align-self: flex-start;
  align-items: center;
  gap: var(--spacing-3);
  border-radius: var(--r-pill);
  background-color: var(--card-accent);
  padding: 0 var(--spacing-5);
  min-height: var(--tap-min);
  color: var(--on-accent);
  font-weight: 600;
}
.template-selected-work__cta strong,
.template-selected-work__cta b {
  font-weight: 700;
}
.template-selected-work__cta::after {
  flex: 0 0 auto;
  transform: translateX(0);
  transition: transform var(--tr) var(--ease);
  -webkit-mask: url("../images/arrow-right.svg") no-repeat center/contain;
          mask: url("../images/arrow-right.svg") no-repeat center/contain;
  background-color: currentcolor;
  width: 1.125rem;
  height: 1.125rem;
  content: "";
}
@media (hover: hover) {
  .template-selected-work__card:hover .template-selected-work__visual {
    transform: scale(1.03);
  }
  .template-selected-work__card:hover .template-selected-work__cta::after {
    transform: translateX(0.25rem);
  }
  .template-selected-work__card:hover .template-selected-work__object {
    transform: translate(0.5rem, -0.375rem) rotate(6deg);
  }
}

.template-experience {
  position: relative;
  padding-top: var(--sec-y-compact);
}
.template-experience__header {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-12);
}
.template-experience__title {
  max-width: 30ch;
}
.template-experience__panel {
  position: relative;
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-lg);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  overflow: hidden;
}
.template-experience__list {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 64em) {
  .template-experience__list {
    display: grid;
    grid-template-columns: 3fr 9fr;
    position: relative;
    align-content: start;
    align-items: start;
  }
}
@media only screen and (min-width: 64em) {
  .template-experience__item {
    display: contents;
  }
}
.template-experience__heading {
  margin: 0;
}
@media only screen and (min-width: 64em) {
  .template-experience__heading {
    display: contents;
  }
}
.template-experience__trigger {
  display: grid;
  position: relative;
  grid-template-columns: 1fr auto;
  gap: 0 var(--spacing-4);
  align-items: center;
  cursor: pointer;
  border: 0;
  border-top: 0.0625rem solid var(--rule);
  background: transparent;
  padding: var(--spacing-5) var(--spacing-6);
  width: 100%;
  color: var(--text);
  text-align: left;
}
@media only screen and (min-width: 64em) {
  .template-experience__trigger {
    grid-column: 1;
    grid-template-columns: 1fr;
    transition: background-color var(--tr) var(--ease);
    border-top: 0.0625rem solid var(--rule);
    padding: var(--spacing-4) var(--spacing-6);
  }
}
@media (hover: hover) {
  .template-experience__trigger:hover {
    color: var(--accent);
  }
}
.template-experience__item:first-child .template-experience__trigger {
  border-top: 0;
}
.template-experience__company {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  font-weight: 700;
}
.template-experience__company strong,
.template-experience__company b {
  font-weight: 700;
}
@media only screen and (min-width: 64em) {
  .template-experience__company {
    font-weight: 400;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    font-family: var(--primary-font);
    text-transform: none;
    font-weight: 700;
  }
  .template-experience__company strong,
  .template-experience__company b {
    font-weight: 700;
  }
}
.template-experience__meta {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  grid-column: 1;
  color: var(--text-muted);
}
@media only screen and (min-width: 64em) {
  .template-experience__meta {
    display: none;
  }
}
.template-experience__sign {
  display: block;
  position: relative;
  grid-row: 1/span 2;
  grid-column: 2;
  width: 1rem;
  height: 1rem;
}
.template-experience__sign::before, .template-experience__sign::after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: transform var(--tr) var(--ease);
  background-color: var(--icon);
  width: 100%;
  height: 0.125rem;
  content: "";
}
.template-experience__sign::after {
  transform: translateY(-50%) rotate(90deg);
}
@media only screen and (min-width: 64em) {
  .template-experience__sign {
    display: none;
  }
}
.template-experience__item.is-open .template-experience__sign::after {
  transform: translateY(-50%) rotate(0deg);
}
@media only screen and (min-width: 64em) {
  .template-experience__item.is-open .template-experience__trigger {
    background-color: var(--accent-tint);
    color: var(--accent-on-tint);
    font-weight: 600;
  }
  .template-experience__item.is-open .template-experience__trigger::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: var(--accent);
    width: 0.1875rem;
    content: "";
  }
}
.template-experience__body {
  visibility: hidden;
  transition: max-height 0.28s var(--ease), visibility 0s linear 0.28s;
  max-height: 0;
  overflow: hidden;
}
.template-experience__item.is-open .template-experience__body {
  visibility: visible;
  transition: max-height 0.28s var(--ease), visibility 0s linear 0s;
  max-height: 35rem;
}
.template-experience__body-inner {
  padding: 0 var(--spacing-6) var(--spacing-6);
}
@media only screen and (min-width: 64em) {
  .template-experience__list {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }
  .template-experience__body {
    display: none;
    grid-row: 1/span 40;
    grid-column: 2;
    visibility: visible;
    transition: none;
    border-left: 0.0625rem solid var(--rule);
    max-height: none;
  }
  .template-experience__item.is-open .template-experience__body {
    display: block;
    animation: experience-tab-in 0.4s var(--ease) both;
    max-height: none;
  }
  .template-experience__body-inner {
    padding: var(--spacing-8) var(--spacing-10);
  }
}
.template-experience__job {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  margin-bottom: var(--spacing-6);
}
@media only screen and (min-width: 64em) {
  .template-experience__job {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--spacing-6);
  }
}
.template-experience__role {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0;
  font-weight: 600;
}
.template-experience__at {
  color: var(--accent);
}
.template-experience__period {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  display: none;
  margin: 0;
  color: var(--text-muted);
  white-space: nowrap;
}
@media only screen and (min-width: 64em) {
  .template-experience__period {
    display: block;
    padding-top: 0.375rem;
  }
}
.template-experience__points {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  margin: 0;
  padding: 0;
  max-width: 40rem;
  list-style: none;
}
@media only screen and (min-width: 64em) {
  .template-experience__points {
    max-width: min(40rem, 100% - 10.75rem);
  }
}
.template-experience__point {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-3);
  align-items: start;
  color: var(--text-muted);
}
.template-experience__point strong,
.template-experience__point b {
  font-weight: 700;
}
.template-experience__decor {
  display: none;
  position: absolute;
  right: var(--spacing-10);
  bottom: var(--spacing-8);
  background: url("../images/experience.png") no-repeat center/contain;
  width: 9.25rem;
  height: 9.25rem;
  pointer-events: none;
}
@media only screen and (min-width: 64em) {
  .template-experience__decor {
    display: block;
    animation: experience-float 7s var(--ease) infinite alternate;
  }
}
@media (prefers-reduced-motion: reduce) {
  .template-experience__decor {
    animation: none;
  }
}

@keyframes experience-tab-in {
  from {
    transform: translateY(0.5rem);
    opacity: 0;
    filter: blur(0.25rem);
  }
  to {
    transform: translateY(0);
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes experience-float {
  from {
    transform: translateY(0) rotate(0deg);
  }
  to {
    transform: translateY(-0.75rem) rotate(4deg);
  }
}
.template-expertise {
  position: relative;
  padding-top: var(--sec-y-compact);
}
.template-expertise .grid-container {
  position: relative;
}
.template-expertise__object {
  display: none;
  position: absolute;
  bottom: -1.5rem;
  left: calc(var(--content-padding) - 5.25rem);
  background: url("../images/gold-cross-about.png") no-repeat center/contain;
  width: 6rem;
  height: 7.125rem;
  pointer-events: none;
}
@media only screen and (min-width: 64em) {
  .template-expertise__object {
    display: block;
  }
}
.template-expertise__header {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-12);
}
.template-expertise__title {
  max-width: 30ch;
}
.template-expertise__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-6) var(--grid-column-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 48em) {
  .template-expertise__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 90em) {
  .template-expertise__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.template-expertise__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-4);
  align-items: start;
  transition: transform var(--tr) var(--ease), box-shadow var(--tr) var(--ease);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-md);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  padding: var(--spacing-6);
}
@media (hover: hover) {
  .template-expertise__item:hover {
    transform: translateY(-0.125rem);
    box-shadow: var(--shadow-lg);
  }
}
.template-expertise__icon {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  color: var(--icon);
}
.template-expertise__icon img,
.template-expertise__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.template-expertise__item-title {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0 0 var(--spacing-1);
  font-weight: 600;
}
.template-expertise__item-text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text-muted);
}
.template-expertise__item-text strong,
.template-expertise__item-text b {
  font-weight: 700;
}

.template-services {
  position: relative;
  padding-top: var(--sec-y-compact);
}
.template-services__header {
  margin-bottom: var(--spacing-12);
}
.template-services__title {
  max-width: 20ch;
}
.template-services__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-6) var(--grid-column-gap);
  margin: 0;
  padding: 0;
  counter-reset: service;
  list-style: none;
}
@media only screen and (min-width: 48em) {
  .template-services__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 64em) {
  .template-services__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.template-services__item {
  display: flex;
  position: relative;
  flex-direction: column;
  transition: transform var(--tr) var(--ease), box-shadow var(--tr) var(--ease);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-sm);
  border: 0.0625rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  padding: var(--panel-pad);
  counter-increment: service;
}
.template-services__item::before {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  margin-bottom: var(--spacing-6);
  border-radius: var(--r-pill);
  background-color: var(--accent-tint);
  width: 3rem;
  height: 3rem;
  color: var(--accent-on-tint);
  content: counter(service, decimal-leading-zero);
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
@media (hover: hover) {
  .template-services__item:hover {
    transform: translateY(-0.25rem);
    box-shadow: var(--shadow-md);
  }
}
.template-services__item-title {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  position: relative;
  margin: 0 0 var(--spacing-6);
  padding-bottom: var(--spacing-4);
}
.template-services__item-title::after {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  background: rgb(from var(--accent) r g b / 32%);
  width: 3rem;
  height: 0.125rem;
  content: "";
}
.template-services__item-text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text-muted);
}
.template-services__item-text strong,
.template-services__item-text b {
  font-weight: 700;
}

.template-process {
  position: relative;
  padding-top: var(--sec-y-compact);
}
.template-process__header {
  margin-bottom: var(--spacing-12);
}
.template-process__title {
  max-width: 20ch;
}
.template-process__list {
  display: grid;
  gap: var(--spacing-6);
  margin: 0;
  padding: 0;
  counter-reset: process-step;
  list-style: none;
}
.template-process__item {
  display: grid;
  position: relative;
  grid-template-columns: 3rem minmax(0, 1fr);
  align-items: center;
  gap: var(--spacing-5);
  counter-increment: process-step;
}
@media only screen and (min-width: 48em) {
  .template-process__item {
    gap: var(--spacing-8);
  }
}
.template-process__item::before {
  display: grid;
  z-index: 1;
  place-items: center;
  border-radius: var(--r-pill);
  background-color: var(--accent-tint);
  width: 3rem;
  height: 3rem;
  color: var(--accent-on-tint);
  content: counter(process-step, decimal-leading-zero);
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
.template-process__item:not(:last-child)::after {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 1.4375rem;
  background-color: var(--accent-tint);
  width: 0.125rem;
  height: calc(100% + var(--spacing-6));
  content: "";
}
.template-process__card {
  display: grid;
  gap: var(--spacing-3);
  transition: transform var(--tr) var(--ease), box-shadow var(--tr) var(--ease);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-sm);
  border: 0.0625rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  padding: var(--panel-pad);
}
@media only screen and (min-width: 48em) {
  .template-process__card {
    grid-template-columns: 12.5rem minmax(0, 1fr);
    align-items: center;
    gap: var(--spacing-8);
  }
}
@media only screen and (min-width: 64em) {
  .template-process__card {
    grid-template-columns: 16.25rem minmax(0, 1fr);
  }
}
@media (hover: hover) {
  .template-process__card:hover {
    transform: translateY(-0.125rem);
    box-shadow: var(--shadow-md);
  }
}
.template-process__item-title {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0;
}
.template-process__item-text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text-muted);
  -webkit-border-before: 0.0625rem solid var(--accent-tint);
          border-block-start: 0.0625rem solid var(--accent-tint);
  -webkit-padding-before: var(--spacing-3);
          padding-block-start: var(--spacing-3);
}
.template-process__item-text strong,
.template-process__item-text b {
  font-weight: 700;
}
@media only screen and (min-width: 48em) {
  .template-process__item-text {
    -webkit-border-before: 0;
            border-block-start: 0;
    -webkit-border-start: 0.0625rem solid var(--accent-tint);
            border-inline-start: 0.0625rem solid var(--accent-tint);
    -webkit-padding-before: 0;
            padding-block-start: 0;
    -webkit-padding-start: var(--spacing-8);
            padding-inline-start: var(--spacing-8);
  }
}
.template-process__callout {
  display: grid;
  gap: var(--spacing-3);
  margin-top: var(--spacing-8);
  border-radius: var(--r-lg);
  background-color: var(--accent-tint);
  padding: var(--panel-pad);
}
@media only screen and (min-width: 48em) {
  .template-process__callout {
    grid-template-columns: calc(3rem + var(--spacing-8) + 0.0625rem + 12.5rem) minmax(0, 1fr);
    align-items: center;
    gap: var(--spacing-8);
  }
}
@media only screen and (min-width: 64em) {
  .template-process__callout {
    grid-template-columns: calc(3rem + var(--spacing-8) + 0.0625rem + 16.25rem) minmax(0, 1fr);
  }
}
.template-process__callout-head {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
}
@media only screen and (min-width: 48em) {
  .template-process__callout-head {
    justify-content: center;
  }
}
.template-process__callout-icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  color: var(--accent);
}
.template-process__callout-icon svg * {
  stroke-width: calc(var(--icon-stroke) * 1.5);
}
.template-process__callout-title {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0;
  color: var(--accent-on-tint);
}
.template-process__callout-text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  -webkit-border-before: 0.0625rem solid rgb(from var(--accent) r g b / 24%);
          border-block-start: 0.0625rem solid rgb(from var(--accent) r g b / 24%);
  -webkit-padding-before: var(--spacing-3);
          padding-block-start: var(--spacing-3);
  color: var(--text-muted);
}
.template-process__callout-text strong,
.template-process__callout-text b {
  font-weight: 700;
}
@media only screen and (min-width: 48em) {
  .template-process__callout-text {
    -webkit-border-before: 0;
            border-block-start: 0;
    -webkit-border-start: 0.0625rem solid rgb(from var(--accent) r g b / 24%);
            border-inline-start: 0.0625rem solid rgb(from var(--accent) r g b / 24%);
    -webkit-padding-before: 0;
            padding-block-start: 0;
    -webkit-padding-start: var(--spacing-8);
            padding-inline-start: var(--spacing-8);
  }
}

.template-ai-teaching {
  position: relative;
  padding-top: var(--sec-y-compact);
}
.template-ai-teaching__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-6);
}
@media only screen and (min-width: 64em) {
  .template-ai-teaching__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-column-gap);
  }
}
.template-ai-teaching__panel {
  display: flex;
  position: relative;
  flex-direction: column;
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-lg);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  padding: var(--spacing-8);
  overflow: hidden;
}
@media only screen and (min-width: 48em) {
  .template-ai-teaching__panel {
    padding: var(--spacing-10);
  }
}
.template-ai-teaching__header {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  margin-bottom: var(--spacing-8);
}
.template-ai-teaching__header--badged {
  align-items: flex-start;
}
@media only screen and (min-width: 48em) {
  .template-ai-teaching__header--badged {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-6);
  }
}
@media only screen and (min-width: 64em) {
  .template-ai-teaching__header--badged {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-5);
  }
}
@media only screen and (min-width: 90em) {
  .template-ai-teaching__header--badged {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-6);
  }
}
.template-ai-teaching__header--badged div {
  display: flex;
  flex-direction: column;
}
.template-ai-teaching__lead {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: var(--spacing-5) 0 0;
  max-width: 35ch;
  color: var(--text-muted);
}
.template-ai-teaching__lead strong,
.template-ai-teaching__lead b {
  font-weight: 700;
}
.template-ai-teaching__badge {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  flex: 0 0 auto;
  margin: 0;
  border-radius: var(--r-pill);
  background-color: var(--accent-tint);
  padding: var(--spacing-2) var(--spacing-4);
  color: var(--accent-on-tint);
  font-weight: 600;
  white-space: nowrap;
}
.template-ai-teaching__items {
  display: grid;
  position: relative;
  z-index: 1;
  grid-template-columns: 1fr;
  gap: var(--spacing-6) var(--spacing-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 48em) {
  .template-ai-teaching__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 64em) {
  .template-ai-teaching__items {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 90em) {
  .template-ai-teaching__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.template-ai-teaching__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-4);
  align-items: center;
}
.template-ai-teaching__item-icon {
  width: 2rem;
  height: 2rem;
}
.template-ai-teaching__item-title {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0 0 0.125rem;
  font-weight: 700;
}
.template-ai-teaching__item-title strong,
.template-ai-teaching__item-title b {
  font-weight: 700;
}
.template-ai-teaching__item-text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text-muted);
}
.template-ai-teaching__item-text strong,
.template-ai-teaching__item-text b {
  font-weight: 700;
}
.template-ai-teaching__points {
  display: flex;
  position: relative;
  z-index: 1;
  flex-direction: column;
  gap: var(--spacing-3);
  margin: 0;
  padding: 0;
  max-width: 34rem;
  list-style: none;
}
.template-ai-teaching__point {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-3);
  align-items: start;
  color: var(--text-muted);
}
.template-ai-teaching__point strong,
.template-ai-teaching__point b {
  font-weight: 700;
}
.template-ai-teaching__decor {
  display: none;
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.template-ai-teaching__decor img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 64em) {
  .template-ai-teaching__decor {
    display: block;
  }
}
.template-ai-teaching__decor--ai {
  top: 1.5rem;
  right: 1.75rem;
  width: 10rem;
}
@media only screen and (min-width: 64em) {
  .template-ai-teaching__decor--ai {
    display: none;
  }
}
@media only screen and (min-width: 90em) {
  .template-ai-teaching__decor--ai {
    display: block;
  }
}
.template-ai-teaching__decor--teach {
  right: 1rem;
  bottom: 0.375rem;
  width: 12.5rem;
}

.template-testimonials {
  position: relative;
  padding-top: var(--sec-y-compact);
}
.template-testimonials__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--spacing-6);
  margin-bottom: var(--spacing-12);
}
.template-testimonials__header .template-testimonials__arrows {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  gap: var(--spacing-2);
}
.template-testimonials__header div {
  display: flex;
  flex-direction: column;
}
.template-testimonials__title {
  max-width: 30ch;
}
.template-testimonials__carousel {
  position: relative;
}
.template-testimonials__carousel .splide__track {
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
}
.template-testimonials__carousel .splide__list {
  align-items: flex-start;
}
.template-testimonials__carousel .splide__slide {
  height: auto;
}
.template-testimonials__card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--spacing-6) var(--spacing-3);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-sm);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  margin: 0;
  padding: var(--spacing-7);
}
.template-testimonials__mark {
  display: block;
  margin-top: 0.25rem;
  width: 1.125rem;
  color: var(--accent);
}
.template-testimonials__mark svg {
  display: block;
  width: 100%;
  height: auto;
}
.template-testimonials__body {
  display: grid;
  gap: var(--spacing-2);
  justify-items: start;
}
.template-testimonials__quote {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--text);
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.template-testimonials__quote strong,
.template-testimonials__quote b {
  font-weight: 700;
}
.template-testimonials__more {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  display: none;
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
  color: var(--accent-on-tint);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}
@media (hover: hover) {
  .template-testimonials__more:hover {
    color: var(--accent);
  }
}
.template-testimonials__card.is-clamped .template-testimonials__more {
  display: inline-flex;
}
.template-testimonials__card.is-expanded .template-testimonials__quote {
  -webkit-line-clamp: unset;
}
.template-testimonials__author {
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  gap: var(--spacing-3);
  margin-top: auto;
}
.template-testimonials__avatar {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  object-fit: cover;
}
.template-testimonials__avatar--initials {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  background-color: var(--accent-tint);
  color: var(--accent-on-tint);
  font-weight: 700;
}
.template-testimonials__avatar--initials strong,
.template-testimonials__avatar--initials b {
  font-weight: 700;
}
.template-testimonials__person {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}
.template-testimonials__name {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  font-weight: 700;
}
.template-testimonials__name strong,
.template-testimonials__name b {
  font-weight: 700;
}
.template-testimonials__role {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--text-muted);
}
.template-testimonials__source {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  flex: 0 0 auto;
  color: var(--accent);
  font-weight: 400;
}
.template-testimonials .splide__arrow svg {
  display: none;
}
.template-testimonials .splide__arrow {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  transition: border-color var(--tr) var(--ease), box-shadow var(--tr) var(--ease), opacity var(--tr) var(--ease);
  cursor: pointer;
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-md);
  border: 0.0625rem solid var(--border-input);
  border-radius: 50%;
  background-color: var(--surface);
  padding: 0;
  width: 3rem;
  height: 3rem;
  color: var(--text);
}
.template-testimonials .splide__arrow::after {
  -webkit-mask: url("../images/arrow-right.svg") no-repeat center/contain;
          mask: url("../images/arrow-right.svg") no-repeat center/contain;
  background-color: currentcolor;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
}
.template-testimonials .splide__arrow:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
@media (hover: hover) {
  .template-testimonials .splide__arrow:hover:not(:disabled) {
    border-color: var(--accent);
    color: var(--accent);
  }
}
.template-testimonials .splide__arrow--prev::after {
  transform: scaleX(-1);
}
.template-testimonials .splide__pagination {
  display: flex;
  justify-content: center;
  gap: var(--spacing-2);
  margin: var(--spacing-8) 0 0;
  padding: 0;
  list-style: none;
}
.template-testimonials .splide__pagination__page {
  transition: width var(--tr) var(--ease), background-color var(--tr) var(--ease);
  cursor: pointer;
  border: 0;
  border-radius: var(--r-pill);
  background-color: var(--border-input);
  padding: 0;
  width: 0.5rem;
  height: 0.5rem;
}
.template-testimonials .splide__pagination__page.is-active {
  background-color: var(--accent);
  width: 1.5rem;
}

.template-faq {
  position: relative;
  padding-top: var(--sec-y-compact);
}
.template-faq__header {
  margin-bottom: var(--spacing-12);
}
.template-faq__title {
  max-width: 30ch;
}
.template-faq__list {
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-sm);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  padding: 0 var(--spacing-5);
}
@media only screen and (min-width: 48em) {
  .template-faq__list {
    padding: 0 var(--panel-pad);
  }
}
.template-faq__item + .template-faq__item {
  -webkit-border-before: 0.0625rem solid var(--rule);
          border-block-start: 0.0625rem solid var(--rule);
}
.template-faq__question {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--spacing-4);
  cursor: pointer;
  padding: var(--spacing-5) 0;
  list-style: none;
  color: var(--text);
}
.template-faq__question::-webkit-details-marker {
  display: none;
}
.template-faq__question:focus-visible {
  outline: 0.125rem solid var(--focus-ring);
  outline-offset: 0.25rem;
  border-radius: var(--r-sm);
}
.template-faq__question-text {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0;
}
.template-faq__toggle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: background-color var(--tr) var(--ease), color var(--tr) var(--ease);
  border-radius: var(--r-pill);
  background-color: var(--bg-sunken);
  width: var(--tap-min);
  height: var(--tap-min);
  color: var(--text);
}
.template-faq__toggle svg {
  transition: transform var(--tr) var(--ease);
  width: var(--icon-size);
  height: var(--icon-size);
}
@media (hover: hover) {
  .template-faq__question:hover .template-faq__toggle {
    background-color: var(--accent-tint);
    color: var(--accent-on-tint);
  }
}
.template-faq__item[open] .template-faq__toggle {
  background-color: var(--accent-tint);
  color: var(--accent-on-tint);
}
.template-faq__item[open] .template-faq__toggle svg {
  transform: rotate(180deg);
}
.template-faq__answer {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  -webkit-padding-after: var(--spacing-6);
          padding-block-end: var(--spacing-6);
  color: var(--text-muted);
}
.template-faq__answer strong,
.template-faq__answer b {
  font-weight: 700;
}

.template-contact {
  position: relative;
  padding-top: var(--sec-y-compact);
  padding-bottom: var(--sec-y-compact);
}
@media only screen and (min-width: 64em) {
  .template-contact {
    padding-bottom: 0;
  }
}
.template-contact__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-6);
  align-items: start;
}
@media only screen and (min-width: 64em) {
  .template-contact__grid {
    grid-template-columns: 6fr 6fr;
    gap: 0;
    align-items: stretch;
  }
}
.template-contact__panel {
  position: relative;
  border: 0.0625rem solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  background-color: var(--accent-tint);
  padding: var(--panel-pad);
}
@media only screen and (min-width: 64em) {
  .template-contact__panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 0;
    border-radius: var(--r-lg) var(--r-lg) 0 0;
  }
}
.template-contact__eyebrow, .template-contact__title, .template-contact__panel .template-contact__lead, .template-contact__contacts {
  position: relative;
  z-index: 1;
}
.template-contact__heading {
  position: relative;
}
@media only screen and (min-width: 64em) {
  .template-contact__heading {
    -webkit-padding-end: calc(6.375rem + var(--spacing-4));
            padding-inline-end: calc(6.375rem + var(--spacing-4));
  }
}
.template-contact__eyebrow {
  color: var(--accent-on-tint);
}
.template-contact__title {
  margin-bottom: var(--spacing-5);
}
.template-contact__panel .template-contact__lead {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0 0 var(--spacing-10);
  max-width: 50ch;
  color: var(--text-muted);
}
.template-contact__panel .template-contact__lead strong,
.template-contact__panel .template-contact__lead b {
  font-weight: 700;
}
.template-contact__contacts {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-6);
  margin: 0;
}
@media only screen and (min-width: 48em) {
  .template-contact__contacts {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 64em) {
  .template-contact__contacts {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 90em) {
  .template-contact__contacts {
    grid-template-columns: repeat(2, 1fr);
  }
}
.template-contact__contact {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 var(--spacing-3);
  align-items: start;
}
.template-contact__contact-label {
  font-weight: 700;
  font-size: var(--font-size-eyebrow);
  line-height: var(--line-height-eyebrow);
  font-family: var(--primary-font);
  letter-spacing: var(--eyebrow-track, 0.08em);
  text-transform: uppercase;
  margin: 0 0 0.125rem;
  color: var(--accent-on-tint);
  font-weight: 700;
}
.template-contact__contact-icon {
  grid-row: 1/span 2;
  align-self: start;
  margin-top: calc((var(--line-height-eyebrow) - var(--icon-size)) / 2);
}
.template-contact__contact-value {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--text);
}
.template-contact__contact-value strong,
.template-contact__contact-value b {
  font-weight: 700;
}
.template-contact__contact-value a {
  transition: color var(--tr) var(--ease);
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
  .template-contact__contact-value a:hover {
    color: var(--accent);
    text-decoration: underline;
    text-underline-offset: 0.25rem;
  }
}
.template-contact__form {
  position: relative;
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-sm);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  padding: var(--panel-pad);
}
@media only screen and (min-width: 64em) {
  .template-contact__form {
    z-index: 1;
    margin-left: calc(-1 * var(--spacing-8));
    border-bottom: 0;
    border-radius: var(--r-lg) var(--r-lg) 0 0;
  }
}
.template-contact__decor {
  display: none;
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.template-contact__decor img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 64em) {
  .template-contact__decor {
    display: block;
  }
}
.template-contact__decor--panel {
  top: 0;
  right: var(--spacing-6);
  width: 6.375rem;
}
@media only screen and (min-width: 90em) {
  .template-contact__decor--panel {
    top: 10%;
  }
}
.template-contact__decor--form {
  right: -2.5rem;
  bottom: -2.5rem;
  width: 16.25rem;
}

.template-free-form.has-borders {
  border-top: 0.125rem solid var(--body-color);
  border-bottom: 0.125rem solid var(--body-color);
}
.template-free-form.has-borders:not([class*=bg-]) {
  padding-top: 4rem;
  padding-bottom: 5.5rem;
}
section[class*=bg-] + .template-free-form.has-borders:not([class*=bg-]) {
  margin-top: 0;
}
.template-free-form.has-borders:not([class*=bg-]):last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 0em) and (max-width: 47.99609375em) {
  .template-free-form.has-circles .bg-container img {
    position: relative;
    left: 50%;
    transform: translate(-50%);
    width: 200%;
    max-width: initial;
    object-fit: fill;
  }
}
@media only screen and (min-width: 0em) and (max-width: 47.99609375em) and (min-width: 0em) and (max-width: 47.99609375em) {
  .template-free-form.not-found .module.image img {
    max-height: 25rem;
  }
}
.template-free-form:has(.grid-x > .cell > .cell__inner > .module.text-editor:first-child .spoiler) .template-header {
  margin-bottom: 2.5rem;
}

section.content-block.template-protected form [type=password] {
  display: block;
  margin-right: auto;
  margin-bottom: 2rem;
  margin-left: auto;
  outline: none;
  border: 2px solid;
  background: none;
  background: var(--n-0);
  padding: 0.3125rem 0.625rem;
  width: 100%;
  max-width: 18.75rem;
  height: 2.5rem;
  color: var(--text);
}

.project {
  padding-top: var(--spacing-10);
}
.project .grid-container {
  position: relative;
}
.project__section {
  margin-top: var(--spacing-6);
}
@media only screen and (min-width: 48em) {
  .project__section {
    margin-top: var(--grid-column-gap);
  }
}
.project__panel {
  position: relative;
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-sm);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  padding: var(--panel-pad);
}
.project__heading {
  font-weight: 700;
  font-size: var(--font-size-h2);
  line-height: var(--line-height-h2);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h2);
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  margin: 0 0 var(--spacing-6);
}
.project__heading::before {
  flex: 0 0 auto;
  border-radius: var(--r-pill);
  background-color: var(--accent);
  width: 1.5rem;
  height: 0.125rem;
  content: "";
}
.project__eyebrow {
  font-weight: 700;
  font-size: var(--font-size-eyebrow);
  line-height: var(--line-height-eyebrow);
  font-family: var(--primary-font);
  letter-spacing: var(--eyebrow-track, 0.08em);
  text-transform: uppercase;
  margin: 0;
  color: var(--accent);
}
.project__tile {
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  border-radius: var(--r-md);
  background-color: var(--accent-tint);
  width: 3rem;
  height: 3rem;
  color: var(--icon);
}
.project__tile img,
.project__tile svg {
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
}
.project__tile[class*=project__tile--]::before {
  -webkit-mask: var(--tile-icon) no-repeat center/contain;
          mask: var(--tile-icon) no-repeat center/contain;
  background-color: currentcolor;
  width: var(--icon-size);
  height: var(--icon-size);
  content: "";
}
.project__tile--leadership {
  --tile-icon: url("../images/leadership.svg");
}
.project__tile--documentation {
  --tile-icon: url("../images/documentation.svg");
}
.project__tile--availability {
  --tile-icon: url("../images/availability.svg");
}
.project__tile--custom-websites {
  --tile-icon: url("../images/custom-websites.svg");
}
.project__tile--engineering {
  --tile-icon: url("../images/engineering.svg");
}
.project__item-title {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text);
  font-weight: 700;
}
.project__item-title strong,
.project__item-title b {
  font-weight: 700;
}
.project__item-text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text-muted);
}
.project__item-text strong,
.project__item-text b {
  font-weight: 700;
}
.project__text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text-muted);
}
.project__text strong,
.project__text b {
  font-weight: 700;
}
.project__text strong {
  color: var(--text);
}
.project__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2);
  margin: var(--spacing-2) 0 0;
  padding: 0;
  list-style: none;
}
.project__tag {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  border-radius: var(--r-pill);
  background-color: var(--accent-tint);
  padding: var(--spacing-1) var(--spacing-3);
  color: var(--accent-on-tint);
  font-weight: 600;
}
.project__two {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-6);
}
@media only screen and (min-width: 64em) {
  .project__two {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-column-gap);
  }
}
@media only screen and (min-width: 64em) {
  .project__two--wide-left {
    grid-template-columns: 7fr 5fr;
  }
}
.project__hero-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--spacing-8) var(--grid-column-gap);
  align-items: center;
}
.project__hero-grid > * {
  grid-column: 1/-1;
}
.project__intro {
  display: flex;
  position: relative;
  z-index: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-4);
}
@media only screen and (min-width: 64em) {
  .project__intro {
    grid-column: 1/span 5;
  }
}
.project__back {
  flex-direction: row-reverse;
}
.project__back::after {
  transform: scaleX(-1);
}
@media (hover: hover) {
  .project__back:hover::after {
    transform: translateX(-0.25rem) scaleX(-1);
  }
}
.project__title {
  font-weight: 700;
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h1);
  margin: 0;
}
.project__subtitle {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0;
  color: var(--text);
}
.project__lead {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  max-width: 36rem;
  color: var(--text-muted);
}
.project__lead strong,
.project__lead b {
  font-weight: 700;
}
.project__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4);
  margin-top: var(--spacing-2);
}
.project__media {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-height: 17.5rem;
}
@media only screen and (min-width: 48em) {
  .project__media {
    min-height: 23.75rem;
  }
}
@media only screen and (min-width: 64em) {
  .project__media {
    grid-column: 6/span 7;
    min-height: 28.75rem;
  }
}
.project__blob {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--decor-blob) no-repeat center/contain;
  width: 100%;
  padding-bottom: 76%;
  pointer-events: none;
}
.project__visual {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
}
.project__visual--slot {
  display: grid;
  place-items: center;
  border: 0.0625rem dashed var(--border-input);
  border-radius: var(--r-lg);
  width: 70%;
  aspect-ratio: 4/3;
}
.project__visual-monogram {
  font-weight: 700;
  font-size: var(--font-size-metric);
  line-height: var(--line-height-metric);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h1);
  opacity: 0.5;
  color: var(--accent);
}
.project__meta {
  display: grid;
  position: relative;
  z-index: 1;
  grid-template-columns: 1fr;
  gap: var(--spacing-5);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-sm);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  margin: var(--spacing-8) 0 0;
  padding: var(--spacing-5) var(--panel-pad);
}
@media only screen and (min-width: 48em) {
  .project__meta {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-6) var(--spacing-8);
  }
}
@media only screen and (min-width: 64em) {
  .project__meta {
    grid-template-columns: repeat(5, auto);
    justify-content: space-between;
    gap: var(--spacing-6);
    margin-top: var(--spacing-10);
  }
}
.project__meta-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--spacing-1) var(--spacing-4);
  align-content: start;
  align-items: start;
}
.project__meta-item .project__tile {
  grid-row: 1/span 2;
}
@media only screen and (min-width: 64em) {
  .project__meta-item + .project__meta-item {
    border-left: 0.0625rem solid var(--rule);
    padding-left: var(--spacing-6);
  }
}
.project__meta-label {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--text);
  font-weight: 700;
}
.project__meta-label strong,
.project__meta-label b {
  font-weight: 700;
}
.project__meta-value {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  max-width: 16rem;
  color: var(--text-muted);
}
.project__meta-value strong,
.project__meta-value b {
  font-weight: 700;
}
.project__about {
  overflow: hidden;
}
.project__about .project__text {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 64em) {
  .project__about .project__text {
    max-width: 68%;
  }
}
.project__about-decor {
  display: none;
  position: absolute;
  top: var(--spacing-4);
  right: var(--spacing-4);
  width: 11.25rem;
  pointer-events: none;
}
.project__about-decor img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 64em) {
  .project__about-decor {
    display: block;
  }
}
.project__role-body {
  display: block;
}
.project__role-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
.project__role-title {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0;
}
.project__ownership-columns {
  display: grid;
  gap: var(--spacing-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 64em) {
  .project__ownership-columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
  }
}
.project__ownership-column {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-6);
}
@media only screen and (min-width: 64em) {
  .project__ownership-column {
    padding: 0 var(--spacing-8);
  }
  .project__ownership-column:first-child {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
  }
  .project__ownership-column:last-child {
    -webkit-padding-end: 0;
            padding-inline-end: 0;
  }
  .project__ownership-column + .project__ownership-column {
    -webkit-border-start: 0.0625rem solid var(--rule);
            border-inline-start: 0.0625rem solid var(--rule);
  }
}
.project__ownership-head {
  display: flex;
  align-items: center;
  gap: var(--spacing-5);
}
.project__ownership-tile {
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  border-radius: var(--r-md);
  background-color: var(--accent-tint);
  width: 4rem;
  height: 4rem;
  color: var(--icon);
}
.project__ownership-tile img,
.project__ownership-tile svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.project__ownership-title {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0;
}
.project__ownership-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.project__check {
  color: var(--icon);
}
.project__ownership-item {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-3);
  color: var(--text-muted);
}
.project__ownership-item strong,
.project__ownership-item b {
  font-weight: 700;
}
.project__flow-steps {
  display: grid;
  gap: var(--spacing-8);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 64em) {
  .project__flow-steps {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    gap: 0;
  }
}
.project__flow-step {
  display: grid;
  position: relative;
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: var(--spacing-5);
  align-content: start;
}
@media only screen and (min-width: 64em) {
  .project__flow-step {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: var(--spacing-6);
    padding: 0 var(--spacing-3);
    text-align: center;
  }
}
.project__flow-step:not(:last-child)::after {
  position: absolute;
  -webkit-border-start: 0.0625rem dashed rgb(from var(--accent) r g b / 35%);
          border-inline-start: 0.0625rem dashed rgb(from var(--accent) r g b / 35%);
  inset-block-start: calc(4rem + var(--spacing-2));
  inset-inline-start: calc(4rem / 2);
  height: calc(100% - 4rem + var(--spacing-8) - var(--spacing-2) * 2);
  content: "";
}
@media only screen and (min-width: 64em) {
  .project__flow-step:not(:last-child)::after {
    -webkit-border-start: 0;
            border-inline-start: 0;
    -webkit-border-before: 0.0625rem dashed rgb(from var(--accent) r g b / 35%);
            border-block-start: 0.0625rem dashed rgb(from var(--accent) r g b / 35%);
    inset-block-start: calc(6rem / 2);
    inset-inline-start: calc(50% + 6rem / 2 + var(--spacing-3));
    width: calc(100% - 6rem - var(--spacing-3) * 2);
    height: 0;
  }
}
.project__flow-step:not(:last-child)::before {
  position: absolute;
  z-index: 1;
  transform: rotate(90deg);
  -webkit-mask: url("../images/arrow-right.svg") no-repeat center/contain;
          mask: url("../images/arrow-right.svg") no-repeat center/contain;
  background-color: var(--accent);
  inset-block-start: calc(100% + var(--spacing-8) / 2 - 0.5rem);
  inset-inline-start: calc(4rem / 2 - 0.5rem);
  width: 1rem;
  height: 1rem;
  content: "";
}
@media only screen and (min-width: 64em) {
  .project__flow-step:not(:last-child)::before {
    transform: none;
    inset-block-start: calc(6rem / 2 - 0.5rem);
    inset-inline-start: calc(100% - 0.5rem);
  }
}
.project__flow-mark {
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  border-radius: var(--r-pill);
  background-color: var(--accent-tint);
  width: 4rem;
  height: 4rem;
  color: var(--icon);
}
.project__flow-mark img,
.project__flow-mark svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
@media only screen and (min-width: 64em) {
  .project__flow-mark {
    width: 6rem;
    height: 6rem;
  }
}
.project__flow-body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
}
@media only screen and (min-width: 64em) {
  .project__flow-body {
    align-items: center;
  }
}
.project__flow-title {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0;
}
.project__flow-desc {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text-muted);
}
.project__flow-desc strong,
.project__flow-desc b {
  font-weight: 700;
}
.project__flow-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2);
  margin: var(--spacing-2) 0 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 64em) {
  .project__flow-tags {
    justify-content: center;
  }
}
.project__flow-tag {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  border-radius: var(--r-pill);
  white-space: nowrap;
  background-color: var(--accent-tint);
  padding: 0.125rem var(--spacing-3);
  color: var(--accent-on-tint);
  font-weight: 600;
}
.project__did {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-6);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 48em) {
  .project__did {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-8) var(--spacing-6);
  }
}
@media only screen and (min-width: 64em) {
  .project__did {
    grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr));
    gap: 0;
  }
}
.project__did-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
}
@media only screen and (min-width: 64em) {
  .project__did-item {
    padding: 0 var(--spacing-5);
  }
  .project__did-item:first-child {
    padding-left: 0;
  }
  .project__did-item + .project__did-item {
    border-left: 0.0625rem solid var(--rule);
  }
}
.project__challenges {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.project__challenge {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3) var(--spacing-4);
  padding: var(--spacing-5) 0;
}
.project__challenge + .project__challenge {
  border-top: 0.0625rem solid var(--rule);
}
.project__challenge:first-child {
  padding-top: 0;
}
.project__challenge:last-child {
  padding-bottom: 0;
}
@media only screen and (min-width: 48em) {
  .project__challenge {
    grid-template-columns: 1fr 3.5rem 1fr;
    align-items: center;
  }
}
.project__challenge-problem {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.project__challenge-arrow {
  display: none;
  justify-self: center;
  align-self: center;
  -webkit-mask: url("../images/arrow-right.svg") no-repeat center/contain;
          mask: url("../images/arrow-right.svg") no-repeat center/contain;
  background-color: var(--accent);
  width: var(--icon-size);
  height: var(--icon-size);
}
@media only screen and (min-width: 48em) {
  .project__challenge-arrow {
    display: block;
  }
}
.project__challenge-solution {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text-muted);
}
.project__challenge-solution strong,
.project__challenge-solution b {
  font-weight: 700;
}
.project__outcomes {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (min-width: 48em) {
  .project__outcomes {
    grid-template-columns: repeat(2, 1fr);
  }
}
.project__outcome {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3);
  box-shadow: var(--shadow-sm);
  border: 0.0625rem solid var(--rule);
  border-radius: var(--r-md);
  background-color: var(--n-0);
  padding: var(--spacing-5);
}
.project__quote {
  display: grid;
  gap: var(--spacing-5);
  margin: 0;
}
@media only screen and (min-width: 64em) {
  .project__quote--illustrated {
    position: relative;
    -webkit-padding-end: calc(18.75rem + var(--spacing-10));
            padding-inline-end: calc(18.75rem + var(--spacing-10));
    min-height: 14.375rem;
  }
}
@media only screen and (min-width: 90em) {
  .project__quote--illustrated {
    -webkit-padding-end: calc(23.75rem + var(--spacing-10));
            padding-inline-end: calc(23.75rem + var(--spacing-10));
  }
}
.project__quote-text {
  font-weight: 400;
  font-size: var(--font-size-lead);
  line-height: var(--line-height-lead);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  max-width: 64ch;
  color: var(--text);
}
.project__quote-text::before {
  content: "\201C";
}
.project__quote-text::after {
  content: "\201D";
}
.project__quote-author {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
}
.project__quote-name {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  font-weight: 700;
}
.project__quote-name strong,
.project__quote-name b {
  font-weight: 700;
}
.project__quote-role {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--text-muted);
}
.project__quote-role strong,
.project__quote-role b {
  font-weight: 700;
}
.project__quote-note {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  margin-top: var(--spacing-1);
  color: var(--text-muted);
}
.project__quote-decor {
  display: none;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
  width: 18.75rem;
  pointer-events: none;
}
.project__quote-decor img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 64em) {
  .project__quote-decor {
    display: block;
  }
}
@media only screen and (min-width: 90em) {
  .project__quote-decor {
    inset-block-start: 40%;
    width: 23.75rem;
  }
}
.project__screens .project__heading {
  margin-bottom: var(--spacing-6);
  padding-right: 7rem;
}
.project__screens .splide__track {
  padding: var(--spacing-1);
}
.project__screens .splide__arrow svg {
  display: none;
}
.project__screens .splide__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: border-color var(--tr) var(--ease), opacity var(--tr) var(--ease);
  cursor: pointer;
  border: 0.0625rem solid var(--border-input);
  border-radius: 50%;
  background-color: var(--surface);
  padding: 0;
  width: var(--tap-min);
  height: var(--tap-min);
  color: var(--text);
}
.project__screens .splide__arrow::after {
  -webkit-mask: url("../images/arrow-right.svg") no-repeat center/contain;
          mask: url("../images/arrow-right.svg") no-repeat center/contain;
  background-color: currentcolor;
  width: var(--icon-size);
  height: var(--icon-size);
  content: "";
}
.project__screens .splide__arrow:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
@media (hover: hover) {
  .project__screens .splide__arrow:hover:not(:disabled) {
    border-color: var(--accent);
    color: var(--accent);
  }
}
.project__screens .splide__arrow--prev::after {
  transform: scaleX(-1);
}
.project__screens-arrows {
  display: flex;
  position: absolute;
  top: var(--panel-pad);
  right: var(--panel-pad);
  gap: var(--spacing-2);
}
.project__shot {
  display: block;
  margin: 0;
  transition: border-color var(--tr) var(--ease), box-shadow var(--tr) var(--ease);
  cursor: zoom-in;
  border: 0.0625rem solid var(--rule);
  border-radius: var(--r-md);
  background-color: var(--n-0);
  padding: 0;
  width: 100%;
  overflow: hidden;
}
@media (hover: hover) {
  .project__shot:hover {
    box-shadow: var(--shadow-md);
    border-color: var(--accent);
  }
}
.project__shot img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.project__lightbox {
  display: none;
  position: fixed;
  inset: 0;
  border: 0;
  background: transparent;
  padding: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  color: var(--dark-fg);
}
.project__lightbox[open] {
  display: grid;
  grid-template-rows: 1fr auto;
  place-items: center;
  gap: var(--spacing-4);
  padding: var(--spacing-16) var(--content-padding) var(--spacing-8);
}
.project__lightbox::-webkit-backdrop {
  -webkit-backdrop-filter: blur(0.75rem);
          backdrop-filter: blur(0.75rem);
  background-color: var(--overlay);
}
.project__lightbox::backdrop {
  -webkit-backdrop-filter: blur(0.75rem);
          backdrop-filter: blur(0.75rem);
  background-color: var(--overlay);
}
.project__lightbox-stage {
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 80rem;
  height: 100%;
  min-height: 0;
}
.project__lightbox-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-3);
  margin: 0;
  max-width: 100%;
  max-height: 100%;
}
.project__lightbox-slide[hidden] {
  display: none;
}
.project__lightbox-slide img {
  display: block;
  box-shadow: var(--shadow-lg);
  border-radius: var(--r-md);
  max-width: 100%;
  max-height: calc(100vh - 12.5rem);
  height: auto;
  object-fit: contain;
}
.project__lightbox-caption {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--dark-muted);
  text-align: center;
}
.project__lightbox-counter {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--dark-muted);
}
.project__lightbox-close {
  position: absolute;
  top: var(--spacing-4);
  right: var(--content-padding);
  --button-bg: transparent;
  --button-color: var(--dark-fg);
  --button-border: rgb(from var(--dark-fg) r g b / 30%);
}
.project__lightbox-cross {
  position: relative;
  display: block;
  width: 1rem;
  height: 1rem;
}
.project__lightbox-cross::before, .project__lightbox-cross::after {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(45deg);
  border-radius: var(--r-pill);
  background-color: currentcolor;
  width: 100%;
  height: 0.125rem;
  content: "";
}
.project__lightbox-cross::after {
  transform: translateY(-50%) rotate(-45deg);
}
.project__lightbox-arrow {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: border-color var(--tr) var(--ease), color var(--tr) var(--ease);
  cursor: pointer;
  border: 0.0625rem solid rgb(from var(--dark-fg) r g b / 30%);
  border-radius: 50%;
  background: transparent;
  padding: 0;
  width: 3rem;
  height: 3rem;
  color: var(--dark-fg);
}
.project__lightbox-arrow::after {
  display: block;
  margin: 0 auto;
  -webkit-mask: url("../images/arrow-right.svg") no-repeat center/contain;
          mask: url("../images/arrow-right.svg") no-repeat center/contain;
  background-color: currentcolor;
  width: var(--icon-size);
  height: var(--icon-size);
  content: "";
}
.project__lightbox-arrow--prev {
  left: var(--content-padding);
}
.project__lightbox-arrow--prev::after {
  transform: scaleX(-1);
}
.project__lightbox-arrow--next {
  right: var(--content-padding);
}
@media (hover: hover) {
  .project__lightbox-arrow:hover {
    border-color: var(--accent-on-dark);
    color: var(--accent-on-dark);
  }
}
@media only screen and (min-width: 48em) {
  .project__lightbox-arrow {
    display: block;
  }
}
.project__lessons-list {
  display: grid;
  gap: var(--spacing-4);
  margin: 0;
  padding: 0;
  counter-reset: lesson;
  list-style: none;
}
@media only screen and (min-width: 64em) {
  .project__lessons-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--spacing-6);
  }
}
.project__lesson {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: var(--spacing-2) var(--spacing-4);
  align-content: start;
  counter-increment: lesson;
  border: 0.0625rem solid var(--rule);
  border-radius: var(--r-md);
  background-color: var(--surface);
  padding: var(--spacing-6);
}
.project__lesson::before {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  display: grid;
  grid-row: 1/span 2;
  place-items: center;
  border-radius: var(--r-pill);
  background-color: var(--accent-tint);
  width: 3rem;
  height: 3rem;
  color: var(--accent-on-tint);
  font-weight: 700;
  content: counter(lesson, decimal-leading-zero);
}
.project__lesson::before strong,
.project__lesson::before b {
  font-weight: 700;
}
.project__lesson-title {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0;
}
.project__lesson-text {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0;
  color: var(--text-muted);
}
.project__lesson-text strong,
.project__lesson-text b {
  font-weight: 700;
}
.project__nav-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-4);
  align-items: center;
}
@media only screen and (min-width: 48em) {
  .project__nav-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--grid-column-gap);
  }
}
@media only screen and (min-width: 64em) {
  .project__nav-grid {
    grid-template-columns: 1fr 10rem 1fr;
  }
}
.project__nav-decor {
  display: none;
  justify-self: center;
  width: 8.75rem;
}
.project__nav-decor img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 64em) {
  .project__nav-decor {
    display: block;
  }
}
.project__neighbour {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  transition: transform var(--tr) var(--ease), box-shadow var(--tr) var(--ease), border-color var(--tr) var(--ease);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-sm);
  border: 0.125rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  padding: var(--spacing-5) var(--panel-pad);
  color: var(--text);
  text-decoration: none;
}
.project__neighbour--next {
  justify-content: flex-end;
  text-align: right;
}
@media (hover: hover) {
  .project__neighbour:hover {
    transform: translateY(-0.1875rem);
    box-shadow: var(--shadow-md);
    border-color: var(--accent);
  }
}
.project__neighbour-body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1);
  min-width: 0;
}
.project__neighbour-title {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
}
.project__neighbour-category {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--text-muted);
}
.project__neighbour-category strong,
.project__neighbour-category b {
  font-weight: 700;
}
.project__neighbour-arrow {
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--accent-tint);
  width: var(--tap-min);
  height: var(--tap-min);
}
.project__neighbour-arrow::after {
  -webkit-mask: url("../images/arrow-right.svg") no-repeat center/contain;
          mask: url("../images/arrow-right.svg") no-repeat center/contain;
  background-color: var(--accent);
  width: var(--icon-size);
  height: var(--icon-size);
  content: "";
}
.project__neighbour--prev .project__neighbour-arrow::after {
  transform: scaleX(-1);
}
.project__cta-section {
  margin-top: var(--spacing-8);
}
@media only screen and (min-width: 48em) {
  .project__cta .cta-panel__decor {
    max-width: 35rem;
  }
}

html.has-lightbox {
  overflow: hidden;
}

.blog-archive {
  padding-top: var(--spacing-10);
  padding-bottom: var(--sec-y);
}
@media only screen and (min-width: 48em) {
  .blog-archive {
    padding-top: var(--spacing-6);
  }
}
.blog-archive__hero {
  margin-bottom: var(--spacing-10);
}
.blog-archive__hero-grid {
  display: grid;
  align-items: center;
  gap: var(--spacing-8);
}
@media only screen and (min-width: 48em) {
  .blog-archive__hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
    gap: var(--grid-column-gap);
  }
}
.blog-archive__intro {
  max-width: 37.5rem;
}
.blog-archive__title {
  font-weight: 700;
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h1);
  margin: 0;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
.blog-archive__lead {
  font-weight: 400;
  font-size: var(--font-size-lead);
  line-height: var(--line-height-lead);
  font-family: var(--primary-font);
  text-transform: none;
  margin: var(--spacing-5) 0 0;
  max-width: 44ch;
  color: var(--text-muted);
  overflow-wrap: anywhere;
}
.blog-archive__query {
  color: var(--accent);
}
.blog-archive__banner {
  display: block;
  position: relative;
  justify-self: center;
  margin-inline: calc(var(--spacing-4) * -1);
}
.blog-archive__banner img {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
}
.blog-archive__banner::before, .blog-archive__banner::after {
  position: absolute;
  border-radius: 50%;
  content: "";
  pointer-events: none;
}
.blog-archive__banner::before {
  bottom: 0;
  left: 10%;
  opacity: 0.35;
  filter: blur(3.375rem);
  background: var(--decor-pink);
  width: 40%;
  height: 40%;
}
.blog-archive__banner::after {
  top: 14%;
  right: 0;
  opacity: 0.35;
  filter: blur(3.75rem);
  background: var(--decor-pink);
  width: 30%;
  height: 30%;
}
@media only screen and (min-width: 48em) {
  .blog-archive__banner {
    justify-self: end;
    margin-right: calc(var(--content-padding) * -0.5);
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    max-width: 30rem;
  }
}
@media only screen and (min-width: 64em) {
  .blog-archive__banner {
    max-width: 39.5rem;
  }
}
.blog-archive__toolbar {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--spacing-4);
  margin-bottom: var(--spacing-10);
}
.blog-archive__topics {
  flex: 1 1 auto;
  min-width: 0;
}
.blog-archive__topics-list {
  display: flex;
  gap: var(--spacing-2);
  margin: 0;
  padding: 0;
  overflow-x: auto;
  list-style: none;
  scrollbar-width: none;
}
.blog-archive__topics-list::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 48em) {
  .blog-archive__topics-list {
    flex-wrap: wrap;
    overflow: visible;
  }
}
.blog-archive__topic {
  display: inline-flex;
  align-items: center;
  transition: border-color 0.2s var(--ease), color 0.2s var(--ease), background-color 0.2s var(--ease);
  border: 0.0625rem solid var(--rule);
  border-radius: var(--r-pill);
  background-color: transparent;
  padding: 0 var(--spacing-5);
  min-height: var(--tap-min);
  color: var(--text-muted);
  text-decoration: none;
  white-space: nowrap;
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
@media (hover: hover) {
  .blog-archive__topic:hover {
    border-color: var(--accent);
    color: var(--accent-on-tint);
  }
}
.blog-archive__topic.is-current {
  border-color: var(--accent);
  background-color: var(--accent);
  color: var(--on-accent);
}
.blog-archive__search {
  display: flex;
  position: relative;
  align-items: center;
  gap: var(--spacing-2);
  margin-left: auto;
}
.blog-archive__search-control {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}
.blog-archive__search-field {
  transition: width 0.24s var(--ease), opacity 0.24s var(--ease), padding 0.24s var(--ease);
  border: 0.0625rem solid var(--border-input);
  border-radius: var(--r-pill);
  background-color: var(--n-0);
  padding: 0;
  width: 0;
  min-height: var(--tap-min);
  color: var(--text);
  opacity: 0;
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
.blog-archive__search-field::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}
.blog-archive__search.is-open .blog-archive__search-field {
  opacity: 1;
  padding: 0 var(--spacing-10) 0 var(--spacing-5);
  width: 13.75rem;
}
@media only screen and (min-width: 64em) {
  .blog-archive__search.is-open {
    width: calc((100% - var(--grid-column-gap) * 2) / 3);
  }
  .blog-archive__search.is-open .blog-archive__search-field {
    width: 100%;
  }
}
.blog-archive__search--hero {
  margin: var(--spacing-8) 0 0;
  max-width: 32.5rem;
  width: 100%;
}
.blog-archive__search--hero .blog-archive__search-field, .blog-archive__search--hero.is-open .blog-archive__search-field {
  border-color: transparent;
  background-color: var(--accent-tint);
  padding: 0 var(--spacing-12) 0 var(--spacing-12);
  width: 100%;
  min-height: var(--input-h);
  color: var(--text);
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
}
.blog-archive__search--hero .blog-archive__search-field strong,
.blog-archive__search--hero .blog-archive__search-field b, .blog-archive__search--hero.is-open .blog-archive__search-field strong,
.blog-archive__search--hero.is-open .blog-archive__search-field b {
  font-weight: 700;
}
.blog-archive__search--hero .blog-archive__search-field:focus-visible, .blog-archive__search--hero.is-open .blog-archive__search-field:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
}
.blog-archive__search-icon, .blog-archive__search-clear {
  display: inline-flex;
  position: absolute;
  top: 50%;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  color: var(--icon);
}
.blog-archive__search-icon svg, .blog-archive__search-clear svg {
  width: var(--icon-size);
  height: var(--icon-size);
}
.blog-archive__search-icon {
  left: var(--spacing-5);
  pointer-events: none;
}
.blog-archive__search-clear {
  right: var(--spacing-2);
  border: 0;
  border-radius: var(--r-pill);
  background: none;
  width: var(--tap-min);
  height: var(--tap-min);
  color: var(--text-muted);
  cursor: pointer;
}
.blog-archive__search-clear[hidden] {
  display: none;
}
@media (hover: hover) {
  .blog-archive__search-clear:hover {
    color: var(--accent-on-tint);
  }
}
.blog-archive__search-cross {
  position: relative;
  width: 0.875rem;
  height: 0.875rem;
}
.blog-archive__search-cross::before, .blog-archive__search-cross::after {
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 0.09375rem solid currentcolor;
  width: 100%;
  content: "";
}
.blog-archive__search-cross::before {
  transform: rotate(45deg);
}
.blog-archive__search-cross::after {
  transform: rotate(-45deg);
}
.blog-archive--search {
  padding-bottom: 0;
}
.blog-archive__cta {
  margin-top: var(--spacing-16);
}
.blog-archive__list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--spacing-8) var(--grid-column-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-archive__item {
  display: flex;
  grid-column: 1/-1;
}
@media only screen and (min-width: 48em) {
  .blog-archive__item {
    grid-column: span 6;
  }
}
@media only screen and (min-width: 64em) {
  .blog-archive__item {
    grid-column: span 4;
  }
}

.post-card {
  display: flex;
  flex: 1 1 auto;
}
.post-card__link {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  transition: transform 0.24s var(--ease), box-shadow 0.24s var(--ease), border-color 0.24s var(--ease);
  border: 0.0625rem solid var(--border);
  border-radius: var(--r-lg);
  background-color: var(--surface);
  -webkit-backdrop-filter: var(--blur);
          backdrop-filter: var(--blur);
  box-shadow: var(--shadow-sm);
  color: var(--text);
  text-decoration: none;
  overflow: hidden;
}
@media (hover: hover) {
  .post-card__link:hover {
    transform: translateY(-0.25rem);
    box-shadow: var(--shadow-md);
  }
  .post-card__link:hover .post-card__more {
    gap: var(--spacing-3);
  }
}
.post-card__media {
  display: block;
  position: relative;
  background-color: var(--accent-tint);
  aspect-ratio: 16/10;
  overflow: hidden;
}
.post-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-card__image--empty {
  display: block;
  background-image: linear-gradient(148deg, var(--accent-tint) 0%, rgb(from var(--accent) r g b / 22%) 100%);
  width: 100%;
  height: 100%;
}
.post-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: var(--spacing-6);
}
.post-card__category {
  font-weight: 700;
  font-size: var(--font-size-eyebrow);
  line-height: var(--line-height-eyebrow);
  font-family: var(--primary-font);
  letter-spacing: var(--eyebrow-track, 0.08em);
  text-transform: uppercase;
  margin-bottom: var(--spacing-3);
  color: var(--accent);
}
.post-card__title {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  margin: 0;
}
.post-card__excerpt {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin-top: var(--spacing-3);
  color: var(--text-muted);
}
.post-card__excerpt strong,
.post-card__excerpt b {
  font-weight: 700;
}
.post-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-4);
  margin-top: auto;
  padding-top: var(--spacing-6);
}
.post-card__date {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  color: var(--text-muted);
}
.post-card__more {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-2);
  transition: gap 0.24s var(--ease);
  color: var(--accent-on-tint);
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
.post-card__more-icon {
  display: inline-flex;
}
.post-card__more-icon svg {
  width: var(--icon-size);
  height: var(--icon-size);
}

.pagination {
  margin-top: var(--spacing-12);
}
.pagination__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacing-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.pagination__item {
  display: flex;
}
.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s var(--ease), background-color 0.2s var(--ease), border-color 0.2s var(--ease);
  border: 0.0625rem solid transparent;
  border-radius: var(--r-pill);
  min-width: var(--tap-min);
  min-height: var(--tap-min);
  color: var(--text-muted);
  text-decoration: none;
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
@media (hover: hover) {
  .pagination .page-numbers:hover {
    border-color: var(--accent);
    color: var(--accent-on-tint);
  }
}
.pagination .page-numbers.current {
  background-color: var(--accent);
  color: var(--on-accent);
}
.pagination .page-numbers.dots {
  min-width: auto;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  margin-inline: var(--spacing-3);
  border-color: var(--border-input);
  color: var(--text);
}
.pagination__arrow {
  display: block;
  transform: rotate(45deg);
  border-bottom: 0.125rem solid currentcolor;
  border-left: 0.125rem solid currentcolor;
  width: 0.5625rem;
  height: 0.5625rem;
}
.next .pagination__arrow,
.pagination .next .pagination__arrow {
  transform: rotate(-135deg);
}

.article {
  padding-top: var(--spacing-10);
  padding-bottom: var(--sec-y);
}
.article__back {
  display: inline-flex;
  align-items: center;
  transition: gap 0.2s var(--ease);
  gap: var(--spacing-2);
  margin-bottom: var(--spacing-8);
  color: var(--accent-on-tint);
  text-decoration: none;
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
@media (hover: hover) {
  .article__back:hover {
    gap: var(--spacing-3);
  }
}
.article__back-icon {
  display: inline-flex;
}
.article__back-icon svg {
  width: var(--icon-size);
  height: var(--icon-size);
}
.article__hero {
  display: grid;
  gap: var(--spacing-8);
  margin-bottom: var(--spacing-12);
}
@media only screen and (min-width: 48em) {
  .article__hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    gap: var(--spacing-10);
  }
}
.article__intro {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 48em) {
  .article__summary {
    margin-block: auto;
    padding-block: var(--spacing-6);
  }
}
.article__title {
  font-weight: 700;
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h1);
  margin: 0;
  max-width: 18ch;
}
.article__byline {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  margin-top: var(--spacing-8);
}
.article__author-photo {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: var(--r-pill);
  background-color: var(--accent-tint);
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}
.article__author-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article__author-initials {
  color: var(--accent-on-tint);
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
.article__byline-text {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.article__author {
  color: var(--text);
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  font-weight: 700;
}
.article__author strong,
.article__author b {
  font-weight: 700;
}
.article__meta {
  display: flex;
  align-items: center;
  gap: var(--spacing-2);
  color: var(--text-muted);
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
.article__cover {
  margin: 0;
  border-radius: var(--r-lg);
  background-color: var(--accent-tint);
  aspect-ratio: 4/3;
  overflow: hidden;
}
.article__cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--spacing-10);
}
@media only screen and (min-width: 64em) {
  .article__layout {
    grid-template-columns: 15rem minmax(0, 1fr);
    gap: var(--spacing-16);
    align-items: start;
  }
}
.article__aside {
  display: contents;
}
@media only screen and (min-width: 64em) {
  .article__aside {
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--site-header-height, 5rem) + var(--spacing-6));
    flex-direction: column;
    gap: var(--spacing-10);
  }
}
.article__toc {
  order: 1;
}
.article__share {
  order: 3;
}
@media only screen and (min-width: 64em) {
  .article__toc, .article__share {
    order: initial;
  }
}
.article__aside-title {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin: 0 0 var(--spacing-4);
  font-weight: 700;
}
.article__aside-title strong,
.article__aside-title b {
  font-weight: 700;
}
.article__toc-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  border-left: 0.125rem solid var(--rule);
  padding: 0;
  counter-reset: post-toc;
  list-style: none;
}
.article__toc-item {
  counter-increment: post-toc;
}
.article__toc-link {
  display: block;
  position: relative;
  transition: color 0.2s var(--ease);
  padding: var(--spacing-2) var(--spacing-4);
  color: var(--text-muted);
  text-decoration: none;
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
.article__toc-link::before {
  content: counter(post-toc) ". ";
}
.article__toc-link::after {
  position: absolute;
  left: -0.125rem;
  transform: scaleY(0);
  transition: transform 0.2s var(--ease);
  border-left: 0.125rem solid var(--accent);
  height: 100%;
  content: "";
  inset-block: 0;
}
@media (hover: hover) {
  .article__toc-link:hover {
    color: var(--accent-on-tint);
  }
}
.article__toc-link.is-current {
  color: var(--accent-on-tint);
}
.article__toc-link.is-current::after {
  transform: scaleY(1);
}
.article__share-list {
  display: flex;
  gap: var(--spacing-3);
  margin: 0;
  padding: 0;
  list-style: none;
}
.article__share-list svg {
  width: var(--icon-size);
  height: var(--icon-size);
}
.article__share-status {
  margin: var(--spacing-3) 0 0;
  min-height: 1.25rem;
  color: var(--accent-on-tint);
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
.article__body {
  order: 2;
  counter-reset: post-section;
  max-width: 72ch;
}
.article__body h2 {
  counter-increment: post-section;
  scroll-margin-top: calc(var(--site-header-height, 5rem) + var(--spacing-6));
}
.article__body h2::before {
  margin-right: var(--spacing-2);
  color: var(--accent);
  content: counter(post-section) ".";
}
.article__body ul:not(.blocks-gallery-grid) {
  padding-left: 0;
  list-style: none;
}
.article__body ul:not(.blocks-gallery-grid) li {
  position: relative;
  padding-left: var(--spacing-6);
}
.article__body ul:not(.blocks-gallery-grid) li::before {
  position: absolute;
  top: 0.5625rem;
  left: 0;
  border-radius: var(--r-pill);
  background-color: var(--accent);
  width: 0.375rem;
  height: 0.375rem;
  content: "";
}
.article__body pre,
.article__body .wp-block-code {
  border: 0.0625rem solid var(--border);
  border-radius: var(--r-md);
  background-color: var(--accent-tint);
  padding: var(--panel-pad);
  overflow-x: auto;
  color: var(--text);
  font-size: var(--font-size-small);
  font-family: ui-monospace, sfmono-regular, menlo, monospace;
  line-height: 1.8;
}
.article__body ul.post-checklist {
  border: 0.0625rem solid var(--border);
  border-radius: var(--r-md);
  background-color: var(--accent-tint);
  padding: var(--panel-pad) var(--panel-pad) var(--panel-pad) var(--spacing-6);
  font-family: ui-monospace, sfmono-regular, menlo, monospace;
  font-size: var(--font-size-small);
}
.article__body ul.post-checklist li {
  padding-left: var(--spacing-7);
}
.article__body ul.post-checklist li + li {
  margin-top: var(--spacing-3);
}
.article__body ul.post-checklist li::before {
  top: 0;
  border-radius: 0;
  background: none;
  width: auto;
  height: auto;
  color: var(--accent);
  content: "\2713";
  font-weight: 700;
}
.article__body blockquote {
  margin-inline: 0;
  border-left: 0.125rem solid var(--accent);
  padding-left: var(--spacing-6);
  color: var(--text-muted);
}
.article__body img {
  border-radius: var(--r-md);
}

.legal {
  position: relative;
  padding-top: var(--spacing-10);
  padding-bottom: var(--sec-y);
  overflow: hidden;
}
.legal__glow {
  display: none;
  position: absolute;
  inset-block-start: -7.5rem;
  inset-inline-end: -3.75rem;
  opacity: 0.22;
  filter: blur(5rem);
  border-radius: 50%;
  background: var(--decor-pink);
  width: 21.25rem;
  height: 21.25rem;
  pointer-events: none;
}
@media only screen and (min-width: 48em) {
  .legal__glow {
    display: block;
  }
}
.legal__inner {
  position: relative;
  max-width: 55rem;
}
.legal__title {
  font-weight: 700;
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-h1);
  margin: 0;
}
.legal__title .is-accent {
  color: var(--accent);
}
.legal__updated {
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
  margin: var(--spacing-3) 0 0;
  color: var(--text-muted);
}
.legal__lead {
  font-weight: 400;
  font-size: var(--font-size-lead);
  line-height: var(--line-height-lead);
  font-family: var(--primary-font);
  text-transform: none;
  margin: var(--spacing-6) 0 0;
  max-width: 60ch;
  color: var(--text-muted);
}
.legal__body {
  margin-top: var(--spacing-12);
  padding-left: 3.5rem;
  counter-reset: legal-section;
}
@media only screen and (min-width: 48em) {
  .legal__body {
    padding-left: 4.75rem;
  }
}
.legal__body h2 {
  font-weight: 600;
  font-size: var(--font-size-h3);
  line-height: var(--line-height-h3);
  font-family: var(--primary-font);
  letter-spacing: var(--ls-label);
  position: relative;
  margin-top: var(--spacing-12);
  counter-increment: legal-section;
}
.legal__body h2::before {
  display: grid;
  position: absolute;
  inset-inline-start: -3.5rem;
  inset-block-start: -0.25rem;
  place-items: center;
  border-radius: var(--r-pill);
  background-color: var(--accent-tint);
  width: 2.5rem;
  height: 2.5rem;
  color: var(--accent-on-tint);
  content: counter(legal-section, decimal-leading-zero);
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-family: var(--primary-font);
  text-transform: none;
}
@media only screen and (min-width: 48em) {
  .legal__body h2::before {
    inset-inline-start: -4.75rem;
    width: 3rem;
    height: 3rem;
  }
}
.legal__body h2:first-child {
  margin-top: 0;
}
.legal__body h3 {
  font-weight: 400;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
  font-family: var(--primary-font);
  text-transform: none;
  margin-top: var(--spacing-8);
  font-weight: 700;
}
.legal__body h3 strong,
.legal__body h3 b {
  font-weight: 700;
}
.legal__body p {
  margin-top: var(--spacing-4);
  color: var(--text-muted);
}
.legal__body h2 + p,
.legal__body h3 + p,
.legal__body h2 + ul,
.legal__body h2 + ol {
  margin-top: var(--spacing-2);
}
.legal__body ul,
.legal__body ol {
  margin-top: var(--spacing-4);
  padding-left: 0;
  color: var(--text-muted);
  list-style: none;
}
.legal__body li {
  position: relative;
  padding-left: var(--spacing-6);
}
.legal__body li + li {
  margin-top: var(--spacing-2);
}
.legal__body li::before {
  position: absolute;
  inset-block-start: 0.5625rem;
  inset-inline-start: 0;
  border-radius: var(--r-pill);
  background-color: var(--accent);
  width: 0.375rem;
  height: 0.375rem;
  content: "";
}
.legal__body ol {
  counter-reset: legal-item;
}
.legal__body ol li {
  counter-increment: legal-item;
}
.legal__body ol li::before {
  inset-block-start: 0;
  border-radius: 0;
  background: none;
  width: auto;
  height: auto;
  color: var(--accent);
  content: counter(legal-item) ".";
}
.legal__body a {
  color: var(--accent-on-tint);
  text-underline-offset: 0.2em;
}
.legal__body a[href^="mailto:"] {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-2);
  text-decoration: none;
}
.legal__body a[href^="mailto:"]::before {
  -webkit-mask: url("../images/email.svg") no-repeat center/contain;
          mask: url("../images/email.svg") no-repeat center/contain;
  background-color: currentcolor;
  width: var(--icon-size);
  height: var(--icon-size);
  content: "";
}
@media (hover: hover) {
  .legal__body a[href^="mailto:"]:hover {
    text-decoration: underline;
  }
}
/*# sourceMappingURL=app.css.map*/