/*!
Theme Name: Rebel
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://codemate.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rebel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Rebel is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

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

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

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

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

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

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

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

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

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

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

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	font-size: 16px;
	line-height: 24px;
	color: #141332;
	font-family: Obviously, "Helvetica Neue", sans-serif;
	font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 500;
}

h1 {
	color: #141332;
	font-size: 90px;
	font-weight: 600;
}

h2.light {
	line-height: 50px;
	font-size: 34px;
	font-weight: 300;
}

@media screen and (max-width: 800px) {
	h2.light {
		font-size: 24px;
		line-height: 37px;
	}
}

.big-one {
	font-weight: 600;
	font-size: calc(min(calc(22.5 * (100vw - 2rem) / 100), 188px));
	margin: 0;
	line-height: 1;
	letter-spacing: -0.025em;
}

.big-one.white {
	-webkit-text-stroke-color: white;
}

@media screen and (max-width: 800px) {
	.big-one.white {
		color: #fff;
	}
}

.big-one.pink {
	-webkit-text-stroke-color: #FB525D;
}

@media screen and (max-width: 800px) {
	.big-one.pink {
		color: #FB525D;
	}
}

.big-one.enormous {
	font-size: calc(min(calc(14.82 * (100vw - 5rem) / 100), 246px));
}

@media screen and (min-width: 800px) {
	.big-one {
		font-size: calc(min(calc(13.8 * (100vw - 5rem) / 100), 230px));
		color: transparent;
		-webkit-text-stroke-width: 4px;
		-webkit-text-stroke-color: #141332;
	}
}

h2.regular {
	font-size: calc(max(18px, 4.8vw));
	line-height: 1.2;
	margin: 0;
	font-weight: 600;
}

@media screen and (min-width: 800px) {
	h2.regular {
		font-size: calc(min(48px, 3.33vw));
	}
}

h3 {
	font-size: 18px;
	font-weight: 600;
}

@media screen and (min-width: 800px) {
	h3 {
		font-size: 24px;
	}
}

h4 {
	font-size: 1.17rem;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

body.page-template-blog {
	background: #f3f2f4;
}

body.single-post {
	background: #f3f2f4;
}

body:not(.no-js) main .animate p:not(.no-animate),
body:not(.no-js) main .animate ul:not(.no-animate),
body:not(.no-js) main .animate ol:not(.no-animate),
body:not(.no-js) main .animate .quote-content div,
body:not(.no-js) main .animate .link-row,
body:not(.no-js) main .animate code {
	opacity: 0;
	transform: translateY(3rem);
	transition: 0.4s all;
}

body:not(.no-js) main .animate p:not(.no-animate).animated,
body:not(.no-js) main .animate ul:not(.no-animate).animated,
body:not(.no-js) main .animate ol:not(.no-animate).animated,
body:not(.no-js) main .animate .quote-content div.animated,
body:not(.no-js) main .animate .link-row.animated,
body:not(.no-js) main .animate code.animated {
	opacity: 1;
	transform: translateY(0);
}

body:not(.no-js) main .animate h1:not(.no-animate), body:not(.no-js) main .animate h2:not(.no-animate), body:not(.no-js) main .animate h3:not(.no-animate), body:not(.no-js) main .animate h4:not(.no-animate), body:not(.no-js) main .animate h5:not(.no-animate), body:not(.no-js) main .animate h6:not(.no-animate) {
	opacity: 0;
}

body:not(.no-js) main .animate h1:not(.no-animate).animated, body:not(.no-js) main .animate h2:not(.no-animate).animated, body:not(.no-js) main .animate h3:not(.no-animate).animated, body:not(.no-js) main .animate h4:not(.no-animate).animated, body:not(.no-js) main .animate h5:not(.no-animate).animated, body:not(.no-js) main .animate h6:not(.no-animate).animated {
	animation-name: titleAnimationNonMain;
	animation-timing-function: ease;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes titleAnimation {
	0% {
		transform: translateY(-50px);
		opacity: 0;
		-webkit-clip-path: polygon(0 100%, 100% 40%, 100% 120%, 0% 120%);
		clip-path: polygon(0 100%, 100% 40%, 100% 120%, 0% 120%);
	}
	100% {
		transform: translateY(0);
		opacity: 1;
		-webkit-clip-path: polygon(0 8%, 100% 26%, 100% 120%, 0% 120%);
		clip-path: polygon(0 8%, 100% 26%, 100% 120%, 0% 120%);
	}
}

@keyframes titleAnimationNonMain {
	0% {
		transform: translateY(-50px);
		opacity: 0;
		-webkit-clip-path: polygon(0 100%, 100% 40%, 100% 120%, 0% 120%);
		clip-path: polygon(0 100%, 100% 40%, 100% 120%, 0% 120%);
	}
	100% {
		transform: translateY(0);
		opacity: 1;
		-webkit-clip-path: polygon(0 0%, 100% 0%, 100% 120%, 0% 120%);
		clip-path: polygon(0 0%, 100% 0%, 100% 120%, 0% 120%);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(3rem);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #141332;
}

a:visited {
	color: #141332;
}

a:hover, a:focus, a:active {
	color: #010101;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

.icon {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
}

.arrow-left {
	background-image: url("img/arrowleft.png");
	width: 23px;
	height: 20px;
}

.arrow-right {
	background-image: url("img/arrowright.png");
	width: 23px;
	height: 20px;
}

.arrow-button-simple {
	display: block;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
}

.arrow-button-simple div {
	position: relative;
}

.arrow-button-simple div::after {
	content: "";
	display: block;
	position: absolute;
	background-color: black;
	height: 1px;
	bottom: -0.25em;
	left: 0;
	width: 100%;
	transition: 0.2s transform;
	transform-origin: right center;
}

.arrow-button-simple img {
	height: 1.2em;
	position: relative;
	top: 0.125em;
	transform: translateX(-0.2em);
	transition: 0.2s transform;
}

.arrow-button-simple sup {
	font-weight: 300;
	font-size: 0.7em;
}

.arrow-button-simple:hover div:after {
	transform: scaleX(0);
}

.arrow-button-simple:hover img {
	transform: translateX(-0.1em);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
#masthead {
	z-index: 100;
	max-height: 163px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	transition: 0.2s all;
}

@media screen and (max-width: 800px) {
	#masthead {
		height: 100px;
	}
}

#masthead #primary-menu li a::after {
	content: ",";
}

#masthead #primary-menu li:last-child a::after {
	content: unset;
}

#masthead ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#masthead a {
	text-decoration: none;
	margin-top: -2px;
}

#masthead .site-header-content {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1768px;
	margin: 0 auto;
	padding: 1rem 2.5rem;
}

@media screen and (max-width: 800px) {
	#masthead .site-header-content {
		height: 100%;
		padding: 0;
	}
}

#masthead .site-header-content .blob {
	border-radius: 3rem;
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 1.5rem 2rem;
	background-color: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	display: flex;
	align-items: center;
	box-shadow: 0px 15px 10px rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 800px) {
	#masthead .site-header-content .blob {
		display: none;
	}
}

#masthead .site-header-content .blob__left {
	position: relative;
}

#masthead .site-header-content .blob__left img {
	height: 1.75rem;
}

#masthead .site-header-content .blob__left img.non-animated {
	visibility: hidden;
	opacity: 0;
}

#masthead .site-header-content .blob__left ul {
	display: flex;
	gap: 0.75rem;
	padding-left: 2.5rem;
}

#masthead .site-header-content .blob__left .moving-logo .animated {
	visibility: hidden !important;
	position: absolute;
	top: 73%;
	left: 30px;
	height: 7rem;
	transform: translateY(-50%);
}

#masthead .site-header-content .blob__left .moving-logo .show {
	visibility: visible !important;
}

@media screen and (min-width: 800px) {
	#masthead .site-header-content .blob__left #site-navigation {
		margin-left: 2rem;
	}
}

#masthead .site-header-content .blob__right {
	padding: 1.5rem 2rem;
}

#masthead .site-header-content .mobile-header-content {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 1rem;
	height: 100%;
	align-items: center;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

@media screen and (min-width: 800px) {
	#masthead .site-header-content .mobile-header-content {
		display: none;
	}
}

#masthead .site-header-content .mobile-header-content a {
	position: relative;
	z-index: 2;
}

#masthead .site-header-content .mobile-header-content .mobile-logos {
	display: grid;
}

#masthead .site-header-content .mobile-header-content .mobile-logos img {
	height: 70px;
	grid-row: 1;
	grid-column: 1;
	transition: 0.3s opacity;
}

#masthead .site-header-content .mobile-header-content .mobile-logos img.nega {
	opacity: 0;
}

#masthead .site-header-content .mobile-header-content button {
	appearance: none;
	background-color: unset;
	border: unset;
	padding: 0.5rem 0 0.5rem 0.5rem;
	position: relative;
	z-index: 2;
}

#masthead .site-header-content .mobile-header-content .close-menu {
	display: none;
	color: #fff;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container {
	background: #141332;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100dvh;
	display: flex;
	flex-direction: column;
	opacity: 0;
	transform: translateY(-100%);
	transition: 0.3s all;
	overflow-y: auto;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-language-switcher {
	margin-top: 6rem;
	margin-bottom: 2rem;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-language-switcher ul {
	display: flex;
	justify-content: center;
	gap: 2rem;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-language-switcher ul li a {
	text-transform: uppercase;
	color: #fff;
	padding: 0.75rem;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-language-switcher ul li.active a {
	opacity: 0.25;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-main-navigation {
	flex-grow: 1;
	display: grid;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-main-navigation ul {
	text-align: center;
	transform: translateY(90vh);
	transition: 0.3s transform;
	margin-bottom: -2.5rem;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-main-navigation ul li a {
	font-size: calc(min(13vw, 65px));
	font-weight: 500;
	color: #fff;
	line-height: 1.2;
	padding: 0.15em 0;
	display: inline-block;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-main-navigation ul li a::after {
	display: none;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-main-navigation ul li.current-menu-item::after {
	display: none;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-main-navigation ul li.current-menu-item a {
	opacity: 0.25;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-main-navigation ul li.current-menu-item.always-white a {
	opacity: 1;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-socials {
	flex-shrink: 0;
	flex-grow: 0;
	opacity: 0;
	transition: 0.3s opacity;
	display: flex;
	justify-content: space-around;
	padding: 1rem 0;
	margin-top: 3rem;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-socials a {
	font-size: 0;
	display: flex;
	padding: 1rem;
}

#masthead .site-header-content .mobile-header-content .mobile-navigation-container .mobile-socials a img {
	height: 1.5rem;
	width: auto;
}

#masthead .lang-switcher {
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
	margin-left: 0.5rem;
	font-size: 0.85rem;
}

#masthead .lang-switcher .current-lang {
	border: 1px solid;
	border-radius: 3rem;
	height: 40px;
	display: grid;
	place-content: center;
}

#masthead .lang-switcher > li {
	padding: 0 1rem !important;
}

#masthead .lang-switcher > li:hover ul.languages {
	display: block;
}

#masthead .lang-switcher ul.languages {
	position: absolute;
	left: 0;
	width: 100%;
	display: none;
	bottom: 0;
	transform: translateY(100%);
}

#masthead .lang-switcher ul.languages li {
	padding: 0 !important;
	width: 100%;
	text-align: center;
}

#masthead .lang-switcher ul.languages li a {
	line-height: 1;
	padding: 0.5rem 0;
	width: auto;
}

#masthead .lang-switcher ul.languages li a:hover {
	text-decoration: underline;
}

#masthead .header-button {
	display: block;
	width: auto;
	background: #141332;
	border-radius: 60px;
	padding: 7px 34px 9px 34px;
	color: #fff;
	font-size: 0.85rem;
}

#masthead .social-links {
	display: flex;
	gap: 0.75rem;
	align-items: center;
	margin-left: 2.5rem;
}

#masthead .social-links a {
	font-size: 0;
	display: flex;
}

#masthead .social-links a img {
	height: 1.5rem;
	width: auto;
}

#masthead .current-menu-item {
	position: relative;
}

#masthead .current-menu-item::after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #9A5EA3;
	margin-top: 0.25em;
}

#masthead.nav-open .site-header-content .mobile-header-content .mobile-logos img.nega {
	opacity: 1;
}

#masthead.nav-open .site-header-content .mobile-header-content .mobile-logos img.non-nega {
	opacity: 0;
}

#masthead.nav-open .site-header-content .mobile-header-content .mobile-navigation-container {
	opacity: 1;
	transform: translateY(0);
}

#masthead.nav-open .site-header-content .mobile-header-content .mobile-navigation-container ul {
	transform: translateY(0);
}

#masthead.nav-open .site-header-content .mobile-header-content .mobile-navigation-container .mobile-socials {
	opacity: 1;
}

#masthead.nav-open .site-header-content .mobile-header-content .close-menu {
	display: block;
}

#masthead.nav-open .site-header-content .mobile-header-content .open-menu {
	display: none;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.container {
	padding: 48px 0px;
	margin: 0px auto;
	width: 100%;
	max-width: 1768px;
}

.home #page {
	background-color: #141332;
}

.page-template-default .entry-header {
	display: none;
}

#case {
	background-color: #D7EEFF;
}

#case .post-thumbnail {
	display: none;
}

#case p {
	margin-bottom: 30px;
	margin-top: 0;
}

#case strong {
	font-weight: 600;
}

#case .entry-content > h3,
#case .entry-content > h4,
#case .entry-content > h5 {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	margin: 10px 0px;
}

#case .quoteblock {
	clear: both;
	padding: 60px 0px;
}

#case .quoteblock h4 {
	font-weight: 400;
	font-size: 40px;
	line-height: 60px;
	margin: 0px 20px;
}

#case figure.right {
	float: right;
	margin: 20px 0px 20px 20px;
}

#case figure.left {
	float: left;
	margin: 20px 20px 20px 0px;
}

#case figure.center {
	text-align: center;
}

#case figure.fullwidth {
	width: 100%;
}

#case figure.fullwidth img {
	width: 100%;
}

#case #people .innercontainer {
	padding-left: 0px;
	padding-right: 0px;
}

#case #people p.name {
	margin-bottom: 0px;
}

#case .people-block {
	top: 0px;
}

article.type-post {
	margin-top: 9rem;
	padding: 0 2.5rem;
}

@media screen and (max-width: 800px) {
	article.type-post {
		margin-top: 5.5rem;
		padding: 0 1rem;
		display: flex;
		flex-direction: column;
	}
}

@media screen and (min-width: 800px) {
	article.type-post .entry-header {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-bottom: 4rem;
	}
}

article.type-post .entry-header .button {
	text-decoration: none;
	background-image: url(img/ArrowLeftWhite.svg);
	background-position: left 1rem center;
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-size: 1.3rem;
	padding-right: 2rem;
	margin-bottom: 1.5rem;
	background-color: #141332;
	color: #fff;
}

@media screen and (min-width: 800px) {
	article.type-post .entry-header .button {
		margin-bottom: 0;
	}
}

article.type-post .entry-header .entry-title {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 1.25em;
	margin-top: 1em;
}

@media screen and (max-width: 800px) {
	article.type-post .entry-header .entry-title {
		margin-bottom: 0.75em;
		margin-top: 0;
	}
}

@media screen and (min-width: 800px) {
	article.type-post .entry-header .entry-title {
		flex: 0 0 65%;
		max-width: 65%;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 48px;
	}
}

@media screen and (min-width: 800px) {
	article.type-post .meta-and-thumbnail {
		display: flex;
	}
}

@media screen and (min-width: 800px) {
	article.type-post .meta-and-thumbnail .entry-meta {
		flex: 0 0 35%;
		max-width: 35%;
		padding-right: 2rem;
	}
}

article.type-post .meta-and-thumbnail .entry-meta a {
	text-decoration: none;
}

article.type-post .meta-and-thumbnail .entry-meta .meta-cols {
	display: flex;
	align-items: flex-end;
	border-top: 1px solid #141332;
	padding-top: 1rem;
	margin-bottom: 2.5rem;
}

@media screen and (min-width: 800px) {
	article.type-post .meta-and-thumbnail .entry-meta .meta-cols {
		align-items: stretch;
		margin-bottom: 1.5rem;
	}
}

article.type-post .meta-and-thumbnail .entry-meta .meta-cols .image-col {
	width: 50%;
	margin-right: 0.25rem;
}

@media screen and (min-width: 800px) {
	article.type-post .meta-and-thumbnail .entry-meta .meta-cols .image-col {
		width: 45%;
		margin-right: 1rem;
	}
}

article.type-post .meta-and-thumbnail .entry-meta .meta-cols .image-col img {
	display: block;
}

article.type-post .meta-and-thumbnail .entry-meta .meta-cols .text-col {
	display: flex;
	flex-direction: column;
	line-height: 1.5;
	font-size: 0.75rem;
}

article.type-post .meta-and-thumbnail .entry-meta .meta-cols .text-col .byline {
	margin-bottom: 1.5em;
}

@media screen and (min-width: 800px) {
	article.type-post .meta-and-thumbnail .entry-meta .meta-cols .text-col .post-categories {
		margin-top: auto;
	}
}

article.type-post .meta-and-thumbnail .entry-meta .meta-cols .text-col .post-categories a {
	display: inline-block;
	padding: 0.5em 1.25em;
	border: 1px solid #FB525D;
	border-radius: 3em;
	line-height: 24px;
}

@media screen and (min-width: 800px) {
	article.type-post .meta-and-thumbnail .entry-meta .meta-cols .text-col .post-categories a {
		padding: 0.25em 1.25em;
	}
}

article.type-post .meta-and-thumbnail .entry-meta .entry-lead-text {
	display: none;
}

@media screen and (min-width: 800px) {
	article.type-post .meta-and-thumbnail .entry-meta .entry-lead-text {
		display: block;
	}
}

article.type-post .meta-and-thumbnail .post-thumbnail img {
	width: 100%;
}

@media screen and (min-width: 800px) {
	article.type-post .meta-and-thumbnail .ingress-and-thumbnail {
		flex: 0 0 65%;
		max-width: 65%;
	}
}

article.type-post .meta-and-thumbnail .ingress-and-thumbnail .entry-lead-text {
	display: none;
}

@media screen and (min-width: 800px) {
	article.type-post .meta-and-thumbnail .ingress-and-thumbnail .entry-lead-text {
		display: block;
		margin-bottom: 3rem;
	}
}

article.type-post .meta-and-thumbnail .ingress-and-thumbnail .entry-lead-text p:first-child {
	margin-top: 0;
}

article.type-post .entry-content h2.wp-block-heading {
	font-weight: 600;
}

@media screen and (min-width: 800px) {
	article.type-post .entry-content {
		padding-left: 35%;
		position: relative;
	}
	article.type-post .entry-content h2.wp-block-heading {
		position: absolute;
		left: 0;
		width: 35%;
		padding-right: 2rem;
		margin-top: 3.5rem;
	}
	article.type-post .entry-content h2.wp-block-heading + p {
		margin-top: 5rem;
	}
}

@media screen and (min-width: 800px) {
	article.type-post .entry-content .entry-lead-text {
		display: none;
	}
}

article.type-post .entry-content .wp-block-image {
	margin-bottom: 1.5rem;
}

article.type-post .entry-content .wp-block-image figure {
	float: unset !important;
	clear: unset !important;
}

article.type-post .additional-image {
	order: 5;
	margin-top: 3rem;
}

@media screen and (max-width: 800px) {
	article.type-post .additional-image {
		margin-top: 1rem;
	}
}

article.type-post .additional-image img {
	width: 100%;
	aspect-ratio: 21 / 9;
	object-fit: cover;
}

@media screen and (max-width: 800px) {
	article.type-post .post-mobile-padding {
		padding: 0 1.25rem;
	}
}

article.type-post .people-block {
	background: unset;
	position: static;
	padding-bottom: 0;
	padding-top: 2rem;
	min-height: unset;
}

article.type-post .people-block .inner {
	padding: 0 !important;
}

@media screen and (max-width: 800px) {
	article.type-post .people-block .people-grid .person {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 800px) {
	article.type-post .people-block .people-grid .person img {
		width: 100%;
		max-width: 400px;
	}
}

article.type-post .people-block h2 {
	font-size: 1.5rem;
}

@media screen and (min-width: 800px) {
	article.type-post .people-block h2 {
		position: absolute;
		left: 0;
		padding-right: 2rem;
	}
}

article.type-post .people-block .left {
	display: none;
}

article.type-post .articles-container-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 3rem;
}

@media screen and (min-width: 800px) {
	article.type-post .articles-container-header {
		margin-top: 6rem;
	}
}

article.type-post .articles-container-header h2 {
	font-size: 24px;
	margin: 0;
	line-height: 1.2;
	font-weight: 600;
}

@media screen and (min-width: 800px) {
	article.type-post .articles-container-header h2 {
		font-size: calc(min(96px, 6.6vw));
	}
}

article.type-post .articles-container-header .button {
	color: #fff;
	background: #141332;
	display: none;
}

@media screen and (min-width: 800px) {
	article.type-post .articles-container-header .button {
		display: block;
	}
}

article.single-case-page {
	margin-top: 9rem;
	padding: 0 2.5rem;
}

@media screen and (min-width: 800px) {
	article.single-case-page .entry-header {
		display: flex;
		justify-content: space-between;
		margin-bottom: 4rem;
	}
}

article.single-case-page .entry-header .button {
	text-decoration: none;
	background-image: url(img/ArrowLeftWhite.svg);
	background-position: left 1rem center;
	background-repeat: no-repeat;
	padding-left: 3rem;
	background-size: 1.3rem;
	padding-right: 2rem;
	margin-bottom: 1.5rem;
	background-color: #141332;
	color: #fff;
}

@media screen and (min-width: 800px) {
	article.single-case-page .entry-header .button {
		margin-bottom: 0;
	}
}

article.single-case-page .entry-header .entry-title {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 1.25em;
	margin-top: 1em;
}

@media screen and (max-width: 800px) {
	article.single-case-page .entry-header .entry-title {
		margin-bottom: 0.75em;
		margin-top: 0;
	}
}

@media screen and (min-width: 800px) {
	article.single-case-page .entry-header .entry-title {
		flex: 0 0 65%;
		max-width: 65%;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 48px;
	}
}

@media screen and (max-width: 800px) {
	article.single-case-page {
		margin-top: 5.5rem;
		padding: 0 1rem;
	}
}

@media screen and (max-width: 800px) {
	article.single-case-page {
		margin-top: 7rem;
		padding: 0;
		display: flex;
		flex-direction: column;
		font-size: 15px;
		line-height: 24px;
	}
	article.single-case-page .entry-header {
		padding: 0 6%;
	}
	article.single-case-page .entry-content p,
	article.single-case-page .entry-content h2,
	article.single-case-page .entry-content h3,
	article.single-case-page .entry-content figcaption,
	article.single-case-page .entry-content .wp-block-buttons {
		padding: 0 6%;
	}
	article.single-case-page .entry-content ul,
	article.single-case-page .entry-content ol {
		padding-right: 6%;
	}
}

article.single-case-page .entry-content {
	position: relative;
}

@media screen and (min-width: 800px) {
	article.single-case-page .entry-content figure {
		padding-left: 35%;
		margin: 4rem 0;
	}
}

@media screen and (min-width: 800px) {
	article.single-case-page .entry-content > p {
		padding-left: 35%;
	}
}

@media screen and (min-width: 800px) {
	article.single-case-page .entry-content h2.wp-block-heading {
		position: absolute;
		left: 0;
		width: 35%;
		padding-right: 2rem;
		margin-top: 0;
		font-weight: 600;
	}
}

@media screen and (min-width: 800px) {
	article.single-case-page .entry-content h3.wp-block-heading {
		padding-left: 35%;
	}
}

@media screen and (min-width: 800px) {
	article.single-case-page .entry-content blockquote {
		padding-left: 35%;
	}
}

@media screen and (max-width: 800px) {
	article.single-case-page .related-posts {
		padding: 0 6%;
	}
}

.text-only-content {
	padding: 13rem 5rem 5rem 5rem;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.text-only-content h1 {
	font-size: 3rem;
	line-height: 1.1;
}

@media screen and (max-width: 800px) {
	.text-only-content h1 {
		font-size: 2rem;
	}
}

@media screen and (max-width: 800px) {
	.text-only-content {
		padding: 9rem 6% 3rem 6%;
	}
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/* Footer */
.site-footer {
	background-color: #FFF6F6;
	padding-bottom: 4rem;
}

.site-footer .container {
	padding: 0;
}

.site-footer .inner {
	display: grid;
	padding: 2rem 1rem;
}

@media screen and (min-width: 800px) {
	.site-footer .inner {
		padding: 2.5rem;
	}
}

.site-footer__top {
	padding-bottom: 2rem;
	border-bottom: 1px solid #141332;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

@media screen and (min-width: 800px) {
	.site-footer__top {
		padding-bottom: 3rem;
		flex-direction: row;
		align-items: flex-end;
	}
}

.site-footer__top h2 {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 1rem 0;
	line-height: 1;
}

@media screen and (min-width: 800px) {
	.site-footer__top h2 {
		font-size: calc(min(96px, 6.66vw));
		margin: 0;
	}
}

@media screen and (min-width: 800px) {
	.site-footer__top div {
		text-align: right;
	}
}

.site-footer__top div p {
	margin: 0 0 1em 0;
}

.site-footer__bottom {
	padding-top: 2rem;
	display: flex;
	flex-direction: column-reverse;
}

@media screen and (min-width: 800px) {
	.site-footer__bottom {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

.site-footer__bottom img {
	width: 14rem;
	display: block;
	margin-bottom: 1.5rem;
}

@media screen and (max-width: 800px) {
	.site-footer__bottom img {
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (max-width: 800px) {
	.site-footer__bottom .logo-and-info {
		padding: 0 2rem;
		margin-top: 2rem;
		text-align: center;
	}
}

.site-footer__bottom .logo-and-info p {
	margin: 0;
	font-size: 14px;
}

.site-footer__bottom .logo-and-info a {
	text-decoration: none;
}

.site-footer__bottom .footer-navs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

@media screen and (min-width: 800px) {
	.site-footer__bottom .footer-navs {
		display: flex;
		gap: 2rem;
	}
}

@media screen and (min-width: 1200px) {
	.site-footer__bottom .footer-navs {
		gap: 4rem;
	}
}

.site-footer__bottom .footer-navs ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.site-footer__bottom .footer-navs ul a {
	padding: 0.5em 0;
	text-decoration: none;
	display: inline-block;
}

.site-footer__bottom .footer-navs .menu-footer-secondary-menu-container {
	grid-column: span 2;
}

@media screen and (min-width: 800px) {
	.site-footer__bottom .footer-navs .menu-footer-secondary-menu-container {
		grid-column: unset;
	}
}

.site-footer .scroll-to-top {
	display: flex;
	justify-content: flex-end;
}

@media screen and (max-width: 800px) {
	.site-footer .scroll-to-top.desktop-only {
		display: none;
	}
}

.site-footer .scroll-to-top.mobile-only {
	justify-content: center;
	margin-bottom: 2rem;
}

@media screen and (min-width: 800px) {
	.site-footer .scroll-to-top.mobile-only {
		display: none;
	}
}

.site-footer .scroll-to-top button {
	padding: 0.25em 0;
	background-color: unset;
	border: unset;
	appearance: none;
	cursor: pointer;
	font-size: 12px;
	display: flex;
}

.site-footer .scroll-to-top button img {
	height: 1.25em;
	width: auto;
	margin-left: 0.5em;
}

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.scroll-carousel-viewport {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.scroll-carousel-slider {
	display: inline-flex;
	position: relative;
}

.sc-slide {
	display: inline-block;
	position: relative;
}

.sc-slide img, .sc-slide video {
	max-width: fit-content !important;
}

@keyframes splide-loading {
	0% {
		transform: rotate(0);
	}
	to {
		transform: rotate(1turn);
	}
}

.splide__track--draggable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

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

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

.splide--rtl {
	direction: rtl;
}

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

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

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

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

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

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

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

.splide__progress__bar {
	width: 0;
}

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

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

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

.splide__slide img {
	vertical-align: bottom;
}

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

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

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

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

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

.people-block {
	position: relative;
	padding: 3rem 0 5rem 0;
}

@media screen and (min-width: 800px) {
	.people-block {
		padding: 6rem 0 8rem 0;
		display: grid;
		min-height: 100vh;
		overflow-x: hidden;
	}
}

.people-block .container {
	padding: 0;
}

@media screen and (min-width: 800px) {
	.people-block .container {
		margin-top: auto;
		margin-bottom: auto;
	}
}

.people-block .inner {
	padding: 0 1rem;
}

@media screen and (min-width: 800px) {
	.people-block .inner {
		padding: 0 2.5rem;
	}
}

.people-block .people-grid {
	margin-top: 2rem;
}

@media screen and (min-width: 800px) {
	.people-block .people-grid {
		display: grid;
		grid-template-columns: 7fr 6fr;
		gap: 4rem;
		margin-top: 4rem;
	}
}

@media screen and (min-width: 1200px) {
	.people-block .people-grid {
		gap: 9rem;
	}
}

@media screen and (max-width: 800px) {
	.people-block .people-grid .people {
		display: flex;
		gap: 2rem 0;
	}
}

.people-block .people-grid .person {
	display: flex;
	margin-bottom: 3rem;
	flex-wrap: wrap;
	gap: 1rem 0;
	align-items: center;
}

@media screen and (max-width: 800px) {
	.people-block .people-grid .person {
		flex: 0 0 50%;
		max-width: 50%;
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
}

.people-block .people-grid .person p {
	margin: 0;
}

.people-block .people-grid .person a {
	font-size: 14px;
}

.people-block .people-grid .person img {
	width: 12rem;
	margin-right: 1.5rem;
}

.people-block .people-grid .person__texts__info {
	margin: 1rem 0;
}

@media screen and (min-width: 800px) {
	.people-block .people-grid .person__texts__info {
		margin: 0 0 1.5rem 0;
	}
}

.people-block .people-grid .person__texts__contacts {
	display: grid;
}

.people-block .people-grid .person__texts .mobile-only {
	display: inline-block;
	margin-top: 0.75em;
}

@media screen and (min-width: 800px) {
	.people-block .people-grid .person__texts .mobile-only {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.people-block .people-grid .person__texts .desktop-only {
		display: none;
	}
}

.people-block .text {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem 1.5rem;
}

@media screen and (min-width: 1200px) {
	.people-block .text {
		grid-template-columns: 1fr 1fr;
	}
}

.people-block .text h3, .people-block .text h4 {
	margin: 0;
}

.people-block .text p {
	margin: 0;
}

.people-block .text a {
	font-size: 14px;
}

.people-block h2 {
	max-width: 28ch;
}

.contact-form-wrapper {
	display: grid;
	gap: 1rem;
	margin-top: 2rem;
	grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 1200px) {
	.contact-form-wrapper {
		gap: 1.5rem;
		margin-top: 0;
	}
}

.contact-form-wrapper .field-wrapper {
	position: relative;
}

.contact-form-wrapper .field-wrapper.full {
	grid-column: 1 / span 2;
}

@media screen and (max-width: 1200px) {
	.contact-form-wrapper .field-wrapper.half {
		grid-column: 1 / span 2;
	}
}

.contact-form-wrapper .field-wrapper p {
	margin: 0;
}

.contact-form-wrapper .field-wrapper label {
	margin-bottom: 0.35rem;
	display: inline-block;
}

.contact-form-wrapper .field-wrapper input,
.contact-form-wrapper .field-wrapper textarea,
.contact-form-wrapper .field-wrapper select {
	width: 100%;
	padding: 0.65rem;
	border-radius: 0;
	border-color: #141332;
	color: #141332;
	appearance: none;
	background-color: #fff;
}

.contact-form-wrapper .field-wrapper input::placeholder,
.contact-form-wrapper .field-wrapper textarea::placeholder,
.contact-form-wrapper .field-wrapper select::placeholder {
	color: #141332;
}

.contact-form-wrapper .field-wrapper input.wpcf7-not-valid,
.contact-form-wrapper .field-wrapper textarea.wpcf7-not-valid,
.contact-form-wrapper .field-wrapper select.wpcf7-not-valid {
	border-color: #b0030f;
}

.contact-form-wrapper .field-wrapper select {
	padding-right: 2.3rem;
	background-image: url("img/ChevronDown.svg");
	background-repeat: no-repeat;
	background-size: 1em;
	background-position: center right 0.65rem;
}

.contact-form-wrapper .field-wrapper input[type="submit"] {
	border: 1px solid #141332;
	border-radius: 0;
	padding: 1rem 3.5rem 1rem 2rem;
	width: auto;
	background: #141332;
	color: white;
	cursor: pointer;
	font-weight: 400;
	border-radius: 2em;
	background-image: url("img/ArrowRightWhite.svg");
	background-size: 1.5em;
	background-repeat: no-repeat;
	background-position: center right 1.25rem;
	transition: background-position 0.3s;
}

.contact-form-wrapper .field-wrapper input[type="submit"]:hover {
	background-position: center right 1rem;
}

.contact-form-wrapper .field-wrapper .wpcf7-not-valid-tip {
	font-size: 0.7rem;
	display: inline;
}

.contact-form-wrapper .field-wrapper:has(.wpcf7-not-valid) label {
	color: #b0030f;
}

.contact-form-wrapper textarea {
	height: 5.5rem;
}

.rebelpattern, .rebelpattern2, .rebelpattern3 {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.rebelpattern {
	background-image: url("img/rebel_pattern.png");
}

.rebelpattern2 {
	background-image: url("img/rebel_pattern2.png");
}

.rebelpattern3 {
	background-image: url("img/rebel_pattern3.png");
}

/*Pure css option for pattern for consideration*/
.CSSrebelpattern {
	overflow: hidden;
	position: relative;
}

.CSSrebelpattern:before {
	content: 'REBELREBEL REBELREBELREBEL REBELREBELREBEL REBELREBELREBEL EBELREBELREBEL REBELREBELREBEL REBELREBELREBEL REBELREBELREBEL';
	background: -webkit-linear-gradient(#fff, #1c87c9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #1c87c9;
	position: absolute;
	left: -1500px;
	top: 0px;
	font-family: Obviously;
	font-style: normal;
	font-weight: 800;
	font-size: 360px;
	line-height: 299px;
	letter-spacing: -0.07em;
	transform: rotate(-45deg) scale(1.6, 1.2);
}

.lightbluerebelpattern {
	background: url("img/rebel_pattern2.png") no-repeat, #d7eeff;
	background: url("img/rebel_pattern2.png") no-repeat, -moz-linear-gradient(top, #d7eeff 0%, #9bd5d7 100%);
	background: url("img/rebel_pattern2.png") no-repeat, -webkit-linear-gradient(top, #d7eeff 0%, #9bd5d7 100%);
	background: url("img/rebel_pattern2.png") no-repeat, linear-gradient(top bottom, #d7eeff 0%, #9bd5d7 100%);
	background-position: top center;
	background-size: cover;
}

.lightbluegradient {
	background: #d7eeff;
	background: -moz-linear-gradient(top, #d7eeff 0%, #9bd5d7 100%);
	background: -webkit-linear-gradient(top, #d7eeff 0%, #9bd5d7 100%);
	background: linear-gradient(top bottom, #d7eeff 0%, #9bd5d7 100%);
}

.multipartgradient1 {
	background: #141332;
	background: -moz-linear-gradient(top, #141332 0%, #46455C 100%);
	background: -webkit-linear-gradient(top, #141332 0%, #46455C 100%);
	background: linear-gradient(top bottom, #141332 0%, #46455C 100%);
}

.multipartgradient2 {
	background: #46455C;
	background: -moz-linear-gradient(top, #46455C 0%, #787786 100%);
	background: -webkit-linear-gradient(top, #46455C 0%, #787786 100%);
	background: linear-gradient(top bottom, #46455C 0%, #787786 100%);
}

.multipartgradient3 {
	background: #787786;
	background: -moz-linear-gradient(top, #787786 0%, #AAA9B0 100%);
	background: -webkit-linear-gradient(top, #787786 0%, #AAA9B0 100%);
	background: linear-gradient(top bottom, #787786 0%, #AAA9B0 100%);
}

.multipartgradient4 {
	background: #AAA9B0;
	background: -moz-linear-gradient(top, #AAA9B0 0%, #DBDBDB 100%);
	background: -webkit-linear-gradient(top, #AAA9B0 0%, #DBDBDB 100%);
	background: linear-gradient(top bottom, #AAA9B0 0%, #DBDBDB 100%);
}

.graymultipartgradient1 {
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #F6F6F6 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #F6F6F6 100%);
	background: linear-gradient(top bottom, #fff 0%, #F6F6F6 100%);
}

.graymultipartgradient2 {
	background: #F6F6F6;
	background: -moz-linear-gradient(top, #F6F6F6 0%, #EDEDED 100%);
	background: -webkit-linear-gradient(top, #F6F6F6 0%, #EDEDED 100%);
	background: linear-gradient(top bottom, #F6F6F6 0%, #EDEDED 100%);
}

.graymultipartgradient3 {
	background: #EDEDED;
	background: -moz-linear-gradient(top, #EDEDED 0%, #E4E4E4 100%);
	background: -webkit-linear-gradient(top, #EDEDED 0%, #E4E4E4 100%);
	background: linear-gradient(top bottom, #EDEDED 0%, #E4E4E4 100%);
}

.graymultipartgradient4 {
	background: #E4E4E4;
	background: -moz-linear-gradient(top, #E4E4E4 0%, #DBDBDB 100%);
	background: -webkit-linear-gradient(top, #E4E4E4 0%, #DBDBDB 100%);
	background: linear-gradient(top bottom, #E4E4E4 0%, #DBDBDB 100%);
}

.redgradient1 {
	background: #FEF9F9;
	background: -moz-linear-gradient(top, #FEF9F9 0%, #FEE7E7 100%);
	background: -webkit-linear-gradient(top, #FEF9F9 0%, #FEE7E7 100%);
	background: linear-gradient(top bottom, #FEF9F9 0%, #FEE7E7 100%);
}

.redgradient2 {
	background: #FEE7E7;
	background: -moz-linear-gradient(top, #FEE7E7 0%, #FDD6D6 100%);
	background: -webkit-linear-gradient(top, #FEE7E7 0%, #FDD6D6 100%);
	background: linear-gradient(top bottom, #FEE7E7 0%, #FDD6D6 100%);
}

.redgradient3 {
	background: #FDD6D6;
	background: -moz-linear-gradient(top, #FDD6D6 0%, #FDC4C4 100%);
	background: -webkit-linear-gradient(top, #FDD6D6 0%, #FDC4C4 100%);
	background: linear-gradient(top bottom, #FDD6D6 0%, #FDC4C4 100%);
}

.darkbackground {
	background-color: #141332;
	color: #ffffff;
}

.darkbackground a {
	color: #ffffff;
}

.darkbackground a:hover {
	opacity: 0.8;
}

.lightbackground {
	background-color: #F3F3F5;
}

.pinkgradient {
	background: #FFF6F6;
	background: -moz-linear-gradient(top, #FFF6F6 0%, #f4dbd8 100%);
	background: -webkit-linear-gradient(top, #FFF6F6, #f4dbd8 100%);
	background: linear-gradient(top bottom, #FFF6F6 0%, #f4dbd8 100%);
}

.rightstairsdown {
	clip-path: polygon(100% 48px, calc(100% - 50px) 48px, calc(100% - 50px) 24px, calc(100% - 100px) 24px, calc(100% - 100px) 0%, 0% 0%, 0% 100%, 100% 100%);
}

@media all and (max-width: 800px) {
	.rightstairsdown {
		clip-path: polygon(100% 24px, calc(100% - 25px) 24px, calc(100% - 25px) 12px, calc(100% - 50px) 12px, calc(100% - 50px) 0%, 0% 0%, 0% 100%, 100% 100%);
	}
}

.bothstairs {
	clip-path: polygon(100% 96px, calc(100% - 50px) 96px, calc(100% - 50px) 72px, calc(100% - 100px) 72px, calc(100% - 100px) 48px, calc(0% + 100px) 48px, calc(0% + 100px) 24px, calc(0% + 50px) 24px, calc(0% + 50px) 0%, 0% 0%, 0% 100%, 100% 100%);
}

@media all and (max-width: 800px) {
	.bothstairs {
		clip-path: polygon(100% 48px, calc(100% - 25px) 48px, calc(100% - 25px) 36px, calc(100% - 50px) 36px, calc(100% - 50px) 24px, calc(0% + 50px) 24px, calc(0% + 50px) 12px, calc(0% + 25px) 12px, calc(0% + 25px) 0%, 0% 0%, 0% 100%, 100% 100%);
	}
}

.leftstairsup {
	clip-path: polygon(100% calc(0% + 48px), 100px calc(0% + 48px), 100px calc(0% + 24px), 50px calc(0% + 24px), 50px 0%, 0% 0%, 0% 100%, 100% 100%);
}

@media all and (max-width: 800px) {
	.leftstairsup {
		clip-path: polygon(100% calc(0% + 24px), 50px calc(0% + 24px), 50px calc(0% + 12px), 25px calc(0% + 12px), 25px 0%, 0% 0%, 0% 100%, 100% 100%);
	}
}

.leftstairsdown {
	clip-path: polygon(100% 0%, 100px 0%, 100px 24px, 50px 24px, 50px 48px, 0% 48px, 0% 100%, 100% 100%);
}

@media all and (max-width: 800px) {
	.leftstairsdown {
		clip-path: polygon(100% 0%, 50px 0%, 50px 12px, 25px 12px, 25px 24px, 0% 24px, 0% 100%, 100% 100%);
	}
}

.innercontainer {
	padding-left: 115px;
	padding-right: 115px;
}

@media screen and (max-width: 1768px) {
	.innercontainer {
		padding-left: 6%;
		padding-right: 6%;
	}
}

.textblock {
	display: none;
	padding-bottom: 80px;
	padding-top: 70px;
	position: relative;
	top: -200px;
	left: 0px;
}

.textblock .left {
	width: 626px;
	display: inline-block;
	vertical-align: top;
}

.textblock .right {
	display: inline-block;
	width: 577px;
}

@media screen and (max-width: 800px) {
	.textblock {
		top: -150px;
	}
	.textblock .container {
		padding-bottom: 80px;
	}
	.textblock .left,
	.textblock .right {
		width: 100%;
	}
}

.textblock .container {
	padding-bottom: 148px;
}

.button {
	height: 40px;
	border: 1px solid #010101;
	border-radius: 20px;
	line-height: 34px;
	padding: 0px 1.5em;
	display: inline-block;
	text-decoration: none;
	transition: opacity 0.3s;
}

.button:hover {
	opacity: 0.8;
}

.button.invert {
	background-color: #141332;
	color: #fff;
}

.button.white {
	background-color: #fff;
	color: #141332;
}

@media screen and (max-width: 800px) {
	.button {
		width: 100%;
		text-align: center;
		padding: 0.875em 1.25em;
		height: unset;
		border-radius: 6rem;
	}
}

@media screen and (min-width: 800px) {
	.button {
		white-space: nowrap;
	}
}

.whyflutter {
	position: relative;
	margin-top: -45px;
}

.whyflutter.sticky-section .whyflutter__content {
	min-height: 100vh;
	padding: 3rem 0;
}

.whyflutter.sticky-section .whyflutter__content.whitebackground {
	padding: 5rem 0;
}

.whyflutter__content {
	padding: 7rem 0 5rem 0;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 800px) {
	.whyflutter__content {
		padding: 1rem 0;
	}
}

.whyflutter h4.mobile-only {
	font-weight: 300;
	font-size: 1rem;
}

.whyflutter iframe {
	z-index: 10;
	border-radius: 25px;
	position: absolute;
	top: 543px;
	left: 50%;
	margin-left: -630px;
	width: 1258px;
	height: 620px;
}

@media screen and (max-width: 1768px) {
	.whyflutter iframe {
		width: 90vw;
		height: 50.625vw;
		/* 90*9/16 */
		margin-left: 0px;
		left: 5vw;
		top: 43%;
	}
}

@media screen and (max-width: 800px) {
	.whyflutter iframe {
		bottom: calc(15vw + 300px);
		top: auto !important;
	}
}

.whyflutter .button {
	cursor: pointer;
}

.whyflutter .button:hover {
	opacity: 0.8;
}

.whyflutter .button.selected {
	background-color: #141332;
	color: white;
}

.whyflutter .inner {
	display: flex;
	padding: 0 2.5rem;
}

@media screen and (max-width: 800px) {
	.whyflutter .inner {
		padding: 0 1rem;
	}
}

.whyflutter .inner .left img {
	width: calc(min(440px, 30.5vw));
	height: auto;
	max-width: unset;
}

@media screen and (max-width: 800px) {
	.whyflutter .inner .left {
		display: none;
	}
}

.whyflutter .inner .right {
	text-align: left;
	padding-left: 3rem;
}

@media screen and (max-width: 800px) {
	.whyflutter .inner .right {
		padding-left: 0;
	}
}

.whyflutter .inner .right h2 {
	font-size: calc(clamp(18px, 3.33vw, 48px));
	line-height: 1.2;
	margin-bottom: 2em;
	font-weight: 600;
}

@media screen and (max-width: 800px) {
	.whyflutter .inner .right h2 {
		margin-bottom: 0.75em;
	}
}

.whyflutter .inner .right .content-columns {
	display: flex;
}

.whyflutter .inner .right .content-columns__left {
	flex: 0 0 40%;
	max-width: 40%;
}

@media screen and (max-width: 800px) {
	.whyflutter .inner .right .content-columns__left {
		display: none;
	}
}

.whyflutter .inner .right .content-columns__right {
	flex: 0 0 100%;
	max-width: 100%;
}

@media screen and (min-width: 800px) {
	.whyflutter .inner .right .content-columns__right {
		max-width: 50ch;
	}
}

.whyflutter .inner .right .content-columns__right .link-container {
	margin-top: 2rem;
}

@media screen and (min-width: 800px) {
	.whyflutter .inner .right .content-columns__right .link-container {
		margin-top: 3rem;
	}
}

@media screen and (min-width: 800px) {
	.whyflutter .mobile-only {
		display: none;
	}
}

.whyflutter__second-block {
	background-color: #FFF6F6;
	padding: 1rem 0 8vh 0;
}

@media screen and (min-width: 800px) {
	.whyflutter__second-block {
		padding: 3rem 0 15vh 0;
	}
}

.whyflutter__second-block .inner {
	align-items: center;
	flex-direction: column-reverse;
	gap: 2rem;
	padding-bottom: 0;
}

@media screen and (min-width: 800px) {
	.whyflutter__second-block .inner {
		flex-direction: row;
		gap: 0;
	}
}

.whyflutter__second-block .right {
	flex-grow: 1;
}

.whyflutter__second-block .left {
	display: block !important;
}

.whyflutter__second-block h2 {
	font-size: clamp(18px, 3.33vw, 48px);
	line-height: 1.2;
	margin-bottom: 1em;
	font-weight: 600;
	max-width: 18ch;
}

.whyflutter__second-block .text {
	max-width: 60ch;
}

.whyflutter__second-block img {
	width: calc(min(85%, 340px));
	height: auto;
	max-width: unset;
	display: block;
	margin: auto;
}

@media screen and (min-width: 800px) {
	.whyflutter__second-block img {
		width: calc(min(500px, 30vw));
	}
}

.whyflutter__second-block .cta-wrapper {
	margin-top: 3rem;
}

.whyflutter.has-second-block .whyflutter__content {
	min-height: unset;
}

@media screen and (min-width: 800px) {
	.whyflutter.has-second-block .whyflutter__content {
		min-height: 100vh;
	}
}

.selectedwork {
	background-color: #D7EEFF;
}

.selectedwork .inner {
	padding: 2rem 1rem 3rem 1rem;
}

@media screen and (min-width: 800px) {
	.selectedwork .inner {
		padding: 6rem 2.5rem 8rem 2.5rem;
	}
}

.selectedwork .works-container {
	display: grid;
	gap: 2rem;
	margin-top: 5rem;
}

@media screen and (min-width: 800px) {
	.selectedwork .works-container {
		grid-template-columns: 1fr 1fr;
		margin-top: 8rem;
	}
}

.selectedwork .works-container .single-work {
	position: relative;
}

.selectedwork .works-container .single-work a {
	text-decoration: none;
}

.selectedwork .works-container .single-work a:hover h2 img {
	transform: translateX(0.25rem);
}

@media screen and (min-width: 800px) {
	.selectedwork .works-container .single-work a:hover h2 img {
		transform: translateX(0.5rem);
	}
}

.selectedwork .works-container .single-work img {
	padding: 0 2rem;
	width: 100%;
}

@media screen and (min-width: 800px) {
	.selectedwork .works-container .single-work img {
		margin-bottom: calc(max(-5rem, -5vw));
		padding: 0 2.5rem;
	}
}

@media screen and (min-width: 1200px) {
	.selectedwork .works-container .single-work img {
		padding: 0 5rem;
	}
}

.selectedwork .works-container .single-work h2 {
	display: flex;
}

.selectedwork .works-container .single-work h2 img {
	width: 6vw;
	height: 6vw;
	padding: 0;
	margin-right: 0.5rem;
	margin-bottom: 0;
	transition: 0.2s transform;
}

@media screen and (min-width: 800px) {
	.selectedwork .works-container .single-work h2 img {
		width: 3rem;
		height: 3rem;
		margin-top: 0.35rem;
	}
}

.selectedwork .works-container .single-work p {
	padding-left: calc(6vw + 0.5rem);
}

@media screen and (min-width: 800px) {
	.selectedwork .works-container .single-work p {
		padding-left: 3.5rem;
	}
}

@media screen and (max-width: 800px) {
	.selectedwork .works-container .single-work {
		display: none;
	}
	.selectedwork .works-container .single-work:nth-child(1) {
		display: block;
	}
	.selectedwork .works-container .single-work:nth-child(2) {
		display: block;
	}
}

.selectedwork .button-container {
	display: flex;
	margin-top: 4rem;
	/*a {
      display: block;
      text-decoration: none;
      font-weight: 600;
      font-size: 1.5rem;
      display: flex;
      align-items: center;

      div {
        position: relative;

        &::after {
          content: "";
          display: block;
          position: absolute;
          background-color: black;
          height: 1px;
          bottom: -0.25em;
          left: 0;
          width: 100%;
          transition: 0.2s transform;
          transform-origin: right center;
        }
      }

      img {
        height: 1.2em;
        position: relative;
        top: 0.125em;
        transform: translateX(-0.2em);
        transition: 0.2s transform;
      }

      sup {
        font-weight: 300;
        font-size: 0.7em;
      }

      &:hover {
        div {
          &:after {
            transform: scaleX(0);
          }
        }
        img {
          transform: translateX(-0.1em);
        }
      }
    }*/
}

@media screen and (min-width: 800px) {
	.selectedwork .button-container {
		justify-content: flex-end;
	}
}

.work {
	float: left;
	height: 845px;
	width: 679px;
	padding-right: 34px;
}

.work .category {
	font-weight: 500;
	font-size: 9px;
	line-height: 14px;
	margin: 0px 0px 16px 0px;
}

.work img {
	width: 645px;
	height: 640px;
}

.work h4 {
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.work h6 {
	font-size: 10px;
}

.work p {
	max-width: 550px;
	font-size: 12px;
}

.work a {
	text-decoration: none;
}

@media screen and (max-width: 800px) {
	.work {
		height: auto;
		width: 73vw;
	}
	.work img {
		width: 73vw;
		height: auto;
	}
}

.community {
	position: relative;
}

.community .container {
	padding: 3rem 0 5rem 0;
	margin: 0px auto;
}

@media screen and (min-width: 800px) {
	.community .container {
		padding: 5rem 0 7rem 0;
	}
}

.community .inner {
	padding: 0 1rem;
}

@media screen and (min-width: 800px) {
	.community .inner {
		padding: 0 2.5rem;
	}
}

.community .events {
	margin-top: 3rem;
}

@media screen and (min-width: 800px) {
	.community .events {
		margin-top: 6rem;
	}
}

@media screen and (min-width: 800px) {
	.community .events .mobile-only {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.community .events .desktop-only {
		display: none;
	}
}

.community .events .event {
	padding: 1.5rem 1rem;
	border-left: 1px solid #141332;
	border-right: 1px solid #141332;
	border-bottom: 1px solid #141332;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	position: relative;
}

.community .events .event::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(#D7EEFF4D, #D7EEFF);
	opacity: 0;
	transition: opacity 0.4s;
}

.community .events .event:hover::before {
	opacity: 1;
}

@media screen and (min-width: 800px) {
	.community .events .event {
		flex-direction: row;
	}
}

.community .events .event:first-child {
	border-top: 1px solid #141332;
}

.community .events .event h3 {
	margin: 0 0 0.5em 0;
	line-height: 1.2;
}

@media screen and (min-width: 800px) {
	.community .events .event h3 {
		margin: 0;
	}
}

.community .events .event p {
	margin: 0;
}

@media screen and (min-width: 800px) {
	.community .events .event a {
		display: block;
	}
}

.community .events .event > div {
	display: flex;
	flex-direction: column-reverse;
	position: relative;
}

@media screen and (min-width: 800px) {
	.community .events .event > div {
		display: grid;
		flex-direction: row;
		align-items: flex-end;
	}
}

.community .events .event .right {
	display: flex;
	flex-direction: column;
}

@media screen and (min-width: 800px) {
	.community .events .event .right {
		align-items: flex-end;
		margin-left: 1rem;
	}
}

.community .events .event .right a {
	margin-top: 0.5em;
	text-decoration: none;
	white-space: nowrap;
	color: #fff;
	background-color: #141332;
	gap: 0.5em;
}

.community .events .event.passed::before {
	background: linear-gradient(#FDC4C44D, #FDC4C4);
}

.community .events .event.passed .right a {
	color: #141332;
	background-color: transparent;
}

.community .events__spotlight {
	margin-top: 3rem;
	display: grid;
	gap: 0.5rem;
	align-items: center;
}

@media screen and (min-width: 800px) {
	.community .events__spotlight {
		margin-top: 5rem;
		grid-template-columns: 3fr 2fr;
		gap: 3rem;
	}
}

.community .events__spotlight .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	transition: 0.2s border-radius;
}

.community .events__spotlight .video-container:hover {
	border-radius: 1rem;
}

.community .events__spotlight .video-container iframe,
.community .events__spotlight .video-container object,
.community .events__spotlight .video-container .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.blog {
	position: relative;
	padding: 3rem 0 4rem 0;
}

@media screen and (min-width: 800px) {
	.blog {
		padding: 5rem 0 7rem 0;
	}
}

.blog .container {
	padding: 0;
}

.blog .inner {
	padding: 0 1rem;
}

@media screen and (min-width: 800px) {
	.blog .inner {
		padding: 0 2.5rem;
	}
}

.blog .title-container {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 2rem;
}

@media screen and (min-width: 800px) {
	.blog .title-container {
		align-items: flex-end;
		justify-content: space-between;
		flex-direction: row;
		gap: 0;
	}
}

.articles-container {
	margin-top: 2rem;
	border-top: 1px solid #141332;
}

@media screen and (min-width: 800px) {
	.articles-container {
		margin-top: 4rem;
	}
}

.articles-container .article {
	display: grid;
	gap: 1rem;
	padding: 1rem 0;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	transition: transform 0.5s cubic-bezier(0.15, 0.76, 0.45, 0.95), opacity 0.65s linear;
}

@media screen and (min-width: 800px) {
	.articles-container .article {
		padding: 2rem 0;
		grid-template-columns: 6fr 9fr 10fr;
	}
}

.articles-container .article.hidden {
	display: none;
}

.articles-container .article:last-child {
	border-bottom: 1px solid #141332;
}

.articles-container .article img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: 0.2s border-radius;
}

.articles-container .article h3 {
	margin: 0;
}

.articles-container .article .date-and-author {
	font-size: 14px;
	display: block;
	margin-top: 0.5em;
}

@media screen and (min-width: 800px) {
	.articles-container .article .date-and-author {
		margin-top: 12px;
	}
}

.articles-container .article__second-col {
	display: flex;
	flex-direction: column;
}

.articles-container .article__second-col .post-cat-container {
	margin-top: auto;
}

@media screen and (max-width: 800px) {
	.articles-container .article__second-col .post-cat-container.desktop-only {
		display: none;
	}
}

.articles-container .article__second-col .post-cat-container.mobile-only {
	margin-bottom: 0.75rem;
}

@media screen and (min-width: 800px) {
	.articles-container .article__second-col .post-cat-container.mobile-only {
		display: none;
	}
}

.articles-container .article__second-col .post-cat-container .post-cat {
	display: inline-block;
	padding: 0.5em 1.25em;
	font-size: 12px;
	border: 1px solid #FB525D;
	border-radius: 3em;
}

@media screen and (min-width: 800px) {
	.articles-container .article__second-col .post-cat-container .post-cat {
		padding: 0.25em 1.25em;
	}
}

.articles-container .article__second-col .post-cat-container .post-cat.news {
	border-color: #FDC4C4;
}

.articles-container .article__second-col .post-cat-container .post-cat.meetup {
	border-color: #33A6B8;
}

.articles-container .article__third-col {
	display: flex;
	flex-direction: column;
	margin-top: -1rem;
}

@media screen and (min-width: 800px) {
	.articles-container .article__third-col {
		margin-top: 0;
	}
}

@media screen and (min-width: 800px) {
	.articles-container .article__third-col p {
		margin-top: 0;
	}
}

@media screen and (max-width: 800px) {
	.articles-container .article__third-col p:last-of-type {
		margin-bottom: 0;
	}
}

.articles-container .article__third-col .cta-container {
	display: none;
	justify-content: flex-end;
	align-items: flex-end;
	margin-top: auto;
}

@media screen and (min-width: 800px) {
	.articles-container .article__third-col .cta-container {
		display: flex;
	}
}

.articles-container .article__third-col .cta-container span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2rem;
	width: 2rem;
	border: 1px solid #141332;
	position: relative;
	border-radius: 100%;
	transition: 0.3s background-color;
}

.articles-container .article__third-col .cta-container span img {
	width: 1rem;
	height: auto;
	display: block;
	aspect-ratio: unset;
	transition: 0.3s filter;
}

.articles-container .article:hover img {
	border-radius: 1rem;
}

.articles-container .article:hover .cta-container span {
	background-color: #141332;
}

.articles-container .article:hover .cta-container img {
	filter: invert(1);
}

.articles-container .article.animate {
	opacity: 0;
	transform: translateY(5rem);
}

@media screen and (min-width: 800px) {
	.articles-container .article.animate {
		transform: translateY(70%);
	}
}

.quoteblock {
	padding-top: 230px;
	padding-bottom: 280px;
	text-align: left;
}

.quoteblock p.title {
	padding-left: 130px;
	max-width: 900px;
	font-size: 18px;
	font-weight: 600;
	margin: 0px;
}

.quoteblock h4 {
	padding-left: 130px;
	max-width: 900px;
	line-height: 72px;
	font-size: 61px;
	font-weight: 300;
	margin: 0px;
}

.testimonials {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 100vh;
}

.testimonials .container {
	padding: 0;
}

.testimonials .inner {
	padding: 3rem 1rem;
	overflow-x: hidden;
}

@media screen and (min-width: 800px) {
	.testimonials .inner {
		padding: 7rem 0 8rem 2.5rem;
	}
}

.testimonials .link-container {
	display: none;
	justify-content: flex-end;
	padding-right: 2.5rem;
}

@media screen and (min-width: 800px) {
	.testimonials .link-container {
		display: flex;
	}
}

.testimonials .link-container a {
	margin-bottom: 2rem;
}

.testimonials .testimonials-container {
	transition: 0.35s transform ease-in-out;
}

.testimonials .testimonials-container .slick-list {
	margin: 0 -1rem;
}

@media screen and (min-width: 800px) {
	.testimonials .testimonials-container .slick-list {
		margin: 0;
		padding: 0 16% 0 0 !important;
	}
}

.testimonials .testimonials-container .slick-track {
	display: flex !important;
}

.testimonials .testimonials-container .testimonial {
	padding: 2rem;
	border: 1px solid #141332;
	margin-right: 1rem;
	margin-left: 1rem;
	height: inherit;
}

@media screen and (min-width: 800px) {
	.testimonials .testimonials-container .testimonial {
		padding: 4rem 5rem;
		margin-right: 4rem;
		margin-left: 0;
	}
}

.testimonials .testimonials-container .testimonial .img-section {
	display: flex;
	justify-content: flex-end;
	position: relative;
}

@media screen and (min-width: 800px) {
	.testimonials .testimonials-container .testimonial .img-section {
		justify-content: space-between;
	}
}

.testimonials .testimonials-container .testimonial .img-section img {
	height: 5rem;
}

@media screen and (min-width: 800px) {
	.testimonials .testimonials-container .testimonial .img-section img {
		height: 8rem;
	}
}

.testimonials .testimonials-container .testimonial .img-section img.logo {
	position: absolute;
	left: 0;
}

@media screen and (min-width: 800px) {
	.testimonials .testimonials-container .testimonial .img-section img.logo {
		position: relative;
	}
}

.testimonials .testimonials-container .testimonial .img-section div {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.testimonials .testimonials-container .testimonial .img-section div h6 {
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 1rem 0 0 0;
	text-align: right;
}

.testimonials .testimonials-container .testimonial blockquote {
	font-size: 24px;
	font-weight: 300;
	margin: 2rem 0 0 0;
	line-height: 1.2;
}

@media screen and (min-width: 800px) {
	.testimonials .testimonials-container .testimonial blockquote {
		font-size: calc(min(58px, 3.33vw));
		margin: 2rem 3rem 0 0;
	}
}

.testimonials .slider-controls {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin-top: 1rem;
	justify-content: space-between;
}

@media screen and (min-width: 800px) {
	.testimonials .slider-controls {
		gap: 2.5rem;
		justify-content: flex-start;
		margin-right: 2.5rem;
	}
}

.testimonials .slider-controls__first, .testimonials .slider-controls__last {
	flex-shrink: 0;
}

.testimonials .slider-controls__middle {
	flex-grow: 1;
}

@media screen and (max-width: 800px) {
	.testimonials .slider-controls__middle {
		display: none;
	}
}

.testimonials .slider-controls__last {
	display: flex;
}

@media screen and (max-width: 800px) {
	.testimonials .slider-controls__last {
		gap: 1rem;
	}
}

.testimonials .slider-controls .testimonial-slider-tracker-container {
	position: relative;
	background-color: #ccc;
}

.testimonials .slider-controls .testimonial-slider-tracker-container .testimonial-slider-tracker {
	background-color: #141332;
	height: 2px;
	width: 0;
	position: relative;
	transition: width 0.25s ease-out;
}

.testimonials .slider-controls .testimonials-slider-button {
	appearance: none;
	border: unset;
	background-color: #fff;
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	height: 4rem;
	width: 4rem;
	position: relative;
	cursor: pointer;
}

@media screen and (min-width: 800px) {
	.testimonials .slider-controls .testimonials-slider-button {
		background-color: unset;
		border-radius: 0;
		height: unset;
		width: unset;
	}
}

.testimonials .slider-controls .testimonials-slider-button.slick-disabled {
	opacity: 0.3;
}

.testimonials .slider-controls .testimonials-slider-button img {
	width: auto;
	height: 55%;
}

@media screen and (min-width: 800px) {
	.testimonials .slider-controls .testimonials-slider-button img {
		height: 2.5rem;
	}
}

.clientlogos {
	position: relative;
}

.clientlogos .container {
	display: flex;
	align-items: center;
	padding: 5rem 0;
	min-height: 100vh;
}

@media screen and (min-width: 800px) {
	.clientlogos .container {
		padding: 6rem 0 8rem 0;
	}
}

.clientlogos .container .inner {
	width: 100%;
	padding: 0 1rem;
}

@media screen and (min-width: 800px) {
	.clientlogos .container .inner {
		padding: 0 2.5rem;
	}
}

.clientlogos .container .title-container {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

@media screen and (max-width: 800px) {
	.clientlogos .container .title-container {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 3rem;
	}
}

.clientlogos .container .title-container a {
	flex-shrink: 0;
}

.clientlogos .logocontainer {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 0;
}

@media screen and (min-width: 800px) {
	.clientlogos .logocontainer {
		grid-template-columns: repeat(4, 1fr);
		margin-top: 2rem;
	}
}

@media screen and (min-width: 1200px) {
	.clientlogos .logocontainer {
		grid-template-columns: repeat(5, 1fr);
		margin-top: 4rem;
	}
}

.clientlogos .logocontainer a {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60%;
	outline: 1px solid #141332;
	margin-top: 1px;
	margin-right: 1px;
}

.clientlogos .logocontainer a:hover {
	opacity: 0.8;
}

.clientlogos .logocontainer a::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.customslider {
	background-color: #FFF6F6;
	padding-top: 100px;
}

@media screen and (min-width: 800px) {
	.customslider {
		height: calc(clamp(750px, calc(100vh + 250px), 1150px));
		max-height: 880px;
		padding-top: 0;
	}
}

@media screen and (min-width: 1200px) {
	.customslider {
		max-height: unset;
	}
}

.customslider .container {
	position: relative;
	padding: 0px;
	display: flex;
	align-items: flex-end;
	height: 100%;
}

.customslider .content {
	padding: 4rem 1rem 2rem 1rem;
	position: relative;
	margin-bottom: 45px;
}

@media screen and (min-width: 800px) {
	.customslider .content {
		padding: 0 2.5rem 162px 2.5rem;
	}
}

.customslider .content .title-container {
	position: relative;
}

.customslider .content .title-container img {
	display: none;
}

@media screen and (min-width: 800px) {
	.customslider .content .title-container img {
		display: block;
		height: calc(min(42.7vw, 600px));
		position: absolute;
		right: calc(min(3.65vw, 50px));
		bottom: calc(max(-5.55vw, -80px));
		z-index: 1;
	}
}

.customslider .content h2 {
	font-weight: 600;
	font-size: calc(28.5 * (100vw - 2rem) / 100);
	margin: 0 0 0.4em 0;
	line-height: 0.85;
	letter-spacing: -0.025em;
	animation-name: titleAnimationNonMain;
	animation-timing-function: ease;
	animation-duration: 0.6s;
	animation-delay: 0.5s;
	-webkit-animation-fill-mode: forwards;
	opacity: 0;
}

.customslider .content h2 span {
	animation-name: titleAnimation;
	animation-timing-function: ease;
	animation-duration: 1s;
	animation-delay: 0.6s;
	-webkit-animation-fill-mode: forwards;
}

@media screen and (min-width: 800px) {
	.customslider .content h2 {
		font-size: calc(min(calc(15.47 * (100vw - 5rem) / 100), 1768px * 0.1475));
		color: transparent;
		-webkit-text-stroke-width: 4px;
		-webkit-text-stroke-color: #141332;
		line-height: 1;
		margin: 0;
		white-space: nowrap;
		animation-name: titleAnimation;
	}
}

.customslider .content h3,
.customslider .content p {
	font-size: calc(max(18px, 4.8vw));
	font-weight: 500;
	margin: 0;
	line-height: 1.2;
}

@media screen and (min-width: 800px) {
	.customslider .content h3,
	.customslider .content p {
		font-size: calc(min(2.77vw, 49px));
		font-weight: 200;
		line-height: 1;
	}
}

.customslider .content h3 {
	margin-bottom: -0.4em;
	animation-delay: 0.3s;
}

.customslider .content p {
	margin-top: 1.5em;
	animation-delay: 0.6s;
}

.customslider .content p, .customslider .content h3 {
	opacity: 0;
	animation-name: fadeIn;
	animation-timing-function: ease;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.customslider .content .cta-container {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 2rem;
}

@media screen and (min-width: 800px) {
	.customslider .content .cta-container {
		margin-top: calc(min(4rem, 4vw));
		gap: 1.25rem;
	}
}

.customslider .content .mobile-image {
	padding: 0 2.5rem;
	margin-top: 1rem;
}

@media screen and (min-width: 800px) {
	.customslider .content .mobile-image {
		display: none;
	}
}

@media screen and (min-width: 1200px) {
	[lang="de-DE"] .customslider h3 {
		top: 360px;
	}
	[lang="de-DE"] .customslider p {
		top: 515px;
	}
	[lang="de-DE"] .customslider .slider h2 {
		top: 353px;
	}
}

.topblock {
	position: relative;
	padding-bottom: 50px;
}

.topblock .bg {
	width: 67%;
	position: absolute;
	height: 100%;
	left: calc(50% - 240px);
	top: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.topblock h2 {
	margin-top: 140px;
	font-weight: 600;
	font-size: 90px;
	margin-bottom: 140px;
}

.topblock .button {
	display: block;
	min-width: 196px;
	width: fit-content;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	margin-bottom: 20px;
	line-height: 40px;
	height: 40px;
}

.topblock .innercontainer {
	position: relative;
}

.topblock p {
	padding-top: 20px;
	max-width: 560px;
	font-size: 15px;
	line-height: 24px;
}

.topblock .mobileimage {
	display: none;
}

.topblock .buttoncontainer {
	min-height: 100px;
}

@media screen and (max-width: 800px) {
	.topblock h2 {
		font-size: 48px;
		padding-left: 6%;
		padding-right: 6%;
		margin-bottom: 40px;
	}
	.topblock .bg {
		display: none;
	}
	.topblock .mobileimage {
		display: block;
		width: 100vw;
		height: 98vw;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		margin-bottom: 20px;
	}
	.topblock .button {
		display: inline-block;
		margin-right: 20px;
	}
	.topblock .button:last-child {
		margin-right: 0px;
	}
	.topblock .buttoncontainer {
		margin-left: 6%;
		margin-right: 6%;
		min-height: 0px;
	}
	.topblock p {
		font-size: 12px;
		padding-left: 6%;
		padding-right: 6%;
		padding-top: 0px;
	}
	.topblock .innercontainer {
		padding-left: 0%;
		padding-right: 0%;
	}
}

.pinktextblock {
	font-size: 15px;
	font-weight: 300;
	line-height: 24px;
	padding-bottom: 100px;
}

.pinktextblock h2 {
	margin-top: 80px;
	margin-bottom: 20px;
}

.pinktextblock p {
	margin: 45px;
}

.pinktextblock h3,
.pinktextblock h4,
.pinktextblock h5 {
	font-size: 18px;
	line-height: 36px;
	font-weight: 600;
}

@media screen and (max-width: 800px) {
	.pinktextblock {
		padding-bottom: 0px;
		font-size: 13px;
		line-height: 19px;
	}
	.pinktextblock h2 {
		margin-top: 0px;
	}
	.pinktextblock p {
		margin: 0px;
		margin-bottom: 20px;
	}
}

.maincontent h1,
.maincontent h2,
.maincontent h3,
.maincontent h4,
.maincontent h5,
.maincontent h6 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 0px;
}

.maincontent p {
	margin-bottom: 10px;
}

@media screen and (max-width: 800px) {
	.maincontent h1,
	.maincontent h2,
	.maincontent h3,
	.maincontent h4,
	.maincontent h5,
	.maincontent h6 {
		font-size: 14px;
	}
}

.threecolumntext {
	display: none;
	margin-top: -100px;
	background-color: #ffffff;
	overflow: hidden;
	padding-bottom: 60px;
}

.threecolumntext h2 {
	margin-top: 80px;
	line-height: 40px;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 50px;
}

.threecolumntext .column {
	float: left;
	margin-left: 6%;
	width: 28%;
}

.threecolumntext .column:first-of-type {
	margin-left: 3%;
}

.threecolumntext .column h3 {
	font-weight: 600;
	font-size: 24px;
}

@media screen and (max-width: 800px) {
	.threecolumntext {
		margin-top: -50px;
	}
	.threecolumntext h2 {
		font-size: 18px;
		line-height: 28px;
	}
	.threecolumntext .column {
		width: 100%;
		float: none;
		margin-left: 0px;
	}
	.threecolumntext .column:first-of-type {
		margin-left: 0%;
	}
	.threecolumntext .column h3 {
		font-size: 18px;
	}
	.threecolumntext .column .maincontent {
		padding-bottom: 25px;
	}
}

.textandpic {
	position: relative;
	margin-top: -50px;
	padding-bottom: 90px;
}

.textandpic .innercontainer {
	width: 50%;
	text-align: left;
	padding-right: 60px;
}

.textandpic .bg {
	width: 50%;
	position: absolute;
	height: 100%;
	left: 50%;
	top: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.textandpic h2 {
	margin-top: 80px;
	margin-bottom: 50px;
}

.textandpic .maincontent h1,
.textandpic .maincontent h2,
.textandpic .maincontent h3,
.textandpic .maincontent h4,
.textandpic .maincontent h5,
.textandpic .maincontent h6 {
	margin-bottom: 30px;
}

.textandpic .maincontent p {
	margin-bottom: 14px;
}

.textandpic a {
	font-size: 14px;
	font-weight: 600;
}

@media screen and (max-width: 800px) {
	.textandpic {
		margin-top: -25px;
	}
	.textandpic .bg {
		position: relative;
		width: 100vw;
		height: 100vw;
		top: -48px;
		left: 0px;
	}
	.textandpic .innercontainer {
		width: 100%;
		padding-left: 6%;
		padding-right: 6%;
	}
	.textandpic h2 {
		margin-top: 0px;
	}
	.textandpic .maincontent h1,
	.textandpic .maincontent h2,
	.textandpic .maincontent h3,
	.textandpic .maincontent h4,
	.textandpic .maincontent h5,
	.textandpic .maincontent h6 {
		font-size: 18px;
	}
}

.leftsidepictureblock {
	overflow: hidden;
	padding-bottom: 60px;
}

.leftsidepictureblock .image {
	width: 35%;
	height: 700px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
}

.leftsidepictureblock .mobileimage {
	display: none;
}

.leftsidepictureblock .innercontainer {
	width: 65%;
	float: left;
	padding-right: 60px;
}

.leftsidepictureblock h2 {
	margin-top: 80px;
}

.leftsidepictureblock h3 {
	margin-bottom: 20px;
}

@media screen and (max-width: 800px) {
	.leftsidepictureblock .mobileimage {
		display: block;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		width: 88vw;
		height: 65vw;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.leftsidepictureblock .image {
		display: none;
	}
	.leftsidepictureblock .innercontainer {
		width: 100%;
		padding: 0% 6%;
	}
	.leftsidepictureblock h2 {
		margin-top: 10px;
	}
	.leftsidepictureblock h3 {
		font-size: 18px;
		margin-bottom: 30px;
	}
}

.figures {
	overflow: hidden;
	position: relative;
	background-color: #fff;
}

@media screen and (min-width: 800px) {
	.figures {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.figures .inner {
	padding: 0 1rem;
}

@media screen and (min-width: 800px) {
	.figures .inner {
		padding: 0 2.5rem;
	}
}

.figures .logos-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-bottom: 4rem;
}

@media screen and (min-width: 800px) {
	.figures .logos-container {
		grid-template-columns: repeat(4, 1fr);
	}
}

.figures .logos-container .logo-item {
	outline: 1px solid;
	margin-top: 1px;
	margin-right: 1px;
	position: relative;
}

.figures .logos-container .logo-item img {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 45%;
	transform: translate(-50%, -50%);
}

.figures .logos-container .logo-item::before {
	content: "";
	padding-top: 100%;
	display: block;
}

.figures .figures-container {
	display: grid;
	gap: 2rem;
}

@media screen and (min-width: 800px) {
	.figures .figures-container {
		grid-template-columns: 1fr 1fr;
		gap: 2rem 8rem;
	}
}

.figures .figures-container .figure {
	text-align: center;
}

@media screen and (min-width: 800px) {
	.figures .figures-container .figure {
		text-align: left;
	}
	.figures .figures-container .figure:nth-child(even) {
		text-align: right;
	}
}

.figures .figures-container .pre-text {
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 0.5rem;
}

@media screen and (min-width: 800px) {
	.figures .figures-container .pre-text {
		font-size: 2rem;
		margin-bottom: calc(max(-2rem, -2vw));
	}
}

.figures .figures-container p {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 400;
	display: block;
	margin: 0;
}

@media screen and (min-width: 800px) {
	.figures .figures-container p {
		font-size: calc(min(48px, 3.33vw));
		font-weight: 600;
		display: inline;
	}
}

.figures .figures-container p.is-block {
	display: block;
}

.figures .figures-container h3 {
	display: inline;
	margin-right: 0.5rem;
}

@media screen and (max-width: 800px) {
	.figures .figures-container h3 {
		font-size: 48px;
		margin-right: 0;
		display: block;
		margin-bottom: 0.75rem;
	}
}

.timeline {
	display: none;
	margin-top: -100px;
	min-height: 500px;
	overflow: hidden;
	background-color: white;
}

@media screen and (max-width: 800px) {
	.timeline {
		margin-top: -50px;
	}
}

.timeline .container {
	position: relative;
	overflow: hidden;
}

.timeline h2 {
	margin-left: 115px;
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 140px;
}

.timeline .line {
	background: #141332;
	background: linear-gradient(90deg, #141332 0%, #FB525D 100%);
	height: 2px;
	width: 80%;
	position: absolute;
	left: 10.3%;
	top: 317px;
}

.timeline .line.line-6 {
	width: 80.2%;
	left: 8%;
}

.timeline .line.line-4 {
	width: 75.3%;
	left: 11.8%;
}

.timeline .line.line-3 {
	width: 66.4%;
	left: 16%;
}

.timeline .part {
	float: left;
	position: relative;
	text-align: center;
	padding-bottom: 80px;
	padding-left: 2%;
	padding-right: 2%;
}

.timeline .part h5 {
	font-size: 15px;
	font-weight: 500;
}

.timeline .circle {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #ffffff;
	border: 2px solid #000;
	margin: 10px auto;
}

.timeline .circle3 {
	border: 2px solid #52243e;
}

.timeline .circle2 {
	border: 2px solid #8e3348;
}

.timeline .circle1 {
	border: 2px solid #c24252;
}

.timeline .circle0 {
	border: 2px solid #f9515d;
}

@media screen and (max-width: 800px) {
	.timeline h2 {
		margin-left: 6%;
		font-size: 18px;
		margin-bottom: 20px;
	}
	.timeline .part {
		padding-bottom: 20px;
		width: 100% !important;
		text-align: left;
		padding-left: 6%;
		padding-right: 6%;
	}
	.timeline .part p,
	.timeline .part h5 {
		padding-left: 50px;
	}
	.timeline .circle {
		float: left;
		margin-top: -43px;
		margin-left: 2px;
	}
	.timeline .line {
		background: linear-gradient(180deg, #141332 0%, #FB525D 100%);
		width: 2px !important;
		height: 800px;
		top: 132px;
		left: calc(6% + 12px) !important;
	}
	.timeline div.circle0::after {
		content: "";
		width: 20px;
		height: 300px;
		background-color: white;
		margin-top: 22px;
		display: block;
	}
}

.services-block {
	background-color: #fff;
	position: relative;
	padding: 2rem 0 5rem 0;
}

@media screen and (min-width: 800px) {
	.services-block {
		padding: 6rem 0;
	}
}

.services-block.sticky-section {
	min-height: 100vh;
}

.services-block h2,
.services-block h3,
.services-block h4 {
	font-size: 18px;
	font-weight: 600;
}

.services-block .container {
	padding: 0;
}

.services-block .inner {
	display: grid;
	padding: 0 1rem;
	margin-bottom: 4rem;
}

@media screen and (min-width: 800px) {
	.services-block .inner {
		padding: 0 2.5rem;
		grid-template-columns: 2fr 5fr 5fr;
		margin-bottom: 0;
	}
}

@media screen and (max-width: 800px) {
	.services-block .inner .left {
		display: none;
	}
}

.services-block .inner .left .big-one {
	font-size: calc(min(21vw, 302px));
	-webkit-text-stroke-width: 6px;
	margin-top: -3.5rem;
}

@media screen and (min-width: 800px) {
	.services-block .inner .center {
		padding-right: 7rem;
	}
}

.services-block .work-item__title-container {
	display: flex;
	justify-content: space-between;
	gap: 2rem;
	margin-top: 1rem;
}

@media screen and (max-width: 800px) {
	.services-block .work-item__title-container {
		display: none;
	}
}

.services-block .work-item__title-container .button-container {
	flex-shrink: 0;
}

.services-block .work-item .case-description {
	font-size: 12px;
	line-height: 1.5;
}

@media screen and (max-width: 800px) {
	.services-block .work-item .case-description {
		display: none;
	}
}

.services-block .work-item h4 {
	margin: 0 0 0.25em 0;
}

.services-block .work-item h6 {
	margin: 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 1.5;
}

.services-block .accordion .accordion-item {
	border-bottom: 1px solid #14133233;
}

.services-block .accordion .accordion-item .accordion-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.5rem;
	cursor: pointer;
	margin: 0;
	padding: 1em 0;
}

.services-block .accordion .accordion-item .accordion-title img {
	width: auto;
	height: 1em;
	flex-shrink: 0;
	transform-origin: center;
	transition: 0.4s transform;
}

.services-block .accordion .accordion-item .accordion-content {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all .3s;
}

.services-block .accordion .accordion-item .accordion-content p:first-child {
	margin-top: 0;
}

.services-block .accordion .accordion-item .accordion-content ul,
.services-block .accordion .accordion-item .accordion-content ol {
	margin: 0 0 1rem 0;
	padding-left: 1.5em;
}

.services-block .accordion .accordion-item:first-child {
	border-top: 1px solid #14133233;
}

.services-block .accordion .accordion-item.open .accordion-title img {
	transform: rotate(135deg);
}

.services-block .accordion .accordion-item.open .accordion-content {
	opacity: 1;
}

.post-list-content {
	padding: 0 1rem 3rem 1rem;
	margin-top: 2rem;
}

@media screen and (min-width: 800px) {
	.post-list-content {
		padding: 0 2.5rem 5rem 2.5rem;
		margin-top: 6rem;
	}
}

.post-list-content h1 {
	line-height: 1.5;
	animation-name: titleAnimation;
	animation-timing-function: ease;
	animation-duration: 0.6s;
	animation-delay: 0.2s;
	-webkit-animation-fill-mode: forwards;
	opacity: 0;
	margin-bottom: 1.5rem;
}

@media screen and (min-width: 800px) {
	.post-list-content h1 {
		margin-bottom: 0;
	}
}

.post-list-content .blogintro {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	opacity: 0;
	animation-name: fadeIn;
	animation-timing-function: ease;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

@media screen and (min-width: 800px) {
	.post-list-content .top {
		grid-template-columns: 15fr 10fr;
		display: grid;
		gap: 2rem;
	}
}

.post-list-content .post-list-filters {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
}

@media screen and (max-width: 800px) {
	.post-list-content .post-list-filters {
		flex-wrap: nowrap;
		gap: 0.5rem 1rem;
		max-width: 100vw;
		position: relative;
		left: -1rem;
		padding-left: 1rem;
		padding-right: 1rem;
		overflow: auto;
		-ms-overflow-style: none;
		/* IE and Edge */
		scrollbar-width: none;
		/* Firefox*/
	}
	.post-list-content .post-list-filters::-webkit-scrollbar {
		display: none;
		/*Chromium*/
	}
}

.post-list-content .post-list-filters button {
	transition: 0.3s all;
	min-width: 9rem;
	cursor: pointer;
	background-color: transparent;
}

.post-list-content .post-list-filters button:nth-child(3n+1) {
	border-color: #FB525D;
}

.post-list-content .post-list-filters button:nth-child(3n+1):hover, .post-list-content .post-list-filters button:nth-child(3n+1).active {
	background-color: #FB525D;
	color: #fff;
}

.post-list-content .post-list-filters button:nth-child(3n+2) {
	border-color: #33A6B8;
}

.post-list-content .post-list-filters button:nth-child(3n+2):hover, .post-list-content .post-list-filters button:nth-child(3n+2).active {
	background-color: #33A6B8;
	color: #fff;
}

.post-list-content .post-list-filters button:nth-child(3n+3) {
	border-color: #FDC4C4;
}

.post-list-content .post-list-filters button:nth-child(3n+3):hover, .post-list-content .post-list-filters button:nth-child(3n+3).active {
	background-color: #FDC4C4;
}

@media screen and (max-width: 800px) {
	.post-list-content .post-list-filters button {
		min-width: 7rem;
		padding: 0.25em 1.5em;
		width: auto;
	}
}

.case-quote {
	margin-bottom: 3rem;
	position: relative;
	background-color: #FFF6F6;
}

.case-quote .block-content {
	display: grid;
	grid-template-columns: 35% 65%;
}

@media screen and (max-width: 800px) {
	.case-quote .block-content {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}

.case-quote .block-content .image-content img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.case-quote .block-content .image-content.keep-ratio img {
	object-fit: contain;
}

.case-quote .block-content .quote-content {
	padding: 5rem;
	display: grid;
	place-content: center;
}

@media screen and (max-width: 1200px) {
	.case-quote .block-content .quote-content {
		padding: 3rem;
	}
}

@media screen and (max-width: 800px) {
	.case-quote .block-content .quote-content {
		padding: 6%;
	}
}

.case-quote .block-content .quote-content .quote {
	font-size: 42px;
	line-height: 1.25;
	margin-bottom: 1em;
}

@media screen and (max-width: 1200px) {
	.case-quote .block-content .quote-content .quote {
		font-size: 2rem;
	}
}

@media screen and (max-width: 800px) {
	.case-quote .block-content .quote-content .quote {
		font-size: 1.5rem;
	}
}

.case-quote .block-content .quote-content .quote-footer {
	display: flex;
}

.case-quote .block-content .quote-content .quote-footer .quote-image {
	flex: 0 0 56px;
	margin-right: 1.5rem;
}

.case-quote .block-content .quote-content .quote-footer .quote-image img {
	aspect-ratio: 56 / 80;
	object-fit: cover;
	border-radius: 25px;
}

.case-quote .block-content .quote-content .quote-footer .quote-author-container {
	flex: 1 1 100%;
	font-size: 18px;
}

@media screen and (max-width: 800px) {
	.case-quote .block-content .quote-content .quote-footer .quote-author-container {
		font-size: 14px;
	}
}

.case-quote .block-content .quote-content .quote-footer .quote-author-name {
	font-weight: 500;
}

.case-numbers {
	margin-bottom: 4rem;
	padding: 4rem 0 0 0;
}

@media screen and (max-width: 800px) {
	.case-numbers {
		padding: 0 6%;
	}
}

.case-numbers .block-content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 4rem;
}

@media screen and (max-width: 800px) {
	.case-numbers .block-content {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
}

.case-numbers .block-content .item {
	text-align: center;
}

.case-numbers .block-content .item .number {
	font-size: 48px;
	line-height: 1.25;
	font-weight: 500;
	color: #FB525D;
	margin-bottom: 0.75em;
}

.case-numbers .block-content .item .number.secondary-color {
	color: #9ad4d6;
}

.case-numbers .block-content .item .text {
	font-size: 24px;
	line-height: 1.6;
}

@media screen and (min-width: 800px) {
	#related-cases-slider {
		width: calc(100% + 5rem);
		position: relative;
		left: -2.5rem;
	}
	#related-cases-slider .splide__track {
		padding-left: 2.5rem !important;
	}
}

@media screen and (min-width: 1768px) {
	#related-cases-slider {
		width: 100vw;
		left: calc(((100vw - 1360px) / 2) * -1);
	}
	#related-cases-slider .splide__track {
		padding-left: calc((100vw - 1360px) / 2) !important;
	}
}

.related-posts {
	order: 6;
	margin-top: 5rem;
}

@media screen and (max-width: 800px) {
	.related-posts {
		margin-top: 2rem;
	}
}

.related-posts h3 {
	font-size: 24px;
}

.related-posts__header {
	margin-bottom: 3rem;
	display: flex;
	justify-content: space-between;
}

.related-posts__header h3 {
	margin: 0;
}

.related-posts .related-post {
	padding-right: 30px;
	width: 85% !important;
}

@media screen and (min-width: 800px) {
	.related-posts .related-post {
		width: 31% !important;
		max-width: 700px;
		padding-right: 2.5rem;
	}
}

.related-posts .related-post a {
	text-decoration: none;
}

.related-posts .related-post .related-post-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
	font-size: 10px;
}

.related-posts .related-post .related-post-header .category {
	font-weight: 500;
}

.related-posts .related-post .image-container {
	padding-top: 100%;
	position: relative;
}

.related-posts .related-post .image-container img {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.related-posts .related-post p {
	font-size: 12px;
}

@media screen and (max-width: 800px) {
	.related-posts .related-post {
		height: auto;
		width: 80vw;
		padding-right: 15px;
	}
	.related-posts .related-post img {
		width: 100%;
		height: unset;
		aspect-ratio: 9 / 10;
	}
}

.case-text {
	margin-bottom: 4rem;
	position: relative;
}

@media screen and (min-width: 800px) {
	.case-text {
		padding-left: 35%;
	}
}

.case-text.is-ingress .text-content {
	max-width: 860px;
	font-size: 1.5rem;
	line-height: 1.6;
}

@media screen and (max-width: 800px) {
	.case-text.is-ingress .text-content {
		font-size: 15px;
	}
}

.case-text.with-images .block-content {
	display: grid;
}

@media screen and (max-width: 1200px) {
	.case-text.with-images .block-content {
		gap: 2rem;
	}
}

@media screen and (max-width: 800px) {
	.case-text.with-images .block-content {
		grid-template-columns: 1fr;
		gap: 0rem;
	}
}

.case-text.with-images .block-content .image-content {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: max-content;
	gap: 2rem;
	padding-right: 3rem;
	margin-top: 7rem;
	position: absolute;
	left: 0;
	width: 35%;
}

@media screen and (max-width: 1200px) {
	.case-text.with-images .block-content .image-content {
		padding-right: 0;
		padding-left: 0;
		position: relative;
		width: 100%;
		margin-top: 0;
	}
}

.case-text.with-images .block-content .image-content img {
	width: 100%;
}

.case-text.with-images .block-content .image-content.square-images img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.case-text .text-content {
	max-width: 940px;
}

@media screen and (min-width: 800px) {
	.case-text h2 {
		position: absolute;
		left: 0;
		width: 35%;
		padding-right: 2rem;
		margin-top: 0;
		font-weight: 600;
		line-height: 1.2;
	}
	.case-text h2:not(:first-child) {
		margin-top: 3rem;
	}
	.case-text h2:not(:first-child) + * {
		padding-top: 3rem;
	}
}

.case-text h3 {
	font-size: 1.125rem;
	font-weight: 600;
}

.case-carousel {
	width: 100%;
	position: relative;
	margin-bottom: 6rem;
}

@media screen and (max-width: 800px) {
	.case-carousel {
		margin-bottom: 5rem;
	}
}

.case-carousel .slider {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 8;
	margin-bottom: 2.5rem;
}

.case-carousel .slider .slide {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	display: none;
}

.case-carousel .slider .slide.active {
	display: block;
}

.case-carousel .slider .slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.case-carousel .slider .controls {
	position: absolute;
	bottom: -2rem;
	left: 1rem;
}

.case-carousel .slider .controls .ball {
	height: 10px;
	display: inline-block;
	width: 10px;
	border: #141332 1px solid;
	border-radius: 20px;
	position: relative;
	top: -5px;
	margin-right: 5px;
}

.case-carousel .slider .controls .ball.active {
	width: 20px;
}

.case-carousel .slider .controls span {
	cursor: pointer;
}

.case-carousel .slider .controls .arrow-left {
	margin-left: 50px;
}

@media screen and (max-width: 1200px) {
	.case-carousel .slider .controls {
		left: 0px;
		top: auto;
		width: 100vw;
		padding: 0px 25px;
	}
	.case-carousel .slider .controls .arrow-left,
	.case-carousel .slider .controls .arrow-right {
		position: absolute;
		bottom: 3px;
		right: 65px;
	}
	.case-carousel .slider .controls .arrow-right {
		right: 25px;
	}
}

.case-app-demo {
	margin-bottom: 6rem;
}

.case-app-demo__bg {
	background-size: cover;
	background-position: center;
	padding: 3rem 0 0 7rem;
	overflow: hidden;
}

@media screen and (max-width: 600px) {
	.case-app-demo__bg {
		padding: 3rem 0 0 0;
		margin-left: auto;
		margin-right: auto;
	}
}

.case-app-demo__texts {
	text-align: center;
	width: 430px;
	position: relative;
}

@media screen and (max-width: 600px) {
	.case-app-demo__texts {
		width: 100%;
	}
}

.case-app-demo__texts.white {
	color: #fff;
}

.case-app-demo__texts__big-text {
	line-height: 1.25;
	font-size: 48px;
	margin-bottom: 20px;
	font-weight: 600;
	white-space: nowrap;
}

@media screen and (max-width: 600px) {
	.case-app-demo__texts__big-text {
		font-size: 35px;
		margin-bottom: 15px;
	}
}

.case-app-demo__texts__smaller-text {
	font-size: 1.25rem;
	font-weight: 400;
	max-width: 70%;
	margin: auto;
}

.case-app-demo__arrow {
	opacity: 0;
	height: 150px;
	width: 44px;
	position: absolute;
	right: 1rem;
	top: 100%;
	transition: 0.5s opacity;
}

.case-app-demo__arrow.in-view {
	opacity: 1;
	transition: 0s opacity;
}

.case-app-demo__phone {
	height: 868px;
	width: 428px;
	position: relative;
	z-index: 99;
	scale: 0.7;
	margin-top: -5rem;
	margin-bottom: -2rem;
	transform: translateY(10rem);
	transition: 3.5s 1s all cubic-bezier(0.15, 0.51, 0.22, 0.98);
}

@media screen and (max-width: 600px) {
	.case-app-demo__phone {
		scale: 0.625;
		transform-origin: left center;
		margin-left: calc((100vw - 267px) / 2);
		margin-top: -8rem;
		margin-bottom: -8rem;
		z-index: 1;
	}
}

.case-app-demo__phone.in-view {
	transform: translateY(0);
	transition: 0.5s all ease-out;
}

.case-app-demo__phone__inner {
	background: #010101;
	border: 1px solid #1b1721;
	border-radius: 48px;
	box-shadow: inset 0 0 4px 2px #c0b7cd, inset 0 0 0 6px #342c3f;
	height: 868px;
	padding: 19px;
	width: 428px;
	position: relative;
	z-index: 2;
}

.case-app-demo__phone__inner iframe {
	border-radius: 32px;
	height: 830px;
	width: 390px;
	background-color: #000;
	background-position: center center;
	background-size: cover;
	object-fit: cover;
	position: relative;
}

.case-app-demo__phone__hand {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 184%;
	max-width: unset;
	left: -69%;
}

.scroll-capture-slider {
	width: 100%;
	background-color: #D7EEFF;
}

@media screen and (min-width: 800px) {
	.scroll-capture-slider {
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
	}
}

.scroll-capture-slider .scs-slider-container {
	max-width: 100%;
	overflow-x: hidden;
	padding-left: 1.5rem;
	position: relative;
}

.scroll-capture-slider .scs-slider-container .scs-slider-track {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-top: 7rem;
}

@media screen and (min-width: 800px) {
	.scroll-capture-slider .scs-slider-container .scs-slider-track {
		flex-direction: row;
		gap: 2rem;
	}
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide {
	flex: 0 0 auto;
	width: 100%;
	position: relative;
}

@media screen and (min-width: 800px) {
	.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide {
		width: 25%;
	}
}

@media screen and (min-width: 1768px) {
	.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide {
		width: 29%;
	}
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide a {
	text-decoration: none;
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide a:hover h2 img {
	transform: translateX(0.4rem);
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide h2 {
	position: relative;
	padding-left: 3rem;
	font-size: 36px;
}

@media screen and (min-width: 1768px) {
	.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide h2 {
		font-size: 48px;
		padding-left: 4rem;
	}
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide h2 img {
	position: absolute;
	height: 2.5rem;
	width: auto;
	left: 0;
	top: 0.5rem;
	transition: 0.2s transform;
}

@media screen and (min-width: 1768px) {
	.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide h2 img {
		height: 3rem;
	}
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide p {
	padding-left: 3rem;
}

@media screen and (min-width: 1768px) {
	.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide p {
		padding-left: 4rem;
	}
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide .image-container {
	position: relative;
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide .image-container .background {
	position: absolute;
	inset: 0;
	background-color: #000;
	transition: opacity 0.45s;
	opacity: 0;
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide .image-container img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	position: relative;
	display: block;
	transition: opacity 0.45s;
}

@media screen and (min-width: 800px) {
	.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide .image-container img {
		max-height: 55vh;
	}
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide .image-container img.extra-image {
	position: absolute;
	height: 85%;
	width: auto;
	object-fit: contain;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	pointer-events: none;
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide .image-container.has-extra-image:hover .background {
	transition: opacity 0s;
	opacity: 1;
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide .image-container.has-extra-image:hover .main-image {
	opacity: 0.7;
}

.scroll-capture-slider .scs-slider-container .scs-slider-track .scs-slide .image-container.has-extra-image:hover .extra-image {
	opacity: 1;
}

.scroll-capture-slider.simpleworkslider {
	position: relative;
	height: unset;
	background-color: #fff;
	margin-top: 3rem;
}

@media screen and (min-width: 800px) {
	.scroll-capture-slider.simpleworkslider {
		margin-top: 6rem;
	}
}

.scroll-capture-slider.simpleworkslider .scs-slider-container .scs-slider-track {
	margin-top: 0;
	flex-direction: row;
}

.scroll-capture-slider.simpleworkslider .scs-slider-container .scs-slider-track .scs-slide {
	width: 45%;
}

@media screen and (min-width: 800px) {
	.scroll-capture-slider.simpleworkslider .scs-slider-container .scs-slider-track .scs-slide {
		width: 28%;
		max-width: 500px;
	}
}

.scroll-capture-slider.simpleworkslider .scs-slider-container .scs-slider-track .scs-slide img {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

@media screen and (max-width: 1200px) {
	.scroll-capture-slider.works {
		display: none;
	}
}

.scroll-capture-slider .scroll-prompt {
	position: absolute;
	top: 4.5rem;
	right: 2.5rem;
}

.works-mobile {
	background-color: #D7EEFF;
	padding: 140px 1rem 3rem 1rem;
}

@media screen and (min-width: 800px) {
	.works-mobile {
		padding: 140px 2.5rem 3rem 2.5rem;
	}
}

@media screen and (min-width: 1200px) {
	.works-mobile {
		display: none;
	}
}

.works-mobile h1 {
	font-size: calc(27 * (100vw - 2rem) / 100);
	margin: 0;
	line-height: 1;
}

.works-mobile h1.de {
	font-size: 60px;
}

.works-mobile h2 {
	display: flex;
}

.works-mobile h2 img {
	height: 1.4em;
	margin-right: 0.3em;
}

.works-mobile p {
	margin-top: 0;
}

.works-mobile .works-container {
	display: grid;
	gap: 3rem;
	margin-top: 3rem;
}

@media screen and (min-width: 800px) {
	.works-mobile .works-container {
		grid-template-columns: 1fr 1fr;
		gap: 3rem 2rem;
	}
}

.works-mobile .works-container .works-item a {
	text-decoration: none;
}

.works-mobile .works-container .works-item img {
	display: block;
	margin-bottom: 1rem;
}

.simplehero {
	margin-top: 100px;
}

@media screen and (min-width: 800px) {
	.simplehero {
		margin-top: 9rem;
	}
}

.simplehero .container {
	padding: 0;
}

.simplehero .content {
	display: flex;
	flex-direction: column-reverse;
	position: relative;
}

@media screen and (min-width: 800px) {
	.simplehero .content {
		grid-template-columns: 1fr 1fr;
		display: grid;
	}
}

.simplehero .content .left {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-left: 1rem;
	padding-right: 1rem;
	margin-top: 1.5rem;
}

@media screen and (min-width: 800px) {
	.simplehero .content .left {
		padding-left: 2.5rem;
		padding-right: 1.5rem;
		margin-top: 0;
		justify-content: space-between;
	}
}

.simplehero .content .left h1 {
	line-height: 1.2;
	margin: 0;
	animation-name: titleAnimationNonMain;
	animation-timing-function: ease;
	animation-duration: 0.6s;
	animation-delay: 0.2s;
	-webkit-animation-fill-mode: forwards;
	opacity: 0;
}

@media screen and (min-width: 800px) {
	.simplehero .content .left h1 {
		width: calc(100% + 40vw);
		max-width: 14ch;
		margin-bottom: 4rem;
	}
}

@media screen and (max-width: 800px) {
	.simplehero .content .left h1 {
		font-size: 48px;
	}
}

.simplehero .content .left div p {
	opacity: 0;
	animation-name: fadeIn;
	animation-timing-function: ease;
	animation-duration: 0.5s;
	animation-delay: 0.35s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.simplehero .content .left div p:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 1768px) {
	.simplehero .content .right {
		padding-right: 2.5rem;
	}
}

.simplehero .content .right img {
	width: 100%;
	object-fit: cover;
	display: block;
}

.simplehero .content .right img.contain {
	object-fit: contain;
}

@media screen and (min-width: 800px) {
	.simplehero .content .right img {
		height: calc(100vh - 10rem);
		min-height: 400px;
		max-height: 880px;
	}
}

.points-block {
	position: relative;
	background-color: #fff;
}

.points-block .container {
	background-size: contain;
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 7rem;
}

.points-block h2 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 0;
}

@media screen and (min-width: 800px) {
	.points-block h2 {
		font-size: 24px;
		margin-bottom: 3em;
	}
	.points-block h2.links-row-title {
		margin-bottom: 0.75em;
		margin-top: 1.5em;
	}
}

.points-block h3 {
	font-size: 18px;
	font-weight: 600;
	position: relative;
}

.points-block h3 div {
	margin-bottom: 0.5rem;
}

@media screen and (min-width: 800px) {
	.points-block h3 div {
		position: absolute;
		transform: translateX(-100%);
		left: -1em;
	}
}

.points-block .points-container {
	display: grid;
	gap: 3rem;
}

@media screen and (min-width: 800px) {
	.points-block .points-container {
		gap: 7rem;
	}
}

.points-block .points-section {
	display: flex;
	flex-direction: column;
}

@media screen and (min-width: 800px) {
	.points-block .points-section {
		flex-direction: row;
		align-items: center;
	}
}

.points-block .points-section .left {
	position: relative;
}

@media screen and (min-width: 800px) {
	.points-block .points-section .left {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

.points-block .points-section .left img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

@media screen and (min-width: 800px) {
	.points-block .points-section .left img {
		min-height: 1054px;
	}
}

@media screen and (min-width: 1768px) {
	.points-block .points-section .left img {
		width: calc(100% - 2.5rem);
		left: 2.5rem;
	}
}

.points-block .points-section .right {
	padding-left: 1rem;
	padding-right: 1rem;
	margin-top: 3rem;
}

@media screen and (min-width: 800px) {
	.points-block .points-section .right {
		flex: 0 0 50%;
		max-width: 50%;
		padding-left: 7rem;
		padding-right: 2.5rem;
		margin-top: 0;
	}
}

@media screen and (min-width: 800px) {
	.points-block .points-section .right.spaced {
		padding-top: 9rem;
		padding-bottom: 9rem;
	}
}

@media screen and (min-width: 800px) {
	.points-block .points-section:nth-child(even) {
		flex-direction: row-reverse;
	}
}

@media screen and (min-width: 1768px) {
	.points-block .points-section:nth-child(even) .left img {
		right: 2.5rem;
		left: unset;
	}
}

.points-block .points-content {
	display: grid;
	gap: 1rem;
}

@media screen and (min-width: 800px) {
	.points-block .points-content {
		gap: 3rem;
	}
}

.points-block .link-rows .link-row {
	display: flex;
	gap: 1.5rem;
	text-decoration: none;
	padding: 1rem 0;
	border-bottom: 1px solid #ccc;
}

.points-block .link-rows .link-row__left {
	flex: 0 0 34%;
	max-width: 34%;
	font-weight: 600;
}

@media screen and (min-width: 800px) {
	.points-block .link-rows .link-row__left {
		flex: 0 0 9rem;
		max-width: 9rem;
		font-size: 1.125rem;
	}
}

.points-block .link-rows .link-row a {
	color: #33A6B8;
}

.points-block .cta-container {
	margin-top: 2rem;
}

@media screen and (min-width: 800px) {
	.points-block .cta-container {
		margin-top: 3.5rem;
	}
}

.pointshero {
	padding-top: 6rem;
	background-color: #FEF9F9;
}

.pointshero p, .pointshero h3 {
	opacity: 0;
	animation-name: fadeIn;
	animation-timing-function: ease;
	animation-duration: 0.5s;
	animation-delay: 0.35s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.pointshero .points-header {
	display: grid;
	margin-bottom: 3rem;
	padding: 0 1rem;
}

@media screen and (min-width: 800px) {
	.pointshero .points-header {
		grid-template-columns: 1fr 1fr;
		align-items: flex-end;
		padding: 0;
		margin-bottom: 4rem;
	}
}

@media screen and (min-width: 800px) {
	.pointshero .points-header .left {
		padding-left: 2.5rem;
	}
}

.pointshero .points-header .left h1 {
	font-size: calc(18 * (100vw - 2rem) / 100);
	animation-name: titleAnimationNonMain;
	animation-timing-function: ease;
	animation-duration: 0.6s;
	animation-delay: 0.2s;
	-webkit-animation-fill-mode: forwards;
	opacity: 0;
}

@media screen and (min-width: 800px) {
	.pointshero .points-header .left h1 {
		font-size: calc(min(9.8vw, 141px));
		-webkit-text-stroke-width: 2px;
		margin: 0;
		line-height: 1;
		animation-name: titleAnimation;
	}
}

@media screen and (min-width: 800px) {
	.pointshero .points-header .right {
		padding-left: 7rem;
		padding-right: 2.5rem;
	}
}

.pointshero .points-header .right p:last-child {
	margin-bottom: 0;
}

.pointshero .points-section {
	display: flex;
	flex-direction: column;
}

@media screen and (min-width: 800px) {
	.pointshero .points-section {
		flex-direction: row;
		align-items: center;
	}
}

.pointshero .points-section h3 {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	margin-top: 0;
	margin-bottom: 2em;
	position: relative;
	transform: translateX(2em);
}

@media screen and (min-width: 800px) {
	.pointshero .points-section h3 {
		transform: translateX(0);
	}
}

.pointshero .points-section h3::after {
	content: "";
	display: block;
	position: absolute;
	background-color: black;
	height: 1px;
	bottom: -0.25em;
	left: 0;
	width: 100%;
	transition: 0.2s transform;
	transform-origin: right center;
	transform: scaleX(1);
}

.pointshero .points-section h3 div {
	margin-bottom: 0.5rem;
	position: absolute;
	left: -2em;
}

@media screen and (min-width: 800px) {
	.pointshero .points-section h3 div {
		transform: translateX(-100%);
		left: -0.75em;
		margin-bottom: 0;
	}
}

.pointshero .points-section h3 img {
	width: auto;
	height: 1.5em;
	transition: 0.2s transform;
}

.pointshero .points-section a {
	text-decoration: none;
}

@media screen and (max-width: 800px) {
	.pointshero .points-section a {
		display: inline-block;
		transform: translateX(2rem);
	}
	.pointshero .points-section a.button {
		transform: translateX(0);
	}
}

.pointshero .points-section a:hover h3::after {
	transform: scaleX(0);
}

.pointshero .points-section a:hover h3 img {
	transform: translateX(0.5em);
}

.pointshero .points-section .left {
	position: relative;
}

@media screen and (min-width: 800px) {
	.pointshero .points-section .left {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

.pointshero .points-section .left img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.pointshero .points-section .right {
	padding: 2rem 1rem 0 1rem;
	position: relative;
}

@media screen and (min-width: 800px) {
	.pointshero .points-section .right {
		flex: 0 0 50%;
		max-width: 50%;
		padding: 2rem 2.5rem 2rem 7rem;
	}
}

.pointshero .points-section .right .cta-container {
	margin-top: 3rem;
}

.pointshero .points-section .right .scroll-prompt {
	position: absolute;
	bottom: 0;
	right: 2.5rem;
	display: none;
}

@media screen and (min-width: 800px) {
	.pointshero .points-section .right .scroll-prompt {
		display: block;
	}
}

.pointshero .points-content {
	display: grid;
	gap: 2rem;
}

@media screen and (min-width: 800px) {
	.pointshero .points-content {
		gap: 3rem;
	}
}

.simpleworkscrollcarousel {
	padding: 3rem 0 0 0;
}

@media screen and (min-width: 800px) {
	.simpleworkscrollcarousel {
		padding: 6rem 0 3rem 0;
	}
}

.simpleworkscrollcarousel .scroll-carousel-slide {
	width: 45vw;
	padding: 0 0.25rem;
	height: 100%;
}

@media screen and (min-width: 800px) {
	.simpleworkscrollcarousel .scroll-carousel-slide {
		width: calc(min(38vw, 500px));
		padding: 0 0.75rem;
	}
}

.simpleworkscrollcarousel .scroll-carousel-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.case-facts {
	margin: 3rem 0;
}

@media screen and (min-width: 800px) {
	.case-facts {
		margin: 4rem 0;
	}
}

.case-facts .block-content {
	padding: 0 1rem;
}

@media screen and (min-width: 800px) {
	.case-facts .block-content {
		padding: 0 0 0 35%;
	}
}

.case-facts .block-content .fact-row {
	display: flex;
	flex-direction: column;
	padding: 1rem 0;
	border-bottom: 1px solid #ccc;
}

@media screen and (min-width: 800px) {
	.case-facts .block-content .fact-row {
		flex-direction: row;
	}
}

.case-facts .block-content .fact-row:first-child {
	border-top: 1px solid #ccc;
}

.case-facts .block-content .fact-row__title {
	font-weight: 600;
	margin-bottom: 0.5rem;
}

@media screen and (min-width: 800px) {
	.case-facts .block-content .fact-row__title {
		flex: 0 0 30%;
		max-width: 30%;
		font-size: 1.125rem;
		margin-bottom: 0;
	}
}

.case-facts .block-content .fact-row__text {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

@media screen and (min-width: 800px) {
	.case-facts .block-content .fact-row__text {
		gap: 0.75rem;
		text-align: right;
		flex: 0 0 70%;
		max-width: 70%;
	}
}

.case-facts .block-content .fact-row__text p {
	margin: 0 !important;
	padding: 0 !important;
}

#workpagetitle {
	margin-top: 225px;
	margin-bottom: 110px;
	padding-left: 50px;
}

@media screen and (max-width: 800px) {
	#workpagetitle {
		margin-top: 155px;
		margin-bottom: 40px;
		padding-left: 1.25rem;
		font-size: 48px;
	}
}

div.workintro {
	vertical-align: top;
	display: inline-block;
	width: 390px;
	padding: 0px 50px 50px 50px;
}

div.workintro p {
	margin: 0px;
	padding: 0px;
}

div.workintro .entry-header {
	display: none;
}

div.workintro .entry-content {
	margin: 0px;
}

div.work-examples {
	display: inline-block;
	width: 1040px;
}

div.work-examples .example {
	display: inline-block;
	width: 517px;
	padding-bottom: 80px;
	vertical-align: top;
}

div.work-examples .example:hover {
	opacity: 0.9;
}

div.work-examples .example img {
	width: 466px;
	height: 617px;
	margin-top: 15px;
}

div.work-examples .example p, div.work-examples .example h4, div.work-examples .example span, div.work-examples .example h6 {
	max-width: 466px;
	display: block;
	text-decoration: none;
}

div.work-examples .example a {
	text-decoration: none;
}

div.work-examples .example span {
	font-size: 10px;
	font-weight: 500;
}

div.work-examples .example h4 {
	font-weight: 700;
	font-size: 15px;
	margin: 16px 0px;
}

div.work-examples .example h6 {
	margin: 16px 0px;
}

div.work-examples .example p {
	font-size: 12px;
	line-height: 1.5;
}

div.work-examples .example .date {
	float: right;
	margin-right: 50px;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.sticky-activated {
	position: sticky;
	margin-bottom: 80px;
	margin-top: -0.5px;
}

.sticky-activated:last-child {
	margin-bottom: 0;
}

.animate-text {
	opacity: 1;
	transform: translateY(0);
	transition: 0.6s opacity, 0.6s transform;
}

.animate-text.animate {
	opacity: 0;
	transform: translateY(6rem);
}

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