:root {
  /* Box */
  --border-width: 0.75rem;
  --padding-stage: calc(5vw - 0.5rem);
  --padding-block: 1rem;
  --padding-inline: 10%;
  /* Colours */
  --color-blue: #6b97be;
  --color-blue-shade: #2f5677;
  --color-brown: #b08d6d;
  --color-brown-shade: #6e5f51;
  --color-green: #a8c382;
  --color-green-shade: #606e4c;
  --color-liliac: #B48899;
  --color-liliac-shade: #606e4c;
  --color-grey: #646347;
  --color-grey-glare: #dad8b2;
  --color-violet: #674b56;
  /*--color-primary: #DAD8B2;
  --color-primary: #DCC6B9;*/
  --color-primary: #E9DBD3;
  /*--color-secondary: #9F9097;*/
  --color-secondary: #918882;
  --color-dark-shade: #5b4e41;
  /* Fonts */
  --font-condensed: 'acumin-pro-semi-condensed', sans-serif;
  --font-standard: 'acumin-pro', sans-serif;
  --font-wide: 'acumin-pro-wide', sans-serif;
  --font-wide-light: 'acumin-pro-wide-extra-light', sans-serif;
  --font-weight-light: 100;
  /* Layout */
  --flow-space: 1em;
  --flow-space-gallery: 1em;
  --offset-navigation: 3.75rem;
  --offset-text: 5%;
  --offset-headline: 0;
  /* Text */
  /*--text-size-base: 1.125rem;*/
  /*--text-size-base: 1.1875rem;*/
  --text-size-base: 1.125rem;
  --text-size-navigation: 0.813rem;
  --text-size-figcaption: 1rem;
  /* --text-size-figcaption: 0.813rem;*/
  /*--text-size-navigation: var(--text-size-base);*/
  --text-size-headline: 3.5rem;
}
@media screen and (min-width: 25em) {
	:root {
		/* Text */
		--text-size-navigation: calc(var(--text-size-base) - 2px);
		/*
		--text-size-figcaption: calc(var(--text-size-base) - 2px);
		*/
  		/*--text-size-headline: 9.313rem;*/
	}
}
@media screen and (min-width: 48em) {
	:root {
		--offset-navigation: 3.75rem;
		--offset-headline: 10%;
		/* Text */
  		--text-size-headline: 5rem;
  		--text-size-navigation: calc(var(--text-size-base) - 7px);
  		/*--text-size-figcaption: calc(var(--text-size-base) - 5px);*/
  	}
}
@media screen and (min-width: 60em) {
	:root {
		/*--text-size-navigation: var(--text-size-base);*/
  		--text-size-navigation: calc(var(--text-size-base) - 3px);
  		/*
  		--text-size-figcaption: calc(var(--text-size-base) - 3px);
  		*/
  	}
}
@media screen and (min-width: 64em) {
	:root {
		/* Text */
		/*--text-size-base: 1.25rem;*/
		--text-size-base: 1.125rem;
  		/*--text-size-navigation: var(--text-size-base);*/
  		/*--text-size-headline: 9.313rem;*/
	}
}
@supports (width: 5cqw) {
	.wrapper {
		container: inline-size;
	}
	:root {
		--border-width: clamp(0.5rem, 1cqw, 0.875rem);
		--offset-text: 6cqw;
		--offset-text: clamp(3%, 6cqi, 6%);
	}
	@media screen and (min-width: 48em) {
		:root {
			--offset-headline: 10cqw;
			--offset-headline: clamp(5%, 10cqi, 10%);
		}
	}
}
/*
@media screen and (min-width: 60em) {
	:root {
		--text-size-headline: 5rem;
	}
}
*/