/*
Theme Name: Treated
Theme URI: https://treated.hypedev.23x.me/
Description: Custom theme by Hype London x DS for Treated
Version: 1.0
Author: Hype London
Author URI: https://hypelondon.co.uk
*/

:root {
	  --gutter: 20px;
	  --pageMarginTotal: 80px;
	  --pageMargin: -webkit-calc(var(--pageMarginTotal) - (var(--gutter) / 2));
	  --pageMargin: calc(var(--pageMarginTotal) - (var(--gutter) / 2));
	  --vertical: 80px;
	  --easeInOutQuad: cubic-bezier(0.45, 0, 0.55, 1);
	  --easeInQuad: cubic-bezier(0.11, 0, 0.5, 0);
	  --easeOutQuad: cubic-bezier(0.5, 1, 0.89, 1);
	  --easeInOutQuart: cubic-bezier(0.76, 0, 0.24, 1);
	  --treated-blue: #96F0FF;
	  --treated-dark-grey: #282832;
	  --treated-orange: #FFA178;
	  --treated-mid-grey: #E2DED9;
	  --treated-light-grey: #F3F2F0; }
	  @media all and (max-width: 1024px) {
		:root {
		  --pageMarginTotal: 50px; } }
	  @media all and (max-width: 768px) {
		:root {
		  --pageMarginTotal: 30px; } }
	  @media all and (max-width: 580px) {
		:root {
		  --pageMarginTotal: 20px; } }
	*,
	*::before,
	*::after {
	  box-sizing: border-box; }
	
	body,
	h1,
	h2,
	h3,
	h4,
	p,
	ul,
	ol,
	li,
	figure,
	figcaption,
	blockquote,
	dl,
	dd {
	  margin: 0;
	  padding: 0; }
	
	body {
	  scroll-behavior: smooth;
	  -webkit-font-smoothing: antialiased; }
	
	ul,
	ol {
	  list-style: none;
	  padding: 0; }
	
	a:not([class]) {
	  -webkit-text-decoration-skip: ink;
			  text-decoration-skip-ink: auto; }
	
	img {
	  max-width: 100%;
	  height: auto;
	  display: block; }
	
	input,
	button,
	textarea,
	select {
	  font: inherit; }
	
	@media (prefers-reduced-motion: reduce) {
	  * {
		-webkit-animation-duration: 0.01ms !important;
				animation-duration: 0.01ms !important;
		-webkit-animation-iteration-count: 1 !important;
				animation-iteration-count: 1 !important;
		-webkit-transition-duration: 0.01ms !important;
				transition-duration: 0.01ms !important;
		scroll-behavior: auto !important; } }
	
	.icon {
	  display: inline-block;
	  width: 1em;
	  height: 1em;
	  stroke-width: 0;
	  stroke: currentColor;
	  fill: currentColor; }
	
	.icon-portrait {
	  width: 0.7138671875em; }
	
	.icon-landscape {
	  width: 1.4287109375em; }
	
	b {
	  font-weight: 600; }
	
	.text-l {
	  text-align: left; }
	
	.text-c {
	  text-align: center; }
	
	.text-r {
	  text-align: right; }
	
	.float-l {
	  float: left; }
	
	.float-r {
	  float: right; }
	
	/* WORDPRESS */
	img.alignright {
	  float: right;
	  margin: 0 0 1em 1em; }
	
	img.alignleft {
	  float: left;
	  margin: 0 1em 1em 0; }
	
	img.aligncenter {
	  display: block;
	  margin-left: auto;
	  margin-right: auto; }
	
	.alignright {
	  float: right; }
	
	.alignleft {
	  float: left; }
	
	.aligncenter {
	  display: block;
	  margin-left: auto;
	  margin-right: auto; }
	
	.columns {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-flex-wrap: wrap;
			  flex-wrap: wrap;
	  padding: 0 var(--pageMargin);
	  width: 100%;
	  -webkit-transition: padding 0.3s var(--easeInOutQuad);
	  transition: padding 0.3s var(--easeInOutQuad); }
	  .columns .columns {
		padding: 0;
		margin-left: -webkit-calc((var(--gutter) / 2) * -1);
		margin-left: calc((var(--gutter) / 2) * -1);
		width: -webkit-calc(100% + var(--gutter));
		width: calc(100% + var(--gutter)); }
	  .columns.no-page-margin {
		padding: 0; }
		.columns.no-page-margin .columns {
			width: 100%;
		}
	
	.col.full-bleed {
	  padding: 0; }
	
	.col {
	  padding: 0 -webkit-calc(var(--gutter) / 2);
	  padding: 0 calc(var(--gutter) / 2); }
	
	.col-1 {
	  width: 6.25%; }
	
	.col-2 {
	  width: 12.5%; }
	
	.col-3 {
	  width: 18.75%; }
	
	.col-4 {
	  width: 25%; }
	
	.col-5 {
	  width: 31.25%; }
	
	.col-6 {
	  width: 37.5%; }
	
	.col-7 {
	  width: 43.75%; }
	
	.col-8 {
	  width: 50%; }
	
	.col-9 {
	  width: 56.25%; }
	
	.col-10 {
	  width: 62.5%; }
	
	.col-11 {
	  width: 68.75%; }
	
	.col-12 {
	  width: 75%; }
	
	.col-13 {
	  width: 81.25%; }
	
	.col-14 {
	  width: 87.5%; }
	
	.col-15 {
	  width: 93.75%; }
	
	.col-16 {
	  width: 100%; }
	
	.push-1 {
	  margin-left: 6.25%; }
	
	.push-2 {
	  margin-left: 12.5%; }
	
	.push-3 {
	  margin-left: 18.75%; }
	
	.push-4 {
	  margin-left: 25%; }
	
	.push-5 {
	  margin-left: 31.25%; }
	
	.push-6 {
	  margin-left: 37.5%; }
	
	.push-7 {
	  margin-left: 43.75%; }
	
	.push-8 {
	  margin-left: 50%; }
	
	.push-9 {
	  margin-left: 56.25%; }
	
	.push-10 {
	  margin-left: 62.5%; }
	
	.push-11 {
	  margin-left: 68.75%; }
	
	.push-12 {
	  margin-left: 75%; }
	
	.push-13 {
	  margin-left: 81.25%; }
	
	.push-14 {
	  margin-left: 87.5%; }
	
	.push-15 {
	  margin-left: 93.75%; }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-1 {
		margin-left: 6.25%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-2 {
		margin-left: 12.5%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-3 {
		margin-left: 18.75%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-4 {
		margin-left: 25%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-5 {
		margin-left: 31.25%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-6 {
		margin-left: 37.5%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-7 {
		margin-left: 43.75%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-8 {
		margin-left: 50%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-9 {
		margin-left: 56.25%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-10 {
		margin-left: 62.5%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-11 {
		margin-left: 68.75%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-12 {
		margin-left: 75%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-13 {
		margin-left: 81.25%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-14 {
		margin-left: 87.5%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-push-15 {
		margin-left: 93.75%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-1 {
		width: 6.25%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-2 {
		width: 12.5%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-3 {
		width: 18.75%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-4 {
		width: 25%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-5 {
		width: 31.25%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-6 {
		width: 37.5%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-7 {
		width: 43.75%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-8 {
		width: 50%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-9 {
		width: 56.25%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-10 {
		width: 62.5%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-11 {
		width: 68.75%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-12 {
		width: 75%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-13 {
		width: 81.25%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-14 {
		width: 87.5%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-15 {
		width: 93.75%; } }
	
	@media all and (max-width: 1024px) {
	  .tablet-lndscp-col-16 {
		width: 100%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-1 {
		margin-left: 6.25%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-2 {
		margin-left: 12.5%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-3 {
		margin-left: 18.75%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-4 {
		margin-left: 25%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-5 {
		margin-left: 31.25%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-6 {
		margin-left: 37.5%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-7 {
		margin-left: 43.75%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-8 {
		margin-left: 50%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-9 {
		margin-left: 56.25%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-10 {
		margin-left: 62.5%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-11 {
		margin-left: 68.75%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-12 {
		margin-left: 75%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-13 {
		margin-left: 81.25%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-14 {
		margin-left: 87.5%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-push-15 {
		margin-left: 93.75%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-1 {
		width: 6.25%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-2 {
		width: 12.5%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-3 {
		width: 18.75%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-4 {
		width: 25%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-5 {
		width: 31.25%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-6 {
		width: 37.5%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-7 {
		width: 43.75%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-8 {
		width: 50%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-9 {
		width: 56.25%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-10 {
		width: 62.5%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-11 {
		width: 68.75%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-12 {
		width: 75%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-13 {
		width: 81.25%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-14 {
		width: 87.5%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-15 {
		width: 93.75%; } }
	
	@media all and (max-width: 768px) {
	  .tablet-col-16 {
		width: 100%; } }
	
	@media screen and (max-width: 580px) {
	  .push-1,
	  .push-2,
	  .push-3,
	  .push-4,
	  .push-5,
	  .push-6,
	  .push-7,
	  .push-8,
	  .push-9,
	  .push-10,
	  .push-11,
	  .push-12,
	  .push-13,
	  .push-14,
	  .push-15,
	  .tablet-lndscp-push-1,
	  .tablet-lndscp-push-2,
	  .tablet-lndscp-push-3,
	  .tablet-lndscp-push-4,
	  .tablet-lndscp-push-5,
	  .tablet-lndscp-push-6,
	  .tablet-lndscp-push-7,
	  .tablet-lndscp-push-8,
	  .tablet-lndscp-push-9,
	  .tablet-lndscp-push-10,
	  .tablet-lndscp-push-11,
	  .tablet-lndscp-push-12,
	  .tablet-lndscp-push-13,
	  .tablet-lndscp-push-14,
	  .tablet-lndscp-push-15,
	  .tablet-push-1,
	  .tablet-push-2,
	  .tablet-push-3,
	  .tablet-push-4,
	  .tablet-push-5,
	  .tablet-push-6,
	  .tablet-push-7,
	  .tablet-push-8,
	  .tablet-push-9,
	  .tablet-push-10,
	  .tablet-push-11,
	  .tablet-push-12,
	  .tablet-push-13,
	  .tablet-push-14,
	  .tablet-push-15 {
		margin-left: 0; } }
	
	@media screen and (max-width: 580px) {
	  .col-1,
	  .col-2,
	  .col-3,
	  .col-4,
	  .col-5,
	  .col-6,
	  .col-7,
	  .col-8,
	  .col-9,
	  .col-10,
	  .col-11,
	  .col-12,
	  .col-13,
	  .col-14,
	  .col-15,
	  .col-16,
	  .tablet-lndscp-col-1,
	  .tablet-lndscp-col-2,
	  .tablet-lndscp-col-3,
	  .tablet-lndscp-col-4,
	  .tablet-lndscp-col-5,
	  .tablet-lndscp-col-6,
	  .tablet-lndscp-col-7,
	  .tablet-lndscp-col-8,
	  .tablet-lndscp-col-9,
	  .tablet-lndscp-col-10,
	  .tablet-lndscp-col-11,
	  .tablet-lndscp-col-12,
	  .tablet-lndscp-col-13,
	  .tablet-lndscp-col-14,
	  .tablet-lndscp-col-15,
	  .tablet-lndscp-col-16,
	  .tablet-col-1,
	  .tablet-col-2,
	  .tablet-col-3,
	  .tablet-col-4,
	  .tablet-col-5,
	  .tablet-col-6,
	  .tablet-col-7,
	  .tablet-col-8,
	  .tablet-col-9,
	  .tablet-col-10,
	  .tablet-col-11,
	  .tablet-col-12,
	  .tablet-col-13,
	  .tablet-col-14,
	  .tablet-col-15,
	  .tablet-col-16 {
		width: 100%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-1 {
		margin-left: 6.25%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-2 {
		margin-left: 12.5%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-3 {
		margin-left: 18.75%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-4 {
		margin-left: 25%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-5 {
		margin-left: 31.25%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-6 {
		margin-left: 37.5%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-7 {
		margin-left: 43.75%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-8 {
		margin-left: 50%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-9 {
		margin-left: 56.25%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-10 {
		margin-left: 62.5%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-11 {
		margin-left: 68.75%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-12 {
		margin-left: 75%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-13 {
		margin-left: 81.25%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-14 {
		margin-left: 87.5%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-push-15 {
		margin-left: 93.75%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-1 {
		width: 6.25%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-2 {
		width: 12.5%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-3 {
		width: 18.75%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-4 {
		width: 25%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-5 {
		width: 31.25%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-6 {
		width: 37.5%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-7 {
		width: 43.75%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-8 {
		width: 50%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-9 {
		width: 56.25%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-10 {
		width: 62.5%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-11 {
		width: 68.75%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-12 {
		width: 75%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-13 {
		width: 81.25%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-14 {
		width: 87.5%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-15 {
		width: 93.75%; } }
	
	@media all and (max-width: 580px) {
	  .mobile-col-16 {
		width: 100%; } }
	
	.show-tablet {
	  display: none; }
	  @media all and (max-width: 768px) {
		.show-tablet {
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: flex; } }
	@media all and (max-width: 768px) {
	  .hide-tablet {
		display: none; } }
	
	.show-mobile {
	  display: none; }
	  @media all and (max-width: 580px) {
		.show-mobile {
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: flex; } }
	@media all and (max-width: 580px) {
	  .hide-mobile {
		display: none; } }
	
	.bg-mid-grey {
	  background: var(--treated-mid-grey); }
	
	.bg-light-grey {
	  background: var(--treated-light-grey); }
	
	.bg-white {
	  background: white; }
	
	.bg-orange {
	  background: var(--treated-orange); }
	
	.bg-dark-grey {
	  background: var(--treated-dark-grey);
	  color: var(--treated-light-grey); }
	
	.colour-light-grey {
	  color: var(--treated-light-grey); }
	
	.bg-blue {
	  background: var(--treated-blue); }
	
	.color-blue {
	  color: var(--treated-blue); }
	
	/* Typography */
	@font-face {
	  font-family: 'simula-web';
	  src: url("assets/fonts/Simula-Book.woff2") format("woff2"), url("assets/fonts/Simula-Book.woff") format("woff"), url("assets/fonts/Simula-Book.eot") format("embedded-opentype");
	  font-weight: normal;
	  font-style: normal; }
	
	@font-face {
	  font-family: 'aeonik-web';
	  src: url("assets/fonts/Aeonik-Regular.woff2") format("woff2"), url("assets/fonts/Aeonik-Regular.woff") format("woff");
	  font-weight: normal;
	  font-style: normal; }
	
	@font-face {
	  font-family: 'aeonik-web';
	  src: url("assets/fonts/Aeonik-RegularItalic.woff2") format("woff2"), url("assets/fonts/Aeonik-RegularItalic.woff") format("woff");
	  font-weight: normal;
	  font-style: italic; }
	
	@font-face {
	  font-family: 'aeonik-web';
	  src: url("assets/fonts/Aeonik-Bold.woff2") format("woff2"), url("assets/fonts/Aeonik-Bold.woff") format("woff");
	  font-weight: 700;
	  font-style: normal; }
	
	@font-face {
	  font-family: 'aeonik-web';
	  src: url("assets/fonts/Aeonik-BoldItalic.woff2") format("woff2"), url("assets/fonts/Aeonik-BoldItalic.woff") format("woff");
	  font-weight: 700;
	  font-style: italic; }
	
	@font-face {
	  font-family: 'aeonik-web';
	  src: url("assets/fonts/Aeonik-Light.woff2") format("woff2"), url("assets/fonts/Aeonik-Light.woff") format("woff");
	  font-weight: 300;
	  font-style: normal; }
	
	@font-face {
	  font-family: 'aeonik-web';
	  src: url("assets/fonts/Aeonik-LightItalic.woff2") format("woff2"), url("assets/fonts/Aeonik-LightItalic.woff") format("woff");
	  font-weight: 300;
	  font-style: italic; }
	
	h1 {
	  font-weight: 400;
	  font-size: 100px;
	  line-height: 102%;
	  font-family: 'simula-web', serif;
	  margin-bottom: 50px; }
	  @media all and (max-width: 580px) {
		h1 {
		  font-size: 60px; } }
	h2 {
	  font-family: 'simula-web', serif;
	  font-style: normal;
	  font-weight: normal;
	  font-size: 32px;
	  line-height: 118.2%; }
	  @media all and (max-width: 580px) {
		h2 {
		  font-size: 22px; } }
	  h2:not(:last-child) {
		margin-bottom: 20px; }
	
	h2.tagline {
	  font-weight: 400;
	  font-size: 28px;
	  line-height: 128.6%;
	  font-family: 'aeonik-web', sans-serif; }
	  @media all and (max-width: 580px) {
		h2.tagline {
		  font-size: 18px; } }
	h3 {
	  font-style: normal;
	  font-weight: bold;
	  font-size: 18px;
	  line-height: 22px;
	  letter-spacing: 0.2em;
	  text-transform: uppercase; }
	
	h4 {
	  font-style: normal;
	  font-weight: bold;
	  font-size: 18px;
	  line-height: 116%; }
	
	/* General Styles */
	.transition-page {
	  -webkit-transition: 0.4s;
	  transition: 0.4s;
	  opacity: 1; }
	
	html.is-animating .transition-page {
	  opacity: 0; }
	
	body {
	  font-weight: 400;
	  font-size: 18px;
	  line-height: 22px;
	  font-family: 'aeonik-web', sans-serif;
	  font-style: normal;
	  font-weight: normal;
	  background: var(--treated-blue);
	  color: var(--treated-dark-grey); }
	
	header {
	  position: absolute;
	  top: 69px;
	  left: 0;
	  width: 100%;
	  z-index: 500; }
	  @media all and (max-width: 580px) {
		header {
		  top: 40px; } }
	  header > .columns {
		-webkit-box-align: center;
		-webkit-align-items: center;
				align-items: center; }
	  header nav ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
				align-items: center;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
				justify-content: flex-end; }
	  header.menu-open .header-logo-link {
		color: var(--treated-blue); }
	  header.menu-open .burger-link .menu-line {
		background: var(--treated-blue);
		-webkit-transition: background 1s var(--easeInOutQuad), top 0.2s var(--easeInOutQuad), -webkit-transform 0.2s 0.2s var(--easeInOutQuad);
		transition: background 1s var(--easeInOutQuad), top 0.2s var(--easeInOutQuad), -webkit-transform 0.2s 0.2s var(--easeInOutQuad);
		transition: background 1s var(--easeInOutQuad), top 0.2s var(--easeInOutQuad), transform 0.2s 0.2s var(--easeInOutQuad);
		transition: background 1s var(--easeInOutQuad), top 0.2s var(--easeInOutQuad), transform 0.2s 0.2s var(--easeInOutQuad), -webkit-transform 0.2s 0.2s var(--easeInOutQuad); }
		header.menu-open .burger-link .menu-line:nth-child(1) {
		  top: 8px;
		  -webkit-transform: rotate(45deg);
				  transform: rotate(45deg); }
		header.menu-open .burger-link .menu-line:nth-child(2) {
		  top: 8px;
		  -webkit-transform: rotate(-45deg);
				  transform: rotate(-45deg); }
	
	.main-nav {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  padding-top: 100px;
	  z-index: 400;
	  background: var(--treated-dark-grey);
	  color: var(--treated-light-grey);
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
			  align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
			  justify-content: center;
	  text-align: center;
	  opacity: 0;
	  visibility: hidden;
	  pointer-events: none;
	  -webkit-transition: all 1s var(--easeInOutQuad);
	  transition: all 1s var(--easeInOutQuad); }
	  .main-nav.show {
		opacity: 1;
		visibility: visible;
		pointer-events: all; }
		.main-nav.show ul li {
		  -webkit-animation: navItemIn 1s forwards var(--easeOutQuad);
				  animation: navItemIn 1s forwards var(--easeOutQuad);
		  -webkit-animation-delay: -webkit-calc(var(--i) * .1s);
				  animation-delay: calc(var(--i) * .1s); }
	  .main-nav ul li {
		opacity: 0;
		-webkit-transform: translateY(40px);
				transform: translateY(40px);
		-webkit-transition: opacity 0.5s var(--easeInOutQuad);
		transition: opacity 0.5s var(--easeInOutQuad); }
		.main-nav ul li:not(:last-child) {
		  margin-bottom: 10px; }
		.main-nav ul li a {
		  line-height: 102.2%;
		  font-family: 'simula-web', serif;
		  font-size: 4.66vh;
		  color: var(--treated-light-grey);
		  text-decoration: none;
		  -webkit-transition: color 0.3s var(--easeOutQuad);
		  transition: color 0.3s var(--easeOutQuad); }
		  .main-nav ul li a:hover {
			color: var(--treated-blue); }
		  @media all and (max-width: 580px) {
			.main-nav ul li a {
			  font-size: 3.5vh; } }
	.header-logo-col {
	  text-align: center; }
	  @media all and (max-width: 580px) {
		.header-logo-col {
		  text-align: left; } }
	  .header-logo-col a {
		display: inline-block; }
	
	.header-logo-link {
	  font-size: 61px;
	  color: var(--treated-dark-grey);
	  -webkit-transition: color 1s var(--easeInOutQuad);
	  transition: color 1s var(--easeInOutQuad); }
	
	.burger-wrap {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: end;
	  -webkit-justify-content: flex-end;
			  justify-content: flex-end; }
	
	.burger-link {
	  display: block;
	  width: 41px;
	  height: 20px;
	  position: relative;
	  text-decoration: none; }
	  .burger-link .menu-line {
		position: absolute;
		width: 100%;
		height: 4px;
		border-radius: 8px;
		background: var(--treated-dark-grey);
		-webkit-transition: background 1s var(--easeInOutQuad), top 0.2s 0.2s var(--easeInOutQuad), -webkit-transform 0.2s var(--easeInOutQuad);
		transition: background 1s var(--easeInOutQuad), top 0.2s 0.2s var(--easeInOutQuad), -webkit-transform 0.2s var(--easeInOutQuad);
		transition: background 1s var(--easeInOutQuad), top 0.2s 0.2s var(--easeInOutQuad), transform 0.2s var(--easeInOutQuad);
		transition: background 1s var(--easeInOutQuad), top 0.2s 0.2s var(--easeInOutQuad), transform 0.2s var(--easeInOutQuad), -webkit-transform 0.2s var(--easeInOutQuad); }
		.burger-link .menu-line:nth-child(1) {
		  top: 0;
		  left: 0; }
		.burger-link .menu-line:nth-child(2) {
		  top: 16px;
		  left: 0; }
	
	.home-anim {
	  min-height: 100vh;
	  min-height: -webkit-calc(var(--vh, 1vh) * 100);
	  min-height: calc(var(--vh, 1vh) * 100);
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
			  align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
			  justify-content: center;
	  position: relative;
	  text-align: center;
	  overflow: hidden; }
	  .home-anim .intro-title {
		font-weight: 400;
		font-size: 51px;
		line-height: 1.02em;
		font-family: 'simula-web', serif;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		width: 100%;
		-webkit-transition: opacity 0.5s 0.5s var(--easeInOutQuad);
		transition: opacity 0.5s 0.5s var(--easeInOutQuad);
		z-index: 10; }
		@media all and (max-width: 580px) {
		  .home-anim .intro-title {
			font-size: 30px; } }
		.home-anim .intro-title span {
		  opacity: 0;
		  -webkit-animation: fadeIn 1s forwards var(--easeInOutQuad);
				  animation: fadeIn 1s forwards var(--easeInOutQuad);
		  -webkit-animation-delay: -webkit-calc(var(--i) * .25s);
				  animation-delay: calc(var(--i) * .25s); }
	  .home-anim .intro-nav {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 1s 4s var(--easeInOutQuad), visibility 1s 4s var(--easeInOutQuad);
		transition: opacity 1s 4s var(--easeInOutQuad), visibility 1s 4s var(--easeInOutQuad);
		z-index: 20;
		margin-top: 40px; }
		.home-anim .intro-nav ul li {
		  opacity: 0;
		  -webkit-transform: translateY(40px);
				  transform: translateY(40px); }
		  .home-anim .intro-nav ul li:not(:last-child) {
			margin-bottom: 10px; }
		  .home-anim .intro-nav ul li a {
			line-height: 102.2%;
			font-family: 'simula-web', serif;
			font-size: 4.66vh;
			color: var(--treated-dark-grey);
			text-decoration: none;
			-webkit-transition: color 0.3s var(--easeOutQuad);
			transition: color 0.3s var(--easeOutQuad); }
			.home-anim .intro-nav ul li a:hover {
			  color: var(--treated-orange); }
			@media all and (max-width: 580px) {
			  .home-anim .intro-nav ul li a {
				font-size: 3.5vh; } }
	  .home-anim .scroll-arrow {
		position: absolute;
		bottom: 0;
		left: 50%;
		font-size: 25px;
		color: var(--treated-dark-grey);
		-webkit-transform: translate(-50%, -15px);
				transform: translate(-50%, -15px);
		opacity: 0;
		display: block;
		padding: var(--pageMarginTotal);
		-webkit-animation: introArrow 1s 2s forwards var(--easeInOutQuad);
				animation: introArrow 1s 2s forwards var(--easeInOutQuad);
		-webkit-transition: opacity 0.5s var(--easeInOutQuad), visibility 0.5s var(--easeInOutQuad);
		transition: opacity 0.5s var(--easeInOutQuad), visibility 0.5s var(--easeInOutQuad); }
	  .home-anim .start-arrow {
		position: absolute;
		bottom: 0;
		left: 50%;
		font-size: 25px;
		color: var(--treated-dark-grey);
		-webkit-transform: translate(-50%, 15px);
				transform: translate(-50%, 15px);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		display: block;
		padding: 38px;
		-webkit-transition: opacity 1s 7s var(--easeInOutQuad), visibility 1s 7s var(--easeInOutQuad), -webkit-transform 1s 7s var(--easeInOutQuad);
		transition: opacity 1s 7s var(--easeInOutQuad), visibility 1s 7s var(--easeInOutQuad), -webkit-transform 1s 7s var(--easeInOutQuad);
		transition: opacity 1s 7s var(--easeInOutQuad), transform 1s 7s var(--easeInOutQuad), visibility 1s 7s var(--easeInOutQuad);
		transition: opacity 1s 7s var(--easeInOutQuad), transform 1s 7s var(--easeInOutQuad), visibility 1s 7s var(--easeInOutQuad), -webkit-transform 1s 7s var(--easeInOutQuad); }
	  .home-anim #doctor {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		-webkit-transform: translate3d(-50%, -50%, 0);
				transform: translate3d(-50%, -50%, 0);
		text-align: center;
		opacity: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		pointer-events: none;
		-webkit-animation: fadeIn 2s forwards var(--easeInOutQuad);
				animation: fadeIn 2s forwards var(--easeInOutQuad);
		-webkit-transition: top 2s 1s var(--easeInOutQuad), left 1.5s 1.5s var(--easeInOutQuad), opacity 1s 3s var(--easeInOutQuad);
		transition: top 2s 1s var(--easeInOutQuad), left 1.5s 1.5s var(--easeInOutQuad), opacity 1s 3s var(--easeInOutQuad); }
	  .home-anim .doctor-graphic {
		position: absolute;
		top: 0%;
		left: 0%;
		-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		width: 70vw;
		height: 70vw;
		opacity: 0;
		pointer-events: none;
		-webkit-animation: fadeIn 2s forwards var(--easeInOutQuad);
				animation: fadeIn 2s forwards var(--easeInOutQuad);
		-webkit-transition: top 3s 1s var(--easeInOutQuad), width 3s 1s var(--easeInOutQuad), height 3s 1s var(--easeInOutQuad), left 2s 2s var(--easeInOutQuad), opacity 1s 3s var(--easeInOutQuad), -webkit-transform 3s 1s var(--easeInOutQuad);
		transition: top 3s 1s var(--easeInOutQuad), width 3s 1s var(--easeInOutQuad), height 3s 1s var(--easeInOutQuad), left 2s 2s var(--easeInOutQuad), opacity 1s 3s var(--easeInOutQuad), -webkit-transform 3s 1s var(--easeInOutQuad);
		transition: top 3s 1s var(--easeInOutQuad), width 3s 1s var(--easeInOutQuad), height 3s 1s var(--easeInOutQuad), transform 3s 1s var(--easeInOutQuad), left 2s 2s var(--easeInOutQuad), opacity 1s 3s var(--easeInOutQuad);
		transition: top 3s 1s var(--easeInOutQuad), width 3s 1s var(--easeInOutQuad), height 3s 1s var(--easeInOutQuad), transform 3s 1s var(--easeInOutQuad), left 2s 2s var(--easeInOutQuad), opacity 1s 3s var(--easeInOutQuad), -webkit-transform 3s 1s var(--easeInOutQuad); }
		.home-anim .doctor-graphic:after {
		  content: '';
		  display: block;
		  width: 100%;
		  height: 100%;
		  border-radius: 100%;
		  background: var(--treated-blue);
		  position: absolute;
		  top: 0;
		  left: 0;
		  -webkit-filter: blur(5vw);
				  filter: blur(5vw);
		  z-index: 0;
		  -webkit-animation: doctorOuter 4s infinite var(--easeInOutQuad);
				  animation: doctorOuter 4s infinite var(--easeInOutQuad); }
		.home-anim .doctor-graphic:before {
		  content: '';
		  display: block;
		  width: 58%;
		  height: 58%;
		  border-radius: 100%;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  -webkit-transform: translate(-50%, -50%);
				  transform: translate(-50%, -50%);
		  background: var(--treated-mid-grey);
		  z-index: 1;
		  -webkit-animation: doctorInner 4s infinite var(--easeInOutQuad);
				  animation: doctorInner 4s infinite var(--easeInOutQuad); }
	  .home-anim #patient {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		-webkit-transform: translate3d(-50%, -50%, 0);
				transform: translate3d(-50%, -50%, 0);
		text-align: center;
		opacity: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		pointer-events: none;
		-webkit-animation: fadeIn 2s forwards var(--easeInOutQuad);
				animation: fadeIn 2s forwards var(--easeInOutQuad);
		-webkit-transition: top 2s 1s var(--easeInOutQuad), left 1.5s 1.5s var(--easeInOutQuad), opacity 1s 3s var(--easeInOutQuad);
		transition: top 2s 1s var(--easeInOutQuad), left 1.5s 1.5s var(--easeInOutQuad), opacity 1s 3s var(--easeInOutQuad); }
	  .home-anim .patient-graphic {
		position: absolute;
		top: 100%;
		left: 100%;
		pointer-events: none;
		-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		height: 100vw;
		width: 100vw;
		opacity: 0;
		-webkit-animation: fadeIn 2s forwards var(--easeInOutQuad);
				animation: fadeIn 2s forwards var(--easeInOutQuad);
		-webkit-clip-path: circle(50% at 50% 50%);
				clip-path: circle(50% at 50% 50%);
		-webkit-transition: top 3s 1s var(--easeInOutQuad), left 2s 2s var(--easeInOutQuad), opacity 1s 3s var(--easeInOutQuad), -webkit-transform 3s 1s var(--easeInOutQuad);
		transition: top 3s 1s var(--easeInOutQuad), left 2s 2s var(--easeInOutQuad), opacity 1s 3s var(--easeInOutQuad), -webkit-transform 3s 1s var(--easeInOutQuad);
		transition: top 3s 1s var(--easeInOutQuad), transform 3s 1s var(--easeInOutQuad), left 2s 2s var(--easeInOutQuad), opacity 1s 3s var(--easeInOutQuad);
		transition: top 3s 1s var(--easeInOutQuad), transform 3s 1s var(--easeInOutQuad), left 2s 2s var(--easeInOutQuad), opacity 1s 3s var(--easeInOutQuad), -webkit-transform 3s 1s var(--easeInOutQuad); }
		.home-anim .patient-graphic:after {
		  content: "";
		  display: block;
		  width: 110%;
		  height: 110%;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  -webkit-transform: translate(-50%, -50%);
				  transform: translate(-50%, -50%);
		  background: #ffa178;
		  background: radial-gradient(circle, #ffa178 0%, rgba(255, 161, 120, 0.7) 30%, rgba(226, 222, 217, 0) 70%);
		  -webkit-animation: patientInner 6s infinite linear;
				  animation: patientInner 6s infinite linear; }
	  .home-anim #logo {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		-webkit-transition: top 2s 4.5s var(--easeInOutQuad), max-height 3s 3.5s var(--easeInOutQuart), -webkit-transform 3s 3.5s var(--easeInOutQuart);
		transition: top 2s 4.5s var(--easeInOutQuad), max-height 3s 3.5s var(--easeInOutQuart), -webkit-transform 3s 3.5s var(--easeInOutQuart);
		transition: top 2s 4.5s var(--easeInOutQuad), transform 3s 3.5s var(--easeInOutQuart), max-height 3s 3.5s var(--easeInOutQuart);
		transition: top 2s 4.5s var(--easeInOutQuad), transform 3s 3.5s var(--easeInOutQuart), max-height 3s 3.5s var(--easeInOutQuart), -webkit-transform 3s 3.5s var(--easeInOutQuart);
		pointer-events: none;
		max-height: 272px; }
		.home-anim #logo svg {
		  -webkit-transform: translate(0, -25%) !important;
				  transform: translate(0, -25%) !important;
		  -webkit-transition: -webkit-transform 3s 3.5s var(--easeInOutQuart);
		  transition: -webkit-transform 3s 3.5s var(--easeInOutQuart);
		  transition: transform 3s 3.5s var(--easeInOutQuart);
		  transition: transform 3s 3.5s var(--easeInOutQuart), -webkit-transform 3s 3.5s var(--easeInOutQuart); }
	  .home-anim.stage-2 #doctor {
		top: 145%;
		left: 50%;
		opacity: 0; }
	  .home-anim.stage-2 .doctor-graphic {
		top: 90%;
		left: 50%;
		opacity: 0;
		width: 100vw;
		height: 100vw;
		-webkit-transform: translate(-50%, 0);
				transform: translate(-50%, 0); }
	  .home-anim.stage-2 #patient {
		top: -100%;
		left: 10%;
		opacity: 0; }
	  .home-anim.stage-2 .patient-graphic {
		top: 0;
		left: 50%;
		opacity: 0;
		-webkit-transform: translate(-50%, -100%);
				transform: translate(-50%, -100%); }
	  .home-anim.stage-2 .intro-title {
		opacity: 0; }
	  .home-anim.stage-2 .scroll-arrow {
		opacity: 0;
		visibility: hidden; }
	  .home-anim.stage-2 .start-arrow {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
		-webkit-transform: translate(-50%, 0px);
				transform: translate(-50%, 0px); }
	  .home-anim.stage-2 .intro-nav {
		opacity: 1;
		visibility: visible; }
		.home-anim.stage-2 .intro-nav ul li {
		  -webkit-animation: navItemIn 1s forwards var(--easeOutQuad);
				  animation: navItemIn 1s forwards var(--easeOutQuad);
		  -webkit-animation-delay: -webkit-calc(5.9s + (var(--i) * .1s));
				  animation-delay: calc(5.9s + (var(--i) * .1s)); }
	  .home-anim.stage-2 #logo {
		top: 60px;
		-webkit-transform: translate(-50%, 0%);
				transform: translate(-50%, 0%);
		max-height: 61px; }
		.home-anim.stage-2 #logo svg {
		  -webkit-transform: translate(0, -44.5%) scale(0.22) !important;
				  transform: translate(0, -44.5%) scale(0.22) !important; }
	
	@-webkit-keyframes doctorOuter {
	  0% {
		-webkit-transform: scale(1);
				transform: scale(1); }
	  50% {
		-webkit-transform: scale(0.9);
				transform: scale(0.9); }
	  100% {
		-webkit-transform: scale(1);
				transform: scale(1); } }
	
	@keyframes doctorOuter {
	  0% {
		-webkit-transform: scale(1);
				transform: scale(1); }
	  50% {
		-webkit-transform: scale(0.9);
				transform: scale(0.9); }
	  100% {
		-webkit-transform: scale(1);
				transform: scale(1); } }
	
	@-webkit-keyframes doctorInner {
	  0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
				transform: translate(-50%, -50%) scale(1); }
	  50% {
		-webkit-transform: translate(-50%, -50%) scale(1.05);
				transform: translate(-50%, -50%) scale(1.05); }
	  100% {
		-webkit-transform: translate(-50%, -50%) scale(1);
				transform: translate(-50%, -50%) scale(1); } }
	
	@keyframes doctorInner {
	  0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
				transform: translate(-50%, -50%) scale(1); }
	  50% {
		-webkit-transform: translate(-50%, -50%) scale(1.05);
				transform: translate(-50%, -50%) scale(1.05); }
	  100% {
		-webkit-transform: translate(-50%, -50%) scale(1);
				transform: translate(-50%, -50%) scale(1); } }
	
	@-webkit-keyframes patientInner {
	  0% {
		top: 50%;
		left: 50%; }
	  25% {
		top: 45%;
		left: 45%; }
	  50% {
		top: 45%;
		left: 55%; }
	  75% {
		top: 55%;
		left: 55%; }
	  100% {
		top: 50%;
		left: 50%; } }
	
	@keyframes patientInner {
	  0% {
		top: 50%;
		left: 50%; }
	  25% {
		top: 45%;
		left: 45%; }
	  50% {
		top: 45%;
		left: 55%; }
	  75% {
		top: 55%;
		left: 55%; }
	  100% {
		top: 50%;
		left: 50%; } }
	
	@-webkit-keyframes fadeIn {
	  to {
		opacity: 1; } }
	
	@keyframes fadeIn {
	  to {
		opacity: 1; } }
	
	@-webkit-keyframes navItemIn {
	  to {
		opacity: 1;
		-webkit-transform: translateY(0);
				transform: translateY(0); } }
	
	@keyframes navItemIn {
	  to {
		opacity: 1;
		-webkit-transform: translateY(0);
				transform: translateY(0); } }
	
	@-webkit-keyframes introArrow {
	  to {
		opacity: 1;
		-webkit-transform: translate(-50%, 0);
				transform: translate(-50%, 0); } }
	
	@keyframes introArrow {
	  to {
		opacity: 1;
		-webkit-transform: translate(-50%, 0);
				transform: translate(-50%, 0); } }
	
	.page-intro {
	  min-height: 100vh;
	  min-height: -webkit-calc(var(--vh, 1vh) * 100);
	  min-height: calc(var(--vh, 1vh) * 100);
	  background: var(--treated-blue);
	  text-align: center;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
			  align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
			  justify-content: center; }
			  
	.page-intro h2.tagline {
		max-width: 800px;
		margin: 0 auto;
	}
	
	.col {
	  opacity: 0; }
	
	.come-in {
	  -webkit-animation: fadeIn 1.2s var(--easeInOutQuad) forwards;
			  animation: fadeIn 1.2s var(--easeInOutQuad) forwards;
	  -webkit-animation-delay: -webkit-calc(var(--animIndx) * 0.2s);
			  animation-delay: calc(var(--animIndx) * 0.2s); }
	
	.section-title {
	  text-align: center;
	  padding: 25px 0;
	  margin-bottom: 90px; }
	
	.section-tagline {
	  text-align: center;
	  margin-bottom: 140px; }
	  .section-tagline.no-margin {
		margin-bottom: 0; }
	
	.section-big-title {
	  text-align: center;
	  margin-top: -30px;
	  margin-bottom: 70px; }
	
	.page-section {
	  padding: 185px 0; }
	
	.page-section.bg-light-grey + .page-section.bg-light-grey,
	.page-section.bg-mid-grey + .page-section.bg-mid-grey,
	.page-section.bg-white + .page-section.bg-white {
	  padding-top: 0; }
	
	section {
	  position: relative;
	  scroll-snap-align: start; }
	
	.bottom-gradient {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  -webkit-transform: translate(0, 64%);
			  transform: translate(0, 64%);
	  width: 100%;
	  height: 0;
	  padding-bottom: 47.84%;
	  z-index: -1; }
	  .bottom-gradient.doctor {
		background: radial-gradient(44.77% 27.94% at 49.37% 38.1%, #78ECFF 0%, rgba(150, 240, 255, 0) 100%); }
	  .bottom-gradient.patient {
		background: radial-gradient(44.77% 27.94% at 49.37% 38.1%, #FFA178 0%, rgba(255, 161, 120, 0) 100%); }
	
	.annotated-text {
	  text-align: center;
	  margin: 170px 0; }
	  .annotated-text > span {
		font-family: 'simula-web', serif;
		line-height: 102%; }
		.annotated-text > span {
		  font-size: 30px; }
		  @media screen and (min-width: 580px) {
			.annotated-text > span {
			  font-size: -webkit-calc(30px + 52 * ((100vw - 580px) / 860));
			  font-size: calc(30px + 52 * ((100vw - 580px) / 860)); } }
		  @media screen and (min-width: 1440px) {
			.annotated-text > span {
			  font-size: 82px; } }
	  .annotated-text span.word {
		position: relative;
		-webkit-transition: color 0.3s var(--easeInOutQuad);
		transition: color 0.3s var(--easeInOutQuad); }
		.annotated-text span.word:hover {
		  color: var(--treated-blue);
		  cursor: default; }
		  .annotated-text span.word:hover .word-annotation {
			opacity: 1;
			visibility: visible; }
	  .annotated-text .word-annotation {
		font-weight: 400;
		font-size: 18px;
		line-height: 22px;
		font-family: 'aeonik-web', sans-serif;
		font-style: normal;
		font-weight: normal;
		position: absolute;
		display: block;
		bottom: 100%;
		left: 0;
		opacity: 0;
		visibility: hidden;
		border-left: 1px solid var(--treated-blue);
		text-align: left;
		padding-bottom: 100px;
		padding-left: 14px;
		-webkit-transition: all 0.3s var(--easeInOutQuad);
		transition: all 0.3s var(--easeInOutQuad);
		width: 100vw;
		max-width: 460px; }
		.annotated-text .word-annotation ul {
		  list-style: disc;
		  margin-left: 20px; }
		  .annotated-text .word-annotation ul li:not(:last-child) {
			margin-bottom: 5px; }
		.annotated-text .word-annotation.bottom {
		  bottom: auto;
		  top: 100%;
		  padding-bottom: 0;
		  padding-top: 100px; }
		  .annotated-text .word-annotation.bottom.middle {
			top: -webkit-calc(100% + 5.69vw);
			top: calc(100% + 5.69vw); }
	
	.medium-text {
	  display: block;
	  font-family: 'simula-web', serif;
	  letter-spacing: -0.01em;
	  font-variant-numeric: lining-nums;
	  line-height: 106.2%; }
	  .medium-text {
		font-size: 25px; }
		@media screen and (min-width: 580px) {
		  .medium-text {
			font-size: -webkit-calc(25px + 29 * ((100vw - 580px) / 860));
			font-size: calc(25px + 29 * ((100vw - 580px) / 860)); } }
		@media screen and (min-width: 1440px) {
		  .medium-text {
			font-size: 54px; } }
	.medium-text + .medium-text {
	  margin-top: 30px; }
	
	.large-text {
	  font-family: 'simula-web', serif;
	  line-height: 102.2%; }
	  .large-text {
		font-size: 40px; }
		@media screen and (min-width: 580px) {
		  .large-text {
			font-size: -webkit-calc(40px + 70 * ((100vw - 580px) / 860));
			font-size: calc(40px + 70 * ((100vw - 580px) / 860)); } }
		@media screen and (min-width: 1440px) {
		  .large-text {
			font-size: 110px; } }
	* + .tabs-wrap {
	  margin-top: 65px; }
	
	.large-text + .tagline {
	  margin-top: 38px; }
	
	.tabs-wrap {
		position: relative;
	}
	.tabs-wrap.with-bg {
	  padding: 80px 0; }
	
	.tabs-nav:not(.colour-nav) a {
	  display: inline-block;
	  padding: 10px 38px;
	  color: var(--treated-dark-grey);
	  text-decoration: none;
	  border-radius: 30px;
	  -webkit-transition: 0.3s var(--easeInOutQuad);
	  transition: 0.3s var(--easeInOutQuad);
	  font-weight: 700;
	  margin: 0 5px; }
	  .tabs-nav:not(.colour-nav) a:hover, .tabs-nav:not(.colour-nav) a.active {
		background: var(--treated-dark-grey);
		color: var(--treated-light-grey); }
	
	.tabs-nav.theme-blue a:hover, .tabs-nav.theme-blue a.active {
	  background: var(--treated-blue);
	  color: var(--treated-dark-grey); }
	
	.tabs-nav.theme-dark-grey a:hover, .tabs-nav.theme-dark-grey a.active {
	  background: var(--treated-dark-grey);
	  color: var(--treated-light-grey); }
	
	.tabs-nav.theme-orange a:hover, .tabs-nav.theme-orange a.active {
	  background: var(--treated-orange);
	  color: var(--treated-dark-grey); }
	  
	.tabs-nav.theme-orange a.hover-blue:hover, .tabs-nav.theme-orange a.hover-blue.active {
		background: var(--treated-blue);
		color: var(--treated-dark-grey); }
	
	.tabs-nav.theme-light-grey a {
	  color: var(--treated-light-grey); }
	  .tabs-nav.theme-light-grey a:hover, .tabs-nav.theme-light-grey a.active {
		background: var(--treated-light-grey);
		color: var(--treated-dark-grey); }
	
	.tabs-nav + .tabs {
	  margin-top: 90px; }
	
	.tabs + .tabs-nav {
	  margin-top: 33px; }
	  
	.tabs + .tabs-nav.colour-nav {
		margin-top: 0;
		position: absolute;
		bottom: 30px;
		left: 50%;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	
	.tabs + .tabs-nav.colour-nav a {
	  width: 47px;
	  height: 20px;
	  border-radius: 20px;
	  display: inline-block;
	  margin: 0 5px; }
	.tabs + .tabs-nav.colour-nav a.active {
		border: 1px solid var(--treated-dark-grey); }
	
	.tabs .tab {
	  display: none;
	  position: relative; }
	  .tabs .tab .come-in {
		-webkit-animation-delay: 0s;
				animation-delay: 0s; }
	  .tabs .tab.inset {
		padding: 73px 11%; }
		.tabs .tab.inset h4 {
		  margin-bottom: 60px; }
		.tabs .tab.inset .columns .col {
		  padding: 0 45px; }
	  .tabs .tab .media-block + p {
		margin-top: 30px; }
	  .tabs .tab.active {
		display: block; }
	
	.alternate-image-button {
	  position: absolute;
	  bottom: 33px;
	  left: 50px;
	  z-index: 15; }
	  .alternate-image-button.active {
		border-color: white;
		color: white; }
		.alternate-image-button.active:hover {
		  background: var(--treated-blue);
		  border-color: var(--treated-blue);
		  color: var(--treated-dark-grey); }
	
	.alternate-icons {
	  position: absolute;
	  bottom: 33px;
	  left: 43px;
	  z-index: 15; }
	  .alternate-icons a {
		font-size: 28px;
		color: var(--treated-light-grey);
		margin: 0 5px; }
		.alternate-icons a.active, .alternate-icons a:hover {
		  color: var(--treated-blue); }
	
	.text-slider .text-slide {
	  width: 100%;
	  margin-bottom: 150px; }
	  @media all and (max-width: 580px) {
		.text-slider .text-slide .col + .col {
		  margin-top: 40px; } }
	  .text-slider .text-slide .medium-text {
		font-size: 30px; }
		@media screen and (min-width: 580px) {
		  .text-slider .text-slide .medium-text {
			font-size: -webkit-calc(30px + 60 * ((100vw - 580px) / 860));
			font-size: calc(30px + 60 * ((100vw - 580px) / 860)); } }
		@media screen and (min-width: 1440px) {
		  .text-slider .text-slide .medium-text {
			font-size: 90px; } }
	.text-slider .flickity-page-dots {
	  bottom: 0; }
	  .text-slider .flickity-page-dots .dot {
		width: 30px;
		height: 10px;
		border-radius: 10px;
		opacity: 1; }
	
	.image-slider.margin-top {
	  margin-top: 140px; }
	
	.image-slider .image-slide {
	  width: 100%; }
	  .image-slider .image-slide.inset {
		padding: 73px 18.75%; }
	  .image-slider .image-slide.inset.with-content {
		padding: 73px 11%;
		font-size: 14px;
		line-height: 16px; }
		.image-slider .image-slide.inset.with-content h4 {
		  margin-bottom: 60px; }
		.image-slider .image-slide.inset.with-content .text-block {
		  font-size: 18px;
		  line-height: 21px; }
		.image-slider .image-slide.inset.with-content .columns .col {
		  padding: 0 45px; }
		.image-slider .image-slide.inset.with-content .media-block + p {
		  margin-top: 30px; }
	
	.image-slider .flickity-page-dots {
	  bottom: -30px; }
	  .image-slider .flickity-page-dots .dot {
		width: 30px;
		height: 10px;
		border-radius: 10px;
		opacity: 1;
		background: var(--treated-mid-grey); }
		.image-slider .flickity-page-dots .dot.is-selected {
		  background: var(--treated-blue); }
	
	.bg-dark-grey .text-slider .image-slide,
	.bg-dark-grey .image-slider .image-slide {
	  background: #373741; }
	
	.bg-dark-grey .text-slider .flickity-page-dots .dot,
	.bg-dark-grey .image-slider .flickity-page-dots .dot {
	  background: var(--treated-light-grey); }
	  .bg-dark-grey .text-slider .flickity-page-dots .dot.is-selected,
	  .bg-dark-grey .image-slider .flickity-page-dots .dot.is-selected {
		background: var(--treated-blue); }
	
	.section-slider {
	  scroll-snap-align: start; }
	  .section-slider section {
		width: 100%; }
	  .section-slider .flickity-page-dots {
		bottom: -30px;
		z-index: 10; }
		.section-slider .flickity-page-dots .dot {
		  width: 30px;
		  height: 10px;
		  border-radius: 10px;
		  opacity: 1;
		  background: var(--treated-mid-grey); }
		  .section-slider .flickity-page-dots .dot.is-selected {
			background: var(--treated-blue); }
	
	.text-block + .text-block {
	  margin-top: 50px; }
	
	span.medium-text + .text-block {
	  margin-top: 63px; }
	
	h3 + p {
	  margin-top: 17px; }
	
	.next-page-link {
	  scroll-snap-align: start;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
			  align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
			  justify-content: center;
	  text-decoration: none;
	  text-align: center;
	  overflow: hidden;
	  background: var(--treated-light-grey);
	  color: var(--treated-dark-grey);
	  height: 100vh;
	  height: -webkit-calc(var(--vh, 1vh) * 100);
	  height: calc(var(--vh, 1vh) * 100);
	  position: relative;
	  -webkit-transition: opacity 0.4s var(--easeInOutQuad), visibility 0.4s var(--easeInOutQuad);
	  transition: opacity 0.4s var(--easeInOutQuad), visibility 0.4s var(--easeInOutQuad); }
	  .next-page-link .center {
		position: relative;
		z-index: 5; }
	  .next-page-link.hide {
		opacity: 0;
		visibility: hidden;
		pointer-events: none; }
	  .next-page-link:after {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
		background: radial-gradient(circle at 50% 120%, #96F0FF 0%, #F3F2F0 70%);
		-webkit-transform: translateY(50%);
				transform: translateY(50%);
		-webkit-transition: -webkit-transform 2s 0.5s var(--easeInOutQuad);
		transition: -webkit-transform 2s 0.5s var(--easeInOutQuad);
		transition: transform 2s 0.5s var(--easeInOutQuad);
		transition: transform 2s 0.5s var(--easeInOutQuad), -webkit-transform 2s 0.5s var(--easeInOutQuad); }
	  .next-page-link.white-base {
		background: white; }
		.next-page-link.white-base:after {
		  background: radial-gradient(circle at 50% 120%, #96F0FF 0%, #FFFFFF 70%); }
	  .next-page-link.come-in:after {
		-webkit-transform: translateY(0);
				transform: translateY(0); }
	  .next-page-link .next-page-title {
		font-family: 'simula-web', serif;
		font-style: normal;
		font-weight: normal;
		font-size: 50px;
		line-height: 102.2%;
		letter-spacing: -0.01em;
		display: block;
		margin-bottom: 48px; }
	  .next-page-link .icon-down-arrow {
		font-size: 25px; }
	
	.temporary-transition {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: var(--treated-light-grey);
	  opacity: 0;
	  visibility: hidden;
	  -webkit-transition: 0.4s var(--easeInOutQuad);
	  transition: 0.4s var(--easeInOutQuad);
	  overflow: hidden; }
	  .temporary-transition:before {
		  content: "";
		  display: block;
		  width: 100%;
		  height: 100%;
		  position: absolute;
		  top: 0;
		  left: 0;
		  background: #96F0FF;
		  opacity: 0;
		  z-index: 15;
	  }
	  .temporary-transition:after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		left: 50%;
		z-index: 10;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
		background: radial-gradient(circle at 50% 120%, #96F0FF 0%, rgba(255, 255, 255, 0) 70%); }
	  .temporary-transition.white-base {
		background: #fff; }
		.temporary-transition.white-base:after {
		  background: radial-gradient(circle at 50% 120%, #96F0FF 0%, rgba(255, 255, 255, 0) 70%); }
	  .temporary-transition.animate {
		opacity: 1;
		visibility: visible; }
		.temporary-transition.animate:after {
		  -webkit-animation: pageTransition 1s 0.4s var(--easeInOutQuad) forwards;
				  animation: pageTransition 1s 0.4s var(--easeInOutQuad) forwards; }
		.temporary-transition.animate:before {
			-webkit-animation: pageTransitionCover .5s 0.8s var(--easeInOutQuad) forwards;
			  animation: pageTransitionCover .5s 0.8s var(--easeInOutQuad) forwards;
		}
	  .temporary-transition.hide {
		opacity: 0;
		visibility: hidden; }
	
	@-webkit-keyframes pageTransition {
	  to {
		height: 300%;
		width: 200%; } }
	
	@keyframes pageTransition {
	  to {
		height: 300%;
		width: 200%; } }
		
	@-webkit-keyframes pageTransitionCover {
		  to {
			opacity: 1; } }
		
	@keyframes pageTransitionCover {
	  to {
		opacity: 1; } }
	
	.video-block {
	  position: relative; }
	  .video-block video {
		width: 100%;
		position: relative;
		z-index: 1;
		display: block; }
		
	.video-block .video-caption {
		position: absolute;
		z-index: 10;
		bottom: 40px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		color: var(--treated-light-grey);
		max-width: 450px;
	}
	  .video-block .play-pause-video {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		color: var(--treated-light-grey);
		z-index: 5;
		padding: 100px;
		-webkit-transition: opacity 0.3s var(--easeInOutQuart);
		transition: opacity 0.3s var(--easeInOutQuart); }
		.video-block .play-pause-video {
		  font-size: 40px; }
		  @media screen and (min-width: 580px) {
			.video-block .play-pause-video {
			  font-size: -webkit-calc(40px + 70 * ((100vw - 580px) / 860));
			  font-size: calc(40px + 70 * ((100vw - 580px) / 860)); } }
		  @media screen and (min-width: 1440px) {
			.video-block .play-pause-video {
			  font-size: 110px; } }
		.video-block .play-pause-video:hover {
		  opacity: .7; }
		.video-block .play-pause-video .icon-pause {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  -webkit-transform: translate(-50%, -50%);
				  transform: translate(-50%, -50%);
		  opacity: 0; }
	  .video-block.playing .play-pause-video {
		opacity: 0; }
		.video-block.playing .play-pause-video:hover {
		  opacity: 1; }
		.video-block.playing .play-pause-video .icon-pause {
		  opacity: 1; }
		.video-block.playing .play-pause-video .icon-play {
		  opacity: 0; }
	
	.section-intro {
	  margin-bottom: 60px; }
	  .section-intro .section-intro-cta {
		text-align: right; }
	
	.download-button {
	  display: -webkit-inline-box;
	  display: -webkit-inline-flex;
	  display: inline-flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
			  align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
			  justify-content: center;
	  text-decoration: none;
	  color: var(--treated-dark-grey);
	  border: 1.5px solid transparent;
	  border-radius: 50px;
	  padding: 11px 23px;
	  -webkit-transition: 0.5s var(--easeInOutQuad);
	  transition: 0.5s var(--easeInOutQuad); }
	.download-button span {
		opacity: 0;
	  -webkit-transition: 0.5s var(--easeInOutQuad);
	  transition: 0.5s var(--easeInOutQuad);
	}
	  .download-button:hover {
		background: var(--treated-blue);
		border-color: var(--treated-blue); }
	.download-button:hover span {
		opacity: 1;
	}
	  .download-button .icon {
		font-size: 34px;
		margin-left: 22px; }
	
	.button {
	  text-decoration: none;
	  display: inline-block;
	  padding: 3px 23px;
	  font-size: 18px;
	  font-weight: bold;
	  color: var(--treated-dark-grey);
	  border: 1.5px solid var(--treated-dark-grey);
	  border-radius: 50px;
	  -webkit-transition: 0.5s var(--easeInOutQuad);
	  transition: 0.5s var(--easeInOutQuad); }
	  .button:hover {
		background: var(--treated-dark-grey);
		border-color: var(--treated-dark-grey);
		color: white; }
	
	.download-link {
	  font-size: 34px;
	  color: var(--treated-dark-grey);
	  -webkit-transition: 0.5s var(--easeInOutQuad);
	  transition: 0.5s var(--easeInOutQuad); }
	  .download-link:hover {
		opacity: .5; }
	
	.media-block.natural-height img {
	  width: 100%; }
	
	.media-block:not(.natural-height) {
	  height: 0;
	  position: relative;
	  overflow: hidden; }
	  .media-block:not(.natural-height).landscape {
		padding-bottom: 54.79%; }
	  .media-block:not(.natural-height) img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		position: absolute;
		top: 0;
		left: 0; }
	  .media-block:not(.natural-height).contain img {
		-o-object-fit: contain;
		   object-fit: contain; }
	
	.media-block img.alt {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  z-index: 10;
	  opacity: 0;
	  visibility: hidden;
	  -webkit-transition: 0.4s var(--easeInOutQuad);
	  transition: 0.4s var(--easeInOutQuad); }
	  .media-block img.alt.show {
		opacity: 1;
		visibility: visible; }
	
	.inline-animation {
	  height: 0;
	  padding-bottom: 45%;
	  position: relative; }
	  .inline-animation svg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%; }
	
	.colour-switcher {
	  position: relative; }
	  .colour-switcher .colour-switcher-bg {
		-webkit-transition: background 0.3s var(--easeInOutQuart);
		transition: background 0.3s var(--easeInOutQuart); }
	  .colour-switcher .colour-nav {
		position: absolute;
		bottom: 30px;
		left: 50%;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%); }
	
	.colour-nav a {
	  width: 47px;
	  height: 20px;
	  border-radius: 20px;
	  display: inline-block;
	  margin: 0 5px; }
	  .colour-nav a.active {
		border: 1px solid var(--treated-dark-grey); }
	
	.misuse-block {
	  margin-bottom: 80px; }
	  .misuse-block .number {
		font-weight: bold;
		font-size: 24px;
		line-height: 27px;
		letter-spacing: 0.02em;
		display: block;
		margin-bottom: 20px; }
	  .misuse-block .media-block + p {
		margin-top: 20px; }
	
	.colour-palette-circle {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
			  align-items: center;
	  font-size: 14px; }
	  .colour-palette-circle .left,
	  .colour-palette-circle .right {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
				flex: 1; }
	  .colour-palette-circle .right {
		padding-left: 50px; }
	  .colour-palette-circle .circle span {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
		opacity: 0;
		-webkit-transition: 0.4s var(--easeInOutQuad);
		transition: 0.4s var(--easeInOutQuad);
		font-size: 30px; }
	  .colour-palette-circle .circle:hover {
		-webkit-transform: scale(1.05);
				transform: scale(1.05); }
		.colour-palette-circle .circle:hover span {
		  opacity: 1; }
	
	.colour-palette-circle + .colour-palette-circle {
	  margin-top: 30px; }
	
	.circle {
	  height: 0;
	  padding-bottom: 100%;
	  border-radius: 100%;
	  position: relative;
	  -webkit-transition: 0.4s var(--easeInOutQuad);
	  transition: 0.4s var(--easeInOutQuad); }
	
	.colour-palette {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-flex-wrap: wrap;
			  flex-wrap: wrap; }
	  .colour-palette .colour-palette-block {
		width: 25%;
		padding: 33px;
		font-size: 14px;
		line-height: 137%; }
		.colour-palette .colour-palette-block.tall {
		  padding-bottom: 250px; }
	
	.type-tester {
	  height: 640px;
	  overflow: hidden;
	  position: relative;
	  -webkit-transition: background 0.4s var(--easeInOutQuad);
	  transition: background 0.4s var(--easeInOutQuad); }
	  .type-tester .type-tester-content {
		width: -webkit-calc(100% - 300px);
		width: calc(100% - 300px);
		text-align: center;
		position: absolute;
		top: 50%;
		left: 150px;
		-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
		height: 65%;
		overflow: hidden;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
				align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
				justify-content: center;
		text-overflow: ellipsis; }
		.type-tester .type-tester-content span {
		  max-width: 100%; }
		  .type-tester .type-tester-content span:focus {
			outline: 0; }
		.type-tester .type-tester-content textarea {
		  text-align: center;
		  padding: 20px;
		  resize: none;
		  border: 0;
		  outline: 0;
		  background: transparent;
		  -webkit-appearance: none;
			 -moz-appearance: none;
				  appearance: none;
		  color: var(--treated-dark-grey);
		  width: 100%;
		  display: block; }
		  .type-tester .type-tester-content textarea::-moz-selection {
			background: var(--treated-dark-grey);
			color: var(--treated-light-grey); }
		  .type-tester .type-tester-content textarea::selection {
			background: var(--treated-dark-grey);
			color: var(--treated-light-grey); }
		.type-tester .type-tester-content.headline {
		  font-family: 'simula-web', serif;
		  font-style: normal;
		  font-weight: normal;
		  font-size: 100px;
		  line-height: 102.2%;
		  letter-spacing: 0.02em; }
		.type-tester .type-tester-content.supporting {
		  font-style: normal;
		  font-weight: bold;
		  font-size: 100px;
		  line-height: 94.2%; }
	  .type-tester .colour-nav {
		position: absolute;
		bottom: 30px;
		left: 30px; }
	  .type-tester .size-change {
		position: absolute;
		bottom: 30px;
		right: 25px; }
	
	.tester-range {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
			  align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
			  justify-content: center;
	  /*TODO: Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out
	  how to remove the virtical space around the range input in IE*/ }
	  .tester-range input[type=range] {
		width: 100%;
		margin: 4.5px 0;
		background-color: transparent;
		-webkit-appearance: none; }
	  .tester-range input[type=range]:focus {
		outline: none; }
	  .tester-range input[type=range]::-webkit-slider-runnable-track {
		background: #282832;
		border: 0px solid rgba(1, 1, 1, 0);
		border: 0;
		width: 100%;
		height: 1px;
		cursor: pointer; }
	  .tester-range input[type=range]::-webkit-slider-thumb {
		margin-top: -4.5px;
		width: 10px;
		height: 10px;
		background: #282832;
		border: 0px solid rgba(0, 0, 0, 0);
		border: 0;
		border-radius: 10px;
		cursor: pointer;
		-webkit-appearance: none; }
	  .tester-range input[type=range]:focus::-webkit-slider-runnable-track {
		background: #282832; }
	  .tester-range input[type=range]::-moz-range-track {
		background: #282832;
		border: 0px solid rgba(1, 1, 1, 0);
		border: 0;
		width: 100%;
		height: 1px;
		cursor: pointer; }
	  .tester-range input[type=range]::-moz-range-thumb {
		width: 10px;
		height: 10px;
		background: #282832;
		border: 0px solid rgba(0, 0, 0, 0);
		border: 0;
		border-radius: 10px;
		cursor: pointer; }
	  .tester-range input[type=range]::-ms-track {
		background: transparent;
		border-color: transparent;
		border-width: 4.5px 0;
		color: transparent;
		width: 100%;
		height: 1px;
		cursor: pointer; }
	  .tester-range input[type=range]::-ms-fill-lower {
		background: #282832;
		border: 0px solid rgba(1, 1, 1, 0);
		border: 0; }
	  .tester-range input[type=range]::-ms-fill-upper {
		background: #282832;
		border: 0px solid rgba(1, 1, 1, 0);
		border: 0; }
	  .tester-range input[type=range]::-ms-thumb {
		width: 10px;
		height: 10px;
		background: #282832;
		border: 0px solid rgba(0, 0, 0, 0);
		border: 0;
		border-radius: 10px;
		cursor: pointer;
		margin-top: 0px;
		/*Needed to keep the Edge thumb centred*/ }
	  .tester-range input[type=range]:focus::-ms-fill-lower {
		background: #282832; }
	  .tester-range input[type=range]:focus::-ms-fill-upper {
		background: #282832; }
	  @supports (-ms-ime-align: auto) {
		.tester-range {
		  /* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */ }
		  .tester-range input[type=range] {
			margin: 0;
			/*Edge starts the margin from the thumb, not the track as other browsers do*/ } }
	  .tester-range span {
		font-size: 24px;
		font-weight: bold;
		margin: 0 15px; }
	
	.image-strip {
	  padding: 35px 0; }
	  .image-strip .image-strip-block:first-child {
		padding-left: 80px; }
	  .image-strip .image-strip-block:last-child {
		padding-right: 80px; }
	
	.image-strip-block {
	  height: 580px;
	  position: relative;
	  margin-right: 10px; }
	  .image-strip-block img {
		height: 100%;
		width: auto;
		max-width: none; }
	
	.image-treatment-module {
	  position: relative;
	  margin: 20px 0;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
			  align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
			  justify-content: center; }
	  .image-treatment-module .hover-grad-move {
		position: relative;
		height: 600px;
		width: auto;
		overflow: hidden; }
	  .image-treatment-module img {
		display: block;
		height: 100%;
		width: auto;
		max-width: none;
		margin: 0 auto;
		position: relative;
		z-index: 2; }
	  .image-treatment-module .gradient {
		position: absolute;
		top: 0;
		left: 0%;
		width: 200%;
		height: 100%;
		-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
		z-index: 5; }
		.image-treatment-module .gradient.doctor:after {
		  background: var(--treated-blue); }
		.image-treatment-module .gradient.patient:after {
		  background: var(--treated-orange); }
		.image-treatment-module .gradient:after {
		  content: "";
		  display: block;
		  width: 100%;
		  height: 70%;
		  border-radius: 100%;
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  -webkit-transform: translateY(50%);
				  transform: translateY(50%);
		  opacity: .95;
		  -webkit-filter: blur(70px);
				  filter: blur(70px); }
	
	.gallery-type-picker {
	  margin-top: -80px; }
	  .gallery-type-picker a {
		color: #828282;
		margin: 0 6px; }
		.gallery-type-picker a.active, .gallery-type-picker a:hover {
		  color: var(--treated-light-grey); }
	
	.gallery-type {
	  display: none; }
	  .gallery-type .image-slider .flickity-page-dots {
		display: none; }
	  .gallery-type.active {
		display: block; }
	
	.gallery {
	  margin-top: -80px; }
	
	.bg-dark-grey .gallery-type .image-slider .image-slide {
	  background: var(--treated-dark-grey); }
	
	.masonry .masonry-sizer {
	  width: 10%; }
	
	.masonry .masonry-block {
	  width: 30%;
	  margin-bottom: 20px;
	  padding: 0 10px; }
	  .masonry .masonry-block.full {
		width: 100%; }
	  .masonry .masonry-block.narrow {
		width: 30%; }
	  .masonry .masonry-block.wide {
		width: 70%; }
	  .masonry .masonry-block.half {
		width: 50%; }