@charset "UTF-8";
/* Set Initial grid values
   'fixed' means it is a fixed numerical value
*********************************** */
/* 	Fonts – Specfics
    These are not to be used directly in styling,
    please use the generic values further below!
*********************************** */
/* 	Fonts – Generic values
    Use these values in styling!
*********************************** */
/*	OLD BELOW
***********************************  */
/*	Size variables
***********************************  */
/*	Transition variables
***********************************  */
/*	Selector variables
***********************************  */
/* Media Queries
*********************************** */
/*
  I am working with REMs for the whole site, except for the media queries which is not viable
  These media queries are better suited to mobile first.
*/
/*  SVG
*********************************** */
/*  Display mixins
*********************************** */
/*  Show/hide mixins
*********************************** */
/*  Type hierarchy size mixins
    - Do not use typeHierarchySizes to set type styles on text elements!
    The purpose of this is to use relative units on non-text elements
    (without applying the entire type style, which is unnecessary)
*********************************** */
/*  'Paragraph style' Mixins
    - These are actual type styles, apply these to text elements
*********************************** */
/*  Animate Into Viewport effects
*********************************** */
* {
  box-sizing: border-box;
}

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* EHJ additions
========================================================================== */
/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
  outline: 0;
}

a:-webkit-any-link {
  text-decoration: none;
}

.visually-hidden,
.elementInvisible {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.visually-hidden--focusable {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.visually-hidden--focusable:active, .visually-hidden--focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

ul.menu {
  list-style: none;
  padding: 0;
}

.preload * {
  transition: none !important;
}

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

picture {
  display: block;
}

button {
  cursor: pointer;
}

*:focus:hover {
  outline: 0;
}

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

:root {
  /*	Colours - Specifics: Don't use directly
   ***********************************  */
  --color__blue: #007BC1;
  --color__grey: #323E48;
  --color__lightGrey: #E1E1E1;
  --color__paleGrey: #F0F0F0;
  /*	Colours - Generics: Use these values in styling
   ***********************************  */
  --color__defaultText:black;
  --color__alpha: var(--color__blue);
  --color__charlie: var(--color__grey);
  --color__delta: var(--color__lightGrey);
  --color__beta: var(--color__paleGrey);
  --color__echo: var(--color__pink);
  /*	Sizes
   ***********************************  */
  --borderRadius_std:8px;
}

/*	Webfonts
		- if the project requires selfhosted webfonts,
		place @font-face rules here
*********************************** */
/*	Webfonts
		- if the project requires selfhosted webfonts,
		place @font-face rules here
*********************************** */
/*  Site layout and structure
*********************************** */
html {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 320px;
  background-color: white;
  min-height: 100%;
}

.the-page {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  flex-grow: 1;
  overflow: hidden;
}

.pane__main {
  flex-grow: 1;
}

.eff .lc-Container {
  margin-top: 0;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* Site layout – Full width sections
******************************** */
.pane {
  display: block;
  width: 100%;
  background-color: transparent;
  padding-left: clamp(1.375rem, 5vw, 5rem);
  padding-right: clamp(1.375rem, 5vw, 5rem);
}
.pane.noPadding {
  padding-left: 0;
  padding-right: 0;
}
.pane .pane-inner {
  width: 100%;
  max-width: 72.5rem;
  margin: 0 auto;
}
.pane .pane-inner.widthUnconstrained {
  max-width: none;
}

dialog {
  font-size: clamp(1.0625rem, 2.8846153846vw, 1.125rem);
  display: block;
  position: fixed;
  z-index: 20;
  top: 0;
  left: initial;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color__offBlack), 0.12);
  padding: 0;
  border: 0;
}

/*  Default layouts:
************************************* */
.grid-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.grid-list li {
  margin: 0;
}
.grid-list.style__1col {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(1, 1fr);
}
.grid-list.style__3col {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 552px) {
  .grid-list.style__3col {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1055px) {
  .grid-list.style__3col {
    grid-template-columns: repeat(3, 1fr);
  }
}

video {
  max-width: 100%;
  height: auto;
}

/* Sitewide Typography
************************************* */
html {
  /*
    Letting the browser and user set default font-size, for accesibility.
    I am working with REMs (except for media queries which is not viable)
  */
}

body {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 450;
  font-size: clamp(1.0625rem, 2.8846153846vw, 1.125rem);
  color: var(--color__defaultText);
  -webkit-font-smoothing: antialiased;
}

a, a:link {
  color: var(--color__defaultText);
  text-decoration: underline;
  text-decoration-color: var(--default);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.25em;
}
a:hover, a:focus-visible {
  color: var(--color__alpha);
}
.toolbar a, .toolbar a:link {
  text-decoration: none;
}

@media only screen and (max-width: 407px) {
  a[href^=mailto] {
    word-break: break-all;
  }
}
p {
  margin: 0 0 1em;
}

h1 {
  font-family: "stolzl", Courier, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.3em;
  letter-spacing: -0.02em;
  font-size: clamp(2.0625rem, 2.8571428571vw, 2.5rem);
  margin-top: 0;
  margin-bottom: 0.525em;
}

h2 {
  font-family: "stolzl", Courier, Helvetica, Arial, sans-serif;
  font-weight: 450;
  line-height: 1.3em;
  letter-spacing: -0.02em;
  font-size: clamp(1.75rem, 3.8095238095vw, 2.5rem);
  margin-top: 0;
  margin-bottom: 0.4em;
}

h3 {
  font-family: "stolzl", Courier, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.3em;
  letter-spacing: -0.02em;
  font-size: clamp(1.5625rem, 2.850877193vw, 1.625rem);
  margin-top: 0;
  margin-bottom: 0.65em;
}

h4 {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  font-weight: 650;
  line-height: 1.5em;
  letter-spacing: 0;
  font-size: clamp(1.0625rem, 2.8846153846vw, 1.125rem);
}

.cta {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0;
  text-align: center;
  position: relative;
  padding-top: 0.7em;
  padding-bottom: 0.69em;
  padding-left: 1.25em;
  padding-right: 1.25em;
  border: 0;
  border-radius: 2em;
}
.cta, .cta:link {
  color: white;
  text-decoration: none;
  background-color: var(--color__defaultText);
}
.cta, .cta:link {
  background-color: var(--color__defaultText);
}
/* 	Forms
*********************************** */
form label {
  font-family: "stolzl", Courier, Helvetica, Arial, sans-serif;
  font-weight: 650;
  line-height: 1.5em;
  letter-spacing: 0;
  font-size: clamp(0.0625rem, 1.9736842105vw, 1.125rem);
  margin-top: 0;
  margin-bottom: 0.4em;
  display: block;
}
form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  color: var(--defaultText);
}
form input::-moz-placeholder,
form textarea::-moz-placeholder {
  color: var(--defaultText);
}
form input:-moz-placeholder,
form textarea:-moz-placeholder {
  color: var(--defaultText);
}
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
  color: var(--defaultText);
}
form input::placeholder,
form textarea::placeholder {
  color: var(--defaultText);
}
form input[type=text], form input[type=password], form input[type=email], form input[type=search], form input[type=phone], form input[type=number], form .form-text, form textarea {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 450;
  letter-spacing: 0;
  font-size: clamp(1.125rem, 2.1929824561vw, 1.25rem);
  width: 100%;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
  padding-left: 0.8em;
  padding-right: 0.8em;
  background-color: transparent;
  border: thin solid var(--alpha);
  -webkit-appearance: none;
  border-radius: 0;
}
@media print {
  form input[type=text], form input[type=password], form input[type=email], form input[type=search], form input[type=phone], form input[type=number], form .form-text, form textarea {
    font-size: 10pt;
  }
}
form input[type=text]:focus, form input[type=password]:focus, form input[type=email]:focus, form input[type=search]:focus, form input[type=phone]:focus, form input[type=number]:focus, form .form-text:focus, form textarea:focus {
  outline: 0;
}
form textarea {
  resize: vertical;
}
form .form-item {
  margin-bottom: 2em;
}
form .description {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 450;
  font-size: clamp(1.0625rem, 2.8846153846vw, 1.125rem);
  margin-top: 0.75em;
}
form fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
form .form-checkboxes {
  list-style: none;
}
form .form-checkboxes .form-item {
  position: relative;
  margin-bottom: 0.75em;
}
form .form-checkboxes .form-item input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
form .form-checkboxes .form-item label {
  padding-left: 1.5em;
  cursor: pointer;
}
form .form-checkboxes .form-item label::before {
  content: " ";
  display: block;
  position: absolute;
  top: 53%;
  left: 0;
  width: 0.89em;
  height: 0.89em;
  background-repeat: no-repeat;
  background-size: 62% auto;
  background-position: 52% 56%;
  border: thin solid var(--defaultText);
  border-radius: 0.294118em;
  transform: translateY(-50%);
}
form .form-checkboxes .form-item label:hover {
  color: var(--alpha);
}
form .form-checkboxes .form-item input:checked + label::before {
  background-color: var(--alpha);
  border-color: var(--alpha);
}
form .form-checkboxes .form-item input:focus + label {
  color: var(--alpha);
}
form .form-checkboxes ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
form .form-checkboxes li:last-child .form-item {
  margin-bottom: 0;
}
form .form-checkboxes li.has_children label::after {
  content: " (+)";
}
form .form-checkboxes li.has_children ul {
  display: none;
}
form .form-checkboxes li.has_children.active-children label::after {
  content: none;
}
form .form-checkboxes li.has_children.active-children ul {
  display: block;
}
form input[type=submit] {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0;
  text-align: center;
  position: relative;
  padding-top: 0.7em;
  padding-bottom: 0.69em;
  padding-left: 1.25em;
  padding-right: 1.25em;
  border: 0;
  border-radius: 2em;
}
form input[type=submit], form input[type=submit]:link {
  color: white;
  text-decoration: none;
  background-color: var(--color__defaultText);
}
form input[type=submit], form input[type=submit]:link {
  background-color: var(--color__defaultText);
}
form input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  width: 0.75rem;
  height: 0.75rem;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.5em;
  cursor: pointer;
}

.social-follow-block {
  font-size: clamp(1.125rem, 2.1929824561vw, 1.25rem);
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
@media print {
  .social-follow-block {
    font-size: 10pt;
  }
}
.social-follow-block h2 {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 450;
  letter-spacing: 0;
  font-size: clamp(1.125rem, 2.1929824561vw, 1.25rem);
  color: white;
  margin-bottom: 0;
}
@media print {
  .social-follow-block h2 {
    font-size: 10pt;
  }
}

.social-follow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1em;
  list-style: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0;
}
.social-follow a {
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  width: 1.875rem;
  aspect-ratio: 1/1;
  background-repeat: no-repeat;
  background-position: 50% 56%;
  background-size: auto 50%;
  background-color: white;
  border-radius: 50%;
}
.social-follow a.linkedin {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)'%3E%3Cpath d='M 1.48 29.91 h 18.657 v 60.01 H 1.48 V 29.91 z M 10.809 0.08 c 5.963 0 10.809 4.846 10.809 10.819 c 0 5.967 -4.846 10.813 -10.809 10.813 C 4.832 21.712 0 16.866 0 10.899 C 0 4.926 4.832 0.08 10.809 0.08' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,123,193); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3Cpath d='M 31.835 29.91 h 17.89 v 8.206 h 0.255 c 2.49 -4.72 8.576 -9.692 17.647 -9.692 C 86.514 28.424 90 40.849 90 57.007 V 89.92 H 71.357 V 60.737 c 0 -6.961 -0.121 -15.912 -9.692 -15.912 c -9.706 0 -11.187 7.587 -11.187 15.412 V 89.92 H 31.835 V 29.91 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,123,193); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}
.social-follow a.x {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='256' height='256' viewBox='0 0 256 256' xml:space='preserve'%3E%3Cg style='stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;' transform='translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)'%3E%3Cpath d='M 0.219 2.882 l 34.748 46.461 L 0 87.118 h 7.87 l 30.614 -33.073 l 24.735 33.073 H 90 L 53.297 38.043 L 85.844 2.882 h -7.87 L 49.781 33.341 L 27.001 2.882 H 0.219 z M 11.793 8.679 h 12.303 L 78.425 81.32 H 66.122 L 11.793 8.679 z' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,123,193); fill-rule: nonzero; opacity: 1;' transform=' matrix(1 0 0 1 0 0) ' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}
.social-follow a:hover, .social-follow a:focus-visible {
  background-color: #e2dd0c;
}

.card.style__contact h2 {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  font-weight: 650;
  line-height: 1.5em;
  letter-spacing: 0;
  font-size: clamp(1rem, 2.380952381vw, 1.25rem);
  color: var(--color__grey);
  margin-bottom: 0.85em;
}
.card.style__contact a {
  text-decoration: none;
  font-weight: 650;
}
.card.style__contact a:hover, .card.style__contact a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 0.275em;
  color: var(--color__alpha);
}
.card.style__contact .img-box img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px 8px 0 0;
}
.card.style__contact .txt-box {
  background-color: var(--color__paleGrey);
  padding-top: clamp(1.125rem, 2.5vw, 1.875rem);
  padding-right: clamp(1.125rem, 2.5vw, 1.875rem);
  padding-bottom: clamp(1.125rem, 2.5vw, 1.875rem);
  padding-left: clamp(1.125rem, 2.5vw, 1.875rem);
  border-radius: 0 0 8px 8px;
}

.site-logo {
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
  width: clamp(11.0625rem, 28vw, 15.75rem);
  aspect-ratio: 1/0.1997;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='198' height='53' viewBox='0 0 198 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.5851 0.000137488C41.2204 0.0472081 53.0462 11.9498 52.9992 26.5851V28.1564L40.2179 28.1574C39.8571 31.3256 38.4032 34.2692 36.1076 36.4826C30.6518 41.7417 21.9656 41.5827 16.7062 36.1271C11.4467 30.6713 11.6059 21.9842 17.0617 16.7247C22.5174 11.4657 31.2036 11.6248 36.463 17.0802C36.463 17.0946 36.4511 17.1066 36.4367 17.1066L36.5167 17.1329C38.5787 19.2954 39.8783 22.0726 40.2179 25.0412H49.8029C48.9909 12.8351 38.8671 3.34079 26.6339 3.31361C13.7812 3.28521 3.3391 13.682 3.31069 26.5343C3.28235 39.387 13.6791 49.8292 26.5314 49.8576C32.6817 49.8783 38.5855 47.4434 42.9337 43.0939L45.1173 45.3576C40.1369 50.2749 33.413 53.0226 26.4142 53.0001C11.7792 52.9528 -0.0468454 41.0503 0.00013952 26.4152C0.0472051 11.7799 11.9498 -0.0465041 26.5851 0.000137488ZM12.3849 12.3839C20.2279 4.54566 32.9401 4.54977 40.7785 12.3927L38.5949 14.629C35.4092 11.4209 31.0737 9.61894 26.5529 9.62318C17.1946 9.63226 9.61483 17.2264 9.62416 26.5851V26.6163C9.64028 35.9679 17.2345 43.5357 26.5861 43.5197C31.087 43.5375 35.4058 41.7427 38.5685 38.5402L40.7521 40.8038C32.9062 48.6256 20.2077 48.6136 12.3761 40.7775C4.53778 32.9345 4.5419 20.2223 12.3849 12.3839ZM71.9044 17.0783C77.6033 17.0784 81.2247 20.6993 81.3605 26.5831C81.3605 27.01 81.3067 27.4884 81.2804 27.9415L81.254 28.1818H66.2326C66.3391 31.8294 68.6297 34.173 72.0646 34.173C74.4903 34.3527 76.6974 32.7722 77.3097 30.4181L77.3634 30.2052H81.0646L81.0109 30.5246C80.2095 34.6655 76.5194 37.6113 72.3038 37.4747C66.3927 37.4747 62.4259 33.3738 62.4259 27.2765C62.426 21.3699 65.9986 17.3374 71.3781 17.091L71.9044 17.0783ZM155.673 17.0783C161.346 17.0784 164.993 20.7002 165.152 26.5841C165.151 27.0373 165.098 27.4894 165.071 27.9425L165.045 28.1818H150.001C150.108 31.8296 152.398 34.173 155.833 34.173C158.259 34.3526 160.466 32.7721 161.078 30.4181L161.132 30.2052H164.833L164.779 30.5246C163.978 34.6655 160.288 37.6113 156.072 37.4747C150.161 37.4747 146.195 33.3746 146.194 27.2775C146.194 21.1801 150.001 17.0783 155.673 17.0783ZM93.2609 17.1066C97.9177 17.1067 101.169 19.742 101.968 24.1622L102.022 24.4816H98.3204L98.2667 24.2687C97.716 21.9057 95.5494 20.2781 93.1271 20.4074C89.5582 20.4074 87.1623 23.1495 87.1622 27.2238C87.1622 31.3507 89.5594 34.1203 93.1271 34.1203C95.5859 34.2915 97.7918 32.6187 98.2921 30.2052L98.3488 30.0206H102.021L101.967 30.341C101.145 34.8143 97.8403 37.4766 93.1544 37.4767C87.3497 37.4767 83.4621 33.3756 83.4621 27.2511C83.4622 21.1803 87.4033 17.1066 93.2609 17.1066ZM135.544 17.1066C140.201 17.1066 143.452 19.7419 144.251 24.1622L144.305 24.4816H140.604L140.55 24.2687C139.999 21.9057 137.833 20.278 135.41 20.4074C131.842 20.4075 129.446 23.1497 129.445 27.2238C129.445 31.3506 131.843 34.1201 135.41 34.1203C137.869 34.2916 140.076 32.6196 140.576 30.2062V30.2052L140.632 30.0206H144.305L144.251 30.341C143.429 34.8145 140.124 37.4767 135.438 37.4767C129.633 37.4767 125.745 33.3755 125.745 27.2511C125.745 21.1804 129.687 17.1066 135.544 17.1066ZM113.789 17.0792C119.594 17.0794 123.667 21.26 123.667 27.2775C123.667 33.2948 119.593 37.4746 113.789 37.4747C107.985 37.4747 103.91 33.2949 103.91 27.2775C103.91 21.2599 107.958 17.0792 113.789 17.0792ZM182.86 20.4601C184.34 18.2248 186.893 16.9393 189.57 17.0792C194.416 17.0792 197.184 20.2481 197.186 25.8361V37.2892H193.511V26.0255C193.511 22.4046 192.02 20.5139 189.197 20.5138C186.108 20.5138 184.271 22.7801 184.271 26.6115V37.2628H180.596V25.9992C180.596 22.3783 179.079 20.4874 176.203 20.4874C173.274 20.4875 171.358 22.9381 171.358 26.7453V37.2365H167.683V17.3175H170.878L171.224 19.5812C172.562 17.9375 174.591 17.0127 176.709 17.0792C179.234 16.9482 181.617 18.2577 182.86 20.4601ZM26.5587 16.0138C20.7061 16.0138 15.9611 20.7588 15.9611 26.6115C15.9611 32.4641 20.7061 37.2091 26.5587 37.2091C32.4088 37.2032 37.1504 32.4615 37.1564 26.6115C37.1564 20.7588 32.4114 16.0138 26.5587 16.0138ZM113.789 20.4064C110.168 20.4064 107.638 23.2285 107.638 27.2765C107.638 31.3246 110.168 34.1466 113.789 34.1466C117.384 34.1465 119.913 31.3244 119.94 27.2765C119.94 23.2286 117.41 20.4066 113.789 20.4064ZM77.4454 25.0138C77.2046 22.2081 74.7407 20.1247 71.9337 20.3537C69.2129 20.3452 66.8938 22.3251 66.4757 25.0138H77.4454ZM161.216 25.0138C160.975 22.2083 158.511 20.1249 155.704 20.3537C152.98 20.3354 150.654 22.3205 150.244 25.0138H161.216Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.pane_banner {
  font-size: clamp(2.0625rem, 2.8571428571vw, 2.5rem);
  background-color: var(--color__blue);
  padding-top: clamp(1.25rem, 7.8125vw, 7.8125rem);
  padding-bottom: clamp(1.25rem, 7.8125vw, 7.8125rem);
}
.pane_banner .site-logo {
  margin-bottom: 1.05em;
}
.pane_banner h1 {
  color: white;
  margin-bottom: 0;
}
.pane_banner .intro {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.3em;
  font-weight: 450;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 2.8571428571vw, 2.5rem);
  color: white;
  margin-bottom: 0;
}
.pane_banner .social-follow-block {
  margin-top: 2.5em;
}
.pane_banner .compound-image {
  position: relative;
  aspect-ratio: 1/0.7288;
}
.pane_banner .compound-image > * {
  position: absolute;
}
.pane_banner .compound-image .img-small {
  z-index: 2;
  top: 0;
  left: 0;
  width: 36.226%;
  border-radius: var(--borderRadius_std);
}
.pane_banner .compound-image .video-box {
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 89.434%;
  aspect-ratio: 1/0.65;
  border-radius: var(--borderRadius_std);
  overflow: hidden;
}
.pane_banner .compound-image .video-box video {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translateX(-50%);
}
@media only screen and (max-width: 695px) {
  .pane_banner .pane-inner {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 1em;
  }
}
@media only screen and (min-width: 696px) {
  .pane_banner .pane-inner {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .pane_banner .img-box {
    margin-left: 1.05em;
  }
}

.pane__contactInfo {
  padding-top: clamp(2.5rem, 7vw, 5.25rem);
}
.pane__contactInfo .location-heading {
  font-family: "stolzl", Courier, Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.3em;
  letter-spacing: -0.02em;
  font-size: clamp(1.5625rem, 2.850877193vw, 1.625rem);
  margin-top: 0;
  margin-bottom: 0.65em;
  color: var(--color__grey);
}
.pane__contactInfo .location-list {
  font-size: clamp(1.0625rem, 2.8846153846vw, 1.125rem);
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.pane__contactInfo .location-list li {
  padding-top: 1em;
  padding-bottom: 0.75em;
  border-top: 1px solid var(--color__lightGrey);
}
.pane__contactInfo .location-list h3 {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  font-weight: 650;
  line-height: 1.5em;
  letter-spacing: 0;
  font-size: clamp(1.0625rem, 2.8846153846vw, 1.125rem);
  color: var(--color__blue);
  margin-bottom: 0.1em;
}
.pane__contactInfo .location-list p {
  margin-bottom: 0;
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 450;
  font-size: 1rem;
}
.pane__contactInfo .location-list a {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 450;
  font-size: 1rem;
}
@media only screen and (max-width: 695px) {
  .pane__contactInfo .location-list {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 696px) {
  .pane__contactInfo .location-list {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1271px) {
  .pane__contactInfo .location-list {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 839px) {
  .pane__contactInfo .location-list {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 1128px) {
  .pane__contactInfo .contact-us {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 1em;
  }
}
.pane__contactInfo .card.style__contact {
  max-width: 29.6875rem;
}
@media only screen and (max-width: 767px) {
  .pane__contactInfo .card.style__contact {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 840px) {
  .pane__contactInfo .contact-us {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .pane__contactInfo .contact-us > * {
    grid-column: 1/3;
  }
  .pane__contactInfo .contact-us .location-list {
    grid-column: 1/2;
    padding-right: 2em;
  }
  .pane__contactInfo .contact-us .card.style__contact {
    grid-column: 2/3;
  }
}
@media only screen and (min-width: 1055px) {
  .pane__contactInfo .contact-us {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(12, 1fr);
  }
  .pane__contactInfo .contact-us > * {
    grid-column: 1/13;
  }
  .pane__contactInfo .contact-us .location-list {
    grid-column: 1/8;
    padding-right: 2em;
  }
  .pane__contactInfo .contact-us .card.style__contact {
    grid-column: 8/13;
  }
}

footer.pane.pane_footer {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 450;
  font-size: 1rem;
  padding-bottom: clamp(1.875rem, 4.75vw, 3.5625rem);
  margin-top: clamp(3.75rem, 12.6666666667vw, 9.5rem);
}
footer.pane.pane_footer .cloudflare-token {
  display: none;
}
footer.pane.pane_footer .cloudflare-token h1 {
  font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  line-height: 1.5em;
  font-weight: 450;
  font-size: 1rem;
}
footer.pane.pane_footer .cloudflare-token:has(h1) {
  display: block;
}
footer.pane.pane_footer .cloudflare-token:has(h1) * {
  display: none;
}
footer.pane.pane_footer .cloudflare-token:has(h1) .cf-error-details {
  display: block;
}
footer.pane.pane_footer .cloudflare-token:has(h1) .cf-error-details * {
  display: none;
}
footer.pane.pane_footer .cloudflare-token:has(h1) .cf-error-details h1 {
  display: block;
}

/*# sourceMappingURL=global.css.map */