/*!
Theme Name: stratigrafie
Theme URI: https://www.lucabunino.com/
Author: Luca Bunino
Author URI: https://www.lucabunino.com/
Version: 1.0.0
Text Domain: stratigrafie

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import "./normalize.css";
@import "./fonts.css";

/* Reset */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-size: unset;
	font-weight: unset;
}
a:-webkit-any-link {
	color: inherit;
	text-decoration: none;
}
a:-moz-any-link {
	color: inherit;
	text-decoration: none;
}
a:any-link {
	color: inherit;
	text-decoration: none;
}

/* Typography */
.rima-15 {
	font-size: .833rem;
	line-height: 1.1;
}
.rima-18 {
	font-size: 1rem;
	line-height: 1.1;
}
.rima-21 {
	font-size: 1.166rem;
	line-height: 1.2;
}
.rima-24,
.wp-block-heading {
	font-size: 1.333rem;
	line-height: 1;
}
.rima-30 {
	font-size: 1.666rem;
	line-height: 1;
}
.rima-36 {
	font-size: 2rem;
	line-height: 1;
}
.rima-42 {
	font-size: 2.333rem;
	line-height: 1;
}
.rima-160 {
	font-size: 8.888rem;
	letter-spacing: -.01em;
	line-height: 1;
}
.leading-1_05 {
	line-height: 1.05;
}
.leading-1_15 {
	line-height: 1.15;
}
.leading-1_2 {
	line-height: 1.2;
}
.uppercase {
	text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
	.rima-15 {
		line-height: 1.2;
	}
	.rima-18 {
		line-height: 1.2;
	}
	.rima-160 {
		font-size: 18vw;
	}
	.mobile-rima-18 {
		font-size: 1.2rem;
		line-height: 1.2;
	}
	.mobile-rima-15 {
		font-size: 1rem;
		line-height: 1.2;
	}
	.mobile-rima-12 {
		font-size: .8rem;
	}
}
/* Setup */
:root {
	--pink: #F3CBFF;
	--gray: #D9D9D9;
	--gray-opacity: rgba(217, 217, 217, .4);
	--white: #FFFFFF;
	--white-opacity: rgba(255, 255, 255, .4);
	--black: #000000;
	--gutter: .6666rem;
	--headerHeight: -moz-calc(2rem + 1.05rem + 1.05rem*.550*2);
	--headerHeight: calc(2rem + 1.05rem + 1.05rem*.550*2);
	--transition: cubic-bezier(.77,0,.175,1) 300ms;
	--transitionFast: cubic-bezier(.77,0,.175,1) 100ms;
	--transitionComparison: cubic-bezier(.34,1.1,.64,1) 600ms;
}
html {
	-webkit-font-smoothing: antialiased;
	scroll-behavior: smooth;
	font-size: clamp(15px, -moz-calc(10px + .5291005291vw), 18px);
	font-size: clamp(15px, calc(10px + .5291005291vw), 18px);
}
body {
	font-family: 'OTRima', Helvetica, Arial, sans-serif;
	color: var(--black);
	background-color: var(--white);
}
button {
  -webkit-appearance: none;
  -moz-border-radius: 0;
       border-radius: 0;
  text-align: inherit;
  background: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  padding: 0;
  cursor: pointer;
  border: none;
  color: inherit;
  font: inherit;
}
.site-header a,
.btn {
	padding: .550em 1.111em;
	-moz-border-radius: .550em;
	     border-radius: .550em;
	background-color: var(--gray);
	text-transform: uppercase;
	text-decoration: none;
}
.site-header a,
.bg-blur {
	background-color: var(--gray-opacity);
	-webkit-backdrop-filter: brightness(1.3) blur(4px);
	        backdrop-filter: brightness(1.3) blur(4px);
}
.site-header *:not(.disabled)>a:hover,
.btn:hover {
	background-color: var(--pink);
}
.disabled>a {
	cursor: default;
}
.hover-underline:hover,
[data-page="single-project"] .video .info a:hover {
	text-decoration: underline;
}
.bg-pink {
	background-color: var(--pink);
}
.bg-white {
	background-color: var(--white);
}
@media screen and (max-width: 1024px) {
	:root {
		--headerHeight: -moz-calc(4rem + 1.05rem + 1.05rem*.550*2);
		--headerHeight: calc(4rem + 1.05rem + 1.05rem*.550*2);
	}
}

/* Header */
.site-header {
	position: fixed;
	padding: 1rem var(--gutter);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--gutter);
	z-index: 9;
}
.site-header a[aria-current="page"],
.current-menu-parent>a {
	background-color: var(--pink);
}
.site-title {
	margin: 0;
}
.main-navigation ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 6px;
}
.main-navigation ul ul {
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
	        box-shadow: none !important;
	padding-left: 6px;
	z-index: -1;
}
.main-navigation ul ul a {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	opacity: 0;
	-webkit-transform: translateX(-100%);
	   -moz-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: transform, opacity;
	-moz-transition-property: transform, opacity, -moz-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform, -moz-transform;
}
.main-navigation ul ul li:nth-child(2) a {
	-webkit-transition-delay: 100ms;
	   -moz-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: 100%;
	top: 0;
}
.main-navigation ul li:hover > ul a,
.main-navigation ul li.focus > ul a {
	opacity: 1;
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}
.menu-toggle {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	margin: 2rem var(--gutter);
	width: 2rem;
	height: -moz-calc(2.2rem);
	height: calc(2.2rem)
}
.menu-toggle .line {
	position: absolute;
	width: 100%;
	height: 2px;
	-moz-border-radius: 2px;
	     border-radius: 2px;
	background-color: var(--black);
	left: 0;
	right: 0;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
	-webkit-transform-origin: center;
	   -moz-transform-origin: center;
	    -ms-transform-origin: center;
	        transform-origin: center;
}
.menu-toggle .line:nth-child(1) {
	top: 50%;
	-webkit-transform: translateY(-450%);
	   -moz-transform: translateY(-450%);
	    -ms-transform: translateY(-450%);
	        transform: translateY(-450%);
}
.menu-toggle .line:nth-child(2) {
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.menu-toggle .line:nth-child(3) {
	top: 50%;
	-webkit-transform: translateY(350%);
	   -moz-transform: translateY(350%);
	    -ms-transform: translateY(350%);
	        transform: translateY(350%);
}
.toggled .menu-toggle .line:nth-child(1) {
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(40deg);
	   -moz-transform: translateY(-50%) rotate(40deg);
	    -ms-transform: translateY(-50%) rotate(40deg);
	        transform: translateY(-50%) rotate(40deg);
}
.toggled .menu-toggle .line:nth-child(2) {
	width: 0;
}
.toggled .menu-toggle .line:nth-child(3) {
	top: 50%;
	-webkit-transform:  translateY(-50%) rotate(-40deg);
	   -moz-transform:  translateY(-50%) rotate(-40deg);
	    -ms-transform:  translateY(-50%) rotate(-40deg);
	        transform:  translateY(-50%) rotate(-40deg);
}
@media screen and (max-width: 1024px) {
	.main-navigation ul {
		display: none;
	}
	.menu-toggle {
		display: block;
	}
	.main-navigation.toggled ul.nav-menu {
		position: fixed;
		left: 0;
		top: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 2rem var(--gutter);
		background-color: var(--pink);
		width: 100%;
	}
	.main-navigation a {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	.main-navigation ul li {
		z-index: 1;
		mix-blend-mode: luminosity;
	}
	.main-navigation .disabled>a {
		opacity: .3;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul,
	.main-navigation ul li > ul,
	.main-navigation ul .current-menu-parent > ul {
		top: unset;
		left: unset;
		position: relative;
		padding: var(--gutter) 2.5rem;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		mix-blend-mode: luminosity;
	}
	.main-navigation ul li:hover > ul a,
	.main-navigation ul li.focus > ul a,
	.main-navigation ul li > ul a,
	.main-navigation ul .current-menu-parent > ul a {
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		        transform: none;
		opacity: 1;
	}
	.site-header a[aria-current="page"],
	.current-menu-parent>a {
		background-color: var(--white);
	}
}

/* Main */
main {
	min-height: 100vh;
}
.mobile-title {
	display: none;
}
@media screen and (max-width: 1024px) {
	.mobile-title {
		display: block;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin: 2rem var(--gutter);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 4;
	}
}

/* Homepage */
[data-page="front"] {
	position: relative;
	overflow-x: hidden;
}
[data-page="front"]>a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: var(--headerHeight) var(--gutter) var(--gutter);
	gap: 1rem;
	min-height: 100vh;
}
[data-page="front"] .info {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr;
	grid-template-columns: repeat(12, 1fr);
	gap: var(--gutter);
	width: 100%;
}
[data-page="front"] .info h3 {
	z-index: 4;
}
[data-page="front"] .info h3:nth-child(1) {
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1 / span 2;
}
[data-page="front"] .info h3:nth-child(2) {
	-ms-grid-column: 3;
	-ms-grid-column-span: 3;
	grid-column: 3 / span 3;
}
[data-page="front"] h1 {
	text-align: left;
}
[data-page="front"] h2 {
	text-align: right;
	overflow: hidden;
}
[data-page="front"] h2 span {
	display: inline;
}
[data-page="front"] .image-comparison {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: -1;
}
[data-page="front"] .images {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: var(--transitionComparison);
	-o-transition: var(--transitionComparison);
	-moz-transition: var(--transitionComparison);
	transition: var(--transitionComparison);
}
[data-page="front"] .images.normal {
	left: 0;
	background-color: var(--white);
	-webkit-clip-path: inset(0 0 0 0);
	        clip-path: inset(0 0 0 0);
}
[data-page="front"] .images.filtered {
	right: 0;
	background-color: var(--pink);
	-webkit-clip-path: inset(0 0 0 0);
	        clip-path: inset(0 0 0 0);
}
[data-page="front"] .image {
	position: absolute;
	width: 0;
    width: var(--desktop-width);
    left: var(--desktop-left);
    right: var(--desktop-right);
    top: var(--desktop-top);
    bottom: var(--desktop-bottom);
}
[data-page="front"] .image img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}
[data-page="front"] .divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: var(--transitionComparison);
  -o-transition: var(--transitionComparison);
  -moz-transition: var(--transitionComparison);
  transition: var(--transitionComparison);
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, white), to(transparent));
  background: -moz-linear-gradient(left, transparent, white 50%, transparent);
  background: -o-linear-gradient(left, transparent, white 50%, transparent);
  background: linear-gradient(to right, transparent, white 50%, transparent);
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50'><filter id='noise'><feTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='4' stitchTiles='stitch'/><feComponentTransfer><feFuncA type='linear' slope='2'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23noise)'/></svg>");
  -webkit-mask-repeat: repeat;
  -webkit-mask-size: 100px 100px;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50'><filter id='noise'><feTurbulence type='fractalNoise' baseFrequency='2.5' numOctaves='4' stitchTiles='stitch'/><feComponentTransfer><feFuncA type='linear' slope='2'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23noise)'/></svg>");
  mask-repeat: repeat;
  mask-size: 100px 100px;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
	[data-page="front"]>a {
		-webkit-box-align: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: var(--headerHeight) var(--gutter) var(--gutter);
	}
	[data-page="front"] .info h3:nth-child(1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 6;
		grid-column: 1 / span 6;
	}
	[data-page="front"] .info h3:nth-child(2) {
		-ms-grid-column: 7;
		-ms-grid-column-span: 6;
		grid-column: 7 / span 6;
	}
	[data-page="front"] h1 {
		text-align: center;
	}
	[data-page="front"] h2 {
		text-align: left;
		text-align: unset;
		width: 100%;
	}
	[data-page="front"] h2 span {
		display: block;
	}
	[data-page="front"] h2 span:nth-child(1) {
		text-align: left;
	}
	[data-page="front"] h2 span:nth-child(2) {
		text-align: right;
	}
	[data-page="front"] .image {
		position: absolute;
		width: 0;
		width: var(--mobile-width);
		left: var(--mobile-left);
		right: var(--mobile-right);
		top: var(--mobile-top);
		bottom: var(--mobile-bottom);
	}
}
@media screen and (max-width: 768px) {
	[data-page="front"]>a {
		padding: var(--headerHeight) var(--gutter) var(--headerHeight);
	}
	[data-page="front"] .info h3:nth-child(1) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		grid-column: 1 / span 12;
	}
	[data-page="front"] .info h3:nth-child(2) {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		grid-column: 1 / span 12;
	}
}

/* About */
[data-page="about"] {
	background-color: var(--white);
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr;
	grid-template-columns: repeat(12, 1fr);
	-ms-grid-rows: -webkit-max-content;
	-ms-grid-rows: max-content;
	grid-template-rows: -webkit-max-content;
	grid-template-rows: max-content;
	padding: -moz-calc(var(--headerHeight) + 2rem) var(--gutter) var(--gutter);
	padding: calc(var(--headerHeight) + 2rem) var(--gutter) var(--gutter);
	gap: var(--gutter);
	min-height: 100vh;
}
[data-page="about"] > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
[data-page="about"] > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}
[data-page="about"] > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
}
[data-page="about"] > *:nth-child(4) {
	-ms-grid-row: 1;
	-ms-grid-column: 7;
}
[data-page="about"] > *:nth-child(5) {
	-ms-grid-row: 1;
	-ms-grid-column: 9;
}
[data-page="about"] > *:nth-child(6) {
	-ms-grid-row: 1;
	-ms-grid-column: 11;
}
[data-page="about"] > *:nth-child(7) {
	-ms-grid-row: 1;
	-ms-grid-column: 13;
}
[data-page="about"] > *:nth-child(8) {
	-ms-grid-row: 1;
	-ms-grid-column: 15;
}
[data-page="about"] > *:nth-child(9) {
	-ms-grid-row: 1;
	-ms-grid-column: 17;
}
[data-page="about"] > *:nth-child(10) {
	-ms-grid-row: 1;
	-ms-grid-column: 19;
}
[data-page="about"] > *:nth-child(11) {
	-ms-grid-row: 1;
	-ms-grid-column: 21;
}
[data-page="about"] > *:nth-child(12) {
	-ms-grid-row: 1;
	-ms-grid-column: 23;
}
[data-page="about"] .left {
	-ms-grid-column: 1;
	-ms-grid-column-span: 5;
	grid-column: 1 / span 5;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
[data-page="about"] .left p {
	max-width: 650px;
}
[data-page="about"] .left:not(:first-child) {
	margin-top: 4rem;
}
[data-page="about"] .left .text {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 1rem;
	max-width: 700px;
}
[data-page="about"] .left .person:first-of-type {
	margin-top: 1rem;
}
[data-page="about"] .left .person {
	padding: 1rem 0;
	border-bottom: solid 1px var(--black);
}
[data-page="about"] .left .person h3 {
	padding-bottom: 1rem;
}
[data-page="about"] .left .about-credits {
	padding: 1.666rem 0 1rem;
	border-bottom: solid 1px var(--black);
}
[data-page="about"] .left .about-credits p+p {
	margin-top: .666rem;
}
[data-page="about"] .right {
	-ms-grid-column: 7;
	-ms-grid-column-span: 6;
	grid-column: 7 / span 6;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	width: -moz-calc((100% - var(--gutter)*3) / 2);
	width: calc((100% - var(--gutter)*3) / 2);
	position: absolute;
	right: var(--gutter);
}
[data-page="about"] .right img {
	width: 100%;
	height: auto;
}
[data-page="about"] .right .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	   -moz-transform: translateX(-50%) translateY(-50%);
	    -ms-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);
	background-color: var(--pink);
}
[data-page="about"] .right:hover .btn {
	background-color: var(--white-opacity);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	color: var(--white);
}
[data-page="about"] .right iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	background-color: var(--pink);
}
@media screen and (max-width: 1440px) {
	[data-page="about"] .left {
		-ms-grid-column: 1;
		-ms-grid-column-span: 6;
		grid-column: 1 / span 6;
	}
	[data-page="about"] .right {
		-ms-grid-column: 8;
		-ms-grid-column-span: 5;
		grid-column: 8 / span 5;
		width: 100%;
		position: relative;
		right: unset;
	}
}
@media screen and (max-width: 1024px) {
	[data-page="about"] .left {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		grid-column: 1 / span 12;
	}
	[data-page="about"] .right {
		-ms-grid-column: 1;
		-ms-grid-column-span: 12;
		grid-column: 1 / span 12;
	}
	[data-page="about"] .right img {
		margin-top: 4rem;
	}
}

/* Single project */
[data-page="single-project"] {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}
[data-page="single-project"] p + p {
	margin-top: 1.1em;
}
[data-page="single-project"] .discover-more {
	position: fixed;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	bottom: 1rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	z-index: 2;
	display: block;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
	-webkit-transition-property: top opacity;
	-o-transition-property: top opacity;
	-moz-transition-property: top opacity;
	transition-property: top opacity;
}
[data-page="single-project"] .wrapper {
	background-color: var(--white);
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr;
	grid-template-columns: repeat(20, 1fr);
	padding: -moz-calc(var(--headerHeight) + 2rem) var(--gutter) var(--headerHeight);
	padding: calc(var(--headerHeight) + 2rem) var(--gutter) var(--headerHeight);
	gap: var(--gutter);
	min-height: 100vh;
	overflow: hidden;
}
[data-page="single-project"] #intro {
	-ms-grid-column: 1;
	-ms-grid-column-span: 11;
	grid-column: 1 / span 11;
	min-height: -moz-calc(100vh - (var(--headerHeight) + 2rem) - var(--gutter)*2 - (var(--headerHeight)/2 + 4rem) - 45vh);
	min-height: calc(100vh - (var(--headerHeight) + 2rem) - var(--gutter)*2 - (var(--headerHeight)/2 + 4rem) - 45vh);
}
[data-page="single-project"] #intro h1 {
	margin-bottom: 1.666rem;
}
[data-page="single-project"] #intro p {
	max-width: 650px;
}
@media screen and (max-width: 768px) {
	[data-page="single-project"] #intro {
		-ms-grid-column: 1;
		-ms-grid-column-span: 20;
		grid-column: 1 / span 20;
		max-width: 700px;
		-ms-grid-row: 2;
		grid-row: 2;
		padding-top: var(--headerHeight);
		min-height: unset;
	}
	[data-page="single-project"] #intro h1 {
		margin-bottom: 1rem;
	}
	[data-page="single-project"] #intro h1 {
		text-transform: uppercase;
	}
}
[data-page="single-project"] #images {
	-ms-grid-column: 1;
	-ms-grid-column-span: 20;
	grid-column: 1 / span 20;
}
[data-page="single-project"] .swiper1 {
	overflow: visible;
}
[data-page="single-project"] .swiper1 .swiper-slide {
	width: auto;
}
[data-page="single-project"] .swiper1 .swiper-slide:last-child {
  width: -moz-calc(100% - 8px);
  width: calc(100% - 8px);
}
[data-page="single-project"] .swiper1 .swiper-slide img,
[data-page="single-project"] .swiper1 .swiper-slide video {
	width: auto;
	height: 45vh;
	max-width: 45vh;
	-o-object-fit: contain;
	   object-fit: contain;
    -o-object-position: top;
       object-position: top;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
	-webkit-transition-duration: 1500ms;
	   -moz-transition-duration: 1500ms;
	     -o-transition-duration: 1500ms;
	        transition-duration: 1500ms;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	-moz-transition-property: transform, -moz-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform, -moz-transform;
	-webkit-transform: translateY(100%);
	   -moz-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	        transform: translateY(100%);
	opacity: 0;
	display: block;
}
[data-page="single-project"] .swiper1 .swiper-slide button {
	display: block;
}
[data-page="single-project"] .swiper1 .swiper-slide.visible img,
[data-page="single-project"] .swiper1 .swiper-slide.visible video {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
}
[data-page="single-project"] .swiper1 .swiper-slide .caption {
	position: absolute;
	top: 0;
	-webkit-transform: translateY(-100%);
	   -moz-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
	width: 100%;
	padding-bottom: 1rem;
	min-height: var(--headerHeight);
	vertical-align: bottom;
	-ms-flex-line-pack: end;
	    align-content: end;
	opacity: 0;
	-webkit-transition: var(--transitionFast);
	-o-transition: var(--transitionFast);
	-moz-transition: var(--transitionFast);
	transition: var(--transitionFast);
	pointer-events: none;
}
[data-page="single-project"] .swiper1 .swiper-slide.hoverable:hover .caption {
	opacity: 1;
}
[data-page="single-project"] .swiper1:not(.hovered) .swiper-slide-active.hoverable .caption {
	opacity: 1;
	-webkit-transition-delay: 100ms;
	   -moz-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}
[data-page="single-project"] .swiper1 .swiper-slide .caption h4 {
	text-transform: uppercase;
}
[data-page="single-project"] .swiper1-navigation {
	position: relative;
	-ms-grid-column-align: right;
	    justify-self: right;
	margin: 0 -moz-calc(var(--gutter)*-1);
	margin: 0 calc(var(--gutter)*-1);
	padding-top: -moz-calc(var(--headerHeight)/2);
	padding-top: calc(var(--headerHeight)/2);
	padding-right: -moz-calc(var(--gutter) - .2em);
	padding-right: calc(var(--gutter) - .2em);
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	background-color: var(--white);
	z-index: 3;
}
[data-page="single-project"] .swiper1-navigation .swiper-button {
	position: relative;
	padding: 1rem .2em;
	height: 4rem;
	width: auto;
	color: var(--black);
	margin: 0;
}
[data-page="single-project"] .swiper1-navigation .swiper-button::after {
	display: none;
}
[data-page="single-project"] .swiper1-navigation .swiper-button:focus {
	outline: none;
}
[data-page="single-project"] .swiper1-navigation .swiper-button-prev {
	left: 0;
}
[data-page="single-project"] .swiper1-navigation .swiper-button-next {
	right: 0;
}
@media screen and (max-width: 768px) {
	[data-page="single-project"] .swiper1 {
		margin-top: 0;
	}
}
@media screen and (max-width: 768px) {
	[data-page="single-project"] .wrapper {
		padding-top: -moz-calc(var(--headerHeight) + 10rem);
		padding-top: calc(var(--headerHeight) + 10rem);
	}
	[data-page="single-project"] .swiper1 .swiper-slide-next,
	[data-page="single-project"] .swiper1 .swiper-slide-next + .swiper-slide,
	[data-page="single-project"] .swiper1 .swiper-slide-next + .swiper-slide + .swiper-slide {
		opacity: .1;
	}
	[data-page="single-project"] .swiper1 .swiper-slide .caption {
		min-height: unset;
		max-width: -moz-calc(100vw - var(--gutter)*2);
		max-width: calc(100vw - var(--gutter)*2);
	}
	[data-page="single-project"] .swiper1 .swiper-slide-active .caption {
		opacity: 1;
	}
	[data-page="single-project"] .swiper1 .swiper-slide:last-child {
		width: 100%;
	}
	[data-page="single-project"] .swiper1 .swiper-slide img,
	[data-page="single-project"] .swiper1 .swiper-slide video {
		max-width: unset;
		width: 100%;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		        transform: none;
		max-height: 800px;
	}
	[data-page="single-project"] .swiper1-navigation {
		display: none;
	}
}
[data-page="single-project"] .swiper2 {
	position: fixed;
	width: 100%;
	height: -moz-calc(100vh - var(--headerHeight));
	height: calc(100vh - var(--headerHeight));
	top: var(--headerHeight);
	left: 0;
	z-index: 9;
	opacity: 0;
	pointer-events: none;
}
[data-page="single-project"] .swiper2 .swiper-slide {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	   -moz-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
[data-page="single-project"] .swiper2 .swiper-slide figure {
	margin: 0;
}
[data-page="single-project"] .swiper2 .swiper-slide figure button {
	height: 100%;
}
[data-page="single-project"] .swiper2 .swiper-slide img,
[data-page="single-project"] .swiper2 .swiper-slide video {
	height: -webkit-fill-available;
	width: -moz-available;
	width: fill-available;
	width: -webkit-fill-available;
    max-width: -moz-calc(50vw - var(--gutter) / 2 * 3);
    max-width: calc(50vw - var(--gutter) / 2 * 3);
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: top right;
       object-position: top right;
    margin: 0 var(--gutter) var(--gutter);
	display: block;
}
[data-page="single-project"] .swiper2 .swiper-slide .caption {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 var(--gutter);
	width: -moz-calc(50vw - var(--gutter)/2*3);
	width: calc(50vw - var(--gutter)/2*3);
	max-width: 600px;
	opacity: 0;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
}
[data-page="single-project"] .swiper2 .swiper-slide .credit {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1rem var(--gutter);
	opacity: 0;
	-webkit-transition: var(--transition);
	-o-transition: var(--transition);
	-moz-transition: var(--transition);
	transition: var(--transition);
}
[data-page="single-project"] .swiper2 .swiper-slide-active .credit {
	opacity: 1;
	-webkit-transition-delay: 100ms;
	   -moz-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}
[data-page="single-project"] .swiper2 .swiper-slide-active .caption {
	opacity: 1;
	-webkit-transition-delay: 100ms;
	   -moz-transition-delay: 100ms;
	     -o-transition-delay: 100ms;
	        transition-delay: 100ms;
}
[data-page="single-project"] .swiper2 .swiper-button {
	position: fixed;
	top: var(--headerHeight);
	width: 50%;
	height: -moz-calc(100vh - var(--headerHeight));
	height: calc(100vh - var(--headerHeight));
	z-index: 3;
	margin: 0;
}
[data-page="single-project"] .swiper2 .swiper-button::after {
	display: none;
}
[data-page="single-project"] .swiper2 .swiper-button:focus {
	outline: none;
}
[data-page="single-project"] .swiper2 .swiper-button-prev {
	left: 0;
}
[data-page="single-project"] .swiper2 .swiper-button-next {
	right: 0;
}
[data-page="single-project"] .swiper2 .close-button {
	position: fixed;
	right: 0;
	top: 0;
	margin: 1rem var(--gutter);
	z-index: 4;
	background-color: var(--gray-opacity);
}
[data-page="single-project"] .swiper2 .close-button:hover {
	background-color: var(--pink);
}
[data-page="single-project"] .swiper2 #tag {
	position: fixed;
    pointer-events: none;
    -webkit-transform: translate(-50%, 100%);
       -moz-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
	z-index: 4;
}
[data-page="single-project"].open .swiper2 {
	opacity: 1;
	pointer-events: all;
}
@media screen and (max-width: 1024px) {
	[data-page="single-project"] .swiper2 .close-button {
		margin: 2rem var(--gutter);
		background-color: var(--pink);
	}
}
@media screen and (max-width: 768px) {
	[data-page="single-project"] .swiper2 {
		margin-top: 0;
		height: auto;
		top: 0;
	}
	[data-page="single-project"] .swiper2 .swiper-slide {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		   -moz-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		overflow: scroll;
        max-height: 100vh;
	}
	[data-page="single-project"] .swiper2 .swiper-slide img,
	[data-page="single-project"] .swiper2 .swiper-slide video {
		height: 70vw;
        width: 70vw !important;
        max-width: unset !important;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center;
           object-position: center;
        margin: 2rem 0;
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        position: relative !important;
        -webkit-transform: none !important;
           -moz-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
		-ms-grid-column-align: center;
		    justify-self: center;
	}
	[data-page="single-project"] .swiper2 .swiper-slide .title {
		width: -moz-calc(100% - 10rem);
		width: calc(100% - 10rem);
		padding: 2rem var(--gutter) 0;
	}
	[data-page="single-project"] .swiper2 .swiper-slide .caption {
		position: relative;
		left: unset;
		top: unset;
		width: -moz-calc(100% - var(--gutter)*2);
		width: calc(100% - var(--gutter)*2);
		max-width: 600px;
		opacity: 1;
	}
	[data-page="single-project"] .swiper2 .swiper-slide .credit {
		position: relative;
		margin-top: 2rem;
	}
	[data-page="single-project"] .swiper2 .swiper-button {
		width: auto;
		padding: var(--gutter);
		height: auto;
		top: 40%;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	[data-page="single-project"] .swiper2 .swiper-button::after {
		display: block;
		font-family: 'OTRima', Helvetica, Arial, sans-serif;
		color: var(--black);
		font-size: 1.6rem;
	}
	[data-page="single-project"] .swiper2 .swiper-button-prev::after {
		content: '←';
	}
	[data-page="single-project"] .swiper2 .swiper-button-next::after {
		content: '→';
	}
	[data-page="single-project"] .swiper2 #tag {
		display: none;
	}
}
[data-page="single-project"].open #intro,
[data-page="single-project"].open #secondary,
[data-page="single-project"].open #videos,
[data-page="single-project"].open .discover-more,
[data-page="single-project"].open .swiper1-navigation {
	opacity: 0 !important;
}
[data-page="single-project"].open .swiper1 .swiper-slide.visible img,
[data-page="single-project"].open .swiper1 .swiper-slide.visible video {
	opacity: .1;
}
@media screen and (max-width: 1024px) {
	[data-page="single-project"].open .mobile-title {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	[data-page="single-project"].open .swiper1 {
		opacity: .05 !important;
	}
}
[data-page="single-project"] #secondary {
	-ms-grid-column: 1;
	-ms-grid-column-span: 11;
	grid-column: 1 / span 11;
	margin-top: -moz-calc(var(--headerHeight) / 2 * 1);
	margin-top: calc(var(--headerHeight) / 2 * 1);
    padding-top: -moz-calc(var(--headerHeight) / 2 * 3);
    padding-top: calc(var(--headerHeight) / 2 * 3);
}
[data-page="single-project"] #secondary p {
	max-width: 650px;
}
@media screen and (max-width: 768px) {
	[data-page="single-project"] #secondary {
    	-ms-grid-column: 1;
    	-ms-grid-column-span: 20;
    	grid-column: 1 / span 20;
		margin-top: 0;
		padding-top: 1.1em;
	}
	[data-page="single-project"] #secondary h2 {
		margin-bottom: 1rem;
	}
}
[data-page="single-project"] #secondary h2 {
	margin-bottom: .666rem;
}
[data-page="single-project"] #videos {
	-ms-grid-column: 1;
	-ms-grid-column-span: 20;
	grid-column: 1 / span 20;
	margin-top: -moz-calc(var(--headerHeight)/2*1);
	margin-top: calc(var(--headerHeight)/2*1);
	padding-top: -moz-calc(var(--headerHeight)/2*3);
	padding-top: calc(var(--headerHeight)/2*3);
}
[data-page="single-project"] #videos .videos {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--gutter) 1fr var(--gutter) 1fr var(--gutter) 1fr;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--gutter);
	margin-top: 1.2rem;
}
[data-page="single-project"] #videos .video {
	position: relative;
}
[data-page="single-project"] #videos .cover {
	position: relative;
	aspect-ratio: 4/5;
}
[data-page="single-project"] #videos .cover img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
[data-page="single-project"] #videos .cover button {
	display: block;
}
[data-page="single-project"] #videos span {
	position: absolute;
	top: 75%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	   -moz-transform: translateX(-50%) translateY(-50%);
	    -ms-transform: translateX(-50%) translateY(-50%);
	        transform: translateX(-50%) translateY(-50%);
	background-color: var(--pink);
	cursor: pointer;
}
[data-page="single-project"] #videos .cover:hover span {
	background-color: var(--white-opacity);
	-webkit-backdrop-filter: blur(4px);
	        backdrop-filter: blur(4px);
	color: var(--white);
}
[data-page="single-project"] #videos iframe {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	z-index: -1;
	opacity: 0;
	background-color: var(--pink);
}
[data-page="single-project"] .video .info {
	margin-top: .666rem;
}
[data-page="single-project"] .video h3 {
	margin-bottom: .666rem;
}
@media screen and (max-width: 1512px) {
	[data-page="single-project"] #videos .videos {
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, 1fr);
	}
}
@media screen and (max-width: 1024px) {
	[data-page="single-project"] #videos {
		padding-top: var(--headerHeight);
		margin-top: 0;
	}
}
@media screen and (min-width: 768px) {
	[data-page="single-project"] .swiper3 .swiper-wrapper {
		display: contents;
	}
}
@media screen and (max-width: 768px) {
	[data-page="single-project"] #videos .videos {
		margin: 1rem -moz-calc(var(--gutter)*-1) 0;
		margin: 1rem calc(var(--gutter)*-1) 0;
	}
}
[data-page="single-project"] #people {
	-ms-grid-column: 1;
	-ms-grid-column-span: 20;
	grid-column: 1 / span 20;
	margin-top: -moz-calc(var(--headerHeight) / 2 * 1);
	margin-top: calc(var(--headerHeight) / 2 * 1);
    padding-top: -moz-calc(var(--headerHeight) / 2 * 3);
    padding-top: calc(var(--headerHeight) / 2 * 3);
}
[data-page="single-project"] #people .people {
	margin-top: 1.2rem;
	-webkit-column-count: 3;
	   -moz-column-count: 3;
	        column-count: 3;
	-webkit-column-gap: calc(var(--gutter)*3);
	   -moz-column-gap: -moz-calc(var(--gutter)*3);
	        column-gap: calc(var(--gutter)*3);
}
[data-page="single-project"] #people .person {
	border-bottom: solid 1px var(--black);
	padding: 1rem 0;
	-webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	        break-inside: avoid;
}
[data-page="single-project"] #people p + p {
	margin: 0;
}
@media screen and (max-width: 1512px) {
	[data-page="single-project"] #people {
		-ms-grid-column: 1;
		-ms-grid-column-span: 18;
		grid-column: 1 / span 18;
	}
	[data-page="single-project"] #people .people {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
	}
}
@media screen and (max-width: 768px) {
	[data-page="single-project"] #people {
		padding-top: var(--headerHeight);
		margin-top: 0;
	}
}
@media screen and (max-width: 768px) {
	[data-page="single-project"] #people {
		-ms-grid-column: 1;
		-ms-grid-column-span: 20;
		grid-column: 1 / span 20;
	}
	[data-page="single-project"] #people .people {
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		        column-count: 1;
	}
}
[data-page="single-project"] .credits {
    padding-top: var(--headerHeight);
	-ms-grid-column: 1;
	-ms-grid-column-span: 20;
	grid-column: 1 / span 20;
	max-width: 550px;
}
[data-page="single-project"] .swiper1, .swiper2, .swiper3 {
    visibility: hidden;
}
[data-page="single-project"] .swiper-lazy-preloader {
	border: 4px solid var(--pink);
	-moz-border-radius: 50%;
	     border-radius: 50%;
    border-top-color: transparent;
}
/* Privacy */
[data-page="privacy"] {
	background-color: var(--white);
	padding: -moz-calc(var(--headerHeight) + 2rem) var(--gutter) var(--headerHeight);
	padding: calc(var(--headerHeight) + 2rem) var(--gutter) var(--headerHeight);
	min-height: 100vh;
	max-width: 800px;
	line-height: 1.3;
}
[data-page="privacy"] h2 {
	margin-top: 2rem;
	margin-bottom: .6rem;
}
[data-page="privacy"] h3 {
	margin-top: 1rem;
	margin-bottom: .6rem;
}
[data-page="privacy"] a {
	text-decoration: underline;
}
[data-page="privacy"] a:hover {
	color: var(--pink);
}

/* Cookies */
#cookie-banner {
	display:none;
	position:fixed;
	top: 0;
	right: 0;
	width:-webkit-fill-available;
	width:-moz-available;
	width:stretch;
	max-width: 500px;
	padding: .7rem var(--gutter);
	margin: 1rem var(--gutter);
	z-index:9999;
	-moz-border-radius: .550em;
	     border-radius: .550em;
	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
#cookie-banner a {
	text-decoration: underline;
}
#cookie-banner a:hover {
	opacity: .3;
}
#cookie-btn {
	display: block;
	margin-top: 1.5rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
#cookie-btn:hover {
	background-color: var(--white-opacity);
}
@media screen and (max-width: 1024px) {
	#cookie-banner {
		top: unset;
		right: unset;
		bottom: 0;
		left: 0;
		margin: 0;
		-moz-border-radius: 0;
		     border-radius: 0;
		max-width: unset;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		   -moz-box-orient: horizontal;
		   -moz-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	#cookie-btn {
		margin-top: 0;
		right: var(--gutter);
		bottom: .7rem;
	}
}
@media screen and (max-width: 540px) {
	#cookie-banner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		   -moz-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		padding-bottom: 2rem;
	}
	#cookie-banner br {
		display: none;
	}
	#cookie-btn {
		margin-top: .7rem;
		width: 100%;
		text-align: center;
	}
}

/* Footer */
.site-footer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: var(--headerHeight) var(--gutter) 1rem;
	width: 100%;
	gap: 3rem;
}
.site-footer>div {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: var(--gutter);
}
.site-footer>div:nth-child(1)>div>*:nth-child(1) {
	white-space: nowrap;
}
.site-footer>div:nth-child(1)>div {
	gap: 2rem;
}
.site-footer svg {
	width: 200px;
	height: auto;
}
.site-footer>div:nth-child(1)>div>*:nth-child(2),
.site-footer>div:nth-child(1)>div>*:nth-child(3) {
	max-width: 340px;
}
.site-footer>div>div {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--gutter);
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.site-footer br {
		display: none;
	}
}
@media screen and (max-width: 1024px) {
	.site-footer>div:nth-child(1) {
		-webkit-box-align: start;
		   -moz-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.site-footer>div:nth-child(1)>div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 1rem;
	}
	.site-footer>div:nth-child(1)>div a {
		margin-top: .666rem;
		display: block;
	}
	.site-footer>div:nth-child(2) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
@media screen and (max-width: 768px) {
	.site-footer svg {
		width: 30vw;
	}
}
@media screen and (max-width: 480px) {
	.site-footer>div:nth-child(1)>div {
		width: 50vw;
	}
	.site-footer svg {
		width: 35vw;
	}
	.site-footer>div:nth-child(2)>div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -moz-box-orient: vertical;
		   -moz-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 0;
	}
	.site-footer br {
		display: none;
	}
}

/* Hidden */
@media screen and (min-width: 1025px) {
	.hidden-o1024 {
		display: none !important;
	}
}
@media screen and (max-width: 1024px) {
	.hidden-u1024 {
		display: none !important;
	}
}
@media screen and (min-width: 768px) {
	.hidden-o768 {
		display: none !important;
	}
}
@media screen and (max-width: 768px) {
	.hidden-u768 {
		display: none !important;
	}
}