@font-face {
	font-family: "Austera";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("AusteraTextLight"), local("AusteraTextLight"), url("../fonts/AusteraText-Light.woff2") format("woff2"), url("../fonts/AusteraText-Light.woff") format("woff");
}
@font-face {
	font-family: "AusteraItalic";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("AusteraTextLightItalic"), local("AusteraTextLightItalic"), url("../fonts/AusteraText-LightItalic.woff2") format("woff2"), url("../fonts/AusteraText-LightItalic.woff") format("woff");
}
@font-face {
	font-family: "EuclidMediumS";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("EuclidMedium"), local("EuclidMedium"), url("../fonts/EuclidSquare-Medium-WebS.woff2") format("woff2"), url("../fonts/EuclidSquare-Medium-WebS.woff") format("woff");
}
@font-face {
	font-family: "EuclidMediumXL";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: local("EuclidMedium"), local("EuclidMedium"), url("../fonts/EuclidSquare-Medium-WebXL.woff2") format("woff2"), url("../fonts/EuclidSquare-Medium-WebXL.woff") format("woff");
}
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	        text-size-adjust: 100%;
}

body {
	margin: 0;
	color: #23282D;
	background: #F2F2EA;
}

input[type=submit],
input[type=button],
button,
a {
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	transition: 200ms;
	cursor: pointer;
}

img {
	height: auto;
	max-width: 100%;
	transition: 200ms;
	transition-property: opacity;
	vertical-align: middle;
}
img[data-src] {
	position: absolute;
	opacity: 0;
}

article,
aside,
figure,
footer,
header,
main,
nav {
	display: block;
}

dl,
ol,
ul {
	list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
blockquote,
embed,
fieldset,
figure,
iframe,
img,
legend,
object {
	padding: 0;
	border: 0;
	margin: 0;
}

html {
	font: normal 400 100%/1 "Austera", serif;
}

body {
	font-size: 0.75rem;
	letter-spacing: 0.06rem;
}

.font\:austera {
	font-family: "Austera", serif;
}
.font\:austera-it {
	font-family: "AusteraItalic", serif;
}
.font\:euclid-s {
	font-family: "EuclidMediumS", sans-serif;
}
.font\:euclid-xl {
	font-family: "EuclidMediumXL", sans-serif;
}

.text\:1 {
	font-size: 0.8125rem;
}
.text\:2 {
	font-size: 0.6875rem;
	letter-spacing: 0.171875rem;
}
.text\:3 {
	font-size: 0.6875rem;
	letter-spacing: 0.158125rem;
}
.text\:4 {
	font-size: 0.75rem;
	line-height: 1.916;
	letter-spacing: 0.06rem;
}
.text\:5 {
	font-size: 0.8125rem;
	line-height: 1.923;
}
.text\:6 {
	font-size: 0.625rem;
	letter-spacing: 0.01875rem;
}
.text\:7 {
	font-size: 0.75rem;
	letter-spacing: 0.1875rem;
}
.text\:8 {
	font-size: 0.9375rem;
	line-height: 1.8;
	letter-spacing: 0.046875rem;
}
.text\:9 {
	font-size: 0.75rem;
	letter-spacing: 0.225rem;
}

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

a {
	text-decoration: none;
	color: #4A3331;
}
a:hover {
	color: inherit;
}
a[href^="mailto:"], a[href^="tel:"] {
	white-space: nowrap;
}

.screen-reader-text {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	margin: 0;
	clip: rect(1px, 1px, 1px, 1px);
}

.column .copy {
	line-height: 1.923;
}
.column .copy + p {
	margin: 2.5rem auto 0 0;
}

.contact {
	padding: 2.75rem 0 3.125rem 0;
}
.contact__copy {
	position: relative;
	margin: 6.6875rem auto 0 auto;
	max-width: 29.125rem;
}
.contact__icon {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, calc(-100% - 2.25rem));
}
.contact__icon svg {
	display: block;
	margin: 0 auto;
	height: 1.6875rem;
	width: 0.625rem;
}
.contact__icon path {
	fill: #4A3331;
}
.contact .copy + p {
	margin: 1.375rem auto 0 auto;
}

.details {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100dvh;
	pointer-events: none;
}
.details,
.details > div {
	opacity: 0;
	transition: opacity 750ms ease;
}
.details__close {
	cursor: pointer;
	position: absolute;
	top: auto;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
}
.details > .flex {
	gap: 3.125rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}
.details__size + div {
	margin: 2.25rem 0 0 0;
}
.details__size + div li p:not(:last-child) {
	margin: 0 0 0.75rem 0;
}
.details .copy {
	line-height: 1.923;
}
.details aside {
	gap: 6.875rem;
}
.details aside h2 {
	margin: 0 0 1rem 0;
}
.details aside li:not(:last-child) {
	margin: 0 0 0.75rem 0;
}
.details header .font\:austera-it {
	font-size: 0.9375rem;
	letter-spacing: 0.046875rem;
	margin: 0.875rem 0 0 0;
}

.loading-details {
	overflow: hidden;
}
.loading-details .details {
	pointer-events: auto;
	opacity: 1;
}

.has-details .details > div {
	opacity: 1;
}

.editorial:not(:last-of-type) {
	margin: 0 0 5.375rem 0;
}
.editorial .copy {
	line-height: 1.923;
}
.editorial h2 {
	font-size: 0.8125rem;
	letter-spacing: 0.203125rem;
}
.editorial h2 + p {
	margin: 1rem 0 0 0;
	letter-spacing: 0;
}
.editorial article {
	margin: 3rem 0 0 0;
}

*:not(.editorial) + .editorial {
	padding: 4.625rem 0 0 0;
}

.error {
	min-height: 100svh;
}
.error h1 + p {
	margin: 1.6875rem auto 0 auto;
}

.full-width-image {
	position: relative;
}
.full-width-image .wrap\:narrow {
	height: 100%;
}
.full-width-image__icon {
	height: 1.6875rem;
	width: 0.625rem;
}
.full-width-image__icon + * {
	margin: 2.5rem auto 0 0;
}
.full-width-image__heading {
	gap: 0.375rem;
}
.full-width-image__heading + * {
	margin: 1.25rem auto 0 0;
}
.full-width-image .font\:austera-it {
	letter-spacing: 0;
}
.full-width-image__text {
	padding: 7rem 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.full-width-image__text > .flex {
	flex-direction: column;
}
.full-width-image__text .copy {
	max-width: 27.1875rem;
	width: 87%;
}
.full-width-image__text--lower {
	margin: 0 auto 4.875rem auto;
}

.home .full-width-image__text .copy {
	max-width: 21.875rem;
}

body:not(.home) .full-width-image__text .copy {
	font-size: 0.8125rem;
	letter-spacing: 0.065rem;
}

.hero {
	height: 100lvh;
	margin: 0 auto 1.5rem auto;
	position: relative;
	width: 100%;
}
.hero__title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.hero__title .flex {
	justify-content: center;
	gap: 0.375rem;
}
.hero__title .flex .font\:austera-it {
	letter-spacing: 0 !important;
}
.hero__title h1, .hero__title p {
	font-size: 0.75rem;
}
.hero__toggle {
	cursor: pointer;
	position: absolute;
	top: auto;
	left: 50%;
	bottom: 2rem;
	transform: translateX(-50%);
}

body:not(.single-projects) .hero__title h1 + p {
	font-size: inherit;
	letter-spacing: inherit;
}

.home-gallery {
	margin: 0 auto 1.75rem auto;
}
.home-gallery .swiper-navigation {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.home-gallery .swiper-navigation__wrapper {
	align-items: center;
	margin: 2rem auto 0 auto;
	width: 3.625rem;
}
.home-gallery__title > .flex {
	align-items: baseline;
	gap: 0.5rem;
}
.home-gallery .font\:austera-it {
	font-size: 0.9375rem;
	letter-spacing: 0.01875rem;
}
.home-gallery svg {
	display: block;
	width: 0.625rem;
	height: 1.6875rem;
	transition: transform 500ms ease;
}
.home-gallery .swiper-button-prev svg {
	transform: rotate(-90deg);
}
.home-gallery .swiper-button-next svg {
	transform: rotate(90deg);
}
.home-gallery .swiper-button-prev,
.home-gallery .swiper-button-next {
	cursor: pointer;
	position: relative;
}

.logos ul {
	gap: 6.25rem;
	justify-content: center;
	margin: 3.5rem auto 0 auto;
}
.logos ul + p {
	margin: 2.5rem auto 0 auto;
}

.logo {
	align-items: ceneter;
	width: 8.4375rem;
}
.logo figure {
	width: 100%;
}

.page-block {
	padding: 1.5rem 0;
	width: 100%;
}

.page-header {
	margin: 11.25rem 0 0 0;
	position: relative;
}
.page-header__icon {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, calc(-100% - 1.75rem));
}
.page-header__icon svg {
	display: block;
	margin: 0 auto;
	height: 1.6875rem;
	width: 0.625rem;
}
.page-header__icon path {
	fill: #4A3331;
}

.press {
	padding: 3.125rem 0 4.375rem 0;
}
.press h2 {
	margin: 0 auto 2.25rem auto;
}
.press__section:not(:last-child) {
	margin: 0 auto 3.75rem auto;
}
.press__publication:not(:last-child) {
	margin: 0 auto 2.25rem auto;
}
.press__publication p + p {
	margin: 0.75rem auto 0 auto;
}

.project-block {
	padding: 1.5rem 0;
	width: 100%;
}

.project {
	margin: 2.25rem auto 0 auto;
}
.project:last-child {
	margin: 2.25rem auto 4rem auto;
}
.project__details {
	margin: 1.5rem 0 0 0;
}
.project__details p {
	transition: color 750ms ease;
}
.project h2 + p {
	margin: 0.6875rem 0 0 0;
}
.project > a {
	display: block;
	pointer-events: none;
}
.project > a > div {
	pointer-events: auto;
}

.related {
	margin: 1.5rem 0 0 0;
	padding: 5.5rem 0 3.375rem 0;
	position: relative;
}
.related .swiper-button-prev,
.related .swiper-button-next {
	position: absolute;
	top: 50%;
	left: 2.5rem;
	transform: translateY(-50%) rotate(-90deg);
	height: 1.6875rem;
	width: 0.625rem;
	cursor: pointer;
}
.related .swiper-button-next {
	left: auto;
	right: 2.25rem;
	transform: translateY(-50%) rotate(90deg);
}
.related > h2 {
	margin: 0 auto 2.25rem auto;
}
.related-project__upper {
	position: relative;
}
.related-project__details {
	margin: 2.5rem 0 0 0;
}
.related-project__details p + p {
	margin: 0.75rem auto 0 0;
}
.related-project__icon {
	position: absolute;
	transform: rotate(-90deg) translate(0, -6.6875rem);
	transition: transform 750ms ease;
	width: 0.625rem;
	height: 1.6875rem;
	top: 50%;
}
.related__projects {
	margin: 0 auto;
	width: 100%;
	max-width: 33rem;
}
.related-project + .related-project .related-project__icon {
	left: auto;
	right: 0;
	transform: rotate(90deg) translate(0, -6.6875rem);
}

.selected-projects .grid {
	margin: 2rem auto 0 auto;
	max-width: 55.8125rem;
}
.selected-projects .text\:6 {
	letter-spacing: 0.1875rem;
}

.selected-project h2 {
	font-size: 0.75rem;
	letter-spacing: 0.1875rem;
}
.selected-project h2 + p {
	line-height: 1.916;
	margin: 0.75rem 0 0 0;
}
.selected-project p + p {
	margin: 1rem 0 0 0;
}
.selected-project__details {
	margin: 1.875rem 0 0 0;
}

.single-image-panel__container {
	margin: 0 auto;
	max-width: 21.4375rem;
}
.single-image-panel figure {
	margin: 2.5rem auto 0 auto;
	max-width: 17.625rem;
	width: 100%;
}
.single-image-panel .copy {
	line-height: 1.923;
	margin: 2.5rem auto 0 auto;
}
.single-image-panel .copy + p {
	margin: 2.25rem auto 0 auto;
	text-align: center;
}

.site-footer {
	padding: 3.75rem 0 4rem 0;
}
.site-footer > div {
	position: relative;
}
.site-footer__logo {
	display: block;
	margin: 0 auto 2.5rem auto;
	width: 9.9375rem;
}
.site-footer__copyright {
	margin: 1.875rem auto 0 auto;
	text-align: center;
}

.site-header {
	pointer-events: none;
	padding: 1.25rem 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 50;
}
.site-header .flex {
	align-items: flex-end;
}
.site-header > * > * {
	pointer-events: all;
}
.site-header.background--dark .site-logo g {
	fill: #EEEEEE;
}
.site-header.background--dark .site-navicon.colour\:milk {
	color: #EEEEEE;
}

body.bg\:milk .site-logo g,
body.bg\:cake .site-logo g {
	fill: #4A3331;
}
body.bg\:milk .site-navicon,
body.bg\:cake .site-navicon {
	color: #4A3331;
}

.site-logo {
	display: block;
	width: 8.875rem;
}
.site-logo g {
	transition: fill 500ms ease;
}

.site-nav {
	position: fixed;
	height: 100dvh;
	left: auto;
	right: 0;
	top: 0;
	transform: translateX(100%);
	transition: transform 750ms ease;
	z-index: 100;
	width: 100%;
}
.site-navicon__close {
	position: fixed;
	left: auto;
	right: 2.5rem;
	top: 1.5rem;
}
.site-navicon__close + ul li:not(:last-child) {
	margin: 0 0 3.125rem 0;
}
.site-nav > .wrap {
	flex-direction: column;
	height: 100%;
}
.site-nav__social {
	padding: 0 0 1.5rem 0;
}
.site-nav__social > .flex {
	align-items: flex-start;
	gap: 3.25rem;
}
.site-nav__social li:not(:last-child) {
	margin: 0 0 1.125rem 0;
}
.site-nav__social svg {
	display: block;
	width: 0.5625rem;
}

.has-nav .site-nav {
	transform: translateX(0);
}

.standfirst .copy {
	margin: 0 auto;
	max-width: 17.5rem;
}

.testimonial {
	margin: 0 auto 3.125rem auto;
	max-width: 21.5625rem;
	position: relative;
}
.testimonial__icon svg {
	display: block;
	margin: 0 auto;
	height: 1.6875rem;
	width: 0.625rem;
}
.testimonial__icon path {
	fill: #4A3331;
}
.testimonial blockquote {
	margin: 1.5rem auto 0 auto;
}
.testimonial blockquote p {
	line-height: 1.923;
}
.testimonial cite {
	display: block;
	margin: 1.875rem auto 0 auto;
}

.text-image > .grid\:2 {
	gap: 5.625rem;
	align-items: center;
	margin: 0 auto;
	max-width: 55.875rem;
}
.text-image .font\:austera-it {
	font-size: 0.9375rem;
	letter-spacing: 0.01875rem;
}
.text-image .copy {
	margin: 0.75rem auto 0 0;
	line-height: 1.923;
}
.text-image .copy + p {
	margin: 1rem auto 0 0;
}

.three-column-text {
	margin: 1.875rem 0;
}
.three-column-text .grid {
	margin: 3.75rem auto 0 auto;
}

.three-column-text .font\:austera-it,
.two-column-text .font\:austera-it {
	font-size: 0.9375rem;
	letter-spacing: 0.01875rem;
}

.two-image-panel .grid {
	gap: 12.625rem;
	margin: 0 auto;
	max-width: 55.8125rem;
}
.two-image-panel .wrap {
	padding-top: 4.5625rem;
	padding-bottom: 4.5625rem;
}
.two-image-panel .text\:6 {
	letter-spacing: 0.1875rem;
}
.two-image-panel__details h2 {
	font-size: inherit;
	letter-spacing: 0.203125rem;
	margin: 1.75rem 0 0 0;
}
.two-image-panel__details h2 + p {
	margin: 1rem 0 0 0;
}
.two-image-panel__details .copy {
	line-height: 1.923;
	margin: 1.25rem 0 0 0;
}
.two-image-panel__details .copy + p {
	margin: 1.4375rem 0 0 0;
}

.ar {
	position: relative;
	overflow: hidden;
}
.ar\:portrait {
	aspect-ratio: 345/456;
}
.ar\:portrait-project {
	aspect-ratio: 436/528;
}
.ar\:landscape {
	aspect-ratio: 619/528;
}
.ar\:square {
	aspect-ratio: 1/1;
}
.ar\:hero {
	height: 100lvh;
}
.ar\:squat {
	aspect-ratio: 436/500;
}

.copy > *:not(li):not(:last-child) {
	margin: 0 0 1.5rem 0;
}

html :where(.wp-block) {
	max-width: unset;
	margin-top: 0;
	margin-bottom: 0;
}

.is-root-container {
	background: #EEECE0;
}

.editor-styles-wrapper {
	padding: 0;
}

::selection {
	background: #4A3331;
	color: #EEECE0;
}

.bg\:pinot *::selection {
	background: #EEECE0;
	color: #4A3331;
}

/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */
:root {
	--swiper-theme-color: #007aff;
	/*
	--swiper-preloader-color: var(--swiper-theme-color);
	--swiper-wrapper-transition-timing-function: initial;
	*/
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	/* Fix of Webkit flickering */
	z-index: 1;
	display: block;
}

.swiper-vertical > .swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
	touch-action: pan-y;
}

.swiper-vertical {
	touch-action: pan-x;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto;
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	/* For Firefox */
	-ms-overflow-style: none;
	/* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
	-webkit-scroll-snap-type: x mandatory;
	        scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
	-webkit-scroll-snap-type: y mandatory;
	        scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
	-webkit-scroll-snap-type: none;
	        scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
	content: "";
	flex-shrink: 0;
	order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
	-webkit-margin-start: var(--swiper-centered-offset-before);
	        margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
	-webkit-margin-before: var(--swiper-centered-offset-before);
	        margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after);
}

/* Slide styles end */
.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size);
}

/* a11y */
.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-fade .swiper-slide-active {
	pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper.swiper-cube {
	overflow: visible;
}

.bg\:body {
	background: #23282D;
}
.bg\:light {
	background: #EEEEEE;
}
.bg\:cake {
	background: #DED4BD;
}
.bg\:pinot {
	background: #4A3331;
}
.bg\:milk {
	background: #EEECE0;
}
.bg\:putty {
	background: #B6A693;
}
.bg\:milk-light {
	background: #F2F2EA;
}

.colour\:body {
	color: #23282D;
}
.colour\:light {
	color: #EEEEEE;
}
.colour\:cake {
	color: #DED4BD;
}
.colour\:pinot {
	color: #4A3331;
}
.colour\:milk {
	color: #EEECE0;
}
.colour\:putty {
	color: #B6A693;
}
.colour\:milk-light {
	color: #F2F2EA;
}

.contain {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background-size: contain;
}

.cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
}

[data-barba=wrapper],
#content {
	transition: opacity 750ms ease, background 750ms ease;
	opacity: 1;
}

main {
	transition: background 750ms ease;
}

.fade-content [data-barba=container],
.fade-content #content {
	opacity: 0;
}

.flex {
	display: flex;
}

.grid {
	display: grid;
}
.grid\:3 {
	grid-template-columns: repeat(2, 1fr);
	gap: 1.25rem;
}
.grid\:2 {
	gap: 3.75rem;
}
.grid\:offset-left {
	gap: 1.25rem;
}
.grid\:offset-right {
	gap: 1.25rem;
}

[data-reveal] {
	opacity: 0;
	transition: opacity 1250ms ease;
	transition-delay: 250ms;
}

[data-reveal=revealed] {
	opacity: 1;
}

.spacious {
	justify-content: space-between;
}

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

.uppercase {
	text-transform: uppercase;
}

.wrap {
	padding: 0 1.5rem;
	width: 100%;
}
.wrap\:tight {
	padding: 0 5.75rem;
	width: 100%;
}
.wrap\:wide, .wrap\:narrow {
	padding: 0 3.125rem;
	width: 100%;
}
.wrap\:tightest {
	padding: 0 17.8125rem;
	width: 100%;
}

.has-js :focus {
	outline: none;
}
.has-tab-focus :focus {
	outline: 2px auto;
}
@media screen and (min-width: 860px) {
	body {
		font-size: 0.8125rem;
		letter-spacing: 0.065rem;
	}
	.text\:1 {
		font-size: 0.9375rem;
		letter-spacing: 0.09375rem;
	}
	.text\:3 {
		font-size: 0.75rem;
		letter-spacing: 0.1875rem;
	}
	.text\:4 {
		font-size: 1.0625rem;
		letter-spacing: 0.085rem;
		line-height: 1.76;
	}
	.text\:7 {
		font-size: 0.9375rem;
		letter-spacing: 0.215625rem;
	}
	.contact {
		padding: 5.25rem 0 7.125rem 0;
	}
	.contact__copy {
		margin: 8.4375rem auto 0 auto;
	}
	.contact__icon {
		transform: translate(-50%, calc(-100% - 1.75rem));
	}
	.contact .copy + p {
		margin: 2.5rem auto 0 auto;
	}
	.error {
		padding: 14.25rem 0 0 0;
		min-height: calc(100dvh - 13.875rem);
	}
	.full-width-image__text {
		padding: 11.8125rem 0 9.125rem 0;
	}
	.full-width-image__text .copy {
		max-width: 32.9375rem;
		width: auto;
	}
	.full-width-image__text--lower {
		margin: 0 0 0 auto;
	}
	.hero {
		margin: 0 auto 4.5625rem auto;
	}
	.hero__title h1, .hero__title p {
		font-size: 0.9375rem;
	}
	.hero__title h1 {
		letter-spacing: 0.1875rem;
	}
	.hero__title p {
		letter-spacing: 0.01875rem;
		margin: 1.5625rem auto 0 auto;
	}
	.home-gallery {
		margin: 0 auto 4.5625rem auto;
	}
	.home-gallery .swiper-navigation {
		top: auto;
		bottom: 1.5rem;
		transform: translateX(-50%);
	}
	.logos ul + p {
		margin: 5rem auto 0 auto;
	}
	.page-block {
		padding: 4.5625rem 0;
	}
	.page-header {
		margin: 14.25rem 0 0 0;
	}
	.press {
		padding: 10rem 0;
	}
	.project-block {
		padding: 4.5625rem 0;
	}
	.project {
		margin: 4.75rem auto 0 auto;
	}
	.project:last-child {
		margin: 4.75rem auto 8.375rem auto;
	}
	.project__details {
		margin: 1.25rem 0 0 0;
	}
	.project h2 + p {
		margin: 0.5rem 0 0 0;
	}
	.related .swiper-navigation {
		display: none;
	}
	.related {
		margin: 4.5625rem 0 0 0;
		padding: 6.75rem 0;
	}
	.related > h2 {
		margin: 0 auto 3.125rem auto;
	}
	.related-project__details {
		margin: 2rem 0 0 0;
	}
	.related-project__details p + p {
		font-size: 0.9375rem;
		letter-spacing: 0.01875rem;
	}
	.selected-projects .grid {
		margin: 2.875rem auto 0 auto;
	}
	.selected-project h2 {
		font-size: 0.8125rem;
		letter-spacing: 0.203125rem;
	}
	.selected-project h2 + p {
		line-height: 1.923;
		margin: 1.125rem 0 0 0;
	}
	.site-footer {
		padding: 2.25rem 0 1.875rem 0;
	}
	.site-footer__logo {
		margin: 3.25rem auto;
		width: 13.8125rem;
	}
	.site-footer__copyright {
		margin: 0 auto;
		position: absolute;
		width: 50%;
		left: 50%;
		transform: translateX(-50%);
	}
	.site-header {
		padding: 1.5rem 0;
	}
	.site-header .flex {
		align-items: flex-start;
	}
	.site-logo {
		width: 4.5rem;
	}
	.site-nav {
		width: 22.8125rem;
	}
	.site-navicon__close + ul {
		margin: 6.25rem 0 0 0;
	}
	.site-navicon__close + ul li:not(:last-child) {
		margin: 0 0 2.125rem 0;
	}
	.standfirst .copy {
		max-width: 44.375rem;
	}
	.testimonial__icon {
		transform: translateY(-2.5rem);
	}
	.testimonial blockquote {
		margin: 2.25rem auto 0 auto;
	}
	.text-image .copy {
		margin: 1.375rem auto 0 0;
	}
	.text-image .copy + p {
		margin: 2.25rem auto 0 0;
	}
	.three-column-text {
		margin: 4.5625rem 0;
	}
	.mobile {
		display: none;
	}
	.grid\:3 {
		grid-template-columns: repeat(3, 1fr);
	}
	.grid\:2 {
		gap: 1.25rem;
		grid-template-columns: repeat(2, 1fr);
	}
	.grid\:offset-left {
		grid-template-columns: 40.55% 57.58%;
	}
	.grid\:offset-right {
		grid-template-columns: 57.58% 40.55%;
	}
	.wrap {
		padding: 0 2rem;
	}
	.wrap\:wide, .wrap\:narrow {
		padding: 0 11.375rem;
	}
}
@media screen and (max-width: 860px) {
	.column {
		margin: 0 auto 0 0;
		width: 78.42%;
	}
	.contact .wrap\:narrow {
		padding: 0 1.5rem;
	}
	.error {
		display: flex;
	}
	.error .wrap {
		margin: auto 0;
	}
	.full-width-image .wrap\:narrow {
		padding: 0 1.5rem;
	}
	.full-width-image .text\:4 {
		font-size: 1.0625rem;
		line-height: 1.76;
	}
	.full-width-image__text {
		padding: 10.75rem 0 0 0;
		height: calc(100% - 1.875rem);
	}
	.full-width-image__text .copy {
		position: absolute;
		top: auto;
		left: 50%;
		transform: translateX(-50%);
		bottom: 2rem;
	}
	.full-width-image__text--upper > * {
		text-align: center;
		margin: 0 auto;
		justify-content: center;
	}
	.full-width-image__text--upper .full-width-image__icon {
		margin: 0 auto 1.375rem auto;
	}
	.hero__title p {
		margin: 0.75rem auto 0 auto;
		max-width: 15rem;
		line-height: 1.916;
	}
	.home-gallery .swiper-navigation__wrapper {
		display: none;
	}
	.home-gallery__title > .flex {
		align-items: center;
		flex-direction: column;
	}
	.logos ul {
		gap: 2.75rem;
		flex-direction: column;
		align-items: center;
		margin: 4.125rem auto 0 auto;
	}
	.logos.page-block {
		padding: 6.875rem 0;
	}
	.page-header .text\:7 {
		font-size: 0.875rem;
		letter-spacing: 0.21875rem;
	}
	.project-images .grid\:3 {
		grid-template-columns: repeat(1, 1fr);
		gap: 3rem;
	}
	.project-images .grid\:2 {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.625rem;
	}
	.project-images .wrap\:tightest {
		padding: 0 1.5rem;
	}
	.page-id-24 .project-images .grid\:3 {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.75rem;
	}
	.page-id-24 .project-images .grid\:3 figure:nth-child(2) + figure {
		display: none;
	}
	.page-id-24 .project-images .wrap\:wide {
		padding: 0 1.625rem;
	}
	.project figure {
		aspect-ratio: 296/375;
	}
	.project figure + figure {
		display: none;
	}
	.project h2 + p {
		font-size: 0.8125rem;
		letter-spacing: 0;
	}
	.related .swiper-related {
		margin: 0 auto;
		width: 49.36%;
		text-align: center;
	}
	.related__projects.grid {
		display: none;
	}
	.selected-project__details {
		text-align: center;
		margin: 2rem auto 0 auto;
		width: 81%;
	}
	.selected-project figure {
		margin: 0 auto;
		width: 69.09%;
	}
	.site-footer > div:last-child {
		display: none;
	}
	.site-footer .text\:3 {
		font-size: 0.6875rem;
		letter-spacing: 0.158125rem;
	}
	.site-footer__copyright p {
		font-size: 0.5rem;
		letter-spacing: 0.1rem;
	}
	.site-navicon__close {
		font-family: "EuclidMediumS", sans-serif;
		font-size: 0.625rem;
		letter-spacing: 0.1875rem;
		top: 1.625rem;
		right: 1.5rem;
	}
	.site-navicon__close + ul {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	.site-navicon svg {
		width: 0.5rem;
		height: 1.4375rem;
	}
	.site-nav__social {
		position: absolute;
		top: auto;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.site-nav__social > .flex {
		align-items: center;
		flex-direction: column;
		gap: 2.5rem;
	}
	.site-nav__social > .flex ul {
		display: flex;
		gap: 1.25rem;
	}
	.testimonial .text\:7 {
		font-size: 0.9375rem;
		letter-spacing: 0.215625rem;
		margin: 2.625rem auto 0 auto;
	}
	.text-image > .grid\:2 {
		gap: 1.75rem;
		display: flex;
		flex-direction: column-reverse;
		width: 69.38%;
	}
	.text-image figure {
		width: 100%;
	}
	.page-id-24 .text-image > .grid\:2 {
		padding: 0 1.625rem;
		width: 100%;
	}
	.page-id-24 .text-image .text\:7 {
		font-size: 0.9375rem;
		letter-spacing: 0.215625rem;
		margin: 0 0 0 0.125rem;
	}
	.page-id-24 .text-image article {
		margin: 0 auto 0 0;
		width: 78.42%;
	}
	.three-column-text .text\:7,
.two-column-text .text\:7 {
		font-size: 0.9375rem;
		letter-spacing: 0.215625rem;
		margin: 0 0 0 0.125rem;
	}
	.three-column-text .wrap\:narrow,
.three-column-text .wrap\:wide,
.two-column-text .wrap\:narrow,
.two-column-text .wrap\:wide {
		padding: 0 1.625rem;
	}
	.three-column-text .grid\:2,
.three-column-text .grid\:3,
.two-column-text .grid\:2,
.two-column-text .grid\:3 {
		grid-template-columns: repeat(1, 1fr);
	}
	.three-column-text h2 + .column,
.two-column-text h2 + .column {
		margin-top: -0.625rem;
	}
	.desktop {
		display: none;
	}
}
@media (hover: hover) {
	.home-gallery .swiper-button-prev:hover svg {
		transform: rotate(-90deg) translateY(-0.375rem);
	}
	.home-gallery .swiper-button-next:hover svg {
		transform: rotate(90deg) translateY(-0.375rem);
	}
	.logos a:hover {
		color: #4A3331;
	}
	.project > a:hover .project__details p {
		color: #4A3331;
	}
	.related-project > a:hover .related-project__icon {
		transform: rotate(-90deg) translate(0, -7.375rem);
	}
	.related-project + .related-project > a:hover .related-project__icon {
		transform: rotate(90deg) translate(0, -7.375rem);
	}
	.single-image-panel .copy + p a:hover {
		color: #4A3331;
	}
	.two-image-panel__details .copy + p a:hover {
		color: #4A3331;
	}
}
/*# sourceMappingURL=main.css.map */
