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

	@media (min-width: 1025px) {

		.hayler .classic-menu .nav-height {
			background-color: transparent;
		}

		.hayler .classic-menu #clapat-nav-wrapper {
			position: absolute;
			top: 50%;
			left: 50%;
			width: auto;
			height: auto;
			padding: 10px;
			background-color: rgba(128, 128, 128, 0.35);
			border-radius: 3px;
			-webkit-backdrop-filter: blur(7px);
			backdrop-filter: blur(7px);
			transform: translate(-50%, -50%);
		}

	}

	.hayler #header-button .button-icon i {
		background-color: var(--primary-color);
		color: var(--color-black);
		filter: none;
	}

	.hayler #header-button .button-icon i::before {
		filter: none;
	}



/*------------------------------------------------------------------
    Footer
-------------------------------------------------------------------*/

	.hayler #clapat-footer:not(.absolute) {
		overflow: visible;
		color: var(--color-white);
		background-color: var(--fullscreen-menu-bg-color);
	}

	.hayler #clapat-footer:not(.absolute)::before {
		content: "";
		position: absolute;
		top: -20px;
		left: 0;
		width: calc(50% - 1px);
		height: 20px;
		background-color: var(--fullscreen-menu-bg-color);
		border-top-right-radius: 10px;
	}

	.hayler #clapat-footer:not(.absolute)::after {
		content: "";
		position: absolute;
		top: -20px;
		right: 0;
		width: calc(50% - 1px);
		height: 20px;
		background-color: var(--fullscreen-menu-bg-color);
		border-top-left-radius: 10px;
	}

	@media only screen and (max-width: 1024px) {

		.hayler #clapat-footer:not(.absolute) {
			overflow: hidden;
		}

		.hayler .footer-nav-lists {
			grid-template-rows: repeat(5, auto);
		}

	}

	@media only screen and (max-width: 767px) {

		.hayler #clapat-footer:not(.absolute) .clapat-footer-left {
			right: 0;
			left: auto;
			justify-content: flex-end;
		}

		.hayler #clapat-footer:not(.absolute) #backtotop {
			bottom: -6px;
			left: 16px;
		}

		.hayler #clapat-footer:not(.absolute) .clapat-footer-center {
			justify-content: flex-start;
		}

		.hayler #clapat-footer:not(.absolute) .clapat-footer-right {
			justify-content: flex-start;
		}

		.hayler #clapat-footer:not(.absolute) .socials-wrap .socials {
			-webkit-transform: translateX(-14px);
			transform: translateX(-14px);
		}

	}



/*------------------------------------------------------------------
    Hero Section
-------------------------------------------------------------------*/

	.hayler .has-media #hero-caption {
		justify-content: flex-end;
	}

	.hayler #hero-caption.text-align-default-desktop .inner {
		width: 100%;
	}

	.hayler #hero-caption.text-align-default-desktop .hero-subtitle {
		width: 100%;
		box-sizing: border-box;
		padding-left: calc(66.6667% - (1 * var(--gap)) / 3 + var(--gap));
	}

	.hayler #hero-caption.error-caption .hero-title {
		font-size: var(--bt-font-size);
		line-height: var(--bt-line-height);
		font-weight: var(--bt-font-weight);
		letter-spacing: var(--bt-letter-spacing);
		column-gap: 0;
	}

	.hayler #hero-caption.error-caption .hero-title .word-wrapper span {
		text-shadow: 0 1.05em 0 currentColor;
	}

	.hayler .has-border {
		--segment: calc(
			(100% - (var(--horizontal-gutter) * 2) - (var(--gap) * 2)) / 3
		);
		mask-image: linear-gradient(
			to right,
			transparent 0,
			transparent var(--horizontal-gutter),
			black var(--horizontal-gutter),
			black calc(var(--horizontal-gutter) + var(--segment)),
			transparent calc(var(--horizontal-gutter) + var(--segment)),
			transparent calc(var(--horizontal-gutter) + var(--segment) + var(--gap)),
			black calc(var(--horizontal-gutter) + var(--segment) + var(--gap)),
			black calc(var(--horizontal-gutter) + var(--segment) * 2 + var(--gap)),
			transparent calc(var(--horizontal-gutter) + var(--segment) * 2 + var(--gap)),
			transparent calc(var(--horizontal-gutter) + var(--segment) * 2 + var(--gap) * 2),
			black calc(var(--horizontal-gutter) + var(--segment) * 2 + var(--gap) * 2),
			black calc(var(--horizontal-gutter) + var(--segment) * 3 + var(--gap) * 2),
			transparent calc(var(--horizontal-gutter) + var(--segment) * 3 + var(--gap) * 2),
			transparent 100%
		);
	}

	.hayler .has-border::before {
		top: 0;
		bottom: auto;
		transform-origin: left;
	}

	.hayler .has-border::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background-image:
			linear-gradient(to top, var(--color-black) 0%, var(--color-black) 100%),
			linear-gradient(to right, transparent, transparent),
			linear-gradient(to top, transparent, transparent);
		background-position: -100% 50%, 50% 0, 0 50%;
		background-repeat: no-repeat;
		background-size: 50% 2px, 2px 100%, 100% 2px;
		opacity: 1;
	}

	.hayler .light-content .has-border::after {
		background-image:
			linear-gradient(to top, var(--color-white) 0%, var(--color-white) 100%),
			linear-gradient(to right, transparent, transparent),
			linear-gradient(to top, transparent, transparent);
	}

	.hayler .has-border.visible::after {
		background-position: 100% 0%, 50% 0, 0 50%;
		background-size: 0 2px, 2px 100%, 100% 2px;
		transition: transform 0.5s ease-out 0s, background-size 1.5s cubic-bezier(.69, 0, 0, 1) 0.45s, background-position 0.6s cubic-bezier(.6, 0, .05, 1) 0.45s;
	}

	.hayler .hero-footer-left {
		display: flex;
		justify-content: flex-start;
		width: calc(33.3333% - (2 * var(--gap)) / 3);
	}

	.hayler .hero-footer-center {
		display: flex;
		justify-content: flex-start;
		width: calc(33.3333% - (2 * var(--gap)) / 3);
	}

	.hayler .hero-footer-right {
		display: flex;
		justify-content: flex-end;
		width: calc(33.3333% - (2 * var(--gap)) / 3);
	}

	.hayler .hero-footer-left #back-home .text-wrap {
		white-space: nowrap;
	}

	.hayler .hero-footer-left #back-home .button-text {
		display: block;
	}

	/* Responsive */

	@media only screen and (max-width: 1024px) {

		.hayler #hero-caption.text-align-default-desktop .hero-subtitle {
			margin-top: 40px;
			padding-left: calc(33.3333% + var(--gap) / 3);
		}

	}

	@media only screen and (max-width: 767px) {

		.hayler #hero-caption.text-align-default-desktop .hero-subtitle {
			margin-top: 20px;
			padding-left: 0;
		}

	}



/*------------------------------------------------------------------
    Page Nav Section
-------------------------------------------------------------------*/

	.hayler .nav-intro-wrapper {
		position: absolute;
		z-index: 1000;
		display: flex;
		flex-direction: column;
		gap: calc(var(--gap) / 2);
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding-top: calc(var(--header-height) - var(--gap) * 2);
		padding-left: var(--horizontal-gutter);
		padding-right: var(--horizontal-gutter);
	}

	.hayler .nav-intro-wrapper .nav-intro-text {
		display: flex;
		justify-content: flex-start;
		width: 100%;
	}

	.hayler .nav-intro-wrapper .nav-intro-text .span-text {
		position: relative;
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		width: 100%;
		column-gap: 0.2em;
		flex-shrink: 0;
	}

	.hayler .nav-intro-wrapper.text-align-center .nav-intro-text .span-text {
		justify-content: center;
	}

	.hayler .nav-intro-wrapper.text-align-right .nav-intro-text .span-text {
		justify-content: flex-end;
	}

	.hayler .nav-intro-wrapper .nav-intro-text .span-word {
		overflow: hidden;
		justify-content: center;
	}

	.hayler .nav-intro-wrapper .nav-intro-text .span-word:first-child {
		justify-content: flex-start;
	}

	.hayler .nav-intro-wrapper .nav-intro-text .span-word:last-child {
		justify-content: flex-end;
	}

	.hayler .nav-intro-wrapper .nav-intro-text .span-word span {
		position: relative;
		display: block;
	}

	.hayler .nav-intro-wrapper .nav-intro-text .span-word span::before {
		content: attr(data-hover);
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
	}

	.hayler .next-hero-subtitle {
		opacity: 1;
	}



/*------------------------------------------------------------------
    Showcase Slider Parallax
-------------------------------------------------------------------*/

	.hayler .clapat-slider-wrapper .clapat-slider-caption {
		justify-content: flex-start;
	}

	.hayler .clapat-slider-wrapper .clapat-slider-caption .item-caption {
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: auto;
		text-align: left;
	}

	.hayler .clapat-slider-wrapper .clapat-slider-caption .item-title {
		left: -0.06em;
	}

	.hayler .clapat-slider-wrapper .clapat-slider-caption .item-role {
		text-align: right;
	}

	.hayler .clapat-slider-wrapper .clapat-slider-caption .item-cat > span {
		display: block;
	}

	/* Slider Pagination Bullets */

	.hayler .clapat-slider-footer {
		overflow: visible;
	}

	.hayler .showcase-slider-parallax .clapat-slider-pagination {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 20;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding-left: var(--horizontal-gutter);
		padding-right: var(--horizontal-gutter);
		gap: var(--gap);
		counter-reset: slide;
		pointer-events: none;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	.hayler .showcase-slider-parallax .clapat-pagination-bullet {
		position: relative;
		display: inline-flex;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		height: auto;
		padding-bottom: 40px;
		margin: 0;
		opacity: 1;
		cursor: pointer;
		pointer-events: none;
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}

	.hayler .showcase-slider-parallax .clapat-pagination-bullet::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 1px;
		opacity: 0.2;
		background-color: currentColor;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		transform-origin: center;
	}

	.hayler.viewport-mobile .showcase-slider-parallax .clapat-pagination-bullet::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 1px;
		background-color: currentColor;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		transform-origin: right;
		-webkit-transition: transform 0.2s ease-in-out 0.1s;
		transition: transform 0.2s ease-in-out 0.1s;
	}

	.hayler.viewport-mobile .showcase-slider-parallax .clapat-pagination-bullet.clapat-pagination-bullet-active::before {
		transform-origin: left;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	.hayler .showcase-slider-parallax .clapat-pagination-bullet .bullet-number-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		height: 100%;
	}

	.hayler .showcase-slider-parallax .clapat-pagination-bullet .bullet-number {
		position: relative;
		width: auto;
		height: 100%;
		opacity: 0.2;
		pointer-events: initial;
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}

	.hayler .showcase-slider-parallax .clapat-pagination-bullet.clapat-pagination-bullet-active .bullet-number,
	.hayler .showcase-slider-parallax .clapat-pagination-bullet .bullet-number-wrapper:hover .bullet-number {
		opacity: 1;
	}

	.hayler .showcase-slider-parallax .clapat-pagination-bullet .clapat-autoplay-progress {
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 3px;
		opacity: 0;
	}

	.hayler .showcase-slider-parallax .clapat-pagination-bullet.clapat-pagination-bullet-active .clapat-autoplay-progress {
		opacity: 1;
	}

	.hayler .showcase-slider-parallax .clapat-pagination-bullet .clapat-autoplay-progress span {
		position: relative;
		display: block;
		width: 0%;
		height: 2px;
		background: currentColor;
	}

	/* Responsive */

	@media only screen and (max-width: 1024px) {

		.hayler .clapat-slider-wrapper .clapat-slider-caption .item-caption {
			flex-direction: column;
			align-items: flex-start;
			justify-content: center;
			text-align: left;
		}

		.hayler .clapat-slider-wrapper .clapat-slider-caption .item-role {
			text-align: left;
		}

	}

	@media only screen and (max-width: 767px) {

		.hayler .clapat-pagination-bullet {
			padding-bottom: 30px;
		}

	}

	@media only screen and (max-width: 479px) {

		.hayler .clapat-pagination-bullet {
			padding-bottom: 20px;
		}

	}



/*------------------------------------------------------------------
    Showcase Slider Carousel Horizontal
-------------------------------------------------------------------*/

	.hayler .clapat-slider-wrapper .clapat-carousel-caption-wrapper {
		position: absolute;
		top: calc(50 * var(--dvh, 1vh) + max(10vw, 140px));
		left: 0;
		z-index: 100;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: calc(100vw - var(--scroll-bar-w));
		height: 100px;
		box-sizing: border-box;
		opacity: 0;
		pointer-events: none;
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}

	.hayler .clapat-slider-wrapper .clapat-carousel-caption-wrapper.visible-caption {
		opacity: 1;
	}

	.hayler .clapat-slider-wrapper .clapat-carousel-caption {
		position: relative;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		width: 20vw;
		min-width: 280px;
		height: 100px;
		opacity: 1;
	}

	.hayler .clapat-slider-wrapper .clapat-carousel-caption .item-caption {
		position: absolute;
		text-align: center;
		color: currentColor;
		pointer-events: none;
	}

	.hayler .clapat-slider-wrapper .clapat-carousel-caption .item-title {
		position: relative;
		overflow: hidden;
		font-family: var(--primary-font-family);
		font-size: var(--h5-font-size);
		line-height: var(--h5-line-height);
		font-weight: var(--h5-font-weight);
		letter-spacing: var(--h5-letter-spacing);
	}

	.hayler .clapat-slider-wrapper .clapat-carousel-caption .item-cat {
		overflow: hidden;
	}

	.hayler .clapat-slider-wrapper .clapat-carousel-caption .item-title span,
	.hayler .clapat-slider-wrapper .clapat-carousel-caption .item-cat span {
		position: relative;
		display: block;
		opacity: 0;
	}

	.hayler .clapat-slider-wrapper .clapat-carousel-caption .item-caption.active .item-title span,
	.hayler .clapat-slider-wrapper .clapat-carousel-caption .item-caption.active .item-cat span {
		opacity: 1;
	}

	.hayler .showcase-slider-carousel-horizontal .clapat-slide .item-date {
		position: absolute;
		top: -23px;
		right: 12px;
		left: auto;
		display: block;
		padding: 0;
		overflow: hidden;
		text-align: right;
		background: transparent;
		opacity: 0;
		color: currentColor;
		-webkit-transition: opacity 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out;
	}

	.hayler .showcase-slider-carousel-horizontal.visible-caption .clapat-slide .item-caption .item-date {
		opacity: 0.2;
	}

	.hayler .showcase-slider-carousel-horizontal .clapat-slide:hover .item-caption .item-date {
		opacity: 1;
	}

	.hayler .showcase-slider-carousel-horizontal .clapat-slide .item-date span {
		position: relative;
		display: block;
		text-align: right;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: transform 0.2s ease-in-out;
		transition: transform 0.2s ease-in-out;
	}

	.hayler .showcase-slider-carousel-horizontal .clapat-slide .item-date span::after {
		content: var(--slide-index);
		position: absolute;
		top: -100%;
		right: 0;
		width: 100%;
		height: 100%;
	}

	.hayler .showcase-slider-carousel-horizontal .clapat-slide:hover .item-caption .item-date span {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	/* Responsive */

	.hayler.viewport-mobile .showcase-slider-carousel-horizontal .clapat-slider-viewport {
		transform: translateY(calc(-1 * var(--hero-footer-height) / 2));
	}

	.hayler.viewport-mobile .showcase-slider-carousel-horizontal .item-caption {
		position: absolute;
		top: 0;
		bottom: auto;
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
		height: calc(100% + 36px);
		padding: 12px;
		opacity: 0;
	}

	.hayler.viewport-mobile .showcase-slider-carousel-horizontal .item-caption .item-title {
		position: relative;
		display: block;
		overflow: hidden;
		color: currentColor;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.hayler.viewport-mobile .showcase-slider-carousel-horizontal .item-content:hover .item-caption .item-title {
		padding-left: 30px;
	}

	.hayler.viewport-mobile .showcase-slider-carousel-horizontal .item-caption .item-title::before {
		content: "\f061";
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 30px;
		font: var(--fa-font-solid);
		font-size: 12px;
		line-height: inherit;
		text-align: left;
		opacity: 0;
		color: currentColor;
		pointer-events: none;
		-webkit-transform: scale(0.5) rotate(-45deg);
		transform: scale(0.5) rotate(-45deg);
		transform-origin: -10px center;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.hayler.viewport-mobile .showcase-slider-carousel-horizontal .item-content:hover .item-caption .item-title::before {
		opacity: 1;
		-webkit-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}

	.hayler.viewport-mobile .showcase-slider-carousel-horizontal .item-caption .item-cat {
		position: relative;
		display: block;
		overflow: hidden;
		color: currentColor;
	}

	.hayler.viewport-mobile .showcase-slider-carousel-horizontal .item-caption .item-cat span {
		position: relative;
		display: block;
		width: auto;
		min-width: 100px;
		text-align: right;
		-webkit-transition: -webkit-transform 0.2s;
		transition: transform 0.2s;
	}

	.hayler.viewport-mobile .showcase-slider-carousel-horizontal .item-caption .item-cat span::before {
		content: attr(data-hover);
		position: absolute;
		top: 100%;
		right: 0;
		width: 100%;
		height: 100%;
	}

	.hayler.viewport-mobile .showcase-slider-carousel-horizontal .item-content:hover .item-caption .item-cat span {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}



/*------------------------------------------------------------------
    Portfolio Grid
-------------------------------------------------------------------*/

	.hayler .filters-wrapper {
		position: relative;
		z-index: 1000;
		display: flex;
		justify-content: flex-start;
		width: 100%;
		height: 0;
		box-sizing: border-box;
		padding-top: 0;
		padding-bottom: 0;
		background-color: rgb(200, 200, 200);
		mask-image: none !important;
		opacity: 0;
		pointer-events: none;
	}

	.hayler .filters-container {
		position: relative;
		width: 100%;
		height: auto;
		padding-top: 35px;
		padding-left: calc(33.3333% - (2 * var(--gap)) / 3 + var(--gap));
		padding-bottom: 25px;
	}

	.hayler .clapat-item .reveal-overlay {
		position: absolute;
		inset: 0;
		z-index: 5;
		display: flex;
		pointer-events: none;
		transform: scaleX(1.01);
	}

	.hayler .clapat-item .reveal-overlay span {
		flex: 1;
		background: #f7f7f7;
		transform-origin: top;
		transform: scaleX(1.1) scaleY(1);
		will-change: transform;
	}

	.hayler .clapat-item .reveal-overlay span:nth-child(3) {
		flex: 2;
	}

	.hayler .showcase-portfolio {
		padding-top: 35px;
		counter-reset: thumb;
	}

	/* List View */

	.hayler .showcase-portfolio.portfolio-list-view {
		padding-top: 60px;
		row-gap: 0;
	}

	.hayler .showcase-portfolio.portfolio-list-view .clapat-item::after {
		--segment: calc(
			(100% - (var(--horizontal-gutter) * 2) - (var(--gap) * 2)) / 3
		);
		mask-image: linear-gradient(
			to right,
			transparent 0,
			transparent var(--horizontal-gutter),
			black var(--horizontal-gutter),
			black calc(var(--horizontal-gutter) + var(--segment)),
			transparent calc(var(--horizontal-gutter) + var(--segment)),
			transparent calc(var(--horizontal-gutter) + var(--segment) + var(--gap)),
			black calc(var(--horizontal-gutter) + var(--segment) + var(--gap)),
			black calc(var(--horizontal-gutter) + var(--segment) * 2 + var(--gap)),
			transparent calc(var(--horizontal-gutter) + var(--segment) * 2 + var(--gap)),
			transparent calc(var(--horizontal-gutter) + var(--segment) * 2 + var(--gap) * 2),
			black calc(var(--horizontal-gutter) + var(--segment) * 2 + var(--gap) * 2),
			black calc(var(--horizontal-gutter) + var(--segment) * 3 + var(--gap) * 2),
			transparent calc(var(--horizontal-gutter) + var(--segment) * 3 + var(--gap) * 2),
			transparent 100%
		);
	}

	.hayler.viewport-mobile .showcase-portfolio.portfolio-list-view .clapat-item .item-effects {
		right: 0;
		left: 0;
		width: 100px;
		margin: auto;
	}

	/* Grid View */

	.hayler .showcase-portfolio:not(.portfolio-list-view) .clapat-item {
		display: flex;
		width: calc(50% - (2 * var(--thumbs-margins-width)));
		overflow: hidden;
		padding-top: 35px;
		padding-bottom: 45px;
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .clapat-item::before {
		content: "";
		float: left;
		padding-top: 90%;
	}

	.hayler .showcase-portfolio.items-filtered:not(.portfolio-list-view) .clapat-item {
		width: calc(33.33% - (2 * var(--thumbs-margins-width)));
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .clapat-item .item-content {
		position: relative;
		display: flex;
		width: 100%;
		height: auto;
		cursor: pointer;
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .clapat-item .item-content::before {
		content: "";
		float: left;
		padding-top: 90%;
	}

	/* Thumb 1 */

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(1) {
		align-items: flex-start;
		justify-content: flex-start;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(1)::before {
		content: "";
		float: left;
		padding-top: 90%;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(1) .item-content {
		width: 100%;
	}

	/* Thumb 2 */

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(2) {
		align-items: flex-end;
		justify-content: flex-end;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(2)::before {
		content: "";
		float: left;
		padding-top: 90%;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(2) .item-content {
		width: 66.6667%;
	}

	/* Thumb 3 */

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(3) {
		align-items: flex-end;
		justify-content: flex-end;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(3)::before {
		display: none;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(3) .item-content {
		width: 50%;
	}

	/* Thumb 4 */

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(4) {
		align-items: flex-end;
		justify-content: flex-start;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(4)::before {
		display: none;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(4) .item-content {
		width: 50%;
	}

	/* Thumb 5 */

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(5) {
		align-items: flex-start;
		justify-content: flex-start;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(5)::before {
		content: "";
		float: left;
		padding-top: 90%;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(5) .item-content {
		width: 66.6667%;
	}

	/* Thumb 6 */

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(6) {
		align-items: flex-start;
		justify-content: flex-start;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(6)::before {
		content: "";
		float: left;
		padding-top: 90%;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(6) .item-content {
		width: 100%;
	}

	/* Thumb 7 */

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(7) {
		align-items: flex-end;
		justify-content: flex-end;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(7)::before {
		display: none;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(7) .item-content {
		width: 50%;
	}

	/* Thumb 8 */

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(8) {
		align-items: flex-end;
		justify-content: flex-start;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(8)::before {
		display: none;
	}

	.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(8) .item-content {
		width: 50%;
	}

	/* Thumb Caption */

	.hayler .showcase-portfolio:not(.portfolio-list-view) .item-caption {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		justify-content: space-between;
		height: calc(100% + 45px);
		padding: 0;
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .item-caption .item-title {
		color: currentColor;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .clapat-item .item-content:hover .item-caption .item-title {
		padding-left: 30px;
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .item-caption .item-title::before {
		content: "\f061";
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 30px;
		font: var(--fa-font-solid);
		font-size: 12px;
		line-height: inherit;
		text-align: left;
		opacity: 0;
		color: currentColor;
		pointer-events: none;
		-webkit-transform: scale(0.5) rotate(-45deg);
		transform: scale(0.5) rotate(-45deg);
		transform-origin: -10px center;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .clapat-item .item-content:hover .item-caption .item-title::before {
		opacity: 1;
		-webkit-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .item-caption .item-cat {
		color: currentColor;
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .item-caption .item-cat span {
		position: relative;
		display: block;
		width: auto;
		min-width: 100px;
		text-align: right;
		-webkit-transition: -webkit-transform 0.2s;
		transition: transform 0.2s;
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .item-caption .item-cat span::before {
		content: attr(data-hover);
		position: absolute;
		top: 100%;
		right: 0;
		width: 100%;
		height: 100%;
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .clapat-item .item-content:hover .item-caption .item-cat span {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .clapat-item .item-date {
		position: absolute;
		top: -35px;
		right: 0;
		left: auto;
		display: block;
		padding: 0;
		text-align: right;
		background: transparent;
		color: currentColor;
	}

	.hayler .showcase-portfolio.portfolio-list-view .clapat-item .item-date {
		text-align: right;
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .item-caption .item-date span {
		text-align: right;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: -webkit-transform 0.2s;
		transition: transform 0.2s;
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .item-caption .item-date span::after {
		content: counter(thumb, decimal-leading-zero) "";
		position: absolute;
		top: 100%;
		right: 0;
		width: 100%;
		height: 100%;
		counter-increment: thumb;
	}

	.hayler .showcase-portfolio:not(.portfolio-list-view) .clapat-item .item-content:hover .item-caption .item-date span {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	/* Responsive */

	@media only screen and (max-width: 1024px) {

		/* Thumb 3 */
		.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(3) .item-content {
			width: 66.6667%;
		}

		/* Thumb 4 */
		.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(4) .item-content {
			width: 66.6667%;
		}

		/* Thumb 7 */
		.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(7) .item-content {
			width: 66.6667%;
		}

		/* Thumb 8 */
		.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(8) .item-content {
			width: 66.6667%;
		}

	}

	@media only screen and (max-width: 767px) {

		.hayler .filters-container {
			padding-left: 0;
		}

		/* All Thumbs */
		.hayler .showcase-portfolio:not(.items-filtered):not(.portfolio-list-view) .clapat-item:nth-child(n) .item-content {
			width: 100%;
		}
		
		.hayler .showcase-portfolio.items-filtered:not(.portfolio-list-view) .clapat-item {
		  	width: calc(50% - (2 * var(--thumbs-margins-width)));
		}

	}

	@media only screen and (max-width: 479px) {

		.hayler .showcase-portfolio:not(.portfolio-list-view) .clapat-item {
			width: calc(100% - (2 * var(--thumbs-margins-width)));
		}
		
		.hayler .showcase-portfolio.items-filtered:not(.portfolio-list-view) .clapat-item {
		  	width: calc(100% - (2 * var(--thumbs-margins-width)));
		}

		.hayler .showcase-portfolio.switch-layout.portfolio-list-view .clapat-item .item-caption {
			flex-wrap: wrap;
			align-content: center;
			gap: 0;
		}

		.hayler .showcase-portfolio.switch-layout.portfolio-list-view .clapat-item .item-caption .item-title {
			flex: 0 0 100%;
		}

		.hayler .showcase-portfolio.switch-layout.portfolio-list-view .clapat-item .item-caption .item-cat,
		.hayler .showcase-portfolio.switch-layout.portfolio-list-view .clapat-item .item-caption .item-date {
			flex: 0 0 50%;
		}

	}


/*------------------------------------------------------------------
    Shortcodes
-------------------------------------------------------------------*/

	/* Has Underline */

	.hayler .clone-underline::before,
	.hayler .clone-underline::after {
		bottom: 8px;
	}

	@media only screen and (max-width: 1537px) {

		.hayler .clone-underline::before,
		.hayler .clone-underline::after {
			bottom: 7px;
		}

	}

	@media only screen and (max-width: 1024px) {

		.hayler .clone-underline::before,
		.hayler .clone-underline::after {
			bottom: 5px;
		}

	}

	/* Marquee */

	.hayler .marquee-image {
		width: 1em;
		height: 1em;
	}	

	/* Flex List */

	.hayler .flex-list::before {
		--segment: calc(
			(100% - (var(--horizontal-gutter) * 2) - (var(--gap) * 2)) / 3
		);
		mask-image: linear-gradient(
			to right,
			transparent 0,
			transparent var(--horizontal-gutter),
			black var(--horizontal-gutter),
			black calc(var(--horizontal-gutter) + var(--segment)),
			transparent calc(var(--horizontal-gutter) + var(--segment)),
			transparent calc(var(--horizontal-gutter) + var(--segment) + var(--gap)),
			black calc(var(--horizontal-gutter) + var(--segment) + var(--gap)),
			black calc(var(--horizontal-gutter) + var(--segment) * 2 + var(--gap)),
			transparent calc(var(--horizontal-gutter) + var(--segment) * 2 + var(--gap)),
			transparent calc(var(--horizontal-gutter) + var(--segment) * 2 + var(--gap) * 2),
			black calc(var(--horizontal-gutter) + var(--segment) * 2 + var(--gap) * 2),
			black calc(var(--horizontal-gutter) + var(--segment) * 3 + var(--gap) * 2),
			transparent calc(var(--horizontal-gutter) + var(--segment) * 3 + var(--gap) * 2),
			transparent 100%
		);
	}

	/* Clock */

	.hayler .clock-widget {
		align-items: inherit;
		justify-content: center;
	}

	@media only screen and (max-width: 767px) {

		.hayler .clock-widget {
			flex-direction: row;
			gap: 4px;
		}

		.hayler .clock-label::after {
			content: ",";
		}

		.hayler .clock-time.heading-5 {
			font-family: var(--default-font-family);
			font-size: var(--default-body-font-size);
			line-height: var(--default-body-line-height);
			font-weight: var(--default-body-font-weight);
			letter-spacing: var(--default-body-letter-spacing);
		}

	}

	/* Background Pattern */

	.hayler .background-pattern {
		--checker-opacity: 0.1;
		--checker-size: 18px;
		--checker-color: color-mix(in srgb, currentColor calc(var(--checker-opacity) * 100%), transparent);
		background-color: transparent;
		background-image:
			linear-gradient(45deg, var(--checker-color) 25%, transparent 25%),
			linear-gradient(-45deg, var(--checker-color) 25%, transparent 25%),
			linear-gradient(45deg, transparent 75%, var(--checker-color) 75%),
			linear-gradient(-45deg, transparent 75%, var(--checker-color) 75%);
		background-size: var(--checker-size) var(--checker-size);
		background-position: 0 0, 0 calc(var(--checker-size) / 2), calc(var(--checker-size) / 2) calc(var(--checker-size) / -2), calc(var(--checker-size) / -2) 0;
	}

/*--------------------------------------------------
	OptiNizers customizations
---------------------------------------------------*/
	#clapat-logo .opt-logo{font-family:var(--primary-font-family);font-size:30px;line-height:50px;letter-spacing:-0.02em;color:#000;white-space:nowrap;transition:color .3s}
	#clapat-logo .opt-logo b{font-weight:inherit;color:#1f8fff}
	.light-content #clapat-logo .opt-logo{color:#fff}
	.clapat-slider-footer .info-text a{color:inherit}
	@media only screen and (max-width:767px){#clapat-logo .opt-logo{font-size:24px}}

	#clapat-logo img{height:30px}
	@media only screen and (max-width:767px){#clapat-logo img{height:24px}}

/* ===== OptiNizers: Liftoff scroll sequence (top of page) ===== */
.liftoff{position:relative;height:460vh;margin-bottom:-80vh;background:#050b1c;color:#fff}
.lo-stage{position:sticky;top:0;height:100vh;overflow:hidden}
.lo-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.lo-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,11,28,.55) 0%,rgba(5,11,28,.15) 38%,rgba(5,11,28,0) 55%)}
.lo-copy{position:absolute;left:5vw;top:18vh;max-width:min(560px,38vw);z-index:2}
.lo-title{font-family:var(--primary-font-family);font-weight:600;font-size:clamp(44px,5.4vw,88px)!important;line-height:1!important;letter-spacing:-.03em;color:#fff!important;margin:0}
.lo-sub{margin-top:22px;font-size:clamp(17px,1.4vw,20px);line-height:1.5;opacity:.85;max-width:440px;color:#fff}
.lo-hint{position:absolute;left:50%;bottom:4vh;transform:translateX(-50%);font-size:12px;letter-spacing:.3em;text-transform:uppercase;opacity:.6;z-index:2}
.lo-wash{position:absolute;inset:0;background:#b7c1d1;opacity:0;pointer-events:none;z-index:3}
.lo-chev{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.lo-chev .c{fill:#e6eaf0;transform:translateY(1100px);will-change:transform}
.lo-chev .c4{fill:#f5f6f8}
.lo-bar{position:absolute;left:0;top:0;height:2px;background:#f29a38;width:0;z-index:5}
@media(max-width:767px){
 .lo-copy{top:13vh;right:6vw;max-width:none}.lo-title{font-size:44px!important}
 .lo-shade{background:linear-gradient(180deg,rgba(7,11,20,.75) 0%,rgba(7,11,20,.05) 50%)}
}
body.hayler main{overflow:clip!important}
#clapat-page-content.dark-content #header-gradient{opacity:1!important;background:linear-gradient(180deg,rgba(245,246,248,.97) 0%,rgba(245,246,248,.9) 70%,rgba(245,246,248,0) 100%)!important;height:120%!important}

/* ===== OptiNizers: info section after liftoff (2026-10-17 midair rebuild) ===== */
:root{--ix-bg:#f5f6f8;--ix-ink:#0b1527;--ix-muted:#5a6578;--ix-line:#e3e7ee;--ix-o:#f29a38;--ix-o2:#d97b17;--ix-b:#2b84ea;--ix-b2:#1663c7;--ix-navy:#050b1c;--ix-navy2:#0b2346}
.lo-title span{color:#f29a38}
.lo-next.ix{position:relative;z-index:6;background:var(--ix-bg);color:var(--ix-ink);padding:9vh 0 0;font-family:var(--default-font-family)}
.ix a{color:inherit;text-decoration:none}
.ix-wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.ix-hero{position:relative;text-align:center;padding-bottom:30px}
.ix-hero:before{content:"";position:absolute;width:640px;height:640px;left:50%;top:170px;transform:translateX(-50%);background:radial-gradient(circle at 30% 50%,rgba(242,154,56,.18),transparent 60%),radial-gradient(circle at 70% 50%,rgba(43,132,234,.18),transparent 60%);filter:blur(10px);pointer-events:none}
.ix-pill{position:relative;display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--ix-line);border-radius:999px;padding:6px 14px 6px 6px;font-size:14px;color:var(--ix-muted);box-shadow:0 4px 14px rgba(11,21,39,.05);transition:border-color .2s}
.ix-pill:hover{border-color:var(--ix-o)}
.ix-new,.ix-badge{background:linear-gradient(90deg,var(--ix-o),var(--ix-b));color:#fff;font-weight:700;font-size:11px;letter-spacing:.08em;padding:4px 9px;border-radius:999px}
.ix-pill b{color:var(--ix-ink);font-weight:600}
.ix .ix-h1{position:relative;font-family:var(--primary-font-family);font-size:clamp(38px,5.2vw,72px)!important;letter-spacing:-.035em;line-height:1.04!important;font-weight:700;margin:22px auto 16px;max-width:900px;color:var(--ix-ink)!important}
.ix-g{background:linear-gradient(90deg,var(--ix-o),var(--ix-b));-webkit-background-clip:text;background-clip:text;color:transparent}
.ix-sub{position:relative;font-size:19px;color:var(--ix-muted);max-width:560px;margin:0 auto;line-height:1.5}
.ix-stage{position:relative;display:grid;grid-template-columns:1fr minmax(300px,480px) 1fr;align-items:center;gap:36px;margin-top:20px}
.ix-panel{transition:opacity .25s,transform .25s;max-width:300px}
.ix-tag{font-family:var(--default-font-family);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.ix-panel h3{font-family:var(--primary-font-family);font-size:28px!important;letter-spacing:-.02em;margin:8px 0 10px;line-height:1.15!important;color:var(--ix-ink)!important}
.ix-panel p{color:var(--ix-muted);line-height:1.55;font-size:15.5px;margin:0}
.ix-more{display:inline-block;margin-top:14px;font-weight:600;font-size:15px}
.ix-human{justify-self:end;text-align:right}.ix-human .ix-tag,.ix-human .ix-more,.ix-o{color:var(--ix-o2)!important}
.ix-ai{justify-self:start;text-align:left}.ix-ai .ix-tag,.ix-ai .ix-more,.ix-b{color:var(--ix-b2)!important}
.ix-reveal{position:relative;aspect-ratio:1;width:100%;user-select:none;touch-action:pan-y;cursor:ew-resize;-webkit-mask-image:linear-gradient(#000 78%,transparent 99%);mask-image:linear-gradient(#000 78%,transparent 99%)}
.ix-reveal img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 30px 40px rgba(11,21,39,.18))}
.ix-reveal .ix-aiimg{clip-path:inset(0 0 0 var(--p,50%))}
.ix-seam{position:absolute;top:3%;bottom:3%;left:var(--p,50%);width:2px;transform:translateX(-1px);background:linear-gradient(transparent,var(--ix-o) 15%,var(--ix-b) 85%,transparent)}
.ix-knob{position:absolute;top:50%;left:50%;width:50px;height:50px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:1px solid var(--ix-line);box-shadow:0 8px 24px rgba(11,21,39,.18);display:grid;place-items:center;font-size:16px;color:var(--ix-ink);letter-spacing:4px;font-weight:700}
.ix-hint{position:relative;font-size:13px;color:#98a1b0;margin-top:6px}
.ix-strip{border-top:1px solid var(--ix-line);border-bottom:1px solid var(--ix-line);padding:26px 0;overflow:hidden}
.ix-strip p{text-align:center;font-size:13px;color:#98a1b0;letter-spacing:.06em;margin:0 0 14px}
.ix-marq{display:flex;gap:56px;white-space:nowrap;animation:ixm 30s linear infinite;width:max-content;font-weight:700;font-size:20px;color:#b3bac6}
@keyframes ixm{to{transform:translateX(-50%)}}
.ix-sec{padding-top:90px;padding-bottom:10px}.ix-sec2{padding-top:70px}
.ix-eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ix-o2);text-align:center}
.ix .ix-h2{font-family:var(--primary-font-family);font-size:clamp(30px,3.6vw,48px)!important;letter-spacing:-.03em;line-height:1.1!important;text-align:center;margin:10px auto 14px;max-width:760px;color:var(--ix-ink)!important;font-weight:700}
.ix-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.ix-card{position:relative;background:#fff;border:1px solid var(--ix-line);border-radius:22px;padding:30px;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.ix-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(11,21,39,.08)}
.ix-badge{position:absolute;top:22px;right:22px}
.ix-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:19px;margin-bottom:22px}
.ix-ic-o{background:#fdeedd;color:var(--ix-o2)}.ix-ic-b{background:#e4effd;color:var(--ix-b2)}.ix-ic-g{background:linear-gradient(135deg,#fdeedd,#e4effd);color:var(--ix-ink)}
.ix-card h4,.ix-step h4{font-family:var(--primary-font-family);font-size:22px!important;letter-spacing:-.02em;margin:0 0 8px;color:var(--ix-ink)!important;line-height:1.2!important}
.ix-card p,.ix-step p{color:var(--ix-muted);line-height:1.55;font-size:15.5px;margin:0;flex:1}
.ix-card .ix-more{margin-top:22px}
.ix-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.ix-n{font-size:14px;font-weight:700;color:var(--ix-o2);background:#fdeedd;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin-bottom:16px}
.ix-step h4{font-size:19px!important}
.ix-cta{background:linear-gradient(160deg,var(--ix-navy) 0%,var(--ix-navy2) 100%);color:#fff;border-radius:28px;padding:70px 30px;text-align:center;position:relative;overflow:hidden}
.ix-cta:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 32% 62%,rgba(242,154,56,.28),transparent 38%),radial-gradient(circle at 70% 38%,rgba(43,132,234,.25),transparent 40%);pointer-events:none}
.ix-cta>*{position:relative}.ix .ix-cta .ix-h2{color:#fff!important}
.ix-lead{color:#b8c3d6;font-size:18px;margin:0 0 28px}
.ix-btn{display:inline-flex;background:var(--ix-o);color:#fff!important;padding:14px 26px;border-radius:999px;font-weight:600;font-size:15px;transition:transform .2s,box-shadow .2s}
.ix-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(242,154,56,.35)}
.ix-foot{margin-top:90px;border-top:1px solid var(--ix-line);padding:48px 0 30px;color:var(--ix-muted);font-size:14px}
.ix-footin{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.ix-flogo{height:26px;width:auto;margin-bottom:12px}
.ix-cols{display:flex;gap:60px}.ix-foot h5{color:var(--ix-ink)!important;font-size:14px!important;margin:0 0 12px;font-family:var(--default-font-family)}
.ix-foot a{display:block;margin-bottom:8px}.ix-foot a:hover{color:var(--ix-ink)}
.ix-copy{margin-top:30px;font-size:12.5px;color:#98a1b0}
.ix-fade{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.ix-fade.in{opacity:1;transform:none}
@media(max-width:900px){.ix-stage{grid-template-columns:1fr}.ix-human,.ix-ai{justify-self:center;text-align:center}.ix-cards,.ix-steps{grid-template-columns:1fr}.ix-hero:before{width:100%}}
.ix-cta:before{background:radial-gradient(circle at 30% 70%,rgba(242,154,56,.16),transparent 36%),radial-gradient(circle at 72% 35%,rgba(43,132,234,.28),transparent 42%)!important}
#clapat-page-content.dark-content #clapat-nav-wrapper{background-color:rgba(255,255,255,.7)!important;box-shadow:0 4px 18px rgba(11,21,39,.06)}
#clapat-page-content.dark-content #clapat-header{background:linear-gradient(180deg,rgba(245,246,248,.96) 0%,rgba(245,246,248,.92) 78%,rgba(245,246,248,0) 100%);transition:background .3s}
.ix-pill{white-space:nowrap}
@media(max-width:900px){.ix-pt{display:none}.ix-reveal{order:-1;max-width:420px;margin:0 auto}.ix-stage{gap:22px}}
.ix .ix-h1{max-width:1240px}.ix .ix-h1 .ix-g{white-space:nowrap}
@media(min-width:768px){.ix .ix-sub{max-width:660px}}
/* Human side checklist + "how it works" pop-up */
.ix-human{max-width:340px}
.ix-checks{list-style:none;margin:14px 0 0;padding:0}
.ix-checks li{position:relative;color:var(--ix-ink);font-size:14.5px;line-height:1.45;padding:5px 26px 5px 0}
.ix-checks li:after{content:"✓";position:absolute;right:0;top:5px;color:var(--ix-o2);font-weight:700}
.ix-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s}
.ix-modal.open{visibility:visible;opacity:1}
.ix-modal-bg{position:absolute;inset:0;background:rgba(5,11,28,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ix-modal-box{position:relative;background:#fff;border-radius:22px;max-width:880px;width:100%;max-height:calc(100vh - 48px);overflow:auto;padding:40px 44px 36px;box-shadow:0 30px 80px rgba(5,11,28,.35);transform:translateY(16px) scale(.98);transition:transform .3s;color:#0b1527;font-family:var(--default-font-family);overscroll-behavior:contain}
.ix-modal.open .ix-modal-box{transform:none}
.ix-modal-box .ix-tag{color:#d97b17}
.ix-modal-box h3{font-family:var(--primary-font-family);font-size:30px!important;line-height:1.15!important;letter-spacing:-.02em;margin:8px 0 26px;color:#0b1527!important}
.ix-modal-x{position:absolute;top:16px;right:18px;width:38px;height:38px;border-radius:50%;border:1px solid #e3e7ee;background:#fff;font-size:22px;line-height:1;color:#0b1527;cursor:pointer}
.ix-modal-x:hover{background:#f5f6f8}
.ix-modal-cols{display:grid;grid-template-columns:1fr 1.25fr;gap:34px}
.ix-mh{display:flex;align-items:center;gap:10px;font-family:var(--primary-font-family);font-weight:700;font-size:19px;margin-bottom:12px;color:#0b1527}
.ix-mh span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fdf0e1;color:#d97b17;font-size:13px}
.ix-modal-cols ul{list-style:none;margin:0;padding:0}
.ix-modal-cols li{position:relative;padding:9px 0 9px 18px;border-top:1px solid #eef1f5;font-size:14.5px;line-height:1.5;color:#5b6576}
.ix-modal-cols li:first-child{border-top:0}
.ix-modal-cols li:before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;border-radius:50%;background:#f29a38}
.ix-modal-cols li b{color:#0b1527;font-weight:600}
.ix-to-ai{color:#1663c7!important;font-weight:600;white-space:nowrap}
body.ix-lock{overflow:hidden}
@media(max-width:767px){.ix-modal{padding:12px;align-items:flex-end}.ix-modal-box{padding:30px 22px 24px;border-radius:20px;max-height:88vh}.ix-modal-box h3{font-size:24px!important;padding-right:30px}.ix-modal-cols{grid-template-columns:1fr;gap:18px}}
@media(max-width:900px){.ix-checks{display:inline-block;text-align:left}.ix-checks li{padding:5px 0 5px 26px}.ix-checks li:after{left:0;right:auto}}
@media(max-width:767px){.ix-modal-box{max-height:94vh;padding:24px 20px 18px}.ix-modal-box h3{font-size:22px!important;margin:6px 0 16px}.ix-modal-cols li{padding:6px 0 6px 16px;font-size:13.5px;line-height:1.45}.ix-modal-cols li:before{top:13px}.ix-mh{margin-bottom:6px;font-size:17px}.ix-modal-cols{gap:12px}}
/* AI side checklist + "What can a Super Team do" pop-up */
.ix-ai{max-width:340px}
.ix-ai .ix-checks li{padding:5px 0 5px 26px}
.ix-ai .ix-checks li:after{left:0;right:auto;color:var(--ix-b2)}
.ix-modal-ai .ix-modal-box{max-width:1060px;padding:44px 48px 40px}
.ix-modal-ai .ix-tag{color:var(--ix-b2)!important}
.ix-modal-ai h3{margin-bottom:10px!important}
.ix-mi{font-size:16px;line-height:1.55;color:#5b6576;max-width:760px;margin:0 0 26px}
.ix-caps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ix-cap{border:1px solid #e3e7ee;border-radius:16px;padding:20px 20px 18px;background:linear-gradient(180deg,#fff,#f8fafd)}
.ix-cap i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e4effd;color:var(--ix-b2);font-size:16px;margin-bottom:12px}
.ix-cap h5{font-family:var(--primary-font-family);font-size:17px!important;line-height:1.25!important;letter-spacing:-.01em;margin:0 0 6px;color:#0b1527!important;font-weight:700}
.ix-cap p{font-size:14px;line-height:1.5;color:#5b6576;margin:0}
.ix-msec{margin-top:30px}
.ix-mlabel{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d97b17;margin-bottom:12px}
.ix-built{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ix-built li{font-size:14px;color:#0b1527;background:#f5f6f8;border:1px solid #e3e7ee;border-radius:999px;padding:7px 14px 7px 32px;position:relative}
.ix-built li:before{content:"✓";position:absolute;left:13px;top:7px;color:var(--ix-b2);font-weight:700}
.ix-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:f}
.ix-flow>div{position:relative;padding-top:4px}
.ix-flow span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--ix-o),var(--ix-b));color:#fff;font-weight:700;font-size:13px;margin-bottom:10px}
.ix-flow>div:not(:last-child):after{content:"";position:absolute;top:19px;left:40px;right:-4px;height:1px;background:linear-gradient(90deg,#f2c48f,#a9cbf5)}
.ix-flow h6{font-family:var(--primary-font-family);font-size:16px!important;margin:0 0 4px;color:#0b1527!important;font-weight:700;line-height:1.25!important}
.ix-flow p{font-size:13.5px;line-height:1.45;color:#5b6576;margin:0}
.ix-diff{margin-top:32px;border-radius:20px;padding:28px 30px;background:linear-gradient(160deg,var(--ix-navy) 0%,var(--ix-navy2) 100%);color:#c9d3e6;display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center}
.ix-diff .ix-mlabel{grid-column:1/-1;margin:0 0 -14px;color:#f2b066}
.ix-diff p{margin:0;font-size:15.5px;line-height:1.6;color:#c9d3e6}
.ix-diff p b{color:#fff;font-weight:600}
.ix-diff-cta{text-align:center}
.ix-diff-cta h4{font-family:var(--primary-font-family);color:#fff!important;font-size:22px!important;margin:0 0 14px;line-height:1.2!important}
@media(max-width:900px){.ix-caps{grid-template-columns:1fr 1fr}.ix-flow{grid-template-columns:1fr 1fr;row-gap:18px}.ix-flow>div:after{display:none}.ix-ai .ix-checks li:after{left:0}}
@media(max-width:767px){.ix-modal-ai .ix-modal-box{padding:26px 20px 22px;max-height:92vh}.ix-caps{grid-template-columns:1fr;gap:10px}.ix-cap{padding:16px}.ix-cap i{float:left;margin:0 12px 4px 0;width:34px;height:34px}.ix-cap h5{padding-top:7px;margin-bottom:10px}.ix-cap p{clear:both}.ix-mi{font-size:14.5px;margin-bottom:18px}.ix-built li{font-size:13px}.ix-diff{grid-template-columns:1fr;padding:24px 20px;gap:18px}.ix-diff .ix-mlabel{margin:0}.ix-diff p{font-size:14.5px}}
.ix-modal-box{box-sizing:border-box}
.ix-note{font-size:13px;line-height:1.5;color:#7a8496;font-style:italic;margin:14px 0 0}.ix-note-end{text-align:center;margin-top:16px}
/* GEO modal */
.ix-modal-geo .ix-tag .ix-new{margin-left:8px;vertical-align:middle;font-size:10px}
.ix-geo-what{background:linear-gradient(135deg,rgba(242,154,56,.10),rgba(43,132,234,.10));border:1px solid var(--ix-line);border-radius:18px;padding:20px 22px;margin:22px 0 6px}
.ix-geo-what p{margin:6px 0 0;color:var(--ix-ink);line-height:1.6;font-size:15.5px}
.ix-caps.ix-caps2{grid-template-columns:repeat(2,1fr)}
.ix-geo-when>p:not(.ix-note){color:var(--ix-ink);font-size:16px;line-height:1.6;margin:6px 0 10px}
@media(max-width:767px){.ix-caps.ix-caps2{grid-template-columns:1fr}}
.ix-modal-cond .ix-caps2,.ix-modal-geo .ix-caps2{margin-top:6px}
.ix-diff:has(> .ix-diff-cta:only-child){grid-template-columns:1fr}
.ix-modal-cond .ix-note{margin-top:14px}
.ix .ix-h1{font-size:clamp(32px,4.4vw,60px)!important}.ix .ix-h1 .ix-st{color:#f29a38}
/* nav: Services caret + scroll offset (2026-10-17) */
.clapat-nav.lg-screen > li.item-with-ul{position:relative}
.clapat-nav.lg-screen > li.item-with-ul > a{padding-right:14px}
.clapat-nav.lg-screen > li.item-with-ul::after{content:"";position:absolute;right:6px;top:50%;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);opacity:.75;pointer-events:none}
#offer,#how-it-works{scroll-margin-top:110px}
.opt-new{font-size:9.5px!important;padding:3px 7px!important;margin-left:6px;vertical-align:2px;line-height:1}
.op-tagline{font-size:13px;color:#98a1b0;margin-top:4px}
.ix-foot .ix-cols{gap:56px}
@media (max-width:767px){.ix-foot .ix-cols{gap:28px;flex-wrap:wrap}}
.clapat-nav li.opt-geo-li{position:relative}
.clapat-nav li.opt-geo-li::after{content:"NEW";position:absolute;right:10px;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,#f29a38,#2b84ea);color:#fff;font:700 9.5px/1 var(--default-font-family);letter-spacing:.08em;padding:4px 7px;border-radius:999px;pointer-events:none}
.clapat-nav.sm-screen li.opt-geo-li::after{position:static;display:inline-block;transform:none;margin-left:8px;vertical-align:middle}
.clapat-nav.lg-screen li.opt-geo-li{padding-right:46px}
@media (min-width:1025px) and (max-width:1320px){
  .hayler .classic-menu .clapat-nav > li{padding-left:9px;padding-right:9px}
  .hayler .classic-menu .clapat-nav > li:first-child{padding-left:0}
  .hayler .classic-menu .clapat-nav > li:last-child{padding-right:0}
  #header-button .button-text span{font-size:14px}
}
.op-seeall{text-align:center;margin-top:34px;font-weight:600}.op-seeall a{color:#d97b17!important}
/* GEO: why a specialist */
.ix-caps.ix-caps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ix-why-lead{margin:0 0 18px;max-width:760px}
.ix-why-lead b{color:var(--ix-o,#f29a38)}
@media(max-width:860px){.ix-caps.ix-caps3{grid-template-columns:1fr}}
/* ===== AI Conductor: graphic capability tiles + judgment flow ===== */
.cd-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:6px}
.cd-tile{background:linear-gradient(180deg,#fff,#f5f7fb);border:1px solid #e3e8f0;border-radius:18px;padding:16px 14px 16px;text-align:left;transition:transform .3s,box-shadow .3s}
.cd-tile:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,35,70,.10)}
.cd-tile h5{font-size:16px!important;margin:14px 0 4px!important;line-height:1.2!important;color:#0b1527}
.cd-tile p{font-size:13.5px!important;line-height:1.4!important;margin:0!important;color:#5b6577}
.cd-vis{height:92px;border-radius:12px;background:radial-gradient(120% 120% at 30% 0%,#13305c,#071229);position:relative;overflow:hidden}
/* automate: rows get checked one by one */
.cd-v-auto{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 14px}
.cd-v-auto i{display:block;height:9px;border-radius:5px;background:rgba(255,255,255,.14);position:relative}
.cd-v-auto i:after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;border-radius:5px;background:linear-gradient(90deg,#2b84ea,#16b38a);animation:cdFill 4s infinite}
.cd-v-auto i:nth-child(2):after{animation-delay:.5s}.cd-v-auto i:nth-child(3):after{animation-delay:1s}.cd-v-auto i:nth-child(4):after{animation-delay:1.5s}
@keyframes cdFill{0%{width:0}25%,85%{width:100%}100%{width:100%;opacity:0}}
/* sop: stacked docs drawing lines */
.cd-v-sop b{position:absolute;width:56px;height:66px;border-radius:7px;background:#fff;left:50%;top:14px;box-shadow:0 6px 16px rgba(0,0,0,.3);background-image:repeating-linear-gradient(180deg,transparent 0 12px,#d5dceb 12px 15px);background-size:70% 100%;background-position:10px 10px;background-repeat:no-repeat}
.cd-v-sop b:nth-child(1){transform:translateX(-80%) rotate(-10deg);opacity:.55}
.cd-v-sop b:nth-child(2){transform:translateX(-20%) rotate(8deg);opacity:.75}
.cd-v-sop b:nth-child(3){transform:translateX(-50%);animation:cdDoc 3.6s ease-in-out infinite;background-image:repeating-linear-gradient(180deg,transparent 0 12px,#f29a38 12px 15px)}
@keyframes cdDoc{0%,100%{background-size:0% 100%;transform:translateX(-50%) translateY(0)}50%{background-size:70% 100%;transform:translateX(-50%) translateY(-5px)}}
/* dashboard: bars grow */
.cd-v-dash{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:0 16px 14px}
.cd-v-dash i{width:14px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#f29a38,#d97b17);animation:cdBar 3.2s ease-in-out infinite}
.cd-v-dash i:nth-child(1){--h:30%}.cd-v-dash i:nth-child(2){--h:55%;animation-delay:.15s}.cd-v-dash i:nth-child(3){--h:42%;animation-delay:.3s}.cd-v-dash i:nth-child(4){--h:70%;animation-delay:.45s}.cd-v-dash i:nth-child(5){--h:85%;animation-delay:.6s;background:linear-gradient(180deg,#16b38a,#0e8a6a)}
@keyframes cdBar{0%{height:6%}40%,80%{height:var(--h)}100%{height:6%}}
/* chat: bubbles pop in */
.cd-v-chat{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:0 14px}
.cd-v-chat i{display:block;height:15px;border-radius:9px;opacity:0;animation:cdChat 4.5s infinite}
.cd-v-chat i:nth-child(1){width:62%;background:rgba(255,255,255,.85)}
.cd-v-chat i:nth-child(2){width:50%;align-self:flex-end;background:#2b84ea;animation-delay:.9s}
.cd-v-chat i:nth-child(3){width:70%;background:rgba(255,255,255,.85);animation-delay:1.8s}
@keyframes cdChat{0%{opacity:0;transform:translateY(8px) scale(.9)}12%,80%{opacity:1;transform:none}100%{opacity:0}}
/* always latest: version chip swapping + rotating */
.cd-v-new{display:flex;align-items:center;justify-content:center;gap:10px}
.cd-v-new span{font-weight:700;font-size:15px;color:#fff;padding:7px 12px;border-radius:999px;background:linear-gradient(90deg,#2b84ea,#16b38a);position:relative}
.cd-v-new span:after{content:"v1";margin-left:6px;font-size:12px;opacity:.85;animation:cdVer 6s steps(1) infinite}
@keyframes cdVer{0%{content:"v1"}25%{content:"v2"}50%{content:"v3"}75%{content:"v4"}}
.cd-v-new .fa-rotate{color:#f29a38;font-size:20px;animation:cdSpin 1.5s linear infinite}
@keyframes cdSpin{to{transform:rotate(360deg)}}
/* judgment flow */
.cd-flow{display:flex;align-items:stretch;gap:0;background:linear-gradient(90deg,#eef4ff,#fff6ec);border:1px solid #e3e8f0;border-radius:20px;padding:20px}
.cd-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.cd-step b{font-size:15.5px;color:#0b1527;line-height:1.25}
.cd-step small{font-size:13px;color:#5b6577}
.cd-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:22px;color:#fff;margin-bottom:4px;box-shadow:0 10px 22px rgba(11,35,70,.15)}
.cd-ic-ai{background:linear-gradient(135deg,#2b84ea,#1663c7)}
.cd-ic-h{background:linear-gradient(135deg,#f29a38,#d97b17);animation:cdPulse 2.4s ease-in-out infinite}
.cd-ic-you{background:linear-gradient(135deg,#16b38a,#0e8a6a)}
@keyframes cdPulse{0%,100%{box-shadow:0 0 0 0 rgba(242,154,56,.45)}50%{box-shadow:0 0 0 12px rgba(242,154,56,0)}}
.cd-arrow{flex:0 0 60px;position:relative;align-self:center;height:2px;background:repeating-linear-gradient(90deg,#b9c4d6 0 6px,transparent 6px 11px);margin-top:-30px}
.cd-arrow i{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:#f29a38;animation:cdMove 2s linear infinite}
@keyframes cdMove{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 10px);opacity:0}}
@media(max-width:1100px){.cd-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.cd-tiles{grid-template-columns:1fr 1fr;gap:10px}.cd-tile:last-child{grid-column:1/-1}.cd-vis{height:76px}.cd-tile h5{font-size:15px!important}
  .cd-flow{flex-direction:column;align-items:center;padding:18px 14px}.cd-arrow{flex:0 0 34px;width:2px;height:34px;margin:4px 0;background:repeating-linear-gradient(180deg,#b9c4d6 0 6px,transparent 6px 11px)}
  .cd-arrow i{left:-4px!important;animation:cdMoveV 2s linear infinite}}
@keyframes cdMoveV{from{top:0;opacity:0}15%,85%{opacity:1}to{top:calc(100% - 10px);opacity:0}}
@media(prefers-reduced-motion:reduce){.cd-tiles *,.cd-flow *{animation:none!important}}
/* ===== Preloader: centered logo + 0-100% ===== */
.preloader-wrap{align-items:center!important}
.preloader-reveal span{background:#050b1c!important}
.preloader-reveal span::after{background-color:rgba(255,255,255,.06)!important}
.preloader-caption{flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:0!important;gap:26px;color:#fff}
.preloader-info{display:none!important}
.op-pl-logo{width:min(320px,62vw);height:auto;display:block}
.preloader-percentage{transform:none!important}
.percentage{font-size:clamp(64px,9vw,120px)!important;color:#fff;align-items:flex-start}
.op-pl-pct{font-size:.42em;line-height:1.1em;margin-left:.08em;color:#f29a38}
.op-pl-bar{width:min(320px,62vw);height:3px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.op-pl-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#f29a38,#2b84ea);transform-origin:left;transform:scaleX(0);animation:opPlBar 1.6s cubic-bezier(.4,0,.2,1) forwards}
@keyframes opPlBar{to{transform:scaleX(1)}}
.percentage .number{display:none!important}
.op-pl-num{font-variant-numeric:tabular-nums;display:inline-block;min-width:1.9em;text-align:right}
.percentage{height:auto!important;overflow:visible!important}
.op-pl-bar i{animation:none!important}
.op-pl-num{min-width:0!important;text-align:center}
.percentage{justify-content:center!important;padding-left:.42em}

/* MOBILE SCROLL FIX (2026-10-17): on phones Hayler switches to body.fixed-viewport and scrolls <main>;
   the desktop sticky fix (main{overflow:clip}) froze the whole home page on phones. */
body.hayler.fixed-viewport main{overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
/* phone pass: human/AI switch shows one side at a time */
.ix-tabs{display:none}
@media(max-width:900px){
  .ix-stage .ix-reveal{order:-2}
  .ix-tabs{display:flex;gap:6px;justify-content:center;margin:-6px auto 4px;padding:5px;background:#fff;border:1px solid #e6e9ef;border-radius:999px;width:max-content;box-shadow:0 8px 22px rgba(11,35,70,.08);order:-1}
  .ix-tab{border:0;background:transparent;border-radius:999px;padding:9px 16px;font-size:13.5px;font-weight:600;color:#5b6576;cursor:pointer;transition:background .25s,color .25s}
  .ix-tab.on[data-side="h"]{background:#f29a38;color:#fff}
  .ix-tab.on[data-side="a"]{background:#2b84ea;color:#fff}
  .ix-stage .ix-panel{display:none;opacity:1!important;transform:none!important;max-width:420px;margin:0 auto}
  .ix-stage .ix-panel.on{display:block;animation:ixIn .45s ease}
  .ix-hint{display:none}
}
@keyframes ixIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* phone pass: sticky booking bar on home (appears after the liftoff) */
.ix-mbar{display:none}
@media(max-width:767px){
  .ix-mbar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:9990;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 18px;border-radius:16px;background:rgba(5,11,28,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(5,11,28,.35);transform:translateY(140%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
  .ix-mbar.show{transform:none}
  .ix-mbar span{color:#fff;font-size:13.5px;font-weight:600;line-height:1.25}
  .ix-mbar span small{display:block;color:rgba(255,255,255,.6);font-weight:500;font-size:12px}
  .ix-mbar a{flex:none;background:#f29a38;color:#fff!important;font-weight:700;font-size:13px;padding:11px 13px;border-radius:11px}
  body.ix-lock .ix-mbar{transform:translateY(140%)}
}