/*! BuildToolsCookbook v2.0.0 | (c) 2023 Your Name | MIT License | http://github.com/cferdinandi/build-tools-boilerplate */
/**
 * @section Base Styles
 */
body {
	margin: 0 auto;
}

*,
input,
textarea,
select,
button {
	font: inherit;
	font-family: var(--font-family);
	font-size: calc((var(--base-fs) / 16) * 1rem);
	line-height: calc(var(--line-height-fs));
	letter-spacing: calc(var(--letter-spacing));
	box-sizing: border-box;
}

a {
	color: var(--base-color);
	text-decoration: none;
	cursor: pointer;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

:root {
	--f-spinner-width: 36px;
	--f-spinner-height: 36px;
	--f-spinner-color-1: rgba(0, 0, 0, 0.1);
	--f-spinner-color-2: rgba(17, 24, 28, 0.8);
	--f-spinner-stroke: 2.75 ;
}

.f-spinner {
	margin: auto;
	padding: 0;
	width: var(--f-spinner-width);
	height: var(--f-spinner-height);
}

.f-spinner svg {
	width: 100%;
	height: 100%;
	vertical-align: top;
	animation: f-spinner-rotate 2s linear infinite;
}

.f-spinner svg * {
	stroke-width: var(--f-spinner-stroke);
	fill: none;
}

.f-spinner svg *:first-child {
	stroke: var(--f-spinner-color-1);
}

.f-spinner svg *:last-child {
	stroke: var(--f-spinner-color-2);
	animation: f-spinner-dash 2s ease-in-out infinite;
}

@keyframes f-spinner-rotate {
	100% {
		transform: rotate(360deg);
	}
}
@keyframes f-spinner-dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124;
	}
}
.f-zoomInUp {
	animation: 0.2s ease-out 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
	animation: 0.2s ease-out both f-zoomOutDown;
}

@keyframes f-zoomInUp {
	from {
		transform: scale(0.975) translate3d(0, 16px, 0);
		opacity: 0;
	}
	to {
		transform: scale(1) translate3d(0, 0, 0);
		opacity: 1;
	}
}
@keyframes f-zoomOutDown {
	to {
		transform: scale(0.975) translate3d(0, 16px, 0);
		opacity: 0;
	}
}
.f-throwOutUp {
	animation: 0.175s ease-out both f-throwOutUp;
}

.f-throwOutDown {
	animation: 0.175s ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
	to {
		transform: translate3d(0, -150px, 0);
		opacity: 0;
	}
}
@keyframes f-throwOutDown {
	to {
		transform: translate3d(0, 150px, 0);
		opacity: 0;
	}
}
.f-fadeIn {
	animation: 0.2s ease both f-fadeIn;
	z-index: 2;
}

.f-fadeOut {
	animation: 0.2s ease both f-fadeOut;
	z-index: 1;
}

@keyframes f-fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes f-fadeOut {
	100% {
		opacity: 0;
	}
}
.f-fadeSlowIn {
	animation: 0.5s ease both f-fadeSlowIn;
	z-index: 2;
}

.f-fadeSlowOut {
	animation: 0.5s ease both f-fadeSlowOut;
	z-index: 1;
}

@keyframes f-fadeSlowIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes f-fadeSlowOut {
	100% {
		opacity: 0;
	}
}
.f-fadeFastIn {
	animation: 0.2s ease-out both f-fadeFastIn;
	z-index: 2;
}

.f-fadeFastOut {
	animation: 0.2s ease-out both f-fadeFastOut;
	z-index: 2;
}

@keyframes f-fadeFastIn {
	0% {
		opacity: 0.75;
	}
	100% {
		opacity: 1;
	}
}
@keyframes f-fadeFastOut {
	100% {
		opacity: 0;
	}
}
.f-crossfadeIn {
	animation: 0.2s ease-out both f-crossfadeIn;
	z-index: 2;
}

.f-crossfadeOut {
	animation: 0.1s linear 0.1s both f-crossfadeOut;
	z-index: 1;
}

@keyframes f-crossfadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes f-crossfadeOut {
	100% {
		opacity: 0;
	}
}
.f-slideIn.from-next {
	animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
	animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
	animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
	animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}
@keyframes f-slideInNext {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translate3d(0, 0, 0);
	}
}
@keyframes f-slideOutNext {
	100% {
		transform: translateX(-100%);
	}
}
@keyframes f-slideOutPrev {
	100% {
		transform: translateX(100%);
	}
}
.f-classicIn.from-next {
	animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
	z-index: 2;
}

.f-classicIn.from-prev {
	animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
	z-index: 2;
}

.f-classicOut.to-next {
	animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
	z-index: 1;
}

.f-classicOut.to-prev {
	animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
	z-index: 1;
}

@keyframes f-classicInNext {
	0% {
		transform: translateX(-75px);
		opacity: 0;
	}
	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
@keyframes f-classicInPrev {
	0% {
		transform: translateX(75px);
		opacity: 0;
	}
	100% {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}
@keyframes f-classicOutNext {
	100% {
		transform: translateX(-75px);
		opacity: 0;
	}
}
@keyframes f-classicOutPrev {
	100% {
		transform: translateX(75px);
		opacity: 0;
	}
}
:root {
	--f-button-width: 40px;
	--f-button-height: 40px;
	--f-button-border: 0;
	--f-button-border-radius: 0;
	--f-button-color: #374151;
	--f-button-bg: #f8f8f8;
	--f-button-hover-bg: #e0e0e0;
	--f-button-active-bg: #d0d0d0;
	--f-button-shadow: none;
	--f-button-transition: all 0.15s ease;
	--f-button-transform: none;
	--f-button-svg-width: 20px;
	--f-button-svg-height: 20px;
	--f-button-svg-stroke-width: 1.5;
	--f-button-svg-fill: none;
	--f-button-svg-filter: none;
	--f-button-svg-disabled-opacity: 0.65 ;
}

.f-button {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: content-box;
	position: relative;
	margin: 0;
	padding: 0;
	width: var(--f-button-width);
	height: var(--f-button-height);
	border: var(--f-button-border);
	border-radius: var(--f-button-border-radius);
	color: var(--f-button-color);
	background: var(--f-button-bg);
	box-shadow: var(--f-button-shadow);
	pointer-events: all;
	cursor: pointer;
	transition: var(--f-button-transition);
}

@media (hover: hover) {
	.f-button:hover:not([disabled]) {
		color: var(--f-button-hover-color);
		background-color: var(--f-button-hover-bg);
	}
}
.f-button:active:not([disabled]) {
	background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
	outline: none;
}

.f-button:focus-visible {
	outline: none;
	box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}

.f-button svg {
	width: var(--f-button-svg-width);
	height: var(--f-button-svg-height);
	fill: var(--f-button-svg-fill);
	stroke: currentColor;
	stroke-width: var(--f-button-svg-stroke-width);
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: opacity 0.15s ease;
	transform: var(--f-button-transform);
	filter: var(--f-button-svg-filter);
	pointer-events: none;
}

.f-button[disabled] {
	cursor: default;
}

.f-button[disabled] svg {
	opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
	position: absolute;
	z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
	top: 50%;
	transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
	left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
	right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
	left: auto;
	right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
	right: auto;
	left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
	top: auto;
	left: 50%;
	transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
	top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
	bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
	transform: rotate(90deg);
}

html.with-fancybox {
	width: auto;
	overflow: visible;
	scroll-behavior: auto;
}

html.with-fancybox body {
	touch-action: none;
}

html.with-fancybox body.hide-scrollbar {
	width: auto;
	margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
	overflow: hidden !important;
	overscroll-behavior-y: none;
}

.fancybox__container {
	--fancybox-color: #dbdbdb;
	--fancybox-hover-color: #fff;
	--fancybox-bg: rgba(24, 24, 27, 0.98);
	--fancybox-slide-gap: 10px;
	--f-spinner-width: 50px;
	--f-spinner-height: 50px;
	--f-spinner-color-1: rgba(255, 255, 255, 0.1);
	--f-spinner-color-2: #bbb;
	--f-spinner-stroke: 3.65;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	direction: ltr;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	color: #f8f8f8;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow: visible;
	z-index: 1050;
	outline: none;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	overscroll-behavior-y: contain;
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
	box-sizing: inherit;
}

.fancybox__backdrop {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	background: var(--fancybox-bg);
	opacity: var(--fancybox-opacity, 1);
	will-change: opacity;
}

.fancybox__carousel {
	position: relative;
	box-sizing: border-box;
	flex: 1;
	min-height: 0;
	z-index: 10;
	overflow-y: visible;
	overflow-x: clip;
}

.fancybox__viewport {
	width: 100%;
	height: 100%;
}

.fancybox__track {
	display: flex;
	margin: 0 auto;
	height: 100%;
}

.fancybox__slide {
	flex: 0 0 auto;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
	margin: 0 var(--fancybox-slide-gap) 0 0;
	padding: 4px;
	overflow: auto;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
	padding-top: 40px;
}

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
	overflow: hidden;
}

.fancybox__slide.has-image {
	overflow: hidden;
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
	overflow: visible;
}

.fancybox__slide::before, .fancybox__slide::after {
	content: "";
	flex: 0 0 0;
	margin: auto;
}

.fancybox__content {
	align-self: center;
	display: flex;
	flex-direction: column;
	position: relative;
	margin: 0;
	padding: 2rem;
	max-width: 100%;
	color: var(--fancybox-content-color, #374151);
	background: var(--fancybox-content-bg, #fff);
	cursor: default;
	border-radius: 0;
	z-index: 20;
}

.is-loading .fancybox__content {
	opacity: 0;
}

.is-draggable .fancybox__content {
	cursor: move;
	cursor: grab;
}

.can-zoom_in .fancybox__content {
	cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
	cursor: zoom-out;
}

.is-dragging .fancybox__content {
	cursor: move;
	cursor: grabbing;
}

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
	cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
	padding: 0;
	background: rgba(0, 0, 0, 0);
	min-height: 1px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	transition: none;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
	width: 100%;
	height: auto;
	max-height: 100%;
}

.fancybox__slide.is-animating > .fancybox__content {
	filter: blur(0px);
	will-change: transform, width, height;
}

.fancybox-image {
	margin: auto;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: contain;
	user-select: none;
}

.hide-image .fancybox-image {
	opacity: 0;
}

.fancybox__caption {
	align-self: center;
	max-width: 100%;
	flex-shrink: 0;
	margin: 0;
	padding: 14px 0 4px 0;
	overflow-wrap: anywhere;
	line-height: 1.375;
	color: var(--fancybox-color, currentColor);
	opacity: var(--fancybox-opacity, 1);
	cursor: auto;
	visibility: visible;
}

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
	opacity: 0;
	visibility: hidden;
}

.is-compact .fancybox__caption {
	padding-bottom: 0;
}

.f-button.is-close-btn {
	--f-button-svg-stroke-width: 2;
	position: absolute;
	top: 0;
	right: 8px;
	z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
	--f-button-width: 34px;
	--f-button-height: 34px;
	--f-button-border-radius: 4px;
	--f-button-color: var(--fancybox-color, #fff);
	--f-button-hover-color: var(--fancybox-color, #fff);
	--f-button-bg: transparent;
	--f-button-hover-bg: transparent;
	--f-button-active-bg: transparent;
	--f-button-svg-width: 22px;
	--f-button-svg-height: 22px;
	position: absolute;
	top: -38px;
	right: 0;
	opacity: 0.75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
	visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
	visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
	opacity: 1;
}

.fancybox__footer {
	padding: 0;
	margin: 0;
	position: relative;
}

.fancybox__footer .fancybox__caption {
	width: 100%;
	padding: 24px;
	opacity: var(--fancybox-opacity, 1);
	transition: all 0.25s ease;
}

.is-compact .fancybox__footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 20;
	background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
	padding: 12px;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
	--f-button-border-radius: 50%;
	--f-button-color: #fff;
	--f-button-hover-color: #fff;
	--f-button-outline-color: #000;
	--f-button-bg: rgba(0, 0, 0, 0.6);
	--f-button-active-bg: rgba(0, 0, 0, 0.6);
	--f-button-hover-bg: rgba(0, 0, 0, 0.6);
	--f-button-svg-width: 18px;
	--f-button-svg-height: 18px;
	--f-button-svg-filter: none;
	top: 5px;
	right: 5px;
}

.fancybox__nav {
	--f-button-width: 50px;
	--f-button-height: 50px;
	--f-button-border: 0;
	--f-button-border-radius: 50%;
	--f-button-color: var(--fancybox-color);
	--f-button-hover-color: var(--fancybox-hover-color);
	--f-button-bg: transparent;
	--f-button-hover-bg: rgba(24, 24, 27, 0.3);
	--f-button-active-bg: rgba(24, 24, 27, 0.5);
	--f-button-shadow: none;
	--f-button-transition: all 0.15s ease;
	--f-button-transform: none;
	--f-button-svg-width: 26px;
	--f-button-svg-height: 26px;
	--f-button-svg-stroke-width: 2.5;
	--f-button-svg-fill: none;
	--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
	--f-button-svg-disabled-opacity: 0.65;
	--f-button-next-pos: 1rem;
	--f-button-prev-pos: 1rem;
	opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
	position: absolute;
	content: "";
	top: -30px;
	right: -20px;
	left: -20px;
	bottom: -30px;
	z-index: 1;
}

.is-idle .fancybox__nav {
	animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
	pointer-events: none;
	animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
	z-index: 30;
	cursor: pointer;
}

.fancybox-protected {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 40;
	user-select: none;
}

.fancybox-ghost {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: contain;
	z-index: 40;
	user-select: none;
	pointer-events: none;
}

.fancybox-focus-guard {
	outline: none;
	opacity: 0;
	position: fixed;
	pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
	opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
	animation: 0.25s ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
	animation: 0.35s ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
	animation: 0.15s ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
	animation: 0.35s ease forwards f-fadeOut;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
	max-width: 100%;
	flex-shrink: 1;
	min-height: 1px;
	overflow: visible;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
	width: 100%;
	height: 100%;
}

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
	width: calc(100% - 120px);
	height: 90%;
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
	width: 960px;
	height: 540px;
	max-width: 100%;
	max-height: 100%;
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
	padding: 0;
	background: rgba(24, 24, 27, 0.9);
	color: #fff;
}

.has-map .fancybox__content {
	background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}

.f-carousel__thumbs {
	--f-thumb-width: 96px;
	--f-thumb-height: 72px;
	--f-thumb-outline: 0;
	--f-thumb-outline-color: #5eb0ef;
	--f-thumb-opacity: 1;
	--f-thumb-hover-opacity: 1;
	--f-thumb-selected-opacity: 1;
	--f-thumb-border-radius: 2px;
	--f-thumb-offset: 0px;
	--f-button-next-pos: 0;
	--f-button-prev-pos: 0 ;
}

.f-carousel__thumbs.is-classic {
	--f-thumb-gap: 8px;
	--f-thumb-opacity: 0.5;
	--f-thumb-hover-opacity: 1;
	--f-thumb-selected-opacity: 1 ;
}

.f-carousel__thumbs.is-modern {
	--f-thumb-gap: 4px;
	--f-thumb-extra-gap: 20px;
	--f-thumb-clip-width: 46px ;
}

.f-thumbs {
	position: relative;
	flex: 0 0 auto;
	margin: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	user-select: none;
	perspective: 1000px;
	transform: translateZ(0);
}

.f-thumbs .f-spinner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	background-image: linear-gradient(#ebeff2, #e2e8f0);
	z-index: -1;
}

.f-thumbs .f-spinner svg {
	display: none;
}

.f-thumbs.is-vertical {
	height: 100%;
}

.f-thumbs__viewport {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.f-thumbs__track {
	display: flex;
	will-change: transform;
}

.f-thumbs__slide {
	position: relative;
	flex: 0 0 auto;
	box-sizing: content-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	width: var(--f-thumb-width);
	min-width: var(--f-thumb-width);
	height: var(--f-thumb-height);
	overflow: visible;
	cursor: pointer;
}

.f-thumbs__slide.is-loading img {
	opacity: 0;
}

.is-classic .f-thumbs__viewport {
	height: 100%;
}

.is-modern .f-thumbs__track {
	width: max-content;
}

.is-modern .f-thumbs__track::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(var(--left, 0) * 1px);
	width: calc(100% - var(--width, 0) * 1px);
	cursor: pointer;
}

.is-modern .f-thumbs__slide {
	--clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0))) round var(--f-thumb-border-radius, 0));
	transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
	transition: none;
	pointer-events: none;
}

.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
	filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}

.is-modern .f-thumbs__slide > * {
	clip-path: var(--clip-path);
}

.is-modern.in-touch .f-thumbs__slide {
	filter: none;
}

.is-modern.is-resting .f-thumbs__slide {
	transition: all 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide > * {
	transition: all 0.33s ease;
}

.f-thumbs__slide__button {
	appearance: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	border-radius: var(--f-thumb-border-radius);
	overflow: hidden;
	background: rgba(0, 0, 0, 0);
	outline: none;
	cursor: pointer;
	pointer-events: auto;
	touch-action: manipulation;
	opacity: var(--f-thumb-opacity);
	transition: opacity 0.2s ease;
}

.f-thumbs__slide__button:hover {
	opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
	outline: none;
}

.f-thumbs__slide__button:focus-visible {
	outline: none;
	opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button {
	opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
	bottom: 0;
	border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
	border-radius: var(--f-thumb-border-radius);
	animation: f-fadeIn 0.2s ease-out;
	z-index: 10;
}

.f-thumbs__slide__img {
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: var(--f-thumb-offset);
	box-sizing: border-box;
	pointer-events: none;
	object-fit: cover;
}

.f-thumbs.is-horizontal .f-thumbs__track {
	margin: 0 auto;
	padding: 8px 0 12px 0;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
	margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
	flex-wrap: wrap;
	margin: auto 0;
	padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
	margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
	--f-thumb-width: 96px;
	--f-thumb-height: 72px;
	--f-thumb-border-radius: 2px;
	--f-thumb-outline: 2px;
	--f-thumb-outline-color: #ededed;
	position: relative;
	opacity: var(--fancybox-opacity, 1);
	transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
	--f-thumb-gap: 8px;
	--f-thumb-opacity: 0.5;
	--f-thumb-hover-opacity: 1 ;
}

.fancybox__thumbs.is-classic .f-spinner {
	background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-modern {
	--f-thumb-gap: 4px;
	--f-thumb-extra-gap: 20px;
	--f-thumb-clip-width: 46px;
	--f-thumb-opacity: 1;
	--f-thumb-hover-opacity: 1 ;
}

.fancybox__thumbs.is-modern .f-spinner {
	background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-horizontal {
	padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
	padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
	--f-thumb-width: 64px;
	--f-thumb-clip-width: 32px;
	--f-thumb-height: 48px;
	--f-thumb-extra-gap: 10px ;
}

.fancybox__thumbs.is-hidden {
	max-height: 0px !important;
}

.is-closing .fancybox__thumbs {
	transition: none !important;
}

.fancybox__toolbar {
	--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
	--f-button-width: 46px;
	--f-button-height: 46px;
	--f-button-color: var(--fancybox-color);
	--f-button-hover-color: var(--fancybox-hover-color);
	--f-button-bg: rgba(24, 24, 27, 0.65);
	--f-button-hover-bg: rgba(70, 70, 73, 0.65);
	--f-button-active-bg: rgba(90, 90, 93, 0.65);
	--f-button-border-radius: 0;
	--f-button-svg-width: 24px;
	--f-button-svg-height: 24px;
	--f-button-svg-stroke-width: 1.5;
	--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
	--f-button-svg-fill: none;
	--f-button-svg-disabled-opacity: 0.65;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
	color: var(--fancybox-color, currentColor);
	opacity: var(--fancybox-opacity, 1);
	text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
	pointer-events: none;
	z-index: 20;
}

.fancybox__toolbar :focus-visible {
	z-index: 1;
}

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.is-idle .fancybox__toolbar {
	pointer-events: none;
	animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
	flex-grow: 1;
	flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
	display: flex;
	justify-content: flex-end;
	flex-wrap: nowrap;
}

.fancybox__infobar {
	padding: 0 5px;
	line-height: var(--f-button-height);
	text-align: center;
	font-size: 17px;
	font-variant-numeric: tabular-nums;
	-webkit-font-smoothing: subpixel-antialiased;
	cursor: default;
	user-select: none;
}

.fancybox__infobar span {
	padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
	background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
	position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
	height: 100%;
	opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
	display: flex;
}

[data-fancybox-toggle-slideshow] svg g:last-child {
	display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
	display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
	display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
	display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
	display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
	display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
	display: flex;
}

.f-progress {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	transform: scaleX(0);
	transform-origin: 0;
	transition-property: transform;
	transition-timing-function: linear;
	background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
	z-index: 30;
	user-select: none;
	pointer-events: none;
}

/* im-fell-english-regular - latin */
@font-face {
	font-display: swap;
	font-family: "IM Fell English";
	font-style: normal;
	font-weight: 400;
	src: url("/fonts/imfell/im-fell-english-v14-latin-regular.woff2") format("woff2"), url("/fonts/imfell/im-fell-english-v14-latin-regular.woff") format("woff");
}
@font-face {
	font-display: swap;
	font-family: "Adhesive";
	font-style: normal;
	font-weight: 400;
	src: url("/fonts/adhesive/AdhesiveNrSeven.woff2") format("woff2"), url("/fonts/adhesive/AdhesiveNrSeven.woff") format("woff");
}
.fancybox__container img {
	width: 100%;
}

.overlay--item {
	margin: 3rem auto;
}

html {
	--font-family: "IM Fell English", Serif;
	--letter-spacing: 0px;
	--container-max-width: 44rem;
	--line-height-fs: 1.6;
	--base-color: #fff;
	--sec-color: #ead09d;
	--hero-height: 200vh;
	--scroll-pos: 0;
	--scroll-pos-px: 0px;
	--hover-shadow: 0 1rem 4rem hsla(0, 0%, 100%, 0.2);
	--fancybox-bg: hsl(0, 0%, 0%);
	--fancybox-opacity: 0.8;
	--gap: 0.6rem;
	--base-fs: 16;
	--fancybox-content-color: #222;
}
@media (min-width: 736px) {
	html {
		--gap: 1rem;
		--base-fs: 20;
	}
}

body {
	background: #000;
	color: var(--base-color);
}
body.scrolling-done {
	overflow: auto;
}

h1 {
	--base-fs: 62;
	--font-family: "Adhesive";
	text-align: center;
	--letter-spacing: calc(1em / 6);
	font-size: clamp(0.5rem, 9vw, calc((var(--base-fs) / 16) * 1rem));
}

h2 {
	--base-fs: 58;
	text-align: center;
	--font-family: "Adhesive";
	--letter-spacing: calc(1em / 6);
	font-size: clamp(0.5rem, 9vw, calc((var(--base-fs) / 16) * 1rem));
}

h3 {
	--base-fs: 48;
	text-align: center;
}

h4 {
	--base-fs: 38;
}

*.cta {
	--bg: #aa0000ee;
	background: var(--bg);
	color: #ffffff;
	padding: 0.5em 2em;
	text-transform: uppercase;
	--letter-spacing: 0.15em;
	box-shadow: 0 1px 6px 0 var(--bg);
	display: inline-block;
}

.center {
	text-align: center;
}

.header {
	position: fixed;
	top: 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9;
	padding: 0.3rem var(--gap);
	transition: all 2s ease 1s;
	opacity: 0;
	flex-direction: column;
	align-items: center;
}
@media (min-width: 736px) {
	.header {
		flex-direction: row;
	}
}
.header .logo {
	display: flex;
	align-items: center;
}
.header .logo img {
	max-width: 300px;
	display: block;
	height: auto;
}
.header .menu {
	align-items: center;
}
.header .menu ul {
	list-style: none;
	display: flex;
	gap: var(--gap);
	align-items: center;
	padding: 0;
	justify-content: center;
	flex-wrap: wrap;
}
.header .menu ul li {
	display: flex;
	align-items: center;
}
.header .menu ul li.fl {
	width: calc((100% / 5) - var(--gap));
}
@media (min-width: 736px) {
	.header .menu ul li.fl {
		width: auto;
	}
}
.header .menu ul a {
	--base-fs: 20;
}
@media (min-width: 736px) {
	.header .menu ul a {
		--base-fs: 16;
	}
}
.header .menu ul a svg {
	fill: #fff;
	width: 1rem;
}

.hidden {
	position: absolute;
	overflow: hidden;
	height: 1px;
	width: 1px;
}

.hero {
	pointer-events: none;
	height: var(--hero-height);
	position: relative;
}
.hero-logo {
	filter: blur(calc((var(--scroll-pos-px) / 20)));
	mix-blend-mode: lighten;
}
.hero-logo.two {
	opacity: 0.5;
}
.hero-logo.three {
	opacity: 0;
}
.hero-image, .hero-image.one {
	opacity: 0.2;
}
.hero-image.two {
	opacity: 1;
}
.hero-image.three {
	opacity: 0;
}
.hero-video {
	opacity: 0;
}
.hero-video.one {
	filter: blur(calc((var(--scroll-pos-px) / 10)));
	opacity: 0;
}
.hero-video.two {
	opacity: 0;
}
.hero-video.three {
	opacity: 0.2;
	filter: grayscale(0.5);
}
.hero .logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 2s ease 0.1s;
}
.hero .logo img {
	width: 80vw;
	max-width: 88rem;
	transition: all 2s ease;
	transform: scale(calc(1 - var(--scroll-pos)/10000));
}

.hero-image {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	transition: all 2s ease 0.1s;
	filter: blur(calc((var(--scroll-pos-px) / 200)));
}
.hero-image img {
	height: 100vh;
	display: block;
	width: 100%;
	object-fit: cover;
	object-position: center -10vw;
	position: absolute;
	scale: 1;
	transition: all 2s ease;
	transform: scale(calc(1 + var(--scroll-pos)/10000));
	opacity: calc((2632 - var(--scroll-pos)) / 1000);
}

.player-container {
	transition: all 2s ease 0.5s;
	width: 100%;
	height: 100vh;
	opacity: 0.2;
	position: fixed;
	top: 0;
	overflow: hidden;
}
.player-container .player {
	width: 177vh;
	height: 100vh;
	aspect-ratio: 16/9;
	position: absolute;
	pointer-events: none;
	top: 50%;
	left: 50%;
	transition: all 0.5s;
	opacity: 0;
	transform: translate(-50%, -50%);
	width: 177vh;
	height: 100vh;
}
@media (min-aspect-ratio: 16/9) {
	.player-container .player {
		width: 100vw;
		height: 56.25vw;
	}
}
.player-container .player.player_visible {
	opacity: 1;
}
.player-container:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #443c3c;
	mix-blend-mode: overlay;
}

.content--container {
	position: relative;
	z-index: 2;
	padding: 200px var(--gap) var(--gap);
	opacity: 0;
	filter: blur(100px);
	transition: all 1s;
}

body.scrolling-done .header {
	opacity: 1;
}
body.scrolling-done .hero {
	--hero-height: 100vh;
}
body.scrolling-done .hero .hero-logo {
	opacity: 0;
}
body.scrolling-done .hero .hero-logo.one {
	opacity: 1;
}
body.scrolling-done .content--container {
	opacity: 1;
	filter: blur(0);
}

.band {
	padding: 2rem;
}
.band .text {
	margin: 0 auto 2rem auto;
	max-width: var(--container-max-width);
}

.tourdates {
	position: relative;
	margin: 0 auto 2rem auto;
	max-width: var(--container-max-width);
}
.tourdates ul {
	list-style: none;
	padding: 0;
}
.tourdates li {
	padding: 1rem 0.3rem;
	border-bottom: 1px solid #ffffff66;
	position: relative;
	opacity: 0.8;
	transition: all 0.3s;
}
@media (min-width: 736px) {
	.tourdates li {
		display: flex;
		justify-content: space-between;
	}
}
.tourdates li:focus, .tourdates li:hover {
	opacity: 1;
	background: #cc000033;
}
.tourdates .date {
	color: var(--sec-color);
}
@media (min-width: 736px) {
	.tourdates .date {
		width: calc((100% / 12) * 2);
	}
}
@media (min-width: 736px) {
	.tourdates .city {
		width: calc((100% / 12) * 8);
	}
}
@media (min-width: 736px) {
	.tourdates .link {
		text-align: right;
	}
}
.tourdates .link a:after {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
.feature.feature--iq {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100vh;
	text-align: center;
}
.feature.feature--iq img {
	max-width: none;
	max-height: 57vh;
	box-shadow: 0 0 40rem #00000099, 0 0 100rem #00000022, 0 0 200rem #00000011;
}
.feature.feature--iq h2 {
	margin: -1rem 0 0 0;
	line-height: 1;
	--base-fs: 80;
	text-shadow: 0 2px 4px #000, 0 0 4em #ffffff55;
}

.discography {
	max-width: var(--container-max-width);
	margin: 0 auto;
}
.discography ul {
	list-style: none;
	padding: 0;
	margin: 0 calc(var(--gap) * -1);
	display: flex;
	flex-wrap: wrap;
}
.discography ul li {
	width: calc((100 / 12) * 4%);
	padding: var(--gap);
	aspect-ratio: 1;
	margin: 0;
}
.discography ul li a {
	transition: all 0.5s;
	box-shadow: 0 0 3rem rgba(0, 0, 0, 0.3);
	display: block;
	position: relative;
	text-align: center;
}
.discography ul li a .title {
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	padding: 0.5rem;
	--base-fs: 14;
	left: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: all 0.5s ease 0.3s;
	text-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.8);
}
.discography ul li a:focus, .discography ul li a:hover {
	scale: 1.05;
	box-shadow: var(--hover-shadow);
}
.discography ul li a:focus .title, .discography ul li a:hover .title {
	opacity: 1;
}
.discography ul li img {
	width: 100%;
	height: auto;
	display: block;
}

.overlay--item {
	max-width: var(--container-max-width);
	display: none;
	width: 100%;
	--base-color: var(--fancybox-content-color);
}

*.small_txt {
	--base-fs: 14;
}

.tracklist {
	display: flex;
	flex-wrap: wrap;
	--container-width: 100%;
	gap: var(--gap);
}
.tracklist.double {
	--container-width: calc(50% - (var(--gap) / 1));
}
.tracklist li {
	--base-fs: 16;
	padding: 0;
	list-style-position: inside;
	margin-bottom: 1rem;
}
.tracklist li .small {
	display: block;
}
.tracklist--container {
	width: var(--container-width);
	margin: 0;
	padding: 0;
}

.media {
	--eil: 4;
	margin: 0 auto;
	max-width: var(--container-max-width);
}
.media a {
	opacity: 0.7;
	transition: all 0.5s;
	box-shadow: 0 0 3rem rgba(0, 0, 0, 0.3);
}
.media a:focus, .media a:hover {
	opacity: 1;
	scale: 1.05;
	box-shadow: var(--hover-shadow);
}
.media ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: calc(var(--gap) / -1);
	margin-right: calc(var(--gap) / -1);
	padding: 0;
	list-style: none;
}
.media ul li {
	width: calc((100% / 12) * var(--eil));
	display: flex;
	padding: var(--gap);
}
.media ul li img {
	object-fit: cover;
	width: 100%;
}

.videos img {
	aspect-ratio: 16/9;
}

.photos img {
	aspect-ratio: 1;
}

.merch .merch-inner {
	max-width: var(--container-max-width);
	margin: 0 auto;
}

.products {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0 calc(var(--gap) * -1);
	--columns: 12;
}
@media (min-width: 600px) {
	.products {
		--columns: 6;
	}
}
@media (min-width: 736px) {
	.products {
		--columns: 4;
	}
}

.product {
	padding: var(--gap);
	width: calc((100% / 12) * var(--columns));
	display: flex;
}
.product a {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.product img {
	width: 100%;
	background: #f0f0f0;
}
.product h3 {
	--base-fs: 1rem;
	flex-grow: 1;
}
.product h3 .title {
	display: block;
	--base-fs: 16;
	opacity: 0.8;
}
.product h3 .subtitle {
	--base-fs: 20;
	font-weight: bold;
}
.product .description {
	display: none;
}

.band .normal_txt {
	margin: 0 auto;
	max-width: var(--container-max-width);
}

ul.footer-menu {
	list-style: none;
	padding: 2rem;
	display: flex;
	gap: var(--gap);
	justify-content: end;
	--base-fs: 14;
	margin: 0;
	background: #0009;
}