@charset "UTF-8";
/*!
Theme Name: Katea
Author: Hermes Grau
Author URI: http://hermesgrau.com/
Description: WordPress theme by hermesgrau
Version: 1.0.0
Text Domain: hg-katea
*/
/* 00 Settings */
/* line 39, src/scss/00-settings/_variables.scss */
:root {
  --color-primary: #000;
  --color-secondary: #000;
  --color-accent: red;
  --color-font-light: #fff;
  --color-font-light-muted: #888;
  --color-font-dark: #000;
  --color-font-dark-muted: #aaa;
  --color-bg-light: #fff;
  --color-bg-light-muted: #ccc;
  --color-bg-dark: #000;
  --color-bg-dark-muted: #aaa;
  --font-family: 'Roobert', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
  --font-family-mono: monospace;
  --font-size: $fs-base + px;
  --line-height: $lh-base + px;
  --baseline: $lh-base + px;
  --gap-x: 1rem;
  --gap-y: 1rem;
  --main-padding-x: var(--gap-x);
  --main-padding-y: var(--gap-y);
  --font-weight: 400;
}

/* mixin (fs = font-size ; lh = line-height; sw = screen-width) */
/* 01 Reset */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/* line 6, src/scss/01-reset/_reset.scss */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 16, src/scss/01-reset/_reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 19, src/scss/01-reset/_reset.scss */
body {
  line-height: 1;
}

/* line 22, src/scss/01-reset/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 25, src/scss/01-reset/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 29, src/scss/01-reset/_reset.scss */
blockquote:before, blockquote:after {
  content: '';
  content: none;
}

/* line 34, src/scss/01-reset/_reset.scss */
q:before, q:after {
  content: '';
  content: none;
}

/* line 38, src/scss/01-reset/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 02 Libs */
/* line 2, src/scss/02-libs/locomotive/styles/_base.scss */
html.has-scroll-smooth {
  overflow: hidden;
}

/* line 6, src/scss/02-libs/locomotive/styles/_base.scss */
html.has-scroll-dragging {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 12, src/scss/02-libs/locomotive/styles/_base.scss */
.has-scroll-smooth body {
  overflow: hidden;
}

/* line 18, src/scss/02-libs/locomotive/styles/_base.scss */
.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh;
}

/* line 27, src/scss/02-libs/locomotive/styles/_base.scss */
.has-scroll-init .transition-between-pages [data-scroll]:not(.visible) {
  opacity: 0;
}

/* line 35, src/scss/02-libs/locomotive/styles/_base.scss */
.has-scroll-init .transition-between-pages [data-scroll].visible {
  -webkit-animation: onScrollFadeIn .6s;
          animation: onScrollFadeIn .6s;
}

@-webkit-keyframes onScrollFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes onScrollFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes onScrollUp {
  from {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes onScrollUp {
  from {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* line 60, src/scss/02-libs/locomotive/styles/_base.scss */
.has-scroll-init .transition-between-pages .swiper-wrapper [data-scroll] {
  opacity: 1;
  -webkit-animation: none;
          animation: none;
}

/* line 1, src/scss/02-libs/locomotive/styles/_scrollbar.scss */
.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100vh;
  -webkit-transform-origin: center right;
          transform-origin: center right;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  opacity: 1;
  background-color: var(--color-bg-light);
}

/* line 12, src/scss/02-libs/locomotive/styles/_scrollbar.scss */
.c-scrollbar:hover {
  -webkit-transform: scaleX(1.45);
          transform: scaleX(1.45);
}

/* line 16, src/scss/02-libs/locomotive/styles/_scrollbar.scss */
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
  opacity: 1;
}

/* line 21, src/scss/02-libs/locomotive/styles/_scrollbar.scss */
.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--color-bg-light-muted);
  opacity: 1;
  width: 11px;
  border-radius: 0;
}

/* line 30, src/scss/02-libs/locomotive/styles/_scrollbar.scss */
.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* 03 Base elements */
/* Hide edit link in fron */
/* line 2, src/scss/03-base/_base.scss */
.entry-footer .edit-link {
  display: none !important;
}

/* Text meant only for screen readers. */
/* line 7, src/scss/03-base/_base.scss */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* line 20, src/scss/03-base/_base.scss */
pre {
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

/* line 28, src/scss/03-base/_base.scss */
html, body {
  box-sizing: border-box;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--baseline);
  font-weight: var(--font-weight);
  background: var(--color-bg-light);
  color: var(--color-font-dark);
  width: 100%;
  height: 100%;
  font-size: calc( 16px + 140.25 * (100vw - 1024px) / 8976);
  line-height: calc( 18px + 159.78125 * (100vw - 1024px) / 8976);
}

/* line 31, src/scss/03-base/_base.scss */
html *, html *:before, html *:after, body *, body *:before, body *:after {
  box-sizing: border-box;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

@media (min-width: 10000px) {
  /* line 28, src/scss/03-base/_base.scss */
  html, body {
    font-size: 156.25px;
    line-height: 175.78125px;
  }
}

@media (max-width: 1024px) {
  /* line 28, src/scss/03-base/_base.scss */
  html, body {
    font-size: 16px;
    line-height: 18px;
  }
}

/* line 57, src/scss/03-base/_base.scss */
p, .p, .has-normal-font-size, .has-regular-font-size {
  font-size: calc( 16px + 140.25 * (100vw - 1024px) / 8976);
  line-height: calc( 18px + 159.78125 * (100vw - 1024px) / 8976);
}

@media (min-width: 10000px) {
  /* line 57, src/scss/03-base/_base.scss */
  p, .p, .has-normal-font-size, .has-regular-font-size {
    font-size: 156.25px;
    line-height: 175.78125px;
  }
}

@media (max-width: 1024px) {
  /* line 57, src/scss/03-base/_base.scss */
  p, .p, .has-normal-font-size, .has-regular-font-size {
    font-size: 16px;
    line-height: 18px;
  }
}

/* line 62, src/scss/03-base/_base.scss */
a {
  text-decoration: inherit;
  color: inherit;
}

/* line 67, src/scss/03-base/_base.scss */
a[target=_blank]::after {
  content: '↗';
  display: inline-block;
  text-transform: none;
  vertical-align: top;
  font-size: .75em;
  margin-left: .25em;
}

/* line 77, src/scss/03-base/_base.scss */
a:hover {
  text-decoration: underline;
}

/* line 81, src/scss/03-base/_base.scss */
a:hover[target=_blank]::after {
  text-decoration: none;
}

/* line 88, src/scss/03-base/_base.scss */
strong {
  font-weight: 600;
}

/* line 92, src/scss/03-base/_base.scss */
ul {
  list-style: none;
}

/* line 98, src/scss/03-base/_base.scss */
.text-small, header.site-header .header-inner .site-description, .wp-block-latest-comments__comment, .wp-block-latest-comments__comment-meta, .has-small-font-size {
  font-size: .6667rem;
  line-height: calc(var(--baseline)/1.5);
}

/* line 103, src/scss/03-base/_base.scss */
.text-xsmall, figure figcaption, .breadcrumbs, footer.site-footer, nav.project-navigation .nav-links .nav-next .next, nav.project-navigation .nav-links .nav-next .previous,
nav.project-navigation .nav-links .nav-previous .next,
nav.project-navigation .nav-links .nav-previous .previous, .blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption, .wp-block-latest-posts__post-date, .wp-block-latest-comments__comment-date, .wp-block-latest-comments__comment-excerpt p, #cookie-law-info-bar *, main.site-content > .site-content-inner.layout-portfolio-single .project-details-row .project-details-value, .has-x-small-font-size {
  font-size: .55rem;
  line-height: calc(var(--baseline)/1.5);
}

/* line 108, src/scss/03-base/_base.scss */
.text-big, .has-big-font-size {
  font-size: 1.6667rem;
  line-height: calc(var(--baseline)*1.5);
}

/* line 113, src/scss/03-base/_base.scss */
.label, h3, .h3, h4, .h4, h5, .h5, h6, .h6, nav.site-navigation .menu a, nav.lang-selector .menu a, nav.project-navigation .nav-links .nav-next a,
nav.project-navigation .nav-links .nav-previous a, #cookie-law-info-bar .cookie-accept a, article.post .entry-meta, label {
  font-size: .6rem;
  line-height: calc(var(--baseline)/1.5);
  text-transform: uppercase;
  display: inline-block;
  letter-spacing: 0;
}

/* line 121, src/scss/03-base/_base.scss */
.label-small, nav.site-legal-nav .menu a, label.label-small {
  font-size: .4rem;
  line-height: calc(var(--baseline)/2);
  text-transform: uppercase;
  letter-spacing: .025em;
  display: inline-block;
}

/* line 129, src/scss/03-base/_base.scss */
h1, .h1 {
  font-size: 3.25rem;
  line-height: calc(var(--baseline)*3);
  margin-top: calc(var(--baseline)*4);
  letter-spacing: -0.035em;
}

@media (max-width: 767px) {
  /* line 129, src/scss/03-base/_base.scss */
  h1, .h1 {
    font-size: 2.25rem;
    line-height: calc(var(--baseline)*2.125);
  }
}

/* line 141, src/scss/03-base/_base.scss */
h2, .h2 {
  font-size: 1.5rem;
  line-height: calc(var(--baseline)*1.5);
  margin-top: calc(var(--baseline)*4);
  letter-spacing: -0.015em;
}

/* line 148, src/scss/03-base/_base.scss */
h3, .h3 {
  margin-top: calc(var(--baseline)*3);
}

/* line 153, src/scss/03-base/_base.scss */
h4, .h4 {
  margin-top: var(--baseline);
}

/* line 158, src/scss/03-base/_base.scss */
h5, .h5 {
  margin-top: var(--baseline);
}

/* line 163, src/scss/03-base/_base.scss */
h6, .h6 {
  margin-top: var(--baseline);
}

/* line 168, src/scss/03-base/_base.scss */
h1, h2, h3, h4, h5, h6 {
  display: block;
  text-transform: uppercase;
}

/* line 173, src/scss/03-base/_base.scss */
pre {
  margin-top: var(--baseline);
}

/* line 177, src/scss/03-base/_base.scss */
p {
  margin-top: var(--baseline);
}

/* line 181, src/scss/03-base/_base.scss */
ul, ol {
  margin-top: var(--baseline);
}

/* line 185, src/scss/03-base/_base.scss */
table {
  margin-top: var(--baseline);
}

/* line 192, src/scss/03-base/_base.scss */
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
.text-big:first-child, .text-small:first-child, header.site-header .header-inner .site-description:first-child, .wp-block-latest-comments__comment:first-child, .wp-block-latest-comments__comment-meta:first-child, label:first-child, .label:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, h6:first-child, .h6:first-child, nav.site-navigation .menu a:first-child, nav.lang-selector .menu a:first-child, nav.project-navigation .nav-links .nav-next a:first-child,
nav.project-navigation .nav-links .nav-previous a:first-child, #cookie-law-info-bar .cookie-accept a:first-child, article.post .entry-meta:first-child,
pre:first-child, p:first-child, ul:first-child, ol:first-child, table:first-child {
  margin-top: 0;
}

/* line 197, src/scss/03-base/_base.scss */
em {
  font-style: italic;
}

/* line 201, src/scss/03-base/_base.scss */
pre, code, kbd {
  font-family: var(--font-family-mono);
}

/* line 205, src/scss/03-base/_base.scss */
sub {
  vertical-align: sub;
}

/* line 209, src/scss/03-base/_base.scss */
sup {
  vertical-align: super;
}

/* line 213, src/scss/03-base/_base.scss */
img, video {
  display: block;
  max-width: 100%;
  height: auto;
}

/* line 219, src/scss/03-base/_base.scss */
.img-tint-wrap, .project .entry-main-thumb > a, .project-gallery-item, main.site-content > .site-content-inner.layout-portfolio-single .project-gallery-item {
  position: relative;
}

/* line 222, src/scss/03-base/_base.scss */
.img-tint-wrap::after, .project .entry-main-thumb > a::after, .project-gallery-item::after, main.site-content > .site-content-inner.layout-portfolio-single .project-gallery-item::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--color-secondary);
  mix-blend-mode: color;
}

/* line 236, src/scss/03-base/_base.scss */
figure:not(:first-child) {
  margin-top: var(--baseline);
}

/* line 240, src/scss/03-base/_base.scss */
figure figcaption {
  color: var(--color-font-dark-muted);
  display: inline-block;
  margin-top: calc(var(--baseline)/2);
  margin-bottom: 0;
}

/* 04 Components */
/* line 1, src/scss/04-components/_scrollbar.scss */
html {
  --scrollbarBG: var(--color-bg-light);
  --thumbBG: var(--color-bg-light-muted);
}

/* line 5, src/scss/04-components/_scrollbar.scss */
body::-webkit-scrollbar {
  width: 11px;
}

/* line 8, src/scss/04-components/_scrollbar.scss */
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

/* line 12, src/scss/04-components/_scrollbar.scss */
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
  width: 11px;
}

/* line 16, src/scss/04-components/_scrollbar.scss */
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  width: 11px;
  border-radius: 0;
}

/* line 1, src/scss/04-components/_pointer.scss */
.pointer {
  display: none;
}

/* line 4, src/scss/04-components/_pointer.scss */
.pointer-outer {
  display: none;
}

/* line 7, src/scss/04-components/_pointer.scss */
.pointer-inner {
  display: none;
}

@media (hover: hover) {
  /* line 1, src/scss/04-components/_pointer.scss */
  .pointer {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
    --size-small: 1rem;
    --size-large: 2rem;
    --size-small: 1.5rem;
    --size-large: 2rem;
    --line-width: 1px;
  }
  /* line 22, src/scss/04-components/_pointer.scss */
  .pointer-outer {
    display: block;
    border: 1px solid var(--color-font-dark);
    z-index: 12000;
    opacity: .5;
    width: var(--size-small);
    height: var(--size-small);
    -webkit-transition: width .3s, height .3s, margin .3s, opacity .3s, border-width .3s;
    transition: width .3s, height .3s, margin .3s, opacity .3s, border-width .3s;
  }
  /* line 30, src/scss/04-components/_pointer.scss */
  .pointer-outer.is-hover {
    border-width: 1px;
    width: var(--size-large);
    height: var(--size-large);
    margin-top: calc((var(--size-large) - var(--size-small))/2 * -1);
    margin-left: calc((var(--size-large) - var(--size-small))/2 * -1);
    opacity: .5;
  }
  /* line 42, src/scss/04-components/_pointer.scss */
  .pointer-inner {
    display: block;
    width: 5px;
    height: 5px;
    left: -2.5px;
    top: -2.5px;
    z-index: 11000;
    background: #fff;
    opacity: 1;
    -webkit-transition: width .3s, height .3s, left .3s, top .3s, opacity .3s;
    transition: width .3s, height .3s, left .3s, top .3s, opacity .3s;
    display: none !important;
  }
  /* line 53, src/scss/04-components/_pointer.scss */
  .pointer-inner.is-hover {
    opacity: .35;
  }
  /* line 66, src/scss/04-components/_pointer.scss */
  .pointer-outer {
    border-width: 0;
    opacity: 1;
  }
  /* line 70, src/scss/04-components/_pointer.scss */
  .pointer-outer::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-radius: 50%;
    border: var(--line-width) solid #9b9b9b;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  /* line 84, src/scss/04-components/_pointer.scss */
  .pointer-outer > span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #9b9b9b;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  /* line 92, src/scss/04-components/_pointer.scss */
  .pointer-outer > span:nth-child(1) {
    width: var(--line-width);
    height: calc(50% - 2px);
    bottom: auto;
  }
  /* line 98, src/scss/04-components/_pointer.scss */
  .pointer-outer > span:nth-child(2) {
    width: calc(50% - 2px);
    height: var(--line-width);
    left: auto;
  }
  /* line 104, src/scss/04-components/_pointer.scss */
  .pointer-outer > span:nth-child(3) {
    width: var(--line-width);
    height: calc(50% - 2px);
    top: auto;
  }
  /* line 110, src/scss/04-components/_pointer.scss */
  .pointer-outer > span:nth-child(4) {
    width: calc(50% - 2px);
    height: var(--line-width);
    right: auto;
  }
  /* line 117, src/scss/04-components/_pointer.scss */
  .pointer-outer.is-hover {
    border-width: 0;
    opacity: 1;
  }
  /* line 121, src/scss/04-components/_pointer.scss */
  .pointer-outer.is-hover::after {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  /* line 130, src/scss/04-components/_pointer.scss */
  .pointer-outer.is-hover span:nth-child(1) {
    top: 40%;
    height: 20%;
  }
  /* line 135, src/scss/04-components/_pointer.scss */
  .pointer-outer.is-hover span:nth-child(2) {
    right: 40%;
    width: 20%;
  }
  /* line 140, src/scss/04-components/_pointer.scss */
  .pointer-outer.is-hover span:nth-child(3) {
    bottom: 40%;
    height: 20%;
  }
  /* line 145, src/scss/04-components/_pointer.scss */
  .pointer-outer.is-hover span:nth-child(4) {
    left: 40%;
    width: 20%;
  }
}

/* line 5, src/scss/04-components/_breadcrumbs.scss */
header.page-header .breadcrumbs, header.entry-header .breadcrumbs {
  margin-top: var(--baseline);
}

/* line 8, src/scss/04-components/_breadcrumbs.scss */
header.page-header .breadcrumbs + h1, header.page-header .breadcrumbs + h1.entry-title, header.entry-header .breadcrumbs + h1, header.entry-header .breadcrumbs + h1.entry-title {
  margin-top: var(--baseline);
}

/* line 1, src/scss/04-components/_site-footer.scss */
footer.site-footer {
  padding: var(--baseline) var(--main-padding-x) var(--main-padding-y);
  z-index: 1;
  pointer-events: none;
}

@media (min-width: 768px) {
  /* line 1, src/scss/04-components/_site-footer.scss */
  footer.site-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
  }
}

/* line 13, src/scss/04-components/_site-footer.scss */
footer.site-footer .footer-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-column-gap: var(--gap-x);
  -webkit-box-align: start;
          align-items: flex-start;
  grid-template-areas: 'legal copyright';
}

@media (min-width: 768px) {
  /* line 13, src/scss/04-components/_site-footer.scss */
  footer.site-footer .footer-inner {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-areas: 'legal . . . . . . copyright';
  }
}

@media (min-width: 1024px) {
  /* line 13, src/scss/04-components/_site-footer.scss */
  footer.site-footer .footer-inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-areas: 'legal . . . . . . . . . . copyright';
  }
}

/* line 30, src/scss/04-components/_site-footer.scss */
footer.site-footer .footer-inner nav.site-legal-nav {
  grid-area: legal;
  padding-bottom: calc(var(--baseline)*2);
  align-self: end;
}

/* line 39, src/scss/04-components/_site-footer.scss */
footer.site-footer .footer-inner .site-copyright {
  grid-area: copyright;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  justify-self: end;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  position: fixed;
  bottom: 0;
  right: var(--main-padding-x);
  padding: var(--main-padding-y) 0 0 0;
}

/* line 50, src/scss/04-components/_site-footer.scss */
footer.site-footer .footer-inner .delete-cookie {
  position: fixed;
  left: var(--main-padding-x);
  bottom: var(--main-padding-y);
}

/* line 59, src/scss/04-components/_site-footer.scss */
footer.site-footer > .footer-inner {
  pointer-events: none;
}

/* line 61, src/scss/04-components/_site-footer.scss */
footer.site-footer > .footer-inner * {
  pointer-events: auto;
}

/* line 68, src/scss/04-components/_site-footer.scss */
nav.site-legal-nav .menu {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

@media (min-width: 1024px) {
  /* line 68, src/scss/04-components/_site-footer.scss */
  nav.site-legal-nav .menu {
    text-align: right;
  }
}

/* line 76, src/scss/04-components/_site-footer.scss */
nav.site-legal-nav .menu li:not(:first-child) {
  margin-top: calc(var(--baseline)/8);
}

/* line 83, src/scss/04-components/_site-footer.scss */
nav.site-legal-nav .menu a:hover {
  text-decoration: underline;
}

/* line 89, src/scss/04-components/_site-footer.scss */
nav.site-legal-nav .menu li.current-menu-item a {
  text-decoration: underline;
}

/* line 1, src/scss/04-components/_site-header.scss */
header.site-header {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: var(--main-padding-y) var(--main-padding-x) 0;
  pointer-events: none;
}

/* line 11, src/scss/04-components/_site-header.scss */
header.site-header .header-inner {
  height: calc(var(--baseline)*3);
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-column-gap: var(--gap-x);
  grid-template-rows: repeat(3, minmax(var(--baseline), 1fr));
  grid-auto-rows: auto;
  grid-template-areas: 'l . m m m m m lang' 'l . . . . . . lang' '. . . . . . . lang';
  pointer-events: none;
}

@media (min-width: 768px) {
  /* line 11, src/scss/04-components/_site-header.scss */
  header.site-header .header-inner {
    height: calc(var(--baseline)*3);
    grid-template-rows: auto;
    -webkit-box-align: baseline;
            align-items: baseline;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-areas: 'l . m m m d d lang';
  }
}

@media (min-width: 1024px) {
  /* line 11, src/scss/04-components/_site-header.scss */
  header.site-header .header-inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-areas: 'l . m m m . d d d . . lang';
  }
}

/* line 38, src/scss/04-components/_site-header.scss */
header.site-header .header-inner .site-branding {
  grid-area: l;
  pointer-events: auto;
}

@media (min-width: 768px) {
  /* line 38, src/scss/04-components/_site-header.scss */
  header.site-header .header-inner .site-branding {
    align-self: start;
  }
}

/* line 46, src/scss/04-components/_site-header.scss */
header.site-header .header-inner .site-branding > a.logo-svg-wrap {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  /* line 46, src/scss/04-components/_site-header.scss */
  header.site-header .header-inner .site-branding > a.logo-svg-wrap {
    overflow: hidden;
  }
}

/* line 55, src/scss/04-components/_site-header.scss */
header.site-header .header-inner .site-branding > a.logo-svg-wrap svg.logo {
  display: block;
  height: 100%;
  width: auto;
}

@media (min-width: 1024px) {
  /* line 55, src/scss/04-components/_site-header.scss */
  header.site-header .header-inner .site-branding > a.logo-svg-wrap svg.logo {
    width: 100%;
    height: auto;
  }
}

/* line 68, src/scss/04-components/_site-header.scss */
header.site-header .header-inner nav.site-navigation {
  grid-area: m;
  pointer-events: auto;
}

@media (max-width: 767px) {
  /* line 73, src/scss/04-components/_site-header.scss */
  header.site-header .header-inner nav.site-navigation .menu {
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
  /* line 77, src/scss/04-components/_site-header.scss */
  header.site-header .header-inner nav.site-navigation a {
    vertical-align: top;
  }
}

/* line 83, src/scss/04-components/_site-header.scss */
header.site-header .header-inner .site-description {
  grid-area: d;
  pointer-events: auto;
  text-align: right;
}

@media (max-width: 767px) {
  /* line 83, src/scss/04-components/_site-header.scss */
  header.site-header .header-inner .site-description {
    font-size: .6rem;
    line-height: calc(var(--baseline)/1.5);
    text-transform: uppercase;
    display: none;
  }
  /* line 95, src/scss/04-components/_site-header.scss */
  header.site-header .header-inner .site-description span {
    display: block;
  }
  /* line 98, src/scss/04-components/_site-header.scss */
  header.site-header .header-inner .site-description span:nth-child(2) {
    text-align: center;
  }
}

/* line 107, src/scss/04-components/_site-header.scss */
header.site-header .header-inner nav.lang-selector {
  grid-area: lang;
  pointer-events: auto;
}

/* line 113, src/scss/04-components/_site-header.scss */
header.site-header .header-inner nav.site-navigation, header.site-header .header-inner .site-description, header.site-header .header-inner nav.lang-selector {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

/* line 118, src/scss/04-components/_site-header.scss */
body.simple-lightbox-open header.site-header .header-inner nav.site-navigation, body.simple-lightbox-open header.site-header .header-inner .site-description, body.simple-lightbox-open header.site-header .header-inner nav.lang-selector {
  pointer-events: none;
  opacity: 0;
}

/* line 130, src/scss/04-components/_site-header.scss */
nav.site-navigation .menu {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: baseline;
          align-items: baseline;
}

@media (max-width: 767px) {
  /* line 135, src/scss/04-components/_site-header.scss */
  nav.site-navigation .menu a {
    vertical-align: bottom;
  }
}

@media (min-width: 1024px) {
  /* line 130, src/scss/04-components/_site-header.scss */
  nav.site-navigation .menu {
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
}

/* line 144, src/scss/04-components/_site-header.scss */
nav.site-navigation .menu li:not(:first-child) {
  margin-left: calc(var(--gap-x)/2);
}

/* line 148, src/scss/04-components/_site-header.scss */
nav.site-navigation .menu li:not(:last-child) {
  margin-right: calc(var(--gap-x)/2);
}

/* line 155, src/scss/04-components/_site-header.scss */
nav.site-navigation .menu a:hover {
  text-decoration: underline;
}

/* line 161, src/scss/04-components/_site-header.scss */
nav.site-navigation .menu li.current-menu-item a {
  text-decoration: underline;
}

/* line 169, src/scss/04-components/_site-header.scss */
nav.lang-selector .menu {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: end;
          align-items: flex-end;
}

/* line 174, src/scss/04-components/_site-header.scss */
nav.lang-selector .menu li:not(:first-child) {
  margin-top: calc(var(--baseline)/4);
}

/* line 178, src/scss/04-components/_site-header.scss */
nav.lang-selector .menu li:not(:last-child) {
  margin-bottom: calc(var(--baseline)/4);
}

/* line 182, src/scss/04-components/_site-header.scss */
nav.lang-selector .menu a {
  display: block;
}

/* line 186, src/scss/04-components/_site-header.scss */
nav.lang-selector .menu a:hover {
  text-decoration: underline;
}

/* line 192, src/scss/04-components/_site-header.scss */
nav.lang-selector .menu li.current-menu-item a, nav.lang-selector .menu li.wpml-ls-current-language a {
  text-decoration: underline;
}

/* line 2, src/scss/04-components/_site-logo.scss */
#logo-katea .logo-path {
  fill: var(--color-primary);
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

@media (max-width: 767px) {
  /* line 6, src/scss/04-components/_site-logo.scss */
  #logo-katea .logo-path:not(.logo-path-k) {
    display: none;
  }
}

/* line 14, src/scss/04-components/_site-logo.scss */
body.simple-lightbox-open #logo-katea .logo-path:not(.logo-path-k) {
  opacity: 0;
}

/* line 1, src/scss/04-components/_buttons.scss */
.button, .wp-block-button__link {
  color: var(--color-font-light);
  background-color: var(--color-primary);
  border: none;
  border-radius: 1.2rem;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  margin: 0;
  padding: .5rem 1rem;
  text-align: center;
  text-decoration: none;
  overflow-wrap: break-word;
}

/* line 17, src/scss/04-components/_buttons.scss */
.button-secondary {
  background-color: var(--color-secondary);
}

/* line 21, src/scss/04-components/_buttons.scss */
.button-accent {
  background-color: var(--color-accent);
}

/* line 25, src/scss/04-components/_buttons.scss */
.button-dark {
  background-color: var(--color-bg-dark);
}

/* line 29, src/scss/04-components/_buttons.scss */
.button-dark-muted {
  background-color: var(--color-bg-dark-muted);
}

/* line 33, src/scss/04-components/_buttons.scss */
.button-light {
  background-color: var(--color-bg-light);
}

/* line 37, src/scss/04-components/_buttons.scss */
.button-light-muted {
  background-color: var(--color-bg-light-muted);
}

/* line 4, src/scss/04-components/_page-header.scss */
header.page-header h3.page-suptitle + h1.page-title {
  margin-top: var(--baseline);
}

/* line 2, src/scss/04-components/_posts-navigation.scss */
nav.project-navigation {
  padding: calc(var(--baseline)*4) 0 0;
}

/* line 5, src/scss/04-components/_posts-navigation.scss */
nav.project-navigation .nav-links {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

/* line 9, src/scss/04-components/_posts-navigation.scss */
nav.project-navigation .nav-links .nav-next,
nav.project-navigation .nav-links .nav-previous {
  flex-basis: 50%;
  min-width: 50%;
  max-width: 50%;
}

/* line 19, src/scss/04-components/_posts-navigation.scss */
nav.project-navigation .nav-links .nav-next .next, nav.project-navigation .nav-links .nav-next .previous,
nav.project-navigation .nav-links .nav-previous .next,
nav.project-navigation .nav-links .nav-previous .previous {
  margin-bottom: calc(var(--baseline)/4);
}

/* line 25, src/scss/04-components/_posts-navigation.scss */
nav.project-navigation .nav-links .nav-next {
  margin-left: auto;
  padding-left: calc(var(--gap-x)/2);
  text-align: right;
}

/* line 31, src/scss/04-components/_posts-navigation.scss */
nav.project-navigation .nav-links .nav-next .next::after {
  content: 'arrow_forward';
  font-family: 'Material icons';
  font-size: .8em;
  text-transform: none;
  margin-left: .5em;
  vertical-align: middle;
}

/* line 42, src/scss/04-components/_posts-navigation.scss */
nav.project-navigation .nav-links .nav-previous {
  margin-right: auto;
  padding-right: calc(var(--gap-x)/2);
}

/* line 47, src/scss/04-components/_posts-navigation.scss */
nav.project-navigation .nav-links .nav-previous .previous::before {
  content: 'arrow_back';
  font-family: 'Material icons';
  font-size: .8em;
  text-transform: none;
  margin-right: .5em;
  vertical-align: middle;
}

/* line 2, src/scss/04-components/_comments.scss */
.comments-area {
  padding: var(--baseline) var(--main-padding-x);
}

/* line 7, src/scss/04-components/_comments.scss */
.comment:not(:first-child) {
  margin-top: var(--baseline);
}

/* line 12, src/scss/04-components/_comments.scss */
.comment-metadata {
  color: var(--color-font-dark-muted);
}

/* line 1, src/scss/04-components/_grid.scss */
.grid {
  display: grid;
  grid-column-gap: var(--gap-x);
  grid-row-gap: var(--gap-y);
}

@media (min-width: 768px) {
  /* line 7, src/scss/04-components/_grid.scss */
  .grid.grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 05 WP blocks */
/* line 3, src/scss/05-wp-blocks/_button.scss */
.wp-block-button:not(:first-child) {
  margin-top: var(--baseline);
}

/* line 1, src/scss/05-wp-blocks/_columns.scss */
.wp-block-columns {
  margin-bottom: 0;
}

/* line 4, src/scss/05-wp-blocks/_columns.scss */
.wp-block-columns:not(:first-child) {
  margin-top: var(--baseline);
}

@media (max-width: 599px) {
  /* line 11, src/scss/05-wp-blocks/_columns.scss */
  .wp-block-column:not(:first-child) {
    margin-top: var(--gap-y);
  }
}

@media (min-width: 600px) {
  /* line 16, src/scss/05-wp-blocks/_columns.scss */
  .wp-block-column:nth-child(2n) {
    margin-left: var(--gap-x);
  }
}

@media (min-width: 782px) {
  /* line 21, src/scss/05-wp-blocks/_columns.scss */
  .wp-block-column:not(:first-child) {
    margin-left: var(--gap-x);
  }
}

/* line 2, src/scss/05-wp-blocks/_image.scss */
.wp-block-image:not(:first-child) {
  margin-top: var(--baseline);
}

/* line 6, src/scss/05-wp-blocks/_image.scss */
.wp-block-image img {
  display: block;
  max-width: 100%;
}

/* line 3, src/scss/05-wp-blocks/_media-text.scss */
.wp-block-media-text:not(:first-child) {
  margin-top: var(--baseline);
}

/* line 7, src/scss/05-wp-blocks/_media-text.scss */
.wp-block-media-text + .wp-block-media-text {
  margin-top: 0;
}

/* line 1, src/scss/05-wp-blocks/_gallery.scss */
.wp-block-gallery {
  display: grid;
  grid-row-gap: var(--gap-y);
  grid-column-gap: var(--gap-x);
  grid-template-columns: repeat(2, 1fr);
  margin: var(--baseline) 0;
}

@media (min-width: 600px) {
  /* line 9, src/scss/05-wp-blocks/_gallery.scss */
  .wp-block-gallery.columns-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  /* line 12, src/scss/05-wp-blocks/_gallery.scss */
  .wp-block-gallery.columns-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  /* line 15, src/scss/05-wp-blocks/_gallery.scss */
  .wp-block-gallery.columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  /* line 18, src/scss/05-wp-blocks/_gallery.scss */
  .wp-block-gallery.columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  /* line 21, src/scss/05-wp-blocks/_gallery.scss */
  .wp-block-gallery.columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  /* line 24, src/scss/05-wp-blocks/_gallery.scss */
  .wp-block-gallery.columns-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  /* line 27, src/scss/05-wp-blocks/_gallery.scss */
  .wp-block-gallery.columns-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}

/* line 33, src/scss/05-wp-blocks/_gallery.scss */
.wp-block-gallery[class*='columns'] .blocks-gallery-item {
  width: 100%;
  margin: 0;
}

/* line 6, src/scss/05-wp-blocks/_latest-posts.scss */
.wp-block-latest-posts li + li {
  margin-top: calc(var(--baseline)/2);
}

/* line 2, src/scss/05-wp-blocks/_latest-comments.scss */
.wp-block-latest-comments__comment {
  margin-bottom: var(--baseline);
}

/* line 1, src/scss/05-wp-blocks/_separator.scss */
.wp-block-separator, .wp-block-separator.is-style-wide, .wp-block-separator.is-style-dots {
  margin-top: var(--baseline);
  margin-bottom: var(--baseline);
  border-width: 0;
  border-top: 2px solid var(--color-bg-dark);
  max-width: 3rem;
}

/* line 9, src/scss/05-wp-blocks/_separator.scss */
.is-style-wide.wp-block-separator {
  max-width: 100%;
}

/* line 14, src/scss/05-wp-blocks/_separator.scss */
.is-style-dots.wp-block-separator {
  border-top: 2px dotted var(--color-bg-dark);
}

/* line 18, src/scss/05-wp-blocks/_separator.scss */
.is-style-dots.wp-block-separator:before {
  content: none;
}

/* 06 Overrides */
/* line 1, src/scss/06-overrides/_gdpr-cookie-consent.scss */
#cookie-law-info-bar {
  padding: 0;
  box-shadow: none;
  z-index: 1000;
}

/* line 6, src/scss/06-overrides/_gdpr-cookie-consent.scss */
#cookie-law-info-bar > span {
  width: 100%;
  height: 100%;
  background: var(--color-bg-light-muted);
  padding: var(--main-padding-y) var(--main-padding-x);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  /* line 6, src/scss/06-overrides/_gdpr-cookie-consent.scss */
  #cookie-law-info-bar > span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

/* line 20, src/scss/06-overrides/_gdpr-cookie-consent.scss */
#cookie-law-info-bar * {
  font-weight: normal;
  color: var(--font-color-dark);
}

/* line 26, src/scss/06-overrides/_gdpr-cookie-consent.scss */
#cookie-law-info-bar .cookie-message {
  text-align: left;
}

/* line 29, src/scss/06-overrides/_gdpr-cookie-consent.scss */
#cookie-law-info-bar .cookie-message + .cookie-accept {
  text-align: right;
  margin-left: auto;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  /* line 29, src/scss/06-overrides/_gdpr-cookie-consent.scss */
  #cookie-law-info-bar .cookie-message + .cookie-accept {
    margin-top: calc(var(--baseline)/2);
  }
}

@media (min-width: 768px) {
  /* line 29, src/scss/06-overrides/_gdpr-cookie-consent.scss */
  #cookie-law-info-bar .cookie-message + .cookie-accept {
    margin-left: var(--gap-x);
  }
}

/* line 43, src/scss/06-overrides/_gdpr-cookie-consent.scss */
#cookie-law-info-bar .cookie-accept a {
  cursor: pointer;
}

/* line 47, src/scss/06-overrides/_gdpr-cookie-consent.scss */
#cookie-law-info-bar .cookie-accept a:hover {
  text-decoration: underline;
}

@media (hover: hover) {
  /* line 4, src/scss/06-overrides/_portfolio.scss */
  .project .entry-header .entry-title {
    opacity: 0;
    -webkit-transition: all .1s;
    transition: all .1s;
  }
  /* line 9, src/scss/06-overrides/_portfolio.scss */
  .project .entry-header .entry-title > a {
    pointer-events: none;
  }
}

/* line 20, src/scss/06-overrides/_portfolio.scss */
.project .entry-main-thumb > a img {
  -webkit-transition: all .1s;
  transition: all .1s;
  opacity: .8;
}

/* line 25, src/scss/06-overrides/_portfolio.scss */
.project .entry-main-thumb > a::after {
  -webkit-transition: all .1s;
  transition: all .1s;
}

/* line 32, src/scss/06-overrides/_portfolio.scss */
.project .entry-main-thumb:hover > a img {
  opacity: 1;
}

/* line 36, src/scss/06-overrides/_portfolio.scss */
.project .entry-main-thumb:hover > a::after {
  opacity: 0;
}

/* line 42, src/scss/06-overrides/_portfolio.scss */
.project .entry-main-thumb:hover ~ .entry-header .entry-title {
  opacity: 1;
}

/* line 50, src/scss/06-overrides/_portfolio.scss */
.project-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: calc(var(--gap-x)*1) calc(var(--gap-y)*1);
  padding: calc(var(--baseline)*3) 0 calc(var(--baseline)*1);
}

@media (min-width: 768px) {
  /* line 50, src/scss/06-overrides/_portfolio.scss */
  .project-gallery {
    grid-gap: calc(var(--gap-x)*3) calc(var(--gap-y)*3);
  }
}

@media (min-width: 1024px) {
  /* line 50, src/scss/06-overrides/_portfolio.scss */
  .project-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: calc(var(--gap-x)*3) calc(var(--gap-y)*3);
    padding: calc(var(--baseline)*4) 0 calc(var(--baseline)*2);
  }
}

/* line 66, src/scss/06-overrides/_portfolio.scss */
.project-gallery-item {
  display: block;
}

/* line 70, src/scss/06-overrides/_portfolio.scss */
.project-gallery-item::after {
  content: '';
  opacity: 1;
  -webkit-transition: all .1s;
  transition: all .1s;
}

/* line 76, src/scss/06-overrides/_portfolio.scss */
.project-gallery-item img {
  width: 100%;
  opacity: .8;
  -webkit-transition: all .1s;
  transition: all .1s;
}

@supports ((-o-object-fit: cover) or (object-fit: cover)) {
  /* line 76, src/scss/06-overrides/_portfolio.scss */
  .project-gallery-item img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/* line 87, src/scss/06-overrides/_portfolio.scss */
.project-gallery-item:hover {
  cursor: pointer;
}

/* line 90, src/scss/06-overrides/_portfolio.scss */
.project-gallery-item:hover img {
  opacity: 1;
}

/* line 94, src/scss/06-overrides/_portfolio.scss */
.project-gallery-item:hover::after {
  opacity: 0;
}

/* 07 Layout */
/* line 1, src/scss/07-layout/_layout-base.scss */
#page {
  position: relative;
  min-height: 100vh;
  display: grid;
  grid-template-rows: calc(var(--baseline)*2) 1fr auto;
  grid-template-areas: "header" "content" "footer";
}

@media (min-width: 768px) {
  /* line 1, src/scss/07-layout/_layout-base.scss */
  #page {
    grid-template-rows: calc(var(--baseline)*3) 1fr auto;
  }
}

/* line 15, src/scss/07-layout/_layout-base.scss */
#page .page-bg-image-wrap {
  display: block;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 22, src/scss/07-layout/_layout-base.scss */
#page .page-bg-image-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}

/* line 31, src/scss/07-layout/_layout-base.scss */
header.site-header {
  grid-area: header;
}

/* line 35, src/scss/07-layout/_layout-base.scss */
footer.site-footer {
  grid-area: footer;
}

/* line 39, src/scss/07-layout/_layout-base.scss */
main.site-content {
  grid-area: content;
  padding-left: var(--main-padding-x);
  padding-right: var(--main-padding-x);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

/* line 46, src/scss/07-layout/_layout-base.scss */
main.site-content > .site-content-inner {
  -webkit-box-flex: 1;
          flex-grow: 1;
  display: grid;
  grid-column-gap: var(--gap-x);
  padding-bottom: var(--main-padding-y);
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-template-rows: calc(var(--baseline)*8) auto calc(var(--baseline)*4) auto 1fr;
  grid-template-areas: '. . . . . . . .' 'h h h h h h h h' '. . . . . . . .' 'i i i i i i i .' 'c c c c c c c .' 'f f f f f f f .';
}

@media (min-width: 768px) {
  /* line 46, src/scss/07-layout/_layout-base.scss */
  main.site-content > .site-content-inner {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: calc(var(--baseline)*13) auto calc(var(--baseline)*6) auto 1fr;
    grid-template-areas: '. . . . . . . .' 'h h h h h h h .' '. . . . . . . .' 'i i i i i i i i' '. . c c c c c .' '. . f f f f f .';
  }
}

@media (min-width: 1024px) {
  /* line 46, src/scss/07-layout/_layout-base.scss */
  main.site-content > .site-content-inner {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: calc(var(--baseline)*8) auto calc(var(--baseline)*6) 1fr;
    grid-template-areas: '. . . . . . . . . . . .' '. h h h h h c c c c c .' '. . . . . . c c c c c .' '. i i i i . c c c c c .' '. i i i i . f f f f f .';
  }
}

@media (min-width: 1440px) {
  /* line 46, src/scss/07-layout/_layout-base.scss */
  main.site-content > .site-content-inner {
    grid-template-rows: calc(var(--baseline)*6) auto calc(var(--baseline)*4) 1fr;
    grid-template-areas: '. . . . . . . . . . . .' '. h h h h h c c c c c .' '. . . . . . c c c c c .' '. i i i i . c c c c c .' '. i i i i . f f f f f .';
  }
}

/* line 116, src/scss/07-layout/_layout-base.scss */
main.site-content > .site-content-inner .page-header {
  grid-area: h;
}

/* line 120, src/scss/07-layout/_layout-base.scss */
main.site-content > .site-content-inner .page-content {
  grid-area: c;
  padding-bottom: calc(var(--baseline)*2);
}

/* line 125, src/scss/07-layout/_layout-base.scss */
main.site-content > .site-content-inner .page-main-thumb {
  grid-area: i;
}

/* line 129, src/scss/07-layout/_layout-base.scss */
main.site-content > .site-content-inner .page-footer {
  grid-area: f;
  padding-bottom: calc(var(--baseline)*2);
}

@media (min-width: 1024px) {
  /* line 135, src/scss/07-layout/_layout-base.scss */
  main.site-content > .site-content-inner.layout-style2 {
    grid-template-areas: '. . . . . . . . . . . .' 'h h h h h h h . . . . .' '. . . . . . . . . . . .' '. i i i i . c c c c c .' '. i i i i . f f f f f .';
  }
}

@media (min-width: 1024px) {
  /* line 147, src/scss/07-layout/_layout-base.scss */
  main.site-content > .site-content-inner.layout-style3 {
    grid-template-areas: '. . . . . . . . . . . .' '. h h h h . c c c c c .' '. . . . . . c c c c c .' '. . i i i . c c c c c .' '. . i i i . f f f . . .';
  }
  /* line 156, src/scss/07-layout/_layout-base.scss */
  main.site-content > .site-content-inner.layout-style3 .page-main-thumb {
    justify-self: end;
  }
}

@media (min-width: 1024px) {
  /* line 163, src/scss/07-layout/_layout-base.scss */
  main.site-content > .site-content-inner.layout-style4 {
    grid-template-areas: '. . . . . . . . . . . .' '. h h h h h . . . . . .' '. . . . . . . . . . . .' '. . i i i . . c c c c .' '. . i i i . . f f f f .';
  }
}

/* line 173, src/scss/07-layout/_layout-base.scss */
main.site-content > .site-content-inner.layout-style4 .page-content {
  align-self: end;
}

@media (min-width: 600px) and (max-width: 1023px) {
  /* line 173, src/scss/07-layout/_layout-base.scss */
  main.site-content > .site-content-inner.layout-style4 .page-content {
    padding-bottom: calc(var(--baseline)*6);
  }
}

/* line 184, src/scss/07-layout/_layout-base.scss */
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 192, src/scss/07-layout/_layout-base.scss */
.alignleft {
  float: left;
  text-align: left;
  margin-right: var(--gap-x);
}

/* line 198, src/scss/07-layout/_layout-base.scss */
.alignright {
  float: right;
  text-align: right;
  margin-left: var(--gap-x);
}

/* line 204, src/scss/07-layout/_layout-base.scss */
.alignfull {
  display: block;
  width: auto;
  max-width: none;
  margin-left: calc(var(--main-padding-x)*(-1));
  margin-right: calc(var(--main-padding-x)*(-1));
}

@media (max-width: 767px) {
  /* line 212, src/scss/07-layout/_layout-base.scss */
  .alignleft-mobile {
    float: left;
    text-align: left;
    margin-right: var(--gap-x);
    margin-left: 0;
  }
}

/* line 225, src/scss/07-layout/_layout-base.scss */
.hentry .entry-content > *:not(.alignleft):not(.alignright):not(.alignfull),
.hentry .page-content > *:not(.alignleft):not(.alignright):not(.alignfull),
.hentry .entry-summary > *:not(.alignleft):not(.alignright):not(.alignfull) {
  margin-left: auto;
  margin-right: auto;
}

/* line 232, src/scss/07-layout/_layout-base.scss */
header.site-header {
  z-index: 1040;
}

/* line 235, src/scss/07-layout/_layout-base.scss */
footer.site-footer {
  z-index: 2;
}

/* line 238, src/scss/07-layout/_layout-base.scss */
main.site-content {
  z-index: 1;
}

/* line 241, src/scss/07-layout/_layout-base.scss */
.page-bg-image {
  z-index: 0;
}

/* line 3, src/scss/07-layout/_layout-portfolio-archive.scss */
main.site-content > .site-content-inner.layout-portfolio-archive {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-template-areas: '. . . . . . . .' 'h h h h h h h h' '. . . . . . . .' 'c c c c c c c .' 'c c c c c c c .' 'f f f f f f f .';
}

@media (min-width: 768px) {
  /* line 3, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-areas: '. . . . . . . .' 'h h h h . . . .' '. . . . . . . .' 'c c c c c c c c' 'c c c c c c c c' '. f f f f f f .';
  }
}

@media (min-width: 1024px) {
  /* line 3, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-areas: '. . . . . . . . . . . .' '. h h h h h . . . . . .' '. . . . . . . . . . . .' '. c c c c c c c c c c .' '. f f f f f f f f f f .';
  }
}

/* line 37, src/scss/07-layout/_layout-portfolio-archive.scss */
main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: var(--gap-x) var(--gap-y);
  -webkit-box-align: start;
          align-items: start;
  overflow: hidden;
}

@media (max-width: 767px) {
  /* line 44, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project {
    grid-column: span 2;
  }
  /* line 47, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project:nth-child(6n - 3) {
    grid-column: span 3;
  }
  /* line 51, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project:nth-child(6n + 4) {
    grid-column: 2 / span 3;
  }
}

@media (min-width: 768px) {
  /* line 37, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    margin-top: calc(var(--baseline)*-9);
  }
}

@media (min-width: 1024px) {
  /* line 37, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid {
    margin-top: calc(var(--baseline)*-7);
    margin-bottom: calc(var(--baseline)*-7);
  }
}

/* line 68, src/scss/07-layout/_layout-portfolio-archive.scss */
main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project {
  margin-bottom: calc(var(--baseline)*4);
}

@media (min-width: 768px) {
  /* line 68, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project {
    margin-bottom: calc(var(--baseline)*7);
    grid-column: span 2;
  }
  /* line 79, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project:nth-child(3) {
    margin-top: calc(var(--baseline)*-7);
  }
  /* line 83, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project:nth-child(6n - 3) {
    grid-column: 1 / span 3;
    margin-top: calc(var(--baseline)*-7);
  }
  /* line 88, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project:nth-child(3), main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project:nth-child(12n - 3) {
    grid-column: 2 / span 3;
    margin-top: calc(var(--baseline)*-7);
  }
  /* line 93, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project:nth-child(6n + 4) {
    grid-column: 7 / span 3;
  }
  /* line 97, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project:nth-child(12n + 4) {
    grid-column: 8 / span 3;
  }
  /* line 101, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project:nth-child(6n + 1) {
    grid-column: 7 / span 2;
  }
  /* line 105, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project:nth-child(6n + 2) {
    grid-column: 9 / span 2;
  }
  /* line 109, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project:nth-child(6n - 1) {
    grid-column: 1 / span 2;
    margin-top: calc(var(--baseline)*-7);
  }
  /* line 114, src/scss/07-layout/_layout-portfolio-archive.scss */
  main.site-content > .site-content-inner.layout-portfolio-archive .projects-grid > .project:nth-child(6n) {
    grid-column: 3 / span 2;
    margin-top: calc(var(--baseline)*-7);
  }
}

/* line 3, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  grid-template-rows: calc(var(--baseline)*8) auto auto 1fr;
  grid-template-areas: '. . . . . . . .' 'h h h h h h h .' 'g g g g g g g .' 'c c c c c c c .' 'f f f f f f f .';
}

@media (min-width: 768px) {
  /* line 3, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: calc(var(--baseline)*6) auto auto 1fr;
    grid-template-areas: '. . . . . . . .' 'h h h h h h h .' 'g g g g g g g .' '. . c c c c c .' '. . f f f f f .';
  }
}

@media (min-width: 1024px) {
  /* line 3, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-areas: '. . . . . . . . . . . .' '. h h h h h h h h h h .' '. g g g g g g g g g g .' '. . . . . . c c c c c .' '. . . . . . f f f f f .';
  }
}

/* line 46, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .page-header {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  grid-column-gap: var(--gap-x);
  grid-template-areas: 'top top top top top top top' 'tit tit tit tit tit tit tit' 'rol rol rol rol dat dat dat';
}

@media (min-width: 768px) {
  /* line 46, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single .page-header {
    grid-template-areas: 'top top top top top . .' 'tit tit tit tit tit . .' 'rol rol rol rol rol dat dat';
  }
}

@media (min-width: 1024px) {
  /* line 46, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single .page-header {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-areas: 'top top top top top . . . . .' 'tit tit tit tit tit . dat dat dat dat' 'tit tit tit tit tit . rol rol rol rol';
  }
}

/* line 71, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .page-header .page-header-top {
  grid-area: top;
}

/* line 74, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .page-header .page-header-top + .project-title {
  margin-top: var(--baseline);
}

/* line 79, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .page-header .project-title {
  grid-area: tit;
}

/* line 83, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .page-header .project-date {
  grid-area: dat;
  text-align: right;
  padding-top: calc(var(--baseline)*2);
}

@media (min-width: 1024px) {
  /* line 83, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single .page-header .project-date {
    padding-top: var(--baseline);
  }
}

@media (min-width: 1024px) {
  /* line 93, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single .page-header .project-date .project-localization + p {
    margin-top: calc(var(--baseline)/4);
  }
}

/* line 101, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .page-header .project-role {
  grid-area: rol;
  align-self: end;
  padding-top: calc(var(--baseline)*2);
}

/* line 108, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .project-gallery {
  grid-area: g;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: calc(var(--gap-x)*1) calc(var(--gap-y)*1);
  padding: calc(var(--baseline)*3) 0 calc(var(--baseline)*1);
}

@media (min-width: 768px) {
  /* line 108, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single .project-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: calc(var(--gap-x)*2) calc(var(--gap-y)*2);
    padding: calc(var(--baseline)*4) 0 calc(var(--baseline)*1);
  }
}

@media (min-width: 1024px) {
  /* line 108, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single .project-gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: calc(var(--gap-x)*3) calc(var(--gap-y)*3);
    padding: calc(var(--baseline)*4) 0 calc(var(--baseline)*1);
  }
}

/* line 130, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .project-gallery-item::after {
  display: none;
}

@media (hover: hover) {
  /* line 135, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single .project-gallery-item::after {
    display: block;
  }
  /* line 139, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single .project-gallery-item img {
    opacity: .8;
    width: 100%;
  }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    /* line 139, src/scss/07-layout/_layout-portfolio-single.scss */
    main.site-content > .site-content-inner.layout-portfolio-single .project-gallery-item img {
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
    }
  }
  /* line 149, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single .project-gallery-item:hover {
    cursor: pointer;
  }
  /* line 152, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single .project-gallery-item:hover img {
    opacity: 1;
  }
  /* line 156, src/scss/07-layout/_layout-portfolio-single.scss */
  main.site-content > .site-content-inner.layout-portfolio-single .project-gallery-item:hover::after {
    opacity: 0;
  }
}

/* line 164, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .project-description {
  grid-area: c;
  padding: calc(var(--baseline)*3) 0 calc(var(--baseline)*2);
}

/* line 169, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .project-details-list {
  padding: calc(var(--baseline)*2) 0;
}

/* line 173, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .project-details-row {
  display: -webkit-box;
  display: flex;
}

/* line 176, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .project-details-row:not(:first-child) {
  margin-top: calc(var(--baseline)/4);
}

/* line 180, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .project-details-row .project-details-tag {
  flex-basis: 33%;
  min-width: 33%;
  max-width: 33%;
  padding-right: calc(var(--spacer-x)/2);
}

/* line 187, src/scss/07-layout/_layout-portfolio-single.scss */
main.site-content > .site-content-inner.layout-portfolio-single .project-details-row .project-details-value {
  flex-basis: 67%;
  min-width: 67%;
  max-width: 67%;
  padding-left: calc(var(--spacer-x)/2);
}

/* line 1, src/scss/07-layout/_post.scss */
article.post {
  display: grid;
  grid-column-gap: var(--gap-x);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto 1fr;
  grid-template-areas: 'header' 'thumb' 'content';
  padding-left: var(--main-padding-x);
  padding-right: var(--main-padding-x);
}

/* line 13, src/scss/07-layout/_post.scss */
article.post:not(:last-child) {
  margin-bottom: calc(var(--baseline)*4);
}

/* line 17, src/scss/07-layout/_post.scss */
article.post header.entry-header {
  grid-area: header;
  padding-left: 0;
  padding-right: 0;
}

/* line 23, src/scss/07-layout/_post.scss */
article.post .entry-meta {
  color: var(--color-font-dark-muted);
}

/* line 28, src/scss/07-layout/_post.scss */
article.post .attachment-post-thumbnail {
  grid-area: thumb;
}

/* line 31, src/scss/07-layout/_post.scss */
article.post .attachment-post-thumbnail + .entry-content {
  margin-top: var(--gap-y);
}

/* line 36, src/scss/07-layout/_post.scss */
article.post .entry-content {
  grid-area: content;
}

/* line 40, src/scss/07-layout/_post.scss */
article.post .entry-content .entry-readmore:not(:first-child) {
  margin-top: var(--baseline);
}

/* line 46, src/scss/07-layout/_post.scss */
article.post .entry-content .entry-readmore-link:after {
  content: '...';
}

/* line 50, src/scss/07-layout/_post.scss */
article.post .entry-content .entry-readmore-link:hover {
  text-decoration: underline;
}

@media (min-width: 768px) {
  /* line 1, src/scss/07-layout/_post.scss */
  article.post {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto 1fr;
    grid-template-areas: 'header thumb' 'header content';
  }
  /* line 63, src/scss/07-layout/_post.scss */
  .single article.post {
    grid-template-areas: 'header header' 'thumb thumb' 'content content';
  }
}

/* 08 Utils */
/* line 3, src/scss/08-utils/_color.scss */
.color-primary, .has-primary-color {
  color: var(--color-primary) !important;
}

/* line 6, src/scss/08-utils/_color.scss */
.bg-color-primary, .has-primary-background-color {
  background-color: var(--color-primary) !important;
}

/* line 3, src/scss/08-utils/_color.scss */
.color-secondary, .has-secondary-color {
  color: var(--color-secondary) !important;
}

/* line 6, src/scss/08-utils/_color.scss */
.bg-color-secondary, .has-secondary-background-color {
  background-color: var(--color-secondary) !important;
}

/* line 3, src/scss/08-utils/_color.scss */
.color-accent, .has-accent-color {
  color: var(--color-accent) !important;
}

/* line 6, src/scss/08-utils/_color.scss */
.bg-color-accent, .has-accent-background-color {
  background-color: var(--color-accent) !important;
}

/* line 3, src/scss/08-utils/_color.scss */
.color-font-light, .has-font-light-color {
  color: var(--color-font-light) !important;
}

/* line 6, src/scss/08-utils/_color.scss */
.bg-color-font-light, .has-font-light-background-color {
  background-color: var(--color-font-light) !important;
}

/* line 3, src/scss/08-utils/_color.scss */
.color-font-light-muted, .has-font-light-muted-color {
  color: var(--color-font-light-muted) !important;
}

/* line 6, src/scss/08-utils/_color.scss */
.bg-color-font-light-muted, .has-font-light-muted-background-color {
  background-color: var(--color-font-light-muted) !important;
}

/* line 3, src/scss/08-utils/_color.scss */
.color-font-dark, .has-font-dark-color {
  color: var(--color-font-dark) !important;
}

/* line 6, src/scss/08-utils/_color.scss */
.bg-color-font-dark, .has-font-dark-background-color {
  background-color: var(--color-font-dark) !important;
}

/* line 3, src/scss/08-utils/_color.scss */
.color-font-dark-muted, .has-font-dark-muted-color {
  color: var(--color-font-dark-muted) !important;
}

/* line 6, src/scss/08-utils/_color.scss */
.bg-color-font-dark-muted, .has-font-dark-muted-background-color {
  background-color: var(--color-font-dark-muted) !important;
}

/* line 3, src/scss/08-utils/_color.scss */
.color-bg-light, .has-bg-light-color {
  color: var(--color-bg-light) !important;
}

/* line 6, src/scss/08-utils/_color.scss */
.bg-color-bg-light, .has-bg-light-background-color {
  background-color: var(--color-bg-light) !important;
}

/* line 3, src/scss/08-utils/_color.scss */
.color-bg-light-muted, .has-bg-light-muted-color {
  color: var(--color-bg-light-muted) !important;
}

/* line 6, src/scss/08-utils/_color.scss */
.bg-color-bg-light-muted, .has-bg-light-muted-background-color {
  background-color: var(--color-bg-light-muted) !important;
}

/* line 3, src/scss/08-utils/_color.scss */
.color-bg-dark, .has-bg-dark-color {
  color: var(--color-bg-dark) !important;
}

/* line 6, src/scss/08-utils/_color.scss */
.bg-color-bg-dark, .has-bg-dark-background-color {
  background-color: var(--color-bg-dark) !important;
}

/* line 3, src/scss/08-utils/_color.scss */
.color-bg-dark-muted, .has-bg-dark-muted-color {
  color: var(--color-bg-dark-muted) !important;
}

/* line 6, src/scss/08-utils/_color.scss */
.bg-color-bg-dark-muted, .has-bg-dark-muted-background-color {
  background-color: var(--color-bg-dark-muted) !important;
}

/* line 6, src/scss/08-utils/_spacing.scss */
.m-auto {
  margin: auto;
}

/* line 10, src/scss/08-utils/_spacing.scss */
.m-half {
  margin: calc(var(--baseline)*0.5);
}

/* line 14, src/scss/08-utils/_spacing.scss */
.p-half {
  padding: calc(var(--baseline)*0.5);
}

/* line 19, src/scss/08-utils/_spacing.scss */
.mt-auto {
  margin-top: auto !important;
}

/* line 23, src/scss/08-utils/_spacing.scss */
.mt-half {
  margin-top: calc(var(--baseline)*0.5) !important;
}

/* line 27, src/scss/08-utils/_spacing.scss */
.pt-half {
  padding-top: calc(var(--baseline)*0.5) !important;
}

/* line 19, src/scss/08-utils/_spacing.scss */
.mb-auto {
  margin-bottom: auto !important;
}

/* line 23, src/scss/08-utils/_spacing.scss */
.mb-half {
  margin-bottom: calc(var(--baseline)*0.5) !important;
}

/* line 27, src/scss/08-utils/_spacing.scss */
.pb-half {
  padding-bottom: calc(var(--baseline)*0.5) !important;
}

/* line 19, src/scss/08-utils/_spacing.scss */
.ml-auto {
  margin-left: auto !important;
}

/* line 23, src/scss/08-utils/_spacing.scss */
.ml-half {
  margin-left: calc(var(--baseline)*0.5) !important;
}

/* line 27, src/scss/08-utils/_spacing.scss */
.pl-half {
  padding-left: calc(var(--baseline)*0.5) !important;
}

/* line 19, src/scss/08-utils/_spacing.scss */
.mr-auto {
  margin-right: auto !important;
}

/* line 23, src/scss/08-utils/_spacing.scss */
.mr-half {
  margin-right: calc(var(--baseline)*0.5) !important;
}

/* line 27, src/scss/08-utils/_spacing.scss */
.pr-half {
  padding-right: calc(var(--baseline)*0.5) !important;
}

/* line 33, src/scss/08-utils/_spacing.scss */
.m-0 {
  margin: calc(var(--baseline)*0) !important;
}

/* line 37, src/scss/08-utils/_spacing.scss */
.p-0 {
  padding: calc(var(--baseline)*0) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mt-0 {
  margin-top: calc(var(--baseline)*0) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pt-0 {
  padding-top: calc(var(--baseline)*0) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mb-0 {
  margin-bottom: calc(var(--baseline)*0) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pb-0 {
  padding-bottom: calc(var(--baseline)*0) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.ml-0 {
  margin-left: calc(var(--baseline)*0) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pl-0 {
  padding-left: calc(var(--baseline)*0) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mr-0 {
  margin-right: calc(var(--baseline)*0) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pr-0 {
  padding-right: calc(var(--baseline)*0) !important;
}

/* line 33, src/scss/08-utils/_spacing.scss */
.m-1 {
  margin: calc(var(--baseline)*1) !important;
}

/* line 37, src/scss/08-utils/_spacing.scss */
.p-1 {
  padding: calc(var(--baseline)*1) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mt-1 {
  margin-top: calc(var(--baseline)*1) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pt-1 {
  padding-top: calc(var(--baseline)*1) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mb-1 {
  margin-bottom: calc(var(--baseline)*1) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pb-1 {
  padding-bottom: calc(var(--baseline)*1) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.ml-1 {
  margin-left: calc(var(--baseline)*1) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pl-1 {
  padding-left: calc(var(--baseline)*1) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mr-1 {
  margin-right: calc(var(--baseline)*1) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pr-1 {
  padding-right: calc(var(--baseline)*1) !important;
}

/* line 33, src/scss/08-utils/_spacing.scss */
.m-2 {
  margin: calc(var(--baseline)*2) !important;
}

/* line 37, src/scss/08-utils/_spacing.scss */
.p-2 {
  padding: calc(var(--baseline)*2) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mt-2 {
  margin-top: calc(var(--baseline)*2) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pt-2 {
  padding-top: calc(var(--baseline)*2) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mb-2 {
  margin-bottom: calc(var(--baseline)*2) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pb-2 {
  padding-bottom: calc(var(--baseline)*2) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.ml-2 {
  margin-left: calc(var(--baseline)*2) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pl-2 {
  padding-left: calc(var(--baseline)*2) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mr-2 {
  margin-right: calc(var(--baseline)*2) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pr-2 {
  padding-right: calc(var(--baseline)*2) !important;
}

/* line 33, src/scss/08-utils/_spacing.scss */
.m-3 {
  margin: calc(var(--baseline)*3) !important;
}

/* line 37, src/scss/08-utils/_spacing.scss */
.p-3 {
  padding: calc(var(--baseline)*3) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mt-3 {
  margin-top: calc(var(--baseline)*3) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pt-3 {
  padding-top: calc(var(--baseline)*3) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mb-3 {
  margin-bottom: calc(var(--baseline)*3) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pb-3 {
  padding-bottom: calc(var(--baseline)*3) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.ml-3 {
  margin-left: calc(var(--baseline)*3) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pl-3 {
  padding-left: calc(var(--baseline)*3) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mr-3 {
  margin-right: calc(var(--baseline)*3) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pr-3 {
  padding-right: calc(var(--baseline)*3) !important;
}

/* line 33, src/scss/08-utils/_spacing.scss */
.m-4 {
  margin: calc(var(--baseline)*4) !important;
}

/* line 37, src/scss/08-utils/_spacing.scss */
.p-4 {
  padding: calc(var(--baseline)*4) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mt-4 {
  margin-top: calc(var(--baseline)*4) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pt-4 {
  padding-top: calc(var(--baseline)*4) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mb-4 {
  margin-bottom: calc(var(--baseline)*4) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pb-4 {
  padding-bottom: calc(var(--baseline)*4) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.ml-4 {
  margin-left: calc(var(--baseline)*4) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pl-4 {
  padding-left: calc(var(--baseline)*4) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mr-4 {
  margin-right: calc(var(--baseline)*4) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pr-4 {
  padding-right: calc(var(--baseline)*4) !important;
}

/* line 33, src/scss/08-utils/_spacing.scss */
.m-5 {
  margin: calc(var(--baseline)*5) !important;
}

/* line 37, src/scss/08-utils/_spacing.scss */
.p-5 {
  padding: calc(var(--baseline)*5) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mt-5 {
  margin-top: calc(var(--baseline)*5) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pt-5 {
  padding-top: calc(var(--baseline)*5) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mb-5 {
  margin-bottom: calc(var(--baseline)*5) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pb-5 {
  padding-bottom: calc(var(--baseline)*5) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.ml-5 {
  margin-left: calc(var(--baseline)*5) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pl-5 {
  padding-left: calc(var(--baseline)*5) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mr-5 {
  margin-right: calc(var(--baseline)*5) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pr-5 {
  padding-right: calc(var(--baseline)*5) !important;
}

/* line 33, src/scss/08-utils/_spacing.scss */
.m-6 {
  margin: calc(var(--baseline)*6) !important;
}

/* line 37, src/scss/08-utils/_spacing.scss */
.p-6 {
  padding: calc(var(--baseline)*6) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mt-6 {
  margin-top: calc(var(--baseline)*6) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pt-6 {
  padding-top: calc(var(--baseline)*6) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mb-6 {
  margin-bottom: calc(var(--baseline)*6) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pb-6 {
  padding-bottom: calc(var(--baseline)*6) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.ml-6 {
  margin-left: calc(var(--baseline)*6) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pl-6 {
  padding-left: calc(var(--baseline)*6) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mr-6 {
  margin-right: calc(var(--baseline)*6) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pr-6 {
  padding-right: calc(var(--baseline)*6) !important;
}

/* line 33, src/scss/08-utils/_spacing.scss */
.m-8 {
  margin: calc(var(--baseline)*8) !important;
}

/* line 37, src/scss/08-utils/_spacing.scss */
.p-8 {
  padding: calc(var(--baseline)*8) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mt-8 {
  margin-top: calc(var(--baseline)*8) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pt-8 {
  padding-top: calc(var(--baseline)*8) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mb-8 {
  margin-bottom: calc(var(--baseline)*8) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pb-8 {
  padding-bottom: calc(var(--baseline)*8) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.ml-8 {
  margin-left: calc(var(--baseline)*8) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pl-8 {
  padding-left: calc(var(--baseline)*8) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mr-8 {
  margin-right: calc(var(--baseline)*8) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pr-8 {
  padding-right: calc(var(--baseline)*8) !important;
}

/* line 33, src/scss/08-utils/_spacing.scss */
.m-9 {
  margin: calc(var(--baseline)*9) !important;
}

/* line 37, src/scss/08-utils/_spacing.scss */
.p-9 {
  padding: calc(var(--baseline)*9) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mt-9 {
  margin-top: calc(var(--baseline)*9) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pt-9 {
  padding-top: calc(var(--baseline)*9) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mb-9 {
  margin-bottom: calc(var(--baseline)*9) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pb-9 {
  padding-bottom: calc(var(--baseline)*9) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.ml-9 {
  margin-left: calc(var(--baseline)*9) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pl-9 {
  padding-left: calc(var(--baseline)*9) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mr-9 {
  margin-right: calc(var(--baseline)*9) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pr-9 {
  padding-right: calc(var(--baseline)*9) !important;
}

/* line 33, src/scss/08-utils/_spacing.scss */
.m-10 {
  margin: calc(var(--baseline)*10) !important;
}

/* line 37, src/scss/08-utils/_spacing.scss */
.p-10 {
  padding: calc(var(--baseline)*10) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mt-10 {
  margin-top: calc(var(--baseline)*10) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pt-10 {
  padding-top: calc(var(--baseline)*10) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mb-10 {
  margin-bottom: calc(var(--baseline)*10) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pb-10 {
  padding-bottom: calc(var(--baseline)*10) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.ml-10 {
  margin-left: calc(var(--baseline)*10) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pl-10 {
  padding-left: calc(var(--baseline)*10) !important;
}

/* line 42, src/scss/08-utils/_spacing.scss */
.mr-10 {
  margin-right: calc(var(--baseline)*10) !important;
}

/* line 46, src/scss/08-utils/_spacing.scss */
.pr-10 {
  padding-right: calc(var(--baseline)*10) !important;
}

@media (max-width: 767px) {
  /* line 2, src/scss/08-utils/_hidden.scss */
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 8, src/scss/08-utils/_hidden.scss */
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  /* line 14, src/scss/08-utils/_hidden.scss */
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  /* line 20, src/scss/08-utils/_hidden.scss */
  .hidden-lg {
    display: none !important;
  }
}

@media (min-width: 1920px) {
  /* line 26, src/scss/08-utils/_hidden.scss */
  .hidden-xl {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  /* line 31, src/scss/08-utils/_hidden.scss */
  .hidden-mobile {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  /* line 37, src/scss/08-utils/_hidden.scss */
  .hidden-tablet {
    display: none !important;
  }
}

@media (min-width: 1440px) and (max-width: 1919px) {
  /* line 43, src/scss/08-utils/_hidden.scss */
  .hidden-desktop {
    display: none !important;
  }
}

@media (min-width: 1920px) {
  /* line 49, src/scss/08-utils/_hidden.scss */
  .hidden-desktop-large {
    display: none !important;
  }
}

/* line 55, src/scss/08-utils/_hidden.scss */
.hidden {
  display: none !important;
}

/* Hacks */