/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
Version: 1.0
Text Domain: twentytwentyfive-child
*/

:root {
	--swatch--white: #f1efed;
	--text-main--font-family: var(--font--secondary-family);
	--theme--text: white;
	--text-main--font-size: var(--size--1rem);
	--text-main--line-height: var(--line-height--1-2em);
	--text-main--letter-spacing: var(--letter-spacing--−0-01em);
	--space--small: var(--size--1-5rem);
	--space--extra-small: var(--size--0-75rem);
	--h1--font-family: var(--font--primary-family);
	--h3--font-size: var(--size--3rem);
	--h1--line-height: var(--all-headings--heading-line-height);
	--h1--letter-spacing: var(--all-headings--heading-letter-spacing);
	--space--large: var(--size--3rem);
	--size--0-75rem: .75rem;
	--swatch--grey: #dcddde;
	--h2--font-family: var(--font--primary-family);
	--h4--font-size: var(--size--2rem);
	--h2--line-height: var(--all-headings--heading-line-height);
	--h2--letter-spacing: var(--all-headings--heading-letter-spacing);
	--h3--font-family: var(--font--primary-family);
	--h5--font-size: var(--size--1-5rem);
	--h3--line-height: var(--line-height--1-05em);
	--h3--letter-spacing: var(--all-headings--heading-letter-spacing);
	--h4--font-family: var(--font--primary-family);
	--h4--line-height: var(--line-height--1-2em);
	--h4--letter-spacing: var(--all-headings--heading-letter-spacing);
	--h5--font-family: var(--font--primary-family);
	--h5--line-height: var(--line-height--1-2em);
	--h5--letter-spacing: var(--all-headings--heading-letter-spacing);
	--h6--font-family: var(--font--primary-family);
	--h6--font-size: var(--size--1rem);
	--h6--line-height: var(--line-height--1-2em);
	--h6--letter-spacing: var(--all-headings--heading-letter-spacing);
	--size--1-25rem: 1.25rem;
	--size--0-25rem: .25rem;
	--size--2rem: 2rem;
	--size--0-5rem: .5rem;
	--size--1rem: 1rem;
	--text-large--font-family: var(--font--secondary-family);
	--text-large--font-size: var(--size--1-25rem);
	--text-large--line-height: var(--line-height--1-2em);
	--text-large--letter-spacing: var(--letter-spacing--−0-01em);
	--display--font-family: var(--font--primary-family);
	--display--font-size: var(--size--7rem);
	--display--line-height: var(--line-height--0-95em);
	--display--letter-spacing: var(--all-headings--heading-letter-spacing);
	--size--8rem: 8rem;
	--size--7-5rem: 7.5rem;
	--h1--font-size: var(--size--5rem);
	--h2--font-size: var(--size--4rem);
	--size--3rem: 3rem;
	--size--2-5rem: 2.5rem;
	--text-small--font-family: var(--font--secondary-family);
	--text-small--font-size: .875rem;
	--text-small--line-height: var(--line-height--1-2em);
	--text-small--letter-spacing: var(--letter-spacing--−0-01em);
	--padding-vertical--main: var(--size--7rem);
	--site-margin--main: 0px;
	--max-width--small: 0px;
	--max-width--full: 0px;
	--border-width--main: .094rem;
	--button--border: white;
	--button--background: white;
	--button--text: white;
	--button--border-hover: white;
	--button--background-hover: white;
	--button--text-hover: white;
	--grid-gap--main: var(--size--1rem);
	--size--0rem: 0rem;
	--space--medium: var(--size--3rem);
	--radius--small: .5rem;
	--radius--main: 1rem;
	--radius--round: 100vw;
	--theme--border: white;
	--theme--background: white;
	--line-height--1em\<deleted\|variable-d99ce925-8409-8b36-a786-20957ce80e99\>: 1em;
	--swatch--transparent: #fff0;
	--size--1-5rem: 1.5rem;
	--size--5rem: 5rem;
	--swatch--black: #080807;
	--swatch--green: #173932;
	--swatch--gray-green: #aeb5ae;
	--swatch--cool-gray: #f1efed;
	--swatch--greige: #fffbf4;
	--padding-vertical--small: var(--size--5rem);
	--size--0-125rem: .125rem;
	--letter-spacing--0-03em: -.03em;
	--swatch--brand-text: var(--swatch--green);
	--padding-vertical--large: var(--size--10rem);
	--size--4rem: 4rem;
	--size--7rem: 7rem;
	--size--13rem: 13rem;
	--size--6-5rem: 6.5rem;
	--size--11rem: 11rem;
	--size--6rem: 6rem;
	--swatch--dark-grey: #545454;
	--size--4-5rem: 4.5rem;
	--size--16rem: 16rem;
	--size--14rem: 14rem;
	--size--3-5rem: 3.5rem;
	--line-height--0-95em: .95em;
	--column-width--6: 0px;
	--swatch--input: #292929;
	--size--10rem: 10rem;
	--size--12rem: 12rem;
	--column-margin--2: 2px;
	--size--5-5rem: 5.5rem;
	--size--8-5rem: 8.5rem;
	--size--9rem: 9rem;
	--size--9-5rem: 9.5rem;
	--size--15rem: 15rem;
	--swatch--light-grey: #f1f0ee;
	--padding-vertical--none: var(--size--0rem);
	--site-width--main: 100vw;
	--max-width--main: 0px;
	--svg-stroke-width--main: .094rem;
	--font--primary-family: "Beatrice", sans-serif;
	--font--secondary-family: "Beatrice", sans-serif;
	--font--primary-medium: var(--font-weight--530);
	--font--primary-semibold: var(--font-weight--650);
	--letter-spacing--0em: 0em;
	--letter-spacing--−0-01em: -.01em;
	--letter-spacing--0-04em: -.04em;
	--line-height--1-2em: 1.2em;
	--line-height--1-05em: 1.05em;
	--all-headings--heading-font-family: var(--font--primary-family);
	--all-headings--heading-font-weight: var(--font--primary-semibold);
	--all-headings--heading-line-height: var(--line-height--1-05em);
	--all-headings--heading-letter-spacing: var(--letter-spacing--0-03em);
	--all-headings--heading-text-transform: var(--text-transform--inherit);
	--display--font-weight: var(--font--primary-semibold);
	--display--text-transform: var(--all-headings--heading-text-transform);
	--h1--font-weight: var(--font--primary-semibold);
	--h1--text-transform: var(--all-headings--heading-text-transform);
	--h2--font-weight: var(--font--primary-semibold);
	--h2--text-transform: var(--all-headings--heading-text-transform);
	--h3--font-weight: var(--font--primary-semibold);
	--h3--text-transform: var(--all-headings--heading-text-transform);
	--h4--font-weight: var(--font--primary-semibold);
	--h4--text-transform: var(--all-headings--heading-text-transform);
	--h5--font-weight: var(--font--primary-semibold);
	--h5--text-transform: var(--all-headings--heading-text-transform);
	--h6--font-weight: var(--font--primary-semibold);
	--h6--text-transform: var(--all-headings--heading-text-transform);
	--text-xlarge--font-size: 0px;
	--text-xlarge--font-family: var(--font--secondary-family);
	--text-xlarge--font-weight: var(--font--primary-medium);
	--text-xlarge--line-height: var(--line-height--1-2em);
	--text-xlarge--letter-spacing: var(--letter-spacing--−0-01em);
	--text-xlarge--text-transform: var(--text-transform--inherit);
	--text-large--font-weight: var(--font--primary-medium);
	--text-large--text-transform: var(--text-transform--inherit);
	--text-main--font-weight: var(--font--primary-medium);
	--text-main--text-transform: var(--text-transform--none);
	--text-small--font-weight: var(--font--primary-medium);
	--text-small--text-transform: var(--text-transform--inherit);
	--column-width--1: 0px;
	--column-width--2: 0px;
	--column-width--3: 0px;
	--column-width--4: 0px;
	--column-width--5: 0px;
	--column-width--7: 0px;
	--column-width--8: 0px;
	--column-width--9: 0px;
	--column-width--10: 0px;
	--column-width--11: 0px;
	--column-width--12: 0px;
	--column-margin--0: 0px;
	--column-margin--1: 1px;
	--column-margin--3: 3px;
	--column-margin--4: 4px;
	--column-margin--5: 5px;
	--column-margin--6: 6px;
	--column-margin--7: 7px;
	--column-margin--8: 8px;
	--column-margin--9: 9px;
	--column-margin--10: 10px;
	--column-margin--11: 11px;
	--column-margin--12: 12px;
	--text-transform--inherit: 0px;
	--text-transform--none: 0px;
	--text-transform--uppercase: 0px;
	--text-transform--capitalize: 0px;
	--text-transform--lowercase: 0px;
	--font-weight--inherit: 0px;
	--font-weight--100: 0px;
	--font-weight--200: 0px;
	--font-weight--300: 0px;
	--font-weight--400: 0px;
	--font-weight--530: 0px;
	--font-weight--650: 0px;
	--font-weight--700: 0px;
	--font-weight--800: 0px;
	--font-weight--900: 0px
}

:root {
	--column-count: 12;
	--max-width--full: calc(100vw - (var(--site-margin--main) * 2));
	--site-width--inner: calc(var(--site-width--main) - (var(--site-margin--main) * 2));
	--grid-width: min(var(--site-width--inner), var(--max-width--full));
	--grid-gap-total: calc(var(--grid-gap--main) * (var(--column-count) - 1));
	--column-width: calc((var(--grid-width) - var(--grid-gap-total)) / var(--column-count) + var(--grid-gap--main));
	--max-width--small: calc(var(--column-width) * (var(--column-count) - 2) - var(--grid-gap--main));
	--max-width--main: calc(var(--column-width) * var(--column-count) - var(--grid-gap--main));
	--column-width--1: calc(var(--column-width) * 1 - var(--grid-gap--main));
	--column-width--2: calc(var(--column-width) * 2 - var(--grid-gap--main));
	--column-width--3: calc(var(--column-width) * 3 - var(--grid-gap--main));
	--column-width--4: calc(var(--column-width) * 4 - var(--grid-gap--main));
	--column-width--5: calc(var(--column-width) * 5 - var(--grid-gap--main));
	--column-width--6: calc(var(--column-width) * 6 - var(--grid-gap--main));
	--column-width--7: calc(var(--column-width) * 7 - var(--grid-gap--main));
	--column-width--8: calc(var(--column-width) * 8 - var(--grid-gap--main));
	--column-width--9: calc(var(--column-width) * 9 - var(--grid-gap--main));
	--column-width--10: calc(var(--column-width) * 10 - var(--grid-gap--main));
	--column-width--11: calc(var(--column-width) * 11 - var(--grid-gap--main));
	--column-width--12: calc(var(--column-width) * 12 - var(--grid-gap--main));
	--column-margin--1: calc(var(--column-width) * 1);
	--column-margin--2: calc(var(--column-width) * 2);
	--column-margin--3: calc(var(--column-width) * 3);
	--column-margin--4: calc(var(--column-width) * 4);
	--column-margin--5: calc(var(--column-width) * 5);
	--column-margin--6: calc(var(--column-width) * 6);
	--column-margin--7: calc(var(--column-width) * 7);
	--column-margin--8: calc(var(--column-width) * 8);
	--column-margin--9: calc(var(--column-width) * 9);
	--column-margin--10: calc(var(--column-width) * 10);
	--column-margin--11: calc(var(--column-width) * 11);
	--column-margin--12: calc(var(--column-width) * 12);
	--breakout-start: [full-start] minmax(0, 1fr) [content-start];
	--breakout-end: [content-end] minmax(0, 1fr) [full-end];
	--grid-breakout-single: var(--breakout-start) minmax(0, var(--grid-width)) var(--breakout-end);
	--grid-breakout: var(--breakout-start) repeat(var(--column-count), minmax(0, calc((var(--grid-width) - var(--grid-gap-total)) / var(--column-count)))) var(--breakout-end);
	--grid-main: repeat(var(--column-count), minmax(0, 1fr));
	--grid-1: repeat(1, minmax(0, 1fr));
	--grid-2: repeat(2, minmax(0, 1fr));
	--grid-3: repeat(3, minmax(0, 1fr));
	--grid-4: repeat(4, minmax(0, 1fr));
	--grid-5: repeat(5, minmax(0, 1fr));
	--grid-6: repeat(6, minmax(0, 1fr));
	--grid-7: repeat(7, minmax(0, 1fr));
	--grid-8: repeat(8, minmax(0, 1fr));
	--grid-9: repeat(9, minmax(0, 1fr));
	--grid-10: repeat(10, minmax(0, 1fr));
	--grid-11: repeat(11, minmax(0, 1fr));
	--grid-12: repeat(12, minmax(0, 1fr));
	/* Column Span Variables */
	--span-1: span 1 / span 1;
	--span-2: span 2 / span 2;
	--span-3: span 3 / span 3;
	--span-4: span 4 / span 4;
	--span-5: span 5 / span 5;
	--span-6: span 6 / span 6;
	--span-7: span 7 / span 7;
	--span-8: span 8 / span 8;
	--span-9: span 9 / span 9;
	--span-10: span 10 / span 10;
	--span-11: span 11 / span 11;
	--span-12: span 12 / span 12;
	--animation-primary: cubic-bezier(0.83, 0, 0.17, 1);
	--animation-secondary: cubic-bezier(0.16, 1, 0.3, 1);
	/* Column Start Position Variables */
	--start-1: 1;
	--start-2: 2;
	--start-3: 3;
	--start-4: 4;
	--start-5: 5;
	--start-6: 6;
	--start-7: 7;
	--start-8: 8;
	--start-9: 9;
	--start-10: 10;
	--start-11: 11;
	--start-12: 12;
	--font-weight--inherit: inherit;
	--font-weight--100: 100;
	--font-weight--200: 200;
	--font-weight--300: 300;
	--font-weight--400: 400;
	--font-weight--500: 500;
	--font-weight--600: 600;
	--font-weight--700: 700;
	--font-weight--800: 800;
	--font-weight--900: 900;
	--text-transform--none: none;
	--text-transform--uppercase: uppercase;
	--text-transform--capitalize: capitalize;
	--text-transform--lowercase: lowercase;
	--text-transform--inherit: inherit;
}

/* fluid sizes */
@supports (font-size: clamp(1rem, 0.5rem + 3vw, 3rem)) {
	:root {
		--site-margin--main: clamp(0.875rem, 0.434rem + 1.23vw, 2.429rem);
		--size--2rem: clamp(1.75rem, 1.678rem + 0.36vw, 2.108rem);
		--size--2-5rem: clamp(2rem, 1.858rem + 0.71vw, 2.713rem);
		--size--3rem: clamp(2.25rem, 2.036rem + 1.07vw, 3.321rem);
		--size--3-5rem: clamp(2.375rem, 2.053rem + 1.61vw, 3.983rem);
		--size--4rem: clamp(2.5rem, 2.072rem + 2.14vw, 4.642rem);
		--size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 5.25rem);
		--size--5rem: clamp(3rem, 2.428rem + 2.86vw, 5.858rem);
		--size--5-5rem: clamp(3.25rem, 2.608rem + 3.21vw, 6.463rem);
		--size--6rem: clamp(3.5rem, 2.786rem + 3.57vw, 7.071rem);
		--size--6-5rem: clamp(3.75rem, 2.964rem + 3.93vw, 7.679rem);
		--size--7rem: clamp(4rem, 3.142rem + 4.29vw, 8.287rem);
		--size--7-5rem: clamp(4.25rem, 3.322rem + 4.64vw, 8.892rem);
		--size--8rem: clamp(4.5rem, 3.5rem + 5vw, 9.5rem);
		--size--8-5rem: clamp(4.75rem, 3.678rem + 5.36vw, 10.108rem);
		--size--9rem: clamp(5rem, 3.858rem + 5.71vw, 10.713rem);
		--size--9-5rem: clamp(5.25rem, 4.036rem + 6.07vw, 11.321rem);
		--size--10rem: clamp(5.5rem, 4.214rem + 6.43vw, 11.929rem);
		--size--11rem: clamp(5.75rem, 4.25rem + 7.5vw, 13.25rem);
		--size--12rem: clamp(6rem, 4.286rem + 8.57vw, 14.571rem);
		--size--13rem: clamp(6.5rem, 4.642rem + 9.29vw, 15.787rem);
		--size--14rem: clamp(7rem, 5rem + 10vw, 17rem);
		--size--15rem: clamp(7.5rem, 5.358rem + 10.71vw, 18.213rem);
		--size--16rem: clamp(8rem, 5.714rem + 11.43vw, 19.429rem);
		--display-large--font-size: clamp(4.2rem, 3.142rem + 6.24vw, 11.032rem);
		--display--font-size: clamp(2.5rem, 1.813rem + 5.84vw, 9.229rem);
		--h1--font-size: clamp(3.02rem, 2.32rem + 4.2vw, 7.52rem);
		--h2--font-size: clamp(2.39rem, 1.95rem + 2.2vw, 4.59rem);
		--h3--font-size: clamp(1.9rem, 2.6rem + 1.02vw, 3.5rem);
		--h4--font-size: clamp(1.51rem, 1.358rem + 0.76vw, 2.268rem);
		--h5--font-size: clamp(1.2rem, 1.126rem + 0.37vw, 1.571rem);
		--h6--font-size: clamp(0.95rem, 0.922rem + 0.14vw, 1.092rem);
		--text-large--font-size: clamp(1.25rem, 1.06rem + 0.26vw, 1.6rem);
		--variable-name: clamp(1.14rem, 1.106rem + 0.17vw, 1.311rem);
		--text-main--font-size: clamp(1rem, 0.986rem + 0.07vw, 1.071rem);
		--text-small--font-size: clamp(0.875rem, 0.800rem + 0vw, 0.875rem);
		--section-space--large: clamp(7.23rem, 5.444rem + 8.93vw, 16.159rem);
		--section-space--main: clamp(5.17rem, 4.062rem + 5.54vw, 10.712rem);
		--section-space--small: clamp(3.69rem, 3.01rem + 3.4vw, 7.09rem);
		--space--8: clamp(2.64rem, 2.228rem + 2.06vw, 4.698rem);
		--space--7: clamp(1.88rem, 1.634rem + 1.23vw, 3.109rem);
		--space--6: clamp(1.34rem, 1.198rem + 0.71vw, 2.053rem);
		--space--5: clamp(0.96rem, 0.882rem + 0.39vw, 1.347rem);
		--space--4: clamp(0.69rem, 0.65rem + 0.2vw, 0.89rem);
		--space--3: clamp(0.49rem, 0.47rem + 0.1vw, 0.59rem);
		--space--2: clamp(0.35rem, 0.344rem + 0.03vw, 0.379rem);
		--space--1: clamp(0.25rem, 0.25rem + 0vw, 0.25rem);
	}
}

@font-face {
	font-family: "Ppneuemontreal Variable";
	src: url(https://cdn.prod.website-files.com/6762bbe3294789635ee71fdb/676e04eee8e86cced1fcdb27_PPNeueMontreal-Variable.woff2)format("woff2");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap
}

/* Beatrice (Primary typography - local) - add Gatwick-Regular.woff2 to assets/fonts/ */
@font-face {
	font-family: "Gatwick";
	src: url("assets/fonts/Gatwick/gatwick-light.woff2") format("woff2"),
		url("assets/fonts/Gatwick/gatwick-light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Gatwick";
	src: url("assets/fonts/Gatwick/gatwick-regular.woff2") format("woff2"),
		url("assets/fonts/Gatwick/gatwick-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Gatwick";
	src: url("assets/fonts/Gatwick/gatwick-medium.woff2") format("woff2"),
		url("assets/fonts/Gatwick/gatwick-medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Gatwick";
	src: url("assets/fonts/Gatwick/gatwick-bold.woff2") format("woff2"),
		url("assets/fonts/Gatwick/gatwick-bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Gatwick";
	src: url("assets/fonts/Gatwick/gatwick-ultrabold.woff2") format("woff2"),
		url("assets/fonts/Gatwick/gatwick-ultrabold.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* Beatrice (Secondary typography - local) - add Beatrice-Regular.woff2 to assets/fonts/ */
@font-face {
	font-family: "Beatrice";
	src: url("assets/fonts/Beatrice/beatrice-thin.woff2") format("woff2"),
		url("assets/fonts/Beatrice/beatrice-thin.woff") format("woff");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Beatrice";
	src: url("assets/fonts/Beatrice/beatrice-light.woff2") format("woff2"),
		url("assets/fonts/Beatrice/beatrice-light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Beatrice";
	src: url("assets/fonts/Beatrice/beatrice-regular.woff2") format("woff2"),
		url("assets/fonts/Beatrice/beatrice-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Beatrice";
	src: url("assets/fonts/Beatrice/beatrice-medium.woff2") format("woff2"),
		url("assets/fonts/Beatrice/beatrice-medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Beatrice";
	src: url("assets/fonts/Beatrice/beatrice-semibold.woff2") format("woff2"),
		url("assets/fonts/Beatrice/beatrice-semibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Beatrice";
	src: url("assets/fonts/Beatrice/beatrice-bold.woff2") format("woff2"),
		url("assets/fonts/Beatrice/beatrice-bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Beatrice";
	src: url("assets/fonts/Beatrice/beatrice-extrabold.woff2") format("woff2"),
		url("assets/fonts/Beatrice/beatrice-extrabold.woff") format("woff");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
.page-id-911 .footer_wrap {display: none;}
@media screen and (min-width: 1920px) {
    .hero_project_wrap .u-text-display {
        font-size: var(--size--6rem);
        opacity: 0.7;
    }
}
.hero_project_wrap .u-text-display {
        
        opacity: 0.7;
}
@media screen and (max-width: 768px) {
.oh-logo.is-green, .oh-logo.is-light {
    
    max-width: 150px;
}}
@media screen and (max-width: 768px) {
.hero_project_bottom{
    display: flex!important;
    flex-direction: column;

}}
@media screen and (max-width: 768px) {
.navbar_home_text  svg {
    max-width: 150px;
}}
body {
	color: #333;
	background-color: #f1efed;
	min-height: 100%;
	margin: 0;
	font-family: "Beatrice", sans-serif;
	font-size: 14px;
	line-height: 20px
}

@media screen and (min-width: 768px) {.nina-ivana{
    max-width: 60%;
}}

.g_comma {
    display: none !important;
}
/* 1. Global Default: Show Green, Hide White (For all pages/posts) */
.oh-logo.is-green { 
    display: block !important; 
}
.oh-logo.is-light { 
    display: none !important; 
}

/* 2. Exceptions: Show White on Homepage AND Post 92 */
.home .oh-logo.is-light,
.page-id-920 .oh-logo.is-light,
.postid-920 .oh-logo.is-light, .single-project .oh-logo.is-light{ 
    display: block !important; 
}

/* Hide Green on Homepage AND Post 92 */
.home .oh-logo.is-green,
.page-id-920 .oh-logo.is-green,
.postid-920 .oh-logo.is-green, .single-project .oh-logo.is-green { 
    display: none !important; 
}
.page-template-gallery-template .oh-header nav.oh-header__nav .wp-block-navigation-item .wp-block-navigation-item__content {

    color: var(--swatch--white);

}
.project_details_text{

    color: var(--swatch--white);

}
.page-template-gallery-template .oh-header .navbar_contain {background-color: var(--swatch--green);}

   .page-template-gallery-template .oh-header nav.oh-header__nav .wp-block-navigation-item .wp-block-navigation-item__content .wp-block-navigation-item__label {
        text-shadow: 0px 1.1em 0px var(--swatch--white);
    }
.oh-header nav.oh-header__nav .wp-block-navigation-item .wp-block-navigation-item__content
.project_details_text {
    font-family: var(--text-main--font-family);
    font-size: var(--text-main--font-size);
    line-height: var(--text-main--line-height);
    font-weight: 400;
    letter-spacing: var(--text-main--letter-spacing);
    text-transform: var(--text-main--text-transform);
    text-wrap: pretty;
    color: var(--swatch--grey)!important;
  
}

/* 1. Set a consistent height for the image container */
  .works_image_cover {
    width: 100%;
    position: relative;
    /* Option A: Fixed height (e.g., 300px) */
    /* height: 300px; */
    
    /* Option B: Aspect Ratio (Preferred for responsiveness) */
    aspect-ratio: 16 / 9; 
    
    overflow: hidden;
  }

  /* 2. Force the image to fill the container without stretching */
  .works_item_image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This crops the image to fill the area */
    object-position: center; /* Keeps the center of the photo visible */
  }
body {
	background-color: var(--swatch--white);
	font-family: var(--text-main--font-family);
	color: #333333;
	font-size: var(--text-main--font-size);
	line-height: var(--text-main--line-height);
	letter-spacing: var(--text-main--letter-spacing);
	overscroll-behavior: none;
}

a {
	color: inherit;
	text-decoration: none;
}
/* Prisilimo, da je sporočilo vidno, ko ga JavaScript aktivira */
.contact_modal_wrap .success_wrap.w-form-done {
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    position: relative !important;
    z-index: 99 !important;
}

/* Prisilimo BELO barvo za vse tekste znotraj sporočila o uspehu */
.contact_modal_wrap .success_content .g_eyebrow,
.contact_modal_wrap .success_content h3,
.contact_modal_wrap .success_content p {
    color: #ffffff !important;
    font-weight:400!important;
}

/* Stil za gumb 'Zapri okno' - bel rob in bel tekst */
.contact_modal_wrap .success_content button {
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
    background-color: transparent !important;
    transition: all 0.3s ease;
}

.contact_modal_wrap .success_content button:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}
/* Stili veljajo samo znotraj kontaktnega modala */
.contact_modal_wrap .checkbox-field {
    cursor: pointer;
    background-color: var(--swatch--white);
    color: var(--swatch--black);
    padding: 15px 25px;
    border-radius: 4px;
    text-align: center;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    margin-bottom: 0;
}

/* Skrijemo privzete kvadratke samo v modalu */
.contact_modal_wrap .checkbox-field input[type="checkbox"],
.contact_modal_wrap .w-checkbox-input--inputType-custom {
    display: none !important;
}

/* Hover efekt */
.contact_modal_wrap .checkbox-field:hover {
    background-color: #f2f2f2;
}

/* Stanje ko je checkbox izbran - cel gumb postane črn */
.contact_modal_wrap .checkbox-field:has(input:checked),
.contact_modal_wrap .checkbox-field.w--redirected-checked {
    background-color: var(--swatch--black) !important;
}

/* Tekst postane bel, ko je gumb izbran */
.contact_modal_wrap .checkbox-field:has(input:checked) .checkbox-label,
.contact_modal_wrap .checkbox-field.w--redirected-checked .checkbox-label {
    color: var(--swatch--white) !important;
}

/* Poravnava teksta */
.contact_modal_wrap .checkbox-label {
    margin-left: 0 !important;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.05em;
}
.contact_modal_wrap .g_eyebrow.u-text-small {    color: var(--swatch--white);}
a:hover {
	color: inherit;
	text-decoration: none;
	box-shadow: none;
}
a:focus {
	color: inherit;
	text-decoration: none;
	outline: 0px;
	box-shadow: none;
}

section,
header,
footer {
	position: relative;
	margin: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
figure,
blockquote {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin-top: 0;
	margin-bottom: 0;
}

label {
	margin-bottom: 5px;
	font-weight: 700;
	display: block;
}

ul,
ol {
	margin: unset;
	padding: unset;
	list-style-type: none;
}

.is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

.has-global-padding {
	padding: 0;
	margin: 0;
}

.oh-header {
	z-index: 999;
	padding-right: var(--site-margin--main);
	padding-left: var(--site-margin--main);
	width: 100%;
	position: absolute;
}

.oh-header a {
	color: inherit;
	text-decoration: none;
}

.oh-header .oh-header__left {
	grid-area: span 1 / span 6 / span 1 / span 6;
}

.page-template-home-template .oh-header .wp-block-site-title a,
.project-template-default.single .oh-header .wp-block-site-title a {
	color: var(--swatch--white);
}

.oh-header .wp-block-site-title a {
	color: var(--swatch--green);
	font-variation-settings: "wght" 650;
	letter-spacing: var(--letter-spacing--0-03em);
	font-family: var(--font--primary-family);
	font-size: var(--h3--font-size);
	line-height: var(--h3--line-height);
	font-variation-settings: "wght" 530;
	font-weight: 400;
	text-transform: lowercase;
}

.oh-header .navbar_contain {
	margin-top: var(--site-margin--main);
	grid-column-gap: var(--grid-gap--main);
	grid-row-gap: var(--grid-gap--main);
	grid-template-rows: auto;
	grid-auto-columns: minmax(0, 1fr);
	grid-template-columns: var(--grid-12);
	display: grid;
	background-color: #fff0;
	border-radius: 2rem;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.oh-header nav.oh-header__nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    display: flex;
    z-index: 10;
}
.oh-header .oh-header__right {
    /* This tells it to start at the 9th column or just span to the very end */
    grid-column: 9 / span 4; 
    
    /* Flex ensures the button inside moves to the right wall */
    display: flex;
    justify-content: flex-end; 
    align-items: center;
    z-index: 5;
}

.oh-header nav.oh-header__nav .wp-block-navigation__responsive-dialog .oh-header__nav {
	padding-top: var(--size--0-25rem);
	padding-bottom: var(--size--0-25rem);
	grid-column-gap: var(--size--0-5rem);
	grid-row-gap: var(--size--0-5rem);
	overflow: hidden;
	justify-content: flex-start;
}

.oh-header nav.oh-header__nav .wp-block-navigation-item.is-works {
	will-change: transform;
	display: flex;
}

.page-template-home-template .oh-header nav.oh-header__nav .wp-block-navigation-item .wp-block-navigation-item__content,
.project-template-default.single .oh-header nav.oh-header__nav .wp-block-navigation-item .wp-block-navigation-item__content {
	color: var(--swatch--white);
}

.oh-header nav.oh-header__nav .wp-block-navigation-item .wp-block-navigation-item__content {
	padding-top: var(--size--0-125rem);
	padding-bottom: var(--size--0-125rem);
	padding-bottom: 0;
	padding-left: 1px;
	justify-content: flex-start;
	align-items: center;
	width: -moz-fit-content;
	width: fit-content;
	line-height: .99em;
	overflow: hidden;
	color: var(--swatch--green);
	text-transform: uppercase;
	display: flex;
	font-size: var(--text-small--font-size);
	font-family: var(--text-small--font-family);
	letter-spacing: var(--text-small--letter-spacing);
	font-weight: 500;
	text-wrap: pretty;
	max-width: 100%;
}

@media screen and (min-width: 1920px) {
	.oh-header nav.oh-header__nav .wp-block-navigation-item .wp-block-navigation-item__content {
		font-size: var(--text-main--font-size);
	}
}

.page-template-home-template .g_comma,
.project-template-default.single .g_comma {
	color: var(--swatch--white);
}

.g_comma {
	color: var(--swatch--green);
	line-height: 1em;
	font-size: var(--text-main--font-size);
}



.oh-header .wp-block-buttons.oh-header__right .oh-header__cta {
	will-change: transform;
}

.btn_default_contain {
	line-height: 1em;
	overflow: hidden;
}

.oh-header .btn_default_wrap {
	padding-top: var(--size--1rem);
	padding-right: var(--size--1-25rem);
	padding-bottom: var(--size--1rem);
	padding-left: var(--size--1-25rem);
	grid-column-gap: var(--size--1rem);
	grid-row-gap: var(--size--1rem);
	background-color: var(--swatch--green);
	pointer-events: auto;
	color: var(--swatch--white);
	font-weight: 400;
	border-radius: 100vw;
	justify-content: center;
	align-items: center;
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content;
	display: flex;
	text-align: inherit;
	cursor: pointer;
	font-size: var(--text-small--font-size);
	text-transform: uppercase;
	white-space: nowrap;
	line-height: 1em;
}

.oh-header .btn_default_wrap::after {
	content: '';
	background-color: var(--swatch--transparent);
	will-change: transform;
	width: 6px;
	height: 6px;
	padding-bottom: 0;
	padding-right: 0;
	transition: transform 0.545s var(--animation-secondary), background-color 0.3s var(--animation-secondary);
	border: 1px solid var(--swatch--white);
	border-radius: 100vw;
}

@media (min-width: 768px) {

	.oh-header .btn_default_wrap:hover::after {
		transform: scale(0.6);
		background-color: var(--swatch--white);
	}
}

@media screen and (min-width: 1920px) {
	.oh-header .btn_default_wrap {
		font-size: 1rem;
	}
}


@media (max-width: 900px) {
	.oh-header {
		padding: 14px 16px;
	}

	.oh-header .wp-block-site-title a {
		font-size: 24px;
	}
}

.navbar_menu_btn {
	will-change: transform;
	display: none;
}

/* Burger Menu Style Start */
.navbar_mini_wrap {
	z-index: 20;
	margin-top: var(--site-margin--main);
	margin-right: var(--site-margin--main);
	grid-column-gap: var(--size--0-5rem);
	grid-row-gap: var(--size--0-5rem);
	pointer-events: none;
	display: flex;
	align-items: normal;
	position: fixed;
	inset: 0% 0% auto auto;
	/* overflow: hidden; */
}

button {
	background-color: unset;
	padding: unset;
	text-align: inherit;
	cursor: pointer;
	border: 0;
}

.navbar_mini_btn {
	z-index: 20;
	padding-right: var(--size--0-75rem);
	padding-left: var(--size--0-75rem);
	border-radius: var(--radius--round);
	pointer-events: auto;
	color: var(--swatch--green);
	background-color: #f2f0eb;
	display: block;
}

.navbar_mini_btn:focus {
	outline: 0px;
}

.navbar_menu_wrap {
	line-height: 1em;
	overflow: hidden;
}

.navbar_menu_innertext.u-text-small {
	font-weight: 500;
	line-height: 1em;
	padding-top: 0.2em;
	padding-bottom: 0;
}

.menu_wrap {
	z-index: 99999;
	padding-right: var(--site-margin--main);
	padding-bottom: var(--site-margin--main);
	padding-left: var(--site-margin--main);
	background-color: var(--swatch--green);
	color: var(--swatch--white);
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
	flex-flow: row;
	justify-content: flex-start;
	align-items: center;
	width: calc(100% - 61px);
	width: -webkit-fill-available;
	height: calc(100dvh - 30px);
	height: -webkit-fill-available;
	display: flex;
	position: fixed;
	top: 0;
}

.menu_navbar_wrap {
	z-index: 999;
	padding-right: var(--site-margin--main);
	padding-left: var(--site-margin--main);
	width: calc(100% - 61px);
	width: -moz-available;
	width: -webkit-fill-available;
	position: fixed;
	inset: 0% auto auto 0%;
}

.menu_navbar_contain {
	background-color: #fff0;
	border-radius: 2rem;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 2rem;
	display: flex;
}

.menu_navbar_contain.u-grid-custom {
	margin-top: var(--site-margin--main);
	grid-column-gap: var(--grid-gap--main);
	grid-row-gap: var(--grid-gap--main);
	grid-template-rows: auto;
	grid-auto-columns: minmax(0, 1fr);
	grid-template-columns: var(--grid-12);
	flex-flow: row;
	display: flex;
}

.menu_navbar_left {
	grid-column-gap: 4rem;
	grid-row-gap: 4rem;
	justify-content: center;
	align-items: center;
}

#w-node-bbcc6f25-1e6a-a105-cd53-aa50e1d2fbe3-e1d2fbe0 {
	grid-area: span 1 / span 6 / span 1 / span 6;
}

.navbar_home_text {
	font-weight: 500;
	letter-spacing: var(--letter-spacing--0-03em);
}

.navbar_home_text.u-text-h3 {
	color: var(--swatch--greige);
	font-weight: 400;
}

.menu_navbar_btn {
	grid-column-gap: var(--grid-gap--main);
	grid-row-gap: var(--grid-gap--main);
	flex-flow: row;
	justify-content: center;
	align-items: center;
	display: flex;
}

#w-node-bbcc6f25-1e6a-a105-cd53-aa50e1d2fbe7-e1d2fbe0 {
	grid-area: span 1 / span 2 / span 1 / span 2;
	justify-self: end;
}

.menu_navbar_space {
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
}

.menu_navbar_close {
	color: #aeb5ae;
	flex-flow: row;
	display: flex;
	overflow: hidden;
}

.menu_navbar_text.u-text-small {
	font-variation-settings: "wght" 650;
	text-transform: uppercase;
	line-height: 1em;
	padding-top: 0.04em;
	padding-bottom: 0;
}

.menu_wrap .oh-header__nav {
	display: block;
}

.menu_wrap .oh-header__nav .wp-block-navigation__responsive-container .wp-block-navigation__container {
	grid-row-gap: var(--size--0-25rem);
	color: #aeb5ae;
	flex-flow: column;
	display: block;
}

.menu_wrap .oh-header__nav .wp-block-navigation__responsive-container .wp-block-navigation__container .wp-block-navigation-item {
	flex-flow: row;
	display: flex;
	max-width: 100%;
	line-height: 1em;
	font-family: var(--h2--font-family);
	font-size: var(--h2--font-size);
	line-height: var(--h2--line-height);
	font-weight: 500;
	letter-spacing: var(--h2--letter-spacing);
	font-weight: var(--h2--font-weight);
	text-transform: var(--h2--text-transform);
}

.menu_wrap .oh-header__nav .wp-block-navigation__responsive-container .wp-block-navigation__container .wp-block-navigation-item__content {
	text-shadow: 0px 1em 0px var(--swatch--white);
	transition: transform 0.545s var(--animation-secondary);
	color:#aeb5ae;
	text-transform: uppercase;
	display: flex;
	overflow: hidden;
	font-weight: 400;
}

@media (min-width: 768px) {
	.menu_wrap .oh-header__nav .wp-block-navigation__responsive-container .wp-block-navigation__container .wp-block-navigation-item__content .wp-block-navigation-item__label {
		text-shadow: 0px 1.1em 0px var(--swatch--white);
		transition: transform 0.545s var(--animation-secondary);
	}

	.menu_wrap .oh-header__nav .wp-block-navigation__responsive-container .wp-block-navigation__container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
		transform: translateY(-1em);
	}
}

.menu_wrap .oh-header__nav .wp-block-navigation__responsive-container .wp-block-navigation__container .g_comma {
	display: none;
}

.menu_bottom.u-text-small {
	left: var(--site-margin--main);
	top: auto;
	right: auto;
	bottom: var(--site-margin--main);
	font-weight: 400;
	text-transform: uppercase;
	flex-flow: column;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	position: absolute;
}

.menu_legal_link {
	width: -moz-fit-content;
	width: fit-content;
}

.menu_legal_links {
	margin-top: var(--size--2-5rem);
	grid-row-gap: var(--size--0-25rem);
	flex-flow: column;
	display: flex;
}

.menu_legal_text {
	line-height: 1em;
}

.menu_wrap .oh-header__nav .wp-block-navigation__responsive-container-open {
	display: none;
}

.menu_wrap .oh-header__nav .wp-block-navigation__responsive-container {
	display: block;
	position: initial;
}

.menu_wrap .oh-header__nav .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-close {
	display: none;
}

/* Footer */

.oh-footer {
	background: #f1efed;
	color: #111;
	padding: 56px 32px;
}

.footer_wrap {
	padding: var(--size--2rem) var(--site-margin--main) var(--size--1rem);
	border-top: 1px solid var(--swatch--grey);
}

@media screen and (min-width: 1920px) {
	.footer_wrap {
		padding-bottom: var(--size--1-5rem);
	}
}

.wp-block-template-part {
	margin: 0;
}

.u-grid-desktop,
.u-grid-tablet,
.u-grid-landscape {
	grid-column-gap: var(--grid-gap--main);
	grid-row-gap: var(--grid-gap--main);
	grid-template-rows: auto;
	grid-auto-columns: minmax(0, 1fr);
	grid-template-columns: var(--grid-main);
	display: grid;
}

.footer_top_wrap.u-grid-tablet {
	grid-template-columns: var(--grid-12);
}

.footer_top_image {
	grid-column: span 3 / span 3;
}

.footer_top_image svg {
	margin: 0;
	width: 100%;
}

.footer_navigation_wrap {
	grid-area: 1 / 5 / 2 / 9;
}

.footer_details_wrap {
	grid-area: 1 / 9 / 2 / 13;
}

.footer_wrap.oh-footer .footer_top_wrap {
	display: grid;
	align-items: flex-start;
}

.cta_heading.u-text-display.u-tablet {
	display: none;
}

.footer_top_file {
	margin-bottom: var(--size--1-25rem);
	aspect-ratio: 2 / 2.5;
	position: relative;
	overflow: hidden;
	padding: 0;
	height: auto;
	min-height: auto;
}

.g_image_cover {
	z-index: 10;
	background-color: var(--swatch--green);
	pointer-events: none;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	inset: 0%;
	display: block;
}

.footer_top_asset {
	height: 100%;
	margin: 0;
}

[data-image],
.testimonials_aside_image {
	will-change: transform;

}

.g_eyebrow.u-text-small {
	font-weight: 400;
	text-transform: uppercase;
	white-space: nowrap;
	width: -moz-fit-content;
	width: fit-content;
	color: var(--swatch--black);
}

.footer_navigation_wrap nav.oh-footer__nav {
	margin-top: var(--size--1rem);
}

.oh-footer__nav .wp-block-navigation__container {
	grid-row-gap: var(--size--0rem);
	flex-flow: column;
	display: flex;
}

.oh-footer__nav .wp-block-navigation__container .wp-block-navigation-item__content {
	max-width: 100%;
	display: inline-block;
	width: -moz-fit-content;
	width: fit-content;
	padding-right: var(--size--0-125rem);
	padding-bottom: var(--size--0-125rem);
	overflow: hidden;
	font-size: var(--size--3rem);
	font-weight: 400;
	font-family: var(--h3--font-family);
	line-height: var(--h3--line-height);
	letter-spacing: var(--h3--letter-spacing);
	text-transform: var(--h3--text-transform);
	display: flex;
	color: var(--swatch--green);
}

.oh-footer__nav .wp-block-navigation-item__content .wp-block-navigation-item__label {
	line-height: 1em;
}

@media (min-width: 768px) {

	.wp-block-navigation-item__content .wp-block-navigation-item__label,
	.page-template-home-template .oh-footer__nav .wp-block-navigation-item__content .wp-block-navigation-item__label {
		text-shadow: 0px 1.1em 0px var(--swatch--green);
		transition: transform 0.545s var(--animation-secondary);
	}

	.page-template-home-template .wp-block-navigation-item__content .wp-block-navigation-item__label {
		text-shadow: 0px 1.1em 0px var(--swatch--white);
		transition: transform 0.545s var(--animation-secondary);
	}

	.wp-block-navigation-item__content .wp-block-navigation-item__label {
		text-shadow: 0px 1.1em 0px var(--swatch--green);
	}

	.wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
		transform: translateY(-1em);
	}

	.oh-header nav.oh-header__nav .wp-block-navigation-item .wp-block-navigation-item__content .wp-block-navigation-item__label {
		text-shadow: 0px 1.1em 0px var(--swatch--green);
	}

	.page-template-home-template .oh-header nav.oh-header__nav .wp-block-navigation-item .wp-block-navigation-item__content .wp-block-navigation-item__label,
	.project-template-default.single .oh-header nav.oh-header__nav .wp-block-navigation-item .wp-block-navigation-item__content .wp-block-navigation-item__label {
		text-shadow: 0px 1.1em 0px var(--swatch--white);
	}
}

.u-text-main {
	font-family: var(--text-main--font-family);
	font-size: var(--text-main--font-size);
	line-height: var(--text-main--line-height);
	font-weight: 400;
	letter-spacing: var(--text-main--letter-spacing);
	text-transform: var(--text-main--text-transform);
	text-wrap: pretty;

}
.page-template-studio-template {overflow-x: hidden;}
@media screen and (min-width: 1920px) {
	.u-text-main {
		font-size: var(--size--1-25rem);
	}
}

.footer_info_wrap {
	margin-top: var(--size--4rem);
}

.footer_acknowledgement_text {
	margin-top: var(--size--1rem);
}

.footer_acknowledgement_text.u-text-main {
	font-size: var(--text-small--font-size);
	text-wrap: balance;
	max-width: 40ch;
	text-align: justify;
}

@media screen and (min-width: 1440px) {

	.footer_acknowledgement_text.u-text-main,
	.footer_info_text {
		font-size: var(--text-main--font-size);
	}
}

.footer_info_contain {
	margin-top: var(--size--1rem);
}

.footer_info_text {
	margin-bottom: var(--size--0-25rem);
	font-size: var(--text-small--font-size);
	font-weight: 500;
	width: -moz-fit-content;
	width: fit-content;
	font-style: normal;
}

@media screen and (min-width: 1440px) {

	.footer_acknowledgement_text.u-text-main,
	.footer_info_text {
		font-size: var(--text-main--font-size);
	}
}

.footer_info_span {
	font-weight: 600;
}

.footer_info_maia {
	max-width: var(--size--11rem);
	margin-top: var(--size--1-5rem);
	height: 100%;
}

.text-span,
.text-span-2,
.text-span-3 {
	font-weight: 600;
}

.footer_bottom_wrap {
	margin-top: var(--size--4rem);
}

.footer_bottom_wrap.u-grid-tablet.u-text-small {
	margin-top: var(--size--7rem);
}

.footer_bottom_copyright {
	grid-row-gap: var(--size--0-25rem);
	font-weight: 600;
	text-transform: uppercase;
	flex-flow: column;
	display: flex;
	color: var(--swatch--gray-green);
}

#w-node-_4d70e769-70ce-28d0-f7cb-d70dd9b5308b-d9b5305a {
	grid-column: span 4 / span 4;
	align-self: end;
}

.footer_bottom_text {
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1em;
}

.footer_bottom_value {
	line-height: 1em;
}

.footer_bottom_legals {
	flex-flow: column;
	display: flex;
	position: relative;
	align-items: flex-start;
	gap: 0px;
	color: var(--swatch--gray-green);
}

.g_link.u-text-small {
	padding-top: var(--size--0-125rem);
	padding-bottom: var(--size--0-125rem);
	justify-content: flex-start;
	align-items: center;
	width: -moz-fit-content;
	width: fit-content;
	line-height: 1em;
	overflow: hidden;
}

.g_link_contain,
.menu_contain_text {
	overflow: hidden;
}

@media (min-width: 768px) {
	[data-link] {
		text-shadow: 0px 1.3em 0px var(--swatch--white);
		transition: transform 0.545s var(--animation-secondary);
	}
}

@media (min-width: 768px) {
	[data-link="black"] {
		text-shadow: 0px 1.2em 0px var(--swatch--green);
	}

	[data-link-hover]:hover [data-link] {
		transform: translateY(-1.2em);
	}
}

.g_link_text:where(.w-variant-bb027b1f-84ab-2fa1-806d-e0cadf9063ba),
.g_link_text.black-2 {
	color: var(--swatch--green);
	padding-top: 0.05em;
	padding-bottom: 0;
}

.footer_bottom_links {
	justify-content: space-between;
	align-items: flex-end;
	display: flex;
	color: var(--swatch--gray-green);
}

.footer_bottom_huy {
	position: relative;
}

[data-underline-hover]::before,
[data-underline-hover]::after {
	content: "";
	position: absolute;
	bottom: -0.2em;
	left: 0;
	width: 100%;
	height: 0.1em;
	background-color: var(--swatch--white);
	transition: transform 0.725s var(--animation-primary);
	transform-origin: right;
	transform: scaleX(0) rotate(0.001deg);
}

[data-underline-hover="black"]::before,
[data-underline-hover="black"]::after {
	background-color: var(--swatch--green);
	bottom: 0em;
}

[data-underline-hover]::before {
	transform-origin: left;
	transform: scaleX(1) rotate(0.001deg);
	transition-delay: 0.2s;
}

[data-underline-hover]::after {
	transform-origin: right;
	transform: scaleX(0) rotate(0.001deg);
	transition-delay: 0s;
}

@media (min-width: 768px) {
	[data-underline-hover]:hover::before {
		transform-origin: right;
		transform: scaleX(0) rotate(0.001deg);
		transition-delay: 0s;
	}

	[data-underline-hover]:hover::after {
		transform-origin: left;
		transform: scaleX(1) rotate(0.001deg);
		transition-delay: 0.2s;
	}
}


/* Hero Section Style */

.wp-block-post-title {
	display: none !important;
}

.oh-hero {
	align-items: flex-end;
	margin-bottom: -100svh !important;
	overflow: clip;
	max-width: 100%;
	margin-top: 0px;
}

.hero_home_content {
	justify-content: flex-start;
	align-items: flex-end;
	width: 100%;
	height: 100svh;
	display: flex;
	position: sticky;
	top: 0;
	overflow: hidden;
}

.oh-hero__top {
	position: absolute;
	width: 100%;
	height: 100%;
}

img {
	object-fit: cover;
	width: 100%;
	max-width: 100%;
}

.hero_home_interior {
	transition: transform 1s cubic-bezier(0.76, 0, 0.24, 1);
	transform: scale(1);
	will-change: transform;
	height: 100%;
	position: absolute;
	inset: 0%;
}



.hero_home_cover {
	z-index: 2;
	will-change: transform;
	width: 100%;
	height: 100%;
	position: absolute;
	transform: none !important;
}

.hero_image_contain {
	width: 100%;
	height: 100%;
	position: absolute;
}

.hero_home_facade {
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	transition: all 0.875s cubic-bezier(0.76, 0, 0.24, 1);
	transform: scale(1);
	will-change: transform;
	height: 100%;
	position: absolute;
}

.hero_home_overlay {
	z-index: 2;
	background-color: var(--swatch--green);
	pointer-events: none;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.hero_home_gradient {
	z-index: 3;
	pointer-events: none;
	background-image: linear-gradient(#08080752, #0808076b);
	width: 100%;
	height: 100%;
	position: absolute;
}

.u-text-small {
	font-family: var(--text-small--font-family);
	font-size: var(--text-small--font-size);
	line-height: var(--text-small--line-height);
	font-weight: 400;
	letter-spacing: var(--text-small--letter-spacing);
	text-transform: var(--text-small--text-transform);
	text-wrap: pretty;
	margin: 0;
}

.hero_collection_details {
	left: var(--site-margin--main);
	top: 50%;
	right: var(--site-margin--main);
	grid-column-gap: var(--grid-gap--main);
	grid-row-gap: var(--grid-gap--main);
	color: var(--swatch--white);
	font-weight: 500;
	text-transform: uppercase;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	justify-content: space-between;
	align-items: center;
	display: flex;
	position: absolute;
	transform: translateY(-50%);
}

.hero_collection_details.u-text-small {
	z-index: 3;
	padding-top: var(--size--0-25rem);
	padding-bottom: var(--size--0-25rem);
	overflow: hidden;
}

@media screen and (min-width: 1920px) {
	.u-text-small {
		font-size: var(--text-main--font-size);
	}
}

.w-inline-block {
	max-width: 100%;
	display: inline-block;
}

.g_link {
	color: var(--swatch--white);
	font-weight: 600;
	text-transform: uppercase;
	justify-content: center;
	align-items: center;
	display: flex;
	text-decoration: none;
}

.g_link.is-hero {
	grid-column-gap: var(--size--0-75rem);
	grid-row-gap: var(--size--0-75rem);
	position: relative;
	line-height: 1em;
}

.g_link.is-hero::before,
.g_link.is-hero::after {
	content: "";
	position: absolute;
	bottom: -0.2em;
	left: 0;
	width: 100%;
	height: 1.70px;
	background-color: var(--swatch--white);
	transition: transform 0.725s var(--animation-primary);
	transform-origin: right;
	transform: scaleX(0) rotate(0.001deg);
}

.g_link.is-hero::before {
	transform-origin: left;
	transform: scaleX(1) rotate(0.001deg);
	transition-delay: 0.2s;
}

.g_link.is-hero::after {
	transform-origin: right;
	transform: scaleX(0) rotate(0.001deg);
	transition-delay: 0s;
}

.g_circle {
	border: 1px solid var(--swatch--white);
	border-radius: 100vw;
	width: 10px;
	height: 10px;
}

.g_circle {
	transition: transform 0.545s var(--animation-secondary), background-color 0.3s var(--animation-secondary);
}

.g_circle.is-light {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: var(--swatch--white);
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: var(--swatch--white);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: var(--swatch--white);
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: var(--swatch--white);
	background-color: var(--swatch--transparent);
	will-change: transform;
	width: 6px;
	height: 6px;
	padding-bottom: 0;
	padding-right: 0;
}

@media (min-width: 768px) {

	.g_link.is-hero:hover .g_circle {
		transform: scale(0.6);
		background-color: var(--swatch--white);
	}
}

@media (min-width: 768px) {
	.g_link.is-hero:hover::after {
		transform-origin: left;
		transform: scaleX(1) rotate(0.001deg);
		transition-delay: 0.2s;
	}

	.g_link.is-hero:hover::before {
		transform-origin: right;
		transform: scaleX(0) rotate(0.001deg);
		transition-delay: 0s;
	}
}

.hero_home_contain {
	z-index: 4;
	padding: var(--site-margin--main);
	position: relative;
	color: var(--swatch--white);
	justify-content: space-between;
	align-self: flex-end;
	align-items: flex-end;
	width: 100%;
	display: flex;
}

.u-text-h4 {
	font-family: var(--h4--font-family);
	font-size: var(--h4--font-size);
	line-height: var(--h4--line-height);
	font-weight: 400;
	letter-spacing: var(--h4--letter-spacing);
	text-transform: var(--h4--text-transform);
	margin: 0;
}

.hero_home_heading.u-text-h4 {
	text-wrap: wrap;
	max-width: 26.5ch;
}

.u-text-transform-uppercase {
	text-transform: uppercase;
}

.hero_home_list {
	width: 100%;
	height: 100%;
}

.hero_home_scroll.u-text-transform-uppercase.u-text-small {
	white-space: nowrap;
}

.hero_home_content .hero_home_list.w-dyn-items {
	position: absolute;
}

@media (min-width: 768px) {

	.hero_home_list:has(.g_link:hover),
	.hero_home_list:has(.g_link:focus-visible) {
		.hero_home_overlay.is-interior {
			opacity: 0;
		}
	}

	.hero_home_list:has(.g_link:hover),
	.hero_home_list:has(.g_link:focus-visible) {
		.hero_home_interior {
			transform: scale(1);
		}
	}

	.hero_home_list:has(.g_link:hover),
	.hero_home_list:has(.g_link:focus-visible) {
		.hero_home_facade {
			clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
			transform: scale(1);
		}
	}
}


/* Experience focused design Section Style */
.about_home_wrap {
	z-index: 2;
	padding: var(--size--3rem) var(--site-margin--main) var(--padding-vertical--large);
	background-color: var(--swatch--white);
	max-width: 100%;
}

.u-text-display {
	font-family: var(--display--font-family);
	font-size: var(--display--font-size);
	font-size: var(--size--4-5rem);
	line-height: var(--display--line-height);
	font-weight: 400;
	letter-spacing: var(--display--letter-spacing);
	text-transform: uppercase;
}

.about_home_heading.u-text-display {
	margin-bottom: var(--size--2rem);
	width: -moz-fit-content;
	width: fit-content;
	margin: 0;
	color: #080807;
	max-width: 80%;
}

.u-grid-custom {
	grid-column-gap: var(--grid-gap--main);
	grid-row-gap: var(--grid-gap--main);
	grid-template-rows: auto;
	grid-auto-columns: minmax(0, 1fr);
	grid-template-columns: var(--grid-1);
	display: grid;
}

.about_home_bottom {
	margin-top: var(--size--0-5rem);
	justify-content: center;
	align-items: center;
}

.about_home_bottom.u-grid-custom {
	grid-template-columns: var(--grid-12);
}

.about_bottom_contain {
	grid-column-gap: var(--grid-gap--main);
	grid-row-gap: var(--grid-gap--main);
	justify-content: center;
	align-items: center;
	display: flex;
}

.about_bottom_contain.u-text-display {
	grid-column-gap: var(--size--1-5rem);
	justify-content: flex-start;
	align-items: center;
}

#w-node-_8d96edb0-3b79-668d-4e5e-ed0e0b34196e-5ee71fd0,
#w-node-_193310b5-e1da-c1a1-eb66-06787bf79b86-5ee71fd0 {
	grid-area: 1 / 5 / 2 / 13;
}

.about_image_cover {
    /* Your code had 3.73em, which is quite short. Try doubling it: */
    height: 8em; 
    max-width: 450px;
    /* Changing the ratio to 1/1 (Square) or 4/5 (Portrait) makes it higher */
    aspect-ratio: 4 / 5; 
    
    position: relative;
    overflow: hidden;
}

.about_bottom_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom!important;
   
    
}

@media only screen and (min-width: 2268px) {
    .hero_list_image {
        height: 100%;
        max-height: 50vh;
        height: 25vh!important;
    }
}
.about_home_content {
	margin-top: var(--size--2rem);
}

.about_home_content.u-grid-custom {
	margin-top: var(--size--2rem);
	grid-template-columns: var(--grid-12);
}

.about_content_wrap {
	justify-content: space-between;
	align-items: flex-start;
	display: flex;
}

.u-text-large {
	font-family: var(--text-large--font-family);
	font-size: var(--text-large--font-size);
	line-height: var(--text-large--line-height);
	font-weight: 400;
	letter-spacing: var(--text-large--letter-spacing);
	text-transform: var(--text-large--text-transform);
	text-wrap: pretty;
	
}

@media screen and (min-width: 1920px) {
	.u-text-large {
		font-size: var(--h5--font-size);
	}
}

.about_content_paragraph.u-text-large {
	margin-bottom: var(--size--2rem);
	max-width: 460px;
	color: #080807;
}

.about_content_paragraph.u-text-large>p {
	margin-bottom: 25px;
}
/* Ciljamo samo ta specifičen blok */
.about_content_paragraph.u-text-large .oh-paragraph {
    width: 100% !important;
    display: block !important;
    text-align: justify !important;
}

/* Prisilimo maske in vrstice, da se raztegnejo */
.about_content_paragraph .split-child-mask,
.about_content_paragraph .split-child {
    width: 100% !important;
    min-width: 100% !important;
    display: block !important;
    text-align: justify !important;
    /* Ta trik prisili justify na enovrstične bloke */
    text-align-last: justify !important;
}

/* Popravek za zadnjo vrstico, da ne bo raztegnjena čez celo stran */
.about_content_paragraph .oh-paragraph:last-of-type .split-child-mask:last-child .split-child {
    text-align: left !important;
    text-align-last: left !important;
}
.btn_default_wrap {
	padding-top: var(--size--1rem);
	padding-right: var(--size--1-25rem);
	padding-bottom: var(--size--1rem);
	padding-left: var(--size--1-25rem);
	grid-column-gap: var(--size--1rem);
	grid-row-gap: var(--size--1rem);
	background-color: var(--swatch--green);
	pointer-events: auto;
	color: var(--swatch--white);
	font-weight: 400;
	border-radius: 100vw;
	justify-content: center;
	align-items: center;
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content;
	display: flex;
	font-family: var(--font--secondary-family);
}

.btn_default_wrap:hover {
	color: var(--swatch--white);
}

.btn_default_wrap:focus {
	outline: 0px;
}

.btn_default_text {
	font-size: var(--text-small--font-size);
	text-transform: uppercase;
	white-space: nowrap;
	padding-top: 0.1em;
	padding-bottom: 0;
	line-height: normal;
	line-height: 1em;
}

@media screen and (min-width: 1920px) {
	.btn_default_text {
		font-size: 1rem;
	}
}

@media (min-width: 768px) {

	.g_link[data-link-hover]:not([data-link-hover="black"]):hover .g_circle,
	.btn_default_wrap[data-link-hover]:not([data-link-hover="black"]):hover .g_circle {
		transform: scale(0.6);
		background-color: var(--swatch--white);
	}
}

/* Featured Works Style Start */
.works_home_wrap {
	padding-right: var(--site-margin--main);
	padding-bottom: var(--padding-vertical--large);
	padding-left: var(--site-margin--main);
	background-color: var(--swatch--white);
	max-width: 100%;
	margin-top: 0;
}

.works_home_heading {
	margin-bottom: var(--size--2rem);
}

.u-sr-only {
	white-space: nowrap;
	clip: rect(0, 0, 0, 0);
	border-width: 0;
	width: 1px;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	position: absolute;
	inset: 0% 0% auto;
	overflow: hidden;
}

.works_home_text.u-text-display {
	width: -moz-fit-content;
	width: fit-content;
	max-width: 10ch;
}

.works_home_text.u-text-display.u-sr-only {
	width: auto;
}

.works_home_text.u-text-display {
	width: -moz-fit-content;
	width: fit-content;
	max-width: 10ch;
	color: #080807;
}

.works_home_work {
	justify-content: space-between;
	display: flex;
}

.works_home_works.u-text-display {
	margin-left: calc(var(--column-width) * 2);
	width: -moz-fit-content;
	width: fit-content;
	max-width: 10ch;
	color: #080807;
}

.works_home_dynamic.u-text-display {
	width: -moz-fit-content;
	width: fit-content;
	max-width: 10ch;
	color: #080807;
}

.works_collection_list.u-grid-custom {
    display: grid;
    grid-row-gap: var(--size--2rem);
    grid-template-columns: var(--grid-12);
}

/* All Odd Items (Left Side) */
.works_collection_list .works_collection_item:nth-child(odd) {
    grid-column: var(--span-6);
}

/* All Even Items (Right Side) */
.works_collection_list .works_collection_item:nth-child(even) {
    grid-column: var(--span-6);
    grid-column-start: var(--start-7); /* Keeps that nice middle gap */
}

.works_item_wrap {
	width: 100%;
}

.works_image_cover {
	margin-bottom: var(--size--1-5rem);
	position: relative;
	overflow: hidden;
}

.works_content_wrap {
	display: flex;
}

.works_content_wrap.u-text-small {
	font-variation-settings: "wght" 650;
	text-transform: uppercase;
	justify-content: space-between;
	line-height: 1em;
	overflow: hidden;
	font-size: var(--h6--font-size);
}

.works_content_title {
	display: flex;
	color: var(--swatch--black);
}

.works_content_index {
	margin-right: var(--size--1-5rem);
	display: flex;
}

.works_content_aside {
	position: relative;
	line-height: normal;
}

.works_content_year {
	color: var(--swatch--dark-grey);
	transform: translate(0);
}

@media (min-width: 1060px) {

	.works_content_cta,
	.works_content_year {
		transition: transform 0.545s var(--animation-secondary);
	}
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
	display: none !important;
}

.works_content_cta {
	white-space: nowrap;
	display: flex;
	position: absolute;
	inset: 0% 0% auto auto;
	transform: translateY(100%);
}

@media (min-width: 1060px) {

	.works_item_wrap:hover,
	.works_item_wrap:focus-visible {
		& .works_content_year {
			transform: translateY(-100%);
		}
	}

	.works_item_wrap:hover,
	.works_item_wrap:focus-visible {
		& .works_content_cta {
			transform: translateY(0%);
		}
	}
}

.works_home_cta {
	margin-top: var(--size--4rem);
	justify-content: center;
	align-items: center;
	display: flex;
}

/* Our Process Section Style Start */

.process_home_wrap {
	padding-right: var(--site-margin--main);
	padding-bottom: var(--padding-vertical--large);
	padding-left: var(--site-margin--main);
	max-width: 100%;
}

#w-node-_33904072-3145-f0bb-530d-f3954b958a83-5ee71fd0 {
	grid-column: span 3 / span 3;
}

.process_left_cover {
	margin-top: var(--size--1rem);
	aspect-ratio: 1;
	position: relative;
	overflow: hidden;
}

.process_left_image {
	aspect-ratio: 1;
	height: 100%;
}

@media screen and (min-width: 1440px) {
	.process_left_image {
		aspect-ratio: auto;
	}
}

.process_left_collection {
	margin-top: var(--size--1rem);
}

.process_left_item {
	display: flex;
}

.process_left_item.u-text-main {
	will-change: transform;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
}

.process_left_contain {
	margin-top: var(--size--0-5rem);
	margin-bottom: var(--size--0-5rem);
	justify-content: center;
	align-items: center;
	display: flex;
	overflow: hidden;
}

.process_left_animate {
	justify-content: flex-start;
	align-items: center;
	display: flex;
}

.process_left_index {
	min-width: var(--size--2-5rem);
	color: var(--swatch--dark-grey);
}

.process_left_title {
	color: var(--swatch--black);
}

.process_left_line {
	background-color: var(--swatch--grey);
	width: 100%;
	height: 1px;
}

#w-node-_76f99075-8b04-0f10-3283-03423b0659c6-5ee71fd0 {
	grid-area: 1 / 5 / 2 / 13;
}

.u-text-h3 {
	font-family: var(--h3--font-family);
	font-size: var(--h3--font-size);
	line-height: var(--h3--line-height);
	font-weight: 500;
	letter-spacing: var(--h3--letter-spacing);
	font-weight: var(--h3--font-weight);
	text-transform: var(--h3--text-transform);
}

.process_aside_paragraph.u-text-h3 {
	margin-bottom: var(--size--3rem);
	font-weight: 400;
	text-wrap: wrap;
	max-width: 24ch;
	color: var(--swatch--green);
	letter-spacing: 0px;
}

.process_aside_paragraph.u-text-h3>p {
	margin-bottom: 65px;
}

.no-split {
	margin-left: var(--column-margin--2);
}

.no-split.is-process-home {
	margin-left: var(--size--5rem);
}

/* Our Client Section Style Start */
.testimonials_wrap {
	padding-right: var(--site-margin--main);
	padding-bottom: var(--padding-vertical--large);
	padding-left: var(--site-margin--main);
	background-color: var(--swatch--white);
	color: var(--swatch--black);
	display:none;
}

.testimonials_collection_contain {
	margin-top: var(--size--1rem);
}

.testimonials_collection_contain.u-grid-custom {
	grid-template-columns: var(--grid-12);
}

.testimonials_left_wrap {
	grid-column-gap: var(--size--1-25rem);
	grid-row-gap: var(--size--1-25rem);
	flex-flow: column;
	display: flex;
}

#w-node-_7c4e82eb-25a0-ce34-93df-76d9c23512af-c23512a8 {
	grid-column: span 5 / span 5;
}

.testimonials_left_cover {
	aspect-ratio: 3 / 2;
	position: relative;
	overflow: hidden;
}

.testimonials_left_image {
	height: 100%;
}

.testimonials_left_message.u-text-main {
	max-width: 47ch;
	color: var(--swatch--black);
	font-weight: 400;
}

.testimonials_left_message.u-text-main p:first-child {
	margin-bottom: 25px;
}

@media screen and (min-width: 1440px) {
	.testimonials_left_message.u-text-main {
		font-size: var(--text-large--font-size);
	}
}

.testimonials_left_owner.u-text-small {
	font-weight: 4O0;
	text-transform: uppercase;
	color: var(--swatch--green);
}

.testimonials_left_name {
	margin-bottom: var(--size--0-25rem);
}

#w-node-_7c4e82eb-25a0-ce34-93df-76d9c23512b7-c23512a8 {
	grid-area: 1 / 8 / 2 / 13;
}

.testimonials_aside_cover {
	margin-bottom: var(--size--0-75rem);
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
	overflow: hidden;
}

.g_image_cover {
	visibility: visible;
	opacity: 1;
	display: block;
}

.testimonials_aside_gradient {
	z-index: 1;
	width: 100%;
	height: 100%;
	position: absolute;
}

[data-hover-gradient] {
	transition: all 0.2s;
	background-color: rgba(0, 0, 0, 0);
}

[data-hover-image] {
	transition: transform 0.875s var(--animation-secondary);
	transform: scale(1);
}

.testimonials_aside_image {
	aspect-ratio: 2.25 / 3;
}

.testimonials_cover_wrap {
	z-index: 2;
	will-change: transform;
	width: 60%;
	position: absolute;
}

[data-hover-cover] {
	transform: scale(0.6);
	opacity: 0;
	transform-origin: center;
	transition: transform 0.875s var(--animation-secondary), opacity 0.5s var(--animation-secondary);
}

.testimonials_cover_name {
	color: var(--swatch--white);
	text-align: center;
}

.testimonials_cover_name.u-text-small {
	margin-bottom: var(--size--0-5rem);
	font-weight: 500;
	text-transform: uppercase;
	display: block;
}

.testimonials_cover_image {
	margin-bottom: var(--size--0-5rem);
	aspect-ratio: 2 / 3;
	height: 100%;
	position: static;
}

.testimonials_cover_category {
	color: var(--swatch--white);
	text-align: center;
}

.testimonials_cover_category.u-text-small {
	font-weight: 500;
	text-transform: uppercase;
}

.testimonials_aside_contain {
	display: flex;
}

.testimonials_aside_contain.u-text-small {
	font-weight: 500;
	text-transform: uppercase;
	justify-content: space-between;
}

.testimonials_aside_contain.u-text-small .testimonials_aside_cta + p {
	display: none;
}

.testimonials_aside_details {
	display: flex;
}

.testimonials_aside_year {
	margin-right: var(--size--1-5rem);
	display: flex;
}

@media (min-width: 768px) {

	[data-hover-container]:hover,
	[data-hover-container]:focus-visible {
		& [data-hover-gradient] {
			backdrop-filter: blur(2px);
			-webkit-backdrop-filter: blur(2px);
			will-change: backdrop-filter;
			background-color: rgba(0, 0, 0, 0.5);
		}
	}

	[data-hover-container]:hover,
	[data-hover-container]:focus-visible {
		& [data-hover-image] {
			transform: scale(1.1);
		}
	}

	[data-hover-container]:hover,
	[data-hover-container]:focus-visible {
		& [data-hover-cover] {
			transform: scale(1);
			opacity: 1;
		}
	}
}

/* CTA Section Style Start */
.cta_wrap {
	padding-right: var(--site-margin--main);
	padding-bottom: var(--size--2rem);
	padding-left: var(--site-margin--main);
	flex-flow: column;
	margin: 0;
	color: var(--swatch--green);
}

.cta_contain {
	margin-bottom: var(--size--2rem);
}

.cta_heading.u-text-display {
	text-wrap: wrap;
	flex-flow: column;
	display: block;
	font-size: 5rem;
	word-break: break-word;
	line-height: 130%;
}

.cta_button_wrap {
	justify-content: center;
	align-items: center;
	display: flex;
}

.split-parent {
	overflow: hidden;
	margin-top: -0.04em;
}

.split-child {
	will-change: transform;
	padding-bottom: 0.04em;
}

.text-span-15 {
	padding-left: 20%;
	display: block;
}

/* Get In Touch Form Style Start */
.contact_wrap {
	z-index: 9999;
	pointer-events: none;
	width: 100%;
	height: 100dvh;
	position: fixed;
	inset: 0% auto auto 0%;
}

.code-embed {
	display: none;
}

.contact_overlay_close {
	z-index: -1;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	pointer-events: none;
	cursor: pointer;
	background-color: #080807a6;
	width: 100%;
	height: 100%;
	position: absolute;
}

.contact_modal_wrap {
	padding-top: var(--size--1-5rem);
	padding-right: var(--size--1-5rem);
	padding-bottom: var(--size--1-5rem);
	padding-left: var(--size--1-5rem);
	background-color: var(--swatch--green);
	pointer-events: auto;
	-webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
	clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
	flex-flow: column;
	justify-content: space-between;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	max-width: 50rem;
	height: calc(100% - 3rem);
	display: flex;
	position: absolute;
	inset: 0% 0% auto auto;
	overflow-y: scroll;
}

.contact_header_wrap {
	z-index: 2;
	color: var(--swatch--white);
	justify-content: space-between;
	display: flex;
	position: relative;
}

.g_eyebrow.u-text-small:where(.w-variant-8a6771b6-7ce3-92e9-1b03-e3b390624011) {
	color: var(--swatch--white);
}

.contact_header_aside {
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-end;
	display: flex;
}

.contact_header_cover {
	margin-top: var(--size--1-5rem);
	max-width: 10rem;
	position: relative;
	overflow: hidden;
}

[data-orientation=portrait] {
	aspect-ratio: 0.736 / 1;
}

.contact_header_image,
.studio_members_cover {
	height: 100%;
}

.w-form {
	margin: 0 0 15px;
}

.contact_progress_wrap {
	width: 100%;
	position: absolute;
	inset: 0% auto auto 0%;
}

.contact_progress_bar {
	background-color: var(--swatch--white);
	width: -moz-fit-content;
	width: fit-content;
	height: 4px;
	transition-property: width;
	transition-duration: .875s;
	transition-timing-function: cubic-bezier(.16, 1, .3, 1);
}

.contact_form_group_title {
	justify-content: space-between;
	display: flex;
}

.contact_form_group_title.u-text-small {
	margin-bottom: var(--size--1rem);
	padding-bottom: var(--size--0-75rem);
	border-bottom: 1px solid var(--swatch--dark-grey);
	color: var(--swatch--white);
	font-weight: 500;
}

.contact_form_group_field {
	margin-top: var(--size--1-25rem);
}

.contact_field_label.u-text-small {
	margin-bottom: var(--size--0-75rem);
	color: var(--swatch--white);
	font-size: var(--text-main--font-size);
	font-weight: 400;
	text-transform: none;
}

.u-required {
	color: #d30000;
	font-size: var(--text-main--font-size);
}

.w-input,
.w-select {
	color: #333;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	width: stretch;
	height: 38px;
	margin-bottom: 10px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 1.42857;
	display: block;
}

.contact_field_input {
	padding-top: var(--size--2rem);
	padding-bottom: var(--size--2rem);
	background-color: var(--swatch--greige);
	color: var(--swatch--black);
	font-size: var(--text-main--font-size);
	font-weight: 400;
	border: 1px #000;
	border-radius: 4px;
	margin-bottom: 0;
	height: 0;
	font-family: var(--font--secondary-family);
}

.contact_field_error {
	color: #d30000;
	font-weight: 500;
}

.contact_field_error.u-text-small {
	margin-top: var(--size--0-75rem);
}

.contact_form_group_navigation {
	margin-top: var(--size--2rem);
	grid-column-gap: var(--size--1-25rem);
	justify-content: flex-end;
	align-items: center;
	display: flex;
}

.contact_navigation_next {
	padding-top: var(--size--1rem);
	padding-right: var(--size--1-25rem);
	padding-bottom: var(--size--1rem);
	padding-left: var(--size--1-25rem);
	grid-column-gap: var(--size--1rem);
	grid-row-gap: var(--size--1rem);
	background-color: var(--swatch--white);
	pointer-events: auto;
	color: var(--swatch--white);
	font-weight: 500;
	border-radius: 100vw;
	justify-content: center;
	align-items: center;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	position: relative;
	font-family: var(--font--secondary-family);
}

.contact_next_contain {
	color: var(--swatch--green);
	line-height: 1em;
	overflow: hidden;
}

.form-field-group {
	grid-column-gap: .75em;
	grid-row-gap: .75em;
	flex-flow: column;
	align-items: flex-start;
}

.radiocheck-group {
	grid-column-gap: .75rem;
	grid-row-gap: .75rem;
	flex-flow: column;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	width: 100%;
	display: flex;
	position: relative;
}

.radiocheck-group.is-grid {
	grid-column-gap: .75rem;
	grid-row-gap: .75rem;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.radiocheck-group.is-grid.u-text-small {
	grid-row-gap: .75rem;
	text-transform: uppercase;
	grid-template-rows: auto;
}

.w-radio {
	margin-bottom: 5px;
	padding-left: 20px;
	display: block;
}

.radio-field {
	padding: var(--size--1-25rem) 1.5rem;
	background-color: var(--swatch--greige);
	color: var(--swatch--black);
	border-radius: 4px;
	justify-content: center;
	align-items: center;
	height: auto;
	transition: background-color .1s;
	display: flex;
	position: relative;
	overflow: hidden;
}

.radio-field:hover {
	background-color: var(--swatch--cool-gray);
}

.w-radio:before,
.w-radio:after {
	content: " ";
	grid-area: 1 / 1 / 2 / 2;
	display: table;
}

.w-radio:after {
	clear: both;
}

.w-radio-input {
	float: left;
	margin: 3px 0 0 -20px;
	line-height: normal;
}

.w-form-formradioinput--inputType-custom {
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 12px;
	height: 12px;
}

.radio-button {
	z-index: 2;
	cursor: pointer;
	border: 1px #000;
	border-radius: 0;
	width: 100%;
	height: 100%;
	margin-top: 0;
	margin-left: 0;
	position: absolute;
	inset: 0%;
}

.w-form-label {
	cursor: pointer;
	margin-bottom: 0;
	font-weight: 400;
	display: inline-block;
}

.radio-label {
	z-index: 3;
	text-align: center;
	text-wrap: balance;
	margin-bottom: 0;
	position: relative;
	font-weight: 500;
}

.contact_navigation_prev {
	color: var(--swatch--white);
	line-height: 1em;
	overflow: hidden;
	font-weight: 500;
}

.radio-button.w--redirected-checked {
	background-color: var(--swatch--black);
	background-image: linear-gradient(#0000, #0000);
	border: 0 #000;
	border-radius: 4px;
}

.u-label-deco {
	color: var(--swatch--gray-green);
}

.checkbox-group {
	grid-column-gap: .75rem;
	grid-row-gap: .75rem;
	flex-flow: column;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	width: 100%;
	display: flex;
	position: relative;
}

.checkbox-group.is-grid {
	grid-column-gap: .75rem;
	grid-row-gap: .75rem;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	display: grid;
}

.checkbox-group.is-grid.u-text-small {
	grid-row-gap: .75rem;
	text-transform: uppercase;
}

.w-checkbox {
	margin-bottom: 5px;
	padding-left: 20px;
	display: block;
}

.checkbox-field {
	padding: var(--size--1-25rem) 1.5rem;
	background-color: var(--swatch--greige);
	color: var(--swatch--black);
	border-radius: 4px;
	justify-content: center;
	align-items: center;
	height: auto;
	transition: background-color .1s;
	display: flex;
	position: relative;
	overflow: hidden;
}

.checkbox-field:hover {
	background-color: var(--swatch--cool-gray);
}

.w-checkbox-input {
	float: left;
	margin: 4px 0 0 -20px;
	line-height: normal;
}

.w-checkbox-input--inputType-custom {
	border: 1px solid #ccc;
	border-radius: 2px;
	width: 12px;
	height: 12px;
}

.checkbox-input {
	z-index: 2;
	cursor: pointer;
	border: 1px #000;
	border-radius: 0;
	width: 100%;
	height: 100%;
	margin-top: 0;
	margin-left: 0;
	position: absolute;
	inset: 0%;
}

.checkbox-label {
	z-index: 3;
	text-align: center;
	margin-bottom: 0;
	position: relative;
	font-weight: 500;
}

.checkbox-input.w--redirected-checked {
	background-color: var(--swatch--black);
	background-image: linear-gradient(#0000, #0000);
	border: 0 #000;
	border-radius: 4px;
}

.contact_field_support.u-text-small {
	margin-top: var(--size--0-75rem);
	color: #fcfcfc75;
	font-weight: 500;
	text-wrap: balance;
}

.contact_field_input.is-textarea {
	min-height: var(--size--10rem);
	padding-top: var(--size--0-75rem);
	margin-bottom: 0;
}

.contact_navigation_next {
	padding-top: var(--size--1rem);
	padding-right: var(--size--1-25rem);
	padding-bottom: var(--size--1rem);
	padding-left: var(--size--1-25rem);
	grid-column-gap: var(--size--1rem);
	grid-row-gap: var(--size--1rem);
	background-color: var(--swatch--white);
	pointer-events: auto;
	color: var(--swatch--white);
	font-variation-settings: "wght" 650;
	border-radius: 100vw;
	justify-content: center;
	align-items: center;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	position: relative;
}

.w-button {
	color: #fff;
	line-height: inherit;
	cursor: pointer;
	background-color: #3898ec;
	border: 0;
	border-radius: 0;
	padding: 9px 15px;
	text-decoration: none;
	display: inline-block;
}

.form-submit {
	border-top-left-radius: var(--radius--round);
	border-top-right-radius: var(--radius--round);
	border-bottom-left-radius: var(--radius--round);
	border-bottom-right-radius: var(--radius--round);
	cursor: pointer;
	opacity: 0;
	position: absolute;
	inset: 0%;
}

input.w-button {
	-webkit-appearance: button;
}

.w-form-done {
	text-align: center;
	background-color: #ddd;
	padding: 20px;
	display: none;
}

.success_wrap {
	background-color: var(--swatch--transparent);
	padding: 0;
}

.success_paragraph.u-text-h3 {
	margin-bottom: var(--size--2rem);
	color: var(--swatch--white);
	font-variation-settings: "wght" 650;
	text-align: left;
	max-width: 18ch;
}

.w-form-fail {
	background-color: #ffdede;
	margin-top: 10px;
	padding: 10px;
	display: none;
}

/* Loader Style Start */
.preloader_wrap {
	z-index: 99999;
	background-color: var(--swatch--green);
	justify-content: flex-start;
	align-items: flex-end;
	width: 100%;
	height: 100svh;
	display: none;
	position: fixed;
	overflow: hidden;
}
/* Adding the image via CSS only */
.preloader_wrap::before {
    content: "";
    position: absolute;
    /* This centers the element */
    top: 50%;
    left: 52%;
    transform: translate(-40%, -60%);
    
    /* Set your image here */
    background-image: url('https://mp10.si/anura/wp-content/uploads/2026/03/preloader_logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
    /* Adjust width and height to fit your logo */
    width: 500px; 
    height: 500px;
    
    /* Ensure it stays visible */
    z-index: 10;
    pointer-events: none;
}

/* Ensure the wrapper is the reference for the center positioning */
.preloader_wrap {
    position: fixed;
    inset: 0;
}

.preloader_wrap {
	display: block;
}

.preloader_contain {
	padding: var(--site-margin--main);
	justify-content: center;
	align-items: flex-end;
	width: auto;
	height: calc(100% - 63px);
	display: flex;
}

.preloader_content {
	grid-column-gap: var(--size--3-5rem);
	justify-content: center;
	align-items: flex-end;
	display: flex;
	padding-top: 420%;
}
.preloader_percentage  {
	font-family: var(--h4--font-family);
	font-size: var(--h4--font-size);
	line-height: var(--h2--line-height);
	font-weight: 400;
	letter-spacing: var(--h2--letter-spacing);
	font-weight: var(--h2--font-weight);
	text-transform: var(--h2--text-transform);
	color: #aeb5ae!important;
	
}

.u-text-h2 {
	font-family: var(--h2--font-family);
	font-size: var(--h2--font-size);
	line-height: var(--h2--line-height);
	font-weight: 500;
	letter-spacing: var(--h2--letter-spacing);
	font-weight: var(--h2--font-weight);
	text-transform: var(--h2--text-transform);
}

.preloader_oh {
	flex-flow: column;
	display: flex;
	position: relative;
	overflow: hidden;
}

.preloader_oh.u-text-h2 {
	color: #aeb5ae;
	font-size: var(--size--16rem);
	font-size: var(--size--9rem);
	font-weight: 400;
	line-height: .8em;
}

.preloader_text_contain {
	display: flex;
}

.oh_text {
	position: relative;
}

.preloader_text_contain_duplicate {
	display: flex;
	position: absolute;
	transform: translate(0);
	width: 100%;
}

.oh_text_duplicate {
	display: block;
	position: relative;
}

.preloader_text.u-text-small {
	color: var(--swatch--cool-gray);
	font-weight: 500;
	text-transform: uppercase;
}

.preloader_svg {
	max-width: 1em;
}

.preloader_svg {
	animation: spin 0.6s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

.preloader_line {
	background-color: var(--swatch--white);
	width: 100%;
	height: .3em;
	position: absolute;
	inset: 0% auto auto 0%;
	transform: translate(-100%);
}

/* Studio Page Style Start */
.hero_studio_wrap {
	padding: var(--padding-vertical--main) var(--site-margin--main);
	position: relative;
	margin-top: 0 !important;
}

.hero_studio_contain {
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	display: flex;
	position: relative;
}

.hero_studio_oh {
	padding-bottom: var(--size--1rem);
	width: 100%;
	position: relative;
}

.hero_studio_oh svg {
	width: 100%;
	height: auto;
}
.hero_studio_oh {
    display: flex;
    justify-content: center; /* Centers the SVG/Image horizontally */
    align-items: center;     margin-right: -7rem;
    width: 100%;
}

.hero_studio_oh svg path {
	fill: var(--swatch--green);
}

.hero_studio_image {
	color: var(--swatch--white);
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
}

.hero_studio_image.u-text-small {
	grid-column-gap: var(--grid-gap--main);
	font-weight: 400;
	text-transform: uppercase;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.hero_studio_text {
	white-space: nowrap;
	mix-blend-mode: difference;
	justify-content: space-between;
	position: absolute;
	left: 0%;
}

.hero_studio_cover {
	aspect-ratio: 3 / 2;
	width: 100%;
	max-width: 80%;
	display: none;
	position: relative;
	overflow: hidden;
}

.hero_studio_text.is-duplicate {
	left: auto;
	right: 0%;
}

.hero_studio_heading.u-text-h3 {
	margin-top: var(--padding-vertical--main);
	font-weight: 400;
	text-align: center;
	text-wrap: wrap;
	flex: 0 auto;
	max-width: 22ch;
	color: #080807;
	font-family: var(--text-small--font-family);
}

/* Studio About Section Style Start */
.studio_about_wrap {
	padding-right: var(--site-margin--main);
	padding-left: var(--site-margin--main);
	margin-top: 0;
}

.studio_about_top.u-grid-custom {
	padding-bottom: var(--padding-vertical--large);
	grid-template-columns: var(--grid-12);
}

.studio_image_cover.is-portrait {
	margin-bottom: var(--size--0rem);
	height: -moz-fit-content;
	height: fit-content;
	position: relative;
	overflow: hidden;
}

#w-node-cdd6bf44-d8a4-cdf1-d6f3-82ec875822af-a1591a12,
#w-node-_18d03bf6-e4bc-5fbc-3a88-791a86ba82ba-a1591a12 {
	grid-column: span 3 / span 3;
}

.studio_about_image1 {
	height: 100%;
}

.studio_about_bottom {
	flex-flow: column;
	display: flex;
}

#w-node-_8c31dfcc-cf63-2edf-76f4-e26f1cffa8e4-a1591a12,
#w-node-_28adeffd-3975-d94a-d8f9-9c3dd571b3d2-a1591a12 {
	grid-area: 1 / 5 / 2 / 13;
}

.studio_image_cover {
	margin-bottom: var(--size--2rem);
}

.studio_image_cover.is-landscape {
	margin-bottom: var(--size--4-5rem);
	position: relative;
	overflow: hidden;
}

.studio_about_image {
	height: 100%;
}

.studio_content_eyebrow {
	margin-bottom: 1.5em;
	color: #080807;
}

.studio_about_paragraph {
	font-weight: 400;
	text-wrap: wrap;
	max-width: 31ch;
	color: #080807;
}

.studio_about_paragraph .oh-paragraph-spacer {
	display: none;
}

/* Our Team Section Style Start */
.studio_team_wrap {
	margin-bottom: var(--padding-vertical--large);
	padding-right: var(--site-margin--main);
	padding-left: var(--site-margin--main);
}

.studio_team_header {
	margin-bottom: var(--size--2rem);
	position: relative;
}

.studio_team_header.u-text-display {
	margin-bottom: var(--size--4rem);
	position: relative;
}

.studio_team_header.u-text-display .studio_team_heading {
	letter-spacing: var(--display--letter-spacing);
	color: #080807;
	line-height:130%;
}

.studio_team_eyebrow {
	padding-left: var(--size--0-5rem);
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
	color: #080807;
}

.studio_team_span {
	text-align: left;
	display: block;
}

.studio_team_contain {
	position: relative;
}

.studio_collection_list.is-mobile.u-grid-column-2 {
	display: none;
}

.studio_collection_item,
.studio_members_list {
	position: relative;
}

.studio_members_wrap {
	z-index: 2;
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0% 0% auto auto;
}

.studio_members_collection {
	position: sticky;
	top: 50lvh;
}

.studio_members_collection.u-grid-landscape {
	transform: translate(0);
}

.studio_images_list {
	position: relative;
	transform: translate(0);
}

#w-node-_0d775937-b281-1bed-dc99-c2ad3cd54ed8-a1591a12 {
	grid-area: 1 / 11 / 2 / 13;
}

.studio_members_item {
	flex-flow: column;
	width: 100%;
	display: flex;
	position: absolute;
	transform: translateY(-50%);
}

#w-node-_0d775937-b281-1bed-dc99-c2ad3cd54ed9-a1591a12 {
	grid-column: span 4 / span 4;
}

.contact_header_image,
.studio_members_cover {
	height: 100%;
}

.studio_members_cover.active {
	z-index: 10;
}

.studio_members_image {
	margin-bottom: var(--size--0-75rem);
	height: 100%;
}

.studio_members_richtext.u-text-small {
	color: var(--swatch--dark-grey);
	font-weight: 500;
}

.studio_members_richtext.u-text-small.u-rich-text {
	color: var(--swatch--green);
	font-weight: 500;
}

.w-richtext:before,
.w-richtext:after {
	content: " ";
	grid-area: 1 / 1 / 2 / 2;
	display: table;
}

.u-rich-text p {
	margin-top: var(--space--extra-small);
	margin-bottom: var(--space--extra-small);
	line-height: var(--text-main--line-height);
	font-weight: 500;
	text-wrap: pretty;
}

.u-margin-trim> :first-child,
.u-margin-trim> :not(:not(.w-condition-invisible) ~ :not(.w-condition-invisible)),
.u-rich-text>*:first-child,
.u-rich-text .w-richtext>*:first-child {
	margin-top: 0;
}

.studio_collection_contain.u-grid-tablet {
	grid-template-columns: var(--grid-12);
	color: #080807;
}

#w-node-d4488205-4168-5504-92f3-aa29b54cc93f-a1591a12 {
	grid-area: 1 / 5 / 2 / 13;
}

.studio_members_contain {
	position: relative;
}

.studio_members_contain.u-text-h2 {
	font-weight: 400;
}

.studio_members_role {
	white-space: nowrap;
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
}

.studio_members_role.u-text-small {
	margin-right: var(--grid-gap--main);
	font-weight: 500;
}

/* Recognition Section Style Start */
.studio_recognition_wrap {
	padding-right: var(--site-margin--main);
	padding-bottom: var(--padding-vertical--large);
	padding-left: var(--site-margin--main);
}

.studio_recognition_top.u-grid-tablet {
	padding-top: var(--size--5rem);
	grid-template-columns: var(--grid-12);
}

.studio_top_content {
	height: -moz-fit-content;
	height: fit-content;
}

#w-node-_4bbcd8eb-55eb-0c9f-bc37-e3df081dc1f1-a1591a12 {
	grid-column: span 4 / span 4;
}

.studio_top_paragraph {
	margin-top: var(--size--1rem);
}

.studio_top_paragraph.u-text-main {
	max-width: 28ch;
}

.studio_top_cover {
	box-sizing: border-box;
	aspect-ratio: auto;
	object-fit: cover;
	position: relative;
	overflow: hidden;
}

.studio_top_cover.is-portrait {
	aspect-ratio: 4 / 5;
	object-fit: fill;
}

#w-node-_3252faa7-264b-dcdf-63da-c3becb6833ec-a1591a12 {
	grid-area: 1 / 5 / 2 / 13;
}

.studio_top_image {
	height: 100%;
}

/* Process Page Hero Section Style Start */
.page-template-process-template section+br,
.page-template-works-template [data-barba-namespace="works-static"]>br,
.page-template-gallery-template section+br {
	display: none;
}

.page-template-works-template [data-barba-namespace="works-static"] {
	margin: 0;
}

.process_hero_wrap {
	padding: var(--padding-vertical--large) var(--site-margin--main) var(--size--2rem);
	background-color: var(--swatch--white);
	justify-content: center;
	align-items: flex-end;
	min-height: 100svh;
	display: flex;
}

.process_hero_content {
	flex-flow: column;
	justify-content: flex-end;
	align-items: center;
}

.process_hero_top.u-grid-custom {
	margin-bottom: var(--size--2rem);
	width: 100%;
}

.page-id-920 .process_hero_heading.u-text-h3 {
	font-weight: 400;
	text-wrap: wrap;
	max-width: 22ch;
	color: var(--swatch--white);
}
.process_hero_heading.u-text-h3 {
	font-weight: 400;
	text-wrap: wrap;
	max-width: 22ch;

}
.page-id-920 .process_hero_eyebrow .g_eyebrow.u-text-small {color: var(--swatch--white);}

@media only screen and (min-width:1200px) and (max-width: 1440px) {
	.process_hero_heading.u-text-h3 {
		font-size: 2.3rem;
	}
}

#w-node-e2e731eb-795a-7384-0926-2571ab7ebe8f-e11fae5c,
#w-node-f4084757-f22d-23e4-8638-7687a703cdaa-e11fae5c,
#w-node-d6fe9086-39d8-0535-a86a-6338733d5f5e-e11fae5c {
	grid-area: 1 / 5 / 2 / 13;
}

.process_hero_cover {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	justify-content: center;
	align-items: flex-end;
	position: relative;
	overflow: hidden;
}

.process_hero_image {
	height: 100%;
}

/* Our Approch Section Style Start */
.process_hero_details.u-grid-custom {
	padding-right: var(--site-margin--main);
	padding-bottom: var(--size--4rem);
	padding-left: var(--site-margin--main);
	grid-template-columns: var(--grid-12);
	justify-content: space-between;
}

#w-node-_3ead9780-c21b-c51c-8bf5-490a98125aba-e11fae5c {
	grid-column: span 4 / span 4;
}

#w-node-_9d865012-524f-deb1-d6d7-3323fe93f32f-e11fae5c {
	grid-column: span 6 / span 6;
}

.process_hero_paragraph.u-text-large {
	margin-bottom: var(--size--2rem);
	max-width: 39ch;
}

#w-node-a8434e92-c1b1-5360-6656-ccbd6494695c-e11fae5c {
	grid-column: span 2 / span 2;
	justify-self: end;
}

/* Process Parallax Section Style Start */
.process_parallax_wrap {
	height: 100svh;
}

.process_parallax_cover {
	height: 100%;
	position: absolute;
	inset: 0%;
	overflow: hidden;
}

.hero_project_overlay {
	z-index: 1;
	pointer-events: none;
	background-color: #08080773;
	width: 100%;
	height: 100%;
	position: absolute;
}

.process_parallax_cover p {
	height: 100%;
}

.process_parallax_image {
	height: 110%;
}

.process_parallax_contain {
	z-index: 1;
	padding: var(--size--2rem) var(--site-margin--main);
	flex-flow: column;
	justify-content: space-between;
	height: 100%;
	height: -webkit-fill-available;
	display: flex;
	position: relative;
}

.process_parallax_heading.u-text-display {
	color: var(--swatch--white);
	max-width: 11ch;
}

.process_parallax_deco.u-text-display {
	color: var(--swatch--white);
	text-align: right;
}

.process_parallax_contain p {
	display: none;
}

/* Process Stage Section Style Start */
.process_stages_collection {
	background-color: var(--swatch--black);
	margin-bottom: -1px;
}

.process_stages_list {
	position: relative;
}

.process_stages_item {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: var(--swatch--grey);
	perspective: 250vw;
	position: sticky;
	top: 0;
}

.process_stages_contain.u-grid-landscape {
	padding-top: var(--size--3rem);
	padding-right: var(--site-margin--main);
	padding-bottom: var(--size--7rem);
	padding-left: var(--site-margin--main);
	background-color: var(--swatch--white);
	transform-style: preserve-3d;
	transform-origin: 50% 10%;
	min-height:50vh;
}

.process_stages_overlay {
	z-index: 1;
	background-color: var(--swatch--black);
	pointer-events: none;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0% auto auto 0%;
}

#w-node-_8f43c4e5-6e95-b014-187e-cd215885b8f0-e11fae5c {
	grid-column: span 4 / span 4;
}

.process_stages_content {
	grid-row-gap: var(--size--1-5rem);
	flex-flow: column;
	display: flex;
}

#w-node-_1b2d8a8e-aca0-9cdf-b8e3-4b994f19b5f7-e11fae5c {
	grid-area: 1 / 5 / 2 / 13;
}

.process_stages_heading.u-text-h2 {
	line-height: var(--line-height--0-95em);
	text-transform: uppercase;
	max-width: 19ch;
}

.process_stages_cover {
	width: var(--column-width--6);
	aspect-ratio: 16 / 8;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

#w-node-_17cf09c2-1d6c-3d49-5fe9-ef3a309a2c10-e11fae5c {
	grid-column: span 9 / span 9;
}

.process_stages_image {
	height: 100%;
	position: absolute;
}

.process_stages_bottom {
	display: flex;
}

.process_stages_paragraph.u-text-main {
	text-wrap: balance;
	max-width: 54ch;
}

#w-node-_1b5efe00-4ff5-e26c-60be-825551157a39-e11fae5c {
	grid-column: span 6 / span 6;
}

/* Apply these styles ONLY to the gallery on Page 920 */
.page-id-920 .projects_gallery_wrap {
    padding: var(--size--2rem) var(--site-margin--main);
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
    background-color: var(--swatch--green);
}

/* --- Shattered Masonry Logic for Page 920 --- */

/* Item 1: Far Left - High */
.page-id-920 .projects_gallery_item:nth-child(4n + 1) {
    grid-column: 1 / span 5; 
    grid-row: span 40;
    margin-top: 0;
}

/* Item 2: Right Side - Slightly Inward */
.page-id-920 .projects_gallery_item:nth-child(4n + 2) {
    grid-column: 7 / span 5; /* Starts at 7 instead of 8 */
    grid-row: span 50;
    margin-top: -30px; /* Pulls it up to overlap the "row" feel */
}

/* Item 3: Deep Indent Left - Breaking the vertical line */
.page-id-920 .projects_gallery_item:nth-child(4n + 3) {
    grid-column: 3 / span 4; /* Starts at 3, making the left edge uneven */
    grid-row: span 45;
    margin-top: 40px;
}

/* Item 4: Far Right - Wide and Low */
.page-id-920 .projects_gallery_item:nth-child(4n + 4) {
    grid-column: 8 / span 5; /* Ends at 12 */
    grid-row: span 50;
    margin-top: -20px;
}
.page-id-920 .projects_gallery_image, 
.page-id-920 .projects_gallery_video {
    width: 100%;           /* Fill the staggered container width */
    aspect-ratio: 1 / 1;   /* Force a perfect square */
    object-fit: cover;     /* Prevent squishing/stretching */
    display: block;
    
    /* Optional: If you want the "inner" padding look from your 90% code */
    /* margin: 5%; */ 
}

/* Ensure the video/image container doesn't collapse */
.page-id-920 .projects_gallery_item {
    height: auto; 
}
/* --- Added extra randomness for long lists --- */

/* Item 5 (effectively): Subtle shift for the next loop */
.page-id-920 .projects_gallery_item:nth-child(4n + 5) {
    grid-column: 2 / span 5; /* Offset from Item 1 */
    margin-top: 20px;
}
@media (max-width: 767px) {
    .page-id-920 .projects_gallery_list.u-grid-tablet {
        display: flex;
        flex-direction: column;
        gap: 0; /* We will use margins for more "organic" spacing */
    }

    .page-id-920 .projects_gallery_item {
        width: 85%; /* Make them slightly smaller so they have room to shift */
        margin-bottom: 60px;
        grid-column: auto !important; /* Reset the desktop grid */
        grid-row: auto !important;
    }

    /* Item 1: Shifted Left */
    .page-id-920 .projects_gallery_item:nth-child(4n + 1) {
        align-self: flex-start;
        margin-left: 5%;
        width: 80%;
    }

    /* Item 2: Shifted Right */
    .page-id-920 .projects_gallery_item:nth-child(4n + 2) {
        align-self: flex-end;
        margin-right: 5%;
        margin-top: -20px; /* Slight overlap */
    }

    /* Item 3: Centered but Narrower */
    .page-id-920 .projects_gallery_item:nth-child(4n + 3) {
        align-self: center;
        width: 75%;
    }

    /* Item 4: Full Width / Deep Shift */
    .page-id-920 .projects_gallery_item:nth-child(4n + 4) {
        align-self: flex-start;
        margin-left: 15%; 
        width: 85%;
    }
}
/* --- ORIGINAL GLOBAL GRID --- */
.projects_gallery_wrap {
    padding: var(--site-margin--main);
}

.projects_gallery_list.u-grid-tablet {
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: var(--grid-12);
}

/* Original Row/Column logic */
.projects_gallery_item:nth-child(3n + 1),
.projects_gallery_item[data-image-orientation="landscape"] {
    grid-column: var(--span-12);
}

.projects_gallery_item:nth-child(3n + 2),
.projects_gallery_item[data-image-orientation="portrait"] {
    grid-column: var(--span-6);
}

.projects_gallery_cover {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.projects_gallery_image,
.projects_gallery_video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 5. Image Fixes */
.projects_gallery_cover {
    width: 100%;
    height: 100%;
}

/* Disable the green cover only on the Gallery Page (ID 920) */
.page-id-920 .g_image_cover {
    display: none !important;
    visibility: hidden;
    opacity: 0;
}
.gallery_hero_wrap {
    padding: var(--padding-vertical--large) var(--site-margin--main) var(--size--2rem);
    background-color: var(--swatch--white);
    justify-content: center;
    align-items: flex-end;
    min-height: inherit!important;
    display: flex;
     background-color: var(--swatch--green);margin-top: -2rem !important;}
.projects_gallery_image, .projects_gallery_video {
    width: 100%;
    height: 100%;
   object-fit: cover;
    display: block;
}
.page-id-920 .projects_gallery_image, .projects_gallery_video {
    width: 90%;
    height: 90%;
   object-fit: cover;
    display: block;
}
/* Works Page Section Style Start */
body.page-template-works-template [data-horizontal-wrap] {
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

body.page-template-works-template [data-horizontal-wrap]::-webkit-scrollbar {
	display: none;
}

.u-overflow-clip {
	overflow: clip;
}

.hero_works_wrap.u-overflow-clip {
	padding: var(--site-margin--main);
	justify-content: center;
	align-items: center;
	height: calc(100svh - 62px);
	display: flex;
}

.hero_works_contain {
	flex-flow: column;
	justify-content: flex-end;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	display: flex;
}

.hero_works_mobile {
	display: none;
	position: relative;
}

.hero_works_collection {
	width: 100%;
}

[data-orientation=landscape] {
	aspect-ratio: 16 / 11;
}

.u-flex-noshrink {
	flex: none;
}

@media (max-height: 650px) {
	.hero_works_item {
		min-width: 12.5rem !important;
		max-width: 12.5rem !important;
	}
}
@media (min-width: 2550px) {
.hero_works_item.u-flex-noshrink {
	min-width: 60.5rem!important;
	max-width: 60.5rem!important;
	margin-right: 1rem;
}}

.hero_works_item.u-flex-noshrink {
	min-width: 40.5rem;
	max-width: 40.5rem;
	margin-right: 1rem;
}

.hero_works_item[data-filter-status="active"] {
	transition: opacity 0.875s var(--animation-secondary), transform 0.875s var(--animation-secondary);
	transform: scale(1) rotate(0.001deg);
	opacity: 1;
	visibility: visible;
	position: relative;
}

.u-position-relative {
	position: relative;
}

.hero_list_image_container.u-position-relative {
	margin-bottom: var(--size--0-75rem);
	width: 100%;
	overflow: hidden;
}

@media only screen and (min-width: 768px) {.hero_list_image {
	height: 100%;
	max-height:50vh;
	height: 50vh;
}}
@media only screen and (max-width: 768px) {.hero_list_image {
	height: 100%;

}}

.u-hflex-between-center {
	flex-flow: row;
	place-content: center space-between;
	align-items: center;
	display: flex;
}

.hero_list_title.u-text-small {
	font-weight: 600;
	text-transform: uppercase;
}

.hero_works_inner {
	left: var(--site-margin--main);
	width: 100%;
	height: -moz-fit-content;
	height: fit-content;
	position: absolute;
	top: 50%;
	bottom: 0%;
	right: 0%;
	transform: translateY(-50%);
}

.hero_works_collection {
	width: 100%;
}

.u-hflex-left-bottom {
	flex-flow: row;
	place-content: flex-end flex-start;
	align-items: flex-end;
	display: flex;
}

.works_bottom_wrap {
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	display: flex;
	overflow: hidden;
}

.works_bottom_contain {
	display: flex;
	overflow: hidden;
}

.works_bottom_content {
	padding-right: var(--size--0-25rem);
	display: flex;
}

.works_bottom_heading {
	letter-spacing: -.05em;
}

.works_bottom_heading.u-text-h2 {
	font-size: var(--h1--font-size);
	font-weight: 400;
	text-transform: uppercase;
	line-height: .95em;
}

.works_overscroll_contain {
	position: relative;
}

.works_scroll_contain {
	position: absolute;
	inset: auto 0% 0% auto;
}

.works_bottom_scroll {
	justify-content: center;
	align-items: center;
	display: flex;
}

.works_bottom_scroll.u-text-small {
	grid-column-gap: var(--size--1rem);
	font-weight: 600;
	text-transform: uppercase;
}

.works_bottom_indicator {
	text-transform: uppercase;
	text-wrap: nowrap;
}

.works_progress_contain {
	display: flex;
}

.works_overscroll_content {
	opacity: 0;
	visibility: hidden;
}

.works_filter_floating_link {
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	inset: 0%;
}

.cta_bottom_progress {
	margin-top: var(--size--0-25rem);
	background-color: var(--swatch--grey);
	width: 100%;
	height: .15em;
	overflow: clip;
}

.cta_bottom_dynamic {
	background-color: var(--swatch--black);
	height: 100%;
}

body.page-template-works-template .navbar_mini_wrap {
	display: none !important;
}



/* Work Details Page Hero Section Style Start */
.hero_project_wrap {
	min-height: 100vh;
	overflow: hidden;
}

.hero_project_cover {
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	overflow: hidden;
}

.hero_project_cover p {
	height: 100%;
	width: 100%;
}

.hero_project_thumbnail {
	height: 100%;
}

.hero_project_hero {
	padding: var(--site-margin--main);
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	justify-content: flex-start;
	align-items: flex-end;
	height: 90vh;
	position: relative;
}

.hero_project_hero.u-grid-custom {
	z-index: 10;
	grid-column-gap: var(--grid-gap--main);
	grid-row-gap: var(--grid-gap--main);
	flex-flow: column;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	justify-content: flex-end;
	align-items: flex-start;
	display: flex;
}

.hero_project_heading.u-text-display {
	margin-bottom: var(--padding-vertical--small);
	color: var(--swatch--white);
	width: 100%;
	text-align: center;
	margin-top: -10rem !important;
	
}

.hero_project_bottom {
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-columns: 1fr;
	justify-content: space-between;
	width: 100%;
	position: absolute;
	bottom: 8rem;
}

.hero_project_bottom.u-grid-custom {
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	overflow: hidden;
}

.hero_project_contain.is-location,
.hero_project_contain.is-au,
.hero_project_contain.is-scroll {
	overflow: hidden;
}

#w-node-_373b4526-c2fd-b37d-7051-322c35c6281d-36330cd0,
#w-node-_646db56b-f12a-5e6d-5623-bd420cf1f76e-36330cd0 {
	grid-column: span 6 / span 6;
}

.hero_project_location.u-text-small {
	color: var(--swatch--white);
	font-variation-settings: "wght" 650;
	text-transform: uppercase;
}

.hero_project_au.u-text-small {
	color: var(--swatch--white);
	font-variation-settings: "wght" 650;
	text-transform: uppercase;
}

.hero_project_scroll.u-text-small {
	color: var(--swatch--white);
	font-variation-settings: "wght" 650;
	text-align: right;
	text-transform: uppercase;
}

#w-node-c776bdf8-9d12-6c62-6972-9c32117efc59-36330cd0 {
	grid-column: span 2 / span 2;
}

#w-node-_6aeba49f-8112-e7de-4bef-e930ba7b6f23-36330cd0 {
	grid-column: span 4 / span 4;
}

.hero_project_content.u-grid-tablet {
	z-index: 10;
	margin-top: var(--padding-vertical--small);
	padding-right: var(--site-margin--main);
	padding-bottom: var(--size--3-5rem);
	padding-left: var(--site-margin--main);
	grid-template-columns: var(--grid-12);
	position: relative;
}

#w-node-f8b8d5a0-5429-2c40-d053-154b8741e84e-36330cd0 {
	grid-area: 1 / 7 / 2 / 13;
}

.project_content_paragraph.u-text-large {
	margin-bottom: var(--size--4-5rem);
	color: var(--swatch--white);
	max-width: 32ch;
	font-size: 1.5rem;
}

.project_content_paragraph.u-text-large>p {
	margin-bottom: 30px;
}

.project_content_details {
	flex-flow: wrap;
}

.project_content_details.u-grid-custom {
	grid-column-gap: var(--site-margin--main);
	grid-row-gap: var(--size--4rem);
	grid-template-columns: var(--grid-4);
}

.project_details_wrap {
	grid-row-gap: var(--size--0-75rem);
	flex-flow: column;
	display: flex;
}

#w-node-_8981e9ec-5fb4-78cc-af83-48e713b85048-36330cd0,
#w-node-_621714cf-371c-12b1-c56c-14ddac6fa8af-36330cd0,
#w-node-_6594b5cd-3e06-4ea9-4927-7162c4a2eb2a-36330cd0,
#w-node-_7d5a7b39-53f8-0056-8b27-476d449dfdc5-36330cd0 {
	grid-column: span 2 / span 2;
}

.project_details_heading.u-text-main {
	color: var(--swatch--grey);
	text-transform:uppercase;
	padding-bottom: 0.5rem;
}

.project_details_text.u-text-small {
	color: var(--swatch--white);
	font-variation-settings: "wght" 650;
	text-transform: uppercase;
	width: -moz-fit-content;
	width: fit-content;
	line-height: .95em;
}

.project_details_wrap .project_collab_list .project_collab_item .project_collab_link+p {
	display: none;
}

/* Next Projects Section Style Start */
.projects_next_wrap {
	padding: var(--site-margin--main);
	border-top: 1px solid var(--swatch--grey);
}

.projects_next_deco {
	justify-content: space-between;
	align-items: center;
	display: flex;
}

.g_plus.u-text-h3 {
	color: var(--swatch--dark-grey);
	font-variation-settings: "wght" 300;
}

.projects_next_text.u-text-small {
	font-variation-settings: "wght" 650;
	text-transform: uppercase;
}

.projects_next_project {
	margin-top: var(--padding-vertical--main);
	margin-bottom: var(--padding-vertical--main);
	flex-flow: column;
	justify-content: center;
	align-items: center;
	display: flex;
}

.projects_next_heading.u-text-display {
	margin-bottom: var(--size--1-25rem);
	text-align: center;
	max-width: 16ch;
}

.projects_next_link {
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 65%;
	overflow: hidden;
}

.projects_next_cover {
	justify-content: center;
	align-items: center;
	width: 100%;
	display: flex;
	position: relative;
	overflow: hidden;
}

.projects_image_contain {
	aspect-ratio: 3 / 2;
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
	overflow: hidden;
}

.projects_image_next {
	height: 100%;
}

.project_collab_contain,
.project_photographer_contain {
	overflow: hidden;
}

/* Privacy Policy Page Style Start */
.terms_wrap {
	padding-top: var(--padding-vertical--large);
	padding-right: var(--site-margin--main);
	padding-left: var(--site-margin--main);
}

.terms_hero {
	margin-bottom: var(--size--2-5rem);
}

.terms_date {
	margin-bottom: var(--size--1rem);
	font-weight: 500;
}

.terms_heading.u-text-h3 {
	font-weight: 400;
	max-width: 30ch;
}

.terms_rich_text.u-rich-text {
	max-width: 100ch;
}

.u-rich-text h2 {
	margin-top: var(--space--large);
	margin-bottom: var(--space--extra-small);
	padding-bottom: var(--size--0-75rem);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: var(--swatch--grey);
	font-family: var(--h2--font-family);
	font-size: var(--h4--font-size);
	line-height: var(--h2--line-height);
	font-weight: 600;
	letter-spacing: var(--h2--letter-spacing);
	text-transform: var(--h2--text-transform);
	text-wrap: balance;
}

.w-richtext ol,
.w-richtext ul {
	overflow: hidden;
}

.u-rich-text ol {
	padding-left: var(--size--1-25rem);
	list-style-type: decimal;
}

.u-rich-text li {
	margin-top: var(--size--0-25rem);
	margin-bottom: var(--size--0-25rem);
	font-weight: 500;
	text-wrap: pretty;
}

.u-rich-text h3 {
	margin-top: var(--space--small);
	margin-bottom: var(--space--extra-small);
	font-family: var(--h3--font-family);
	font-size: var(--h5--font-size);
	line-height: var(--h3--line-height);
	letter-spacing: var(--h3--letter-spacing);
	font-weight: 600;
	text-transform: var(--h3--text-transform);
	text-wrap: balance;
}

.u-rich-text ul {
	margin-top: var(--size--0-75rem);
	margin-bottom: var(--size--0-75rem);
	padding-left: var(--size--1-25rem);
	list-style-type: disc;
}

.terms_rich_text.u-rich-text p a {
	text-decoration: underline;
}

/* Responsive Style Start */

@media screen and (min-width:1440px) {
	.u-text-display {
		font-size: var(--size--4-5rem)
	}

	.navbar_links_li {
		display: flex
	}

	.about_bottom_image {
		aspect-ratio: 3/2
	}

	.footer_acknowledgement_text.u-text-main,
	.footer_info_text {
		font-size: var(--text-main--font-size)
	}

	.testimonials_left_message.u-text-main {
		font-size: var(--text-large--font-size)
	}

	.process_left_image {
		aspect-ratio: auto
	}

	.about_image_cover {
		position: relative;
		min-width: 540px;
	}

	.works_bottom_heading.u-text-h2 {
		font-size: var(--h1--font-size)
	}
}

@media screen and (min-width:1920px) {
	.u-text-display {
		font-size: var(--size--5rem)
	}

	.u-text-large {
		font-size: var(--h5--font-size)
	}

	.u-text-main {
		font-size: var(--size--1-25rem)
	}

	.u-text-small {
		font-size: var(--text-main--font-size)
	}

	.styleguide_layout.u-grid-desktop.u-gap-row-medium {
		max-width: var(--max-width--full)
	}

	.btn_default_text {
		font-size: 1rem
	}

	.about_bottom_image {
		aspect-ratio: 3/2
	}

	.about_content_paragraph.u-text-large {
		max-width: 550px
	}

	.footer_wrap {
		padding-bottom: var(--size--1-5rem)
	}

	.g_eyebrow.u-text-small {
		height: -moz-fit-content;
		height: fit-content
	}

	.process_aside_paragraph.u-text-h3 {
		font-size: var(--h3--font-size)
	}

	.text-span-4 {
		margin-left: calc(var(--column-width)*3)
	}

	.process_hero_heading.u-text-h3 {
		font-size: var(--h3--font-size)
	}

	.process_hero_paragraph.u-text-large {
		max-width: 39ch
	}

	.process_stages_heading.u-text-h2 {
		font-size: var(--size--5rem)
	}

	.process_stages_overlay {
		pointer-events: none
	}
}

@media only screen and (min-width:1600px) and (max-width: 1799px) {
	.cta_heading.u-text-display {
		font-size: 4.5rem;
	}
}

@media only screen and (min-width:1400px) and (max-width: 1599px) {
	.cta_heading.u-text-display {
		font-size: 4rem;
	}
}

@media only screen and (min-width:1200px) and (max-width: 1399px) {
	.cta_heading.u-text-display {
		font-size: 3.3rem;
	}
}

@media only screen and (min-width:992px) and (max-width: 1199px) {
	.cta_heading.u-text-display {
		font-size: 2.6rem;
	}
}

@media only screen and (min-width:768px) and (max-width: 991px) {

	#w-node-_373b4526-c2fd-b37d-7051-322c35c6281d-36330cd0,
	#w-node-_646db56b-f12a-5e6d-5623-bd420cf1f76e-36330cd0 {
		grid-column: span 4 / span 4;
	}

	#w-node-f8b8d5a0-5429-2c40-d053-154b8741e84e-36330cd0 {
		grid-area: 1 / 5 / 2 / 13;
	}
}

@media screen and (max-width:991px) {
	.u-text-h3 {
		font-size: var(--size--3rem)
	}

	.u-grid-column-4 {
		grid-template-columns: var(--grid-2)
	}
	
	.preloader_wrap::before {
    content: "";
    position: absolute;
    /* This centers the element */
    top: 50%;
    left: 50%;
    transform: translate(-40%, -60%);
    
    /* Set your image here */
    background-image: url('https://mp10.si/anura/wp-content/uploads/2026/03/preloader_logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    
    /* Adjust width and height to fit your logo */
    width: 150px; 
    height: 150px;
    
    /* Ensure it stays visible */
    z-index: 10;
    pointer-events: none;
}

	.u-grid-desktop {
		flex-flow: column;
		display: flex
	}

	.u-order-first-desktop,
	.u-order-last-desktop {
		order: 0
	}

	.styleguide_scroll {
		padding-right: var(--site-margin--main);
		margin-right: calc(var(--padding-horizontal--main)*-1)
	}

	.styleguide_layout {
		justify-content: flex-start;
		align-items: stretch
	}

	.styleguide_nav_wrap {
		max-height: none;
		position: relative;
		top: 0
	}

	.styleguide_nav_sub_wrap {
		grid-template-rows: 1fr
	}

	.navbar_contain.u-grid-custom {
		display: flex
	}

	.navbar_links_ul.u-gap-small.u-hflex-left-center {
		display: none
	}

	.navbar_cta_wrap {
		grid-column-gap: var(--site-margin--main);
		grid-row-gap: var(--site-margin--main);
		justify-content: center;
		align-items: center;
		display: flex
	}

	.navbar_menu_btn {
		color: var(--swatch--green);
		flex-flow: row;
		justify-content: center;
		align-items: center;
		display: flex;
		position: relative;
		overflow: hidden;
		transform: translate(0)
	}

	.page-template-home-template .navbar_menu_btn,
	.project-template-default.single .navbar_menu_btn {
		color: var(--swatch--white);
	}

	.navbar_menu_text.u-text-small {
		transform: translate(0)
	}

	.navbar_menu_text.u-text-small:where(.w-variant-0861967c-538a-971a-7838-241bc9816453),
	.navbar_menu_text.u-text-small:where(.w-variant-5c609c7c-f158-8ef7-8966-fd97349a1193) {
		color: var(--swatch--green)
	}

	.g_circle {
		border: 1px solid #000;
		border-radius: 100vw;
		width: 10px;
		height: 10px;
		padding-bottom: 0;
		padding-right: 0
	}

	.hero_home_scroll.u-text-transform-uppercase.u-text-small {
		font-variation-settings: "wght" 650
	}

	.about_bottom_heading {
		display: none
	}

	.about_bottom_heading.u-text-display {
		max-width: 15ch;
		display: none
	}

	.about_bottom_heading.is-tablet {
		display: block
	}

	.about_bottom_heading.is-tablet.u-text-display {
		margin-bottom: var(--size--1-25rem);
		max-width: 13ch;
		display: block
	}

	.about_home_bottom {
		margin-left: 0
	}

	.about_home_bottom.u-grid-custom {
		margin-top: var(--size--0rem);
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start;
		display: flex
	}

	.about_bottom_image {
		order: 1;
		width: 100%
	}

	.about_home_content.u-grid-custom {
		display: block
	}

	.about_content_wrap {
		justify-content: flex-start;
		margin-left: 0
	}

	.footer_bottom_wrap.u-grid-tablet.u-text-small {
		margin-top: var(--size--13rem)
	}

	.about_bottom_contain {
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start
	}

	.about_eyebrow_contain {
		margin-right: var(--size--6rem);
		order: -1
	}

	.works_home_text.u-text-display,
	.works_home_dynamic.u-text-display,
	.works_home_works.u-text-display {
		max-width: 15ch
	}

	.testimonials_aside_year {
		margin-right: var(--size--1rem)
	}

	.process_left_wrap {
		padding-right: var(--size--1-5rem)
	}

	.process_aside_span {
		margin-left: var(--size--0rem)
	}

	.works_content_index {
		margin-right: var(--size--1rem)
	}

	.about_image_cover {
		order: 1;
		width: 100%;
		height: 100%
	}

	.menu_wrap {
		z-index: 9999;
		padding-right: var(--site-margin--main);
		padding-bottom: var(--site-margin--main);
		padding-left: var(--site-margin--main);
		background-color: var(--swatch--green);
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		width: -moz-available;
		width: -webkit-fill-available;
		height: -webkit-fill-available;
		display: flex;
		position: fixed
	}

	.menu_navbar_btn {
		grid-column-gap: var(--site-margin--main);
		grid-row-gap: var(--site-margin--main);
		justify-content: center;
		align-items: center;
		display: flex
	}

	.menu_navbar_close {
		flex-flow: row;
		justify-content: center;
		align-items: center;
		display: flex;
		position: relative
	}

	.menu_navbar_space {
		pointer-events: none;
		visibility: hidden;
		opacity: 0
	}

	.menu_bottom {
		left: var(--site-margin--main);
		top: auto;
		bottom: var(--site-margin--main);
		flex-flow: column;
		width: -moz-fit-content;
		width: fit-content;
		display: flex;
		position: absolute
	}

	.menu_legal_links,
	.menu_links_super,
	.menu_legal_link,
	.menu_legal_text {
		color: var(--swatch--white)
	}

	.navbar_mini_btn {
		flex-flow: row;
		justify-content: center;
		align-items: center;
		display: flex;
		position: relative
	}

	.menu_links_text.u-text-h2 {
		text-transform: uppercase
	}

	.g_footer_contain {
		line-height: 1em
	}

	.hero_works_item.u-flex-noshrink {
		min-width: 13rem;
		max-width: 13rem
	}

	.works_bottom_count.u-text-h4 {
		font-size: var(--size--1rem)
	}

	.works_progress_contain {
		display: none
	}

	.projects_next_contain {
		will-change: transform
	}

	.studio_about_paragraph {
		margin-top: var(--size--1-5rem)
	}

	.text-span-4 {
		margin-left: 0
	}

	.studio_content_eyebrow {
		margin-bottom: var(--size--1rem)
	}

	.studio_content_subparagraph.u-text-large {
		font-size: var(--text-main--font-size)
	}

	.studio_content_sub.u-grid-column-4 {
		margin-top: var(--size--2-5rem);
		display: block
	}

	.studio_team_contain {
		display: none
	}

	.studio_team_contain.is-mobile {
		display: block
	}

	.studio_collection_list.is-mobile {
		grid-column-gap: 16px;
		grid-row-gap: 16px;
		grid-template-rows: auto auto;
		grid-template-columns: 1fr 1fr;
		grid-auto-columns: 1fr;
		display: grid
	}

	.studio_collection_list.is-mobile.u-grid-column-2 {
		grid-column-gap: var(--grid-gap--main);
		grid-row-gap: var(--size--2rem);
		grid-auto-columns: 1fr;
		display: grid
	}

	.studio_collection_headshot {
		height: 100%
	}

	.studio_headshot_cover {
		margin-bottom: var(--size--0-75rem);
		position: relative;
		overflow: hidden
	}

	.studio_details_name.u-text-h4 {
		font-variation-settings: "wght" 650
	}

	.studio_image_cover.is-landscape {
		margin-bottom: var(--size--2-5rem)
	}

	.studio_recognition_wrap {
		padding-top: var(--size--0rem)
	}

	.studio_details_role.u-text-main {
		font-variation-settings: "wght" 650
	}

	.studio_details_qualification {
		margin-top: var(--size--1rem);
		color: var(--swatch--dark-grey);
		font-variation-settings: "wght" 530;
		text-wrap: balance
	}

	.studio_team_span {
		text-align: left
	}

	.studio_team_eyebrow {
		margin-bottom: var(--size--1rem);
		justify-content: flex-start;
		align-items: flex-start;
		position: relative;
		top: auto
	}

	.error_wrap.u-grid-custom {
		flex-flow: column;
		justify-content: space-between;
		display: flex
	}

	.error_content_wrap {
		height: 100%
	}

	.error_content_heading.u-text-display {
		order: -1;
		max-width: 10ch
	}

	.text-span-6 {
		margin-left: 0
	}

	.process_stages_bottom {
		flex-flow: column
	}

	.process_stages_eyebrow {
		margin-bottom: var(--size--1rem)
	}

	.precedent_item.u-text-h3 {
		font-size: var(--h4--font-size);
		line-height: 1em
	}

	.terms_rich_text.u-rich-text {
		max-width: 100%
	}

	.precedent_progress_contain {
		display: none
	}

	.documents_link_contain {
		line-height: 1em
	}

	.gallery_mini_btn {
		flex-flow: row;
		justify-content: center;
		align-items: center;
		display: flex;
		position: relative
	}

	.gallery_menu_text.u-text-small:where(.w-variant-0861967c-538a-971a-7838-241bc9816453),
	.gallery_menu_text.u-text-small:where(.w-variant-5c609c7c-f158-8ef7-8966-fd97349a1193) {
		color: var(--swatch--green)
	}

	.navbar_menu_innertext.u-text-small {
		transform: translate(0)
	}

	.navbar_menu_innertext.u-text-small:where(.w-variant-0861967c-538a-971a-7838-241bc9816453),
	.navbar_menu_innertext.u-text-small:where(.w-variant-5c609c7c-f158-8ef7-8966-fd97349a1193) {
		color: var(--swatch--green)
	}

	.about_home_heading {
		display: none
	}

	.about_home_heading.u-text-display {
		max-width: 15ch;
		display: none
	}

	.about_home_heading.is-tablet {
		display: block
	}

	.about_home_heading.is-tablet.u-text-display {
		margin-bottom: var(--size--1-25rem);
		max-width: 13ch;
		display: block
	}

	.cta_bottom_progress {
		display: none
	}

	.wp-block-group.oh-header .navbar_contain .oh-header__nav .wp-block-navigation__responsive-container-open,
	.oh-header nav.oh-header__nav {
		display: none;
	}

	.oh-header .wp-block-buttons.oh-header__right .oh-header__cta {
		display: flex;
		align-items: center;
		gap: 16px;
	}

	.oh-header .navbar_contain {
		display: flex;
	}

	.process_stages_heading.u-text-h2 {
		font-size: 2.3rem;
	}

	.cta_heading.u-text-display {
		font-size: 2rem;
	}
}

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

	.u-grid-column-2,
	.u-grid-column-3,
	.u-grid-column-4 {
		grid-template-columns: var(--grid-1)
	}

	.u-grid-tablet,
	.footer_wrap.oh-footer .footer_top_wrap {
		flex-flow: column;
		display: flex
	}

	.u-order-first-tablet,
	.u-order-last-tablet {
		order: 0
	}

	.styleguide_font_item {
		grid-template-columns: 100%
	}

	.navbar_aside_wrap {
		grid-column-gap: 1rem;
		grid-row-gap: 1rem;
		justify-content: center;
		align-items: center;
		display: flex
	}
	
	.hero_studio_oh {
 margin-right: -2rem;
   
}

	.navbar_wrap:where(.w-variant-5c609c7c-f158-8ef7-8966-fd97349a1193) {
		position: absolute
	}

	.navbar_home_text.u-text-h3,
	.navbar_home_text.u-text-h3:where(.w-variant-5c609c7c-f158-8ef7-8966-fd97349a1193) {
		font-size: var(--h4--font-size)
	}

	.navbar_links_li {
		display: none
	}

	.navbar_menu_btn {
		position: relative
	}

	.navbar_menu_text {
		letter-spacing: 0;
		font-weight: 500
	}

	.hero_home_contain {
		grid-column-gap: var(--grid-gap--main);
		grid-row-gap: var(--grid-gap--main)
	}

	.footer_wrap:where(.w-variant-3cc6f1fd-c383-e67f-27de-f128e80a7018) {
		display: block
	}

	.footer_top_wrap.u-grid-tablet {
		grid-column-gap: 0rem;
		grid-row-gap: 0rem
	}

	.footer_bottom_wrap.u-grid-tablet.u-text-small {
		margin-top: var(--size--4rem);
		flex-flow: wrap;
		justify-content: space-between
	}

	.footer_top_image {
		order: 3
	}

	.footer_bottom_copyright.is-precedent {
		margin-top: var(--size--6-5rem);
		display: none
	}

	.footer_bottom_links {
		flex-flow: row;
		justify-content: space-between;
		width: 100%
	}	

	.footer_navigation_wrap {
		margin-bottom: var(--size--4rem) !important;
		order: 1
	}

	.footer_details_wrap {
		margin-bottom: var(--size--4rem) !important;
		order: 2
	}

	.g_eyebrow.u-text-small {
		white-space: nowrap
	}

	.works_collection_list.u-grid-custom {
	display: block;
	
	}

	.testimonials_collection_contain.u-grid-custom {
		grid-column-gap: var(--size--1-25rem);
		grid-row-gap: var(--size--1-25rem);
		flex-flow: column;
		display: flex
	}
	.works_item_wrap {
    width: 100%;
    margin-bottom: 20px;
}

	.testimonials_cover_wrap {
		display: none
	}

	.process_left_wrap {
		padding-right: var(--size--0rem)
	}

	.process_left_image {
		aspect-ratio: auto
	}

	.process_aside_paragraph.u-text-h3 {
		margin-top: var(--size--1-5rem)
	}

	.process_aside_span {
		margin-left: var(--size--0rem)
	}

	.process_left_cover {
		aspect-ratio: 1;
	}

	.menu_navbar_close {
		position: relative
	}

	.menu_navbar_text {
		letter-spacing: 0;
		font-weight: 400
	}

	.navbar_mini_wrap:where(.w-variant-171d636a-05fc-696c-4f9e-a3e32465f397) {
		display: flex
	}

	.navbar_mini_btn {
		position: relative
	}

	.cta_heading.u-text-display {
		display: none
	}

	.cta_heading.u-text-display.u-tablet {
		display: block;
		font-size: 3rem;
    	word-wrap: break-word;
	}

	.cta_button_wrap {
		justify-content: flex-start;
		align-items: center
	}

	.preloader_content {
		flex-flow: column;
		justify-content: flex-start;
		align-items: flex-start
	}

	.preloader_oh.u-text-h2 {
		margin-bottom: var(--size--0-75rem)
	}

	.hero_works_wrap.u-overflow-clip {
		padding-top: var(--size--14rem);
		height: auto
	}

	.hero_works_item.is-mobile {
		padding-bottom: var(--size--2-5rem)
	}

	.hero_works_inner {
		display: none
	}

	.works_bottom_wrap {
		margin-bottom: var(--size--1-5rem);
		flex-flow: column;
		order: -1;
		justify-content: space-between;
		align-items: flex-start
	}

	.works_bottom_scroll.u-text-small {
		display: none
	}

	.works_filter_buttons {
		justify-content: flex-start;
		align-items: flex-start
	}

	.projects_gallery_image {
		height: auto
	}

	.hero_works_mobile {
		display: block
	}

	.works_filter_wrap {
		margin-top: var(--size--2-5rem)
	}

	.works_filter_wrap.u-text-small {
		justify-content: flex-start;
		align-items: flex-start;
		display: block
	}

	.projects_next_link {
		max-width: 80%
	}

	.projects_next_contain {
		display: none
	}

	.hero_project_bottom.u-grid-custom {
		display: flex
	}

	.hero_studio_wrap {
		padding-top: var(--padding-vertical--large)
	}

	.hero_studio_svg {
		position: relative
	}

	.hero_studio_image.u-text-small {
		margin-top: var(--size--1-5rem)
	}

	.hero_studio_text {
		display: none
	}

	.hero_studio_file {
		max-width: 100%
	}

	.studio_about_top.u-grid-custom {
		flex-flow: column;
		display: block
	}

	.text-span-4 {
		margin-left: 0
	}

	.hero_studio_cover {
		max-width: 100%
	}

	.studio_image_cover {
		display: none
	}

	.studio_image_cover.is-portrait {
		margin-bottom: var(--size--2-5rem);
		display: block
	}

	.studio_recognition_top.u-grid-tablet {
		grid-column-gap: var(--size--3rem);
		grid-row-gap: var(--size--3rem)
	}

	.process_hero_details.u-grid-custom {
		flex-flow: column;
		display: flex
	}

	.process_hero_year {
		display: none
	}

	.process_stages_wrap {
		margin-bottom: var(--padding-vertical--large)
	}

	.process_stages_contain.u-grid-landscape {
		padding-top: var(--size--2-5rem);
		padding-bottom: var(--size--2-5rem)
	}

	.process_stages_item {
		position: static
	}

	.process_stages_heading.u-text-h2 {
		font-size: 1.6rem
	}

	.gallery_contain {
		transition-property: none
	}

	.precedent_aside_cover {
		width: 100%;
		max-width: 100%
	}

	.text-span-12 {
		text-align: left
	}

	.precedent_scroll.u-text-small {
		display: none
	}

	.precedent_hero_cover {
		max-width: 100%
	}

	.precedent_arrow.u-text-display {
		display: none
	}

	.precedent_collection_list.u-grid-custom {
		grid-row-gap: var(--padding-vertical--small)
	}

	.precedent_details_project {
		text-wrap: balance
	}

	.documents_collection_arrow {
		display: none
	}

	.documents_link_text {
		font-size: var(--h5--font-size)
	}

	.precedent_next_contain {
		flex-flow: column;
		justify-content: space-between;
		align-items: flex-start
	}

	.precedent_link_wrap {
		width: 100%
	}

	.gallery_mini_btn {
		position: relative
	}

	.gallery_menu_text {
		letter-spacing: 0;
		font-weight: 500
	}

	.gallery_tooltip_wrap {
		display: none
	}

	.text-span-13 {
		display: inline
	}

	.works_filter_contain {
		display: block
	}

	.precedent_text {
		display: none
	}

	.navbar_menu_innertext {
		letter-spacing: 0;
		font-weight: 500
	}

	.works_overscroll_contain {
		display: none
	}

	.wp-block-group.oh-header .navbar_contain .oh-header__nav .wp-block-navigation__responsive-container-open,
	.oh-header nav.oh-header__nav {
		display: none;
	}

	.oh-header .wp-block-buttons.oh-header__right .oh-header__cta {
		display: flex;
		align-items: center;
		gap: 16px;
	}

	body.page-template-works-template .navbar_mini_wrap {
		display: flex !important;
	}

	body.page-template-works-template footer {
		display: block !important;
	}

	.project_details_text.u-text-small {
		line-height: 1.4em;
	}
	.works_home_text.u-text-display, .works_home_dynamic.u-text-display, .works_home_works.u-text-display {
		font-size: 2rem;
	}


@media screen and (max-width:479px) {
	.u-text-h3 {
		font-size: var(--size--2-5rem)
	}

	.u-text-large {
		font-size: var(--text-main--font-size)
	}

	.u-grid-landscape {
		flex-flow: column;
		display: flex
	}

	.u-grid-breakout {
		grid-template-columns: var(--grid-breakout-single)
	}

	.navbar_links {
		display: none
	}

	.navbar_home_text.u-text-h3 {
		font-size: var(--h4--font-size)
	}

	.hero_home_contain {
		flex-flow: column;
		justify-content: space-between;
		align-items: flex-start
	}

	.hero_home_heading.u-text-h4 {
		font-size: var(--h5--font-size);
		text-wrap: wrap;
		max-width: 23ch
	}

	.hero_collection_featured {
		display: none
	}

	.about_content_wrap {
		flex-flow: column
	}

	.about_content_paragraph.u-text-large {
		margin-top: var(--size--1rem)
	}

	.oh-header .btn_default_wrap,
	.navbar_cta_contain {
		display: none
	}

	.wp-block-group.oh-header .navbar_contain .oh-header__nav .wp-block-navigation__responsive-container-open,
	.oh-header nav.oh-header__nav {
		display: none;
	}

	.oh-header .wp-block-buttons.oh-header__right .oh-header__cta {
		display: flex;
		align-items: center;
		gap: 16px;
	}

	.works_home_works.u-text-display {
		margin-left: 0
	}

	.works_content_year {
		text-align: right
	}

	.menu_navbar_space {
		display: none
	}

	.preloader_content {
		flex-flow: column;
		justify-content: center;
		align-items: flex-start
	}

	.preloader_text.u-text-small {
		max-width: 20ch
	}

	.hero_project_bottom.u-grid-custom {
		grid-row-gap: var(--size--0-25rem);
		flex-flow: wrap
	}

	.hero_studio_wrap {
		padding-bottom: var(--padding-vertical--small)
	}

	.hero_studio_file {
		aspect-ratio: 1
	}

	.hero_studio_heading.u-text-h3 {
		margin-top: var(--padding-vertical--small)
	}

	.studio_collection_list.is-mobile.u-grid-column-2 {
		grid-template-columns: 1fr
	}

	.studio_awards_wrap.u-grid-tablet {
		grid-column-gap: var(--size--0rem);
		grid-row-gap: var(--size--0rem)
	}

	.studio_awards_eyebrow {
		padding-bottom: var(--size--0-75rem);
		border-bottom: 1px solid var(--swatch--grey)
	}

	.studio_awards_item.studio_collection_header.u-grid-landscape.u-text-main {
		grid-column-gap: var(--size--0-5rem);
		grid-row-gap: var(--size--0-5rem);
		grid-template-rows: auto;
		grid-auto-columns: minmax(0, 1fr);
		grid-template-columns: var(--grid-2);
		display: grid
	}

	.studio_collection_header.u-grid-landscape.u-text-small {
		display: none
	}

	.studio_item_year {
		color: var(--swatch--dark-grey)
	}

	.process_hero_top.u-grid-custom {
		flex-flow: column;
		display: flex
	}

	.process_stages_index.u-text-display {
		margin-bottom: var(--size--1rem)
	}

	.gallery_contain {
		width: 600vw;
		height: 420vw
	}

	.contact_header_paragraph.u-text-main {
		font-size: var(--text-small--font-size)
	}

	.contact_header_cover {
		display: none
	}

	.contact_field_label.u-text-small,
	.contact_field_input {
		font-size: var(--text-small--font-size)
	}

	.precedent_item.u-text-h3 {
		justify-content: flex-start;
		align-items: flex-start
	}

	.precedent_contain_arrow {
		display: none
	}

	.text-span-12 {
		display: inline
	}

	.precedent_hero_wrap {
		padding-top: var(--size--14rem)
	}

	.precedent_hero_contain.u-text-display {
		font-size: var(--h2--font-size)
	}

	.precedent_collection_list.u-grid-custom {
		grid-row-gap: var(--grid-gap--main);
		flex-flow: column;
		display: flex
	}

	.gallery_mini_btn {
		padding-top: var(--size--1rem);
		padding-bottom: var(--size--1rem)
	}

	.gallery_btn_contain,
	.works_content_cta {
		display: none
	}

	.process_parallax_heading.u-text-display {
		font-size: 2.5rem;
		word-break: break-word;
	}

	.cta_heading.u-text-display.u-tablet {
		font-size: 2.4rem;
		word-break: break-word;
	}
	.studio_team_header.u-text-display .studio_team_heading {
		font-size: 2.5rem;
		line-height:130%;
	}
	.btn_default_wrap {
		padding-left: var(--size--1rem);
		padding-right: var(--size--1rem);
	}


/* Hide success and error messages initially */
.w-form-done,
.w-form-fail {
    display: none;
}

/* Optional: Style the success message to match your premium look */
.success_wrap {
    text-align: center;
    padding: 2rem 0;
}


.success_paragraph {
    color: var(--swatch--black); /* Or whichever variable you use for text */
}

/* Make sure the error text is visible if it happens */
.w-form-fail {
    color: red;
    margin-top: 1rem;
    font-size: var(--size--1rem);
}
.btn_default_contain {
    overflow: hidden; 
    display: block; /* Ensure it's a block or inline-block to respect overflow */
}