@charset 'utf-8'; /*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
—                ██████╗████████╗██╗   ██╗ ██╗      ██████╗        ██████╗ ██╗  ██╗  ██████╗  ██████╗ ████████╗
░               ██╔════╝╚══██╔══╝╚██╗ ██╔╝ ██║     ██╔════╝       ██╔════╝ ██║  ██║ ██╔════╝ ██╔════╝ ╚══██╔══╝
▒               ╚█████╗    ██║    ╚████╔╝  ██║     █████╗  █████╗ ╚█████═╗ ███████║ █████╗   █████╗      ██║   
▓                ╚═══██╗   ██║     ╚██╔╝   ██║     ██╔══╝  ╚════╝  ╚═══██║ ██╔══██║ ██╔══╝   ██╔══╝      ██║   
█               ██████╔╝   ██║      ██║    ███████╗╚██████╗       ██████╔╝ ██║  ██║  ██████╗  ██████╗    ██║   
—               ╚═════╝    ╚═╝      ╚═╝    ╚══════╝ ╚═════╝       ╚═════╝  ╚═╝  ╚═╝  ╚═════╝  ╚═════╝    ╚═╝   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~♦ by qui-design.fr ♦~~~~.

Z-INDEX
-----------------------
#goTopButton      :  99
#siteHeader       : 100
#siteSocialNav    : 101
#worksFilter      : 101
#cc-main (cookie) : 102
.covering         : 103
#siteOsd          : 104
#siteSplash       : 200

/*                                                              ▓▓▓▓▓▓╗ ▓▓╗▓▓▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗
                                                               ▓▓╔════╝ ▓▓║╚══▓▓╔══╝▓▓╔════╝
                                                               ╚▓▓▓▓▓╗  ▓▓║   ▓▓║   ▓▓▓▓▓╗  
                                                                ╚═══▓▓╗ ▓▓║   ▓▓║   ▓▓╔══╝  
                                                               ▓▓▓▓▓▓╔╝ ▓▓║   ▓▓║   ╚▓▓▓▓▓▓╗
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═════╝  ╚═╝   ╚═╝    ╚═════╝ 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {}

/*~~~~~~~~~~~~~~~~~~~~~~~~~ SITE WRAPPER */
#siteFrame {
	position: relative;
	width: 100%;
	min-height: var(--vh, 100vh);
	pointer-events: none;
}
.dom-ready #siteFrame {
	pointer-events: auto;
}
#siteFrame::before {
	content: '';
	z-index: -1;
	pointer-events: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	background: transparent;
}
#siteDevice {
	z-index: -1000;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}
.otgs-development-site-front-end {
	display: none;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  S I T E  —  A R E A S.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE HEADER */
#siteHeader {
	z-index: 100;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE MAIN */
#siteMain {
	min-height: calc(var(--vh, 100vh) - 0px);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE LOADER */
.site-loaded #siteLoader {
	z-index: -1;
	content: '';
	position: fixed;
	display: block;
	left: 50%;
	top: 50%;
	width: 8rem;
	aspect-ratio: 1;
	padding: 1rem;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	mask: conic-gradient(black 0 0) content-box exclude, conic-gradient(black 0 0);
	filter: blur(.75rem);
	visibility: visible;
}
#siteLoader::before {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 0;
	background: conic-gradient(transparent 25%, var(--capcode), transparent 75%);
	animation: 1.5s linear .5s infinite normal none running loader-animation;
}
@keyframes loader-animation {
	from { rotate: 0; opacity: 1; }
	to { rotate: 1turn; opacity: 1; }
}
.dom-ready #siteLoader {
	visibility: hidden;
}
.dom-ready #siteLoader::before {
	animation: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE FOOTER */
#siteFooter {
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ SITE SOCIAL */
#siteSocialNav {
	z-index: 101;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	color: white;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  S I T E  —  S O C I A L.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#siteSocialNav ul {
	position: absolute;
	bottom: 0;
	right: -1px;
	transform: translateY(-4rem);
	flex-direction: column;
}
.socialNav {
	display: flex;
	align-items: center;
}
.socialPictoList {
	display: flex;	
}
.socialPictoList li {
	overflow: hidden;
	margin-bottom: 0;
}
.socialPictoList.picto a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4.5rem;
	height: 4.5rem;
	border-radius: 50%;
	opacity: 1;
	transition: opacity .25s ease;
}
.socialPictoList svg {
	display: inline-block;
	overflow: visible;
	width: 1em;
	height: 1em;
	fill: currentColor;
}
.socialPictoList.picto svg {
	display: block;
	width: 60%;
	height: 60%;
}
.socialPictoList .linkedin svg {
	margin-top: -.1em;
}
.socialPictoList .instagram {
	order: 1;
}
.socialPictoList .facebook {
	order: 2;
}
.socialPictoList .youtube {
	order: 3;
}
.socialPictoList .linkedin {
	order: 4;
}
.socialPictoList .email {
	order: 2;
}
/* Hover */
@media all and (any-hover: hover) {
	.socialPictoList a:hover {
		opacity: .6;
	}
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  S I T E  —  L A N G U A G E.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.languageList {
	display: flex;
	text-transform: uppercase;
}
.languageList li {
	display: inline-flex;
}
.languageList li + li::before {
  content: '\007C';
  line-height: 1.4;
}
.languageList a {
	padding: .1em .2em;
	font-family: var(--fh);
	font-size: var(--h4);
	line-height: 1.15;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  S I T E  —  M O D A L.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#siteModal {
}
.overlay {
}
#modalFrame {
	position: relative;
	min-height: 100%;
	padding: 0;
}
#modalBox {
	position: relative;
}
#modalBox {
	min-height: var(--vh, 100vh);
	transform: translateX(101%);
}
.cc-ready #cc-main .cc--anim .pm {
	visibility: visible;
	opacity: 1;
}
.site-loaded #modalBox, .cc-ready #cc-main .cc--anim .pm {
	transition: transform .25s ease-in, opacity .25s ease-in;
}
.win-resizing #modalBox {
	transition: none !important;
}
.active #modalBox, .show--preferences #cc-main .cc--anim .pm {
	transform: none;
	transition: transform .6s cubic-bezier(.23, 1, .32, 1), opacity .5s ease-out;
}
#modalBox > div {
	background: var(--canvas);
}
#modalBox article {
	padding: var(--hollow) var(--edge);
}
/* Close */
.box [type='reset'], .pm__close-btn {
	z-index: 1;
	position: absolute;
	right: var(--crack);
	top: var(--crack);
	transform: scale(.6);
}
.locked [type='reset'] {
	display: none;
}


/*~~~~~~~~~~~~~~  S I T E  —  O N - S C R E E N   D I S P L A Y.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#siteOsd {
	z-index: 104;
	position: fixed;
	overflow: hidden;
	width: 100vw;
	height: 10rem;
	left: 0;
	bottom: 0;
	pointer-events: none;
}
#siteOsd > div {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	text-align: center;
	color: white;
	font-weight: 700;
	background: var(--period);
	will-change: transform;
	transform: translateY(100%);
	transition: transform .25s ease;
}
#siteOsd > div.success {
	background: var(--capcode)
}
#siteOsd > div.fail {
	background: hsl(350, 95%, 50%);
}
#siteOsd > div.warn {
	background: hsl(18, 100%, 56%);
}
#siteOsd > div.info {
	background: hsl(200, 100%, 30%);
}
#siteOsd > .active {
	transform: translateY(0%);
}





/*                                          ▓▓╗  ▓▓╗ ▓▓▓▓▓▓╗ ▓▓▓▓▓╗ ▓▓▓▓▓▓╗  ▓▓▓▓▓▓╗▓▓▓▓▓▓╗
                                            ▓▓║  ▓▓║▓▓╔════╝▓▓╔══▓▓╗▓▓╔══▓▓╗▓▓╔════╝▓▓╔══▓▓╗
                                            ▓▓▓▓▓▓▓║▓▓▓▓▓╗  ▓▓▓▓▓▓▓║▓▓║  ▓▓║▓▓▓▓▓╗  ▓▓▓▓▓▓╔╝
                                            ▓▓╔══▓▓║▓▓╔══╝  ▓▓╔══▓▓║▓▓║  ▓▓║▓▓╔══╝  ▓▓╔══▓▓╗
                                            ▓▓║  ▓▓║ ▓▓▓▓▓▓╗▓▓║  ▓▓║▓▓▓▓▓▓╔╝╚▓▓▓▓▓▓╗▓▓║  ▓▓║
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═╝  ╚═╝ ╚═════╝╚═╝  ╚═╝╚═════╝  ╚═════╝╚═╝  ╚═╝
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#headerFrame {
	pointer-events: none;
	position: -webkit-sticky;
	position: sticky;
	position: absolute;
	top: 0;
	width: 100%;
	height: var(--h-h);
	padding: var(--gut);
	/*overflow: hidden;*/
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: space-between;
	background: transparent;
	opacity: .99;
	transform: translateY(0);
	transition: background .1s ease-in, color .15s ease-in;
}
.sneak #headerFrame {
}
#headerFrame::before {
	/*z-index: 2;*/
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 70%;
	opacity: .99;
	background: linear-gradient(0deg, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 1) 95%);
}
.sneak #headerFrame::before {
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  H E A D E R  —  B U R G E R.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#headerSwitch {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}
#headerKnob {
	z-index: 3;
	width: var(--h-h);
	height: var(--h-h);
	margin: calc(-1 * var(--gut));
	cursor: pointer;
	pointer-events: auto;
	opacity: 1;
	/*filter: drop-shadow(0 1px 1px var(--rock));*/
	transition: opacity .2s ease-in 0s, .5s z-index step-end;
}
#headerKnob span {
	display: block;
	position: absolute;
	width: 40%;
	height: 2px;
	right: var(--blank);
	border-radius: 4px;
	background: currentColor;
	transform: rotate(0);
	transition: width .4s ease-in-out, left .4s ease-in-out, transform .25s ease-in-out;
}
/* Burger */
#headerKnob span:nth-child(1) {
	top: 35%;
}
#headerKnob span:nth-child(2), #headerKnob span:nth-child(3) {
	top: 48%;
}
#headerKnob span:nth-child(4) {
	top: 61%;
}
/* Cross */
#headerSwitch:checked ~ #headerKnob {
	color: var(--capcode);
}
#headerSwitch:checked ~ #headerKnob span:nth-child(1), #headerSwitch:checked ~ #headerKnob span:nth-child(4) {
	opacity: 0;
}
#headerSwitch:checked ~ #headerKnob span:nth-child(2), #headerSwitch:checked ~ #headerKnob span:nth-child(3) {
	/*width: calc(100% - 1px);*/
	/*left: calc(var(--edge) - 2px);*/
}
#headerSwitch:checked ~ #headerKnob span:nth-child(2) {
	transform: rotate(45deg);
}
#headerSwitch:checked ~ #headerKnob span:nth-child(3) {
	transform: rotate(-45deg);
}


/*~~~~~~~~~~~~~~~~~~~~~~~~  H E A D E R  —  M E N U  —  M A I N.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#headerMenuPane {
	z-index: 1;
	position: fixed;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	width: 100vw;
	height: 100dvh;
	top: 0;
	left: 0;
	pointer-events: none;
	transform: translateX(0%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	opacity: 0;
	background: hsla(0, 0%, 100%, .75);
	backdrop-filter: blur(0);
}
.site-loaded #headerMenuPane {
	transition: opacity .6s ease;
}
.win-resizing #headerMenuPane {
	transition: none;
}
#headerSwitch:checked ~ #headerMenuPane {
	pointer-events: auto;
	opacity: 1;
	backdrop-filter: blur(3px);
	transition: opacity .8s ease;
}

/*~~~~~~~~~~~~~~~ HEADER MENU — PANE NAV */
#headerMenuPaneNav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	/*height: var(--vh, 100vh);*/
	padding: var(--hollow) var(--pit);
	opacity: 0;
	transform: translateX(101%);
	/*box-shadow: var(--shade);*/
}
.site-loaded #headerMenuPaneNav {
	transition: transform .250s ease-in, opacity .250s ease-in;
}
.win-resizing #headerMenuPaneNav {
	transition: none;
}
#headerSwitch:checked ~ #headerMenuPane > #headerMenuPaneNav {
	opacity: 1;
	transform: translateX(0%);
	transition: transform .6s cubic-bezier(.23, 1, .32, 1), opacity .5s ease-out;
}

/*~~~~~~~~~~~~~ HEADER MENU — LIST ITEMS */
.headerMenuPaneList {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	font-size: var(--h3);
	font-weight: 500;
	transform: translateX(50%);
	transition: transform 0s ease-in .250s;
}
#headerSwitch:checked ~ #headerMenuPane .headerMenuPaneList {
	transform: translateX(0);
	transition: transform .3s ease-out .2s;
}
.headerMenuPaneList li {
}
.headerMenuPaneList a, .headerMenuPaneList button {
	display: block;
	align-items: flex-start;
	margin: 0;
	padding: .4em 0;
	font: inherit var(--ff);
	text-transform: none;
	cursor: pointer;
}
.headerMenuPaneList button {
	display: none;
}
.headerMenuPaneList a span {
	display: block;
}

/*~~~~~~~~~~~~ HEADER MENU — FRAMED ITEM */
.headerMenuPaneList .butt-stroke {
	padding: .25em .5em;
}

/*~~~~~~~~~~~~~~~~~~~~~~ HEADER — HOVERS */
@media all and (any-hover: hover) {
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  H E A D E R  —  L O G O.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.siteLogo a {
	display: block;
	color: currentColor;
	pointer-events: auto;
	/*transition: color .15s ease;*/
}
.siteLogo path {
	fill: currentColor;
}
#headerFrame .siteLogo {
	position: relative;
}
#headerFrame .siteLogo, #headerFrame .siteLogo a, #headerFrame .siteLogo figure {
	height: 100%;
}
#headerFrame .siteLogo a {
	opacity: 1;
	transition: opacity .2s ease;
}
#headerFrame .siteLogo figure {
	display: flex;
}
#headerFrame .siteLogo img {
	width: auto;
	height: 100%;
}
@media all and (any-hover: hover) {
	#headerFrame .siteLogo a:hover {
		opacity: .6;
	}
}


/*~~~~~~~~~~~~~~~~~~~~~~~~  H E A D E R  —  B R E A D C R U M B.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#breadcrumbNav {
	margin-top: .7rem;
	font-size: 1.45rem;
	text-transform: lowercase;
}
#breadcrumbNav li {
	display: inline-flex;
	align-items: center;
}
#breadcrumbNav li + li::before {
  content: '\00A0\003E\00A0';
}
#breadcrumbNav a {
	padding: .1em .2em;
}





/*                                                        ▓▓▓▓▓▓╗  ▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗ ▓▓╗   ▓▓╗
                                                          ▓▓╔══▓▓╗▓▓╔═══▓▓╗▓▓╔══▓▓╗╚▓▓╗ ▓▓╔╝
                                                          ▓▓▓▓▓▓╔╝▓▓║   ▓▓║▓▓║  ▓▓║ ╚▓▓▓▓╔╝ 
                                                          ▓▓╔══▓▓╗▓▓║   ▓▓║▓▓║  ▓▓║  ╚▓▓╔╝  
                                                          ▓▓▓▓▓▓╔╝╚▓▓▓▓▓▓╔╝▓▓▓▓▓▓╔╝   ▓▓║   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═════╝  ╚═════╝ ╚═════╝    ╚═╝   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#mainFrame {
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  P A G E   S W I T C H.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
[data-area='–'], [data-area='_'] {
	--dur-off: 250ms;
	--dur-on: 500ms;
}
.–-off [data-area='–'] {
	opacity: 0;
}

/*~~~~~~~~~~~~~~~ SWITCH — LEFT TO RIGHT */
.–-switch-off-ltr [data-area='–'] {
	animation: 150ms ease-in 0s 1 normal forwards running –-switch-off-ltr-animation;
}
.–-switch-on-ltr [data-area='–'] {
	animation: 200ms ease-out 0s 1 normal backwards running –-switch-on-ltr-animation;
}
@keyframes –-switch-off-ltr-animation {
	from { opacity: 1; transform: translateX(0); }
	to { opacity: 0; transform: translateX(2.5rem);	}
}
@keyframes –-switch-on-ltr-animation {
	from { opacity: 0; transform: translateX(-2.5rem); }
	to { opacity: 1; transform: translateX(0); }
}

/*~~~~~~~~~~~~~~~ SWITCH — RIGHT TO LEFT */
.–-switch-off-rtl [data-area='–'] {
	animation: 150ms ease-in 0s 1 normal forwards running –-switch-off-rtl-animation;
}
.–-switch-on-rtl [data-area='–'] {
	animation: 200ms ease-out 0s 1 normal backwards running –-switch-on-rtl-animation;
}
@keyframes –-switch-off-rtl-animation {
	from { opacity: 1; transform: translateX(0); }
	to { opacity: 0; transform: translateX(-2.5rem); }
}
@keyframes –-switch-on-rtl-animation {
	from { opacity: 0; transform: translateX(2.5rem); }
	to { opacity: 1; transform: translateX(0); }
}

/*~~~~~~~~~~~~~~~~~~~~~~~~ SWITCH — FADE */
.–-switch-off-fade [data-area='–'] {
	animation: var(--dur-off) ease-out 0s 1 normal forwards running –-switch-off-fade-animation;
}
.–-switch-on-fade [data-area='–'] {
	animation: var(--dur-on) ease-out 0s 1 normal backwards running –-switch-on-fade-animation;
}
/*  */
.‾-switch-off-ltr [data-area='‾'], .‾-switch-off-rtl [data-area='‾'], .‾-switch-off-fade [data-area='‾'],
._-switch-off-ltr [data-area='_'], ._-switch-off-rtl [data-area='_'], ._-switch-off-fade [data-area='_'] {
	animation: .001s ease-out 0s 1 normal forwards running switch-off-no-animation;
}
.‾-switch-on-ltr [data-area='‾'], .‾-switch-on-rtl [data-area='‾'], .‾-switch-on-fade [data-area='‾'],
._-switch-on-ltr [data-area='_'], ._-switch-on-rtl [data-area='_'], ._-switch-on-fade [data-area='_'] {
	animation: .001s ease-out 0s 1 normal backwards running switch-on-no-animation;
}
@keyframes –-switch-off-fade-animation {
	from { opacity: 1; /*filter: blur(0);*/ }
	to { opacity: 0; /*filter: blur(3px);*/ }
}
@keyframes –-switch-on-fade-animation {
	from { opacity: 0; /*filter: blur(3px);*/ }
	to { opacity: 1; /*filter: blur(0);*/ }
}
@keyframes switch-off-no-animation {
	from { opacity: .99; }
	to { opacity: .99; }
}
@keyframes switch-on-no-animation {
	from { opacity: .99; }
	to { opacity: .99; }
}

/*~~~~~~~~~~~~~~~ SWITCH — BOTTOM TO TOP */
.–-switch-off-btt [data-area='–'] {
	animation: 150ms ease-in 0s 1 normal forwards running –-switch-off-btt-animation;
}
.–-switch-on-btt [data-area='–'] {
	animation: 200ms ease-out 0s 1 normal backwards running –-switch-on-btt-animation;
}
@keyframes –-switch-off-btt-animation {
	from { opacity: 1; transform: translateY(0); }
	to { opacity: 0; transform: translateY(-2.5rem); }
}
@keyframes –-switch-on-btt-animation {
	from { opacity: 0; transform: translateY(2.5rem); }
	to { opacity: 1; transform: translateY(0); }
}

/*~~~~~~~~~~~~~~~ SWITCH — TOP TO BOTTOM */
.–-switch-off-ttb [data-area='–'] {
	animation: 150ms ease-in 0s 1 normal forwards running –-switch-off-ttb-animation;
}
.–-switch-on-ttb [data-area='–'] {
	animation: 200ms ease-out 0s 1 normal backwards running –-switch-on-ttb-animation;
}
@keyframes –-switch-off-ttb-animation {
	from { opacity: 1; transform: translateY(0); }
	to { opacity: 0; transform: translateY(2.5rem); }
}
@keyframes –-switch-on-ttb-animation {
	from { opacity: 0; transform: translateY(-2.5rem); }
	to { opacity: 1; transform: translateY(0); }
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  E F F E C T  —  A P P E A R.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.appear > * {
	opacity: 0;
	transition: transform .8s cubic-bezier(.21, .61, .35, 1), opacity .65s ease-out;
	transition-delay: 1s;
}
.appear.up > * {
	transform: translateY(var(--hole));
}
.appear.down > * {
	transform: translateY(calc(-1 * var(--hole)));
}
.appear.right > *, .appear > .right {
	transform: translateX(calc(-1 * var(--hole)));
}
.appear.left > *, .appear > .left {
	transform: translateX(var(--hole));
}
/* Scoped */
.appear.scoped > * {
	opacity: 1;
	transform: none;
	transition-delay: 0s;
}
.appear.scoped > :nth-child(2) { transition-delay: .175s; }
.appear.scoped > :nth-child(3) { transition-delay: .350s; }
.appear.scoped > :nth-child(4) { transition-delay: .525s; }
.appear.scoped > :nth-child(5) { transition-delay: .700s; }
.appear.scoped > :nth-child(6) { transition-delay: .875s; }
.appear.scoped > :nth-child(7) { transition-delay: 1.050s; }
.appear.scoped > :nth-child(8) { transition-delay: 1.225s; }
.appear.scoped > :nth-child(9) { transition-delay: 1.400s; }
.appear.scoped > :nth-child(10) { transition-delay: 1.575s; }
.appear.scoped > :nth-child(11) { transition-delay: 1.750s; }
.appear.scoped > :nth-child(12) { transition-delay: 1.925s; }
.appear.scoped > :nth-child(13) { transition-delay: 2.100s; }
.appear.scoped > :nth-child(14) { transition-delay: 2.275s; }
.appear.scoped > :nth-child(15) { transition-delay: 2.450s; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  S L I D E - S H O W.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slideshowList li {
	position: relative;
}
.slideshowList .flickity-slider li {
	position: absolute;
	width: 100%;
	margin: 0;
}
.slideshowList.bound > li, .slideshowList.bound .flickity-viewport li {
	height: 100%;
}
.slideshowList figure.img {
	position: relative;
	width: 100%;
}
.slideshowList figure.img figcaption {
	display: block;
}
.slideshowList figure.img footer {
	left: auto;
	top: auto;
	bottom: .25em;
	right: 0;
	transform: none;
	writing-mode: unset;
	text-orientation: unset;
}
.slideshowList figure.img footer small {
	padding: var(--breach) var(--gut);
	letter-spacing: normal;
	font-size: 1.1rem;
	font-weight: 600;
	color: white;
	opacity: .75;
	text-shadow: var(--ts);
}
#modalSlideshow .slideshowList {
	overflow: hidden;
}
#modalSlideshow .slideshowList img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}
[data-rel-modal='modalSlideshow'] li img {
	cursor: pointer;
	cursor: nesw-resize;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  B U T T O N  —  G O - T O.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.navButton, .pm__close-btn {
	z-index: 8;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5rem;
	height: 5rem;
	padding: 0;
	color: white;
	fill: white;
	stroke: none;
	stroke-width: 1px;
	stroke-linejoin: round;
	border-radius: 2.5em;
	background: var(--capcode);
	opacity: 1;
	transition: opacity .25s ease;
}
.navButton svg, .pm__close-btn svg {
	width: 48%;
	height: 48%;
	transition: fill .25s ease;
}

/*~~~~~~~~~~~~~~~~~~ BUTTON GO-TO — DOWN */
#goDownButton {
	position: absolute;
	left: 50vw;
	bottom: calc(var(--gap) + (var(--vh, 100vh) - 100%));
	transform: translateX(-50%);
	opacity: 1;
	background: none;
	animation: 5s ease-out 0s infinite normal none running go-down-animation;
}
@keyframes go-down-animation {
	0% {
		transform: translate(-50%, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	50%, 100% {
		transform: translate(-50%, var(--gut));
		opacity: 0;
	}
}
#goDownButton svg {
	width: 90%;
	height: 90%;
	margin-top: 5%;
	transition: fill .25s ease;
}

/*~~~~~~~~~~~~~~~~~~~ BUTTON GO-TO — TOP */
#goTopButton {
	z-index: 99;
	position: fixed;
	right: 2px;
	bottom: calc(2.5 * var(--gut));
	transform: scale(.65) translateY(250%);
	transition: transform .25s ease, opacity .25s ease;
}
.sneak #goTopButton,
.scrolled #goTopButton {
	transform: scale(.6) translateY(0%);
}

/*~~~~~~~~~~~~~~~~ BUTTON GO-TO — HOVERS */
@media all and (any-hover: hover) {
	.navButton:hover {
		opacity: .6;
	}
	.navButton:hover::before {
		transform: scale(1.15);
	}
	#goDownButton:hover::after {
		animation: 1s ease-out 0s infinite alternate both running go-down-animation-over;
	}
}





/*                                 ▓▓╗     ▓▓╗ ▓▓▓▓▓▓╗▓▓▓▓▓▓▓▓╗▓▓╗▓▓▓╗   ▓▓╗ ▓▓▓▓▓▓╗  ▓▓▓▓▓▓╗
                                   ▓▓║     ▓▓║▓▓╔════╝╚══▓▓╔══╝▓▓║▓▓▓▓╗  ▓▓║▓▓╔════╝ ▓▓╔════╝
                                   ▓▓║     ▓▓║╚▓▓▓▓▓╗    ▓▓║   ▓▓║▓▓╔▓▓╗ ▓▓║▓▓║  ▓▓▓╗╚▓▓▓▓▓╗ 
                                   ▓▓║     ▓▓║ ╚═══▓▓╗   ▓▓║   ▓▓║▓▓║╚▓▓╗▓▓║▓▓║   ▓▓║ ╚═══▓▓╗
                                   ▓▓▓▓▓▓▓╗▓▓║▓▓▓▓▓▓╔╝   ▓▓║   ▓▓║▓▓║ ╚▓▓▓▓║╚▓▓▓▓▓▓╔╝▓▓▓▓▓▓╔╝
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚══════╝╚═╝╚═════╝    ╚═╝   ╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚═════╝ 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  L I S T I N G  —  M O S A Ï C.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.mosaicList {
	display: grid;
	grid-gap: 0;
	grid: auto-flow 1px / 1fr;
	margin: 0 calc(-1 * var(--edge) / 4);
}
.gecko .mosaicList {
	grid-auto-rows: 10px;
}


/*~~~~~~~~~~~~~~~~~~~~~~ LISTING — ITEMS */
.mosaicList li {
}
.mosaicList li > a {
	display: block;
	padding: calc(var(--edge) / 4);
}
.mosaicList article {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
}

/*~~~~~~~~~~~~~~~~~~~ LISTING — HEADINGS */
.mosaicList header {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: var(--space) var(--gut);
	text-align: center;
	color: white;
	text-shadow: var(--ts);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	container-type: inline-size;
}
.mosaicList header > *, .mosaicList header::before {
	opacity: 0;
	transition: opacity .5s cubic-bezier(.47, 0, .745, .715);
}
.mosaicList header::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--capcode);
}
.mosaicList h2, .mosaicList h3, .mosaicList p {
	position: relative;
}
.mosaicList h3::before {
	content: '—';
	display: block;
}
@supports (font-size: 1cqi) {
	.mosaicList h2 {
		font-size: clamp(1.75rem, 7cqi, var(--h2));
	}
	.mosaicList h3 {
		font-size: clamp(1.4rem, 5cqi, var(--h3));
	}
}
#exhibitionList header::before {
	opacity: .25;
}
#exhibitionList h2 {
	opacity: 1;
}

/*~~~~~~~~~~~~~~~~~~~ LISTING — PICTURES */
.mosaicList figure {
	overflow: hidden;
}
.mosaicList picture {
	display: block;
	transform: scale(1);
	transition: transform 1s cubic-bezier(.455, .03, .515, .955);
}
@media all and (any-hover: hover) {
	.mosaicList a:hover header > *, .mosaicList a:hover header::before {
		opacity: 1;
		transition-timing-function: cubic-bezier(.39, .575, .565, 1);
	}
	.mosaicList a:hover header::before {
		opacity: .85 !important;
	}
	.mosaicList a:hover picture {
		transform: scale(1.1);
		transition: transform 1.5s cubic-bezier(.215, .61, .355, 1);
	}
}





/*                                       ▓▓▓▓▓╗ ▓▓▓▓▓▓╗ ▓▓▓▓▓▓▓▓╗▓▓╗ ▓▓▓▓▓▓╗▓▓╗      ▓▓▓▓▓▓╗
                                        ▓▓╔══▓▓╗▓▓╔══▓▓╗╚══▓▓╔══╝▓▓║▓▓╔════╝▓▓║     ▓▓╔════╝
                                        ▓▓▓▓▓▓▓║▓▓▓▓▓▓╔╝   ▓▓║   ▓▓║▓▓║     ▓▓║     ▓▓▓▓▓╗  
                                        ▓▓╔══▓▓║▓▓╔══▓▓╗   ▓▓║   ▓▓║▓▓║     ▓▓║     ▓▓╔══╝  
                                        ▓▓║  ▓▓║▓▓║  ▓▓║   ▓▓║   ▓▓║╚▓▓▓▓▓▓╗▓▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═╝  ╚═╝╚═╝  ╚═╝   ╚═╝   ╚═╝ ╚═════╝╚══════╝ ╚═════╝
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~ PAGE — ARTICLE */
.pageArticle, #defaultArticle {
}
.pageContent {
	padding-top: var(--h-h) !important;
	min-height: var(--vh, 100vh);
}
.pageHero + .pageContent {
	padding-top: 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~ BROWSE — BACK */
.browseBack {
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~ HYPERLINKS */
.content a:not(.button) {
	color: var(--capcode);
	font-weight: 500;
	cursor: pointer;
	background: linear-gradient(to right, currentColor, currentColor), linear-gradient(to right, var(--smog), var(--smog));
	background-size: 0 1px, 100% 1px;
	background-position: 0% 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size .4s ease;
}
@media all and (any-hover: hover) {
	.content a:not(.button):hover {
		background-size: 100% 1px, 100% 1px;
	}
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~ PARAGRAPHS */
.content {
	text-wrap: pretty;
}
.gecko .content {
	text-wrap: balance;
}

/*~~~~~~~~~~~~~~~~~~~~~~ UN-ORDERED LSIT */
.content ul {
	padding-left: 1.1em;
	list-style-position: outside;
	/* list-style-type: '\2022\00A0\00A0'; */
	list-style-type: disc;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ COLUMNS */
.column {
	columns: var(--column) auto;
	column-gap: var(--gap);
}


/*~~~~~~~~~~~~~~~~~~  T A G S  —  V E R T I C A L   M A R G I N.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pageArticle > * {
}
.content *:not(br, fieldset, label, input, textarea, img, span) {
	margin-bottom: var(--cmb);
}
.content > header, .content > section, .content > main, .content > figure {
	margin-bottom: calc(var(--cmb) * 2);
}
.content li, .content li p {
	margin-bottom: calc(var(--cmb) * .25);
}
.content h1, .content h2, .content h3 {
	margin-top: calc(var(--cmb) * 2);
}
.content h4, .content h5 {
	margin-top: calc(var(--cmb) * 2);
}
.content :last-child, .pageArticle > section:last-of-type {
	margin-bottom: 0;
}
.content :first-child, .pageArticle > section:first-of-type {
    margin-top: 0;
}





/*                                                         ▓▓▓▓▓▓╗  ▓▓▓▓▓╗  ▓▓▓▓▓▓╗  ▓▓▓▓▓▓╗
                                                           ▓▓╔══▓▓╗▓▓╔══▓▓╗▓▓╔════╝ ▓▓╔════╝
                                                           ▓▓▓▓▓▓╔╝▓▓▓▓▓▓▓║▓▓║  ▓▓▓╗▓▓▓▓▓╗  
                                                           ▓▓╔═══╝ ▓▓╔══▓▓║▓▓║   ▓▓║▓▓╔══╝  
                                                           ▓▓║     ▓▓║  ▓▓║╚▓▓▓▓▓▓╔╝ ▓▓▓▓▓▓╗
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═╝     ╚═╝  ╚═╝ ╚═════╝  ╚═════╝
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#defaultHero {
	padding: 0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  W O R K S  —  L I S T I N G.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~ WORKS — FILTERS */
#worksFilter {
	z-index: 101;
	overflow-y: auto;
	visibility: visible;
	pointer-events: none;
	opacity: 0;
}
.site-loaded #worksFilter {
	transition: opacity .5s ease-in;
}
.win-resizing #worksFilter {
	transition: none;
}
.pane-open-worksFilter #worksFilter {
	pointer-events: auto;
	opacity: 1;
}
#worksFilterBox {
	position: relative;
	display: inline-block;
	width: 100%;
	height :var(--vh, 100vh);
	padding-top: var(--edge);
	background: var(--pearl);
	transform: translateX(-101%);
}
.site-loaded #worksFilterBox {
	transition: transform .3s ease-in;
}
.pane-open-worksFilter #worksFilterBox {
	transform: translateX(0);
	transition: transform .6s cubic-bezier(.23,1,.32,1);
}
#worksFilter P {
	padding: 0 0 var(--gap) var(--edge);
}
#worksFilter ul {
	border-top: 1px solid hsl(0 0% 0% / .5);
}
#worksFilter li, #worksFilter a {
	display: flex;
	justify-content: space-between;
	padding: .3em var(--shift) .3em var(--edge);
	background: var(--pearl);
	border-bottom: 1px solid hsl(0 0% 0% / .5);
	transition: color .2s ease, background .2s ease;
}
#worksFilter li::after, #worksFilter a::after {
	content: '☐';
	padding-left: var(--chasm);
}
#worksFilter a::after {
	content: '→';
}
#worksFilter li:hover, #worksFilter a:hover {
	color: var(--pearl);
	background: var(--dark);
}
#worksFilter li.active::after {
	content: '☑';
}

/*~~~~~~~~~~~~~~~ WORKS — FILTERS — KNOB */
#filterKnob {
	font-size: var(--h4);
	opacity: 1;
	transition: .2s opacity ease;
}
#filterKnob:hover {
	opacity: .6;
}
#filterKnob svg {
	width: 1rem;
	height: 1rem;
	fill: currentColor;
}
#filterClose {
	position: absolute;
	right: var(--shift);
	width: 4rem;
	height: 4rem;
	display: grid;
	place-items: center;
	margin: -1rem;
	padding: 0;
	transition: .2s opacity ease;
}
#filterClose:hover {
	opacity: .6;
}
#filterClose svg {
	width: 1.5rem;
	height: 1.5rem;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  W O R K S  —  S I N G L E.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#workArticle {
	position: relative;
	display: grid;
}
#workArticle::before {
	content: '';
	z-index: -1;
	position: absolute;
	max-width: 1536px;
	width: 100%;
	height: 100%;
	background: transparent url('../graphics/constellation.png') no-repeat bottom left / 100% auto;
}
#workArticle.productArticle::before {
	display: none;
}
#workArticle section {
	margin-bottom: calc(2 * var(--edge));
}
#workDetails {
	min-height: auto;
}
#workDetails h2 {
	margin-bottom: var(--cmb);
	font-family: var(--ff);
	font-size: var(--h1);
	line-height: .85;
	text-transform: none;
	letter-spacing: unset;
}
#workDetails header {
	margin-bottom: calc(3 * var(--cmb));
}
#workDetails mark, #workDetails data {
	display: block;
	font-style: italic;
}
#workDetails #workPrice {
	display: none;
}
#workDetails #productPrice {
	font-size: var(--h2);
}
#workLinks {
	margin-top: calc(3 * var(--cmb));
	list-style: none;
	padding: 0;
}
#workLinks li {
	margin-bottom: var(--cmb);
}
#workLinks a {
	margin-top: var(--cmb);
	font-size: var(--h3);
	font-weight: var(--fb);
}
#workDescription {
	margin-bottom: calc(2 * var(--cmb));
}
#workProperty + #workDescription::before {
	content: '';
	display: block;
	width: 25%;
	height: 1px;
	margin: calc(2 * var(--cmb)) 0;
	background: var(--capcode);
}
#workArtist h2 {
	margin-bottom: 0;
}
#workArtist h3 {
	margin-top: 0;
}
#workNexus p {
	margin-bottom: var(--cmb);
	font-weight: var(--fb);
}





/*                                                           ▓▓▓▓▓▓╗▓▓╗  ▓▓╗ ▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗ 
                                                            ▓▓╔════╝▓▓║  ▓▓║▓▓╔═══▓▓╗▓▓╔══▓▓╗
                                                            ╚▓▓▓▓▓╗ ▓▓▓▓▓▓▓║▓▓║   ▓▓║▓▓▓▓▓▓╔╝
                                                             ╚═══▓▓╗▓▓╔══▓▓║▓▓║   ▓▓║▓▓╔═══╝ 
                                                            ▓▓▓▓▓▓╔╝▓▓║  ▓▓║╚▓▓▓▓▓▓╔╝▓▓║     
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═════╝ ╚═╝  ╚═╝ ╚═════╝ ╚═╝     
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  S H O P  —  C A R T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#shopFrame {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	width: 50rem;
	max-width: 90vw;
	padding: var(--gap);
}
#shopFrame h2 {
	margin-bottom: var(--gap);
}
#shopFrame table {
	flex-grow: 1;
}
#cartTable caption, #cartTable thead {
	display: none;
}
#cartTable figure {
	width: 10rem;
}
#cartTable data {
	display: block;
	margin-top: var(--gut);
}
#shopFrame data.total {
	font-size: var(--h3);
	text-align: right;
}
#cartTable tr {
	display: block;
	overflow: hidden;
	max-height: calc(30em - 15vw);
	opacity: 1;
	transition: max-height .75s ease-in-out, opacity .75s ease-in-out, padding .5s step-start;
}
#cartTable tr:nth-last-child(n+2) {
	border-bottom: 1px solid var(--mine);
}
#cartTable tr.disappear {
	opacity: 0;
	max-height: 0;
}
#cartBottom {
	margin-top: var(--gap);
	text-align: center;
	border-top: 1px solid var(--mine);
}
#cartTotal {
	display: flex;
	justify-content: space-between;
	padding: var(--shift) 0;
}
#cartBottom button {
	margin-top: var(--gut);
}
/* */
#headerCart {
	padding: 0;
	text-align: left;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  S H O P  —  C H E C K O U T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-checkout {
	background: linear-gradient(90deg, var(--canvas) 0%, var(--canvas) 50%, var(--pearl) 50%, var(--pearl) 100%);
}
.template-checkout h1 {
	margin-bottom: calc(var(--cmb) * 2);
}
.wc-block-components-notices {
	width: 50%;
	padding-right: var(--hollow);
}
/* Left */
.wc-block-components-sidebar-layout .wc-block-components-main {
	width: 50%;
	padding-right: var(--edge);
}
.wc-block-components-form .wc-block-components-checkout-step {
	margin-bottom: var(--hollow);
}
.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label, .wc-blocks-components-select .wc-blocks-components-select__label {
	font-family: var(--fh);
	font-size: .55em;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.wc-block-components-address-card__edit {
	font-family: var(--fh);
	font-size: .7em;
	text-transform: uppercase;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"], .wc-block-components-checkbox .wc-block-components-checkbox__mark {
	display: none;
	width: 0;
	height: 0;
}
.wc-block-components-checkbox label, .wc-block-components-radio-control__label {
	font-size: unset;
}
.wc-block-components-radio-control-accordion-content {
}
.wc-block-components-button {
	color: white;
	background: var(--capcode);
}
#shipping-option, #order-notes, #wc-guest-checkout-notice {
	display: none;
}
/* Right */
.wc-block-components-sidebar {
	width: 50%;
	padding-left: var(--edge);
}
.wc-block-checkout__sidebar.is-sticky {
	top: var(--h-h);
}
.wp-block-woocommerce-checkout-order-summary-block {
	line-height: inherit;
	border-radius: 1px;
}
.wp-block-woocommerce-checkout-order-summary-block, .wp-block-woocommerce-checkout-order-summary-totals-block, .wc-block-components-totals-wrapper {
	border-color: white;
}
.wc-block-components-checkout-order-summary__title-text {
	display: none !important;
}
.wp-block-woocommerce-checkout-order-summary-block {
	font-size: unset;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-name {
	font-weight: unset;
	text-transform: unset;
	letter-spacing: unset;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
	align-items: baseline;
	min-height: 22px;
	min-width: 22px;
	border: none;
	box-shadow: unset;
}
.wc-block-components-product-metadata {
	display: none;
}
.wc-block-components-totals-shipping .wc-block-components-totals-item strong {
	text-transform: unset;
}
/* */
.screen-reader-text {
	position: absolute !important;
	overflow: hidden;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	word-wrap: normal !important;  
}




/*                                                        ▓▓▓▓▓▓╗  ▓▓▓▓▓▓╗  ▓▓▓▓▓▓╗▓▓▓▓▓▓▓▓╗
                                                          ▓▓╔══▓▓╗▓▓╔═══▓▓╗▓▓╔════╝╚══▓▓╔══╝
                                                          ▓▓▓▓▓▓╔╝▓▓║   ▓▓║╚▓▓▓▓▓╗    ▓▓║   
                                                          ▓▓╔═══╝ ▓▓║   ▓▓║ ╚═══▓▓╗   ▓▓║   
                                                          ▓▓║     ╚▓▓▓▓▓▓╔╝▓▓▓▓▓▓╔╝   ▓▓║   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═╝      ╚═════╝ ╚═════╝    ╚═╝   
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/





/*                  ▓▓╗  ▓▓╗ ▓▓▓▓▓▓╗ ▓▓▓╗   ▓▓▓╗ ▓▓▓▓▓▓╗    ▓▓▓▓▓▓╗  ▓▓▓▓▓╗  ▓▓▓▓▓▓╗  ▓▓▓▓▓▓╗
                    ▓▓║  ▓▓║▓▓╔═══▓▓╗▓▓▓▓╗ ▓▓▓▓║▓▓╔════╝    ▓▓╔══▓▓╗▓▓╔══▓▓╗▓▓╔════╝ ▓▓╔════╝
                    ▓▓▓▓▓▓▓║▓▓║   ▓▓║▓▓╔▓▓▓▓╔▓▓║▓▓▓▓▓╗▓▓▓▓▓╗▓▓▓▓▓▓╔╝▓▓▓▓▓▓▓║▓▓║  ▓▓▓╗▓▓▓▓▓╗  
                    ▓▓╔══▓▓║▓▓║   ▓▓║▓▓║╚▓▓╔╝▓▓║▓▓╔══╝╚════╝▓▓╔═══╝ ▓▓╔══▓▓║▓▓║   ▓▓║▓▓╔══╝  
                    ▓▓║  ▓▓║╚▓▓▓▓▓▓╔╝▓▓║ ╚═╝ ▓▓║ ▓▓▓▓▓▓╗    ▓▓║     ▓▓║  ▓▓║╚▓▓▓▓▓▓╔╝ ▓▓▓▓▓▓╗
~~~~~~~~~~~~~~~~~~~ ╚═╝  ╚═╝ ╚═════╝ ╚═╝     ╚═╝ ╚═════╝    ╚═╝     ╚═╝  ╚═╝ ╚═════╝  ╚═════╝
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#splashFrame {
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
}
#homeMenuNav {
	flex-grow: 1;
}


/*~~~~~~  H O M E - P A G E  —  M E N U   ( A C C O R D I O N ).
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#homeMenuList {
	display: flex;
	flex-direction: column;
	height: 100%;
}
#homeMenuList > li {
	position: relative;
	display: flex;
	height: 100%;
	flex: 1;
	transition: flex 3s cubic-bezier(.165, .84, .44, 1);
}
#homeMenuList > li::before {
	content: '';
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: .25;
}
#homeMenuList > li:nth-of-type(1)::before {
	background: var(--capcode);
}
#homeMenuList > li:nth-of-type(2)::before {
	background: var(--makara);
}
#homeMenuList > li:nth-of-type(3)::before {
	background: black;
}
#homeMenuList > li::before, #homeMenuList > li::after, #homeMenuList header {
	transition: opacity .5s cubic-bezier(.47, 0, .745, .715);
}
#homeMenuList > li label {
	width: 100%;
	height: 100%;
	margin: 0;
}
#homeMenuList > li figure {
	z-index: -2;
	position: absolute;
	width: 100%;
	height: 100%;
}
#homeMenuList header {
	padding: var(--edge);
	font-size: var(--h3);
	color: white;
}
#homeMenuList h2 {
	font-size: var(--h1);
	margin-bottom: var(--gap);
	white-space: nowrap;
}
#homeMenuList h3 {
	display: inline-block;
	line-height: 1.5;
}
#homeMenuList ul p {
	margin-top: var(--shift);
}
#homeMenuList ul li {
	display: flex;
	align-items: center;
	margin-bottom: var(--shift);
}
#homeMenuList ul li::before {
	content: '';
	background: transparent url('../graphics/pictograms.svg#arrowView') no-repeat center center / cover;
	display: inline-block;
	width: 22px;
	height: 18px;
	overflow: hidden;
	margin-right: var(--breach);
	filter: brightness(0) invert(1);
}
#homeMenuList ul a {
	padding-bottom: .2em;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~  H O M E - P A G E  —  A S I D E.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#homeAside {
	flex: 0 1 auto;
	padding: var(--edge);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background: var(--pearl);
}
#homeAside .siteLogoLandscape {
	display: block;
}
#homeAside .siteLogoPortrait {
	display: none;
}
#homeAside svg {
	width: 167px;
	height: 50px;
}






/*                                        ▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗  ▓▓▓▓▓▓╗ ▓▓▓▓▓▓▓▓╗ ▓▓▓▓▓▓╗▓▓▓▓▓▓╗ 
                                         ▓▓╔════╝▓▓╔═══▓▓╗▓▓╔═══▓▓╗╚══▓▓╔══╝▓▓╔════╝▓▓╔══▓▓╗
                                         ▓▓▓▓▓╗  ▓▓║   ▓▓║▓▓║   ▓▓║   ▓▓║   ▓▓▓▓▓╗  ▓▓▓▓▓▓╔╝
                                         ▓▓╔══╝  ▓▓║   ▓▓║▓▓║   ▓▓║   ▓▓║   ▓▓╔══╝  ▓▓╔══▓▓╗
                                         ▓▓║     ╚▓▓▓▓▓▓╔╝╚▓▓▓▓▓▓╔╝   ▓▓║   ╚▓▓▓▓▓▓╗▓▓║  ▓▓║
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ╚═╝      ╚═════╝  ╚═════╝    ╚═╝    ╚═════╝╚═╝  ╚═╝
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerFrame {
	background: var(--capcode);
	padding: var(--hollow) 0;
	color: white;
}
#footerFrame > div {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between;
	gap: var(--gap);
}
#footerFrame > div:first-child {
	flex-direction: column;
	margin-bottom: var(--gap);
	font-family: var(--fh);	
	line-height: 1;
}
#footerFrame > div:last-child {
	/*align-items: stretch;*/
	line-height: 1.25;
}
#footerNewsletter legend {
	text-align: center;
}
#footerNewsletter fieldset {
}
#footerNewsletter input {
	font-size: var(--fs);
	caret-color: var(--canvas);
	border-color: var(--canvas);
}
#footerNewsletter button {
	padding: 1em 0 1em 1em;
}
#footerNewsletter button::after {
	content: '';
	background: transparent url('../graphics/pictograms.svg#arrowView') no-repeat center center / cover;
	display: inline-block;
	width: 22px;
	height: 18px;
	overflow: hidden;
	filter: brightness(0) invert(1);
}

/*~~~~~~~~~~~~~~~~~~~~~~ FOOTER — SOCIAL */
#footerSocialNav {
	margin: 0 auto;
	flex-direction: column;
	gap: var(--gut);
}
#footerSocialNav > ul {
	margin-top: -.4em;
}

/*~~~~~~~~~~~~~~~~~~~~ FOOTER — LANGUAGE */
#footerLanguageNav a {
}

#foooterContact address {
	margin-bottom: .25em;
}







/*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/