/*
Theme Name: Sans Designed for Hintegro
Theme URI: https://sans.hk
Author: Sun Law
Author URI: https://sans.hk
Description: 
Requires at least: 5.3
Tested up to: 7.4
Requires PHP: 7.4
Version: 1.534
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Roboto:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Roboto:wght@400;700&display=swap");
@font-face {
  font-family: "FT Aktual";
  src: url("./assets/font/FTAktual-Light.eot");
  src: url("./assets/font/FTAktual-Light.eot?#iefix") format("embedded-opentype"), url("./assets/font/FTAktual-Light.woff2") format("woff2"), url("./assets/font/FTAktual-Light.woff") format("woff"), url("./assets/font/FTAktual-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "FT Aktual";
  src: url("./assets/font/FTAktual-LightItalic.eot");
  src: url("./assets/font/FTAktual-LightItalic.eot?#iefix") format("embedded-opentype"), url("./assets/font/FTAktual-LightItalic.woff2") format("woff2"), url("./assets/font/FTAktual-LightItalic.woff") format("woff"), url("./assets/font/FTAktual-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "FT Aktual";
  src: url("./assets/font/FTAktual-Regular.eot");
  src: url("./assets/font/FTAktual-Regular.eot?#iefix") format("embedded-opentype"), url("./assets/font/FTAktual-Regular.woff2") format("woff2"), url("./assets/font/FTAktual-Regular.woff") format("woff"), url("./assets/font/FTAktual-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "FT Aktual";
  src: url("./assets/font/FTAktual-RegularItalic.eot");
  src: url("./assets/font/FTAktual-RegularItalic.eot?#iefix") format("embedded-opentype"), url("./assets/font/FTAktual-RegularItalic.woff2") format("woff2"), url("./assets/font/FTAktual-RegularItalic.woff") format("woff"), url("./assets/font/FTAktual-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "FT Aktual";
  src: url("./assets/font/FTAktual-Book.eot");
  src: url("./assets/font/FTAktual-Book.eot?#iefix") format("embedded-opentype"), url("./assets/font/FTAktual-Book.woff2") format("woff2"), url("./assets/font/FTAktual-Book.woff") format("woff"), url("./assets/font/FTAktual-Book.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "FT Aktual";
  src: url("./assets/font/FTAktual-BookItalic.eot");
  src: url("./assets/font/FTAktual-BookItalic.eot?#iefix") format("embedded-opentype"), url("./assets/font/FTAktual-BookItalic.woff2") format("woff2"), url("./assets/font/FTAktual-BookItalic.woff") format("woff"), url("./assets/font/FTAktual-BookItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "FT Aktual";
  src: url("./assets/font/FTAktual-Semibold.eot");
  src: url("./assets/font/FTAktual-Semibold.eot?#iefix") format("embedded-opentype"), url("./assets/font/FTAktual-Semibold.woff2") format("woff2"), url("./assets/font/FTAktual-Semibold.woff") format("woff"), url("./assets/font/FTAktual-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "FT Aktual";
  src: url("./assets/font/FTAktual-SemiboldItalic.eot");
  src: url("./assets/font/FTAktual-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("./assets/font/FTAktual-SemiboldItalic.woff2") format("woff2"), url("./assets/font/FTAktual-SemiboldItalic.woff") format("woff"), url("./assets/font/FTAktual-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "FT Aktual";
  src: url("./assets/font/FTAktual-Bold.eot");
  src: url("./assets/font/FTAktual-Bold.eot?#iefix") format("embedded-opentype"), url("./assets/font/FTAktual-Bold.woff2") format("woff2"), url("./assets/font/FTAktual-Bold.woff") format("woff"), url("./assets/font/FTAktual-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "FT Aktual";
  src: url("./assets/font/FTAktual-BoldItalic.eot");
  src: url("./assets/font/FTAktual-BoldItalic.eot?#iefix") format("embedded-opentype"), url("./assets/font/FTAktual-BoldItalic.woff2") format("woff2"), url("./assets/font/FTAktual-BoldItalic.woff") format("woff"), url("./assets/font/FTAktual-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "FT Aktual";
  src: url("./assets/font/FTAktual-Black.eot");
  src: url("./assets/font/FTAktual-Black.eot?#iefix") format("embedded-opentype"), url("./assets/font/FTAktual-Black.woff2") format("woff2"), url("./assets/font/FTAktual-Black.woff") format("woff"), url("./assets/font/FTAktual-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "FT Aktual";
  src: url("./assets/font/FTAktual-BlackItalic.eot");
  src: url("./assets/font/FTAktual-BlackItalic.eot?#iefix") format("embedded-opentype"), url("./assets/font/FTAktual-BlackItalic.woff2") format("woff2"), url("./assets/font/FTAktual-BlackItalic.woff") format("woff"), url("./assets/font/FTAktual-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Plantin MT Pro";
  src: url("./assets/font/PlantinMTPro-Light.eot");
  src: url("./assets/font/PlantinMTPro-Light.eot?#iefix") format("embedded-opentype"), url("./assets/font/PlantinMTPro-Light.woff2") format("woff2"), url("./assets/font/PlantinMTPro-Light.woff") format("woff"), url("./assets/font/PlantinMTPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Plantin MT Pro";
  src: url("./assets/font/PlantinMTPro-LightItalic.eot");
  src: url("./assets/font/PlantinMTPro-LightItalic.eot?#iefix") format("embedded-opentype"), url("./assets/font/PlantinMTPro-LightItalic.woff2") format("woff2"), url("./assets/font/PlantinMTPro-LightItalic.woff") format("woff"), url("./assets/font/PlantinMTPro-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Plantin MT Pro";
  src: url("./assets/font/PlantinMTPro-Regular.eot");
  src: url("./assets/font/PlantinMTPro-Regular.eot?#iefix") format("embedded-opentype"), url("./assets/font/PlantinMTPro-Regular.woff2") format("woff2"), url("./assets/font/PlantinMTPro-Regular.woff") format("woff"), url("./assets/font/PlantinMTPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Plantin MT Pro";
  src: url("./assets/font/PlantinMTPro-Italic.eot");
  src: url("./assets/font/PlantinMTPro-Italic.eot?#iefix") format("embedded-opentype"), url("./assets/font/PlantinMTPro-Italic.woff2") format("woff2"), url("./assets/font/PlantinMTPro-Italic.woff") format("woff"), url("./assets/font/PlantinMTPro-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Plantin MT Pro";
  src: url("./assets/font/PlantinMTPro-Semibold.eot");
  src: url("./assets/font/PlantinMTPro-Semibold.eot?#iefix") format("embedded-opentype"), url("./assets/font/PlantinMTPro-Semibold.woff2") format("woff2"), url("./assets/font/PlantinMTPro-Semibold.woff") format("woff"), url("./assets/font/PlantinMTPro-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Plantin MT Pro";
  src: url("./assets/font/PlantinMTPro-SemiboldIt.eot");
  src: url("./assets/font/PlantinMTPro-SemiboldIt.eot?#iefix") format("embedded-opentype"), url("./assets/font/PlantinMTPro-SemiboldIt.woff2") format("woff2"), url("./assets/font/PlantinMTPro-SemiboldIt.woff") format("woff"), url("./assets/font/PlantinMTPro-SemiboldIt.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Plantin MT Pro";
  src: url("./assets/font/PlantinMTPro-Bold.eot");
  src: url("./assets/font/PlantinMTPro-Bold.eot?#iefix") format("embedded-opentype"), url("./assets/font/PlantinMTPro-Bold.woff2") format("woff2"), url("./assets/font/PlantinMTPro-Bold.woff") format("woff"), url("./assets/font/PlantinMTPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Plantin MT Pro";
  src: url("./assets/font/PlantinMTPro-BoldItalic.eot");
  src: url("./assets/font/PlantinMTPro-BoldItalic.eot?#iefix") format("embedded-opentype"), url("./assets/font/PlantinMTPro-BoldItalic.woff2") format("woff2"), url("./assets/font/PlantinMTPro-BoldItalic.woff") format("woff"), url("./assets/font/PlantinMTPro-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Plantin MT Pro Condensed";
  src: url("./assets/font/PlantinMTPro-BoldCondensed.eot");
  src: url("./assets/font/PlantinMTPro-BoldCondensed.eot?#iefix") format("embedded-opentype"), url("./assets/font/PlantinMTPro-BoldCondensed.woff2") format("woff2"), url("./assets/font/PlantinMTPro-BoldCondensed.woff") format("woff"), url("./assets/font/PlantinMTPro-BoldCondensed.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

/*========== VARIABLES ==========*/
:root {
  --font-letter-spacing: -1px;
  --bg-color: #fcf6ef;
  --py: 3rem;
  --px: 3rem;
  --d5: 400ms;
  --d7: 600ms;
  --d10: 1600ms;
  --gap: 2rem;
  --max-content-width: 900px; }

@media screen and (max-width: 768px) {
  :root {
    --px: 2.5rem;
    --py: 2.5rem; } }

@media screen and (max-width: 576px) {
  :root {
    --px: 1.6rem;
    --py: 2rem;
    --gap: 1.5rem; } }

/*========== RESET ==========*/
html {
  margin: 0;
  padding: 0;
  font-size: 16px; }

body {
  margin: 0;
  padding: 0;
  background-color: var(--bg-color);
  overflow-x: hidden;
  width: 100vw; }

*,
div {
  box-sizing: border-box; }

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

a {
  color: #000;
  text-decoration: none; }
  a:hover {
    opacity: 0.8;
    transition: all var(--d5) ease; }

/*========== TYPOGRAPHY ==========*/
h1,
h2,
h3,
h4,
h5,
body,
p {
  font-family: "FT Aktual", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  letter-spacing: var(--font-letter-spacing);
  line-height: 1.3; }

h1,
h2,
h3,
h4,
h5,
p {
  margin-top: 0; }

@media screen and (max-width: 576px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  p {
    margin-bottom: 1.5rem; } }

h1 {
  font-size: 80px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -2px; }
  h1.work__title {
    font-size: 72px; }

@media screen and (max-width: 1240px) {
  h1 {
    font-size: calc(80px * 0.75); }
    h1.work__title {
      font-size: calc(72px * 0.75); } }

@media screen and (max-width: 768px) {
  h1 {
    font-size: calc(80px * 0.6); }
    h1.work__title {
      font-size: calc(72px * 0.6); } }

@media screen and (max-width: 576px) {
  h1 {
    font-size: 41px;
    letter-spacing: -1px; }
    h1.work__title {
      font-size: 40px;
      line-height: 1.1; } }

h2 {
  font-weight: 500;
  font-size: 50px;
  letter-spacing: -1.5px; }
  h2 p {
    font-size: 50px; }
  h2.section__title {
    font-size: 75px; }
  h2.section_link-to-work {
    font-size: 180px;
    font-weight: 300; }
  h2.section_statement {
    font-size: 75px;
    font-weight: 500; }

@media screen and (max-width: 1240px) {
  h2 {
    font-size: calc(50px * 0.75); }
    h2 p {
      font-size: calc(50px * 0.75); }
    h2.section__title {
      font-size: calc(75px * 0.75); }
    h2.section_link-to-work {
      font-size: calc(180px * 0.75); }
    h2.section_statement {
      font-size: calc(75px * 0.75); } }

@media screen and (max-width: 768px) {
  h2 {
    font-size: calc(50px * 0.65); }
    h2 p {
      font-size: calc(50px * 0.65); }
    h2.section__title {
      font-size: calc(75px * 0.65); }
    h2.section_link-to-work {
      font-size: calc(180px * 0.65); }
    h2.section_statement {
      font-size: calc(75px * 0.65); } }

@media screen and (max-width: 576px) {
  h2 {
    font-size: 43px; }
    h2 p {
      font-size: 43px; }
    h2.section__title {
      font-size: 43px; }
    h2.section_link-to-work {
      font-size: 85px; }
    h2.section_statement {
      font-size: 35px; } }

h3 {
  font-weight: 500;
  font-size: 40px;
  letter-spacing: -1.5px; }
  h3 p {
    font-size: 40px; }
  h3.bold_title {
    font-weight: 600; }

@media screen and (max-width: 1240px) {
  h3 {
    font-size: calc(40px * 0.75); }
    h3 p {
      font-size: calc(40px * 0.75); } }

@media screen and (max-width: 768px) {
  h3 {
    font-size: calc(40px * 0.6); }
    h3 p {
      font-size: calc(40px * 0.6); } }

@media screen and (max-width: 576px) {
  h3 {
    font-size: 32px; }
    h3 p {
      font-size: 20px; } }

h4 {
  font-weight: 500;
  font-size: 30px;
  letter-spacing: -1px; }
  h4 i p {
    font-size: 30px; }

@media screen and (max-width: 1240px) {
  h4 {
    font-size: calc(30px * 0.85); }
    h4 i p {
      font-size: calc(30px * 0.85); } }

@media screen and (max-width: 768px) {
  h4 {
    font-size: calc(30px * 0.75); }
    h4 i p {
      font-size: calc(30px * 0.75); } }

@media screen and (max-width: 576px) {
  h4 {
    font-size: 20px; }
    h4 i p {
      font-size: 20px; } }

h5 {
  font-weight: 500;
  font-size: 24px; }
  h5.small {
    font-size: 18px; }

@media screen and (max-width: 768px) {
  h5 {
    font-size: 21px; } }

@media screen and (max-width: 576px) {
  h5 {
    font-size: 20px; } }

footer h5 {
  font-size: 14px; }

p {
  line-height: 1.6;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 0; }

i,
i p {
  font-family: "Plantin MT Pro", serif;
  font-weight: 300;
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 0; }

@media screen and (max-width: 1140px) {
  p {
    font-size: 18px; } }

@media screen and (max-width: 576px) {
  p {
    font-size: 17px;
    line-height: 1.5; } }

body.freeze {
  overflow: hidden; }

#overlap-typo .font-item h3 {
  font-weight: 400;
  font-size: 120px; }

@media screen and (max-width: 576px) {
  #overlap-typo .font-item h3 {
    font-size: 50px; } }

li.menu-item {
  font-size: 150px; }

@media screen and (max-width: 1440px) {
  li.menu-item {
    font-size: calc(150px * 0.85); } }

@media screen and (max-width: 1240px) {
  li.menu-item {
    font-size: calc(150px * 0.75); } }

@media screen and (max-width: 992px) {
  li.menu-item {
    font-size: calc(150px * 0.65); } }

@media screen and (max-width: 768px) {
  li.menu-item {
    font-size: calc(150px * 0.5); } }

@media screen and (max-width: 576px) {
  li.menu-item {
    font-size: 47px; } }

.projects .item .item__name {
  font-size: 53px; }

.projects h4 {
  font-size: 32px; }

@media screen and (max-width: 1440px) {
  .projects .item .item__name {
    font-size: calc(53px * 0.85); } }

@media screen and (max-width: 1240px) {
  .projects .item .item__name {
    font-size: calc(53px * 0.75); } }

@media screen and (max-width: 576px) {
  .projects .item .item__name {
    font-size: 24px; }
  .projects h4 {
    font-size: 32px; } }

.related-projects .projects h3.item__name {
  font-size: 40px; }

@media screen and (max-width: 576px) {
  .related-projects .projects h3.item__name {
    font-size: 24px; } }

.columns-index .col--left .item .item__name {
  font-size: 37px; }

.columns-index .col--mid .item .item__name {
  font-size: 29px; }

.columns-index .col--right .item .item__name {
  font-size: 22px; }

.columns-index h4 {
  font-size: 32px; }

section#contact-form .contact-form__wrapper .wpcf7 form p .wpcf7-not-valid-tip {
  font-size: 14px; }

section#contact-form .contact-form__wrapper .wpcf7 form p input[type="submit"] {
  font-size: 30px; }

@media screen and (max-width: 576px) {
  section#contact-form .contact-form__wrapper .wpcf7 form p input[type="submit"] {
    font-size: 20px; } }

@media screen and (max-width: 576px) {
  section#contact .col__wrapper h3 {
    font-size: 25px;
    letter-spacing: 0.5px; } }

@media screen and (max-width: 576px) {
  .footer__inner h3,
  .footer__inner h4 {
    font-size: 24px; } }

/*========== LAYOUT ==========*/
main {
  width: 100vw;
  margin-top: calc(var(--py) * 2);
  overflow-x: hidden; }
  main.freeze {
    max-height: 101vh;
    overflow: hidden; }
  main section.no-results, main section.not-found {
    padding: var(--py) var(--px);
    text-align: center; }

.section .section__inner {
  padding: 0 var(--px); }

.columns {
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--px) * 2);
  margin-top: calc(var(--py) * 2);
  margin-bottom: calc(var(--py) * 2); }
  .columns img {
    width: 100%; }
  .columns .attachment-large {
    width: 100% !important;
    height: auto !important; }
  .columns video {
    width: 100%; }
  .columns .column {
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-items: center;
    -ms-flex-align: center;
        align-items: center; }
    .columns .column p {
      max-width: 600px;
      display: block; }
  .columns[data-col="col-2-3-3"] .column-2, .columns[data-col="col-3-3-2"] .column-2 {
    width: calc(100% / 8 * 1.55); }
  .columns .column-2 {
    width: calc(100% / 8 * 2); }
  .columns .column-3 {
    width: calc(100% / 8 * 3); }
  .columns .column-4 {
    width: calc(100% / 8 * 4); }
  .columns .column-5 {
    width: calc(100% / 8 * 5); }
  .columns .column-6 {
    width: calc(100% / 8 * 6); }
  .columns .column-7 {
    width: calc(100% / 8 * 7); }
  .columns .column-8 {
    width: calc(100% / 8 * 8); }
  .columns .column-center {
    margin-left: auto;
    margin-right: auto; }

@media screen and (max-width: 576px) {
  .columns {
    gap: calc(var(--px) * 0.5);
    margin-top: calc(var(--py) * 0.5);
    margin-bottom: calc(var(--py) * 0.5);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .columns .column {
      display: none; }
      .columns .column:has(div), .columns .column:has(img) {
        display: inline-block; }
    .columns .column-2 {
      width: calc(100%); }
    .columns .column-3 {
      width: calc(100%); }
    .columns .column-4 {
      width: calc(100%); }
    .columns .column-5 {
      width: calc(100%); }
    .columns .column-6 {
      width: calc(100%); }
    .columns .column-7 {
      width: calc(100%); } }

/*========== INPUT ==========*/
/*========== COMPONENT ==========*/
/*========== HEADER ==========*/
header.header--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  mix-blend-mode: difference; }
  header.header--fixed .header__inner {
    padding: var(--py) var(--px); }
  header.header--fixed .main-logo {
    position: absolute;
    right: var(--px);
    top: var(--py);
    margin-top: -1rem; }
    header.header--fixed .main-logo a {
      display: block; }
    header.header--fixed .main-logo .main-log-svg {
      width: 60px;
      aspect-ratio: 1/1; }
    header.header--fixed .main-logo h1 {
      font-size: 0; }
    header.header--fixed .main-logo.menu--show {
      opacity: 0;
      pointer-events: none; }
  header.header--fixed .icon--hamburger {
    left: 0;
    right: 0;
    margin: auto auto;
    width: 55px;
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    position: relative;
    cursor: pointer; }
    header.header--fixed .icon--hamburger span {
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 100%;
      height: 1px;
      background-color: #fff;
      transition: all 0.4s ease;
      position: absolute;
      margin: auto;
      inset: 0; }
      header.header--fixed .icon--hamburger span:nth-child(1) {
        top: 0;
        bottom: inherit; }
      header.header--fixed .icon--hamburger span:nth-child(3) {
        bottom: 0;
        top: inherit; }
    header.header--fixed .icon--hamburger.menu--show span:nth-child(1) {
      width: 30px;
      right: calc(55px - 30px);
      transform-origin: center center; }
    header.header--fixed .icon--hamburger.menu--show span:nth-child(2) {
      width: 20px;
      right: calc(55px - 20px);
      transform-origin: center center; }
    header.header--fixed .icon--hamburger.menu--show span:nth-child(3) {
      width: 10px;
      right: calc(55px - 10px);
      transform-origin: center center; }

@media screen and (max-width: 576px) {
  header.header--fixed .main-logo .main-log-svg {
    width: 47px; } }

#nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9;
  color: var(--bg-color);
  pointer-events: none;
  opacity: 0; }
  #nav:after {
    content: "";
    display: block;
    background-color: #222;
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 0;
    transition: all 1.2s ease; }
  #nav[aria-expanded="true"] {
    pointer-events: inherit;
    opacity: 1; }
    #nav[aria-expanded="true"]:after {
      height: 100%; }
    #nav[aria-expanded="true"].enter .nav__inner .main-nav__list ul#main-nav__list li.menu-item:nth-child(1) a {
      transition-delay: 0.5s; }
    #nav[aria-expanded="true"].enter .nav__inner .main-nav__list ul#main-nav__list li.menu-item:nth-child(2) a {
      transition-delay: 0.6s; }
    #nav[aria-expanded="true"].enter .nav__inner .main-nav__list ul#main-nav__list li.menu-item:nth-child(3) a {
      transition-delay: 0.7s; }
    #nav[aria-expanded="true"].enter .nav__inner .main-nav__list ul#main-nav__list li.menu-item:nth-child(4) a {
      transition-delay: 0.8s; }
    #nav[aria-expanded="true"] .nav__inner .main-nav__list ul#main-nav__list {
      opacity: 1; }
      #nav[aria-expanded="true"] .nav__inner .main-nav__list ul#main-nav__list li.menu-item a {
        transform: translateY(0); }
  #nav .nav__inner {
    display: -ms-flexbox;
    display: flex;
    padding: var(--py) 0;
    padding-top: calc(var(--py) + 116px);
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2; }
    #nav .nav__inner .main-nav__list {
      width: 100%;
      height: 100%; }
      #nav .nav__inner .main-nav__list ul#main-nav__list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-pack: justify;
            justify-content: space-between;
        -ms-flex-align: space-between;
            align-items: space-between;
        opacity: 0;
        transition: all 0.4s ease;
        transition-delay: 0.3s; }
        #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item {
          list-style: none;
          border-bottom: 1px solid var(--bg-color);
          padding: 1rem var(--px);
          height: calc(100% / 4);
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          overflow: hidden; }
          #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item:last-child {
            border-bottom-width: 0; }
          #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item:nth-child(2n) a {
            margin-left: auto;
            text-align: right; }
          #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a {
            color: var(--bg-color);
            transition: ease 0.5s all;
            display: inline-block;
            width: 100%;
            opacity: 1;
            transition: all 1s ease;
            transform: translateY(160%); }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a span {
              transition: all 1s ease; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(1) {
              letter-spacing: 5px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(2) {
              letter-spacing: 10px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(3) {
              letter-spacing: 15px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(4) {
              letter-spacing: 20px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(5) {
              letter-spacing: 25px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(6) {
              letter-spacing: 30px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(7) {
              letter-spacing: 35px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(8) {
              letter-spacing: 40px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(9) {
              letter-spacing: 45px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(10) {
              letter-spacing: 50px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(11) {
              letter-spacing: 55px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(12) {
              letter-spacing: 60px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(13) {
              letter-spacing: 65px; }
            #nav .nav__inner .main-nav__list ul#main-nav__list li.menu-item a:hover span:nth-child(14) {
              letter-spacing: 70px; }

@media screen and (max-width: 576px) {
  #nav {
    height: 100dvh; } }

/*========== FOOTER ==========*/
footer .footer__inner .footer__col {
  padding: var(--py) var(--px);
  display: -ms-flexbox;
  display: flex; }
  footer .footer__inner .footer__col .footer__col-left {
    width: 400px; }
    footer .footer__inner .footer__col .footer__col-left .block__body {
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: end;
          justify-content: flex-end; }
      footer .footer__inner .footer__col .footer__col-left .block__body .block__item {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0.5rem;
        -ms-flex-align: end;
            align-items: flex-end; }
        footer .footer__inner .footer__col .footer__col-left .block__body .block__item:last-child {
          margin-bottom: 0; }
      footer .footer__inner .footer__col .footer__col-left .block__body h3 {
        font-weight: 400;
        margin-bottom: 0; }
      footer .footer__inner .footer__col .footer__col-left .block__body h5 {
        margin-bottom: 0.65rem;
        margin-right: 1rem; }
  footer .footer__inner .footer__col .footer__col-mid {
    width: calc(100% - 800px);
    text-align: center; }
    footer .footer__inner .footer__col .footer__col-mid .block__body {
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: end;
          align-items: flex-end; }
      footer .footer__inner .footer__col .footer__col-mid .block__body h4 {
        margin-bottom: 0; }
  footer .footer__inner .footer__col .footer__col-right {
    width: 440px;
    min-width: 440px;
    text-align: left; }
    footer .footer__inner .footer__col .footer__col-right h4 {
      text-indent: 7rem; }
      footer .footer__inner .footer__col .footer__col-right h4 p {
        line-height: 1.2; }
    footer .footer__inner .footer__col .footer__col-right .social {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: end;
          justify-content: flex-end;
      margin-top: 2.5rem; }
      footer .footer__inner .footer__col .footer__col-right .social .social__item {
        width: 48px;
        height: 48px;
        display: -ms-inline-flexbox;
        display: inline-flex;
        border-radius: 100px;
        border: 1px solid #000;
        margin-left: 1.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        footer .footer__inner .footer__col .footer__col-right .social .social__item a {
          display: -ms-inline-flexbox;
          display: inline-flex;
          width: 100%;
          height: 100%;
          -ms-flex-pack: center;
              justify-content: center;
          -ms-flex-align: center;
              align-items: center;
          color: #000; }
          footer .footer__inner .footer__col .footer__col-right .social .social__item a:hover {
            transition: all 0.4s ease;
            transform: scale(1.1); }
        footer .footer__inner .footer__col .footer__col-right .social .social__item svg {
          transform: scale(0.3);
          width: 100%;
          height: 100%;
          display: block; }
        footer .footer__inner .footer__col .footer__col-right .social .social__item--fb svg {
          transform: scale(0.25); }

@media screen and (max-width: 1240px) {
  footer .footer__inner .footer__col .footer__col-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: end;
        align-items: flex-end; }
    footer .footer__inner .footer__col .footer__col-right h4 {
      min-width: 370px; }
      footer .footer__inner .footer__col .footer__col-right h4 p {
        margin-bottom: 0; } }

@media screen and (max-width: 992px) {
  footer .footer__inner .footer__col {
    -ms-flex-pack: justify;
        justify-content: space-between; }
    footer .footer__inner .footer__col .footer__col-left {
      width: calc(100% / 3); }
      footer .footer__inner .footer__col .footer__col-left h5 {
        display: none; }
    footer .footer__inner .footer__col .footer__col-mid {
      width: calc(100% / 3); }
    footer .footer__inner .footer__col .footer__col-right {
      width: calc(100% / 3);
      min-width: calc(100% / 3); }
      footer .footer__inner .footer__col .footer__col-right h4 {
        min-width: 370px; }
        footer .footer__inner .footer__col .footer__col-right h4 br {
          display: none; } }

@media screen and (max-width: 768px) {
  footer .footer__inner {
    margin-top: calc(var(--py) * 1.5);
    border-top: 1px solid #000; }
    footer .footer__inner .footer__col {
      -ms-flex-direction: column;
          flex-direction: column; }
      footer .footer__inner .footer__col .footer__col-left,
      footer .footer__inner .footer__col .footer__col-mid,
      footer .footer__inner .footer__col .footer__col-right {
        width: 100%;
        min-width: 100%;
        text-align: center; }
      footer .footer__inner .footer__col .footer__col-left .block__body .block__item {
        -ms-flex-pack: center;
            justify-content: center; }
      footer .footer__inner .footer__col .footer__col-left h5 {
        display: none; }
      footer .footer__inner .footer__col .footer__col-mid {
        margin-bottom: 2rem;
        text-align: left; }
        footer .footer__inner .footer__col .footer__col-mid .block__body {
          -ms-flex-pack: center;
              justify-content: center; }
      footer .footer__inner .footer__col .footer__col-right {
        text-indent: 0;
        display: block; }
        footer .footer__inner .footer__col .footer__col-right h4 {
          text-indent: 0;
          min-width: 100%; }
          footer .footer__inner .footer__col .footer__col-right h4 br {
            display: block; }
        footer .footer__inner .footer__col .footer__col-right .social {
          -ms-flex-pack: center;
              justify-content: center; }
          footer .footer__inner .footer__col .footer__col-right .social .social__item:first-child {
            margin-left: 0; } }

/*========== Homepage ==========*/
.page-template-page-homepage.on-freeze {
  max-height: 100dvh;
  overflow: hidden; }

.page-template-page-homepage.on-start {
  max-height: unset;
  overflow: unset;
  overflow-x: hidden; }
  .page-template-page-homepage.on-start header {
    opacity: 1;
    transition: all 0.6s ease;
    transform: translateY(0); }

.page-template-page-homepage header {
  opacity: 0;
  transform: translateY(-2rem); }
  .page-template-page-homepage header .main-logo {
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease; }
    .page-template-page-homepage header .main-logo.active {
      opacity: 1;
      pointer-events: inherit; }

.page-template-page-homepage main {
  margin: 0;
  height: 100vh;
  overflow: hidden; }
  .page-template-page-homepage main.active {
    height: auto; }

.page-template-page-homepage #section-logo {
  position: relative;
  width: 100vw;
  height: 100dvh;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden; }
  .page-template-page-homepage #section-logo .logo__container {
    width: 97%;
    margin: auto auto 1% auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transform-origin: center center; }
    .page-template-page-homepage #section-logo .logo__container .logo__logotype {
      width: 74%; }
    .page-template-page-homepage #section-logo .logo__container .logo__symbol {
      width: 21%; }
      .page-template-page-homepage #section-logo .logo__container .logo__symbol .open-circle {
        transform-origin: center center;
        z-index: 3;
        position: relative; }
      .page-template-page-homepage #section-logo .logo__container .logo__symbol .grid-lh,
      .page-template-page-homepage #section-logo .logo__container .logo__symbol .grid-lv {
        opacity: 0; }
      .page-template-page-homepage #section-logo .logo__container .logo__symbol .char_line,
      .page-template-page-homepage #section-logo .logo__container .logo__symbol .char_fill {
        opacity: 0; }
      .page-template-page-homepage #section-logo .logo__container .logo__symbol .ending-graphic-fill {
        opacity: 0; }
      .page-template-page-homepage #section-logo .logo__container .logo__symbol #open-fill-circle {
        opacity: 0; }

.page-template-page-homepage #overlap-typo {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 10;
  mix-blend-mode: difference;
  color: #fff;
  opacity: 0; }
  .page-template-page-homepage #overlap-typo.active {
    opacity: 1; }
  .page-template-page-homepage #overlap-typo .font-item {
    position: absolute; }
    .page-template-page-homepage #overlap-typo .font-item h3 {
      margin: 0; }
    .page-template-page-homepage #overlap-typo .font-item--1 {
      left: var(--px);
      top: var(--py); }
    .page-template-page-homepage #overlap-typo .font-item--2 {
      left: var(--px);
      bottom: var(--py); }
    .page-template-page-homepage #overlap-typo .font-item--3 {
      right: var(--px);
      bottom: var(--py);
      min-width: 380px; }
    .page-template-page-homepage #overlap-typo .font-item .font-item__wrapper {
      overflow: hidden; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #overlap-typo {
    color: #000;
    mix-blend-mode: unset; }
    #overlap-typo h3 {
      color: #000; } }

@media screen and (max-width: 576px) {
  .page-template-page-homepage #overlap-typo .font-item--1 {
    top: calc(var(--py) * 2); }
  .page-template-page-homepage #overlap-typo .font-item--3 {
    min-width: 150px; } }

.page-template-page-homepage .showcase-image {
  position: relative;
  z-index: 1;
  padding: var(--py) var(--px);
  min-height: 100vh; }
  .page-template-page-homepage .showcase-image .image__wrapper {
    display: -ms-flexbox;
    display: flex; }
  .page-template-page-homepage .showcase-image#showcase-image--1 {
    z-index: 1; }
    .page-template-page-homepage .showcase-image#showcase-image--1 .image__wrapper img {
      width: 48%;
      margin-left: auto;
      margin-right: 0; }
  .page-template-page-homepage .showcase-image#showcase-image--2 .image__wrapper {
    -ms-flex-align: center;
        align-items: center; }
    .page-template-page-homepage .showcase-image#showcase-image--2 .image__wrapper img {
      width: 62%; }
  .page-template-page-homepage .showcase-image#showcase-image--3 .image__wrapper {
    display: -ms-flexbox;
    display: flex; }
    .page-template-page-homepage .showcase-image#showcase-image--3 .image__wrapper img {
      width: 100%; }

@media screen and (max-width: 576px) {
  .page-template-page-homepage .showcase-image {
    min-height: 40vh; }
    .page-template-page-homepage .showcase-image#showcase-image--1 {
      z-index: 1; }
      .page-template-page-homepage .showcase-image#showcase-image--1 .image__wrapper img {
        width: 100%; }
    .page-template-page-homepage .showcase-image#showcase-image--2 .image__wrapper {
      -ms-flex-align: center;
          align-items: center; }
      .page-template-page-homepage .showcase-image#showcase-image--2 .image__wrapper img {
        width: 100%; }
    .page-template-page-homepage .showcase-image#showcase-image--3 .image__wrapper {
      display: -ms-flexbox;
      display: flex; }
      .page-template-page-homepage .showcase-image#showcase-image--3 .image__wrapper img {
        width: 100%; } }

.page-template-page-homepage section#statement {
  padding: calc(var(--py) * 3) var(--px) calc(var(--py) * 2); }
  .page-template-page-homepage section#statement .statement__wrapper .text__split--2.text__split--2--1 {
    margin-left: calc(var(--px) * 1.5); }

@media screen and (max-width: 576px) {
  .page-template-page-homepage section#statement .statement__wrapper .text__split--2.text__split--2--1 {
    margin-left: 0; } }

.page-template-page-homepage section#principle {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 100vh;
  padding: var(--py) var(--px) calc(var(--py) * 2); }
  .page-template-page-homepage section#principle .section__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .page-template-page-homepage section#principle .section__inner .col__wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      gap: 2rem; }
      .page-template-page-homepage section#principle .section__inner .col__wrapper h3 {
        margin-bottom: 2rem; }
      .page-template-page-homepage section#principle .section__inner .col__wrapper .col--left {
        width: 60%; }
        .page-template-page-homepage section#principle .section__inner .col__wrapper .col--left .principle__title span {
          display: none; }
      .page-template-page-homepage section#principle .section__inner .col__wrapper .col--right {
        width: calc(40% - 2rem);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column; }
        .page-template-page-homepage section#principle .section__inner .col__wrapper .col--right .principle__desc {
          width: 60%;
          height: 100%;
          margin-left: 40%;
          border-left: 1px solid #000;
          padding: 0.5rem 0 1.5rem 1.5rem;
          position: relative; }
          .page-template-page-homepage section#principle .section__inner .col__wrapper .col--right .principle__desc:hover .principle__action {
            opacity: 1; }
          .page-template-page-homepage section#principle .section__inner .col__wrapper .col--right .principle__desc p {
            margin: 0; }
          .page-template-page-homepage section#principle .section__inner .col__wrapper .col--right .principle__desc .principle__action {
            position: absolute;
            width: 90px;
            height: 90px;
            right: 0;
            bottom: 0;
            opacity: 0;
            transition: all 0.4s ease; }

@media screen and (max-width: 576px) {
  .page-template-page-homepage section#principle {
    min-height: 70vh; }
    .page-template-page-homepage section#principle .section__inner .col__wrapper {
      -ms-flex-direction: column;
          flex-direction: column; }
      .page-template-page-homepage section#principle .section__inner .col__wrapper .col--left {
        width: 100%; }
        .page-template-page-homepage section#principle .section__inner .col__wrapper .col--left .principle__title span {
          display: inline-block; }
      .page-template-page-homepage section#principle .section__inner .col__wrapper .col--right {
        width: 100%; }
        .page-template-page-homepage section#principle .section__inner .col__wrapper .col--right .principle__title {
          display: none; }
        .page-template-page-homepage section#principle .section__inner .col__wrapper .col--right .principle__desc {
          width: 100%;
          margin-left: 0; } }

.page-template-page-homepage section#link-to-work {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 100vh;
  padding: calc(var(--py) * 2) var(--px); }
  .page-template-page-homepage section#link-to-work .section__inner {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%; }
    .page-template-page-homepage section#link-to-work .section__inner .col__wrapper {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left,
      .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right {
        width: calc(50%);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        position: relative; }
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left:hover .link-to-work__action,
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right:hover .link-to-work__action {
          opacity: 1; }
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left h2.section_link-to-work,
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right h2.section_link-to-work {
          margin-bottom: -1rem; }
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left h3,
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right h3 {
          margin-bottom: 0; }
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left .link-to-work__action,
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right .link-to-work__action {
          position: absolute;
          width: 90px;
          height: 90px;
          opacity: 0;
          transition: all 0.4s ease;
          z-index: 3; }
          .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left .link-to-work__action a,
          .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right .link-to-work__action a {
            display: inline-block; }
      .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left {
        padding-right: var(--px); }
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left .link-to-work__header {
          margin-bottom: -1rem;
          margin-top: -2rem;
          z-index: 2; }
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left .link-to-work__action {
          right: var(--px); }
      .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right {
        padding-left: var(--px);
        border-left: 1px solid #000; }
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right .link-to-work__header {
          -ms-flex-order: 2;
              order: 2;
          margin-top: -1.8rem;
          z-index: 2;
          text-align: right;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column; }
          .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right .link-to-work__header h2 {
            -ms-flex-order: 2;
                order: 2;
            margin-top: -1rem; }
          .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right .link-to-work__header h3 {
            -ms-flex-order: 1;
                order: 1; }
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right .link-to-work__action {
          bottom: 0;
          left: var(--px); }

@media screen and (max-width: 576px) {
  .page-template-page-homepage section#link-to-work .section__inner .col__wrapper {
    -ms-flex-direction: column;
        flex-direction: column; }
    .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left,
    .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right {
      width: 100%; }
      .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left .link-to-work__header,
      .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right .link-to-work__header {
        margin-bottom: 0; }
      .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left .link-to-work__action,
      .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right .link-to-work__action {
        display: none; }
    .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--left {
      width: 100%;
      padding-right: 0;
      margin-bottom: var(--py); }
    .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right {
      padding-left: 0;
      border-left-width: 0; }
      .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right .link-to-work__header {
        margin-top: inherit;
        -ms-flex-order: 1;
            order: 1; }
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right .link-to-work__header h2 {
          margin-top: inherit;
          -ms-flex-order: 1;
              order: 1; }
        .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right .link-to-work__header h3 {
          -ms-flex-order: 2;
              order: 2; }
      .page-template-page-homepage section#link-to-work .section__inner .col__wrapper .col--right .link-to-work__image__wrapper {
        -ms-flex-order: 2;
            order: 2; } }

.page-template-page-homepage section#link-to-others {
  min-height: 600px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  padding: calc(var(--py) * 2) var(--px) var(--py); }
  .page-template-page-homepage section#link-to-others .section__inner {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%; }
    .page-template-page-homepage section#link-to-others .section__inner .col__wrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 100%;
      height: 100%;
      gap: var(--px); }
      .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left {
        width: calc(100% - 350px - var(--px)); }
        .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -ms-flex-pack: justify;
              justify-content: space-between;
          max-width: 950px;
          margin-top: -1.75rem; }
          .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others.active .others__item {
            animation: -fadeInUp 2s ease forwards; }
            .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others.active .others__item:nth-child(2n) {
              animation-delay: 0.1s; }
            .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others.active .others__item:nth-child(3n) {
              animation-delay: 0.2s; }
            .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others.active .others__item:nth-child(4n) {
              animation-delay: 0.3s; }
          .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others .others__item {
            width: 47%;
            display: -ms-flexbox;
            display: flex;
            border-bottom: 1px solid #000;
            padding: 1.75rem 0;
            -ms-flex-pack: justify;
                justify-content: space-between;
            -ms-flex-align: center;
                align-items: center;
            opacity: 0;
            transform: translateY(3rem);
            transition: ease var(--d5) all; }
            .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others .others__item h3 {
              margin-bottom: 0;
              display: inline-block;
              width: 100%; }
              .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others .others__item h3 a {
                display: inline-block;
                width: 100%; }
            .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others .others__item .others__item__action img {
              width: 40px;
              height: auto;
              transition: ease var(--d5) all; }
            .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others .others__item:hover {
              opacity: 0.5; }
              .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others .others__item:hover .others__item__action img {
                margin-right: 0.5rem; }
      .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--right {
        width: 350px; }
        .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--right .link-to-others__image--1 {
          opacity: 0;
          transform: translateY(3rem);
          transition: ease var(--d5) all; }
          .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--right .link-to-others__image--1.active {
            animation: -fadeInUp 2s 0.4s ease forwards; }

@media screen and (max-width: 576px) {
  .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left {
    width: 100%; }
    .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others {
      -ms-flex-direction: column;
          flex-direction: column; }
      .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--left .others .others__item {
        width: 100%; }
  .page-template-page-homepage section#link-to-others .section__inner .col__wrapper .col--right {
    width: 100%; } }

/*========== About US ==========*/
.page-template-page-about section {
  display: -ms-flexbox;
  display: flex;
  padding: calc(var(--py) * 3) var(--px); }

.page-template-page-about section#head-statement {
  padding-top: calc(var(--py) * 4); }

.page-template-page-about section#about-company .col__wrapper {
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--px) * 2); }
  .page-template-page-about section#about-company .col__wrapper .col--left {
    width: 62%; }
    .page-template-page-about section#about-company .col__wrapper .col--left img {
      margin-bottom: var(--py);
      display: block;
      transform-origin: top left; }
  .page-template-page-about section#about-company .col__wrapper .col--right {
    width: 38%; }

@media screen and (max-width: 768px) {
  .page-template-page-about section#about-company .col__wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 0; }
    .page-template-page-about section#about-company .col__wrapper .col--left {
      width: 100%; }
    .page-template-page-about section#about-company .col__wrapper .col--right {
      width: 100%; } }

.page-template-page-about section#mid-statement {
  padding-top: calc(var(--py) * 2);
  padding-bottom: calc(var(--py) * 2); }
  .page-template-page-about section#mid-statement .statement__wrapper .text__split--2.text__split--2--1 {
    margin-left: calc(var(--px) * 1.5); }

@media screen and (max-width: 576px) {
  .page-template-page-about {
    padding-top: calc(var(--py) * 3);
    padding-bottom: 0; }
    .page-template-page-about section#mid-statement .statement__wrapper .text__split--2.text__split--2--1 {
      margin-left: 0; } }

.page-template-page-about section#about-founder {
  padding-top: calc(var(--py) * 2);
  padding-bottom: calc(var(--py)); }
  .page-template-page-about section#about-founder .col__wrapper {
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--px) * 2); }
    .page-template-page-about section#about-founder .col__wrapper .col--left {
      width: 48%;
      padding-top: calc(var(--py) * 1.8); }
    .page-template-page-about section#about-founder .col__wrapper .col--right {
      width: 52%;
      text-align: right; }

@media screen and (max-width: 768px) {
  .page-template-page-about section#about-founder .col__wrapper {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 0; }
    .page-template-page-about section#about-founder .col__wrapper .col--left {
      width: 100%;
      -ms-flex-order: 2;
          order: 2;
      padding-top: var(--py); }
    .page-template-page-about section#about-founder .col__wrapper .col--right {
      width: 100%;
      -ms-flex-order: 1;
          order: 1;
      text-align: left; }
      .page-template-page-about section#about-founder .col__wrapper .col--right .about-founder__portrait .about-founder--image-1 {
        transform-origin: top left; } }

section#showcase .showcase__wrapper {
  width: 100%; }
  section#showcase .showcase__wrapper img {
    width: 100%; }

.page-template-page-about section#team .team__wrapper .team__portrait {
  display: none; }

.page-template-page-about section#team .team__wrapper .team__member {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem; }
  .page-template-page-about section#team .team__wrapper .team__member.team__member__grid_1 .member {
    width: calc(100% / 1); }
  .page-template-page-about section#team .team__wrapper .team__member.team__member__grid_2 .member {
    width: calc(100% / 2); }
  .page-template-page-about section#team .team__wrapper .team__member.team__member__grid_3 .member {
    width: calc(100% / 3); }
  .page-template-page-about section#team .team__wrapper .team__member.team__member__grid_4 .member {
    width: calc(100% / 4); }
  .page-template-page-about section#team .team__wrapper .team__member.team__member__grid_5 .member {
    width: calc(100% / 5); }
  .page-template-page-about section#team .team__wrapper .team__member.team__member__grid_6 .member {
    width: calc(100% / 6); }
  .page-template-page-about section#team .team__wrapper .team__member.team__member__grid_7 .member {
    width: calc(100% / 7); }
  .page-template-page-about section#team .team__wrapper .team__member.team__member__grid_8 .member {
    width: calc(100% / 8); }
  .page-template-page-about section#team .team__wrapper .team__member.team__member__grid_9 .member {
    width: calc(100% / 9); }
  .page-template-page-about section#team .team__wrapper .team__member.team__member__grid_10 .member {
    width: calc(100% / 10); }
  .page-template-page-about section#team .team__wrapper .team__member .member.member--order-0 {
    -ms-flex-order: 1;
        order: 1; }
  .page-template-page-about section#team .team__wrapper .team__member .member.member--order-1 {
    -ms-flex-order: 2;
        order: 2; }
  .page-template-page-about section#team .team__wrapper .team__member .member.member--order-2 {
    -ms-flex-order: 3;
        order: 3; }
  .page-template-page-about section#team .team__wrapper .team__member .member.member--order-3 {
    -ms-flex-order: 4;
        order: 4; }
  .page-template-page-about section#team .team__wrapper .team__member .member.member--order-4 {
    -ms-flex-order: 5;
        order: 5; }
  .page-template-page-about section#team .team__wrapper .team__member .member.member--order-5 {
    -ms-flex-order: 6;
        order: 6; }
  .page-template-page-about section#team .team__wrapper .team__member .member.member--order-6 {
    -ms-flex-order: 7;
        order: 7; }
  .page-template-page-about section#team .team__wrapper .team__member .member.member--order-7 {
    -ms-flex-order: 8;
        order: 8; }
  .page-template-page-about section#team .team__wrapper .team__member .member.member--order-8 {
    -ms-flex-order: 9;
        order: 9; }
  .page-template-page-about section#team .team__wrapper .team__member .member.member--order-9 {
    -ms-flex-order: 10;
        order: 10; }
  .page-template-page-about section#team .team__wrapper .team__member .member.member--order-10 {
    -ms-flex-order: 11;
        order: 11; }
  .page-template-page-about section#team .team__wrapper .team__member .member .member__portrait img {
    width: 95%;
    display: block;
    margin: 0 auto; }
  .page-template-page-about section#team .team__wrapper .team__member .member h4.member__title {
    margin-bottom: 0.75rem;
    margin-top: var(--py); }
  .page-template-page-about section#team .team__wrapper .team__member .member h4.member__occupation,
  .page-template-page-about section#team .team__wrapper .team__member .member h5.member__occupation {
    margin-bottom: 1.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .page-template-page-about section#team .team__wrapper .team__member .member h4.member__occupation .hash,
    .page-template-page-about section#team .team__wrapper .team__member .member h5.member__occupation .hash {
      width: 0.5rem;
      height: 1px;
      background-color: #000;
      margin-right: 0.75rem;
      margin-top: -0.25rem;
      display: inline-block; }
  .page-template-page-about section#team .team__wrapper .team__member .member .member__short-desc p {
    font-size: 18px; }

@media screen and (max-width: 1240px) {
  .page-template-page-about section#team .team__wrapper .team__member {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center; }
    .page-template-page-about section#team .team__wrapper .team__member .member {
      width: calc(100% / 3 - 1.5rem) !important; }
      .page-template-page-about section#team .team__wrapper .team__member .member .member__portrait img {
        width: 80%; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(1) {
        -ms-flex-order: 1;
            order: 1; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(2) {
        -ms-flex-order: 2;
            order: 2; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(3) {
        -ms-flex-order: 3;
            order: 3; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(4) {
        -ms-flex-order: 4;
            order: 4; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(5) {
        -ms-flex-order: 5;
            order: 5; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(6) {
        -ms-flex-order: 6;
            order: 6; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(7) {
        -ms-flex-order: 7;
            order: 7; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(8) {
        -ms-flex-order: 8;
            order: 8; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(9) {
        -ms-flex-order: 9;
            order: 9; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(10) {
        -ms-flex-order: 10;
            order: 10; } }

@media screen and (max-width: 768px) {
  .page-template-page-about section#team .team__wrapper .team__member {
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .page-template-page-about section#team .team__wrapper .team__member .member {
      width: calc(100% / 2 - 1.5rem) !important; }
      .page-template-page-about section#team .team__wrapper .team__member .member .member__portrait img {
        width: 80%; } }

@media screen and (max-width: 576px) {
  .page-template-page-about section#team .team__wrapper .team__member {
    -ms-flex-direction: column;
        flex-direction: column; }
    .page-template-page-about section#team .team__wrapper .team__member .member {
      width: 100% !important; }
      .page-template-page-about section#team .team__wrapper .team__member .member .member__portrait img {
        width: 60%; }
      .page-template-page-about section#team .team__wrapper .team__member .member .member__short-desc p {
        font-size: inherit; }
      .page-template-page-about section#team .team__wrapper .team__member .member h5.member__occupation {
        -ms-flex-align: start;
            align-items: flex-start; }
        .page-template-page-about section#team .team__wrapper .team__member .member h5.member__occupation .hash {
          margin-top: 0.55rem; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(1) {
        -ms-flex-order: 1;
            order: 1; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(2) {
        -ms-flex-order: 2;
            order: 2; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(3) {
        -ms-flex-order: 3;
            order: 3; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(4) {
        -ms-flex-order: 4;
            order: 4; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(5) {
        -ms-flex-order: 5;
            order: 5; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(6) {
        -ms-flex-order: 6;
            order: 6; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(7) {
        -ms-flex-order: 7;
            order: 7; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(8) {
        -ms-flex-order: 8;
            order: 8; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(9) {
        -ms-flex-order: 9;
            order: 9; }
      .page-template-page-about section#team .team__wrapper .team__member .member:nth-child(10) {
        -ms-flex-order: 10;
            order: 10; } }

.page-template-page-about section#awards .awards__wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .page-template-page-about section#awards .awards__wrapper .col__wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .page-template-page-about section#awards .awards__wrapper .col__wrapper .col--left {
      width: 30%; }
    .page-template-page-about section#awards .awards__wrapper .col__wrapper .col--right {
      width: 70%; }
      .page-template-page-about section#awards .awards__wrapper .col__wrapper .col--right .award__list {
        border-left: #000 1px solid;
        padding-bottom: var(--py); }
        .page-template-page-about section#awards .awards__wrapper .col__wrapper .col--right .award__list .award__item {
          padding: 2rem var(--px);
          border-bottom: #000 1px solid;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center; }
          .page-template-page-about section#awards .awards__wrapper .col__wrapper .col--right .award__list .award__item .award__item__year {
            padding-right: 3rem;
            width: 100px; }
          .page-template-page-about section#awards .awards__wrapper .col__wrapper .col--right .award__list .award__item p {
            margin-bottom: 0; }

@media screen and (max-width: 576px) {
  .page-template-page-about section#awards .awards__wrapper .col__wrapper {
    -ms-flex-direction: column;
        flex-direction: column; }
    .page-template-page-about section#awards .awards__wrapper .col__wrapper .col--left {
      width: 100%; }
    .page-template-page-about section#awards .awards__wrapper .col__wrapper .col--right {
      width: 100%; }
      .page-template-page-about section#awards .awards__wrapper .col__wrapper .col--right .award__list .award__item {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: start;
            align-items: flex-start;
        padding-right: 0; }
        .page-template-page-about section#awards .awards__wrapper .col__wrapper .col--right .award__list .award__item .award__item__year {
          padding: 0; } }

.page-template-page-about section#partner .partner__wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .page-template-page-about section#partner .partner__wrapper .col__wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--left {
      width: 30%; }
    .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--right {
      width: 70%; }
      .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--right .partner__list {
        border-left: #000 1px solid;
        padding-bottom: var(--py);
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
        .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--right .partner__list .partner__item {
          width: 50%;
          border-bottom: #000 1px solid;
          padding: 2rem var(--px);
          -ms-flex-align: center;
              align-items: center; }
          .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--right .partner__list .partner__item .partner__item__logo {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
                align-items: center;
            height: 100%; }
            .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--right .partner__list .partner__item .partner__item__logo a {
              display: -ms-inline-flexbox;
              display: inline-flex;
              height: 100%;
              -ms-flex-align: center;
                  align-items: center; }
          .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--right .partner__list .partner__item img {
            max-width: 250px;
            max-height: 65px;
            width: auto;
            height: auto; }

@media screen and (max-width: 992px) {
  .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--right .partner__list .partner__item img {
    max-width: calc(250px / 1.5);
    max-height: calc(65px / 1.5); } }

@media screen and (max-width: 768px) {
  .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--right .partner__list .partner__item {
    padding-right: 0; }
    .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--right .partner__list .partner__item img {
      max-width: calc(250px / 2);
      max-height: calc(65px / 2); } }

@media screen and (max-width: 576px) {
  .page-template-page-about section#partner .partner__wrapper .col__wrapper {
    -ms-flex-direction: column;
        flex-direction: column; }
    .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--left {
      width: 100%; }
    .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--right {
      width: 100%; }
      .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--right .partner__list .partner__item {
        padding-right: 0; }
        .page-template-page-about section#partner .partner__wrapper .col__wrapper .col--right .partner__list .partner__item img {
          max-width: calc(250px / 2);
          max-height: calc(65px / 2); } }

/*========== WORK ==========*/
.project-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: calc(var(--py) * 3.5);
  margin-bottom: calc(var(--py) * 2);
  padding: 0 var(--px);
  text-transform: lowercase;
  gap: 1rem;
  opacity: 0;
  animation: -fadeIn var(--d10) forwards; }
  .project-nav.project-sub-nav {
    margin-top: calc(var(--py) * -2); }
  .project-nav h4 {
    padding: 1rem;
    margin-bottom: 0;
    transition: all ease 0.4s;
    cursor: pointer; }
    .project-nav h4 a.inactive {
      opacity: 0.4; }
    .project-nav h4:hover {
      opacity: 0.6; }

@media screen and (max-width: 576px) {
  .project-nav {
    gap: 0.5rem;
    margin-top: calc(var(--py) * 1.5);
    margin-bottom: calc(var(--py) * 1.5); }
    .project-nav.project-sub-nav {
      margin-top: calc(var(--py) * -1.5); }
    .project-nav h4 {
      padding: 0.25rem;
      font-size: 18px; } }

.project-empty {
  padding: var(--py) var(--px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center; }

.projects .col--mobile {
  display: none; }

.projects .col--desktop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: calc(var(--py) * 2);
  padding-left: 1rem;
  padding-right: 1rem; }
  .projects .col--desktop .col--left,
  .projects .col--desktop .col--mid,
  .projects .col--desktop .col--right,
  .projects .col--desktop .col {
    width: calc(100% / 3);
    box-sizing: border-box;
    position: relative;
    opacity: 0;
    animation: -fadeIn var(--d10) 0.6s forwards; }
  .projects .col--desktop .col--mid::before, .projects .col--desktop .col--mid::after {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    content: "";
    display: inline-block;
    background-color: #000; }
  .projects .col--desktop .col--mid::before {
    left: 0; }
  .projects .col--desktop .col--mid::after {
    right: 0; }

.projects .item {
  padding: 0rem 2rem calc(var(--py) * 2) 2rem; }
  .projects .item:last-child {
    padding-bottom: 0; }
  .projects .item:hover .item__img img {
    height: 112% !important;
    filter: brightness(1); }
  .projects .item .item__img {
    position: relative;
    overflow: hidden; }
    .projects .item .item__img a:hover {
      opacity: 1; }
    .projects .item .item__img img {
      -o-object-fit: cover;
         object-fit: cover;
      height: 100% !important;
      width: auto !important;
      position: absolute;
      left: 50%;
      top: 50%;
      transition: all var(--d7) ease;
      transform: translate(-50%, -50%);
      filter: brightness(0.8); }
    .projects .item .item__img::after {
      padding-top: 167%;
      content: "";
      display: block;
      background-color: #eee; }
  .projects .item .item__name {
    padding: calc(var(--py) * 0.5) 0;
    margin-bottom: 0;
    margin-top: 0.5rem;
    line-height: 0.9;
    transition: all 0.4s ease; }

.projects h4 {
  margin-top: 1.5rem; }

@media screen and (max-width: 992px) {
  .projects .col--desktop {
    display: none; }
  .projects .col--mobile {
    display: -ms-flexbox;
    display: flex; }
    .projects .col--mobile .col--left,
    .projects .col--mobile .col--mid,
    .projects .col--mobile .col--right,
    .projects .col--mobile .col {
      width: calc(100% / 2);
      box-sizing: border-box;
      position: relative;
      opacity: 0;
      animation: -fadeIn var(--d10) 0.6s forwards; }
    .projects .col--mobile .col--left::after {
      position: absolute;
      width: 1px;
      height: 100%;
      top: 0;
      content: "";
      display: inline-block;
      background-color: #000; }
    .projects .col--mobile .col--left::after {
      right: 0; } }

@media screen and (max-width: 576px) {
  .projects .item {
    padding: 0rem 1rem calc(var(--py) * 0.5) 1rem; }
    .projects .item .item__name {
      margin-top: 0; }
      .projects .item .item__name i {
        letter-spacing: -1px; } }

/*========== SINGLE WORK ==========*/
.single-project-content {
  opacity: 0;
  animation: -fadeIn var(--d10) 0.6s forwards; }
  .single-project-content .section__title h1 {
    margin-bottom: 0;
    margin-left: -0.35rem; }
  .single-project-content .section__title h3 {
    margin-bottom: 0;
    font-weight: 400; }
  .single-project-content .section__title .work__terms {
    margin-bottom: calc(var(--py) * -0.15); }
  .single-project-content .section__title .work__terms--2 h3 {
    display: none; }
    .single-project-content .section__title .work__terms--2 h3:last-child {
      display: inline-block; }
  .single-project-content .section__banner-image {
    margin-top: var(--py); }
    .single-project-content .section__banner-image .columns {
      margin-top: 0; }

@media screen and (max-width: 576px) {
  .single-project-content .section__title h1 {
    margin-top: calc(var(--py) * 1.5); }
  .single-project-content .section__columns .column-text-wrapper {
    margin-top: 0.5rem; } }

.related-projects {
  margin: calc(var(--py) * 5) 0 calc(var(--py) * 2); }
  .related-projects .section__title .section__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .related-projects .section__title .section__inner:hover .section__action {
      opacity: 1; }
    .related-projects .section__title .section__inner h2 {
      line-height: 1.1; }
    .related-projects .section__title .section__inner .section__action {
      display: inline-block;
      width: 100px;
      height: 100px;
      opacity: 0;
      transition: all 0.4s ease; }
  .related-projects .section__content .projects {
    width: calc((100% / 8 * 7));
    margin-top: var(--px); }
    .related-projects .section__content .projects .col {
      width: 100%;
      display: -ms-flexbox;
      display: flex; }
      .related-projects .section__content .projects .col .item {
        width: calc(100% / 3); }

@media screen and (max-width: 576px) {
  .related-projects {
    margin: calc(var(--py) * 2) 0 calc(var(--py) * 1); }
    .related-projects .section__title {
      text-align: center; }
      .related-projects .section__title .section__inner {
        width: 100%;
        -ms-flex-pack: center;
            justify-content: center; }
        .related-projects .section__title .section__inner h4 br {
          display: none; }
        .related-projects .section__title .section__inner .section__action {
          display: none; }
    .related-projects .section__content .projects {
      width: 100%;
      margin-top: 1rem; }
      .related-projects .section__content .projects .col .item {
        width: calc(100% / 2); }
        .related-projects .section__content .projects .col .item:last-child {
          padding-right: var(--px);
          padding-left: 0.5rem; }
        .related-projects .section__content .projects .col .item:first-child {
          padding-left: var(--px);
          padding-right: 0.5rem; } }

/*========== COLUMN ==========*/
.column-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: calc(var(--py) * 3.5);
  margin-bottom: calc(var(--py) * 2);
  padding: 0 var(--px);
  text-transform: lowercase;
  gap: 1rem;
  opacity: 0;
  animation: -fadeIn var(--d10) forwards; }
  .column-nav h4 {
    padding: 1rem;
    margin-bottom: 0;
    transition: all ease 0.4s;
    cursor: pointer; }
    .column-nav h4:hover {
      opacity: 0.6; }

.column-sorting {
  position: absolute;
  margin-top: calc(var(--py) * -1);
  margin-left: calc(var(--px) * 1); }
  .column-sorting .sorting__wrapper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center; }
    .column-sorting .sorting__wrapper .icon-circle {
      width: 20px;
      height: 20px;
      display: inline-block;
      border: 2px solid #000;
      border-radius: 20px;
      margin-right: 1rem; }
    .column-sorting .sorting__wrapper h5 {
      font-weight: bold;
      margin: 0;
      text-transform: uppercase;
      word-spacing: 3px;
      letter-spacing: 0.5px; }

.columns-index {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: calc(var(--py) * 2);
  padding-left: 1rem;
  padding-right: 1rem;
  -ms-flex-pack: center;
      justify-content: center; }
  .columns-index .col--left {
    width: calc(100% / 5 * 2.5); }
  .columns-index .col--mid {
    width: calc(100% / 5 * 1.5); }
  .columns-index .col--right {
    width: calc(100% / 5 * 1); }
  .columns-index .col--left,
  .columns-index .col--mid,
  .columns-index .col--right {
    box-sizing: border-box;
    position: relative;
    opacity: 0;
    overflow: hidden;
    animation: -fadeIn var(--d10) 0.6s forwards; }
    .columns-index .col--left .item,
    .columns-index .col--mid .item,
    .columns-index .col--right .item {
      padding: 0rem 2rem calc(var(--py) * 1.5) 2rem; }
      .columns-index .col--left .item:last-child,
      .columns-index .col--mid .item:last-child,
      .columns-index .col--right .item:last-child {
        padding-bottom: 0; }
      .columns-index .col--left .item:hover .item__img img,
      .columns-index .col--mid .item:hover .item__img img,
      .columns-index .col--right .item:hover .item__img img {
        height: 112% !important;
        filter: brightness(1); }
      .columns-index .col--left .item .item__img,
      .columns-index .col--mid .item .item__img,
      .columns-index .col--right .item .item__img {
        position: relative;
        overflow: hidden; }
        .columns-index .col--left .item .item__img a:hover,
        .columns-index .col--mid .item .item__img a:hover,
        .columns-index .col--right .item .item__img a:hover {
          opacity: 1; }
        .columns-index .col--left .item .item__img img,
        .columns-index .col--mid .item .item__img img,
        .columns-index .col--right .item .item__img img {
          height: auto !important;
          width: 100% !important;
          transition: all var(--d7) ease;
          filter: brightness(0.8); }
      .columns-index .col--left .item .item__name,
      .columns-index .col--mid .item .item__name,
      .columns-index .col--right .item .item__name {
        padding: calc(var(--py) * 0.5) 0;
        margin-bottom: 0; }
  .columns-index .col--mid::before, .columns-index .col--mid::after {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    content: "";
    display: inline-block;
    background-color: #000; }
  .columns-index .col--mid::before {
    left: 0; }
  .columns-index .col--mid::after {
    right: 0; }
  .columns-index h4 {
    margin-top: 1.5rem; }

/*========== TESTIMONIALS  ==========*/
.testimonials__page__title {
  padding: calc(var(--py) * 3.5) var(--px) var(--py);
  text-align: center;
  opacity: 0;
  animation: -fadeIn 3s ease forwards; }
  .testimonials__page__title h4 {
    margin-bottom: 0; }

section#testimonials {
  display: block;
  width: 100%;
  padding-bottom: calc(var(--py) * 2.5); }
  section#testimonials .testimonial__wrapper {
    width: 100vw;
    max-width: 1200px;
    padding: 0 var(--px);
    margin: 0 auto; }
    section#testimonials .testimonial__wrapper .testimonials__list {
      display: block; }
      section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer {
        opacity: 0;
        pointer-events: none;
        visibility: hidden; }
      section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer,
      section#testimonials .testimonial__wrapper .testimonials__list .item {
        width: calc(50% - 2rem);
        margin: 1rem;
        border-radius: 0;
        opacity: 0;
        transform: translateY(5em);
        animation: -fadeInUp 1.2s ease-out forwards;
        position: relative; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:hover .item__action,
        section#testimonials .testimonial__wrapper .testimonials__list .item:hover .item__action {
          opacity: 1; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(0),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(0) {
          animation-delay: 0s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(1),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(1) {
          animation-delay: 0.4s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(2),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(2) {
          animation-delay: 0.8s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(3),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(3) {
          animation-delay: 1.2s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(4),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(4) {
          animation-delay: 1.6s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(5),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(5) {
          animation-delay: 2s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(6),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(6) {
          animation-delay: 2.4s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(7),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(7) {
          animation-delay: 2.8s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(8),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(8) {
          animation-delay: 3.2s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(9),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(9) {
          animation-delay: 3.6s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(10),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(10) {
          animation-delay: 4s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(11),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(11) {
          animation-delay: 4.4s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(12),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(12) {
          animation-delay: 4.8s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(13),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(13) {
          animation-delay: 5.2s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(14),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(14) {
          animation-delay: 5.6s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(15),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(15) {
          animation-delay: 6s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(16),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(16) {
          animation-delay: 6.4s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(17),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(17) {
          animation-delay: 6.8s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(18),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(18) {
          animation-delay: 7.2s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(19),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(19) {
          animation-delay: 7.6s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(20),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(20) {
          animation-delay: 8s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(21),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(21) {
          animation-delay: 8.4s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(22),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(22) {
          animation-delay: 8.8s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(23),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(23) {
          animation-delay: 9.2s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(24),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(24) {
          animation-delay: 9.6s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(25),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(25) {
          animation-delay: 10s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(26),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(26) {
          animation-delay: 10.4s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(27),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(27) {
          animation-delay: 10.8s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(28),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(28) {
          animation-delay: 11.2s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(29),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(29) {
          animation-delay: 11.6s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer:nth-child(30),
        section#testimonials .testimonial__wrapper .testimonials__list .item:nth-child(30) {
          animation-delay: 12s; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer a,
        section#testimonials .testimonial__wrapper .testimonials__list .item a {
          transition: all 0.6s ease; }
          section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer a:hover,
          section#testimonials .testimonial__wrapper .testimonials__list .item a:hover {
            opacity: 0.6; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__info__wrapper,
        section#testimonials .testimonial__wrapper .testimonials__list .item .item__info__wrapper {
          border: #fff 1px solid;
          padding: 11rem 1.5rem 2rem 2rem;
          background-color: #fff;
          border-radius: 16px;
          position: relative;
          z-index: 1; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__action,
        section#testimonials .testimonial__wrapper .testimonials__list .item .item__action {
          position: absolute;
          bottom: 2rem;
          right: 1.5rem;
          width: 50px;
          height: 50px;
          opacity: 0;
          transition: all ease 0.4s; }
          section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__action a,
          section#testimonials .testimonial__wrapper .testimonials__list .item .item__action a {
            display: -ms-flexbox;
            display: flex;
            width: 100%;
            height: 100%;
            background-image: url("assets/svg/icon-arrow-right--black-bold.svg");
            background-size: 25px auto;
            background-repeat: no-repeat;
            background-position: bottom right; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__info,
        section#testimonials .testimonial__wrapper .testimonials__list .item .item__info {
          position: relative; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__name,
        section#testimonials .testimonial__wrapper .testimonials__list .item .item__name {
          padding-bottom: 0.25rem;
          margin-bottom: 0;
          padding-right: 70px; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__occupation,
        section#testimonials .testimonial__wrapper .testimonials__list .item .item__occupation {
          margin-bottom: 0rem;
          padding-right: 70px; }
          section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__occupation p,
          section#testimonials .testimonial__wrapper .testimonials__list .item .item__occupation p {
            font-size: 15px;
            margin-bottom: 0;
            font-weight: 500; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__feature_image,
        section#testimonials .testimonial__wrapper .testimonials__list .item .item__feature_image {
          width: 75%;
          aspect-ratio: 1/1.3;
          border-radius: 200px;
          background-color: #ddd;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: -9rem;
          z-index: 2;
          position: relative; }
        section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__excerpt,
        section#testimonials .testimonial__wrapper .testimonials__list .item .item__excerpt {
          overflow: hidden;
          margin-bottom: 2rem; }
          section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__excerpt:before, section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__excerpt:after,
          section#testimonials .testimonial__wrapper .testimonials__list .item .item__excerpt:before,
          section#testimonials .testimonial__wrapper .testimonials__list .item .item__excerpt:after {
            display: inline;
            font-size: 30px;
            font-family: "Plantin MT Pro", serif;
            vertical-align: -0.2em;
            line-height: 0.1em; }
          section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__excerpt:before,
          section#testimonials .testimonial__wrapper .testimonials__list .item .item__excerpt:before {
            content: open-quote;
            margin-right: 0.15rem; }
          section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__excerpt::after,
          section#testimonials .testimonial__wrapper .testimonials__list .item .item__excerpt::after {
            content: close-quote;
            margin-left: 0.15rem; }
          section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__excerpt p,
          section#testimonials .testimonial__wrapper .testimonials__list .item .item__excerpt p {
            font-family: "Plantin MT Pro", serif;
            display: inline; }

@media screen and (max-width: 992px) {
  section#testimonials .testimonial__wrapper {
    padding: 0 calc(var(--px) / 2); }
    section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer,
    section#testimonials .testimonial__wrapper .testimonials__list .item {
      width: calc(50% - 1rem);
      margin: 0.5rem; } }

@media screen and (max-width: 576px) {
  .testimonials__page__title {
    padding: calc(var(--py) * 1.5) var(--px); }
  section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer,
  section#testimonials .testimonial__wrapper .testimonials__list .item {
    width: 100%;
    margin: 0.5rem 0;
    display: block; }
    section#testimonials .testimonial__wrapper .testimonials__list .grid-sizer .item__action,
    section#testimonials .testimonial__wrapper .testimonials__list .item .item__action {
      opacity: 1; } }

/*========== SINGLE TESTIMONIALS  ==========*/
.single-testimonial-content {
  padding: 0 var(--px); }
  .single-testimonial-content .section__content {
    max-width: var(--max-content-width);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: calc(var(--py)) 0;
    margin: calc(var(--py) * 2) auto var(--py);
    opacity: 0;
    transform: translateY(3rem);
    animation: -fadeInUp 1.5s ease forwards; }
    .single-testimonial-content .section__content:before, .single-testimonial-content .section__content:after {
      font-size: 45px;
      font-family: "Plantin MT Pro", serif;
      vertical-align: -0.2em;
      line-height: 0.1em;
      display: block; }
    .single-testimonial-content .section__content:before {
      content: open-quote;
      margin-right: 0.15rem; }
    .single-testimonial-content .section__content::after {
      content: close-quote;
      margin-left: 0.15rem;
      text-align: right; }
  .single-testimonial-content .section__info {
    max-width: var(--max-content-width);
    margin: 0 auto;
    opacity: 0;
    transform: translateY(5rem);
    animation: -fadeInUp 1.5s ease forwards; }
    .single-testimonial-content .section__info .item__title {
      margin-bottom: 0.25rem; }
    .single-testimonial-content .section__info .item__occupation {
      font-weight: 500; }

/*========== PRESS ==========*/
section#presses {
  margin-top: calc(var(--py) * 2.5);
  padding: 0 var(--px); }
  section#presses .press__wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
    section#presses .press__wrapper .press__list {
      padding-bottom: var(--py); }
      section#presses .press__wrapper .press__list .press__item {
        padding: 2rem 0;
        border-bottom: #000 1px solid;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
            align-items: flex-start;
        gap: 3rem; }
        section#presses .press__wrapper .press__list .press__item:hover .press__item__zoom-image img {
          opacity: 1; }
        section#presses .press__wrapper .press__list .press__item.press__item_with_hyperlink:hover .press__item__hyperlink {
          opacity: 1; }
        section#presses .press__wrapper .press__list .press__item .press__item_logo {
          width: 20%;
          max-width: 270px; }
          section#presses .press__wrapper .press__list .press__item .press__item_logo img {
            width: auto;
            max-width: 100%;
            max-height: 55px;
            mix-blend-mode: multiply;
            display: block; }
          section#presses .press__wrapper .press__list .press__item .press__item_logo a:hover {
            opacity: 1; }
            section#presses .press__wrapper .press__list .press__item .press__item_logo a:hover img {
              opacity: 0.7; }
        section#presses .press__wrapper .press__list .press__item .press__item__year {
          width: 120px;
          text-align: center; }
        section#presses .press__wrapper .press__list .press__item .press__item__title {
          width: 55%; }
        section#presses .press__wrapper .press__list .press__item .press__item__zoom-image {
          width: 20%; }
          section#presses .press__wrapper .press__list .press__item .press__item__zoom-image img {
            opacity: 0;
            mix-blend-mode: multiply;
            transition: all var(--d7) ease;
            cursor: pointer; }
        section#presses .press__wrapper .press__list .press__item .press__item__hyperlink {
          width: 60px;
          opacity: 0;
          transition: 0.4s ease all; }
          section#presses .press__wrapper .press__list .press__item .press__item__hyperlink .icon__hyperlink {
            width: 60px;
            height: 60px;
            display: -ms-flexbox;
            display: flex;
            background-image: url("assets/svg/icon-arrow-right--black-bold.svg");
            background-size: 40px auto;
            background-repeat: no-repeat;
            background-position: center right; }
        section#presses .press__wrapper .press__list .press__item p {
          margin-bottom: 0; }

@media screen and (max-width: 992px) {
  section#presses .press__wrapper .press__list .press__item {
    gap: 1.5rem; }
    section#presses .press__wrapper .press__list .press__item.press__item_zoom_image .press__item__hyperlink {
      display: none; }
    section#presses .press__wrapper .press__list .press__item.press__item_zoom_image .press__item__zoom-image {
      display: inline-block; }
    section#presses .press__wrapper .press__list .press__item .press__item__zoom-image {
      display: none;
      margin-left: auto;
      width: 60px;
      height: 60px;
      display: -ms-flexbox;
      display: flex;
      background-image: url("assets/svg/icon-arrow-right--black-bold.svg");
      background-size: 25px auto;
      background-repeat: no-repeat;
      background-position: center right; } }

@media screen and (max-width: 576px) {
  section#presses {
    margin-top: calc(var(--py) * 1.5); }
    section#presses .press__wrapper .press__list .press__item {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-pack: justify;
          justify-content: space-between;
      gap: 0.5rem;
      padding-bottom: 0; }
      section#presses .press__wrapper .press__list .press__item .press__item_logo {
        width: calc(100% - 80px - 2rem);
        margin-bottom: 0.75rem; }
        section#presses .press__wrapper .press__list .press__item .press__item_logo img {
          max-height: 40px;
          max-width: 100%; }
      section#presses .press__wrapper .press__list .press__item .press__item__year {
        width: 80px;
        text-align: right; }
      section#presses .press__wrapper .press__list .press__item .press__item__title {
        width: 100%; }
      section#presses .press__wrapper .press__list .press__item .press__item__zoom-image {
        display: none; }
      section#presses .press__wrapper .press__list .press__item .press__item__hyperlink {
        opacity: 1;
        margin-left: auto;
        min-height: 20px; }
        section#presses .press__wrapper .press__list .press__item .press__item__hyperlink .icon__hyperlink {
          background-size: 25px auto; } }

.modal__lightbox {
  inset: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }
  .modal__lightbox[aria-expanded="true"] {
    backdrop-filter: blur(2px);
    pointer-events: inherit;
    opacity: 1; }
    .modal__lightbox[aria-expanded="true"] .modal__header .modal__close_icon {
      opacity: 1; }
      .modal__lightbox[aria-expanded="true"] .modal__header .modal__close_icon:after {
        transform: translate(-50%, -50%) rotate(45deg); }
      .modal__lightbox[aria-expanded="true"] .modal__header .modal__close_icon::before {
        transform: translate(-50%, -50%) rotate(-45deg); }
    .modal__lightbox[aria-expanded="true"] .modal__container {
      transform: translateY(0rem);
      opacity: 1; }
    .modal__lightbox[aria-expanded="true"]:after {
      opacity: 0.8; }
  .modal__lightbox[aria-expanded="false"] {
    backdrop-filter: blur(0);
    pointer-events: none;
    opacity: 0; }
    .modal__lightbox[aria-expanded="false"]:after {
      opacity: 0; }
  .modal__lightbox:after {
    content: "";
    display: block;
    background-color: #222;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.8;
    transition: 0.4s ease all; }
  .modal__lightbox .modal__header {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 200px;
    right: 50px;
    top: 30px;
    z-index: 2; }
    .modal__lightbox .modal__header .modal__close_icon {
      width: 100%;
      height: 100%;
      border: 2px solid #fff;
      display: inline-block;
      border-radius: 100px;
      opacity: 0;
      transition: 0.4s ease all;
      cursor: pointer; }
      .modal__lightbox .modal__header .modal__close_icon:hover {
        opacity: 0.8; }
      .modal__lightbox .modal__header .modal__close_icon:after, .modal__lightbox .modal__header .modal__close_icon::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 60%;
        height: 2px;
        background-color: #fff;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .modal__lightbox .modal__header .modal__close_icon:after {
        transform: translate(-50%, -50%) rotate(0); }
      .modal__lightbox .modal__header .modal__close_icon::before {
        transform: translate(-50%, -50%) rotate(0); }
  .modal__lightbox .modal__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    opacity: 0;
    transition: all ease 0.4s;
    transform: translateY(4rem);
    z-index: 3;
    width: 80vw;
    height: 80vh;
    display: flex; }
    .modal__lightbox .modal__container .modal__body {
      position: relative;
      width: 100%;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      background-color: transparent; }
      .modal__lightbox .modal__container .modal__body img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }

@media screen and (max-width: 768px) {
  .modal__lightbox .modal__header {
    width: 48px;
    height: 48px;
    right: 25px;
    top: 16px; } }

/*========== SINGLE Press  ==========*/
.single-press-content {
  padding: 0 var(--px); }
  .single-press-content .section__info {
    max-width: var(--max-content-width);
    margin: 0 auto;
    opacity: 1;
    padding: calc(var(--py)) 0 0;
    text-align: center; }
    .single-press-content .section__info .item__title {
      margin-top: calc(var(--py));
      margin-bottom: 0.25rem; }
    .single-press-content .section__info .item__logo {
      margin-bottom: 2rem;
      background-color: var(--bg-color); }
      .single-press-content .section__info .item__logo img {
        mix-blend-mode: multiply;
        width: 100%;
        height: 100%;
        max-height: 55px;
        max-width: 270px;
        -o-object-fit: cover;
           object-fit: cover; }
      .single-press-content .section__info .item__logo a:hover {
        opacity: 1; }
  .single-press-content .section__content {
    max-width: var(--max-content-width);
    padding: calc(var(--py)) 0;
    margin: 0 auto var(--py);
    text-align: center; }
    .single-press-content .section__content .section__inner {
      margin-bottom: calc(var(--py)); }
    .single-press-content .section__content .item__action a {
      padding: 1rem 1.5rem;
      border: 1px solid #000;
      display: inline-block; }
      .single-press-content .section__content .item__action a h5 {
        margin-bottom: 0; }

/*========== CONTACT ==========*/
.page-template-page-contact main {
  margin-top: 0; }

.page-template-page-contact .site-footer {
  display: none; }

.page-template-page-contact #cover {
  height: 90vh;
  position: relative; }
  .page-template-page-contact #cover .cover__wrapper {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    inset: 0;
    width: 80%;
    height: 80%;
    opacity: 1;
    margin: auto auto;
    background-size: cover;
    background-attachment: fixed;
    animation: contact-cover-reveal 1.2s ease forwards;
    z-index: 1; }
  .page-template-page-contact #cover .cover_overlay_layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: orange;
    inset: 0;
    opacity: 0.2;
    mix-blend-mode: multiply;
    z-index: 2;
    margin: auto auto;
    animation: contact-cover-reveal 1.2s ease forwards; }
  .page-template-page-contact #cover .page-heading__wrapper {
    position: absolute;
    inset: 0;
    margin: auto auto;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center; }
    .page-template-page-contact #cover .page-heading__wrapper h1 {
      margin: 0;
      margin-top: -2rem;
      color: #fff;
      line-height: 1.2;
      text-transform: uppercase;
      transform: scale(1.1);
      font-weight: 400;
      text-align: center; }

.page-template-page-contact #contact {
  text-align: center; }
  .page-template-page-contact #contact .col__wrapper {
    padding: calc(var(--py) * 1.5) var(--px) 0; }
    .page-template-page-contact #contact .col__wrapper .col--bottom {
      display: -ms-flexbox;
      display: flex;
      gap: var(--px);
      padding-bottom: 1rem;
      -ms-flex-pack: center;
          justify-content: center; }
      .page-template-page-contact #contact .col__wrapper .col--bottom .col--left,
      .page-template-page-contact #contact .col__wrapper .col--bottom .col--mid {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center; }
        .page-template-page-contact #contact .col__wrapper .col--bottom .col--left h5,
        .page-template-page-contact #contact .col__wrapper .col--bottom .col--mid h5 {
          margin-top: 0.5rem;
          margin-right: 1rem; }

.page-template-page-contact #address .col__wrapper {
  padding: calc(var(--py) * 0.5) var(--px) 0;
  display: -ms-flexbox;
  display: flex;
  gap: var(--px);
  max-width: var(--max-content-width);
  margin-left: auto;
  margin-right: auto; }
  .page-template-page-contact #address .col__wrapper .col--left,
  .page-template-page-contact #address .col__wrapper .col--right {
    width: calc(50%);
    text-align: center; }

@media screen and (max-width: 1100px) {
  .page-template-page-contact #contact {
    text-align: center; }
    .page-template-page-contact #contact .col__wrapper .col--bottom {
      -ms-flex-direction: column;
          flex-direction: column;
      gap: 0; }
      .page-template-page-contact #contact .col__wrapper .col--bottom .col--left,
      .page-template-page-contact #contact .col__wrapper .col--bottom .col--mid {
        -ms-flex-pack: center;
            justify-content: center; } }

@media screen and (max-width: 992px) {
  .page-template-page-contact #address {
    text-align: center; }
    .page-template-page-contact #address .col__wrapper {
      gap: 0;
      -ms-flex-direction: column;
          flex-direction: column; }
      .page-template-page-contact #address .col__wrapper .col--left,
      .page-template-page-contact #address .col__wrapper .col--right {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 400px; } }

@media screen and (max-width: 576px) {
  .page-template-page-contact #cover .page-heading__wrapper h1 .text__split:nth-child(2) {
    margin-left: 0; }
  .page-template-page-contact #contact .col__wrapper .col--bottom {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 0; }
    .page-template-page-contact #contact .col__wrapper .col--bottom h5 {
      display: none; }
    .page-template-page-contact #contact .col__wrapper .col--bottom h3 {
      margin-bottom: 0; } }

section#contact-form {
  padding: calc(var(--py) * 4) var(--px) var(--py); }
  section#contact-form .contact-form__wrapper .wpcf7 form p {
    width: 100%; }
    section#contact-form .contact-form__wrapper .wpcf7 form p label {
      width: 100%;
      text-align: center;
      display: block;
      font-family: "Plantin MT Pro", serif; }
    section#contact-form .contact-form__wrapper .wpcf7 form p span {
      display: block;
      width: 100%;
      margin: 0; }
      section#contact-form .contact-form__wrapper .wpcf7 form p span + br {
        display: none; }
      section#contact-form .contact-form__wrapper .wpcf7 form p span input,
      section#contact-form .contact-form__wrapper .wpcf7 form p span textarea {
        background-color: transparent;
        border: 1px solid #000;
        border-bottom-color: #000;
        width: 100%;
        font-family: "Plantin MT Pro", serif;
        font-size: inherit;
        text-align: center;
        padding: 2.2rem 1rem 2rem;
        transition: all ease 0.4s;
        box-shadow: 0 0 4px transparent;
        border-radius: 0px;
        display: block; }
        section#contact-form .contact-form__wrapper .wpcf7 form p span input[name="your-name"], section#contact-form .contact-form__wrapper .wpcf7 form p span input[name="your-email"],
        section#contact-form .contact-form__wrapper .wpcf7 form p span textarea[name="your-name"],
        section#contact-form .contact-form__wrapper .wpcf7 form p span textarea[name="your-email"] {
          border-bottom-width: 0; }
        section#contact-form .contact-form__wrapper .wpcf7 form p span input::-moz-placeholder,
        section#contact-form .contact-form__wrapper .wpcf7 form p span textarea::-moz-placeholder {
          color: #000;
          transition: all ease 0.4s; }
        section#contact-form .contact-form__wrapper .wpcf7 form p span input:-ms-input-placeholder,
        section#contact-form .contact-form__wrapper .wpcf7 form p span textarea:-ms-input-placeholder {
          color: #000;
          transition: all ease 0.4s; }
        section#contact-form .contact-form__wrapper .wpcf7 form p span input::placeholder,
        section#contact-form .contact-form__wrapper .wpcf7 form p span textarea::placeholder {
          color: #000;
          transition: all ease 0.4s; }
        section#contact-form .contact-form__wrapper .wpcf7 form p span input:hover, section#contact-form .contact-form__wrapper .wpcf7 form p span input:focus, section#contact-form .contact-form__wrapper .wpcf7 form p span input:focus-visible,
        section#contact-form .contact-form__wrapper .wpcf7 form p span textarea:hover,
        section#contact-form .contact-form__wrapper .wpcf7 form p span textarea:focus,
        section#contact-form .contact-form__wrapper .wpcf7 form p span textarea:focus-visible {
          outline: 2px;
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
          outline-color: #000;
          border-style: inset; }
        section#contact-form .contact-form__wrapper .wpcf7 form p span input:focus-visible::-moz-placeholder,
        section#contact-form .contact-form__wrapper .wpcf7 form p span textarea:focus-visible::-moz-placeholder {
          color: var(--bg-color); }
        section#contact-form .contact-form__wrapper .wpcf7 form p span input:focus-visible:-ms-input-placeholder,
        section#contact-form .contact-form__wrapper .wpcf7 form p span textarea:focus-visible:-ms-input-placeholder {
          color: var(--bg-color); }
        section#contact-form .contact-form__wrapper .wpcf7 form p span input:focus-visible::placeholder,
        section#contact-form .contact-form__wrapper .wpcf7 form p span textarea:focus-visible::placeholder {
          color: var(--bg-color); }
    section#contact-form .contact-form__wrapper .wpcf7 form p .wpcf7-not-valid-tip {
      color: darkred;
      padding: 0.25rem 0; }
    section#contact-form .contact-form__wrapper .wpcf7 form p input[type="submit"] {
      width: 100%;
      background-color: #000;
      color: #fff;
      font-weight: 500;
      border: none;
      padding: calc(var(--px) / 2);
      cursor: pointer;
      transition: all ease 0.4s;
      border-radius: 0px; }
      section#contact-form .contact-form__wrapper .wpcf7 form p input[type="submit"]:hover {
        opacity: 0.8;
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 576px) {
  section#contact-form {
    padding: calc(var(--py) * 2) var(--px) var(--py); }
    section#contact-form .contact-form__wrapper .wpcf7 form p span input,
    section#contact-form .contact-form__wrapper .wpcf7 form p span textarea {
      padding: 1.5rem 1rem 1.2rem;
      margin-bottom: -2px; } }

section#contact-social {
  padding: calc(var(--py) * 1) var(--px) calc(var(--py) * 1); }
  section#contact-social .social {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    section#contact-social .social .social__item {
      width: 48px;
      height: 48px;
      display: -ms-inline-flexbox;
      display: inline-flex;
      border-radius: 100px;
      border: 1px solid #000;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center; }
      section#contact-social .social .social__item a {
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        height: 100%;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-align: center;
            align-items: center; }
        section#contact-social .social .social__item a svg {
          width: 100%;
          display: block;
          height: 100%; }
      section#contact-social .social .social__item svg {
        transform: scale(0.3); }
      section#contact-social .social .social__item--fb svg {
        transform: scale(0.25); }

#temp {
  pointer-events: none; }
  #temp img {
    mix-blend-mode: multiply; }

/*========== 404 ==========*/
.error-404 {
  padding: var(--py) var(--px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .error-404 .page-content {
    text-align: center; }

/*========== ANIMATION ==========*/
@keyframes -fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes -fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes -fadeInUpIntroLogo {
  to {
    opacity: 1;
    transform: translateY(0) rotateX(0); } }

@keyframes -btnBounce {
  0% {
    margin-right: 0; }
  50% {
    margin-right: 0.5rem; } }

@keyframes contact-cover-reveal {
  from {
    width: 80%;
    height: 80%;
    border-radius: 10px; }
  to {
    width: 100%;
    height: 100%;
    border-radius: 0; } }