/* import deps */
/* ! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
	box-sizing: border-box;
}
/**
Use a more readable tab size (opinionated).
*/
html {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}
/**
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;
}
/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
	font-family:
		system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}
/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}
/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}
/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
	font-weight: bolder;
}
/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		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;
}
/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}
/*
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 */
}
/**
Remove the inheritance of text transform in Edge and Firefox.
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.
*/
::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
	outline: 1px dotted ButtonText;
}
/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
	box-shadow: none;
}
/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
	padding: 0;
}
/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
	vertical-align: baseline;
}
/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-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.
*/
::-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 Chrome and Safari.
*/
summary {
	display: list-item;
}
/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */
/**
 * Removes the default spacing and border for appropriate elements.
 */
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
button {
  background-color: transparent;
  background-image: none;
}
fieldset {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/**
 * Tailwind custom reset styles
 */
/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */
html {
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}
/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */
body {
  font-family: inherit;
  line-height: inherit;
}
/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
/*
 * Ensure horizontal rules are visible by default
 */
hr {
  border-top-width: 1px;
}
/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */
img {
  border-style: solid;
}
textarea {
  resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role="button"] {
  cursor: pointer;
}
/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */
:-moz-focusring {
	outline: auto;
}
table {
  border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */
a {
  color: inherit;
  text-decoration: inherit;
}
/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}
/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */
pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */
img,
video {
  max-width: 100%;
  height: auto;
}
/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */
[hidden] {
  display: none;
}
.\!pointer-events-none {
	pointer-events: none !important;
}
.visible {
	visibility: visible !important;
}
.fixed {
	position: fixed !important;
}
.absolute {
	position: absolute !important;
}
.top-0 {
	top: 0px !important;
}
.left-0 {
	left: 0px !important;
}
.\!top-\[40px\] {
	top: 40px !important;
}
.z-\[1000\] {
	z-index: 1000 !important;
}
.order-first {
	order: -9999 !important;
}
.col-span-6 {
	grid-column: span 6 / span 6 !important;
}
.col-span-9 {
	grid-column: span 9 / span 9 !important;
}
.col-span-3 {
	grid-column: span 3 / span 3 !important;
}
.mt-8 {
	margin-top: 2rem !important;
}
.mt-1 {
	margin-top: 0.25rem !important;
}
.block {
	display: block !important;
}
.flex {
	display: flex !important;
}
.table {
	display: table !important;
}
.grid {
	display: grid !important;
}
.hidden {
	display: none !important;
}
.h-\[45px\] {
	height: 45px !important;
}
.w-full {
	width: 100% !important;
}
.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-12 {
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.flex-col {
	flex-direction: column !important;
}
.items-center {
	align-items: center !important;
}
.justify-center {
	justify-content: center !important;
}
.justify-between {
	justify-content: space-between !important;
}
.gap-8 {
	grid-gap: 2rem !important;
	gap: 2rem !important;
}
.gap-6 {
	grid-gap: 1.5rem !important;
	gap: 1.5rem !important;
}
.gap-4 {
	grid-gap: 1rem !important;
	gap: 1rem !important;
}
.gap-10 {
	grid-gap: 2.5rem !important;
	gap: 2.5rem !important;
}
.gap-x-32 {
	grid-column-gap: 8rem !important;
	-moz-column-gap: 8rem !important;
	     column-gap: 8rem !important;
}
.gap-y-10 {
	grid-row-gap: 2.5rem !important;
	row-gap: 2.5rem !important;
}
.gap-x-9 {
	grid-column-gap: 2.25rem !important;
	-moz-column-gap: 2.25rem !important;
	     column-gap: 2.25rem !important;
}
.gap-y-20 {
	grid-row-gap: 5rem !important;
	row-gap: 5rem !important;
}
.gap-x-8 {
	grid-column-gap: 2rem !important;
	-moz-column-gap: 2rem !important;
	     column-gap: 2rem !important;
}
.gap-y-12 {
	grid-row-gap: 3rem !important;
	row-gap: 3rem !important;
}
.bg-black {
	--tw-bg-opacity: 1 !important;
	background-color: rgba(0, 0, 0, var(--tw-bg-opacity)) !important;
}
.fill-current {
	fill: currentColor !important;
}
.\!p-0 {
	padding: 0px !important;
}
.\!pt-\[230px\] {
	padding-top: 230px !important;
}
.\!pt-\[180px\] {
	padding-top: 180px !important;
}
.pt-\[40px\] {
	padding-top: 40px !important;
}
.pb-8 {
	padding-bottom: 2rem !important;
}
.text-\[12px\] {
	font-size: 12px !important;
}
.font-bold {
	font-weight: 700 !important;
}
.uppercase {
	text-transform: uppercase !important;
}
.italic {
	font-style: italic !important;
}
.leading-\[12px\] {
	line-height: 12px !important;
}
.text-white {
	--tw-text-opacity: 1 !important;
	color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
/* import commons */
@font-face {
    font-family: 'Suisse BP';
    src: url('/fonts/suisse-bp-international/SuisseIntl-Regular.woff2') format('woff2'),
        url('/fonts/suisse-bp-international/SuisseIntl-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Suisse BP';
    src: url('/fonts/suisse-bp-international/SuisseIntl-Book.woff2') format('woff2'),
        url('/fonts/suisse-bp-international/SuisseIntl-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Suisse BP';
    src: url('/fonts/suisse-bp-international/SuisseIntl-Medium.woff2') format('woff2'),
        url('/fonts/suisse-bp-international/SuisseIntl-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Suisse BP';
    src: url('/fonts/suisse-bp-international/SuisseIntl-RegularItalic.woff2') format('woff2'),
        url('/fonts/suisse-bp-international/SuisseIntl-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    
    font-family: 'Suisse BP', 'Helvetica', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
}
@media (min-width: 768px) {
body {
        font-size: 24px;
        line-height: 30px;
	}
    }
h1,
h2,
h3,
h4,
h5 {
    display: block;
    text-transform: uppercase;
}
h1 {
    font-weight: 500;
    font-size: 80px;
    line-height: 83%;
    margin-bottom: 40px;
    text-transform: uppercase
}
@media (min-width: 1024px) {
h1 {
        font-size: 100px;
        margin-bottom: 85px
}
    }
@media (min-width: 1280px) {
h1 {
        font-size: 200px
}
    }
h2,
h3 {
    font-weight: 500;
    font-size: 50px;
    line-height: 100%;
    margin-bottom: 30px
}
@media (min-width: 1024px) {
h2,
h3 {
        font-size: 62px
}
    }
@media (min-width: 1280px) {
h2,
h3 {
        font-size: 80px
}
    }
h3 {
    font-size: 36px;
    line-height: 40px;
}
.small-title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
p {
    margin-bottom: 20px
}
p:last-of-type {
        margin-bottom: 0;
    }
.word {
    white-space: nowrap;
}
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(65%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(65%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes move-up {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes move-up {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fade-in{
    opacity: 0
}
.fade-in.in-view{
        -webkit-animation: fade-in 2s ease-out 0s forwards;
                animation: fade-in 2s ease-out 0s forwards;
    }
.fade-in.stagger:nth-child(1) {
                -webkit-animation-delay: calc(0.1s * 1);
                        animation-delay: calc(0.1s * 1);
            }
.fade-in.stagger:nth-child(2) {
                -webkit-animation-delay: calc(0.1s * 2);
                        animation-delay: calc(0.1s * 2);
            }
.fade-in.stagger:nth-child(3) {
                -webkit-animation-delay: calc(0.1s * 3);
                        animation-delay: calc(0.1s * 3);
            }
.fade-in.stagger:nth-child(4) {
                -webkit-animation-delay: calc(0.1s * 4);
                        animation-delay: calc(0.1s * 4);
            }
.fade-in.stagger:nth-child(5) {
                -webkit-animation-delay: calc(0.1s * 5);
                        animation-delay: calc(0.1s * 5);
            }
.fade-in.stagger:nth-child(6) {
                -webkit-animation-delay: calc(0.1s * 6);
                        animation-delay: calc(0.1s * 6);
            }
.fade-in.stagger:nth-child(7) {
                -webkit-animation-delay: calc(0.1s * 7);
                        animation-delay: calc(0.1s * 7);
            }
.fade-in.stagger:nth-child(8) {
                -webkit-animation-delay: calc(0.1s * 8);
                        animation-delay: calc(0.1s * 8);
            }
.fade-in.stagger:nth-child(9) {
                -webkit-animation-delay: calc(0.1s * 9);
                        animation-delay: calc(0.1s * 9);
            }
.fade-in.stagger:nth-child(10) {
                -webkit-animation-delay: calc(0.1s * 10);
                        animation-delay: calc(0.1s * 10);
            }
.fade-in.stagger:nth-child(11) {
                -webkit-animation-delay: calc(0.1s * 11);
                        animation-delay: calc(0.1s * 11);
            }
.fade-in.stagger:nth-child(12) {
                -webkit-animation-delay: calc(0.1s * 12);
                        animation-delay: calc(0.1s * 12);
            }
.fade-in.stagger:nth-child(13) {
                -webkit-animation-delay: calc(0.1s * 13);
                        animation-delay: calc(0.1s * 13);
            }
.fade-in.stagger:nth-child(14) {
                -webkit-animation-delay: calc(0.1s * 14);
                        animation-delay: calc(0.1s * 14);
            }
.fade-in.stagger:nth-child(15) {
                -webkit-animation-delay: calc(0.1s * 15);
                        animation-delay: calc(0.1s * 15);
            }
.fade-in.stagger:nth-child(16) {
                -webkit-animation-delay: calc(0.1s * 16);
                        animation-delay: calc(0.1s * 16);
            }
.fade-in.stagger:nth-child(17) {
                -webkit-animation-delay: calc(0.1s * 17);
                        animation-delay: calc(0.1s * 17);
            }
.fade-in.stagger:nth-child(18) {
                -webkit-animation-delay: calc(0.1s * 18);
                        animation-delay: calc(0.1s * 18);
            }
.fade-in.stagger:nth-child(19) {
                -webkit-animation-delay: calc(0.1s * 19);
                        animation-delay: calc(0.1s * 19);
            }
.fade-in.stagger:nth-child(20) {
                -webkit-animation-delay: calc(0.1s * 20);
                        animation-delay: calc(0.1s * 20);
            }
.fade-in.stagger:nth-child(21) {
                -webkit-animation-delay: calc(0.1s * 21);
                        animation-delay: calc(0.1s * 21);
            }
.fade-in.stagger:nth-child(22) {
                -webkit-animation-delay: calc(0.1s * 22);
                        animation-delay: calc(0.1s * 22);
            }
.fade-in.stagger:nth-child(23) {
                -webkit-animation-delay: calc(0.1s * 23);
                        animation-delay: calc(0.1s * 23);
            }
.fade-in.stagger:nth-child(24) {
                -webkit-animation-delay: calc(0.1s * 24);
                        animation-delay: calc(0.1s * 24);
            }
.fade-in.stagger:nth-child(25) {
                -webkit-animation-delay: calc(0.1s * 25);
                        animation-delay: calc(0.1s * 25);
            }
.fade-in.stagger:nth-child(26) {
                -webkit-animation-delay: calc(0.1s * 26);
                        animation-delay: calc(0.1s * 26);
            }
.fade-in.stagger:nth-child(27) {
                -webkit-animation-delay: calc(0.1s * 27);
                        animation-delay: calc(0.1s * 27);
            }
.fade-in.stagger:nth-child(28) {
                -webkit-animation-delay: calc(0.1s * 28);
                        animation-delay: calc(0.1s * 28);
            }
.fade-in.stagger:nth-child(29) {
                -webkit-animation-delay: calc(0.1s * 29);
                        animation-delay: calc(0.1s * 29);
            }
.fade-in.stagger:nth-child(30) {
                -webkit-animation-delay: calc(0.1s * 30);
                        animation-delay: calc(0.1s * 30);
            }
.move-up{
    opacity: 0
}
.move-up.in-view{
        -webkit-animation: move-up 2s ease-out 0s forwards;
                animation: move-up 2s ease-out 0s forwards;
    }
.move-up.stagger:nth-child(1) {
                -webkit-animation-delay: calc(0.1s * 1);
                        animation-delay: calc(0.1s * 1);
            }
.move-up.stagger:nth-child(2) {
                -webkit-animation-delay: calc(0.1s * 2);
                        animation-delay: calc(0.1s * 2);
            }
.move-up.stagger:nth-child(3) {
                -webkit-animation-delay: calc(0.1s * 3);
                        animation-delay: calc(0.1s * 3);
            }
.move-up.stagger:nth-child(4) {
                -webkit-animation-delay: calc(0.1s * 4);
                        animation-delay: calc(0.1s * 4);
            }
.move-up.stagger:nth-child(5) {
                -webkit-animation-delay: calc(0.1s * 5);
                        animation-delay: calc(0.1s * 5);
            }
.move-up.stagger:nth-child(6) {
                -webkit-animation-delay: calc(0.1s * 6);
                        animation-delay: calc(0.1s * 6);
            }
.move-up.stagger:nth-child(7) {
                -webkit-animation-delay: calc(0.1s * 7);
                        animation-delay: calc(0.1s * 7);
            }
.move-up.stagger:nth-child(8) {
                -webkit-animation-delay: calc(0.1s * 8);
                        animation-delay: calc(0.1s * 8);
            }
.move-up.stagger:nth-child(9) {
                -webkit-animation-delay: calc(0.1s * 9);
                        animation-delay: calc(0.1s * 9);
            }
.move-up.stagger:nth-child(10) {
                -webkit-animation-delay: calc(0.1s * 10);
                        animation-delay: calc(0.1s * 10);
            }
.move-up.stagger:nth-child(11) {
                -webkit-animation-delay: calc(0.1s * 11);
                        animation-delay: calc(0.1s * 11);
            }
.move-up.stagger:nth-child(12) {
                -webkit-animation-delay: calc(0.1s * 12);
                        animation-delay: calc(0.1s * 12);
            }
.move-up.stagger:nth-child(13) {
                -webkit-animation-delay: calc(0.1s * 13);
                        animation-delay: calc(0.1s * 13);
            }
.move-up.stagger:nth-child(14) {
                -webkit-animation-delay: calc(0.1s * 14);
                        animation-delay: calc(0.1s * 14);
            }
.move-up.stagger:nth-child(15) {
                -webkit-animation-delay: calc(0.1s * 15);
                        animation-delay: calc(0.1s * 15);
            }
.move-up.stagger:nth-child(16) {
                -webkit-animation-delay: calc(0.1s * 16);
                        animation-delay: calc(0.1s * 16);
            }
.move-up.stagger:nth-child(17) {
                -webkit-animation-delay: calc(0.1s * 17);
                        animation-delay: calc(0.1s * 17);
            }
.move-up.stagger:nth-child(18) {
                -webkit-animation-delay: calc(0.1s * 18);
                        animation-delay: calc(0.1s * 18);
            }
.move-up.stagger:nth-child(19) {
                -webkit-animation-delay: calc(0.1s * 19);
                        animation-delay: calc(0.1s * 19);
            }
.move-up.stagger:nth-child(20) {
                -webkit-animation-delay: calc(0.1s * 20);
                        animation-delay: calc(0.1s * 20);
            }
.move-up.stagger:nth-child(21) {
                -webkit-animation-delay: calc(0.1s * 21);
                        animation-delay: calc(0.1s * 21);
            }
.move-up.stagger:nth-child(22) {
                -webkit-animation-delay: calc(0.1s * 22);
                        animation-delay: calc(0.1s * 22);
            }
.move-up.stagger:nth-child(23) {
                -webkit-animation-delay: calc(0.1s * 23);
                        animation-delay: calc(0.1s * 23);
            }
.move-up.stagger:nth-child(24) {
                -webkit-animation-delay: calc(0.1s * 24);
                        animation-delay: calc(0.1s * 24);
            }
.move-up.stagger:nth-child(25) {
                -webkit-animation-delay: calc(0.1s * 25);
                        animation-delay: calc(0.1s * 25);
            }
.move-up.stagger:nth-child(26) {
                -webkit-animation-delay: calc(0.1s * 26);
                        animation-delay: calc(0.1s * 26);
            }
.move-up.stagger:nth-child(27) {
                -webkit-animation-delay: calc(0.1s * 27);
                        animation-delay: calc(0.1s * 27);
            }
.move-up.stagger:nth-child(28) {
                -webkit-animation-delay: calc(0.1s * 28);
                        animation-delay: calc(0.1s * 28);
            }
.move-up.stagger:nth-child(29) {
                -webkit-animation-delay: calc(0.1s * 29);
                        animation-delay: calc(0.1s * 29);
            }
.move-up.stagger:nth-child(30) {
                -webkit-animation-delay: calc(0.1s * 30);
                        animation-delay: calc(0.1s * 30);
            }
section {
    transition: all 0.5s ease;
}
section.fade-up {
    opacity: 0;
    transform: translateY(50px);
}
body {
    padding-top: 120px;
    overflow-x: hidden
}
@media (min-width: 1024px) {
body {
        padding-top: 230px
}
    }
html {
    scroll-behavior: smooth;
}
section {
    padding-left: 20px;
    padding-right: 20px
}
@media (min-width: 768px) {
section {
        padding-left: 40px;
        padding-right: 40px
}
    }
.button {
    position: relative;
    padding: 15px 50px 12px 50px;
    color: white;
    background: #000000;
    line-height: 1;
    font-size: 16px;
    text-align: center;
    border: 1px solid black;
    border-radius: 20px;
    margin-top: 40px;
    display: inline-block;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 0 rgb(255, 247, 242);
    font-weight: 500;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    min-width: 260px
}
.button:hover{
        box-shadow: inset 0 100px 0 0 rgb(255, 247, 242);
        color: black;
    }
.article-blue {
    background: #0A00FF;
    border: 1px solid #0A00FF;
    margin-right: auto
}
.article-blue:hover{
        box-shadow: inset 0 100px 0 0 rgb(255, 247, 242);
        color: #0A00FF;
    }
body.page-slug--contact .button {
    box-shadow: inset 0 0 0 0 #F2F2F2
}
body.page-slug--contact .button:hover {
        box-shadow: inset 0 100px 0 0 #F2F2F2;
    }
.intro-title-image {
    max-height: 96px;
}
.eyebrow {
    padding: 0 0 20px 0;
    margin: 20px 0 40px 0;
    border-bottom: 1px solid black;
}
#main-header {
    padding: 20px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1001
}
@media (min-width: 768px) {
#main-header {
        padding: 40px
}
    }
#main-header .menu.menu-left {
            width: 50px;
        }
#main-header .menu.menu-left .logo {
                transform: translateX(-8px);
                height: 50px;
                display: block;
            }
#main-header .menu.menu-left .logo svg {
                    height: 100%;
                }
#main-header .menu.menu-right .burger-icon {
                height: 50px;
                width: 30px;
                position: relative;
            }
#main-header .menu.menu-right .burger-icon span {
                    transition: all 0.25s ease;
                    height: 1px;
                    width: 100%;
                    position: absolute;
                    left: 0;
                    background: black;
                    transform-origin: center
                }
#main-header .menu.menu-right .burger-icon span.top {
                        top: 20px;
                    }
#main-header .menu.menu-right .burger-icon span.bottom {
                        bottom: 20px;
                    }
body.menu-open #main-header .logo {
        transition: all 0.25s ease;
        opacity: 0
    }
@media (min-width: 768px) {

    body.menu-open #main-header .logo {
            opacity: 1
    }
        }
body.menu-open #main-header .menu.menu-right .burger-icon span {
        background-color: #FFF7F2 !important
    }
body.menu-open #main-header .menu.menu-right .burger-icon span.top {
            top: 50%;
            transform: rotate(45deg);
        }
body.menu-open #main-header .menu.menu-right .burger-icon span.bottom {
            bottom: 50%;
            transform: rotate(-45deg);
        }
#fullscreen-menu {
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: black;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    height: 100vh;
    width: 100%;
    padding: 20px;
    transform: translateX(100%);
    color: #FFF7F2
}
@media (min-width: 768px) {
#fullscreen-menu {
        padding: 40px 200px 40px 40px;
        width: unset
}
    }
#fullscreen-menu .logo {
        transform: translateX(-8px);
        height: 50px;
        width: 50px;
        display: block;
    }
#fullscreen-menu .logo svg {
            height: 100%;
        }
#fullscreen-menu ul {
        margin-top: 60px
    }
@media (min-width: 768px) {

    #fullscreen-menu ul {
            margin-top: 70px
    }
        }
#fullscreen-menu ul li {
            margin-bottom: 10px;
            opacity: 0;
            display: flex
        }
@media (min-width: 768px) {

        #fullscreen-menu ul li {
                margin-bottom: 10px
        }
            }
#fullscreen-menu ul li a {
                font-size: 28px;
                line-height: 1;
                display: block;
                transition: transform 0.25s ease-out;
                position: relative;
                margin-right: auto
            }
@media (min-width: 768px) {

            #fullscreen-menu ul li a {
                    font-size: 40px
            }
                }
#fullscreen-menu ul li a:after {
                    transition: all 0.25s ease;
                    content: '';
                    position: absolute;
                    left: 2px;
                    top: calc(100% - 2px);
                    width: 0%;
                    height: 2px;
                    background: white;
                }
#fullscreen-menu ul li a:hover,
                #fullscreen-menu ul li a:active {
                    opacity: 1

                }
#fullscreen-menu ul li a:hover::after, #fullscreen-menu ul li a:active::after {
                        width: 100%;
                    }
#fullscreen-menu ul li a.current {
                    pointer-events: none
                }
#fullscreen-menu ul li a.current::after {
                        width: 100%;
                    }
#fullscreen-menu ul li a.current:hover {
                        pointer-events: none;
                        opacity: 1;
                    }
@media (min-width: 1280px) {

            #fullscreen-menu ul li a {
                    font-size: 50px
            }
                }
#fullscreen-menu .contact-details {
        margin-top: auto;
        margin-bottom: 70px;
        opacity: 0
    }
@media (min-width: 768px) {

    #fullscreen-menu .contact-details {
            margin-bottom: 0
    }
        }
#fullscreen-menu .contact-details .copy {
            display: block;
            margin-top: 30px;
            font-size: 20px;
            line-height: 26px;
        }
#fullscreen-menu .contact-details .address {
            font-size: 20px;
            line-height: 26px;
        }
#fullscreen-menu .contact-details .contact-links {
            display: flex;
            flex-direction: column;
            margin-top: 30px;
        }
#fullscreen-menu .contact-details .contact-links a {
                font-size: 20px;
                line-height: 26px;
                text-decoration: underline;
            }
body.menu-open #fullscreen-menu {
    transform: translateX(0);
}
body.menu-open #fullscreen-menu .contact-details{
        -webkit-animation: fade-in 1s ease-out 0s forwards;
                animation: fade-in 1s ease-out 0s forwards;
        -webkit-animation-delay: 0.8s;
                animation-delay: 0.8s;
    }
body.menu-open #fullscreen-menu ul li{
            -webkit-animation: move-up 0.25s ease-out 0s forwards;
                    animation: move-up 0.25s ease-out 0s forwards
        }
body.menu-open #fullscreen-menu ul li:nth-child(1) {
                    -webkit-animation-delay: calc(0.1s * 1);
                            animation-delay: calc(0.1s * 1);
                }
body.menu-open #fullscreen-menu ul li:nth-child(2) {
                    -webkit-animation-delay: calc(0.1s * 2);
                            animation-delay: calc(0.1s * 2);
                }
body.menu-open #fullscreen-menu ul li:nth-child(3) {
                    -webkit-animation-delay: calc(0.1s * 3);
                            animation-delay: calc(0.1s * 3);
                }
body.menu-open #fullscreen-menu ul li:nth-child(4) {
                    -webkit-animation-delay: calc(0.1s * 4);
                            animation-delay: calc(0.1s * 4);
                }
body.menu-open #fullscreen-menu ul li:nth-child(5) {
                    -webkit-animation-delay: calc(0.1s * 5);
                            animation-delay: calc(0.1s * 5);
                }
body.menu-open #fullscreen-menu ul li:nth-child(6) {
                    -webkit-animation-delay: calc(0.1s * 6);
                            animation-delay: calc(0.1s * 6);
                }
body.menu-open #fullscreen-menu ul li:nth-child(7) {
                    -webkit-animation-delay: calc(0.1s * 7);
                            animation-delay: calc(0.1s * 7);
                }
body.menu-open #fullscreen-menu ul li:nth-child(8) {
                    -webkit-animation-delay: calc(0.1s * 8);
                            animation-delay: calc(0.1s * 8);
                }
body.menu-open #fullscreen-menu ul li:nth-child(9) {
                    -webkit-animation-delay: calc(0.1s * 9);
                            animation-delay: calc(0.1s * 9);
                }
body.menu-open #fullscreen-menu ul li:nth-child(10) {
                    -webkit-animation-delay: calc(0.1s * 10);
                            animation-delay: calc(0.1s * 10);
                }
body.menu-open #fullscreen-menu ul li:nth-child(11) {
                    -webkit-animation-delay: calc(0.1s * 11);
                            animation-delay: calc(0.1s * 11);
                }
body.menu-open #fullscreen-menu ul li:nth-child(12) {
                    -webkit-animation-delay: calc(0.1s * 12);
                            animation-delay: calc(0.1s * 12);
                }
body.menu-open #fullscreen-menu ul li:nth-child(13) {
                    -webkit-animation-delay: calc(0.1s * 13);
                            animation-delay: calc(0.1s * 13);
                }
body.menu-open #fullscreen-menu ul li:nth-child(14) {
                    -webkit-animation-delay: calc(0.1s * 14);
                            animation-delay: calc(0.1s * 14);
                }
body.menu-open #fullscreen-menu ul li:nth-child(15) {
                    -webkit-animation-delay: calc(0.1s * 15);
                            animation-delay: calc(0.1s * 15);
                }
body.menu-open #fullscreen-menu ul li:nth-child(16) {
                    -webkit-animation-delay: calc(0.1s * 16);
                            animation-delay: calc(0.1s * 16);
                }
body.menu-open #fullscreen-menu ul li:nth-child(17) {
                    -webkit-animation-delay: calc(0.1s * 17);
                            animation-delay: calc(0.1s * 17);
                }
body.menu-open #fullscreen-menu ul li:nth-child(18) {
                    -webkit-animation-delay: calc(0.1s * 18);
                            animation-delay: calc(0.1s * 18);
                }
body.menu-open #fullscreen-menu ul li:nth-child(19) {
                    -webkit-animation-delay: calc(0.1s * 19);
                            animation-delay: calc(0.1s * 19);
                }
body.menu-open #fullscreen-menu ul li:nth-child(20) {
                    -webkit-animation-delay: calc(0.1s * 20);
                            animation-delay: calc(0.1s * 20);
                }
body.menu-open #fullscreen-menu ul li:nth-child(21) {
                    -webkit-animation-delay: calc(0.1s * 21);
                            animation-delay: calc(0.1s * 21);
                }
body.menu-open #fullscreen-menu ul li:nth-child(22) {
                    -webkit-animation-delay: calc(0.1s * 22);
                            animation-delay: calc(0.1s * 22);
                }
body.menu-open #fullscreen-menu ul li:nth-child(23) {
                    -webkit-animation-delay: calc(0.1s * 23);
                            animation-delay: calc(0.1s * 23);
                }
body.menu-open #fullscreen-menu ul li:nth-child(24) {
                    -webkit-animation-delay: calc(0.1s * 24);
                            animation-delay: calc(0.1s * 24);
                }
body.menu-open #fullscreen-menu ul li:nth-child(25) {
                    -webkit-animation-delay: calc(0.1s * 25);
                            animation-delay: calc(0.1s * 25);
                }
body.menu-open #fullscreen-menu ul li:nth-child(26) {
                    -webkit-animation-delay: calc(0.1s * 26);
                            animation-delay: calc(0.1s * 26);
                }
body.menu-open #fullscreen-menu ul li:nth-child(27) {
                    -webkit-animation-delay: calc(0.1s * 27);
                            animation-delay: calc(0.1s * 27);
                }
body.menu-open #fullscreen-menu ul li:nth-child(28) {
                    -webkit-animation-delay: calc(0.1s * 28);
                            animation-delay: calc(0.1s * 28);
                }
body.menu-open #fullscreen-menu ul li:nth-child(29) {
                    -webkit-animation-delay: calc(0.1s * 29);
                            animation-delay: calc(0.1s * 29);
                }
body.menu-open #fullscreen-menu ul li:nth-child(30) {
                    -webkit-animation-delay: calc(0.1s * 30);
                            animation-delay: calc(0.1s * 30);
                }
footer {
    background: black;
    padding: 40px 20px;
    color: #FFF7F2
}
@media (min-width: 768px) {
footer {
        padding: 40px
}
    }
footer .footer-nav {
        padding-bottom: 20px;
        margin-bottom: 40px;
        border-bottom: 1px solid #FFF7F2;
        flex-direction: column
    }
@media (min-width: 768px) {

    footer .footer-nav {
            flex-direction: row
    }
        }
footer .footer-nav ul {
            display: flex;
            flex-direction: column;
            margin: 0;
            padding: 0
        }
@media (min-width: 768px) {

        footer .footer-nav ul {
                flex-direction: row
        }
            }
footer .footer-nav ul.left-menu li {
                    margin-right: 30px;
                }
@media (min-width: 768px) {
                footer .footer-nav ul.right-menu li {
                        margin-left: 30px
                }
                    }
footer .footer-nav ul li {
                position: relative
            }
footer .footer-nav ul li:after{
                    content: '';
                    width: 0;
                    height: 1px;
                    background-color: #FFF7F2 !important;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    transition: all .2s ease-in;
                }
footer .footer-nav ul li:hover:after{
                        width: 100%;
                    }
footer .footer-nav ul li.current:after{
                        width: 100%;
                    }
footer .footer-details {
        min-height: 300px;
        position: relative;
    }
footer .logo {
        height: 50px;
        margin-right: auto;
        transform: translateX(-8px);
        width: 50px;
        display: block;
    }
footer .logo svg {
            height: 100%;
        }
footer form.subscribe {
        margin-top: 38px;
        margin-bottom: 40px;
        position: relative;
        max-width: 400px
    }
@media (min-width: 768px) {

    footer form.subscribe {
            margin-bottom: unset
    }
        }
footer form.subscribe label {
            display: block;
            font-size: 22px;
        }
footer form.subscribe input:focus {
                outline: none;
            }
footer form.subscribe input.focus-visible {
                outline: none;
            }
footer form.subscribe input:focus-visible {
                outline: none;
            }
footer form.subscribe input[type="text"] {
            background: unset;
            border: unset;
            border-bottom: 1px solid #FFF7F2;
            width: 100%;
            font-size: 22px;
            margin-top: 5px
        }
footer form.subscribe input[type="text"]::-moz-placeholder {
                color: #FFF7F2;
                opacity: 1;
            }
footer form.subscribe input[type="text"]:-ms-input-placeholder {
                color: #FFF7F2;
                opacity: 1;
            }
input[type="text"]::-moz-placeholder {
                color: #FFF7F2;
                opacity: 1;
            }
input[type="text"]:-ms-input-placeholder {
                color: #FFF7F2;
                opacity: 1;
            }
footer form.subscribe input[type="text"]::placeholder {
                color: #FFF7F2;
                opacity: 1;
            }
footer form.subscribe input[type="submit"] {
            position: absolute;
            right: 0;
            bottom: 10px;
            background: unset;
            text-transform: uppercase;
            font-size: 14px;
            line-height: 1;
        }
footer form.subscribe #mce-responses {
            position: absolute;
            position: absolute;
            font-size: 14px;
            line-height: 1;
            padding-top: 10px;
        }
footer form.subscribe #mce-responses #mce-error-response {
                color: red;
            }
footer form.subscribe #mce-responses #mce-success-response {
                color: green;
            }
footer .copy {
        display: block;
        margin-top: auto;
    }
footer .address {
        font-size: 22px;
        line-height: 28px
    }
@media (min-width: 768px) {

    footer .address {
            padding-left: 60px
    }
        }
@media (min-width: 1024px) {

    footer .address {
            padding-left: unset
    }
        }
footer .contact-links {
        display: flex;
        flex-direction: column;
        margin-top: 38px
    }
@media (min-width: 768px) {

    footer .contact-links {
            padding-left: 60px
    }
        }
@media (min-width: 1024px) {

    footer .contact-links {
            padding-left: unset
    }
        }
footer .contact-links a {
            font-size: 22px;
            line-height: 28px;
            text-decoration: underline;
        }
footer .tagline {
        font-size: 22px;
        line-height: 28px;
        margin-top: 40px
    }
@media (min-width: 768px) {

    footer .tagline {
            margin-top: auto
    }
        }
footer .back-to-top {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 40px;
    }
footer .back-to-top svg {
            height: 100%;
        }
footer .back-to-top svg * {
                fill: #FFF7F2;
            }
.page-intro {
    padding-bottom: 30px;
}
.page-intro h1 {
        margin-left: -3px;
        font-weight: 500;
        display: block;
        overflow: hidden;
        font-size: 56px
    }
@media (min-width: 768px) {

    .page-intro h1 {
    }

        }
@media (min-width: 1024px) {

    .page-intro h1 {
            font-size: 80px
    }
        }
@media (min-width: 1280px) {

    .page-intro h1 {
            font-size: 130px
    }
        }
.page-intro h1 span{
            opacity: 0;
            display: inline-block;
            transform: translateY(100%) rotateX(-80deg);
            transform-origin: center top;
            transform-style: preserve-3d;
            transition: opacity 0s cubic-bezier(.215,.61,.355,1),transform 0s cubic-bezier(.215,.61,.355,1);
            transition-duration: 0s, 0s;
            transition-delay: 0s, 0s;
        }
.page-intro h1.in-view span{
                opacity: 1;
                transform: none;
                transition-duration: .8s
           }
.page-intro h1.in-view span:nth-child(1) {
                        transition-delay: calc(0.1s * 1), calc(0.1s * 1);
                    }
.page-intro h1.in-view span:nth-child(2) {
                        transition-delay: calc(0.1s * 2), calc(0.1s * 2);
                    }
.page-intro h1.in-view span:nth-child(3) {
                        transition-delay: calc(0.1s * 3), calc(0.1s * 3);
                    }
.page-intro h1.in-view span:nth-child(4) {
                        transition-delay: calc(0.1s * 4), calc(0.1s * 4);
                    }
.page-intro h1.in-view span:nth-child(5) {
                        transition-delay: calc(0.1s * 5), calc(0.1s * 5);
                    }
.page-intro h1.in-view span:nth-child(6) {
                        transition-delay: calc(0.1s * 6), calc(0.1s * 6);
                    }
.page-intro h1.in-view span:nth-child(7) {
                        transition-delay: calc(0.1s * 7), calc(0.1s * 7);
                    }
.page-intro h1.in-view span:nth-child(8) {
                        transition-delay: calc(0.1s * 8), calc(0.1s * 8);
                    }
.page-intro h1.in-view span:nth-child(9) {
                        transition-delay: calc(0.1s * 9), calc(0.1s * 9);
                    }
.page-intro h1.in-view span:nth-child(10) {
                        transition-delay: calc(0.1s * 10), calc(0.1s * 10);
                    }
.page-intro h1.in-view span:nth-child(11) {
                        transition-delay: calc(0.1s * 11), calc(0.1s * 11);
                    }
.page-intro h1.in-view span:nth-child(12) {
                        transition-delay: calc(0.1s * 12), calc(0.1s * 12);
                    }
.page-intro h1.in-view span:nth-child(13) {
                        transition-delay: calc(0.1s * 13), calc(0.1s * 13);
                    }
.page-intro h1.in-view span:nth-child(14) {
                        transition-delay: calc(0.1s * 14), calc(0.1s * 14);
                    }
.page-intro h1.in-view span:nth-child(15) {
                        transition-delay: calc(0.1s * 15), calc(0.1s * 15);
                    }
.page-intro h1.in-view span:nth-child(16) {
                        transition-delay: calc(0.1s * 16), calc(0.1s * 16);
                    }
.page-intro h1.in-view span:nth-child(17) {
                        transition-delay: calc(0.1s * 17), calc(0.1s * 17);
                    }
.page-intro h1.in-view span:nth-child(18) {
                        transition-delay: calc(0.1s * 18), calc(0.1s * 18);
                    }
.page-intro h1.in-view span:nth-child(19) {
                        transition-delay: calc(0.1s * 19), calc(0.1s * 19);
                    }
.page-intro h1.in-view span:nth-child(20) {
                        transition-delay: calc(0.1s * 20), calc(0.1s * 20);
                    }
.page-intro h1.in-view span:nth-child(21) {
                        transition-delay: calc(0.1s * 21), calc(0.1s * 21);
                    }
.page-intro h1.in-view span:nth-child(22) {
                        transition-delay: calc(0.1s * 22), calc(0.1s * 22);
                    }
.page-intro h1.in-view span:nth-child(23) {
                        transition-delay: calc(0.1s * 23), calc(0.1s * 23);
                    }
.page-intro h1.in-view span:nth-child(24) {
                        transition-delay: calc(0.1s * 24), calc(0.1s * 24);
                    }
.page-intro h1.in-view span:nth-child(25) {
                        transition-delay: calc(0.1s * 25), calc(0.1s * 25);
                    }
.page-intro h1.in-view span:nth-child(26) {
                        transition-delay: calc(0.1s * 26), calc(0.1s * 26);
                    }
.page-intro h1.in-view span:nth-child(27) {
                        transition-delay: calc(0.1s * 27), calc(0.1s * 27);
                    }
.page-intro h1.in-view span:nth-child(28) {
                        transition-delay: calc(0.1s * 28), calc(0.1s * 28);
                    }
.page-intro h1.in-view span:nth-child(29) {
                        transition-delay: calc(0.1s * 29), calc(0.1s * 29);
                    }
.page-intro h1.in-view span:nth-child(30) {
                        transition-delay: calc(0.1s * 30), calc(0.1s * 30);
                    }
.page-intro h3 {
        text-transform: unset;
    }
.page-intro .header-icon {
        height: 60px;
        width: auto;
        margin-top: 2px;
        margin-right: auto
    }
@media (min-width: 1024px) {

    .page-intro .header-icon {
            height: 117px;
            margin-left: auto;
            margin-right: unset
    }
        }
@media (min-width: 768px) {
    .page-slug--home .page-intro h1 {
            margin-left: -12px
    }
        }
.page-slug--home .page-intro h3 {
        font-size: 28px;
        line-height: 1.2;
    }
.inner-menu {
    display: flex;
    padding: 0;
    border-bottom: 1px solid black
}
@media (min-width: 1024px) {
.inner-menu {
        padding: 50px 40px
}
    }
.inner-menu ul {
        display: none;
        margin: 0;
        padding: 0
    }
@media (min-width: 1024px) {

    .inner-menu ul {
            display: flex
    }
        }
.inner-menu ul li{
            position: relative
        }
.inner-menu ul li:after{
                content: '';
                width: 0;
                height: 1px;
                background-color: black;
                position: absolute;
                left: 0;
                bottom: 0;
                transition: all .2s ease-in;
            }
.inner-menu ul li:hover:after{
                    width: 100%;
                }
.inner-menu ul li.current:after{
                    width: 100%;
                }
.inner-menu ul.left-menu li {
                margin-right: 30px;
                opacity: 0;
                -webkit-animation: fade-in 2s ease-out 0s forwards;
                        animation: fade-in 2s ease-out 0s forwards
            }
.inner-menu ul.left-menu li:nth-child(1) {
                        -webkit-animation-delay: calc(0.1s * 1);
                                animation-delay: calc(0.1s * 1);
                    }
.inner-menu ul.left-menu li:nth-child(2) {
                        -webkit-animation-delay: calc(0.1s * 2);
                                animation-delay: calc(0.1s * 2);
                    }
.inner-menu ul.left-menu li:nth-child(3) {
                        -webkit-animation-delay: calc(0.1s * 3);
                                animation-delay: calc(0.1s * 3);
                    }
.inner-menu ul.left-menu li:nth-child(4) {
                        -webkit-animation-delay: calc(0.1s * 4);
                                animation-delay: calc(0.1s * 4);
                    }
.inner-menu ul.left-menu li:nth-child(5) {
                        -webkit-animation-delay: calc(0.1s * 5);
                                animation-delay: calc(0.1s * 5);
                    }
.inner-menu ul.left-menu li:nth-child(6) {
                        -webkit-animation-delay: calc(0.1s * 6);
                                animation-delay: calc(0.1s * 6);
                    }
.inner-menu ul.left-menu li:nth-child(7) {
                        -webkit-animation-delay: calc(0.1s * 7);
                                animation-delay: calc(0.1s * 7);
                    }
.inner-menu ul.left-menu li:nth-child(8) {
                        -webkit-animation-delay: calc(0.1s * 8);
                                animation-delay: calc(0.1s * 8);
                    }
.inner-menu ul.left-menu li:nth-child(9) {
                        -webkit-animation-delay: calc(0.1s * 9);
                                animation-delay: calc(0.1s * 9);
                    }
.inner-menu ul.left-menu li:nth-child(10) {
                        -webkit-animation-delay: calc(0.1s * 10);
                                animation-delay: calc(0.1s * 10);
                    }
.inner-menu ul.left-menu li:nth-child(11) {
                        -webkit-animation-delay: calc(0.1s * 11);
                                animation-delay: calc(0.1s * 11);
                    }
.inner-menu ul.left-menu li:nth-child(12) {
                        -webkit-animation-delay: calc(0.1s * 12);
                                animation-delay: calc(0.1s * 12);
                    }
.inner-menu ul.left-menu li:nth-child(13) {
                        -webkit-animation-delay: calc(0.1s * 13);
                                animation-delay: calc(0.1s * 13);
                    }
.inner-menu ul.left-menu li:nth-child(14) {
                        -webkit-animation-delay: calc(0.1s * 14);
                                animation-delay: calc(0.1s * 14);
                    }
.inner-menu ul.left-menu li:nth-child(15) {
                        -webkit-animation-delay: calc(0.1s * 15);
                                animation-delay: calc(0.1s * 15);
                    }
.inner-menu ul.left-menu li:nth-child(16) {
                        -webkit-animation-delay: calc(0.1s * 16);
                                animation-delay: calc(0.1s * 16);
                    }
.inner-menu ul.left-menu li:nth-child(17) {
                        -webkit-animation-delay: calc(0.1s * 17);
                                animation-delay: calc(0.1s * 17);
                    }
.inner-menu ul.left-menu li:nth-child(18) {
                        -webkit-animation-delay: calc(0.1s * 18);
                                animation-delay: calc(0.1s * 18);
                    }
.inner-menu ul.left-menu li:nth-child(19) {
                        -webkit-animation-delay: calc(0.1s * 19);
                                animation-delay: calc(0.1s * 19);
                    }
.inner-menu ul.left-menu li:nth-child(20) {
                        -webkit-animation-delay: calc(0.1s * 20);
                                animation-delay: calc(0.1s * 20);
                    }
.inner-menu ul.left-menu li:nth-child(21) {
                        -webkit-animation-delay: calc(0.1s * 21);
                                animation-delay: calc(0.1s * 21);
                    }
.inner-menu ul.left-menu li:nth-child(22) {
                        -webkit-animation-delay: calc(0.1s * 22);
                                animation-delay: calc(0.1s * 22);
                    }
.inner-menu ul.left-menu li:nth-child(23) {
                        -webkit-animation-delay: calc(0.1s * 23);
                                animation-delay: calc(0.1s * 23);
                    }
.inner-menu ul.left-menu li:nth-child(24) {
                        -webkit-animation-delay: calc(0.1s * 24);
                                animation-delay: calc(0.1s * 24);
                    }
.inner-menu ul.left-menu li:nth-child(25) {
                        -webkit-animation-delay: calc(0.1s * 25);
                                animation-delay: calc(0.1s * 25);
                    }
.inner-menu ul.left-menu li:nth-child(26) {
                        -webkit-animation-delay: calc(0.1s * 26);
                                animation-delay: calc(0.1s * 26);
                    }
.inner-menu ul.left-menu li:nth-child(27) {
                        -webkit-animation-delay: calc(0.1s * 27);
                                animation-delay: calc(0.1s * 27);
                    }
.inner-menu ul.left-menu li:nth-child(28) {
                        -webkit-animation-delay: calc(0.1s * 28);
                                animation-delay: calc(0.1s * 28);
                    }
.inner-menu ul.left-menu li:nth-child(29) {
                        -webkit-animation-delay: calc(0.1s * 29);
                                animation-delay: calc(0.1s * 29);
                    }
.inner-menu ul.left-menu li:nth-child(30) {
                        -webkit-animation-delay: calc(0.1s * 30);
                                animation-delay: calc(0.1s * 30);
                    }
.inner-menu ul.right-menu li {
                margin-left: 30px;
                opacity: 0;
                -webkit-animation: fade-in 2s ease-out 0s forwards;
                        animation: fade-in 2s ease-out 0s forwards

            }
.inner-menu ul.right-menu li:nth-child(1) {
                        -webkit-animation-delay: calc(0.1s * 1);
                                animation-delay: calc(0.1s * 1);
                    }
.inner-menu ul.right-menu li:nth-child(2) {
                        -webkit-animation-delay: calc(0.1s * 2);
                                animation-delay: calc(0.1s * 2);
                    }
.inner-menu ul.right-menu li:nth-child(3) {
                        -webkit-animation-delay: calc(0.1s * 3);
                                animation-delay: calc(0.1s * 3);
                    }
.inner-menu ul.right-menu li:nth-child(4) {
                        -webkit-animation-delay: calc(0.1s * 4);
                                animation-delay: calc(0.1s * 4);
                    }
.inner-menu ul.right-menu li:nth-child(5) {
                        -webkit-animation-delay: calc(0.1s * 5);
                                animation-delay: calc(0.1s * 5);
                    }
.inner-menu ul.right-menu li:nth-child(6) {
                        -webkit-animation-delay: calc(0.1s * 6);
                                animation-delay: calc(0.1s * 6);
                    }
.inner-menu ul.right-menu li:nth-child(7) {
                        -webkit-animation-delay: calc(0.1s * 7);
                                animation-delay: calc(0.1s * 7);
                    }
.inner-menu ul.right-menu li:nth-child(8) {
                        -webkit-animation-delay: calc(0.1s * 8);
                                animation-delay: calc(0.1s * 8);
                    }
.inner-menu ul.right-menu li:nth-child(9) {
                        -webkit-animation-delay: calc(0.1s * 9);
                                animation-delay: calc(0.1s * 9);
                    }
.inner-menu ul.right-menu li:nth-child(10) {
                        -webkit-animation-delay: calc(0.1s * 10);
                                animation-delay: calc(0.1s * 10);
                    }
.inner-menu ul.right-menu li:nth-child(11) {
                        -webkit-animation-delay: calc(0.1s * 11);
                                animation-delay: calc(0.1s * 11);
                    }
.inner-menu ul.right-menu li:nth-child(12) {
                        -webkit-animation-delay: calc(0.1s * 12);
                                animation-delay: calc(0.1s * 12);
                    }
.inner-menu ul.right-menu li:nth-child(13) {
                        -webkit-animation-delay: calc(0.1s * 13);
                                animation-delay: calc(0.1s * 13);
                    }
.inner-menu ul.right-menu li:nth-child(14) {
                        -webkit-animation-delay: calc(0.1s * 14);
                                animation-delay: calc(0.1s * 14);
                    }
.inner-menu ul.right-menu li:nth-child(15) {
                        -webkit-animation-delay: calc(0.1s * 15);
                                animation-delay: calc(0.1s * 15);
                    }
.inner-menu ul.right-menu li:nth-child(16) {
                        -webkit-animation-delay: calc(0.1s * 16);
                                animation-delay: calc(0.1s * 16);
                    }
.inner-menu ul.right-menu li:nth-child(17) {
                        -webkit-animation-delay: calc(0.1s * 17);
                                animation-delay: calc(0.1s * 17);
                    }
.inner-menu ul.right-menu li:nth-child(18) {
                        -webkit-animation-delay: calc(0.1s * 18);
                                animation-delay: calc(0.1s * 18);
                    }
.inner-menu ul.right-menu li:nth-child(19) {
                        -webkit-animation-delay: calc(0.1s * 19);
                                animation-delay: calc(0.1s * 19);
                    }
.inner-menu ul.right-menu li:nth-child(20) {
                        -webkit-animation-delay: calc(0.1s * 20);
                                animation-delay: calc(0.1s * 20);
                    }
.inner-menu ul.right-menu li:nth-child(21) {
                        -webkit-animation-delay: calc(0.1s * 21);
                                animation-delay: calc(0.1s * 21);
                    }
.inner-menu ul.right-menu li:nth-child(22) {
                        -webkit-animation-delay: calc(0.1s * 22);
                                animation-delay: calc(0.1s * 22);
                    }
.inner-menu ul.right-menu li:nth-child(23) {
                        -webkit-animation-delay: calc(0.1s * 23);
                                animation-delay: calc(0.1s * 23);
                    }
.inner-menu ul.right-menu li:nth-child(24) {
                        -webkit-animation-delay: calc(0.1s * 24);
                                animation-delay: calc(0.1s * 24);
                    }
.inner-menu ul.right-menu li:nth-child(25) {
                        -webkit-animation-delay: calc(0.1s * 25);
                                animation-delay: calc(0.1s * 25);
                    }
.inner-menu ul.right-menu li:nth-child(26) {
                        -webkit-animation-delay: calc(0.1s * 26);
                                animation-delay: calc(0.1s * 26);
                    }
.inner-menu ul.right-menu li:nth-child(27) {
                        -webkit-animation-delay: calc(0.1s * 27);
                                animation-delay: calc(0.1s * 27);
                    }
.inner-menu ul.right-menu li:nth-child(28) {
                        -webkit-animation-delay: calc(0.1s * 28);
                                animation-delay: calc(0.1s * 28);
                    }
.inner-menu ul.right-menu li:nth-child(29) {
                        -webkit-animation-delay: calc(0.1s * 29);
                                animation-delay: calc(0.1s * 29);
                    }
.inner-menu ul.right-menu li:nth-child(30) {
                        -webkit-animation-delay: calc(0.1s * 30);
                                animation-delay: calc(0.1s * 30);
                    }
body {
    cursor: none;
}
* {
    cursor: none
}
*:hover {
        cursor: none;
    }
.js-cursor {
    border-radius: 50%;
    z-index: 10000;
}
.js-cursor .cursor {
        transition: height 0.2s ease, width 0.2s ease, background 0.2s ease;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        
        background: black
    }
.js-cursor .cursor.cursor-hover {
            width: 30px;
            height: 30px;
        }
.js-cursor .cursor.cursor-white {
            background: white !important;
        }
.about-gallery .image-container {
        width: 100%;
        height: calc(100vh - 12px);
        position: relative;
    }
.about-gallery .image-container img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
.about-content-sections {
    padding-right: 60px;
}
.page-template--article-listing .article-preview {
        margin-top: 40px;
        padding-bottom: 60px;
        color: #0A00FF;
    }
.page-template--article-listing .article-preview .grid {
            border-top: 1px solid grey;
            padding-top: 60px
        }
@media (min-width: 768px) {

        .page-template--article-listing .article-preview .grid {
                padding-top: 100px
        }
            }
.page-template--article-listing .article-preview .eyebrow-id {
            font-size: 18px;
            font-weight: 600;
        }
.page-template--article-listing .article-preview .title {
            font-size: 50px;
            line-height: 1.1;
            font-weight: 500;
            text-transform: uppercase
        }
@media (min-width: 768px) {

        .page-template--article-listing .article-preview .title {
                font-size: 70px
        }
            }
.page-template--article-listing .article-preview .swiper {
            width: 100%;
            height: 100%;
        }
.page-template--article-listing .article-preview .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: flex;
            justify-content: center;
            align-items: center;
        }
.page-template--article-listing .article-preview .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
.page-template--article-listing .article-preview body {
            background: #000;
            color: #000;
        }
.page-template--article-listing .article-preview .swiper {
            width: 100%;
            height: 300px;
            margin-left: auto;
            margin-right: auto;
        }
.page-template--article-listing .article-preview .swiper-slide {
            background-size: cover;
            background-position: center;
        }
.page-template--article-listing .article-preview .main-slider {
            height: 70%;
            width: 100%;
        }
.page-template--article-listing .article-preview .thumb-slider {
            height: 20%;
            box-sizing: border-box;
            padding: 10px 0;
        }
.page-template--article-listing .article-preview .thumb-slider .swiper-slide {
            width: 25%;
            height: 100%;
            opacity: 0.4;
        }
.page-template--article-listing .article-preview .thumb-slider .swiper-slide-thumb-active {
            opacity: 1;
        }
.page-template--article-listing .article-preview .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }
.page-template--project-single .project-intro-wrapper .section--2-columns-mixed-content * {
                font-weight: 500 !important
            }
@media (min-width: 768px) {
            .page-template--project-single .project-intro-wrapper .section--2-columns-mixed-content * {
                    font-size: 30px;
                    line-height: 36px
            }
                }
@media (min-width: 768px) {

    .page-template--project-single .section--full-width-image {
            padding-left: 40px;
            padding-right: 40px
    }
        }
.page-template--project-single .related-projects {
        margin-top: 60px;
        margin-bottom: 120px;
    }
.page-template--project-single .related-projects .intro .eyebrow {
                padding-bottom: 0;
                font-size: 16px;
                text-transform: uppercase;
                margin-bottom: 15px;
            }
.page-template--project-single .related-projects .intro h3 {
                font-weight: 500;
                font-size: 70px;
                line-height: 1;
            }
.page-template--project-single .related-projects .project {
            display: flex;
            flex-direction: column;
        }
.page-template--project-single .related-projects .project .image {
                position: relative;
                padding-bottom: 63%;
                overflow: hidden;
            }
.page-template--project-single .related-projects .project .image img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                    transform: scale(1.06);
                    transition: all .2s ease-out;
                }
.page-template--project-single .related-projects .project .image:hover img{
                        transform: scale(1);
                    }
.page-template--project-single .related-projects .project .title {
                text-transform: uppercase;
                font-weight: bold;
                font-size: 24px;
                line-height: 28px;
                margin: 15px 0 10px 0;
            }
.page-template--project-single .related-projects .project .short-desc {
                font-size: 18px;
                font-weight: 500;
                line-height: 1.1;
            }
body.page-template--journal-entry .intro {
        padding-top: 50px;
        padding-bottom: 50px;
    }
body.page-template--journal-entry .intro .title-date h2 {
                text-transform: unset;
            }
body.page-template--journal-entry .intro .title-date span {
                font-size: 20px;
                text-transform: uppercase;
                font-weight: 500;
            }
body.page-template--journal-entry .section--image-grid .image-container.aspect-16-9 {
                height: 0;
                overflow: hidden;
                padding-bottom: 56.25%;
                position: relative;
            }
body.page-template--journal-entry .section--image-grid .image-container.aspect-16-9 img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                    -o-object-position: center;
                       object-position: center;
                }
body.page-template--journal-entry .section--image-grid .image-container.aspect-1-1 {
                height: 0;
                overflow: hidden;
                padding-bottom: 100%;
                position: relative;
            }
body.page-template--journal-entry .section--image-grid .image-container.aspect-1-1 img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                    -o-object-position: center;
                       object-position: center;
                }
body.page-template--journal-entry .related-projects {
        margin-top: 60px;
        margin-bottom: 120px;
    }
body.page-template--journal-entry .related-projects .intro {
            padding-bottom: 60px;
            padding-top: 0;
        }
body.page-template--journal-entry .related-projects .intro .eyebrow {
                padding-bottom: 23px;
                font-size: 16px;
                text-transform: uppercase;
                margin-bottom: 35px;
            }
body.page-template--journal-entry .related-projects .intro h2 {
                font-weight: 500;
                font-size: 70px;
                line-height: 1;
                margin-bottom: 0
            }
@media (min-width: 1024px) {

            body.page-template--journal-entry .related-projects .intro h2 {
                    font-size: 90px
            }
                }
body.page-template--journal-entry .related-projects .project {
            display: flex;
            flex-direction: column;
        }
body.page-template--journal-entry .related-projects .project .image {
                position: relative;
                padding-bottom: 63%;
                overflow: hidden;
            }
body.page-template--journal-entry .related-projects .project .image img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    -o-object-fit: cover;
                       object-fit: cover;
                    transform: scale(1.06);
                    transition: all .2s ease-out;
                }
body.page-template--journal-entry .related-projects .project .image:hover img {
                        transform: scale(1);
                    }
body.page-template--journal-entry .related-projects .project .title {
                text-transform: uppercase;
                font-weight: 500;
                font-size: 20px;
                line-height: 28px;
                margin: 20px 0 10px 0;
            }
body.page-template--journal-entry .related-projects .project .short-desc {
                font-size: 26px;
                font-weight: 500;
                line-height: 1.1;
            }
/* import modules */
.section--hero {
    
}
.project-listing-grid {
    padding-top: 45px;
    padding-bottom: 150px;
}
.project-listing-grid .project-tile .image-area {
            width: 100%;
            height: 0;
            padding-bottom: 66%;
            position: relative
        }
.project-listing-grid .project-tile .image-area:hover .hover-panel {
                    opacity: 1;
                    transform: translateY(13px) translateX(13px);
                }
.project-listing-grid .project-tile .image-area:hover .filter-panel {
                    opacity: 0.6;
                }
.project-listing-grid .project-tile .image-area img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                z-index: 2;
            }
.project-listing-grid .project-tile .image-area .filter-panel {
                transition: all 0.3s ease;
                position: absolute;
                mix-blend-mode: multiply;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: #ccc;
                opacity: 0;
                z-index: 3;
            }
.project-listing-grid .project-tile .image-area .hover-panel {
                transition: all 0.3s ease;
                background-color: #ccc;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                display: flex;
                opacity: 0;
                z-index: 1;
            }
.project-listing-grid .project-tile .image-area .hover-panel span {
                    margin: auto;
                    font-size: 46px;
                    text-transform: uppercase;
                    color: white;
                }
.project-listing-grid .project-tile .info {
            padding-right: 40px;
        }
.project-listing-grid .project-tile .title {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 22px;
            line-height: 24px;
            margin: 20px 0 10px 0
        }
@media (min-width: 768px) {

        .project-listing-grid .project-tile .title {
                font-size: 32px;
                line-height: 22px;
                margin: 40px 0 20px 0
        }
            }
.project-listing-grid .project-tile .short-desc {
            font-size: 18px;
            line-height: 22px;
            font-weight: 500
        }
@media (min-width: 768px) {

        .project-listing-grid .project-tile .short-desc {
                font-size: 25px;
                line-height: 31px
        }
            }
.project-single-hero {
    display: flex;
    padding: 120px 0;
}
.project-single-hero .container {
        max-width: 1295px;
        margin: auto;
        padding: 0 20px;
    }
.project-single-hero h1 {
        text-transform: uppercase;
    }
.project-single-grid .image-container.width-full {
	grid-column: span 2 / span 2;
}
.project-single-grid .image-container img {
            width: 100%;
        }
.project-single-grid .image-container.aspect-portrait {
            position: relative;
            height: 0;
            padding-bottom: 133%;
        }
.project-single-grid .image-container.aspect-portrait img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }
.project-single-grid .image-container.aspect-landscape {
            position: relative;
            height: 0;
            padding-bottom: 66%;
        }
.project-single-grid .image-container.aspect-landscape img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }
.project-single-grid .image-container.aspect-square {
            position: relative;
            height: 0;
            padding-bottom: 100%;
        }
.project-single-grid .image-container.aspect-square img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }
.section--content-side-heading {
    max-width: 1200px;
    padding-top: 20px;
    border-top: 1px solid black;
    min-height: 100vh;
    margin-bottom: 12px;
    box-sizing: border-box;
}
.section--content-side-heading .heading-col {
        min-width: 200px;
    }
.section--full-width-video {
    padding: 40px 20px
}
@media (min-width: 768px) {
.section--full-width-video {
        padding: 40px
}
    }
.section--full-width-video .video-container {
        height: 0;
        position: relative;
        overflow: hidden;
        padding-bottom: 56.25%;
        display: flex;
        background: black

    }
.section--full-width-video .video-container.playing .inner {
                opacity: 0;
            }
.section--full-width-video .video-container.playing iframe {
                opacity: 1;
            }
.section--full-width-video .video-container iframe {
            transition: all 0.3s ease;
            transition-delay: 0.3s;
            position: absolute;
            z-index: 2;
            opacity: 0;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            transform: scale(1.01);
            transform-origin: center center;
        }
.section--full-width-video .video-container .inner {
            transition: all 0.3s ease;
            display: flex;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
.section--full-width-video .video-container .inner .background-image {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
            }
.section--full-width-video .video-container .inner .play-toggle {
                position: relative;
                margin: auto;
                z-index: 2;
                display: flex;
                align-items: center
            }
.section--full-width-video .video-container .inner .play-toggle:hover svg {
                        transform: scale(1.5);
                    }
.section--full-width-video .video-container .inner .play-toggle:hover span {
                        transform: translateX(20px);
                    }
.section--full-width-video .video-container .inner .play-toggle span {
                    transition: all 0.3s ease;
                    font-size: 60px;
                    line-height: 1;
                    color: white;
                    font-weight: bold;
                    text-transform: uppercase;
                    margin-left: 12px
                }
@media (min-width: 768px) {
    
                .section--full-width-video .video-container .inner .play-toggle span {
                        font-size: 90px
                }
                    }
.section--full-width-video .video-container .inner .play-toggle svg {
                    transition: all 0.3s ease;
                }
.section--full-width-image {
    padding-left: 0;
    padding-right: 0
}
.section--full-width-image.has-bottom-padding{
        padding-bottom: 40px;
    }
.section--full-width-image img {
        width: 100%;
    }
.section--full-width-image .caption {
        display: block;
        margin: 10px 0 20px 0;
        font-size: 18px;
    }
section.section--2-columns-mixed-content {
    padding-top: 20px;
    padding-bottom: 20px
}
@media (min-width: 1024px) {
section.section--2-columns-mixed-content {
        padding-top: 60px;
        padding-bottom: 60px
}
    }
section.section--2-columns-mixed-content.has-eyebrow {
        padding-top: 20px;
    }
section.section--2-columns-mixed-content.has-top-border {
        border-top: 1px solid;
    }
section.section--2-columns-mixed-content .text-container {
        width: 100%;
        margin-bottom: 40px
    }
@media (min-width: 1024px) {

    section.section--2-columns-mixed-content .text-container {
            margin-bottom: 0
    }
        }
@media (min-width: 1024px) {

        section.section--2-columns-mixed-content .text-container.layout-inset-left {
                padding-left: 50%
        }
            }
@media (min-width: 1024px) {

        section.section--2-columns-mixed-content .text-container.layout-inset-right {
                width: 66%;
                max-width: 770px
        }
            }
section.section--2-columns-mixed-content .text-container p a {
                text-decoration: underline;
            }
section.section--2-columns-mixed-content .text-container ul {
          list-style-type: disc;
          list-style-position: outside;
        }
section.section--2-columns-mixed-content .text-container ul li {
            margin-bottom: 20px;
            margin-left: 24px;
        }
section.section--2-columns-mixed-content .left-column .plain-text {
            font-weight: 500;
        }
section.section--2-columns-mixed-content .side-image {
        max-width: 100%
    }
section.section--2-columns-mixed-content .side-image.align-top {
            margin-bottom: auto;
        }
section.section--2-columns-mixed-content .side-image.align-middle {
            margin-top: auto;
            margin-bottom: auto;
        }
section.section--2-columns-mixed-content .side-image.align-bottom {
            margin-top: auto;
        }
section.section--2-columns-mixed-content .list-container .item {
            border-top: 1px solid black;
            padding: 12px 0
        }
section.section--2-columns-mixed-content .list-container .item.showing-numbers {
                padding: 24px 0;
            }
section.section--2-columns-mixed-content .list-container .item:last-of-type {
                border-bottom: 1px solid black;
            }
section.section--2-columns-mixed-content .list-container .item .number {
                font-weight: bold;
                font-size: 60px;
                line-height: 1
            }
@media (min-width: 768px) {

            section.section--2-columns-mixed-content .list-container .item .number {
                    font-size: 80px
            }
                }
section.section--2-columns-mixed-content .list-container .item .list-heading {
                display: block;
                text-transform: uppercase;
                font-weight: 500;
                line-height: 1;
            }
section.section--2-columns-mixed-content .list-container .item .list-subheading {
                display: block;
                font-size: 18px;
                font-weight: 500;
                margin: 15px 0;
                line-height: 1.3;
            }
section.section--2-columns-mixed-content .list-container .item .blurb {
                display: block;
                font-size: 18px;
                line-height: 1.3;
            }
.page-slug--music section.section--2-columns-mixed-content.has-eyebrow {
            margin-top: 60px;
            padding-top: 80px;
            padding-bottom: 0;
            border-top: 1px solid;
        }
section.section--featured-projects {
    padding-top: 20px;
    padding-bottom: 20px
}
@media (min-width: 1024px) {
section.section--featured-projects {
        padding-top: 60px;
        padding-bottom: 60px
}
    }
section.section--featured-projects .project {
        display: flex;
        flex-direction: column;
    }
section.section--featured-projects .project .image-area {
            width: 100%;
            height: 0;
            padding-bottom: 66%;
            position: relative
        }
section.section--featured-projects .project .image-area:hover .hover-panel {
                    opacity: 1;
                    transform: translateY(13px) translateX(13px);
                }
section.section--featured-projects .project .image-area:hover .filter-panel {
                    opacity: 0.6;
                }
section.section--featured-projects .project .image-area img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                z-index: 2;
            }
section.section--featured-projects .project .image-area .filter-panel {
                transition: all 0.3s ease;
                position: absolute;
                mix-blend-mode: multiply;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: #ccc;
                opacity: 0;
                z-index: 3;
            }
section.section--featured-projects .project .image-area .hover-panel {
                transition: all 0.3s ease;
                background-color: #ccc;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                display: flex;
                opacity: 0;
                z-index: 1;
            }
section.section--featured-projects .project .image-area .hover-panel span {
                    margin: auto;
                    font-size: 46px;
                    text-transform: uppercase;
                    color: white;
                }
section.section--featured-projects .project .title {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 24px;
            line-height: 28px;
            margin: 15px 0 10px 0;
        }
section.section--featured-projects .project .short-desc {
            font-size: 18px;
            font-weight: 500;
            line-height: 1.3;
        }
section.section--journal-listing {
    padding-top: 20px;
    padding-bottom: 20px
}
@media (min-width: 1024px) {
section.section--journal-listing {
        padding-top: 60px;
        padding-bottom: 60px
}
    }
section.section--journal-listing .project {
        display: flex;
        flex-direction: column;
    }
section.section--journal-listing .project .image-area {
            width: 100%;
            height: 0;
            padding-bottom: 66%;
            position: relative
        }
section.section--journal-listing .project .image-area:hover .hover-panel {
                    opacity: 1;
                    transform: translateY(13px) translateX(13px);
                }
section.section--journal-listing .project .image-area:hover .filter-panel {
                    opacity: 0.6;
                }
section.section--journal-listing .project .image-area img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                z-index: 2;
            }
section.section--journal-listing .project .image-area .filter-panel {
                transition: all 0.3s ease;
                position: absolute;
                mix-blend-mode: multiply;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: #ccc;
                opacity: 0;
                z-index: 3;
            }
section.section--journal-listing .project .image-area .hover-panel {
                transition: all 0.3s ease;
                background-color: #ccc;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                display: flex;
                opacity: 0;
                z-index: 1;
            }
section.section--journal-listing .project .image-area .hover-panel span {
                    margin: auto;
                    font-size: 46px;
                    text-transform: uppercase;
                    color: white;
                }
section.section--journal-listing .project .date {
            font-size: 20px;
            font-weight: 500;
            padding: 15px 0 12px 0;
        }
section.section--journal-listing .project .title {
            font-size: 26px;
            font-weight: 500;
            line-height: 1.3;
        }
section.section--logo-grid {
    padding-top: 20px;
    padding-bottom: 20px
}
@media (min-width: 1024px) {
section.section--logo-grid {
        padding-top: 60px;
        padding-bottom: 60px
}
    }
section.section--logo-grid .brand-logo {
        width: 100%;
        display: flex;
        position: relative;
        padding-bottom: 50%;
        height: 0;
    }
section.section--logo-grid .brand-logo img {
            position: absolute;
            width: 70%;
            height: 60%;
            top: 20%;
            left: 15%;
            -o-object-fit: contain;
               object-fit: contain;
        }
section.section--info-card-grid {
    padding-top: 20px;
    padding-bottom: 20px
}
@media (min-width: 1024px) {
section.section--info-card-grid {
        padding-top: 60px;
        padding-bottom: 60px
}
    }
section.section--info-card-grid .info-card {
        display: flex;
        flex-direction: column
    }
section.section--info-card-grid .info-card.has-hover .image:hover img {
                        transform: scale(0.75);
                    }
section.section--info-card-grid .info-card.has-hover .image:hover .hover-image {
                        opacity: 1;
                    }
section.section--info-card-grid .info-card.has-hover .image:hover .hover-image img {
                            opacity: 1;
                            transform: scale(1);
                        }
section.section--info-card-grid .info-card .image {
            position: relative;
            padding-bottom: 80%;
            overflow: hidden;
        }
section.section--info-card-grid .info-card .image img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                transform: scale(1.06);
                transition: all .5s ease-out;
                z-index: 1;
            }
section.section--info-card-grid .info-card .image .hover-image {
                transition: all 0.25s ease;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                z-index: 2;
            }
section.section--info-card-grid .info-card .image .hover-image img {
                    transition: all 1s ease;
                    opacity: 0;
                    transform: scale(0.25)
                }
section.section--info-card-grid .info-card .image .hover-image img.active {
                        opacity: 1;
                    }
section.section--info-card-grid .info-card .eyebrow {
            font-size: 18px;
            font-weight: 500;
            line-height: 1.2;
            display: block;
            margin-bottom: 0;
            padding-bottom: 0;
        }
section.section--info-card-grid .info-card .title {
            text-transform: uppercase;
            font-weight: 500;
            font-size: 36px;
            line-height: 40px;
            margin: 35px 0 20px 0;
        }
section.section--info-card-grid .info-card .subtitle {
            display: block;
            font-size: 16px;
            font-weight: 600;
            margin: 0 0 20px 0;
            line-height: 1.3;
        }
section.section--info-card-grid .info-card .short-desc {
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;
        }
section.section--info-card-grid .info-card .button {
            margin-top: 20px;
            margin-right: auto;
            min-width: 200px
        }
@media (min-width: 1024px) {

        section.section--info-card-grid .info-card .button {
                margin-top: 30px
        }
            }
.page-slug--music section.section--info-card-grid .info-card .image {
            padding-bottom: 100%;
        }
.page-slug--music section.section--info-card-grid .info-card .title {
            line-height: 1.2;
            margin-top: 5px
        }
@media (min-width: 768px) {

        .page-slug--music section.section--info-card-grid .info-card .title {
                margin-top: 10px
        }
            }
@media (min-width: 1024px) {

        .page-slug--music section.section--info-card-grid .info-card .title {
                margin-top: -5px;
                font-size: 70px
        }
            }
.page-slug--music section.section--info-card-grid .info-card .short-desc {
            font-weight: 400;
        }
section.section--image-grid {
    margin-bottom: 30px;
}
section.section--image-grid img {
        width: 100%;
    }
section.section--image-grid .caption {
        display: block;
        margin: 10px 0 20px 0;
        font-size: 18px;
    }
section.section--alternating-image-numbered-text {
    padding-top: 60px;
    padding-bottom: 60px;
}
section.section--alternating-image-numbered-text .rows .row {
            display: flex;
            margin-top: 120px
        }
section.section--alternating-image-numbered-text .rows .row:nth-of-type(even) {
                margin-bottom: 120px
            }
@media (min-width: 1024px) {
                    section.section--alternating-image-numbered-text .rows .row:nth-of-type(even) .text-column {
                        order: 9999;
                        padding-bottom: 0;
                        padding-top: 120px;
                    }
    
                    section.section--alternating-image-numbered-text .rows .row:nth-of-type(even) .image-column {
                        display: flex;
                    }
    
                        section.section--alternating-image-numbered-text .rows .row:nth-of-type(even) .image-column img {
                            margin-top: auto;
                        }
                }
section.section--alternating-image-numbered-text .rows .row .text-column {
                padding: 0 20px 0 20px;
                display: flex;
                margin-bottom: 120px
            }
@media (min-width: 1024px) {

            section.section--alternating-image-numbered-text .rows .row .text-column {
                    margin-bottom: unset
            }
                }
section.section--alternating-image-numbered-text .rows .row .text-column .inner {
                    border-top: 1px solid white;
                    max-width: 600px;
                    margin-left: auto;
                    margin-right: auto;
                    padding-top: 20px;
                }
section.section--alternating-image-numbered-text .rows .row .text-column .inner .number {
                        font-size: 120px;
                        margin-bottom: 20px;
                        display: block;
                        line-height: 1;
                        font-weight: 500;
                    }
section.section--latest-journal-entries {
    padding-top: 20px;
    padding-bottom: 20px
}
@media (min-width: 1024px) {
section.section--latest-journal-entries {
        padding-top: 60px;
        padding-bottom: 60px
}
    }
section.section--latest-journal-entries .project {
        display: flex;
        flex-direction: column;
    }
section.section--latest-journal-entries .project .image-area {
            width: 100%;
            height: 0;
            padding-bottom: 66%;
            position: relative
        }
section.section--latest-journal-entries .project .image-area:hover .hover-panel {
                    opacity: 1;
                    transform: translateY(13px) translateX(13px);
                }
section.section--latest-journal-entries .project .image-area:hover .filter-panel {
                    opacity: 0.6;
                }
section.section--latest-journal-entries .project .image-area img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover;
                z-index: 2;
            }
section.section--latest-journal-entries .project .image-area .filter-panel {
                transition: all 0.3s ease;
                position: absolute;
                mix-blend-mode: multiply;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: #ccc;
                opacity: 0;
                z-index: 3;
            }
section.section--latest-journal-entries .project .image-area .hover-panel {
                transition: all 0.3s ease;
                background-color: #ccc;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                display: flex;
                opacity: 0;
                z-index: 1;
            }
section.section--latest-journal-entries .project .image-area .hover-panel span {
                    margin: auto;
                    font-size: 46px;
                    text-transform: uppercase;
                    color: white;
                }
section.section--latest-journal-entries .project .title {
            text-transform: uppercase;
            font-weight: 400;
            font-size: 20px;
            line-height: 28px;
            margin: 15px 0 10px 0;
        }
section.section--latest-journal-entries .project .short-desc {
            font-size: 26px;
            font-weight: 500;
            line-height: 1.3;
        }
@media (min-width: 768px) {
	.md\:order-last {
		order: 9999 !important;
	}
	.md\:col-span-2 {
		grid-column: span 2 / span 2 !important;
	}
	.md\:col-span-1 {
		grid-column: span 1 / span 1 !important;
	}
	.md\:col-span-3 {
		grid-column: span 3 / span 3 !important;
	}
	.md\:col-span-4 {
		grid-column: span 4 / span 4 !important;
	}
	.md\:col-span-5 {
		grid-column: span 5 / span 5 !important;
	}
	.md\:col-span-6 {
		grid-column: span 6 / span 6 !important;
	}
	.md\:col-span-7 {
		grid-column: span 7 / span 7 !important;
	}
	.md\:col-span-8 {
		grid-column: span 8 / span 8 !important;
	}
	.md\:col-span-9 {
		grid-column: span 9 / span 9 !important;
	}
	.md\:col-span-10 {
		grid-column: span 10 / span 10 !important;
	}
	.md\:col-span-11 {
		grid-column: span 11 / span 11 !important;
	}
	.md\:col-span-12 {
		grid-column: span 12 / span 12 !important;
	}
	.md\:block {
		display: block !important;
	}
	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
	}
	.md\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}
	.md\:pb-0 {
		padding-bottom: 0px !important;
	}
	.md\:text-base {
		font-size: 1rem !important;
		line-height: 1.5rem !important;
	}
	.md\:leading-4 {
		line-height: 1rem !important;
	}
}
@media (min-width: 1024px) {
	.lg\:order-last {
		order: 9999 !important;
	}
	.lg\:col-span-5 {
		grid-column: span 5 / span 5 !important;
	}
	.lg\:col-span-7 {
		grid-column: span 7 / span 7 !important;
	}
	.lg\:col-span-8 {
		grid-column: span 8 / span 8 !important;
	}
	.lg\:col-span-4 {
		grid-column: span 4 / span 4 !important;
	}
	.lg\:col-span-6 {
		grid-column: span 6 / span 6 !important;
	}
	.lg\:col-span-9 {
		grid-column: span 9 / span 9 !important;
	}
	.lg\:col-span-3 {
		grid-column: span 3 / span 3 !important;
	}
	.lg\:mt-0 {
		margin-top: 0px !important;
	}
	.lg\:block {
		display: block !important;
	}
	.lg\:grid {
		display: grid !important;
	}
	.lg\:hidden {
		display: none !important;
	}
	.lg\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	}
	.lg\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.lg\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	.lg\:grid-cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	}
	.lg\:gap-x-8 {
		grid-column-gap: 2rem !important;
		-moz-column-gap: 2rem !important;
		     column-gap: 2rem !important;
	}
	.lg\:gap-y-14 {
		grid-row-gap: 3.5rem !important;
		row-gap: 3.5rem !important;
	}
	.lg\:gap-y-24 {
		grid-row-gap: 6rem !important;
		row-gap: 6rem !important;
	}
	.lg\:pl-24 {
		padding-left: 6rem !important;
	}
	.lg\:\!pt-\[230px\] {
		padding-top: 230px !important;
	}
	.lg\:pl-32 {
		padding-left: 8rem !important;
	}
}