:root {
	/* //////////////////////////////////////////////////////////// */
	--text-colour              : #000;
	/* //////////////////////////////////////////////////////////// */
	--colour-1                 : #A29490;
	--colour-1-darker          : #534445;
	--colour-1-lighter         : #000;
	--colour-2                 : #DED5CE;
	--colour-2-darker          : #000;
	--colour-2-lighter         : #000;
	--colour-3                 : #924335;
	--colour-3-darker          : #000;
	--colour-3-lighter         : #000;
	--colour-4                 : #000;
	--colour-4-darker          : #000;
	--colour-4-lighter         : #000;
	--colour-5                 : #000;
	--colour-5-darker          : #000;
	--colour-5-lighter         : #000;
	--colour-6                 : #000;
	--colour-6-darker          : #000;
	--colour-6-lighter         : #000;
	/* /////////////////////////////////// */
	--preloader-bg             : #fff;
	--preloader-circle         : #A29490;
	/* /////////////////////////////////// */
	--form-error               : #690207;
	--form-accent-colour       : #A29490;
	--input-label              : #A29490;
	--input-color              : #A29490;
	--input-placeholder        : #A29490;
	--input-bg                 : #F4F0EC;
	--input-borders            : #A29490;
	/* /////////////////////////////////// */
	--swiper-theme-color       : #FFF;
	--swiper-bullet            : #FFF;
	--swiper-bullet-off        : #000;
	--swiper-bullet-on         : #FFF;
	/* /////////////////////////////////// */
	--nav-large                : 0px;
	--nav-small                : 0px;
	/* /////////////////////////////////// */
	--alt-font                 : Times;
	/* /////////////////////////////////// */
	--popup-bg                 : #000;
	--popup-colour             : #FFF;
	/* /////////////////////////////////// */
	--base-spacing             : var(--base-spacing-temp);
	--base-spacing-temp        : 60px;
	/* /////////////////////////////////// */
	--suggestion-bg            : #efefef;
	--suggestion-colour        : #000;
	--suggestion-border-colour : lightgray;
	/* /////////////////////////////////// */
	--nav-gap                  : 180px;
	--sg                       : 24px;
	--slide-height             : calc((100vh - var(--nav-gap)));
	--mobile-width             : calc(100vw - (var(--sg) * 1));
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	font-family : quincy-cf, serif;
	font-weight : 3500;
}

.quincy {
	font-family : quincy-cf, serif;
	font-weight : 300;
}

/* //////////////////////////////////////////////////////////// */
/* // Content */
/* //////////////////////////////////////////////////////////// */
body {
	font-family : 'Applied Sans Pro';
	font-weight : 300;
	/*padding-top : var(--nav-gap) !important;*/
}

.pin-container {
	width           : 100%;
	height          : var(--slide-height);
	position        : relative;
	overflow        : hidden;
	display         : flex;
	justify-content : center;
	align-items     : flex-start;
	align-content   : flex-start;
	margin          : 0 auto;
	/*margin-top      : calc(var(--sg) * -1) !important;*/
}

.form-grid {
	grid-template-columns :  1fr;
}

.card {
	top      : 0;
	position : absolute;
	width    : calc(50%);
	height   : 100%;
}

.card-1 {
	left    : 0;
	z-index : 10;
}

.card-2 {
	left    : 50%;
	z-index : 15;
}

.card-3 {
	left    : 100%;
	z-index : 1;
}

.card-4 {
	left    : 100%;
	z-index : 1;
}

.line-type-a {
	border-left   : 1px solid #000;
	padding-right : var(--sg);
	padding-left  : var(--sg);
	width         : calc(100%);
	height        : 100%;
	transition    : border-color 0.5s ease;
}

.line-type-b {
	border-left      : 1px solid #000;
	width            : calc(100%);
	height           : 100%;
	padding-right    : var(--sg);
	transition       : border-color 0.5s ease;
	background-color : #fff;
}

.line-type-d {
	height        : 100%;
	padding-right : var(--sg);
	transition    : border-color 0.5s ease;
}

.line-type-c {
	border-top : 1px solid #000;
}

.image-curve {
	border-top-left-radius : 50px;
}

.sided .line-type-a,
.sided .line-type-b {
	border-color : rgba(0, 0, 0, 0);
}

/* //////////////////////////////////////////////////////////// */
/* // Footer */
/* //////////////////////////////////////////////////////////// */
.footer {
	position : relative;
}

.footer-row-a {
	/*background : grey;*/
}

.footer-row-b {
	/*background : rgba(128, 128, 128, 0.59);*/
}

.footer-row-b {
	/*background : rgba(128, 128, 128, 0.27);*/
}

/* //////////////////////////////////////////////////////////// */
/* // Buttons */
/* //////////////////////////////////////////////////////////// */
.social-box {
	display          : inline-flex;
	width            : 36px;
	height           : 36px;
	justify-content  : center;
	align-items      : center;
	text-decoration  : none;
	font-size        : 20px;
	color            : #A29490;
	border           : 1px solid #A29490;
	background-color : transparent;
	transition       : all 0.3s ease;
}

.social-box:hover {
	background-color : #A29490;
	color            : #ffffff;
	border-color     : #A29490;
	transform        : translateY(-3px);
	box-shadow       : 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* //////////////////////////////////////////////////////////// */
/* // Forms */
/* //////////////////////////////////////////////////////////// */
/* Standard syntax */
::placeholder {
	color          : var(--input-placeholder) !important;
	text-transform : uppercase !important;
	opacity        : 1; /* Make sure this is 1 to see it */
}

/* WebKit, Edge */
::-webkit-input-placeholder {
	color          : var(--input-placeholder) !important;
	text-transform : uppercase !important;
	opacity        : 1;
}

/* Firefox 19+ */
::-moz-placeholder {
	color          : var(--input-placeholder) !important;
	text-transform : uppercase !important;
	opacity        : 1;
}

/* Firefox 18- */
:-moz-placeholder {
	color          : var(--input-placeholder) !important;
	text-transform : uppercase !important;
	opacity        : 1;
}

/* IE 10-11 */
:-ms-input-placeholder {
	color          : var(--input-placeholder) !important;
	text-transform : uppercase !important;
	opacity        : 1;
}

select {
	text-transform : uppercase !important;
}

.vertical-holder .vertical {
	writing-mode     : vertical-rl;
	white-space      : nowrap;
	text-orientation : mixed;
	font-size        : 10px;
	letter-spacing   : 1px;
	text-transform   : uppercase;
	line-height      : 1;
	line-height      : 0.2;
	position         : relative;
}

.vertical-holder {
	width : 2rem;
}

.vertical-holder .vert-left {
	transform : rotate(180deg);
	padding   : 0px 5px 0 0;
}

.vertical-holder .vert-right {
	padding-left : 17px;
}

#wrapper {
	overflow-x : hidden;
}

/* //////////////////////////////////////////////////////////// */
/* // Custom */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
input[type=checkbox] {
	border-radius : 100%;
}

input[type=checkbox]:checked::after {
	content       : ""; /* Set content to empty string to create a visible box */
	display       : block; /* Ensure it behaves like a block element */
	width         : 100%;
	height        : 100%;
	background    : var(--form-accent-colour); /* This fills the box */
	border-radius : 0; /* Matches your previous style, or adjust as needed */
	border        : none;
}

.img-wrapper {
	position : relative;
	overflow : hidden;
}

.img-wrapper img {
	/*grid-area    : stack;
	display      : block;
	object-fit   : cover;
	aspect-ratio : 3000 / 1687;*/
	object-fit : cover;
}

.img-wrapper img.relative {
	z-index : 1;
}

.animate-fade {
	z-index    : 2;
	opacity    : 0;
	visibility : hidden;
}

.fix-3 {
	width      : 100%;
	max-height : calc((100vh - var(--nav-gap)) - var(--sg));
}

.fade-section {
	position : relative;
	z-index  : 20;
}

.fade-section.is-pinned:not(.is-faded) {
	z-index : 20;
}

.fade-section.is-pinned.is-faded {
	z-index : 0;
}

.pin-section {
	height       : calc(var(--slide-height) - var(--sg));
	width        : calc(100% - var(--sg) - var(--sg));
	overflow     : hidden;
	display      : flex;
	z-index      : 21;
	margin-left  : auto;
	margin-right : auto;
}

.col-left {
	width       : 50%;
	height      : 100%;
	position    : relative;
	overflow    : hidden;
	display     : flex;
	align-items : center;
}

.text-track {
	display     : flex;
	width       : 200%;
	height      : 100%;
	flex-shrink : 0;
}

.image-trans-holder {
	aspect-ratio : 8 / 12;
	margin       : auto;
	max-height   : 70%;
	max-width    : 22vw;
	width        : 100%;
}

.text-item {
	width           : 50%;
	height          : 100%;
	display         : flex;
	flex-direction  : column;
	justify-content : center;
	box-sizing      : border-box;
}

.col-right {
	width    : 50%;
	height   : 100%;
	position : relative;
}

.image-wrapper {
	position     : absolute;
	top          : 0;
	left         : 0;
	width        : 100%;
	height       : 100%;
	aspect-ratio : 8 / 12;
}

.image-wrapper img {
	width                      : 100%;
	height                     : 100%;
	object-fit                 : cover;
	border-top-left-radius     : 9999px;
	border-top-right-radius    : 9999px;
	border-bottom-left-radius  : 0;
	border-bottom-right-radius : 0;
	aspect-ratio               : 8 / 12;
}

.red-line {
	width   : 1px;
	height  : calc(100% - (var(--sg) * 2));
	z-index : 10;
}

/* //////////////////////////////////////////////////////////// */
/* placeholder */
/* //////////////////////////////////////////////////////////// */
/* sm */
.fade-section {
	position : relative;
	z-index  : 20;
}

.fade-section.is-pinned:not(.is-faded) {
	z-index : 20;
}

.fade-section.is-pinned.is-faded {
	z-index : 0;
}

.pin-section {
	height       : calc(var(--slide-height) - var(--sg));
	width        : calc(100% - var(--sg) - var(--sg));
	overflow     : hidden;
	display      : flex;
	z-index      : 21;
	margin-left  : auto;
	margin-right : auto;
}

.col-left {
	width       : 50%;
	height      : 100%;
	position    : relative;
	overflow    : hidden;
	display     : flex;
	align-items : center;
}

.text-track {
	display     : flex;
	width       : 200%;
	height      : 100%;
	flex-shrink : 0;
}

.image-trans-holder {
	aspect-ratio : 8 / 12;
	margin       : auto;
	max-height   : 70%;
	max-width    : 22vw;
}

.text-item {
	width           : 50%;
	height          : 100%;
	display         : flex;
	flex-direction  : column;
	justify-content : center;
	box-sizing      : border-box;
}

.col-right {
	width    : 50%;
	height   : 100%;
	position : relative;
}

.image-wrapper {
	position     : absolute;
	top          : 0;
	left         : 0;
	width        : 100%;
	height       : 100%;
	aspect-ratio : 8 / 12;
}

.image-wrapper img {
	width                      : 100%;
	height                     : 100%;
	object-fit                 : cover;
	border-top-left-radius     : 9999px;
	border-top-right-radius    : 9999px;
	border-bottom-left-radius  : 0;
	border-bottom-right-radius : 0;
	aspect-ratio               : 8 / 12;
}

.red-line {
	width   : 1px;
	height  : calc(100% - (var(--sg) * 2));
	z-index : 10;
}

.fix-4 {
	border-bottom : 1px solid var(--colour-1);
	padding       : 14px 0;
}

.footer-row-b div {
	width      : 100%;
	height     : 1px;
	background : #000;
	margin     : 0 auto;
}

.footer-row-b div {
	width      : 100%;
	height     : 1px;
	background : #000;
	margin     : 0 auto;
}

.button {
	background      : none;
	color           : var(--colour-1-darker);
	text-decoration : underline;
	padding         : 0px;
	text-transform  : uppercase;
	font-size       : 16px;
}

.footer-row-c img {
	max-height : 73px;
	max-width  : 219px;
}

.footer-row-c {
}

.fl-form input.fl-input,
.fl-form select.fl-select,
.fl-form textarea.fl-textarea,
.form-box input:not([type=checkbox]):not([type=radio]),
.form-box select,
.form-box textarea,
input.input,
select.select,
textarea.textarea {
	padding-left : 0px;
}

.fix-9 {
	letter-spacing : 1px;
	font-weight    : 500;
	padding-top    : 22px;
}

.fl-form label.fl-label {
	padding-left : 0px;
}

@media (min-width : 640px) {
	.fix-7 {
		max-width : 26vw;
	}

	.fix-8 {
		max-height : 81%;
	}

	.footer {
		min-height : calc(var(--slide-height) + (var(--sg) * 1.5));
	}

	form,
	.form-content-bottom {
		width     : 500px;
		max-width : 85%;
		margin    : 0 auto;
	}

	.footer-row-c > div > div:nth-child(2) {
		border-left  : 1px solid #000;
		border-right : 1px solid #000;
	}

	.footer-row-c > div > div:nth-child(2) img {
		max-height : 80px;
		max-width  : 225px;
	}

	.fix-13 {
		max-width    : 500px;
		margin-left  : auto;
		margin-right : auto;
		width        : 100%;
	}
}

@media (max-width : 639px) {
	.small {
		font-size   : 11px;
		line-height : 1.3;
	}

	.fix-4 {
		font-size : 12px;
	}

	section .is-p,
	section p {
		font-size   : 15.5px;
		line-height : 1.4;
	}

	small {
		font-size   : 11px;
		line-height : 1.3;
	}

	.put-height-here-mobile > div:first-of-type {
		padding-top : 0px !important;
	}

	.put-height-here-mobile > div:last-of-type {
		padding-bottom : 0px !important;
	}

	/*.put-height-here-mobile {
		height     : calc(100vh * 0.54) !important;
		min-height : calc(100vh * 0.54) !important;
	}*/
	.img-wrapper img {
		object-fit   : cover;
		width        : 100%;
		aspect-ratio : 1366 / 960;
	}

	.fix-6 {
		padding : 1.5rem;
	}

	.form-grid input,
	.form-grid select,
	.form-grid {
		font-size : 12px;
	}

	.vertical-holder .vert-left {
		padding : 0px 0px 0 0;
	}

	.vertical-holder .vert-right {
		padding-left : 21px;
	}

	.fix-5 {
		padding : 0px !important;
	}

	.footer-row-c img {
		max-height : 63px;
		max-width  : 173px;
	}

	.fix-11 {
		padding : 0px;
		margin  : -10px 0;
	}

	.fix-11 img {
		max-height : 76px;
		max-width  : 190px;
	}

	.fix-10 {
		margin : -10px 0;
	}

	.pin-section {
		display : none !important;
	}

	.card {
		width : calc(100%);
	}

	.card-1, .card-2, .card-3, .card-4 {
		position : absolute;
		top      : 0;
		left     : 0;
		width    : 100%;
		height   : 100%;
	}

	.card-1 {
		z-index : 1 !important;
		left    : 0 !important;
	}

	.card-2 {
		z-index : 2 !important;
	}

	.card-3 {
		z-index : 3 !important;
	}

	.card-4 {
		z-index : 4 !important;
	}

	.vertical-holder .vert-right {
		padding-left : 18px;
	}

	:root {
		--slide-height : calc((100vh - var(--nav-gap) + var(--sg)));
	}

	.pin-section {
		overflow : hidden;
		position : relative;
	}

	.pin-section-mobile {
		overflow : hidden;
		position : relative;
	}

	.pin-section-mobile > div.inner {
		display                     : flex;
		flex-direction              : row;
		gap                         : 0;
		width                       : max-content;
		align-items                 : center;
		will-change                 : transform;
		backface-visibility         : hidden;
		-webkit-backface-visibility : hidden;
		transition                  : none !important;
	}

	.pin-section-mobile,
	.pin-section-mobile .mobile-slide {
		height     : var(--slide-height);
		min-height : var(--slide-height);
		width      : var(--mobile-width);
		min-width  : var(--mobile-width);
	}

	.pin-section-mobile .mobile-slide {
		transition : none !important;
	}

	.pin-section-mobile .inner img {
		aspect-ratio               : 8 / 12;
		margin                     : auto;
		max-height                 : 70%;
		max-width                  : 70%;
		position                   : absolute;
		top                        : 0;
		bottom                     : 0;
		left                       : 0;
		right                      : 0;
		border-top-left-radius     : 9999px;
		border-top-right-radius    : 9999px;
		border-bottom-left-radius  : 0;
		border-bottom-right-radius : 0;
	}

	.pin-section-mobile .inner img.mobile-overlay-img {
		position                    : absolute;
		z-index                     : 5;
		will-change                 : opacity;
		backface-visibility         : hidden;
		-webkit-backface-visibility : hidden;
	}

	.pin-section-mobile .text-white > div:first-of-type {
		padding-top : 3rem;
	}

	.pin-section-mobile .text-white > div:last-of-type {
		padding-bottom : 3rem;
	}
}

/* md */
@media (min-width : 768px) {
}

@media (max-width : 767px) {
}

/* lg */
@media (min-width : 1024px) {
}

@media (max-width : 1023px) {
}

/* xl */
@media (min-width : 1280px) {
}

@media (max-width : 1279px) {
}

/* 2xl */
@media (min-width : 1536px) {
}

@media (max-width : 1535px) {
}
