/*!
Theme Name: Tales Of Us
Theme URI: http://underscores.me/
Author: Baobab Studio
Author URI: https://baobab.work
Description: Description
Version: 0.0.5
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tales-of-us
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

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

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nimbus';
    src: url('fonts/Nimbus-Sans-D-OT-Black-Extended_32740.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

html {
	scroll-behavior: smooth;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	--dark: #000;
	--light: #FFF;
	--gray: #C0C0C0;
	--grayLite: #F2F2F2;
	--radius: 1rem;
	margin: 0;
}

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

/* Grouping content
	 ========================================================================== */

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

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

/* Text-level semantics
	 ========================================================================== */

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

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

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

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

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

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

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

/* Forms
	 ========================================================================== */

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

::-moz-selection { /* Code for Firefox */
    background: var(--gray);
}

::selection {
    background: var(--gray);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Interactive
	 ========================================================================== */

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

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

/* Misc
	 ========================================================================== */

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

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

/* Box sizing
--------------------------------------------- */

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

html {
	box-sizing: border-box;
	margin-top: 0px !important;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: var(--dark);
	font-family: 'Inter', sans-serif;
	font-size: 2.0625rem;
	line-height: 2.5rem;
	font-weight: normal;
	letter-spacing: -0.99px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: 'Nimbus';
	clear: both;
	line-height: 1.25;
	letter-spacing: -5.8px;
}

h1 {
	font-size: 2.50vw;
	line-height: 3.75vw;
	text-transform: uppercase;
	letter-spacing: 0;
}

p {
	margin: 0;
}

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

blockquote {
	margin: 0;
}

address {
	margin: 0;
}

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

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

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

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: var(--light);
}

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

ul,
ol {
	margin: 0;
}

ul {
	list-style: none;
	padding: 0;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0;
}

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

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

figure {
	margin: 0;
}

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

/* Links
--------------------------------------------- */
a {
	color: var(--dark);
	outline: none;
	text-decoration: none;
	transition: all 0.15s;
}

a:visited {
	outline: none;
}

a:hover,
a:focus,
a:active {
	outline: none;
	color: var(--gray);
}

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

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

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

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

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

.hide {
	display: none !important;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

#about{
	padding-top: 4vw !important;
}
#contact{
	padding-top: 6vw !important;
}

.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

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

.site {
	/* padding: 2.08vw 0 3.75vw; */
	padding: 1vw 0 3.75vw;
}

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

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

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

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

.bypostauthor {
	display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

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

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin: 0;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin: 0;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

:where(.wp-block-columns) {
	margin: 0;
}

footer {
	margin: 0 8.33vw;
}

.entry-content > .wp-block-group:not(.container-projects) {
	padding: 2vw 8.33vw 4.88vw;
	margin: 0;
	overflow: hidden;
}

.slideInLeft {
	animation: slideInLeft ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.slideInTop {
	animation: slideInTop ease 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.slideInRight {
	animation: slideInRight ease 6s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.slideInBottom {
	animation: slideInBottom ease 8s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

header {
	margin-bottom: 1vw;
	position: fixed;
	width: 100%;
	top: 0;
	padding: 16px 8.33vw;
	background-color: #ffffff;
	z-index: 9999;
	box-shadow: 0 .5rem 3rem #00000014;
}

header .wp-block-columns.is-layout-flex{
	align-items: center !important;
}

header .wp-block-column:last-child {
	text-align: right;
}

header a.menu-toggle {
	display: inline-block;
	position: relative;
}

header a.menu-toggle svg {
	transition: all 0.15s;
	transform-origin: center;
	display: inline-block;
	width: 3.39vw;
	height: auto;
}

header a.menu-toggle svg rect {
	transition: all 0.15s;
	transform-origin: center;
}

header a.menu-toggle:hover svg rect:last-child,
.active-menu header a.menu-toggle svg rect:last-child {
	height: 32px;
	transform: translateY(-15px);
}

.active-menu header a.menu-toggle svg {
	transform: rotate(45deg);
}

header h1 a,
header h1 a:hover {
	color: var(--light) !important;
}

header .wp-block-column:nth-child(2) h1,
header .wp-block-column:last-child {
	/* position: fixed; */
	/* position: absolute; */
	z-index: 10;
}

header .wp-block-column:last-child {
	z-index: 11;
}

header .wp-block-column:nth-child(2) h1 {
	left: calc(50vw - 10.53vw/2);
	top: 3vw;
	mix-blend-mode: difference !important;
	/* filter: invert(1); */
}

header .wp-block-column:last-child {
	right: 8.33vw;
}

header .main-menu {
	display: flex;
	flex-direction: row;
	gap: 7.71vw;
}

header .main-menu a {
	font-size: 1.04vw;
	line-height: 1.25vw;
	letter-spacing: -0.66px;
}

header .main-menu li {
	line-height: min(1.595vw, 2rem);
}

.hero {
	margin: 0 8.33vw 5.21vw;
}

.hero h2 {
	font-size: 5.85vw;
	line-height: 4.3vw;
	letter-spacing: -5.8px;
}

.hero .wp-block-columns {
	row-gap: 1.67vw;
}

.hero .wp-block-columns + .wp-block-columns {
	margin-top: 2.50vw;
}

.hero .wp-block-columns h2 {
	transform: translateY(13px);
}

.hero .wp-block-columns + .wp-block-columns h2 {
	transform: translateY(-13px);
}

.about p + .wp-block-columns {
	margin-top: 6.88vw;
	margin-bottom: 4.79vw;
}

.entry-content > figure,
.entry-content .container-projects {
	margin-bottom: 3.88vw;
}

.entry-content > .size-full img {
	width: 100%;
}

.about h2,
.projects h2,
.about p.has-text-align-center,
.projects p.has-small-font-size {
	font-family: 'Inter';
	font-weight: 400;
	font-size: 1.15vw;
	line-height: 1.25vw;
	letter-spacing: -0.66px;
	margin-bottom: 1.25vw;
}

.about p.has-text-align-center {
	max-width: 23.44vw;
	margin-left: auto;
	margin-right: auto;
}

.projects p.has-small-font-size {
	font-size: 1.15vw !important;
	width: 27.29vw;
}

.about p,
.projects p {
	max-width: 53.70vw;
	font-size: 4.01vw;
	line-height: 4.17vw;
	letter-spacing: -3.85px;
	font-weight: 500;
	margin-bottom: 2.50vw;
}

.about .wp-block-columns h2 {
	font-family: 'Nimbus';
	font-size: 4.13vw;
	line-height: 4.13vw;
	margin-bottom: 0;
}

.about .wp-block-column:not(:last-child) {
	position: relative;
}

.about .wp-block-column:not(:last-child):after {
	content: "";
	position: absolute;
	right: -34px;
	height: 4.38vw;
	border-left: 2px solid var(--dark);
	top: -2px;
}

.entry-content .container-projects {
	text-align: center;
}

.entry-content p a {
	text-decoration: underline;
}

form.wpcf7-form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1.67vw;
	row-gap: 0.63vw;
}

form.wpcf7-form > div,
form.wpcf7-form > p {
	flex-basis: calc(50% - 0.835vw);
}

form input,
form textarea {
	width: 100%;
}

.contact h2 {
	font-family: 'Inter';
	font-weight: 400;
	font-size: 1.15vw;
	line-height: 1.25vw;
	letter-spacing: -0.66px;
	margin-bottom: 1.25vw;
}

div.wpcf7 {
	padding: 0.83vw 1.35vw;
	background-color: var(--grayLite);
	border-radius: 4px;
}

.wpcf7 label,
.wpcf7 p {
	position: relative;
	font-size: 0.86vw;
	line-height: 0.86vw;
	color: var(--gray);
	letter-spacing: -0.495px;
}

.wpcf7 form > p:nth-last-child(2) {
	flex-basis: 100%;
}

.wpcf7 form .wpcf7-response-output {
	flex-basis: 100%;
	margin: 0;
	padding: 0.31vw;
	border-width: 1px;
	font-size: 0.86vw;
	line-height: 0.86vw;
	text-align: center;
}

.wpcf7 input[type="submit"] {
	padding: 0 0.31vw;
	border: 0;
	border-radius: 4px;
	background-color: var(--light);
	font-size: 1.15vw;
	line-height: 2.50vw;
	height: 2.50vw;
	text-align: left;
	cursor: pointer;
	margin-left: -0.31vw;
	width: calc(100% + 0.31vw);
}

.wpcf7-spinner {
	position: absolute;
	right: 0.31vw;
	top: 0.5vw;
	margin: 0;
}

.wpcf7 p {
	color: var(--dark);
}

.wpcf7 p + p {
	margin-top: 2.71vw;
}

.wpcf7 label input[type="text"],
.wpcf7 label input[type="email"],
.wpcf7 label textarea {
	margin-top: 0.42vw;
	margin-left: -0.31vw;
	height: 1.67vw;
	padding: 0 0.31vw;
	line-height: 1.67vw;
	border: 0;
	border-radius: 4px;
	outline: none;
	font-size: 1.15vw;
	line-height: 1.25vw;
}

.wpcf7 label textarea {
	height: 10vw;
	padding: 0.31vw;
}

.wpcf7 .wpcf7-not-valid-tip {
	display: inline-block;
	margin-top: 0.5rem;
	font-size: 0.86vw;
	line-height: 0.86vw;
}

.wpcf7#wpcf7-f48-p13-o2 form > div:nth-last-child(3),
.wpcf7#wpcf7-f48-p13-o2 form > div:nth-last-child(4) {
	margin: 2.50vw 0;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).categories-filter {
	margin: 0 8.33vw !important;
}

.categories-filter {
	margin: 0 8.33vw;
	display: flex;
	flex-direction: row;
	gap: 7.125rem;
	background: url('data:image/svg+xml,<svg width="90" height="18" viewBox="0 0 90 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0303 5C9.93652 4.20833 9.55632 3.59375 8.88965 3.15625C8.22298 2.71875 7.40527 2.5 6.43652 2.5C5.72819 2.5 5.1084 2.61458 4.57715 2.84375C4.05111 3.07292 3.63965 3.38802 3.34277 3.78906C3.05111 4.1901 2.90527 4.64583 2.90527 5.15625C2.90527 5.58333 3.00684 5.95052 3.20996 6.25781C3.41829 6.5599 3.68392 6.8125 4.00684 7.01562C4.32975 7.21354 4.66829 7.3776 5.02246 7.50781C5.37663 7.63281 5.70215 7.73437 5.99902 7.8125L7.62402 8.25C8.04069 8.35937 8.50423 8.51042 9.01465 8.70312C9.53027 8.89583 10.0225 9.15885 10.4912 9.49219C10.9652 9.82031 11.3558 10.2422 11.6631 10.7578C11.9704 11.2734 12.124 11.9062 12.124 12.6562C12.124 13.5208 11.8975 14.3021 11.4443 15C10.9964 15.6979 10.3402 16.2526 9.47559 16.6641C8.61621 17.0755 7.57194 17.2813 6.34277 17.2813C5.19694 17.2813 4.20475 17.0964 3.36621 16.7266C2.53288 16.3568 1.87663 15.8411 1.39746 15.1797C0.923503 14.5182 0.655273 13.75 0.592773 12.875H2.59277C2.64486 13.4792 2.84798 13.9792 3.20215 14.375C3.56152 14.7656 4.01465 15.0573 4.56152 15.25C5.11361 15.4375 5.70736 15.5312 6.34277 15.5312C7.08236 15.5312 7.74642 15.4115 8.33496 15.1719C8.9235 14.9271 9.38965 14.5885 9.7334 14.1562C10.0771 13.7187 10.249 13.2083 10.249 12.625C10.249 12.0937 10.1006 11.6615 9.80371 11.3281C9.50684 10.9948 9.11621 10.724 8.63184 10.5156C8.14746 10.3073 7.62402 10.125 7.06152 9.96875L5.09277 9.40625C3.84277 9.04687 2.85319 8.53385 2.12402 7.86719C1.39486 7.20052 1.03027 6.32812 1.03027 5.25C1.03027 4.35417 1.27246 3.57292 1.75684 2.90625C2.24642 2.23437 2.90267 1.71354 3.72559 1.34375C4.55371 0.968749 5.47819 0.781249 6.49902 0.781249C7.53027 0.781249 8.44694 0.966145 9.24902 1.33594C10.0511 1.70052 10.6865 2.20052 11.1553 2.83594C11.6292 3.47135 11.8792 4.19271 11.9053 5H10.0303ZM19.2746 17.25C18.1496 17.25 17.1808 16.9844 16.3683 16.4531C15.5558 15.9219 14.9308 15.1901 14.4933 14.2578C14.0558 13.3255 13.8371 12.2604 13.8371 11.0625C13.8371 9.84375 14.061 8.76823 14.5089 7.83594C14.9621 6.89844 15.5923 6.16667 16.3996 5.64062C17.2121 5.10937 18.16 4.84375 19.2433 4.84375C20.0871 4.84375 20.8475 5 21.5246 5.3125C22.2017 5.625 22.7563 6.0625 23.1886 6.625C23.6209 7.1875 23.8892 7.84375 23.9933 8.59375H22.1496C22.0089 8.04687 21.6964 7.5625 21.2121 7.14062C20.7329 6.71354 20.0871 6.5 19.2746 6.5C18.5558 6.5 17.9256 6.6875 17.3839 7.0625C16.8475 7.43229 16.4282 7.95573 16.1261 8.63281C15.8293 9.30469 15.6808 10.0937 15.6808 11C15.6808 11.9271 15.8267 12.7344 16.1183 13.4219C16.4152 14.1094 16.8319 14.6432 17.3683 15.0234C17.91 15.4036 18.5454 15.5938 19.2746 15.5938C19.7537 15.5938 20.1886 15.5104 20.5793 15.3437C20.9699 15.1771 21.3006 14.9375 21.5714 14.625C21.8423 14.3125 22.035 13.9375 22.1496 13.5H23.9933C23.8892 14.2083 23.6313 14.8464 23.2199 15.4141C22.8136 15.9766 22.2746 16.4245 21.6027 16.7578C20.936 17.0859 20.16 17.25 19.2746 17.25ZM26.0286 17V5H27.8099V6.8125H27.9349C28.1536 6.21875 28.5495 5.73698 29.1224 5.36719C29.6953 4.99739 30.3411 4.8125 31.0599 4.8125C31.1953 4.8125 31.3646 4.8151 31.5677 4.82031C31.7708 4.82552 31.9245 4.83333 32.0286 4.84375V6.71875C31.9661 6.70312 31.8229 6.67969 31.5989 6.64844C31.3802 6.61198 31.1484 6.59375 30.9036 6.59375C30.3203 6.59375 29.7995 6.71615 29.3411 6.96094C28.888 7.20052 28.5286 7.53385 28.263 7.96094C28.0026 8.38281 27.8724 8.86458 27.8724 9.40625V17H26.0286ZM38.0639 17.25C36.9806 17.25 36.0301 16.9922 35.2124 16.4766C34.3999 15.9609 33.7645 15.2396 33.3061 14.3125C32.853 13.3854 32.6264 12.3021 32.6264 11.0625C32.6264 9.8125 32.853 8.72135 33.3061 7.78906C33.7645 6.85677 34.3999 6.13281 35.2124 5.61719C36.0301 5.10156 36.9806 4.84375 38.0639 4.84375C39.1473 4.84375 40.0952 5.10156 40.9077 5.61719C41.7254 6.13281 42.3608 6.85677 42.8139 7.78906C43.2723 8.72135 43.5014 9.8125 43.5014 11.0625C43.5014 12.3021 43.2723 13.3854 42.8139 14.3125C42.3608 15.2396 41.7254 15.9609 40.9077 16.4766C40.0952 16.9922 39.1473 17.25 38.0639 17.25ZM38.0639 15.5938C38.8869 15.5938 39.5639 15.3828 40.0952 14.9609C40.6264 14.5391 41.0197 13.9844 41.2749 13.2969C41.5301 12.6094 41.6577 11.8646 41.6577 11.0625C41.6577 10.2604 41.5301 9.51302 41.2749 8.82031C41.0197 8.1276 40.6264 7.56771 40.0952 7.14062C39.5639 6.71354 38.8869 6.5 38.0639 6.5C37.241 6.5 36.5639 6.71354 36.0327 7.14062C35.5014 7.56771 35.1082 8.1276 34.853 8.82031C34.5978 9.51302 34.4702 10.2604 34.4702 11.0625C34.4702 11.8646 34.5978 12.6094 34.853 13.2969C35.1082 13.9844 35.5014 14.5391 36.0327 14.9609C36.5639 15.3828 37.241 15.5938 38.0639 15.5938ZM47.4996 1V17H45.6559V1H47.4996ZM52.0604 1V17H50.2166V1H52.0604Z" fill="%23C0C0C0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M82.9287 13.2425L84.3429 14.6567L88.5855 10.4141L89.9998 8.99988L88.5855 7.58567L84.3429 3.34303L82.9287 4.75724L86.1714 8L71.1713 8L74.4138 4.75748L72.9996 3.34326L68.757 7.5859L67.3428 9.00012L68.757 10.4143L72.9996 14.657L74.4138 13.2428L71.1711 10L86.1712 10L82.9287 13.2425Z" fill="%23C0C0C0"/></svg>') no-repeat center right;
}

.page-template-default .categories-filter {
	background: none;
}

.categories-filter a,
/* .single .category li, */
.page-template-page-text .entry-content h2 {
	font-family: 'Inter';
	font-size: 0.6875rem;
	line-height: 0.6875rem;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-weight: 500;
}

.single .category li {
	font-size: 1.375rem;
	line-height: 1.5rem;
	font-family: 'Inter';
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-weight: 500;
}

.categories-filter a.active {
	color: var(--gray);
}

.projects-swiper {
	margin: 2rem 0 4.375rem;
}

.swiper-wrapper {
	width: 100% !important;
	/* align-items: center; */
	/* gap: 2.5rem; */
}

.swiper-wrapper img {
	width: 100%;
	/* border-radius: var(--radius); */
	display: block;
	max-height: 20rem;
	object-fit: cover;
	height: 100vh;
}

.swiper-slide {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	width: 100% !important;
    /* max-width: 34rem; */
	min-width: 32.5vw;
	max-width: 27.25vw;
	height: calc((100% - 30px) / 2) !important;
}

.swiper-wrapper{
	margin: auto;
}
.swiper-grid-column>.swiper-wrapper{
	max-height: 60rem;
	/* align-content: center; */
}

@media screen and (max-width: 1024px) {
	.swiper-grid-column>.swiper-wrapper{
		max-height: 36rem;
	}
}

/* .swiper-slide.double {
    width: 12.5vw !important;
} */

/* .swiper{
	width: fit-content;
} */

.logo a:hover{
	color: #000000;
}

.op-0{
	opacity: 0;
}

.single .entry-header {
	padding: 3vw 8.33vw 2rem;
}

.single .entry-header h1 {
	font-family: 'Inter';
	font-size: 5.16vw;
	line-height: 5.01vw;
	letter-spacing: -4.95px;
	font-weight: 500;
	margin-bottom: 7rem;
	text-transform: unset;
}

.single .category {
	flex-basis: 40% !important;
}

.single .tags-container {
	flex-basis: 60% !important;
}

.single .tags-container .wp-block-columns {
    /* gap: 12.66vw; */
	gap: 1vw;
	text-align: end;
}

.single .tags p {
	font-size: 1.375rem;
	line-height: 1.5rem;
}

.single .entry-content {
	font-size: 1.72vw;
	line-height: 2.08vw;
}

.single .entry-content p + p {
	margin-top: 2.08vw;
}

.single .entry-content img {
	width: 100%;
	height: 90vh;
	object-fit: contain;
}

.single .entry-content > figure:first-child {
	margin-bottom: 6.25vw;
}

.single .entry-content > figure:not(:first-child) {
	padding: 6.25vw 8.33vw 4.17vw;
	margin-bottom: 0;
}

.single  .entry-content > *:not(figure):not(.wp-block-quote):not(.next-project):not(.index-container) {
	padding: 0 20vw 0 30vw;
}

.single .entry-content > .wp-block-quote {
	padding: 5vw 0 5vw 8.33vw;
	font-size: 2.86vw;
	line-height: 2.92vw;
	max-width: 50vw;
}

.single .next-project {
	border-top: 2px solid var(--gray);
	padding-top: 1.375vw;
	margin: 0 8.33vw 6.25vw;
}

.single .next-project h2 {
	font-size: 1.375rem;
	line-height: 1.5rem;
	font-family: 'Inter';
	font-weight: 400;
	color: var(--gray);
	letter-spacing: -0.66px;
	margin-bottom: 2rem;
}

.single .next-project h3 {
	font-size: 5.16vw;
	line-height: 5.01vw;
	letter-spacing: -4.95px;
	font-family: 'Inter';
	font-weight: 500;
	margin-bottom: 2rem;
}

.single .next-project h3 a {
	color: var(--gray);
}

.single .next-project figure {
	/* border-radius: 1rem; */
	/* height: 27.50vw; */
	overflow: hidden;
}

.index-container {
	margin: 0 8.33vw 12.5vw;
}

.index-container h2 {
	font-size: 5.16vw;
	line-height: 5.01vw;
	letter-spacing: -4.95px;
	font-family: 'Inter';
	font-weight: 500;
	color: var(--dark);
	margin-bottom: 3.33vw;
}

.pop-menu {
	display: block;
	position: fixed;
	top: -200vh;
	left: 0;
	width: 100vw;
	min-height: 100vh;
	background-color: var(--light);
	padding: 14.5rem 7.97vw 8rem;
	z-index: 10;
	transition: all 0.2s;
    max-height: 100vh;
    overflow-y: scroll;
}

.pop-menu p a {
	font-size: 5.16vw;
	line-height: 5.01vw;
	font-weight: 500;
	letter-spacing: -4.95px;
	display: inline-block;
	margin-bottom: 2.50vw;
}

.pop-menu p a:hover {
	color: var(--gray);
}

.pop-menu .social {
	margin-top: 2.5vw;
	display: flex;
	flex-direction: row;
	gap: 6.8125rem;
	font-size: 1.15vw;
	line-height: 1.25vw;
	text-transform: uppercase;
	letter-spacing: -0.66px;
}

.projects-index {
	margin-bottom: 1.5rem;
}

.projects-index .h2,
.projects-index .h3 {
	font-family: 'Inter';
	letter-spacing: 0;
	color: var(--gray);
	font-weight: 400;
	transition: all 0.2s;
}

.projects-index .h2 {
	line-height: 2.92vw;
	padding-bottom: 1.5rem;
	margin-bottom: 0;
}

.projects-index .h2 a {
	color: var(--gray);
	font-size: 2.86vw;
	line-height: 2.92vw;
	letter-spacing: -1.65px;
	display: inline-block;
}

.projects-index .h2 a:hover {
	color: var(--dark);
}

.projects-index .h3 {
	font-size: 1.15vw;
	line-height: 1.25vw;
	letter-spacing: -0.66px;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	border-top: 1px solid var(--gray);
}

.projects-index .h3 a {
	color: var(--gray);
}

.projects-index .h3 a span:first-child {
	display: inline-block;
	min-width: 30vw;
	margin-right: 2.03vw;
}

.projects-index .h3:hover a,
.projects-index .h3:hover {
	color: var(--dark);
}

body.active-menu .pop-menu {
	top: 0;
}

body.active-menu .site-main,
body.active-menu footer {
	height: 0 !important;
	overflow: hidden;
}

.projects-grid {
	flex-wrap: wrap !important;
	gap: 2.08vw;
	margin: 5.83vw 8.33vw;
}

.projects-grid .wp-block-column {
	flex-grow: 0 !important;
	flex-basis: calc(50% - 2.08vw) !important;
	position: relative;
	/* border-radius: 1rem; */
	overflow: hidden;
}

.projects-grid .h2 {
	position: absolute;
	left: 1.5rem;
	bottom: 1.5rem;
	font-family: 'Inter';
	font-size: 2.86vw;
	line-height: 2.92vw;
	font-weight: normal;
	letter-spacing: -0.03em;
	opacity: 0;
	transition: all 0.15s;
}

.projects-grid .wp-block-column:hover .h2 {
	opacity: 1;
	color: var(--dark);
	mix-blend-mode: difference;
	filter: invert(1);
}

.projects-grid img {
	width: 100%;
	/* height: 100%; */
	display: block;
	object-fit: cover;
	height: 380px;
	max-height: 380px;
	/* height: 45vh;
	max-height: 45vh; */
}

.page-template-page-text .entry-content {
	margin: 5.83vw 8.33vw;
}

.page-template-page-text .entry-content > * {
	max-width: 52vw;
}

.page-template-page-text .entry-content h2 {
	margin-bottom: 1.5rem;
}

.page-template-page-text .entry-content h2:not(:first-child),
.page-template-page-text .entry-content h2 *:not(h2) + *:not(h2) {
	margin-top: 3rem;
}

.page-template-page-text .entry-content p {
	font-size: 1rem;
	line-height: 1.5;
}

footer h2 {
	font-size: 1.15vw;
	line-height: 1.15vw;
	text-transform: uppercase;
	letter-spacing: 0;
}

footer li {
	line-height: 1.15vw;
}

footer li:not(:last-child) {
	margin-bottom: 0.35vw;
}

footer li a {
	font-size: 1.15vw;
	line-height: 1.15vw;
	display: inline-block;
	text-transform: uppercase;
}

footer ul {
	margin-bottom: 1.67vw;
}

footer .terms-menu {
	font-size: 0.86vw;
	line-height: 0.86vw;
	letter-spacing: -0.495px;
}

.unscrollable {
    max-height: 60vw;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

@keyframes slideInLeft {
    0% {
        transform: translateX(-200%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes slideInTop {
    0% {
        transform: translateY(-200%);
    }
    5% {
        transform: translateY(-200%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes slideInRight {
    0% {
        transform: translateX(200%);
    }
    15% {
        transform: translateX(200%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes slideInBottom {
    0% {
        transform: translateY(200%);
    }
    25% {
        transform: translateY(200%);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 100%;
    }
}

@media screen and (max-width: 767px) {
	.swiper-wrapper img {
		max-height: 6rem !important;
	}
}

@media screen and (max-width: 1024px) {

	body {
		--gap: 1.125rem;
	}

	:where(.wp-block-columns.is-layout-flex) {
		gap: var(--gap);
	}

	.unscrollable {
		max-height: 100vh;
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		right: 0;
	}

	footer {
		margin: 0 5.13vw;
	}

	.entry-content > .wp-block-group:not(.container-projects) {
		padding: 18vw 5.13vw 18.46vw;
	}
	/* #about{
		padding-top: 2vw !important;
	} */

	/* header {
		margin-bottom: 16.67vw;
	} */
	header {
		padding: 6px 8.33vw;
	}

	header .wp-block-column:nth-child(2) h1,
	header .wp-block-column:last-child {
		position: relative;
		top: unset;
		right: unset;
		bottom: unset;
		left: unset;
	}

	header .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 25% !important;
	}

	header .wp-block-column:first-child {
		display: none;
	}

	header .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2) {
		flex-basis: calc(75% - var(--gap)) !important;
	}

	h1 {
		font-size: 10vw;
		line-height: 12.26vw;
		text-align: left !important;
	}

	header a.menu-toggle svg {
		width: 10.26vw;
	}

	.single .entry-content img {
		height: 100%;
	}

	.hero .wp-block-columns + .wp-block-columns h2,
	.hero .wp-block-columns h2 {
		transform: translateY(0);
	}

	.hero .wp-block-columns:first-child .wp-block-column:first-child {
		position: relative;
		z-index: 9 !important;
	}

	.hero h2,
	.about .wp-block-columns h2 {
		font-size: 10.26vw;
		line-height: 10.26vw;
		letter-spacing: -0.05em;
	}

	.hero h2 {
		margin-bottom: 1rem;
	}

	.hero .wp-block-columns:first-child {
		margin-bottom: 1rem;
	}

	.hero .wp-block-columns:first-child .wp-block-column:last-child {
		padding-left: 12.82vw;
	}

	.hero .wp-block-columns:last-child .wp-block-column:first-child {
		padding-right: 12.82vw;
		order: 2;
	}

	.about h2,
	.projects h2,
	.about p.has-text-align-center,
	.projects p.has-small-font-size {
		font-size: 4.10vw;
		line-height: 1.15;
	}

	.about h2 {
		margin-bottom: 2.56vw;
	}

	.about p,
	.projects p {
		max-width: unset;
		font-size: 6.67vw;
		line-height: 6.67vw;
		letter-spacing: -0.05em;
	}

	.about p + .wp-block-columns {
		margin-top: 4.5rem;
		margin-bottom: 8.21vw;
	}

	.about .wp-block-column:not(:last-child):after {
		right: 50%;
		top: unset;
		bottom: -8.20vw;
		height: 13.08vw;
		transform-origin: center;
		transform: rotate(90deg);
	}

	.about p.has-text-align-center {
		max-width: unset;
	}

	.projects h2 {
		margin-bottom: 2.56vw;
	}

	.projects p.has-small-font-size {
		width: 100%;
		font-size: 4.10vw !important;
	}

	.categories-filter {
		flex-wrap: wrap;
		gap: calc(var(--gap) - 2px);
		margin-bottom: 2rem;
	}

	.categories-filter li {
		line-height: 0.6875rem;
	}

	.projects-swiper {
		margin-top: 0;
	}

	.swiper-slide {
		gap: 0.5rem;
		max-width: 29vw;
	}

	.swiper-wrapper img {
		max-height: 12rem;
	}

	/* .swiper-slide.double {
		width: 25vw !important;
	} */

	.projects-swiper {
		margin-bottom: 2.5rem;
	}

	.contact h2 {
		font-size: 4.10vw;
		line-height: 1.15;
	}

	.wpcf7 .wpcf7-not-valid-tip {
		font-size: 2.10vw;
		line-height: 1.15;
	}

	div.wpcf7 {
		padding: 0.75rem 1rem;
	}

	.wpcf7 label, .wpcf7 p {
		text-transform: none;
	}

	.wpcf7 label,
	.wpcf7 label input[type="text"],
	.wpcf7 label input[type="email"],
	.wpcf7 label textarea,
	.wpcf7 input[type="submit"] {
		font-size: 1rem;
		line-height: 1.5rem;
		letter-spacing: -0.03em;
		height: unset;
	}

	.wpcf7 p {
		font-size: 0.75rem;
		line-height: 1rem;
		letter-spacing: -0.03em;
		margin-bottom: 0.75rem;
	}

	form.wpcf7-form {
		flex-direction: column;
	}

	.wpcf7 label input[type="text"],
	.wpcf7 label input[type="email"],
	.wpcf7 label textarea,
	.wpcf7 input[type="submit"] {
		padding: 0.375rem;
		transform: translateX(-0.275rem);
	}

	.wpcf7 label input[type="text"],
	.wpcf7 label input[type="email"] {
		height: 2rem;
	}

	.wpcf7 input[type="submit"] {
		font-size: 1.375rem;
		line-height: 1.5rem;
		height: 3rem;
	}

	.featured .wp-block-columns {
		flex-direction: row;
	}

	.featured .wp-block-columns .wp-block-column {
		flex-grow: 0;
		flex-basis: calc(25% - 1.125rem) !important;
	}

	.pop-menu {
		padding: 5.625rem 1.5rem 2.25rem;
	}

	.pop-menu p a {
		font-size: 2.125rem;
		line-height: 2.125rem;
		letter-spacing: -0.05em;
		margin-bottom: 1.5rem;
	}

	.projects-index .h2 {
		margin-top: 1rem;
	}

	.site-main .projects-index .h2 {
		margin-bottom: 0;
	}

	.projects-index .h2 a {
		font-size: 1.625rem;
		line-height: 1.625rem;
		letter-spacing: -0.03em;
	}

	.projects-index .h3 {
		font-size: 1rem;
		line-height: 1.5rem;
		letter-spacing: -0.03em;
		padding: 1.5rem 0;
	}

	.projects-index .h3 a span {
		display: block;
	}

	.projects-index .h3 a span:first-child {
		margin-right: 0;
	}

	.pop-menu .social {
		flex-direction: column;
		font-size: 1rem;
		line-height: 1.5rem;
		gap: 0.5rem;
	}

	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).categories-filter {
		margin: 0 5.13vw 3.5rem !important;
	}

	.categories-filter {
		margin: 0 5.13vw;
	}

	.page-template-default .categories-filter {
		margin-bottom: 3.5rem;
	}

	.projects-grid {
		gap: 0.5rem;
		margin: 0 5.13vw 3.5rem;
	}

	/* .projects-grid.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: calc(50% - 0.5rem) !important;
	} */

	.projects-grid img {
		height: 25vh;
		max-height: 25vh;
	}

	.projects-grid h2 {
		left: 0.65rem;
		bottom: 0.65rem;
	}

	.single .entry-header {
		padding: 0 5.13vw 1.5rem;
	}

	.single .entry-header h1 {
		font-size: 2.125rem;
		line-height: 1.25;
		letter-spacing: -0.05em;
		margin-bottom: 1.5rem;
	}

	.single .tags-container {
		margin-top: 1rem;
	}

	.single .tags-container .wp-block-columns {
		gap: 0.5rem;
	}

	.single .entry-content > *:not(figure):not(.wp-block-quote):not(.next-project):not(.index-container) {
		padding: 0 2.5rem;
		font-size: 1rem;
		line-height: 1.25;
		letter-spacing: -0.03em;
	}

	.single .entry-content p + p {
		margin-top: 1.25rem;
	}

	.single .entry-content > .wp-block-quote {
		font-size: 1.625rem;
		line-height: 1.25;
		letter-spacing: -0.05em;
		padding: 3rem 1.25rem 1.5rem;
		max-width: unset;
	}

	.single .entry-content > figure:not(:first-child) {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-bottom: 2.5rem;
	}

	.single .next-project h2 {
		font-size: 1rem;
		line-height: 1.5rem;
		letter-spacing: -0.03em;
		margin-bottom: 1.25rem;
	}

	.index-container h3,
	.single .next-project h3 {
		font-size: 2rem;
		line-height: 1.25;
		letter-spacing: -0.05em;
		margin-bottom: 1.125rem;
	}

	.page-template-page-text .entry-content {
		margin: 0 1.25rem;
	}

	.page-template-page-text .entry-content > * {
		max-width: unset;
	}

	.page-template-page-text .entry-content > *:not(h2) {
		font-size: 1rem;
		line-height: 1.25rem;
		letter-spacing: -0.03em;
	}

	.page-template-page-text .entry-content > *:not(h2) + *:not(h2) {
		margin-top: 1.25rem;
	}

	.page-template-page-text .site-main article {
		margin-bottom: 4rem;
	}

	footer h2 {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

	footer li a,
	footer .terms-menu {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	footer ul {
		margin-bottom: 0;
	}

	footer p.terms-menu {
		margin-top: 1rem;
	}

	footer :where(.wp-block-columns.is-layout-flex) {
		gap: 1.5rem;
	}
}