@charset "UTF-8";
/*
Theme Name: Brave
Description: Thème du site Brave
Author: -
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}
a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "“" "”" "‘" "’";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

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

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 15px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 15px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 15px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* 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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

html.lenis,
html.lenis body {
    height: auto;
}

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

.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
}

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

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

@font-face {
    font-family: "At King";
    src:
        url("./fonts/atking/brave-kingking-light.woff2") format("woff2"),
        url("./fonts/atking/brave-kingking-light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "At King";
    src:
        url("./fonts/atking/brave-kingking-book.woff2") format("woff2"),
        url("./fonts/atking/brave-kingking-book.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Dazzed";
    src:
        url("./fonts/dazzed/dazzed-medium-webfont.woff2") format("woff2"),
        url("./fonts/dazzed/dazzed-medium-webfont.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Dazzed";
    src:
        url("./fonts/dazzed/dazzed-regular-webfont.woff2") format("woff2"),
        url("./fonts/dazzed/dazzed-regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
html {
    font-size: 62.5%;
}

body {
    color: #000;
    font-size: max(1.2rem, 0.75vw);
    font-weight: 400;
    background-color: #eae6e3;
    font-family: "Dazzed", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

img::-moz-selection,
video::-moz-selection,
iframe::-moz-selection,
embed::-moz-selection,
picture::-moz-selection {
    background-color: transparent;
}

img::selection,
video::selection,
iframe::selection,
embed::selection,
picture::selection {
    background-color: transparent;
}

img {
    height: auto;
}

.no-scroll {
    overflow: hidden;
}

.no-bounds-margins > :first-child {
    margin-top: 0;
}

.no-bounds-margins > :last-child {
    margin-bottom: 0;
}

.no-transition {
    -webkit-transition: none !important;
    transition: none !important;
}

@media screen and (min-width: 768px) {
    body {
        padding-top: max(93px, 9.8vw);
    }
    body.single-project {
        padding-top: max(93px, 11.6vw);
    }
}
.ff-primary {
    font-family: "Dazzed", sans-serif;
}

.ff-secondary {
    font-family: "At King", serif;
}

.fw-300 {
    font-weight: 300;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fs-2 {
    font-size: max(2.4rem, 2.2222222222vw);
}

.fs-3 {
    font-size: max(2.4rem, 3vw);
}

.fs-4 {
    font-size: max(1.8rem, 1.6666666667vw);
}

.fs-5 {
    font-size: max(4.8rem, 5vw);
}

.fs-6 {
    font-size: max(1.2rem, 0.8vw);
    line-height: 1.4;
}

.fs-7 {
    font-size: max(1.5rem, 1.64vw);
}

.fs-8 {
    font-size: max(5.4rem, 10vw);
}

.fs-9 {
    font-size: max(1.2rem, 2.7vw);
}

.fs-10 {
    font-size: max(0.8rem, 2vw);
}

.fs-11 {
    font-size: max(1.2rem, 1.25vw);
    line-height: 1.35;
}

.fs-12 {
    font-size: max(4rem, 10vw);
}

.fs-13 {
    font-size: max(2.8rem, 2.7vw);
}

.fs-14 {
    font-size: max(2.8rem, 2.6vw);
}

.fs-15 {
    font-size: max(1.8rem, 2vw);
}

.fs-16 {
    font-size: max(1.8rem, 1.2vw);
}

.fs-17 {
    font-size: max(3.2rem, 6.05vw);
}

.fs-18 {
    font-size: max(2.8rem, 2.66vw);
}

.fs-19 {
    font-size: max(1.8rem, 2.3vw);
}

.fs-20 {
    font-size: max(2rem, 2.7vw);
}

.fs-21 {
    font-size: max(0.8rem, 1.11vw);
}

.fs-22 {
    font-size: max(6rem, 5.9722222222vw);
}

.fs-23 {
    font-size: max(1.6rem, 1.59vw);
    line-height: 1.2;
}

.fs-24 {
    font-size: max(1.4rem, 1.95vw);
    line-height: 1.35;
}

.fs-25 {
    font-size: max(5.4rem, 6.6666666667vw);
    line-height: 0.89;
}

.fs-26 {
    font-size: max(0.8rem, 0.9722222222vw);
    line-height: 1.5714285714;
}

.fs-27 {
    font-size: max(1.6rem, 1.1vw);
}

.fs-28 {
    font-size: max(1.2rem, 1.11111vw);
    line-height: 1.36;
}

.fs-29 {
    font-size: max(0.8rem, 0.838vw);
}

.fs-30 {
    font-size: max(1.8rem, 1.065vw);
}

.fs-31 {
    font-size: max(1.8rem, 3.065vw);
}

.fs-32 {
    font-size: max(8.6rem, 7.95vw);
}

.fs-33 {
    font-size: max(1.6rem, 1.65vw);
    line-height: 1.12;
}

.fs-34 {
    font-size: max(1.8rem, 1.85vw);
}

.fs-35 {
    font-size: max(1.6rem, 1.25vw);
}

.fs-36 {
    font-size: max(1.4rem, 1.3888888889vw);
    line-height: 1.3;
}

.fs-37 {
    font-size: max(2.4rem, 2.23vw);
}

.fs-38 {
    font-size: max(6.8rem, 11.1111111111vw);
}

.fs-39 {
    font-size: max(0.8rem, 0.83vw);
}

.fs-40 {
    font-size: max(5.9rem, 11.2vw);
}

.fs-41 {
    font-size: max(10rem, 16.6666666667vw);
}

.fs-42 {
    font-size: max(2.8rem, 2.57vw);
}

.fs-43 {
    font-size: max(2.4rem, 1.95vw);
}

.fs-44 {
    font-size: max(3.8rem, 4.585vw);
}

.fs-45 {
    font-size: max(5.4rem, min(9.31vw, 22dvh));
}

.fs-46 {
    font-size: max(4.8rem, 5.97vw);
}

@media screen and (max-width: 389px) {
    .fs-41 {
        font-size: max(8rem, 16.7vw);
    }
}
.tc-white {
    color: #fff;
}

.tc-grey {
    color: #9e9e9e;
}

.tc-light-grey3 {
    color: #ededed;
}

.tc-light-grey4 {
    color: #eae6e3;
}

.tc-black {
    color: #000;
}

.tc-red {
    color: #ff1d21;
}

.tc-dark-red {
    color: #43040c;
}

.tc-blue {
    color: #596aff;
}

.tc-blue2 {
    color: #00057d;
}

.tc-dark-blue {
    color: #00057d;
}

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

.td-underline {
    text-underline-offset: max(3px, 0.3vw);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: max(0.02rem, 0.15vw);
}

.td-underline--thin {
    text-decoration-thickness: 0.1rem;
}

.split-heading {
    line-height: 0.995;
}

.split-heading__underline {
    font-size: 42.85714286%;
    vertical-align: top;
    display: inline-block;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
}

.split-heading__underline::after {
    width: 100%;
    height: 1px;
    content: "";
    vertical-align: top;
    display: inline-block;
    background-color: currentColor;
    scale: 0 1;
    -webkit-transition: scale 1s;
    transition: scale 1s;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.split-heading--completed .split-heading__underline::after {
    scale: 1 1;
}

.visually-hidden {
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}

.d-none {
    display: none;
}

.d-block {
    display: block;
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (min-width: 620px) {
    .d-block-xs {
        display: block;
    }
    .d-flex-xs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .d-iflex-xs {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .d-none-xs {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .d-block-s {
        display: block;
    }
    .d-flex-s {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .d-iflex-s {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .d-none-s {
        display: none;
    }
}
@media screen and (min-width: 992px) {
    .d-block-m {
        display: block;
    }
    .d-flex-m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .d-iflex-m {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .d-none-m {
        display: none;
    }
}
@media screen and (min-width: 1024px) {
    .d-block-m2 {
        display: block;
    }
    .d-iblock-m2 {
        display: inline-block;
    }
    .d-flex-m2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .d-iflex-m2 {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .d-none-m2 {
        display: none;
    }
}
@media screen and (min-width: 1200px) {
    .d-block-l {
        display: block;
    }
    .d-flex-l {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .d-none-l {
        display: none;
    }
}
.unstyled-list {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.container {
    width: 90%;
    margin: auto;
}

.container--small {
    width: 84.351282%;
}

.container--large {
    width: 94.35897436vw;
}

.container--no-max {
    max-width: none;
}

@media screen and (max-width: 991px) {
    .container--large {
        width: calc(100% - max(20px, 2vw));
    }
}
@media screen and (min-width: 620px) {
    .container--small {
        width: 90%;
    }
}
@media screen and (min-width: 992px) {
    .container--small {
        width: 76.688889%;
    }
}
.bgc-blue {
    background-color: #00057d;
}

.bgc-white {
    background-color: #fff;
}

.bgc-black {
    background-color: #000;
}

.bgc-white-transparent {
    background-color: rgba(255, 255, 255, 0.96);
}

.bgc-light-grey {
    background-color: #fafafa;
}

.bgc-light-grey2 {
    background-color: #f1f1f1;
}

.bgc-light-grey4 {
    background-color: #eae6e3;
}

.bgc-medium-grey {
    background-color: #dfdfdf;
}

.bgc-grey {
    background-color: #9e9e9e;
}

.bgc-dark-red {
    background-color: #43040c;
}

button {
    border: 0;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
    padding: 0;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.button {
    text-align: center;
    border: 1px solid;
    border-radius: 3em;
    display: inline-block;
    padding: 0.6em 1.1em 0.4em;
    -webkit-transition:
        background-color 0.3s,
        border-color 0.3s,
        color 0.3s;
    transition:
        background-color 0.3s,
        border-color 0.3s,
        color 0.3s;
}

.button--big {
    padding: 0.42em 1.1em 0.3em;
}

.no-touch .button--blue:hover {
    color: #fff;
    border-color: #000;
    background-color: #00057d;
}

.no-touch .button--grey:hover {
    color: #000;
    border-color: #000;
    background-color: #d9d9d9;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

a:focus {
    outline: none;
}

.no-touch .link--blue:hover,
.link--blue.link--active,
.link--black-alt.link--active {
    color: #00057d;
}

.no-touch .link--light-blue:hover,
.link--light-blue.link--active {
    color: #596aff;
}

.no-touch .link--white:hover,
.link--white.link--active {
    color: #fff;
}

.no-touch .link--grey:hover,
.link--grey.link--active {
    color: #9e9e9e;
}

.no-touch .link--black-alt:hover {
    color: #000;
}

.link--with-underline {
    -webkit-text-decoration: 1px underline;
    text-decoration: 1px underline;
    text-underline-offset: 0.2vw;
}

.site-header {
    padding: 34px 0 10px;
}

.home .site-header {
    padding: 0;
}

.site-header__container {
    position: relative;
}

#menu-toggler {
    width: max(36px, 3.77vw);
    height: max(36px, 3.77vw);
    cursor: pointer;
    position: fixed;
    top: 11px;
    right: 10px;
    z-index: 99;
    z-index: 103;
}

.no-touch #menu-toggler:hover path:not(.menu-toggler__line) {
    fill: #00057d;
}

#menu-toggler.menu-toggler--hide {
    cursor: default;
    pointer-events: none;
}

#menu-toggler svg {
    width: 100%;
    height: auto;
    -webkit-transition: opacity 0.3s 0.5s;
    transition: opacity 0.3s 0.5s;
}

#menu-toggler path {
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
}

.menu-opened #menu-toggler svg {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

#menu-toggler::after {
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background-color: #00057d;
    pointer-events: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition:
        transform 0.5s,
        -webkit-transform 0.5s;
}

.menu-opened #menu-toggler::after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform 0.65s;
    transition: -webkit-transform 0.65s;
    transition: transform 0.65s;
    transition:
        transform 0.65s,
        -webkit-transform 0.65s;
}

/*.menu-opened #menu-toggler > div:nth-child(1) {
    transform: translateX(-50%) translateY(3px) rotate(-45deg);
}
.menu-opened #menu-toggler > div:nth-child(2) {
    background-color: $blue;

    transition: transform 0.5s, background-color 0.3s;
}
.menu-opened #menu-toggler > div:nth-child(3) {
    transform: translateX(-50%) translateY(-3px) rotate(45deg);
}*/
#menu-close {
    width: max(36px, 3.77vw);
    height: max(36px, 3.77vw);
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 24px;
    right: 10px;
    z-index: 105;
    -webkit-transition:
        opacity 0.2s,
        visibility 0s 0.2s;
    transition:
        opacity 0.2s,
        visibility 0s 0.2s;
}

.menu-opened #menu-close {
    opacity: 1;
    visibility: visible;
    cursor: pointer;
    -webkit-transition:
        opacity 0.3s 0.3s,
        visibility 0s;
    transition:
        opacity 0.3s 0.3s,
        visibility 0s;
}

#menu-close > div {
    width: 100%;
    height: 2px;
    background-color: #596aff;
    position: absolute;
    top: 12px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#menu-close > div:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#menu-close > div:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.no-touch .menu-opened #menu-close:hover > div {
    background-color: #fff;
}

.site-header__menu {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: none;
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 99;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.menu-opened .site-header__menu {
    text-align: center;
    pointer-events: all;
    z-index: 104;
}

.menu-opened #main-menu-alt {
    visibility: hidden;
}

.site-header__menu li {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
}

.site-header__menu .current-menu-item a {
    color: #9e9e9e;
}

.site-header__logo svg {
    width: 100%;
    height: auto;
}

.no-touch .site-header__logo .site-header__logo-bg {
    -webkit-transition:
        fill 0.3s,
        stroke 0.3s;
    transition:
        fill 0.3s,
        stroke 0.3s;
}

.no-touch .site-header__logo:hover .site-header__logo-part {
    fill: #596aff;
}

.site-header__location {
    position: absolute;
    top: max(10px, 2.625vw);
    left: 28.038052%;
    z-index: 102;
}

.site-header__social-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px;
}

.site-header__social-menu a:first-child,
.site-header__social-menu-logo-wrapper {
    width: 100%;
}

.site-header__social-menu-logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}

.site-header__social-menu-logo {
    width: max(76px, 5.555555556vw);
}

@media screen and (min-width: 768px) {
    .site-header {
        width: 94.6%;
        position: absolute;
        top: 2.2vw;
        left: 2.7vw;
        z-index: 99;
        margin: 0;
        padding: 0;
        -webkit-transition: -webkit-transform 0.35s;
        transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        transition:
            transform 0.35s,
            -webkit-transform 0.35s;
    }
    .menu-opened .site-header {
        width: 100%;
        max-height: 100vh;
        overflow: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 104;
        padding: 2.2vw 2.7vw;
    }
    .site-header__container {
        width: calc(100% - 70px);
        max-width: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
    }
    .menu-opened .site-header__container {
        height: 90vh;
    }
    .site-header__logo {
        width: max(25px, 2.7vw);
        position: absolute;
        top: 62%;
        left: -10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .site-header__logo--desktop {
        position: absolute;
        top: max(9px, 0.5vw);
        left: 5.7%;
        z-index: 102;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
        -webkit-transition: -webkit-transform 0.35s;
        transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        transition:
            transform 0.35s,
            -webkit-transform 0.35s;
    }
    .site-header__menu {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        pointer-events: all;
        gap: 1.6vw;
        font-size: 1.15vw;
        position: static;
        -webkit-transform: none;
        transform: none;
    }
    .site-header__menu:not(.site-header__menu--alt) {
        visibility: hidden;
    }
    .site-header__menu--alt {
        width: 90.7%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: absolute;
        right: 4.7%;
        left: auto;
        top: max(10px, 2.625vw);
        z-index: 101;
        -webkit-transition: -webkit-transform 0.35s;
        transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        transition:
            transform 0.35s,
            -webkit-transform 0.35s;
    }
    .site-header__menu--alt .menu-item a {
        display: inline-block;
        -webkit-transition: -webkit-transform 0.35s;
        transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        transition:
            transform 0.35s,
            -webkit-transform 0.35s;
    }
    .site-header__menu--alt .menu-item a::after {
        width: 100%;
        height: 1px;
        content: "";
        display: block;
        background-color: currentColor;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition: -webkit-transform 0.35s;
        transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        transition:
            transform 0.35s,
            -webkit-transform 0.35s;
    }
    .no-touch .site-header__menu--alt .menu-item a:hover {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
    .no-touch .site-header__menu--alt .menu-item a:hover::after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    .site-header__menu--alt .current-menu-item a {
        color: #00057d;
    }
    #main-menu {
        width: 50%;
        min-width: 384px;
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
        visibility: visible;
        gap: 0;
        padding: 2.2vw 0;
    }
    .menu-opened #main-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    #main-menu-alt li {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
    .site-header__social-menu {
        height: calc(100vh - 4.4vw);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: fixed;
        left: 2.7vw;
        top: 2.2vw;
        margin-top: 0;
    }
    .site-header__social-menu-logo-wrapper {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin-top: 0;
    }
    .site-header__contact-email {
        margin-top: 2vw;
    }
    #menu-toggler {
        top: 2.1vw;
        right: 2.9%;
    }
    #menu-toggler.menu-toggler--hide svg {
        opacity: 0;
        -webkit-transition: opacity 0.1s;
        transition: opacity 0.1s;
    }
    #menu-close {
        top: 2.1vw;
        right: 2.9%;
    }
    #menu-close > div {
        top: 28px;
    }
}
@media screen and (min-width: 1024px) {
    .site-header__logo--desktop,
    .site-header__location,
    .site-header__menu--alt {
        opacity: 0;
    }
    .main-menu__sentence {
        vertical-align: top;
        display: inline-block;
        margin-left: 20px;
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
    }
}
@media screen and (max-width: 767px) and (max-height: 710px) {
    #main-menu {
        max-height: calc(100vh - 10vw);
        overflow: auto;
        top: 0;
        padding: 5vw 0;
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1074/567) {
    .site-header__container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media screen and (min-width: 1350px) {
    #main-menu {
        width: 38.5%;
    }
}
.page-head {
    margin-bottom: max(30px, 6.6vw);
    padding-top: 0;
}

.page-head__title {
    margin: 0;
}

.page-template-projects-page-template .page-head {
    margin-bottom: max(30px, 12.9vw);
}

.page-template-projects-page-template .page-head__title {
    margin-bottom: max(30px, 4.5vw);
}

.footer-wrapper {
    width: calc(100% - max(20px, 2vw));
}

.footer {
    color: #596aff;
    border-radius: 0 0 max(13px, 2vw) max(13px, 2vw);
    margin: 0 0 max(13px, 1vw);
}

.footer .fs-9 {
    display: block;
    line-height: 1.1428571429;
}

.footer-bottom-area-border {
    margin: max(29px, 14vw) auto -1px;
}

.home .footer-bottom-area-border {
    margin: max(29px, 19vw) auto -1px;
}

.page-template-contact-page-template .footer-bottom-area-border {
    margin: max(18px, 0.5vw) auto -1px;
}

.footer__container {
    display: grid;
    grid-template-columns: 1fr -webkit-min-content -webkit-min-content;
    grid-template-columns: 1fr min-content min-content;
    grid-gap: max(43px, 6vw) max(20px, 6vw);
    padding: max(3px, 3vw) 0 max(11px, 3.5vw);
}

.footer__email {
    grid-row: 1;
    grid-column: 1/-1;
}

.footer__email .copy-link--without-svg:hover > .copy-link__legend,
.footer__email
    .copy-link--without-svg.copy-link--active:hover
    > .copy-link__legend {
    color: #00057d;
    background-color: #fff;
}

.footer__email .link--with-underline {
    text-underline-offset: 0.5vw;
    -webkit-text-decoration: underline max(1px, 0.125vw);
    text-decoration: underline max(1px, 0.125vw);
}

.footer__column:nth-child(1 of .footer__column) {
    grid-row: 2;
    grid-column: 1;
}

.footer__column:nth-child(2 of .footer__column) {
    grid-row: 2;
    grid-column: 2;
}

.footer__column:nth-child(3 of .footer__column) {
    grid-row: 2;
    grid-column: 3;
    justify-self: flex-end;
}

.footer__column-title {
    margin-bottom: 13px;
}

.footer__column li:not(:first-child) {
    margin-top: max(5px, 0.46vw);
}

.footer__logo {
    width: max(46px, 44.31vw);
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.footer__logo > svg {
    width: 100%;
    height: auto;
}

.no-touch .footer__logo path {
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
}

.no-touch .footer__logo:hover path {
    fill: #9e9e9e;
}

.no-touch
    .footer__column
    .copy-link--alt.copy-link--without-svg:hover
    > .copy-link__legend {
    color: #00057d;
    background-color: #fff;
}

.footer__column
    .copy-link--alt.copy-link--without-svg
    .copy-link__legend:empty {
    opacity: 0;
}

.footer__back2top {
    grid-row: 3;
    grid-column: 2/4;
    justify-self: flex-end;
}

.footer_copyright {
    grid-row: 3;
    grid-column: 2/4;
    align-self: flex-end;
    justify-self: flex-end;
}

@media screen and (max-width: 991px) {
    .footer__logo {
        width: 100%;
        grid-column: 1/-1;
        margin-top: calc(max(43px, 6vw) / 2 * -1);
    }
    .footer_copyright {
        grid-column: 1;
        justify-self: flex-start;
    }
}
@media screen and (min-width: 992px) {
    .footer {
        aspect-ratio: 2.39;
    }
    .footer__container {
        width: 92%;
        height: 100%;
        grid-template-columns: auto max(
                87px,
                22vw
            ) -webkit-min-content -webkit-min-content;
        grid-template-columns: auto max(87px, 22vw) min-content min-content;
        grid-gap: 0 max(10px, 7vw);
        position: relative;
        padding: max(3px, 0.9vw) 0 max(11px, 2.4vw);
    }
    #footer-menu-1 .fs-9 {
        font-size: max(1.2rem, 1.6vw);
    }
    .footer__column:nth-child(1 of .footer__column) {
        grid-row: 1;
        grid-column: 1/3;
        justify-self: flex-end;
        margin-left: 0;
    }
    .footer__column:nth-child(2 of .footer__column) {
        grid-row: 1;
        grid-column: 3;
    }
    .footer__column:nth-child(3 of .footer__column) {
        grid-row: 1;
        grid-column: 4;
        justify-self: flex-end;
        margin-right: 0;
    }
    .footer__column-title {
        margin-bottom: 25px;
    }
    .footer__logo {
        position: absolute;
        bottom: max(11px, 2.4vw);
        left: 0;
    }
    .footer__back2top,
    .footer_copyright {
        font-size: max(1.2rem, 0.83vw);
    }
    .footer__back2top {
        grid-column: 2;
        grid-row: 2;
        align-self: flex-end;
        margin-right: 11%;
    }
    .footer_copyright {
        grid-column: 3/5;
        grid-row: 2;
        align-self: flex-end;
        justify-self: flex-end;
    }
}
.projects-list__head-wrapper {
    margin-top: 40px;
}

.projects-list-filters {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(16px, 1.2vw) max(24px, 2.7vw);
}

.projects-list-filters__filter--active {
    -webkit-text-decoration: max(1px, 0.125vw) underline;
    text-decoration: max(1px, 0.125vw) underline;
    text-underline-offset: 0.5vw;
}

.projects-categories__list-item {
    white-space: nowrap;
}

.projects-categories__category-link {
    position: relative;
}

.projects-categories__category-link sup {
    position: absolute;
}

@media screen and (min-width: 1024px) {
    .projects-list__head-wrapper {
        width: 67%;
        margin-top: 0;
    }
    .projects-list-filters {
        width: 83%;
    }
}
@media screen and (min-width: 1200px) {
    .projects-list__head-wrapper {
        width: 82%;
    }
}
.projects-list {
    margin-top: 0;
    padding-bottom: max(60px, 10vw);
}

.projects-list__item,
.projects-list__column-sizer {
    width: 100%;
}

.projects-list__item {
    margin-bottom: max(27px, 8.4vw);
}

.projects-list__item:nth-last-child(-n + 1 of .projects-list__item) {
    margin-bottom: 0;
}

.project-item__background {
    overflow: hidden;
    border-radius: max(6px, 0.4166666667vw);
    aspect-ratio: 412/233;
    background: #ccc;
    position: relative;
}

.project-item__background img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.project-item__background video {
    width: 101%;
    height: 101%;
    max-width: none;
    opacity: 0;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    aspect-ratio: inherit;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
}

.no-touch .projects-list__item:hover .project-item__background video {
    opacity: 1;
}

.project-item__infos {
    margin-top: max(14px, 1.6vw);
}

@media screen and (min-width: 580px) {
    .projects-list__item,
    .projects-list__column-sizer {
        width: calc(50% - max(16px, 1.088889vw));
    }
    .projects-list__gutter-sizer {
        width: max(16px, 1.088889vw);
    }
    .projects-list__item:nth-last-child(-n + 2 of .projects-list__item) {
        margin-bottom: 0;
    }
    .projects-list__item:nth-child(6n + 4 of .projects-list__item)
        .project-item__background,
    .projects-list__item:nth-child(6n + 5 of .projects-list__item)
        .project-item__background {
        aspect-ratio: 412/362;
    }
}
.video-container {
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
}

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

.banner {
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    font-size: max(0.6rem, 1vw);
    position: relative;
}

.banner__container {
    padding: 5.616667vw 0 7.2vw;
}

.banner--no-bottom-border .banner__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    aspect-ratio: 6.2/1.3;
    padding: 5.833333334% 0 2.916666667%;
}

.banner__border {
    width: 100%;
    position: absolute;
    z-index: 2;
}

.banner__border--top {
    top: 0;
    left: 0;
}

.banner__border--bottom {
    left: 0;
    bottom: 0;
}

.banner__bg {
    width: 100%;
    height: 150%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.banner__content {
    width: 82.3%;
    line-height: 1.15;
    font-size: max(2.4rem, 3vw);
    margin: max(20px, 7.5vw) auto;
}

.banner__content > :first-child {
    margin-top: 0;
}

.banner__content > :last-child {
    margin-bottom: 0;
}

.banner__aside-content {
    height: 34px;
    display: grid;
    grid-template-columns: 1.18fr 1.45fr 1fr;
}

.banner__aside-content:first-child {
    margin-top: min(3vw, 30px);
}

.banner__aside-content:last-child {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: min(3vw, 30px);
}

.banner__aside-content > :nth-child(3) {
    justify-self: flex-end;
}

.banner__aside-content > div p {
    margin: 0;
}

.notched-borders {
    width: 100%;
    aspect-ratio: 37.74;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
}

.notched-borders.banner__border {
    position: absolute;
}

.notched-borders::before,
.notched-borders::after {
    width: 50.501%;
    content: "";
    display: block;
    aspect-ratio: 19.061;
    background-color: currentColor;
    position: absolute;
    top: 0;
}

.notched-borders::before {
    left: 0;
}

.notched-borders::after {
    right: 0;
}

.notched-borders--top {
    border-bottom: 4px solid currentColor;
    margin-bottom: -2px;
}

.notched-borders--top::before {
    border-radius: 50vw 35.8vw 0 0;
}

.notched-borders--top::after {
    border-radius: 35.8vw 50vw 0 0;
}

.notched-borders--bottom {
    border-top: 4px solid currentColor;
    margin-top: -2px;
}

.notched-borders--bottom::before {
    border-radius: 0 0 35.8vw 50vw;
}

.notched-borders--bottom::after {
    border-radius: 0 0 50vw 35.8vw;
}

.mf-cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 250;
    direction: ltr;
    contain: layout style size;
    pointer-events: none;
    -webkit-transition:
        opacity 0.3s,
        color 0.4s;
    transition:
        opacity 0.3s,
        color 0.4s;
}
.mf-cursor:before {
    content: "";
    position: absolute;
    top: -24px;
    left: -24px;
    display: block;
    width: 48px;
    height: 48px;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    background: currentColor;
    border-radius: 50%;
    -webkit-transition:
        opacity 0.1s,
        -webkit-transform 0.25s ease-in-out;
    transition:
        opacity 0.1s,
        -webkit-transform 0.25s ease-in-out;
    transition:
        transform 0.25s ease-in-out,
        opacity 0.1s;
    transition:
        transform 0.25s ease-in-out,
        opacity 0.1s,
        -webkit-transform 0.25s ease-in-out;
}
.mf-cursor.-inverse {
    color: white;
}
@supports (mix-blend-mode: exclusion) {
    .mf-cursor.-exclusion {
        mix-blend-mode: exclusion;
    }
    .mf-cursor.-exclusion:before {
        background: white;
    }
}
.mf-cursor.-pointer:before {
    -webkit-transform: scale(0.15);
    transform: scale(0.15);
}
.mf-cursor.-text:before {
    opacity: 0.85;
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
}
.mf-cursor.-text.-active:before {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.mf-cursor.-icon:before {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.mf-cursor.-icon.-active:before {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
.mf-cursor.-hidden:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.mf-cursor-text {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: scale(0) rotate(10deg);
    transform: scale(0) rotate(10deg);
    opacity: 0;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    -webkit-transition:
        opacity 0.4s,
        -webkit-transform 0.3s;
    transition:
        opacity 0.4s,
        -webkit-transform 0.3s;
    transition:
        opacity 0.4s,
        transform 0.3s;
    transition:
        opacity 0.4s,
        transform 0.3s,
        -webkit-transform 0.3s;
}
.mf-cursor.-text .mf-cursor-text,
.mf-cursor.-icon .mf-cursor-text {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.mf-cursor-icon {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.mf-cursor-media {
    position: absolute;
    width: 400px;
    height: 400px;
    margin: -200px 0 0 -200px;
}
.mf-cursor-media img,
.mf-cursor-media video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .mf-cursor-media img,
    .mf-cursor-media video {
        position: static;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
.mf-cursor-media-box {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
    padding: 1px;
    opacity: 0;
    border-radius: 50%;
    -webkit-transition:
        opacity 0.2s 0.2s,
        -webkit-transform 0.35s;
    transition:
        opacity 0.2s 0.2s,
        -webkit-transform 0.35s;
    transition:
        transform 0.35s,
        opacity 0.2s 0.2s;
    transition:
        transform 0.35s,
        opacity 0.2s 0.2s,
        -webkit-transform 0.35s;
}
.mf-cursor.-media .mf-cursor-media-box {
    opacity: 1;
    -webkit-transform: scale(0.696);
    transform: scale(0.696);
    -webkit-transition-duration: 0.4s, 0.4s;
    transition-duration: 0.4s, 0.4s;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

.mf-cursor::before {
    width: max(40px, 7vw);
    height: max(40px, 7vw);
    display: grid;
    border-radius: 0;
    place-content: center;
    background: url(./svg/play.svg) no-repeat center center/cover;
    top: calc(max(40px, 7vw) / -2);
    left: calc(max(40px, 7vw) / -2);
}

.mf-cursor.-text::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.mf-cursor-text.tc-grey {
    color: #9e9e9e;
}
.mf-cursor-text.fs-28 {
    font-size: max(1.2rem, 1.11111vw);
    line-height: 1.36;
}

.homepage-hero__logo-wrapper {
    position: relative;
}

.homepage-hero__logo {
    width: max(351px, 96.8vw);
    margin-inline: auto;
}

svg.homepage-hero__logo {
    overflow: visible;
}

.homepage-hero__texts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: max(39px, 7.4vw) 0 max(7px, 2.3vw);
}

.homepage-hero__main-text {
    width: min(59vw, 223px);
    margin: max(7px, 1.8vw) 0 max(7px, 4vw) auto;
}

.homepage-hero__underline {
    display: inline-block;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
}

.homepage-hero__illu {
    width: max(222px, 59.2vw);
    display: block;
    margin-inline: auto;
}

.homepage-hero__content {
    opacity: 0;
    line-height: 1.29;
    margin-top: 24px;
}

.homepage-hero__tagline {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 27px;
    margin-left: 1vw;
}

.homepage-hero__tagline svg {
    width: max(15px, 1.4vw);
}

.homepage-hero__featured {
    width: calc(100% - max(20px, 2vw));
    margin-inline: auto;
    margin-top: max(24px, 3.1vw);
}

.homepage-hero__project-wrapper {
    aspect-ratio: 0.84;
}

.homepage-hero__project {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    border-radius: max(6px, 0.4166666667vw);
}

.homepage-hero__legend {
    pointer-events: none;
    margin: 2vw 2vw 0 0;
}

.homepage-hero__hello {
    opacity: 1;
    position: absolute;
    bottom: -15.7%;
    left: 24.8%;
    margin: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.homepage-hero__scroll-indicator {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.homepage-hero__scroll-arrow {
    width: max(12px, 0.9vw);
    height: max(12px, 0.9vw);
    -webkit-animation: scrollIndicatorGiggle 2s infinite
        cubic-bezier(0.76, 0, 0.24, 1);
    animation: scrollIndicatorGiggle 2s infinite cubic-bezier(0.76, 0, 0.24, 1);
}

.homepage-hero__scroll-text {
    margin-block: 0 max(16px, 1.1vw);
}

@-webkit-keyframes scrollIndicatorGiggle {
    0% {
        -webkit-transform: translateY(-13px);
        transform: translateY(-13px);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(-13px);
        transform: translateY(-13px);
    }
}

@keyframes scrollIndicatorGiggle {
    0% {
        -webkit-transform: translateY(-13px);
        transform: translateY(-13px);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(-13px);
        transform: translateY(-13px);
    }
}
.watch-btn-wrapper {
    cursor: none;
    position: relative;
}

.watch-btn {
    width: max(40px, 7vw);
    height: max(40px, 7vw);
    display: grid;
    place-content: center;
    border-radius: 50%;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.watch-btn--alt {
    border-radius: 0;
    background: url(./svg/play.svg) no-repeat center center/cover;
}

.watch-btn--with-fade {
    opacity: 0;
}

.watch-btn--with-scale {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.video-player-wrapper {
    width: 100%;
    height: 100%;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
}

.video-player {
    width: 100%;
    height: 95%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clip-path: inset(4.3% 3.2% round 1.7vw);
    position: absolute;
    top: 2.5%;
    left: 0;
}

.video-player__video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.video-player__close {
    width: 100%;
    height: calc(100% - 120px);
    cursor:
        url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODUiIGhlaWdodD0iODUiIHZpZXdCb3g9IjAgMCA4NSA4NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY1ODlfMzMxMikiPgo8cGF0aCBkPSJNODQuODM3OCA1Mi45MDUxQzg1LjY3MjIgNTkuNDQ0NiA4MS40NDYzIDY1Ljk5MjIgNzcuMTY2MyA2OS4zMTA2Qzc2LjQzNDUgNjkuODc4MSA3NS42NDMzIDcwLjI2MTggNzQuODA2MiA3MC42Njk4Qzc0LjM0MTggNzAuODk0MSA3My44NjM4IDcxLjEyNjUgNzMuNDAyMSA3MS4zOTE0QzcxLjg4NzIgNzIuMjU2MSA3MS40NDk4IDczLjE3NDkgNzAuODk2MiA3NC4zMzk1QzcwLjcyNjEgNzQuNjkzNSA3MC41NTA2IDc1LjA2MSA3MC4zMjkxIDc1LjQ2MzdDNjcuMzIzNyA4MC45MzU4IDYwLjU1NjggODQuOTA4MSA1NC4yNDA4IDg0LjkwODFDNTIuNDIwOCA4NC45MDgxIDUwLjcwODggODQuNTgzOSA0OS4xNTM0IDgzLjk1MTVDNDcuNTk4IDgzLjMxNjUgNDYuMTk5MyA4Mi4zNzYxIDQ0Ljk5NDkgODEuMTQ2NkM0NC4zMzA3IDgwLjQ2MjkgNDMuODQ3MyA3OS42Njg0IDQzLjMzNjkgNzguODI4QzQzLjA3MjMgNzguMzkyOSA0Mi43OTY5IDc3Ljk0MTcgNDIuNDk5OSA3Ny41MTQ3QzQyLjQ0ODYgNzcuNDQxNyA0Mi4zNjQ4IDc3LjM5ODUgNDIuMjc4NCA3Ny4zOTg1SDQyLjI1NDFDNDIuMTU5NiA3Ny40MDY2IDQyLjA3NTkgNzcuNDY2MSA0Mi4wMzI3IDc3LjU1MjVDMzkuODgzMyA4Mi4wNzYxIDM1LjIwMSA4NSAzMC4xMDI4IDg1QzI4LjU4NzkgODUgMjcuMTAwMSA4NC43NDA2IDI1LjY3OTcgODQuMjI0NEMyMi43MTQ4IDgzLjE1MTYgMTcuMzI1IDgwLjYwMDcgMTQuNTQ2NCA3NS41OTM0QzE0LjM4NyA3NS4zMDE1IDE0LjIxNDIgNzQuOTMxMyAxNC4wMzA2IDc0LjUzNjhDMTMuNjU1MyA3My43Mjg4IDEzLjIyODYgNzIuODEyOCAxMi43NTM0IDcyLjMwMkMxMi4yNyA3MS43ODMyIDExLjI1MiA3MS4zMDc2IDEwLjM1NTUgNzAuODg4N0M5Ljk2MTI2IDcwLjcwMjMgOS41ODg2MiA3MC41MjkzIDkuMzEzMTggNzAuMzc1M0M1LjYyNDU4IDY4LjMwNTQgMi40OTc2MyA2NC4yMDYgMC43Mjg5MzUgNTkuMTI4NEMtMS40NjEwMSA1Mi44Mzc1IDEuNDM2NDEgNDUuODQxNCA3LjQ2NjE4IDQyLjg1ODFDNy41NTI1OSA0Mi44MTQ4IDcuNjA5MyA0Mi43MjU2IDcuNjE0NyA0Mi42Mjg0QzcuNjIwMSA0Mi41MzExIDcuNTcxNDkgNDIuNDM2NSA3LjQ4Nzc4IDQyLjM4NTJDNy4yNjYzNiA0Mi4yNDczIDcuMDQ0OTMgNDIuMTE0OSA2LjgyODkxIDQxLjk3OThDNS41NjI0NyA0MS4yMDk3IDQuMzY4OTQgNDAuNDgyOCAzLjM2NzEzIDM5LjM1NTlDMC4xNzUzNzQgMzUuNzYxOSAtMC43NjE2MyAzMC4wOTI1IDEuMDM2NzcgMjUuMjQ0NkMyLjc4MTE2IDIwLjUzMTkgNS44MjE3IDE2LjY5NzMgOS4zNzc5OSAxNC43MjQ3QzkuNzM3MTMgMTQuNTI0NyAxMC4xMTI1IDE0LjM0NjQgMTAuNDc3IDE0LjE3NjFDMTEuNTYyNSAxMy42NjI3IDEyLjY4MzIgMTMuMTMzIDEzLjQzMTEgMTEuOTgxOUMxMy44MiAxMS4zODc0IDE0LjEzMzIgMTAuNzM4OCAxNC40Mzg0IDEwLjExNDZDMTQuODIxOCA5LjMyNTU0IDE1LjIxNiA4LjUwOTQ2IDE1Ljc2NDIgNy43OTYwNkMxOS4zMzEzIDMuMTQ1NDUgMjUuMjY2NiAwLjAyNDMyMDUgMzAuNTM0OCAwLjAyNDMyMDVDMzEuMzg4MSAwLjAyNDMyMDUgMzIuMjI3OSAwLjEwMjY4NiAzMy4wMzUzIDAuMjU2NzE2QzM3LjIyNjIgMS4wNjE5OSA0MC42ODUzIDMuNzU4ODYgNDIuMjg5MiA3LjQ3MTc5QzQyLjMyNyA3LjU1ODI2IDQyLjQwNTMgNy42MjA0MSA0Mi40OTk5IDcuNjMzOTJDNDIuNTEwNyA3LjYzMzkyIDQyLjUyNDIgNy42MzM5MiA0Mi41Mzc3IDcuNjMzOTJDNDIuNjE2IDcuNjMzOTIgNDIuNjk0MyA3LjU5ODc5IDQyLjc0NTYgNy41MzM5NEM0My4wNDggNy4xNjM3MyA0My4yOTkxIDYuNzU1NjggNDMuNTQyMiA2LjM2Mzg1QzQzLjcxNSA2LjA4MDExIDQzLjg5NTkgNS43ODgyNyA0NC4wOTAzIDUuNTE4MDRDNDYuNjI1OSAyLjAxMzE5IDUwLjU5NTQgMCA1NC45Nzc5IDBDNTcuMDQzNyAwIDU5LjA3MTYgMC40NDA0NyA2MS4wMDUgMS4zMTA2QzY0Ljc3NDYgMy4wMDQ5MyA2Ny40NzQ5IDUuMDg1NjggNjkuNDk3NCA3Ljg1ODIxQzY5Ljk5NDMgOC41MzkxOCA3MC4zNjQyIDkuMjkwNDIgNzAuNzIzNCAxMC4wMTQ2QzcwLjk5MzQgMTAuNTY1OSA3MS4yNzQyIDExLjEzNjEgNzEuNjExOCAxMS42NzkyQzcyLjQ2NTEgMTMuMDU0NyA3My41Nzc2IDEzLjU5NTEgNzQuNzU3NiAxNC4xNjhDNzUuMTg3IDE0LjM3MzQgNzUuNjI5OCAxNC41ODk2IDc2LjA3ODEgMTQuODUxN0M4MC4wNDQ4IDE3LjE3MjkgODIuNDQyNyAyMS4yMDc0IDgzLjc1NSAyNC4xODUzQzg2Ljc3NjcgMzEuMDI3NSA4NC4xMzMxIDM4Ljc2NjggNzcuNjAzNyA0Mi4xODUyQzc3LjU0OTcgNDIuMjEyMiA3Ny41MDY1IDQyLjI2MDggNzcuNDgyMiA0Mi4zMTQ5TDc3LjQxNDcgNDIuNDc0M0M3Ny4zODUgNDIuNTM5MiA3Ny4zODUgNDIuNjE0OCA3Ny40MDkzIDQyLjY3OTdDNzcuNDM2MyA0Mi43NDczIDc3LjQ5MDMgNDIuODAxMyA3Ny41NTUxIDQyLjgzMUM4MS40Njc5IDQ0LjUwMzcgODQuMjYgNDguMzYyNiA4NC44Mzc4IDUyLjkwNTFaIiBmaWxsPSIjNUYwNzEyIi8+CjxwYXRoIGQ9Ik0yOC45NTI2IDM2LjM2QzMwLjk1NDYgMzYuMzYgMzIuNjM0NiAzNy42MiAzMy4wNDA2IDM5LjU1MkwzMi4wODg2IDM5Ljc0OEMzMS43MTA2IDM4LjI2NCAzMC40NTA2IDM3LjI0MiAyOC44OTY2IDM3LjI0MkMyNi41NzI2IDM3LjI0MiAyNC44Nzg2IDM5LjExOCAyNC44Nzg2IDQxLjc1QzI0Ljg3ODYgNDQuMzk2IDI2LjU3MjYgNDYuMjg2IDI4Ljk1MjYgNDYuMjg2QzMwLjYwNDYgNDYuMjg2IDMyLjAwNDYgNDUuMTM4IDMyLjQzODYgNDMuNDE2TDMzLjM5MDYgNDMuNTI4QzMyLjkxNDYgNDUuNjk4IDMxLjEwODYgNDcuMTY4IDI4Ljk1MjYgNDcuMTY4QzI2LjAyNjYgNDcuMTY4IDIzLjg5ODYgNDQuODg2IDIzLjg5ODYgNDEuNzVDMjMuODk4NiAzOC42MjggMjYuMDI2NiAzNi4zNiAyOC45NTI2IDM2LjM2Wk0zNi4zODU4IDM2LjUyOFY0N0gzNS40NzU4VjM2LjUyOEgzNi4zODU4Wk00MS44ODc1IDQ3LjE2OEMzOS43ODc1IDQ3LjE2OCAzOC4zODc1IDQ1LjUzIDM4LjM4NzUgNDMuMDFDMzguMzg3NSA0MC41MTggMzkuNzg3NSAzOC44MzggNDEuODg3NSAzOC44MzhDNDMuOTg3NSAzOC44MzggNDUuMzg3NSA0MC41MDQgNDUuMzg3NSA0My4wMUM0NS4zODc1IDQ1LjUzIDQzLjk4NzUgNDcuMTY4IDQxLjg4NzUgNDcuMTY4Wk0zOS4zMTE1IDQzLjAxQzM5LjMxMTUgNDUuMDY4IDQwLjM4OTUgNDYuMzI4IDQxLjg4NzUgNDYuMzI4QzQzLjM5OTUgNDYuMzI4IDQ0LjQ0OTUgNDUuMDU0IDQ0LjQ0OTUgNDMuMDFDNDQuNDQ5NSA0MC45NjYgNDMuMzk5NSAzOS42NzggNDEuODg3NSAzOS42NzhDNDAuMzg5NSAzOS42NzggMzkuMzExNSA0MC45NjYgMzkuMzExNSA0My4wMVpNNDkuOTQ2IDQ3LjE2OEM0OC4zMjIgNDcuMTY4IDQ2LjkzNiA0Ni4wOSA0Ni42NDIgNDQuNDY2TDQ3LjU1MiA0NC4zNEM0Ny44MzIgNDUuNjI4IDQ4Ljg4MiA0Ni40MTIgNDkuOTc0IDQ2LjQxMkM1MS4xMDggNDYuNDEyIDUxLjg3OCA0NS44MjQgNTEuODc4IDQ0Ljk1NkM1MS44NzggNDIuMzggNDYuODY2IDQ0LjA3NCA0Ni44NjYgNDAuOThDNDYuODY2IDM5LjcyIDQ4LjAxNCAzOC44MzggNDkuNjY2IDM4LjgzOEM1MS4yNjIgMzguODM4IDUyLjU3OCAzOS43OSA1Mi44MyA0MS4xNjJMNTEuOTIgNDEuMzAyQzUxLjY4MiA0MC4yOCA1MC43NzIgMzkuNTk0IDQ5LjYzOCAzOS41OTRDNDguNTYgMzkuNTk0IDQ3LjgwNCA0MC4xMjYgNDcuODA0IDQwLjkxQzQ3LjgwNCA0My4xNjQgNTIuODMgNDEuNTQgNTIuODMgNDQuODg2QzUyLjgzIDQ2LjIzIDUxLjY0IDQ3LjE2OCA0OS45NDYgNDcuMTY4Wk01Ny44NzU1IDQ3LjE2OEM1NS42NDk1IDQ3LjE2OCA1NC4xMzc1IDQ1LjQzMiA1NC4xMzc1IDQyLjk5NkM1NC4xMzc1IDQwLjU2IDU1LjY0OTUgMzguODM4IDU3Ljc2MzUgMzguODM4QzU5Ljg3NzUgMzguODM4IDYxLjIyMTUgNDAuNDQ4IDYxLjAyNTUgNDIuNzQ0SDU1LjA2MTVWNDIuODk4VjQzLjAyNEM1NS4wNjE1IDQ0Ljk4NCA1Ni4xODE1IDQ2LjMyOCA1Ny44NzU1IDQ2LjMyOEM1OS4xNjM1IDQ2LjMyOCA2MC4xMTU1IDQ1LjU3MiA2MC4zNTM1IDQ0LjM0TDYxLjIzNTUgNDQuNTA4QzYwLjk1NTUgNDYuMTYgNTkuNTk3NSA0Ny4xNjggNTcuODc1NSA0Ny4xNjhaTTU1LjE1OTUgNDEuOTc0SDYwLjExNTVDNjAuMDMxNSA0MC42MTYgNTkuMTIxNSAzOS42NzggNTcuODA1NSAzOS42NzhDNTYuNTE3NSAzOS42NzggNTUuNDY3NSA0MC41MzIgNTUuMTU5NSA0MS45NzRaIiBmaWxsPSIjRkYxRDIxIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNjU4OV8zMzEyIj4KPHJlY3Qgd2lkdGg9Ijg1IiBoZWlnaHQ9Ijg1IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=")
            16 16,
        pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.video-player__controls {
    display: grid;
    grid-gap: 20px 0;
    grid-template-columns: 30px 1fr 30px;
    opacity: 0;
    position: fixed;
    bottom: 50px;
    left: 40px;
    right: 40px;
}

.video-player__play-button {
    grid-column: 1;
    grid-row: 1;
}

.video-player__volume-button {
    grid-column: 3;
    grid-row: 1;
}

.video-player__progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 1/-1;
    grid-row: 2;
    background-color: rgba(255, 255, 255, 0.22);
}

.video-player__progress-fill {
    height: 4px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    background-color: #fff;
}

.video-player__toggle-button--active > svg:nth-child(1) {
    display: none;
}

.video-player__toggle-button:not(.video-player__toggle-button--active)
    > svg:not(:nth-child(1)) {
    display: none;
}

.featured-projects {
    margin-top: max(43px, 16.3vw);
}

.featured-projects__head-title > div {
    line-height: 0.85;
}

.featured-projects__head-title .split-heading img {
    width: max(120px, 20.5vw);
}

.featured-projects__head > :nth-child(2) {
    justify-self: flex-end;
}

.featured-projects__head-title > :first-child {
    margin-top: 0;
}

.featured-projects__head-title > :last-child {
    margin-bottom: 0;
}

.featured-projects__head .split-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.featured-projects__head .split-heading__underline {
    font-size: 31%;
    -webkit-transform: translate(0%, 50%);
    transform: translate(0%, 50%);
}

.featured-projects__head-title-part-3 {
    -webkit-transform: translate(10%, -30%);
    transform: translate(10%, -30%);
}

.featured-projects__list {
    display: grid;
    grid-gap: 30px;
    margin: max(65px, 9.3vw) 0 max(137px, 33.8vw);
}

.featured-project__visual-wrapper {
    position: relative;
}

.featured-project img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: max(6px, 0.4166666667vw);
}

.featured-project video {
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    max-width: none;
    max-height: none;
    opacity: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: max(6px, 0.4166666667vw);
    pointer-events: none;
    aspect-ratio: inherit;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.no-touch .featured-project__visual-wrapper:hover video {
    opacity: 1;
}

.featured-project__visual {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.featured-project__desc {
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.no-touch .featured-project:hover .featured-project__desc {
    color: #000;
}

.featured-project__infos {
    margin-top: max(14px, 1.05vw);
}

.featured-projects__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.featured-projects__illu {
    width: calc(max(4.8rem, 5.342vw) * 1.3);
}

.all-projects-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: max(19px, 1.5vw);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-underline-offset: 4px;
    margin-right: calc(max(15px, 0.9vw) * -1);
    -webkit-transform: translateX(calc(-1 * max(15px, 4.5vw)));
    transform: translateX(calc(-1 * max(15px, 4.5vw)));
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition:
        transform 0.4s cubic-bezier(0, 0, 0, 0.99),
        -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
}

.all-projects-link__svg {
    width: max(35px, 3vw);
    -webkit-transition: width 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition: width 0.4s cubic-bezier(0, 0, 0, 0.99);
}

.all-projects-link__svg path {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition:
        transform 0.4s cubic-bezier(0, 0, 0, 0.99),
        -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
}

.no-touch .all-projects-link:hover {
    -webkit-transform: translateX(calc(max(15px, 3vw) - 4vw));
    transform: translateX(calc(max(15px, 3vw) - 4vw));
}

.no-touch .all-projects-link:hover .all-projects-link__svg {
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
}

.all-projects-link__monogram {
    width: calc(max(2.8rem, 5.342vw) * 1.3);
    position: relative;
    z-index: 2;
}

.divider-bar {
    margin: max(59px, 9vw) 0 max(46px, 6.8vw);
}

.divider-bar svg {
    width: max(42px, 6vw);
    display: block;
    margin-inline: auto;
}

/*@media screen and (max-width: 620px) {
    .we-love-section > .container {
        // width: calc(100% - clamp(20px, 2vw, 32px));
        width: calc(100% - max(20px, 2vw));
    }
}*/
.we-love-section {
    margin-top: max(68px, 8.7vw);
}

.we-love-section > .container {
    display: grid;
    grid-template-columns: 0.6fr 1fr;
}

.we-love-section__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    line-height: 0.9;
    grid-column: 1/-1;
    grid-row: 4;
    margin-top: max(90px, 17.5vw);
}

.we-love-section__content {
    grid-row: 1;
    grid-column: 1/-1;
    line-height: 1.2;
    align-self: center;
    margin-top: 0;
    margin-bottom: max(38px, 10vw);
}

.we-love-section__project {
    grid-column: 1/-1;
    grid-row: 2;
}

.we-love-section__skills {
    grid-row: 3;
    align-self: flex-end;
    margin-top: 0;
}

/* .featured-projects__head-title .split-heading { */
/* .featured-projects__head-title .split-heading {
    width: 93.5%;

    display: block;
    text-align: left;
    text-align-last: right;

    margin-inline: auto;
} */
.we-love-section__title .split-heading__underline {
    /* .featured-projects__head-title .split-heading__underline { */
    font-size: 24%;
    margin: 0 calc(max(0px, 0.2vw) * -1) 0 max(10px, 4.3vw);
    -webkit-transform: translate(-22%, 53%);
    transform: translate(-22%, 53%);
}

.we-love-section__title-illu {
    width: max(60px, 18.6vw);
    vertical-align: middle;
    position: relative;
    top: max(4px, 0.6944444444vw);
    margin: 0 calc(max(4px, 6vw) * -1) calc(max(4px, 1.3vw) * -1)
        calc(max(4px, 4.3vw) * -1);
}

.we-love-section__title-part-1 {
    margin-left: calc(max(10px, 5vw) * -1);
}

.we-love-section__title-part-2 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -4%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.we-love-section__project {
    width: 100%;
    overflow: hidden;
    -ms-flex-item-align: end;
    align-self: flex-end;
    justify-self: flex-end;
    aspect-ratio: 244/148;
    position: relative;
}

.we-love-section__project > img,
.we-love-section__project > video {
    width: 100%;
    height: 100%;
    opacity: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: max(6px, 0.4166666667vw);
    -webkit-transform: translateY(120px);
    transform: translateY(120px);
    -webkit-transition:
        opacity 0.2s,
        -webkit-transform 1.5s cubic-bezier(0, 0, 0, 0.99);
    transition:
        opacity 0.2s,
        -webkit-transform 1.5s cubic-bezier(0, 0, 0, 0.99);
    transition:
        opacity 0.2s,
        transform 1.5s cubic-bezier(0, 0, 0, 0.99);
    transition:
        opacity 0.2s,
        transform 1.5s cubic-bezier(0, 0, 0, 0.99),
        -webkit-transform 1.5s cubic-bezier(0, 0, 0, 0.99);
}

.we-love-section__project > *:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
}

.we-love-section__project > .active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.skills-list {
    --skills-list-svg-width: max(26px, 1.5vw);
    --skills-list-svg-spacing: 13px;
    display: grid;
    grid-gap: max(15px, 0.3vw);
    grid-column: 2;
    margin-top: max(18px, 5vw);
    margin-left: calc(
        (var(--skills-list-svg-width) / 2 + var(--skills-list-svg-spacing)) * -1
    );
}

.skills-list svg {
    width: var(--skills-list-svg-width);
    height: auto;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%)
        translateX(calc(-50% + var(--skills-list-svg-spacing) * -1));
    transform: translateY(-50%)
        translateX(calc(-50% + var(--skills-list-svg-spacing) * -1));
}

.skills-list path {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition:
        transform 0.4s cubic-bezier(0, 0, 0, 0.99),
        -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
}

.skills-list .link {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-underline-offset: max(0.12rem, 0.45vw);
    position: relative;
    padding-left: calc(
        var(--skills-list-svg-width) + var(--skills-list-svg-spacing)
    );
    padding-bottom: 4px;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition:
        transform 0.4s cubic-bezier(0, 0, 0, 0.99),
        -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
}

.no-touch .skills-list .link:hover,
.skills-list .link--active {
    text-decoration: underline;
    -webkit-transform: translateX(
        calc(var(--skills-list-svg-width) + var(--skills-list-svg-spacing))
    );
    transform: translateX(
        calc(var(--skills-list-svg-width) + var(--skills-list-svg-spacing))
    );
}

.no-touch .skills-list .link svg {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    transition:
        transform 0.4s cubic-bezier(0, 0, 0, 0.99),
        -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
}

.no-touch .skills-list .link:hover svg,
.skills-list .link--active svg {
    -webkit-transform: translateY(-50%)
        translateX(calc(60% + var(--skills-list-svg-spacing) * -1));
    transform: translateY(-50%)
        translateX(calc(60% + var(--skills-list-svg-spacing) * -1));
}

.no-touch .skills-list .link:hover path,
.skills-list .link--active path {
    stroke: #00057d;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.services-section {
    overflow: hidden;
    margin-top: max(72px, 19.5vw);
}

.marquee,
.marquee-part {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.8vw;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.marquee:nth-child(2 of .marquee) {
    margin-top: max(11px, 2.7vw);
}

.marquee--1 {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-animation: marquee-scroll-1 65s infinite linear;
    animation: marquee-scroll-1 65s infinite linear;
}

.marquee--2 {
    -webkit-transform: translateX(calc(-50% - 10px));
    transform: translateX(calc(-50% - 10px));
    -webkit-animation: marquee-scroll-2 65s infinite linear;
    animation: marquee-scroll-2 65s infinite linear;
}

.marquee-part > div {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.marquee-part img {
    width: max(38px, 7.5vw);
}

.no-touch .marquee-part .tc-grey:hover {
    color: #000;
    cursor: default;
}

@-webkit-keyframes marquee-scroll-1 {
    100% {
        -webkit-transform: translateX(calc(-50% - 10px));
        transform: translateX(calc(-50% - 10px));
    }
}

@keyframes marquee-scroll-1 {
    100% {
        -webkit-transform: translateX(calc(-50% - 10px));
        transform: translateX(calc(-50% - 10px));
    }
}
@-webkit-keyframes marquee-scroll-2 {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes marquee-scroll-2 {
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.we-work-section {
    margin-top: max(46px, 6.6vw);
}

.we-work-section__title {
    line-height: 1;
    padding-top: max(17px, 4.8vw);
}

.we-work-section__copy {
    max-width: 82%;
    margin: max(28px, 1vw) 0 45px;
}

.we-work-section__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: max(20px, 5.4vw);
}

.we-work-section__link--m {
    display: none;
}

.we-work-section__link svg {
    width: max(35px, 3vw);
    height: auto;
    margin-left: max(22px, 4vw);
}

.selected-clients__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: max(7px, 1.2vw) max(12px, 3vw);
    padding-bottom: max(36px, 2vw);
}

.human-section {
    margin: max(90px, 19.3vw) auto 0;
}

.human-section__title {
    line-height: 1;
    padding-top: 21px;
}

.human-section__title .split-heading__underline {
    -webkit-transform: translateY(27%);
    transform: translateY(27%);
}

.human-section__copy {
    line-height: 1.3;
    margin-top: 23px;
}

.images-grid {
    width: 100%;
    display: grid;
    grid-gap: max(6px, 0.5vw) max(6px, 0.6vw);
    grid-template-columns: 56.5% 1fr;
    margin-top: max(6px, 1.9vw);
}

.images-grid__top-svg {
    width: 100%;
}

.images-grid > img {
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.images-grid > img:first-child {
    width: 100%;
    grid-row: 1;
    grid-column: 1/-1;
    justify-self: flex-end;
}

.images-grid > img:nth-child(2) {
    width: 100%;
    grid-row: 2;
    grid-column: 1;
}

.images-grid > img:nth-child(3) {
    width: 100%;
    grid-row: 2;
    grid-column: 2;
}

.we-work-section__link,
.human-section__link,
.all-projects-link {
    -webkit-text-decoration: max(1px, 0.125vw) underline;
    text-decoration: max(1px, 0.125vw) underline;
    text-underline-offset: 0.5vw;
}

.human-section__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: max(15px, 1.4vw);
    padding-top: 27px;
    padding-bottom: 30px;
}

.human-section__link svg {
    width: max(35px, 3vw);
    -webkit-transform: translateX(-110%);
    transform: translateX(-110%);
}

.contact-section {
    margin-top: max(42px, 13.6vw);
    margin-bottom: max(57px, 16.1vw);
}

.contact-section__title {
    line-height: 1.5625;
    margin-bottom: max(20px, 4.2vw);
}

.contact-section__email {
    line-height: 0.84;
    display: grid;
    grid-template-columns: 14.9% 51% 33%;
    margin-top: max(21px, 3.7vw);
}

.contact-section__email .copy-link:hover {
    color: #00057d;
    cursor: pointer;
}

.contact-section__email > .contact-section__lets {
    font-size: max(2.8rem, 4.1666666667vw);
    grid-column: 1/4;
    grid-row: 1;
    align-self: center;
    justify-self: center;
}

.contact-section__email > .split-heading__underline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.1vw;
    font-size: max(10rem, 16.7vw);
    margin-left: -3%;
}

.contact-section__email .contact-section__words {
    grid-column: 1/4;
    grid-row: 2;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    -webkit-transform: none;
    transform: none;
}

.contact-section__email .word {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
    padding: 3% 0 1%;
}

.contact-section__email .word:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
}

.contact-section__email .word > span {
    display: inline-block;
    will-change: transform;
}

.contact-section__email .line {
    width: 100%;
    height: 0.2rem;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 1px;
}

.contact-section__email .arrow {
    width: max(15px, 7vw);
    position: absolute;
    left: 0;
    top: 38%;
    -webkit-transform: translateX(-180%);
    transform: translateX(-180%);
}

.contact-section__email .copy-link:hover > .copy-link__legend {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    right: 50%;
    bottom: calc(90% + 5px);
}

.contact-section__email
    .copy-link.copy-link--without-svg.copy-link--text2
    > .copy-link__legend {
    color: #fff;
    background-color: #00057d;
}

.contact-section__together {
    grid-column: 2/4;
    grid-row: 3;
    position: relative;
}

.contact-section__together .copy-link {
    line-height: 1.2;
    display: inline-block;
    margin-top: -20%;
}

.contact-section__enluminure {
    width: max(21.7rem, 35.4vw);
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    -webkit-transform: rotate(20deg) translate(0%, -50.6%);
    transform: rotate(20deg) translate(0%, -50.6%);
}

@media screen and (max-width: 619px) {
    .featured-project__visual-wrapper {
        aspect-ratio: 322/182;
    }
    .featured-project:nth-child(2 of .featured-project)
        .featured-project__visual-wrapper,
    .featured-project:nth-child(3 of .featured-project)
        .featured-project__visual-wrapper {
        aspect-ratio: 318/280;
    }
}
@media screen and (min-width: 620px) {
    body.home {
        padding-top: 16px;
    }
    .homepage-hero {
        position: relative;
        z-index: 100;
    }
    .homepage-hero__logo {
        grid-column: 1/-1;
        grid-row: 1;
    }
    .featured-projects__container {
        width: 88.88888889%;
    }
    .featured-projects__list {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        margin: max(65px, 8.1vw) 0 max(35px, 9.7vw);
    }
    .featured-project:nth-child(1 of .featured-project) {
        grid-column: 1/8;
        grid-row: 1;
    }
    .featured-project:nth-child(1 of .featured-project)
        .featured-project__visual-wrapper {
        aspect-ratio: 734/411;
    }
    .featured-project:nth-child(2 of .featured-project) {
        grid-column: 1/6;
        grid-row: 2;
        margin-top: 26.6%;
    }
    .featured-project:nth-child(2 of .featured-project)
        .featured-project__visual-wrapper {
        aspect-ratio: 590/639;
    }
    .featured-project:nth-child(3 of .featured-project) {
        grid-column: 7/13;
        grid-row: 2;
    }
    .featured-project:nth-child(3 of .featured-project)
        .featured-project__visual-wrapper {
        aspect-ratio: 639/386;
    }
    .featured-project:nth-child(4 of .featured-project) {
        grid-row: 3;
        grid-column: 1/-1;
    }
    .featured-project:nth-child(4 of .featured-project)
        .featured-project__visual-wrapper {
        aspect-ratio: 1281/544;
    }
    .featured-projects__bottom {
        max-width: 82%;
        margin: auto;
    }
    .all-projects-link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: calc((max(15px, 3vw) - 3px) * 1);
    }
    .all-projects-link__svg,
    .no-touch .all-projects-link:hover .all-projects-link__svg {
        -webkit-transform: translateY(4%);
        transform: translateY(4%);
    }
    .no-touch .all-projects-link:hover path {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .human-section__copy {
        max-width: min(50%, 513px);
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: max(38px, 2.5vw);
        margin-left: 1%;
    }
}
@media screen and (min-width: 768px) {
    .homepage-hero__inner-container {
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        padding-bottom: max(18px, 3.1vw);
    }
    .homepage-hero__logo-wrapper {
        margin-top: max(18px, 2.861111111vw);
        margin-bottom: max(18px, 3.1vw);
    }
    .homepage-hero__texts {
        position: relative;
        margin: max(39px, 7.4vw) max(7px, 7.7vw) 0;
    }
    .homepage-hero__main-text {
        width: 28.7vw;
        -webkit-font-kerning: none;
        font-kerning: none;
        margin: max(7px, 1.8vw) max(7px, 8vw) max(7px, 4.166666667vw) auto;
    }
    .homepage-hero__main-text .homepage-hero__main-text .line {
        opacity: 0;
    }
    .homepage-hero__tagline {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 5px;
        margin-bottom: 35.7%;
    }
    .homepage-hero__featured {
        margin-top: 0;
    }
    .homepage-hero__featured-text {
        display: none;
    }
    .homepage-hero__tagline p {
        margin: 0;
    }
    .homepage-hero__content {
        margin: 8.5vw 0 20px;
    }
    .homepage-hero__project-wrapper {
        width: 100%;
    }
    .homepage-hero__scroll-indicator {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .we-love-section > .container {
        grid-template-columns: 0.5765625fr 0.3203125fr;
        grid-template-rows: -webkit-min-content 1fr;
        grid-template-rows: min-content 1fr;
        grid-gap: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .we-love-section__project {
        height: 100%;
        grid-column: 1;
        grid-row: 2/3;
        margin-top: 0;
    }
    .we-love-section__content {
        line-height: 1.3;
        grid-column: 2;
        grid-row: 2;
        align-self: flex-start;
        margin-bottom: max(38px, 24.29vw);
    }
    .we-love-section__skills {
        grid-column: 2;
        grid-row: 2;
    }
    .skills-list {
        grid-gap: max(3px, 0.3vw);
    }
    .services-section {
        margin-top: max(58px, 5.8vw);
    }
    .we-work-section {
        width: 90%;
        margin-top: max(46px, 9.6vw);
    }
    .we-work-section__title {
        -ms-flex-item-align: end;
        align-self: flex-end;
        padding-top: max(17px, 1.1vw);
    }
    .we-work-section__copy {
        max-width: max(280px, 29.3vw);
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin: max(30px, 1vw) 0 0;
    }
    .we-work-section__link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 15px;
        margin-bottom: max(60px, 2vw);
        padding-bottom: 0;
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition:
            transform 0.4s cubic-bezier(0, 0, 0, 0.99),
            -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    }
    .we-work-section__link--m {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .we-work-section__link--s {
        display: none;
    }
    .no-touch .we-work-section__link:hover {
        -webkit-transform: translateX(calc(max(15px, 3vw) - 43px));
        transform: translateX(calc(max(15px, 3vw) - 43px));
    }
    .we-work-section__link svg {
        width: 0;
        margin-left: 0;
        -webkit-transition: width 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: width 0.4s cubic-bezier(0, 0, 0, 0.99);
    }
    .no-touch .we-work-section__link:hover svg {
        width: max(15px, 3vw);
    }
    .we-work-section__link path {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition:
            transform 0.4s cubic-bezier(0, 0, 0, 0.99),
            -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    }
    .no-touch .we-work-section__link:hover path {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .human-section > .container--large {
        width: 90%;
    }
    .human-section .container--large .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-bottom: max(36px, 1vw);
    }
    .human-section__copy {
        max-width: 100%;
        grid-column: 1;
        grid-row: 2;
        margin-bottom: max(72px, 9.5vw);
    }
    .images-grid {
        width: max(240px, 83.7%);
        grid-column: 2;
        grid-row: 1/4;
        margin-left: auto;
    }
    .images-grid::before {
        height: 55%;
    }
    .images-grid__top-svg {
        bottom: 55%;
    }
    .human-section__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        align-self: flex-end;
        grid-column: 1/3;
        grid-row: 3;
        margin-bottom: 1vw;
        padding-bottom: 0;
    }
    .human-section__link {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition:
            transform 0.4s cubic-bezier(0, 0, 0, 0.99),
            -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    }
    .no-touch .human-section__link:hover {
        -webkit-transform: translateX(calc(max(15px, 3vw) - 43px));
        transform: translateX(calc(max(15px, 3vw) - 43px));
    }
    .human-section__link svg {
        width: 0;
        margin-left: 0;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: width 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: width 0.4s cubic-bezier(0, 0, 0, 0.99);
    }
    .no-touch .human-section__link:hover svg {
        width: max(15px, 3vw);
    }
    .human-section__link path {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition:
            transform 0.4s cubic-bezier(0, 0, 0, 0.99),
            -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    }
    .no-touch .human-section__link:hover path {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .contact-section .container {
        width: 92%;
        max-width: calc(100% - 60px);
    }
}
@media screen and (max-width: 991px) {
    .contact-section {
        overflow: hidden;
        padding-bottom: 10%;
    }
    .contact-section__email-wrapper {
        padding-bottom: 6%;
    }
}
@media screen and (min-width: 992px) {
    .we-love-section > .container--small {
        width: 90%;
    }
    .featured-projects {
        position: relative;
    }
    .we-work-section .container {
        display: grid;
        grid-template-columns: 0.605fr 0.49fr;
        grid-gap: 0 9.6%;
        padding: 0 0 3.8%;
    }
    .we-work-section__copy {
        max-width: max(436px, 29.9vw);
        grid-column: 1;
        margin: max(30px, 3.5vw) 0 max(30px, 4.8vw);
    }
    .we-work-section__link {
        grid-column: 1;
        align-self: flex-end;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 6.3%;
        margin-bottom: 0;
    }
    .selected-clients {
        max-width: 92%;
        grid-column: 2;
        grid-row: 1/4;
        margin-top: 4.7vw;
    }
    .no-touch .selected-clients svg:hover path {
        fill: #9e9e9e;
    }
    .selected-clients__list {
        display: none;
        padding-bottom: 0;
    }
    .human-section__title {
        padding-top: max(10px, 0.9vw);
    }
    .human-section__copy {
        max-width: 72%;
        grid-column: 1;
        grid-row: 2;
    }
    .contact-section__email-wrapper {
        padding-bottom: 6%;
    }
    .contact-section__email {
        max-width: 87.6%;
        grid-template-columns: 38.8% 61.2%;
        grid-gap: 8.1% 0;
        margin-left: 6%;
    }
    .contact-section__lets {
        text-underline-offset: max(3px, 0.7vw);
        margin-left: -3%;
    }
    .contact-section__lets,
    .contact-section__together {
        display: inline-block;
    }
    .contact-section__email > .contact-section__lets {
        grid-column: 1/3;
    }
    .contact-section__email .contact-section__words {
        max-width: 46%;
        grid-column: 1/3;
    }
    .contact-section__together {
        grid-column: 2;
        position: relative;
        margin-top: -8.2%;
        margin-left: -0.5%;
    }
    @-webkit-keyframes translateArrow {
        0% {
            -webkit-transform: translateX(-180%);
            transform: translateX(-180%);
        }
        30% {
            -webkit-transform: translateX(-270%);
            transform: translateX(-270%);
        }
        50% {
            -webkit-transform: translateX(-180%);
            transform: translateX(-180%);
        }
    }
    @keyframes translateArrow {
        0% {
            -webkit-transform: translateX(-180%);
            transform: translateX(-180%);
        }
        30% {
            -webkit-transform: translateX(-270%);
            transform: translateX(-270%);
        }
        50% {
            -webkit-transform: translateX(-180%);
            transform: translateX(-180%);
        }
    }
    .contact-section__email .arrow {
        width: max(15px, 3vw);
        top: 47%;
        -webkit-transform: translateX(-180%);
        transform: translateX(-180%);
        -webkit-animation: translateArrow 2s cubic-bezier(0, 0, 0, 0.99) 1.2s
            infinite;
        animation: translateArrow 2s cubic-bezier(0, 0, 0, 0.99) 1.2s infinite;
    }
    .contact-section__enluminure {
        width: max(35rem, 31.5vw);
        position: absolute;
        top: 6%;
        left: -12.2%;
        z-index: -1;
        -webkit-transform: translateY(-57.6%);
        transform: translateY(-57.6%);
    }
    .contact-section__email .word {
        padding: 0;
    }
}
@media screen and (max-width: 619px) {
    .contact-section__email-wrapper {
        width: calc(265px + 16.7vw);
        margin-inline: auto;
    }
}
@media screen and (min-width: 620px) and (max-width: 991px) {
    .contact-section__email-wrapper {
        width: calc(79% - max(10rem, 16.7vw));
        max-width: 65vw;
        margin-inline: auto;
    }
}
@media screen and (min-width: 1024px) {
    body.home {
        padding-top: 0;
    }
    /*.homepage-hero__logo-wrapper {
      // margin-top: calc(clamp(0px, 9.7vw, 130px) * -1);
      margin-top: calc(max(0px, 9.7vw) * -1);
  }*/
    .homepage-hero__logo-part {
        opacity: 0;
    }
    .homepage-hero__big-text {
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -32%);
        transform: translate(-50%, -32%);
    }
    .homepage-hero__letter {
        opacity: 0;
        display: inline-block;
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
    }
    .homepage-hero__texts {
        margin-top: 0;
    }
    .homepage-hero__hello {
        opacity: 0;
    }
    .homepage-hero__illu {
        width: max(128px, min(28.6445vw, 66dvh));
        opacity: 0;
        aspect-ratio: 1;
        margin-bottom: calc(max(0px, 4.4vw) * -1);
        -webkit-transform: scale(1.35);
        transform: scale(1.35);
    }
    .homepage-hero__scroll-indicator {
        opacity: 0;
    }
    .homepage-hero__project-wrapper {
        width: 92%;
        max-height: 95vh;
        aspect-ratio: 2.2;
        margin-inline: auto;
    }
    /*.homepage-hero--show-video .homepage-hero__video {
      opacity: 1;
  }*/
    .we-love-section__title .split-heading__underline {
        font-size: 31%;
        -webkit-transform: translate(-22%, 37.4%);
        transform: translate(-22%, 37.4%);
    }
    .we-love-section__project {
        max-width: none;
        max-height: none;
        grid-column: 1;
        grid-row: 2/3;
        aspect-ratio: 738/528;
        margin-top: 0;
    }
    .we-love-section__content {
        line-height: 1.3;
        grid-column: 2;
        grid-row: 2;
        align-self: flex-start;
    }
    .we-love-section__skills {
        grid-column: 2;
        grid-row: 2;
    }
    .skills-list {
        --skills-list-svg-spacing: max(13px, 0.8vw);
        grid-gap: max(15px, 1.05vw);
        align-self: flex-end;
        position: relative;
        top: 0.5vw;
        margin-top: 0;
    }
    .services-section {
        margin-top: max(58px, 5.7vw);
    }
    .we-work-section__copy {
        line-height: 1.3;
    }
    .featured-projects__head-title .split-heading {
        line-height: 0.9;
        margin-inline: auto;
    }
    .featured-projects__list {
        gap: max(34px, 8.966667vw) max(15px, 1.579778831%);
        margin: max(65px, 11.4vw) 0 max(35px, 7.6vw);
    }
    .featured-project--square {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 27.4%;
        flex: 0 0 27.4%;
    }
    .featured-project--large {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 69%;
        flex: 0 0 69%;
    }
    .featured-projects__bottom {
        max-width: none;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .images-grid {
        width: max(240px, 88%);
        grid-row: 1/4;
    }
}
@media screen and (min-width: 1200px) {
    .we-love-section__skills {
        margin-bottom: 12.15%;
    }
}
.li-24 p {
    line-height: 1.5;
}

.project-main-medias__list-container {
    display: grid;
    grid-template-rows: auto 1fr;
    position: relative;
}

.project-main-medias__list-container h1 {
    grid-row: 1;
}

.project-main-medias {
    margin-bottom: max(50px, 9.7vw);
}

.project-main-media {
    width: 100%;
    opacity: 0;
    grid-row: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-row: 2;
    grid-column: 1;
    position: absolute;
    top: 0;
}

.project-main-media--vimeo {
    width: 100%;
    padding-bottom: 56.25%;
}

.project-main-media.project-main-media--9-16 .project-main-media--vimeo {
    padding-bottom: 177.7777777778%;
}

.project-main-media.project-main-media--squared .project-main-media--vimeo {
    padding-bottom: 100%;
}

.project-main-media--vimeo > div[style] {
    position: unset !important;
    padding: unset !important;
}

.project-main-media.project-main-media--9-16 {
    max-width: max(35%, 230px);
}

.project-main-media.project-main-media--squared {
    max-width: max(50%, 280px);
}

.project-main-media--current {
    opacity: 1;
    pointer-events: all;
    position: relative;
    z-index: 98;
}

.project-main-medias__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: max(25px, 2.5vw);
}

.project-main-medias__pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(19px, 2.7vw);
    grid-row: 2;
}

.project-main-medias__pager li:only-child {
    visibility: hidden;
}

.project-main-medias__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(18px, 2vw);
}

.project-main-medias__button {
    width: max(22px, 2.2vw);
    height: auto;
    cursor: pointer;
}

.project-main-medias__prev-button {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.project-main-medias__button path {
    stroke: #9e9e9e;
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
}

.no-touch
    .project-main-medias__button:not(
        .project-main-medias__button--inactive
    ):hover
    path {
    stroke: #596aff;
}

.project-main-medias__button--inactive {
    cursor: default;
}

.text-grid--1 {
    display: grid;
    text-align: center;
    grid-gap: 20px 10px;
    margin: max(100px, 8vw) 0 max(36px, 8vw);
}

.text-grid--1:nth-child(1 of .text-grid--1) {
    margin: max(64px, 8vw) 0 max(80px, 15.9vw);
}

.credits-grid > div:nth-child(2) > :first-child,
.credits-grid > div:nth-child(3) > :first-child {
    margin-top: 0;
}

.text-grid--1 > div > :last-child {
    margin-bottom: 0;
}

.media-grid {
    display: grid;
    grid-gap: max(15px, 1.4vw) max(15px, 1.4vw);
}

.media-grid + .media-grid {
    margin-top: max(15px, 1.4vw);
}

.media-grid:last-child,
.text-grid:last-child {
    margin-bottom: max(15px, 1.4vw);
}

.media-grid img,
.media-grid video {
    width: 100%;
    display: block;
}

.media-grid video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.credits-grid {
    display: grid;
    grid-gap: 10px 20px;
    margin-top: max(80px, 11.8vw);
}

.credits-grid > div:first-child {
    grid-column: 1/-1;
}

.credits-grid > div:nth-child(2),
.credits-grid > div:nth-child(3) {
    -webkit-columns: 2 300px;
    -moz-columns: 2 300px;
    columns: 2 300px;
}

.credits-grid p {
    line-height: 1.7;
}

@media screen and (min-width: 768px) {
    .text-grid--1 {
        text-align: left;
        grid-gap: 20px 10px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-template-columns: 0.32fr 0.544fr;
        padding-left: 8%;
    }
    .text-grid--1:nth-child(1 of .text-grid--1) {
        grid-template-columns: 0.32fr 0.5fr;
        padding-left: 0;
    }
    .media-grid--1 {
        grid-template-columns: repeat(3, 1fr);
    }
    .media-grid--2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .media-grid--3 {
        grid-template-columns: 0.672034fr 0.327965fr;
    }
    .media-grid--3 > :nth-child(1) {
        width: 100%;
        height: 100%;
        grid-row: 1/3;
        grid-column: 1;
    }
    .media-grid--3 > :nth-child(2),
    .media-grid--3 > :nth-child(3) {
        height: 100%;
        grid-column: 2;
    }
    .media-grid--3 > :nth-child(2) {
        grid-row: 1;
    }
    .media-grid--3 > :nth-child(3) {
        grid-row: 2;
    }
    .media-grid--4 > img {
        width: 100%;
    }
    .credits-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media screen and (min-width: 992px) {
    .project-assets-container {
        width: 76.4%;
    }
    .project-main-medias__list-container,
    .project-main-medias__controls {
        max-width: 96.4%;
        margin-inline: auto;
    }
}
.page-template-studio-page-template .tc-light-grey4 {
    color: #ede9e6;
}

.page-template-studio-page-template,
.page-template-studio-page-template .studio-section-wrapper.bgc-light-grey4 {
    background-color: #ede9e6;
}

.page-template-studio-page-template .studio-section-wrapper .bgc-blue {
    background-color: #000488;
}

.page-template-studio-page-template
    .studio-section-wrapper
    .notched-borders.tc-blue2 {
    color: #000488;
}

.page-template-studio-page-template .pin-spacer {
    margin-left: 3px;
}

.studio-page__top-area {
    margin-bottom: max(35px, 10vw);
}

.studio-page__top-area-desc {
    grid-column: 1/3;
    line-height: normal;
}

.studio-page__top-area-desc > :first-child {
    margin-top: 0;
}

.studio-page__top-area-gallery {
    display: grid;
    grid-gap: max(8px, 0.6944444444vw);
}

.studio-page__top-area-visual {
    width: 100%;
    grid-column: 1/3;
}

.studio-section {
    padding: 15px 0 max(55px, 10.2vw);
}

.studio-section__title {
    margin-bottom: max(50px, 6vw);
}

.studio-section__subtitle {
    margin-bottom: max(31px, 2.4vw);
}

.studio-section__title {
    line-height: normal;
}

.studio-section__content {
    line-height: 1.25;
}

.page-template-studio-page-template .banner__content {
    margin: max(20px, 7.5vw) auto max(10px, 3.25vw);
}

.page-template-studio-page-template .banner__icon {
    width: max(28px, 2.8vw);
    display: block;
    margin: 0 auto max(10px, 3.25vw);
}

.references-list .studio-section__title {
    -webkit-transform: translateX(-2.9%);
    transform: translateX(-2.9%);
}

.references-list__row,
.team-list__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.references-list__row-title,
.team-list__row-title {
    grid-column: 1/4;
}

.triple-columns {
    display: grid;
    grid-gap: 20px 0;
}

.clients-list .studio-section__img img,
.clients-list .studio-section__img video {
    width: max(140px, 24.61vw);
}

.clients-list__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.clients-list__row-space {
    margin: 0;
}

.studio-section__img img,
.studio-section__img video {
    width: max(140px, 26vw);
}

.team-list .studio-section__img img,
.team-list .studio-section__img video {
    width: max(140px, 24.91vw);
}

.team-list .team-list__img img,
.team-list .team-list__img video {
    width: max(140px, 25vw);
    -webkit-transform: translateX(22%);
    transform: translateX(22%);
}

.team-members-list__title {
    line-height: 1;
}

.studio-page__top-area-link .link--with-underline,
.team-members-list__link .link--with-underline {
    text-underline-offset: 0.5vw;
    -webkit-text-decoration: underline max(1px, 0.125vw);
    text-decoration: underline max(1px, 0.125vw);
}

.fresh-knights-grid {
    display: grid;
    grid-gap: 1.736111vw 2.292vw;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 8.5vw;
}

.fresh-knights-grid-item--1 {
    grid-column: 1/3;
    grid-row: 1;
}

.fresh-knights-grid-item--2 {
    grid-column: 3;
    grid-row: 1;
}

.fresh-knights-grid-item--3 {
    grid-column: 1/4;
    grid-row: 3;
}

.fresh-knights-grid-item--4 {
    grid-column: 1/4;
    grid-row: 2;
}

img.fresh-knights-grid-item {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.work-with-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    margin-top: max(90px, 9vw);
    padding-bottom: max(34px, 6vw);
}

.studio-page__bottom-area-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: max(10px, 1vw);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.studio-page__bottom-area-visual {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.team-members-list__link svg {
    width: max(45px, 4.3vw);
    padding-left: 3vw;
}

.work-with-us .copy-link {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

@media screen and (min-width: 620px) {
    .triple-columns {
        grid-gap: 20px 10px;
        grid-template-columns: 0.5fr 1fr;
    }
    .studio-page__bottom-area-gallery {
        display: grid;
        grid-gap: max(10px, 1vw);
        grid-template-columns: 0.67fr 0.33fr;
    }
}
@media screen and (max-width: 767px) {
    .studio-section,
    .fresh-knights-grid,
    .work-with-us,
    .studio-page__bottom-area-gallery {
        max-width: 85%;
    }
    .team-members-list__link {
        max-width: 54%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-top: 10vw;
    }
    .work-with-us .copy-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .work-with-us .copy-link--without-svg:hover > .copy-link__legend {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@media screen and (min-width: 768px) {
    .page-template-studio-page-template .page-head {
        padding-top: max(30px, 3.9vw);
    }
    .studio-page__top-area {
        width: 90%;
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: max(8px, 1.4vw);
        margin: max(35px, 15.5vw) auto max(31px, 2.2vw);
    }
    .studio-page__top-area-desc {
        grid-row: 1;
        grid-column: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto;
    }
    .studio-page__top-area-link {
        font-size: 0;
        -ms-flex-item-align: end;
        align-self: flex-end;
        overflow: hidden;
        padding-bottom: 0.5vw;
    }
    .studio-page__top-area-desc .copy-link {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .studio-page__top-area-desc .copy-link--without-svg > .copy-link__legend {
        -webkit-transform: translateX(-2.5vw);
        transform: translateX(-2.5vw);
    }
    .studio-page__top-area-desc
        .copy-link--without-svg:hover
        > .copy-link__legend {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .studio-page__top-area-link > * {
        display: inline-block;
        -webkit-transform: translateX(-2.5vw);
        transform: translateX(-2.5vw);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition:
            transform 0.4s cubic-bezier(0, 0, 0, 0.99),
            -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    }
    .no-touch .studio-page__top-area-link:hover > * {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .studio-page__top-area-link svg {
        width: max(15px, 4.3vw);
        padding-right: 1vw;
    }
    .studio-page__top-area-link path {
        -webkit-transform: translateX(-101%);
        transform: translateX(-101%);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition:
            transform 0.4s cubic-bezier(0, 0, 0, 0.99),
            -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    }
    .no-touch .studio-page__top-area-link:hover path {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .studio-page__top-area-gallery {
        grid-column: 1/-1;
        grid-row: 1/-1;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    .studio-page__top-area-visual {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        aspect-ratio: 632/497;
    }
    .studio-page__top-area-visual--1 {
        grid-row: 1;
        grid-column: 1;
    }
    .studio-page__top-area-visual--2 {
        grid-row: 2;
        grid-column: 1;
    }
    .studio-page__top-area-visual--3 {
        grid-row: 2;
        grid-column: 2;
    }
    .studio-section {
        display: grid;
        grid-template-columns: 0.5fr 1fr;
        position: relative;
    }
    .studio-section__img img,
    .studio-section__img video {
        margin: 0;
        -webkit-transform: translateX(17%);
        transform: translateX(17%);
    }
    .clients-list .studio-section__img img,
    .clients-list .studio-section__img video {
        -webkit-transform: translateX(21%);
        transform: translateX(21%);
    }
    .clients-list.studio-section.container {
        padding: 15px 0 max(55px, 20.7vw);
    }
    .team-list.studio-section.container {
        margin-bottom: 4.6vw;
        padding: 0;
    }
    .studio-section.team-list,
    .studio-section.team-list .studio-section__title,
    .studio-section.team-list .studio-section__img > p,
    .studio-section.team-list .studio-section__img img,
    .studio-section.team-list .studio-section__img video {
        padding-top: 0;
        margin-top: 0;
    }
    .studio-section__content {
        width: 68.916667%;
        margin-left: auto;
        margin-right: 2.3vw;
    }
    .references-list__content,
    .references-list__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: max(26px, 11vw) max(31px, 3vw);
    }
    .references-list__row:first-child {
        margin-top: 0;
    }
    .team-list__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: max(26px, 11vw) max(31px, 3vw);
    }
    .team-list p:last-child {
        margin-bottom: 0;
    }
    .work-with-us {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        position: relative;
        margin-top: max(90px, 9.3vw);
        padding-bottom: max(49px, 3.5vw);
    }
    .work-with-us .copy-link--without-svg > .copy-link__legend {
        -webkit-transform: translateX(-2.5vw);
        transform: translateX(-2.5vw);
    }
    .work-with-us .copy-link--without-svg:hover > .copy-link__legend {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .work-with-us__content {
        max-width: 34%;
    }
    .team-members-list__title {
        margin-top: 3vw;
        margin-bottom: 3vw;
    }
    .team-members-list__link {
        overflow: hidden;
    }
    .team-members-list__link > *:not(.d-none-s) {
        display: inline-block;
        -webkit-transform: translateX(-2.5vw);
        transform: translateX(-2.5vw);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition:
            transform 0.4s cubic-bezier(0, 0, 0, 0.99),
            -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    }
    .team-members-list__link svg {
        width: max(15px, 4.3vw);
        padding-left: 0;
        padding-right: 1vw;
        -webkit-transform: translateY(8%);
        transform: translateY(8%);
    }
    .team-members-list__link path {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition: transform 0.4s cubic-bezier(0, 0, 0, 0.99);
        transition:
            transform 0.4s cubic-bezier(0, 0, 0, 0.99),
            -webkit-transform 0.4s cubic-bezier(0, 0, 0, 0.99);
    }
    .no-touch .team-members-list__link:hover > * {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .no-touch .team-members-list__link:hover path {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@media screen and (min-width: 992px) {
    .studio-page__top-area-desc > p {
        max-width: 70%;
    }
    .fresh-knights-grid-item--2 {
        grid-column: 3;
        grid-row: 3;
    }
    .fresh-knights-grid-item--3 {
        grid-column: 1;
        grid-row: 2;
    }
    .fresh-knights-grid-item--4 {
        grid-column: 2/4;
        grid-row: 2;
    }
    .work-with-us {
        margin-top: min(-90px, -13vw);
    }
    .team-members-list__title {
        margin-bottom: 7.5vw;
    }
    .team-members-list__desc {
        margin-bottom: 4.2vw;
    }
}
@media screen and (min-width: 1200px) {
    .triple-columns {
        grid-gap: 0;
        grid-template-columns: repeat(3, 1fr);
    }
    .triple-columns > :nth-child(3) {
        justify-self: flex-end;
    }
}
.page-template-contact-page-template .contact-colored-section .bgc-dark-red {
    background-color: #4b0309;
}

.page-template-contact-page-template .contact-colored-section .tc-dark-red {
    color: #4b0309;
}

.page-template-contact-page-template .page-content > .container {
    width: calc(100% - max(20px, 2vw));
}

.contact-colored-section + .contact-colored-section {
    margin-top: max(18px, 1.2vw);
}

.contact-colored-section__content {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    padding: 20px;
}

.contact-colored-section__content img,
.contact-colored-section__content video {
    width: 210px;
    display: block;
    margin: 0 auto 20px;
}

.contact-colored-section__content .link--with-underline {
    text-underline-offset: 0.5vw;
    -webkit-text-decoration: underline max(1px, 0.125vw);
    text-decoration: underline max(1px, 0.125vw);
}

.copy-link {
    gap: max(10px, 1vw);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    cursor: pointer;
    position: relative;
}

.copy-link svg:not(.arrow) {
    width: max(18px, 2vw);
    cursor: pointer;
}

.copy-link__legend {
    display: none;
    -webkit-transition:
        color 0.2s,
        background-color 0.2s;
    transition:
        color 0.2s,
        background-color 0.2s;
}

.copy-link:hover svg:hover + .copy-link__legend,
.copy-link--without-svg:hover > .copy-link__legend {
    display: block;
    border-radius: 36px;
    white-space: nowrap;
    background-color: #00057d;
    position: absolute;
    bottom: calc(max(18px, 2.35vw) + 10px);
    right: 0;
    padding: 10px 18px;
}

.copy-link--without-svg:hover > .copy-link__legend,
.copy-link--without-svg.copy-link--active:hover > .copy-link__legend {
    color: #fff;
}

.copy-link--without-svg:hover > .copy-link__legend.tc-dark-red,
.copy-link--without-svg.copy-link--active:hover
    > .copy-link__legend.tc-dark-red {
    color: #43040c;
}

.copy-link--without-svg.tc-white.copy-link--active
    svg:hover
    + .copy-link__legend,
.copy-link--without-svg.tc-white:active > .copy-link__legend,
.copy-link--without-svg.tc-white.copy-link--active > .copy-link__legend,
.copy-link--without-svg.copy-link--active > .copy-link__legend {
    color: #fff;
    background-color: #00057d;
}

@media screen and (min-width: 620px) {
    .contact-colored-section__content {
        aspect-ratio: 3.25;
    }
    .contact-colored-section__content > :first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 40px;
    }
    .contact-colored-section__content > div:last-of-type {
        -ms-flex-item-align: center;
        align-self: center;
    }
    .contact-colored-section__content img,
    .contact-colored-section__content video {
        width: 50%;
        margin: 0 0 0 auto;
    }
    .copy-link {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .copy-link:hover svg:hover + .copy-link__legend,
    .copy-link--without-svg:hover > .copy-link__legend {
        -webkit-transform: translateX(calc(50% - max(18px, 2vw) / 2));
        transform: translateX(calc(50% - max(18px, 2vw) / 2));
    }
}