/* Site specific styles */
@font-face {
	font-family: "Sans";
	font-weight: 200 900;
	font-style: normal;
	font-stretch: normal;
	font-optical-sizing: auto;
	src: url("/assets/fonts/SourceSans3VF-Roman.ttf.woff2")
		format("woff2-variations");
}
@font-face {
	font-family: "Sans";
	font-weight: 200 900;
	font-style: italic;
	font-stretch: normal;
	font-optical-sizing: auto;
	src: url("/assets/fonts/SourceSans3VF-Italic.ttf.woff2")
		format("woff2-variations");
}
@font-face {
	font-family: "Serif";
	font-weight: 200 900;
	font-style: normal;
	font-stretch: normal;
	font-optical-sizing: auto;
	src: url("/assets/fonts/SourceSerif4Variable-Roman.ttf.woff2")
		format("woff2-variations");
}
@font-face {
	font-family: "Serif";
	font-weight: 200 900;
	font-style: italic;
	font-stretch: normal;
	font-optical-sizing: auto;
	src: url("/assets/fonts/SourceSerif4Variable-Italic.ttf.woff2")
		format("woff2-variations");
}
:root {
	/* SCALES 〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰*/
	/* TYPE SCALE */
	/* @link https://utopia.fyi/type/calculator?c=318,18,1.2,1240,20,1.25,6,2,&s=0.75|0.5|0.25|0.1875|0.15,1.5|2|3|4|6|8|10,s-l|s-xl|m-xl|l-2xl|xs-m&g=s,l,xl,12 */
	--step--2: clamp(0.7813rem, 0.7748rem + 0.0325vw, 0.8rem);
	--step--1: clamp(0.9375rem, 0.9159rem + 0.1085vw, 1rem);
	--step-0: clamp(1.125rem, 1.0819rem + 0.2169vw, 1.25rem);
	--step-1: clamp(1.35rem, 1.2767rem + 0.3688vw, 1.5625rem);
	--step-2: clamp(1.62rem, 1.5051rem + 0.5781vw, 1.9531rem);
	--step-3: clamp(1.944rem, 1.7724rem + 0.8632vw, 2.4414rem);
	--step-4: clamp(2.3328rem, 2.0848rem + 1.2476vw, 3.0518rem);
	--step-5: clamp(2.7994rem, 2.4492rem + 1.762vw, 3.8147rem);
	--step-6: clamp(3.3592rem, 2.8732rem + 2.4454vw, 4.7684rem);
	/* SPACE */
	/* @link https://utopia.fyi/space/calculator?c=318,18,1.2,1240,20,1.25,6,2,&s=0.75|0.5|0.25|0.1875|0.15,1.5|2|3|4|6|8|10,s-l|s-xl|m-xl|l-2xl|xs-m&g=s,l,xl,12 */
	--space-5xs: clamp(0.1875rem, 0.1875rem + 0vw, 0.1875rem);
	--space-4xs: clamp(0.1875rem, 0.1659rem + 0.1085vw, 0.25rem);
	--space-3xs: clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);
	--space-2xs: clamp(0.5625rem, 0.5409rem + 0.1085vw, 0.625rem);
	--space-xs: clamp(0.875rem, 0.8534rem + 0.1085vw, 0.9375rem);
	--space-s: clamp(1.125rem, 1.0819rem + 0.2169vw, 1.25rem);
	--space-m: clamp(1.6875rem, 1.6228rem + 0.3254vw, 1.875rem);
	--space-l: clamp(2.25rem, 2.1638rem + 0.4338vw, 2.5rem);
	--space-xl: clamp(3.375rem, 3.2457rem + 0.6508vw, 3.75rem);
	--space-2xl: clamp(4.5rem, 4.3275rem + 0.8677vw, 5rem);
	--space-3xl: clamp(6.75rem, 6.4913rem + 1.3015vw, 7.5rem);
	--space-4xl: clamp(9rem, 8.6551rem + 1.7354vw, 10rem);
	--space-5xl: clamp(11.25rem, 10.8189rem + 2.1692vw, 12.5rem);
	/* One-up pairs */
	--space-5xs-4xs: clamp(0.1875rem, 0.1659rem + 0.1085vw, 0.25rem);
	--space-4xs-3xs: clamp(0.1875rem, 0.1444rem + 0.2169vw, 0.3125rem);
	--space-3xs-2xs: clamp(0.3125rem, 0.2047rem + 0.5423vw, 0.625rem);
	--space-2xs-xs: clamp(0.5625rem, 0.4332rem + 0.6508vw, 0.9375rem);
	--space-xs-s: clamp(0.875rem, 0.7457rem + 0.6508vw, 1.25rem);
	--space-s-m: clamp(1.125rem, 0.8663rem + 1.3015vw, 1.875rem);
	--space-m-l: clamp(1.6875rem, 1.4073rem + 1.41vw, 2.5rem);
	--space-l-xl: clamp(2.25rem, 1.7326rem + 2.603vw, 3.75rem);
	--space-xl-2xl: clamp(3.375rem, 2.8145rem + 2.82vw, 5rem);
	--space-2xl-3xl: clamp(4.5rem, 3.4653rem + 5.2061vw, 7.5rem);
	--space-3xl-4xl: clamp(6.75rem, 5.6291rem + 5.6399vw, 10rem);
	--space-4xl-5xl: clamp(9rem, 7.7928rem + 6.0738vw, 12.5rem);
	/* Custom pairs */
	--space-s-l: clamp(1.125rem, 0.6508rem + 2.3861vw, 2.5rem);
	--space-s-xl: clamp(1.125rem, 0.2196rem + 4.5553vw, 3.75rem);
	--space-m-xl: clamp(1.6875rem, 0.9761rem + 3.5792vw, 3.75rem);
	--space-l-2xl: clamp(2.25rem, 1.3015rem + 4.7722vw, 5rem);
	--space-xs-m: clamp(0.875rem, 0.5301rem + 1.7354vw, 1.875rem);

	/* @link https://utopia.fyi/clamp/calculator?a=318,1240,2—3|3—4|4—5|6—7|7—8|8—10|10—11|11—13|13—16|16—19|19—23|23—27|27—32|32—38|38—45|45—54|54—64|64—76|76—91 */
	--fluid-2-3: clamp(0.125rem, 0.1034rem + 0.1085vw, 0.1875rem);
	--fluid-3-4: clamp(0.1875rem, 0.1659rem + 0.1085vw, 0.25rem);
	--fluid-4-5: clamp(0.25rem, 0.2284rem + 0.1085vw, 0.3125rem);
	--fluid-6-7: clamp(0.375rem, 0.3534rem + 0.1085vw, 0.4375rem);
	--fluid-7-8: clamp(0.4375rem, 0.4159rem + 0.1085vw, 0.5rem);
	--fluid-8-10: clamp(0.5rem, 0.4569rem + 0.2169vw, 0.625rem);
	--fluid-10-11: clamp(0.625rem, 0.6034rem + 0.1085vw, 0.6875rem);
	--fluid-11-13: clamp(0.6875rem, 0.6444rem + 0.2169vw, 0.8125rem);
	--fluid-13-16: clamp(0.8125rem, 0.7478rem + 0.3254vw, 1rem);
	--fluid-16-19: clamp(1rem, 0.9353rem + 0.3254vw, 1.1875rem);
	--fluid-19-23: clamp(1.1875rem, 1.1013rem + 0.4338vw, 1.4375rem);
	--fluid-23-27: clamp(1.4375rem, 1.3513rem + 0.4338vw, 1.6875rem);
	--fluid-27-32: clamp(1.6875rem, 1.5797rem + 0.5423vw, 2rem);
	--fluid-32-38: clamp(2rem, 1.8707rem + 0.6508vw, 2.375rem);
	--fluid-38-45: clamp(2.375rem, 2.2241rem + 0.7592vw, 2.8125rem);
	--fluid-45-54: clamp(2.8125rem, 2.6185rem + 0.9761vw, 3.375rem);
	--fluid-54-64: clamp(3.375rem, 3.1594rem + 1.0846vw, 4rem);
	--fluid-64-76: clamp(4rem, 3.7413rem + 1.3015vw, 4.75rem);
	--fluid-76-91: clamp(4.75rem, 4.4267rem + 1.6269vw, 5.6875rem);

	/* GRID */
	/* @link https://utopia.fyi/grid/calculator?c=318,18,1.2,1240,20,1.25,6,2,&s=0.75|0.5|0.25|0.1875|0.15,1.5|2|3|4|6|8|10,s-l|s-xl|m-xl|l-2xl|xs-m&g=s,l,xl,12 */
	--grid-max-width: 77.5rem;
	--grid-gutter: var(
		--space-s-l,
		clamp(1.125rem, 0.6508rem + 2.3861vw, 2.5rem)
	);
	--grid-columns: 12;

	/* SITE SPACING 〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 */

	--scale--9: var(--fluid-2-3);
	--scale--8: var(--fluid-3-4);
	--scale--7: var(--fluid-4-5);
	--scale--6: var(--fluid-6-7);
	--scale--5: var(--fluid-7-8);
	--scale--4: var(--fluid-8-10);
	--scale--3: var(--fluid-10-11);
	--scale--2: var(--fluid-11-13);
	--scale--1: var(--fluid-13-16);
	--scale-0: var(--fluid-16-19);
	--scale-1: var(--fluid-19-23);
	--scale-2: var(--fluid-23-27);
	--scale-3: var(--fluid-27-32);
	--scale-4: var(--fluid-32-38);
	--scale-5: var(--fluid-38-45);
	--scale-6: var(--fluid-45-54);
	--scale-7: var(--fluid-54-64);
	--scale-8: var(--fluid-64-76);
	--scale-9: var(--fluid-76-91);

	--spc-0: 0rem;
	--spc-4xs: var(--scale--8);
	--spc-3xs: var(--scale--7);
	--spc-2xs: var(--scale--6);
	--spc-xs: var(--scale--5);
	--spc-s: var(--scale--2);
	--spc-m: var(--scale-0);
	--spc-l: var(--scale-2);
	--spc-xl: var(--scale-4);
	--spc-2xl: var(--scale-5);
	--spc-3xl: var(--scale-6);
	--spc-4xl: var(--scale-7);

	/* SITE COLOURS 〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 */

	/* SITE BASE 〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 */
	--list-indent: 1.25em;
	--text-align: start;
	/* TYPE */
	--font-sans: "Sans", var(--sans-stack);
	--font-serif: "Serif", var(--serif-stack);
	--font-mono: var(--mono-stack);
	/* Menus, Buttons */
	--font-navigation: var(--font-sans);
	/* Captions, Footnotes */
	--font-shortform: var(--font-sans);
	/* Articles, Descriptions */
	--font-longform: var(--font-serif);
	/* Headlines */
	--font-headline: var(--font-sans);

	--font-weight-bold: 600;
	/*line height / leading*/
	/*--line-height-1: 1;
	--line-height-heading: 1.05;
	--line-height-heading-minor: 1.25;
	--line-height-base: 1.5;
	--line-height-prose: 1.64;*/

	/*tracking / letter spacing*/
	--tracking--5: -2%;
	--tracking--4: -1.5%;
	--tracking--3: -1%;
	--tracking--2: -0.75%;
	--tracking--1: -0.5%;
	--tracking-0: normal;
	--tracking-1: 0.5%;
	--tracking-2: 1%;
	--tracking-3: 2%;
	--tracking-4: 3%;
	--tracking-5: 5%;
	/*line lengths between (45 and 75)*/
	--measure-0: 84ch;
	--measure-1: 48ch;
	--measure-2: 36ch;
	--measure-3: 24ch;

	--h1-font-size: var(--scale-7);
	--h1-line-height: var(--percent-10);
	--h1-letter-spacing: var(--tracking--4);

	--h2-font-size: var(--scale-6);
	--h2-line-height: var(--percent-10);
	--h2-letter-spacing: var(--tracking--3);

	--h3-font-size: var(--scale-5);
	--h3-line-height: var(--percent-12);
	--h3-letter-spacing: var(--tracking--2);

	--h4-font-size: var(--scale-4);
	--h4-line-height: var(--percent-13);
	--h4-letter-spacing: var(--tracking--1);

	--h5-font-size: var(--scale-3);
	--h5-line-height: var(--percent-14);

	--h6-font-size: var(--scale-2);
	--h6-line-height: var(--percent-14);

	--standfirst-font-size: var(--scale-1);
	--standfirst-line-height: var(--percent-14);

	--base-font-size: var(--scale-0);
	--base-line-height: var(--percent-15);
	--base-letter-spacing: var(--tracking-0);

	--spc-p: var(--scale-2);

	/* LIGHTBOX 〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 */
	--lightbox-font-family: var(--font-sans);
	--lightbox-caption-font-family: var(--font-serif);
	--lightbox-caption-font-size: var(--step--1);
	--lightbox-transition-duration: 0.5s;
	--lightbox-transition-timing-function: cubic-bezier(0.62, 0.16, 0.13, 1.01);
	/*Overlay*/
	--lightbox-background-color: hsl(0, 0%, 0%, 1);
	--lightbox-color: var(--color-dark-text);
	/*Button*/
	--lightbox-btn-background-color: transparent;
	--lightbox-btn-color: var(--color-dark-text);
	--lightbox-btn-hover-background-color: var(--color-white-030);
	--lightbox-btn-hover-color: #ffffff;
	--lightbox-btn-disabled-background-color: transparent;
	--lightbox-btn-disabled-color: var(--color-neutral);
	/*Counter*/
	--lightbox-counter-color: var(--color-dark-neutral);
	/*Caption*/
	--lightbox-caption-background-color: transparent;
	--lightbox-caption-color: var(--color-dark-text);
	/*Copyright*/
	--lightbox-copyright-background-color: hsl(0deg 0% 100% / 80%);
	--lightbox-copyright-color: hsl(228deg 24% 23%);
	/*Loading error*/
	--lightbox-loading-error-background-color: hsl(0deg 0% 100%);
	--lightbox-loading-error-color: hsl(228deg 24% 23%);
	/*Loader*/
	--lightbox-loader-background-color: var(--color-white-030);
	--lightbox-loader-color: var(--color-dark-text);
}
/* PROJECT SPECIFIC CSS 〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰 */

h1,
h2,
h3 {
	font-weight: 660;
}

body {
	font-size: var(--scale-0);
}