/*
Theme Name: Studio Scribs
Theme URI: https://studioscribs.nl/
Author: Studio Scribs
Description: Custom editable block theme for the Studio Scribs website.
Version: 0.1.0
Requires at least: 7.0
Requires PHP: 8.1
Text Domain: studio-scribs
*/

/* Theme developed by Giovanni Dogger. */

/* Header foundation ------------------------------------------------------- */

:root {
	--ss-color-beige: var(--wp--preset--color--beige);
	--ss-color-white: var(--wp--preset--color--white);
	--ss-color-olive: var(--wp--preset--color--olive);
	--ss-color-brown: var(--wp--preset--color--brown);
	--ss-color-black: #111312;
	--ss-header-height: 96px;
	--ss-header-inline-space: clamp(24px, 4vw, 64px);
	--ss-header-transition: 250ms ease;
	--ss-page-background: var(--ss-color-beige);
	--ss-page-foreground: var(--ss-color-brown);
}

html {
	scroll-padding-top: var(--ss-header-height);
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh;
	margin: 0;
	background: var(--ss-color-beige);
}

.wp-site-blocks {
	flex: 1 0 auto;
	color: var(--ss-page-foreground);
	background: var(--ss-page-background);
}

.ss-page-bg-white {
	--ss-page-background: var(--ss-color-white);
}

.ss-page-bg-olive {
	--ss-page-background: var(--ss-color-olive);
	--ss-page-foreground: var(--ss-color-white);
}

.ss-page-bg-brown {
	--ss-page-background: var(--ss-color-brown);
	--ss-page-foreground: var(--ss-color-white);
}

.ss-content-canvas,
.ss-content-canvas > .wp-block-post-content {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
}

.ss-content-canvas {
	min-height: 100%;
	color: inherit;
	background: transparent;
}

.ss-404 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: max(560px, calc(100dvh - var(--ss-header-height)));
	padding: calc(var(--ss-header-height) + 48px) var(--ss-header-inline-space) 72px;
	text-align: center;
}

.ss-404 > * {
	width: min(100%, 860px);
}

.ss-404 .wp-block-heading,
.ss-404 p {
	margin-block: 0 24px;
}

.ss-404 .wp-block-buttons {
	justify-content: center;
}

.ss-404 .wp-block-button__link {
	padding: 0.75em 1.4em;
	border-radius: 0;
	font-family: Gotham, sans-serif;
	text-decoration: none;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.ss-header {
	--ss-header-foreground: var(--ss-color-brown);
	--ss-header-navigation-size: var(--wp--preset--font-size--s);
	--ss-header-effective-navigation-size: clamp(
		calc(var(--ss-header-navigation-size) * 0.82),
		1.15vw,
		var(--ss-header-navigation-size)
	);
	position: fixed;
	z-index: 1000;
	top: var(--wp-admin--admin-bar--height, 0px);
	right: 0;
	left: 0;
	height: var(--ss-header-height);
	color: var(--ss-header-foreground);
	background-color: color-mix(in srgb, var(--ss-color-beige) 72%, transparent);
	backdrop-filter: blur(6px);
	transition:
		color var(--ss-header-transition),
		background-color var(--ss-header-transition);
}

.ss-header--size-m {
	--ss-header-navigation-size: var(--wp--preset--font-size--m);
}

.ss-header--size-l {
	--ss-header-navigation-size: var(--wp--preset--font-size--l);
}

.ss-header--size-xl {
	--ss-header-navigation-size: var(--wp--preset--font-size--xl);
}

.ss-header-tone-light .ss-header:not(.is-scrolled, .is-menu-open) {
	--ss-header-foreground: var(--ss-color-white);
}

.ss-header-tone-accent .ss-header:not(.is-scrolled, .is-menu-open) {
	--ss-header-foreground: var(--ss-color-olive);
}

.ss-header.is-scrolled,
.ss-header.is-menu-open {
	--ss-header-foreground: var(--ss-color-brown);
	background-color: var(--ss-color-beige);
}

.ss-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-inline: var(--ss-header-inline-space);
}

.ss-header__brand {
	position: relative;
	z-index: 2;
	display: block;
	flex: 0 0 auto;
	width: clamp(208px, calc(var(--ss-header-effective-navigation-size) * 13.12), min(38vw, 576px));
	color: inherit;
	transition: width var(--ss-header-transition);
}

.ss-header:is(.is-scrolled, .is-menu-open) .ss-header__brand {
	width: clamp(145px, calc(var(--ss-header-effective-navigation-size) * 8.2), min(36vw, 360px));
}

.ss-header__logo-stack {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 330 / 124;
}

.ss-header__logo {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: left center;
	opacity: 0;
	transition: opacity var(--ss-header-transition);
}

.ss-header__wordmark {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: currentcolor;
	font-family: Gotham, sans-serif;
	line-height: 0.82;
	text-transform: uppercase;
	transform: scale(1.6);
	transform-origin: left center;
	transition:
		opacity var(--ss-header-transition),
		transform var(--ss-header-transition);
}

.ss-header:is(.is-scrolled, .is-menu-open) .ss-header__wordmark {
	transform: scale(1);
}

.ss-header__wordmark-studio {
	padding-left: 0.08em;
	font-size: 0.86rem;
	font-weight: 400;
	letter-spacing: 0.52em;
}

.ss-header__wordmark-scribs {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -0.045em;
}

.ss-header:is(.is-scrolled, .is-menu-open) .has-dark-logo .ss-header__wordmark,
.ss-header-tone-dark
.ss-header:not(.is-scrolled, .is-menu-open)
.has-dark-logo
.ss-header__wordmark,
.ss-header-tone-light
.ss-header:not(.is-scrolled, .is-menu-open)
.has-light-logo
.ss-header__wordmark,
.ss-header-tone-accent
.ss-header:not(.is-scrolled, .is-menu-open)
.has-accent-logo
.ss-header__wordmark {
	opacity: 0;
}

.ss-header:is(.is-scrolled, .is-menu-open)
.has-dark-logo
.ss-header__logo--dark,
.ss-header-tone-dark
.ss-header:not(.is-scrolled, .is-menu-open)
.has-dark-logo
.ss-header__logo--dark,
.ss-header-tone-light
.ss-header:not(.is-scrolled, .is-menu-open)
.has-light-logo
.ss-header__logo--light,
.ss-header-tone-accent
.ss-header:not(.is-scrolled, .is-menu-open)
.has-accent-logo
.ss-header__logo--accent {
	opacity: 1;
}

.ss-header__navigation {
	display: block;
}

.ss-header__menu {
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ss-header__menu:not(:has(> li[data-ss-separator]:not([data-ss-separator=""]))) {
	gap: clamp(16px, 2vw, 32px);
}

.ss-header__menu-item,
.ss-header__menu > li {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.ss-header__submenu-toggle {
	display: grid;
	width: 28px;
	height: 28px;
	margin-inline-start: 3px;
	padding: 0;
	color: inherit;
	place-items: center;
}

.ss-header__submenu-chevron {
	width: 8px;
	height: 8px;
	border-inline-end: 2px solid currentcolor;
	border-block-end: 2px solid currentcolor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform var(--ss-header-transition);
}

.ss-header__menu .menu-item-has-children:hover > .ss-header__submenu-toggle .ss-header__submenu-chevron,
.ss-header__menu .menu-item-has-children:focus-within > .ss-header__submenu-toggle .ss-header__submenu-chevron {
	transform: translateY(2px) rotate(225deg);
}

.ss-header__menu .sub-menu {
	position: absolute;
	top: 100%;
	left: -16px;
	z-index: 3;
	display: none;
	min-width: 220px;
	margin: 0;
	padding: 10px 16px 14px;
	list-style: none;
	color: var(--ss-color-brown);
	background: var(--ss-color-beige);
	box-shadow: 0 12px 24px color-mix(in srgb, var(--ss-color-brown) 14%, transparent);
}

.ss-header__menu > .submenu-align-right > .sub-menu {
	right: -16px;
	left: auto;
}

.ss-header__menu .menu-item-has-children:hover > .sub-menu,
.ss-header__menu .menu-item-has-children:focus-within > .sub-menu {
	display: block;
}

.ss-header__menu .sub-menu li,
.ss-header__menu .sub-menu a {
	display: block;
	width: 100%;
}

.ss-header__menu .sub-menu a {
	box-sizing: border-box;
}

.ss-header__menu > li + li[data-ss-separator]:not([data-ss-separator=""])::before {
	margin-inline: clamp(4px, 0.55vw, 8px);
	font-family: Gotham, sans-serif;
	font-size: var(--ss-header-effective-navigation-size);
	line-height: 1;
	content: attr(data-ss-separator);
}

.ss-header__navigation a {
	position: relative;
	display: block;
	padding-block: 8px;
	color: inherit;
	font-family: Gotham, sans-serif;
	font-size: var(--ss-header-effective-navigation-size);
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.ss-header__navigation a::after {
	position: absolute;
	right: 0;
	bottom: 2px;
	left: 0;
	height: 4px;
	background: currentcolor;
	content: "";
	transform: scaleX(0);
	transform-origin: right;
	transition: transform var(--ss-header-transition);
}

.ss-header__menu > .menu-item-has-children > a::after {
	right: -31px;
}

.ss-header__menu .sub-menu a::after {
	display: none;
}

.ss-header__submenu-label {
	position: relative;
	display: inline-block;
}

.ss-header__submenu-label::after {
	position: absolute;
	right: 0;
	bottom: -5px;
	left: 0;
	height: 4px;
	content: "";
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform var(--ss-header-transition);
}

.ss-header__menu .sub-menu a:hover .ss-header__submenu-label::after,
.ss-header__menu .sub-menu a:focus-visible .ss-header__submenu-label::after,
.ss-header__menu .sub-menu .current-menu-item > a .ss-header__submenu-label::after {
	transform: scaleX(1);
}

.ss-header__navigation a:hover::after,
.ss-header__navigation a:focus-visible::after,
.ss-header__menu > .menu-item-has-children:hover > a::after,
.ss-header__menu > .menu-item-has-children:focus-within > a::after,
.ss-header__navigation .current-menu-item > a::after,
.ss-header__navigation .current_page_item > a::after,
.ss-header__navigation .current-menu-parent > a::after,
.ss-header__navigation .current-menu-ancestor > a::after,
.ss-header__navigation .current_page_parent > a::after,
.ss-header__navigation .current_page_ancestor > a::after {
	transform: scaleX(1);
	transform-origin: left;
}

.ss-header__toggle {
	position: relative;
	z-index: 2;
	display: none;
	width: 44px;
	height: 44px;
	padding: 9px 7px;
	color: inherit;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.ss-header__toggle-line {
	position: absolute;
	left: 7px;
	display: block;
	width: 30px;
	height: 2px;
	background: currentcolor;
	transition:
		top var(--ss-header-transition),
		transform var(--ss-header-transition),
		opacity var(--ss-header-transition);
}

.ss-header__toggle-line:nth-child(2) {
	top: 12px;
}

.ss-header__toggle-line:nth-child(3) {
	top: 21px;
}

.ss-header__toggle-line:nth-child(4) {
	top: 30px;
}

.ss-header.is-menu-open .ss-header__toggle-line:nth-child(2) {
	top: 21px;
	transform: rotate(45deg);
}

.ss-header.is-menu-open .ss-header__toggle-line:nth-child(3) {
	opacity: 0;
}

.ss-header.is-menu-open .ss-header__toggle-line:nth-child(4) {
	top: 21px;
	transform: rotate(-45deg);
}

@media (max-width: 900px) {

	:root {
		--ss-header-height: 76px;
		--ss-header-inline-space: clamp(18px, 5vw, 32px);
	}

	.ss-header__brand {
		width: clamp(160px, 36vw, 208px);
	}

	.ss-header {
		--ss-header-effective-navigation-size: clamp(
			calc(var(--ss-header-navigation-size) * 0.82),
			5vw,
			var(--ss-header-navigation-size)
		);
	}

	.ss-header:is(.is-scrolled, .is-menu-open) .ss-header__brand {
		width: clamp(140px, calc(var(--ss-header-effective-navigation-size) * 6.5), min(55vw, 180px));
	}

	.ss-header__toggle {
		display: block;
	}

	.ss-header__navigation {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		max-height: calc(100dvh - var(--ss-header-height) - var(--wp-admin--admin-bar--height, 0px));
		padding: 12px 0 32px;
		overflow-y: auto;
		color: var(--ss-color-brown);
		background: var(--ss-color-beige);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10px);
		transition:
			opacity var(--ss-header-transition),
			transform var(--ss-header-transition),
			visibility 0s linear 250ms;
	}

	.ss-header.is-menu-open .ss-header__navigation {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition-delay: 0s;
	}

	.ss-header__menu {
		display: grid;
		align-items: start;
		width: 100%;
		gap: 0;
		border-block: 1px solid color-mix(in srgb, var(--ss-color-brown) 18%, transparent);
	}

	.ss-header__menu:not(:has(> li[data-ss-separator]:not([data-ss-separator=""]))) {
		gap: 0;
	}

	.ss-header__menu > li + li {
		border-block-start: 1px solid color-mix(in srgb, var(--ss-color-brown) 18%, transparent);
	}

	.ss-header__menu > li {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		height: auto;
		min-height: 56px;
	}

	.ss-header__submenu-toggle {
		display: none;
	}

	.ss-header__menu .sub-menu {
		position: static;
		display: grid;
		grid-column: 1 / -1;
		min-width: 0;
		padding: 0;
		box-shadow: none;
	}

	.ss-header__menu .sub-menu li {
		border-block-start: 1px solid color-mix(in srgb, var(--ss-color-brown) 12%, transparent);
	}

	.ss-header .ss-header__navigation .ss-header__menu .sub-menu a {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		min-height: 48px;
		padding: 0 var(--ss-header-inline-space) 0 calc(var(--ss-header-inline-space) + 24px);
		font: 400 calc(var(--wp--preset--font-size--s) * .9) / 1.2 Gotham, sans-serif;
		text-decoration: none;
	}

	.ss-header .ss-header__navigation .ss-header__menu .sub-menu a::before {
		margin-inline-end: 10px;
		content: "—";
	}

	.ss-header__menu > li + li[data-ss-separator]:not([data-ss-separator=""])::before {
		display: none;
	}

	.ss-header .ss-header__navigation .ss-header__menu > li > a {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		width: 100%;
		height: 56px;
		min-height: 0;
		padding: 0 var(--ss-header-inline-space);
		font: 400 var(--wp--preset--font-size--s) / 1.15 Gotham, sans-serif;
		white-space: normal;
	}

	.ss-header .ss-header__navigation a::after {
		display: none;
	}

	.ss-header__submenu-label::after {
		display: none;
	}

	.ss-header .ss-header__navigation .ss-header__menu > .current-menu-item > a,
	.ss-header .ss-header__navigation .ss-header__menu > .current_page_item > a,
	.ss-header .ss-header__navigation .ss-header__menu > .current-menu-parent > a,
	.ss-header .ss-header__navigation .ss-header__menu > .current-menu-ancestor > a,
	.ss-header .ss-header__navigation .ss-header__menu > .current_page_parent > a,
	.ss-header .ss-header__navigation .ss-header__menu > .current_page_ancestor > a,
	.ss-header .ss-header__navigation .ss-header__menu > li > a[aria-current="page"] {
		font-weight: 700;
	}

	.ss-header .ss-header__navigation .sub-menu .current-menu-item > a,
	.ss-header .ss-header__navigation .sub-menu .current_page_item > a,
	.ss-header .ss-header__navigation .sub-menu a[aria-current="page"] {
		font-weight: 700;
	}
}

@media (prefers-reduced-motion: reduce) {

	.ss-header,
	.ss-header__brand,
	.ss-header__logo,
	.ss-header__wordmark,
	.ss-header__navigation,
	.ss-header__navigation a::after,
	.ss-header__toggle-line {
		transition-duration: 0.01ms;
	}
}

/* Universal footer ------------------------------------------------------- */

.ss-footer {
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
	color: var(--ss-color-white);
	font-family: Gotham, sans-serif;
	background: var(--ss-color-black);
}

.ss-footer__inner,
.ss-subfooter {
	box-sizing: border-box;
	width: 100%;
	padding-inline: clamp(24px, 2.1vw, 40px);
}

.ss-footer__inner {
	padding-block: clamp(48px, 6vw, 84px) clamp(44px, 5vw, 72px);
}

.ss-footer__top,
.ss-footer__main {
	display: flex;
	justify-content: space-between;
	gap: 48px;
}

.ss-footer__top {
	align-items: flex-start;
}

.ss-footer__main {
	align-items: flex-end;
	margin-top: clamp(56px, 8vw, 112px);
}

.ss-footer__brand {
	display: block;
	width: fit-content;
	color: inherit;
	text-decoration: none;
}

.ss-footer__logo {
	display: block;
	width: clamp(220px, 18.8vw, 360px);
	height: auto;
}

.ss-footer__socials,
.ss-footer__menu,
.ss-subfooter__menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ss-footer__socials {
	display: flex;
	align-items: center;
	gap: clamp(24px, 1.8vw, 36px);
}

.ss-footer__socials a {
	display: grid;
	color: inherit;
	text-decoration: none;
	place-items: center;
	transition: transform var(--ss-header-transition);
}

.ss-footer__socials a:hover,
.ss-footer__socials a:focus-visible {
	transform: scale(1.035);
}

.ss-footer__social-icon {
	display: grid;
	box-sizing: border-box;
	width: clamp(64px, 4.6vw, 88px);
	height: clamp(64px, 4.6vw, 88px);
	color: var(--ss-color-black);
	font-size: calc(var(--wp--preset--font-size--l) * 1.8);
	font-weight: 700;
	line-height: 1;
	background: var(--ss-color-white);
	place-items: center;
}

.ss-footer__social-icon--linkedin {
	border-radius: 3px;
	letter-spacing: -0.12em;
}

.ss-footer__social-icon--facebook {
	border-radius: 50%;
	font-family: Arial, sans-serif;
	font-size: calc(var(--wp--preset--font-size--l) * 1.9);
}

.ss-footer__social-icon--instagram {
	position: relative;
	color: var(--ss-color-white);
	background: transparent;
	border: 6px solid currentcolor;
	border-radius: 18px;
}

.ss-footer__social-icon--instagram::before,
.ss-footer__social-icon--instagram::after {
	position: absolute;
	content: "";
}

.ss-footer__social-icon--instagram::before {
	width: 35px;
	height: 35px;
	border: 5px solid currentcolor;
	border-radius: 50%;
}

.ss-footer__social-icon--instagram::after {
	top: 13px;
	right: 13px;
	width: 8px;
	height: 8px;
	background: currentcolor;
	border-radius: 50%;
}

.ss-footer__navigation {
	max-width: 460px;
}

.ss-footer__menu {
	display: grid;
	grid-template-columns: repeat(2, minmax(120px, 1fr));
	column-gap: clamp(36px, 5vw, 84px);
}

.ss-footer__menu a,
.ss-subfooter__menu a {
	position: relative;
	display: inline-block;
	color: inherit;
	line-height: 1.35;
	text-decoration: none;
}

.ss-footer__menu a::after,
.ss-subfooter__menu a::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 2px;
	background: currentcolor;
	content: "";
	transform: scaleX(0);
	transform-origin: right;
	transition: transform var(--ss-header-transition);
}

.ss-footer__menu a {
	font-size: var(--wp--preset--font-size--l);
	text-transform: uppercase;
}

.ss-subfooter__menu a {
	font-size: var(--wp--preset--font-size--s);
}

.ss-footer__menu a:hover,
.ss-footer__menu a:focus-visible,
.ss-subfooter__menu a:hover,
.ss-subfooter__menu a:focus-visible {
	text-decoration: none;
}

.ss-footer__menu a:hover::after,
.ss-footer__menu a:focus-visible::after,
.ss-subfooter__menu a:hover::after,
.ss-subfooter__menu a:focus-visible::after {
	transform: scaleX(1);
	transform-origin: left;
}

.ss-footer__business {
	display: grid;
	gap: 3px;
	margin: 0;
	font-size: var(--wp--preset--font-size--l);
	line-height: 1.3;
}

.ss-footer__business > div {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 0.35em;
}

.ss-footer__business dt,
.ss-footer__business dd {
	margin: 0;
}

.ss-footer__business dt::after {
	content: ":";
}

.ss-subfooter {
	display: flex;
	justify-content: center;
	padding-block: 26px 34px;
}

.ss-subfooter__menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 0;
}

.ss-subfooter__menu li {
	display: flex;
	align-items: center;
}

.ss-subfooter__menu li:not(:last-child)::after {
	margin-inline: 0.5em;
	content: "|";
}

@media (max-width: 760px) {

	.ss-footer__inner {
		padding-block: 48px 42px;
	}

	.ss-footer__top,
	.ss-footer__main {
		align-items: flex-start;
		flex-direction: column;
		gap: 40px;
	}

	.ss-footer__main {
		margin-top: 56px;
	}

	.ss-footer__socials {
		gap: 20px;
	}

	.ss-footer__social-icon {
		width: 64px;
		height: 64px;
	}

	.ss-footer__menu {
		grid-template-columns: repeat(2, minmax(110px, 1fr));
		column-gap: 28px;
	}

	.ss-footer__menu a,
	.ss-footer__business {
		font-size: calc(var(--wp--preset--font-size--l) * 0.75);
	}

	.ss-footer__business > div {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.ss-footer__business dt {
		font-weight: 700;
	}

	.ss-footer__business dt::after {
		content: "";
	}

	.ss-subfooter {
		justify-content: flex-start;
		padding-block: 20px 28px;
	}

	.ss-subfooter__menu {
		justify-content: flex-start;
	}
}

@media (max-width: 420px) {

	.ss-footer__menu {
		grid-template-columns: 1fr;
	}

	.ss-subfooter__menu {
		display: grid;
		gap: 8px;
	}

	.ss-subfooter__menu li:not(:last-child)::after {
		display: none;
	}
}

/* Shared keyboard focus follows all link base rules. */
.ss-header__brand:focus-visible,
.ss-header__toggle:focus-visible,
.ss-header__navigation a:focus-visible,
.ss-footer__brand:focus-visible,
.ss-footer a:focus-visible {
	outline: 2px solid currentcolor;
	outline-offset: 5px;
}

@media (prefers-reduced-motion: reduce) {
	.ss-footer__socials a,
	.ss-footer__menu a::after,
	.ss-subfooter__menu a::after {
		transition-duration: 0.01ms;
	}
}