*:hover {
	transition: all 0.3s linear;	
}
:root {
	--marquee-speed: 40; /* pixels per second */
}
html.lenis {
	height: auto;
}
.lenis.lenis-smooth {
	scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}
.lenis.lenis-stopped {
	overflow: hidden;
}
.lenis.lenis-scrolling iframe {
	pointer-events: none;
}
/* For WebKit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
	width: 0.625rem;
	height: 0.625rem;
}
::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 0.625rem;
}
::-webkit-scrollbar-thumb {
	background-color: #FEBF39;
	border-radius: 0.625rem;
	border: 0.125rem solid transparent; /* creates a spacing effect */
	background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #FEBF39;
}
/* ========================= Button Styles ========================= */
.is-style-primary-button, .is-style-ghost-button, .is-style-secondary-button, .wpforms-submit.is-style-primary-button, .is-style-black-button {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 3.125rem;
	cursor: pointer;
	position: relative;
	border-radius: 0.5rem;
	overflow: hidden;
	width: fit-content;
}
.is-style-primary-button a, .is-style-ghost-button a, .is-style-secondary-button a , .wpforms-submit.is-style-primary-button, .is-style-black-button a, .is-style-primary-button .wp-block-button__link , .is-style-ghost-button .wp-block-button__link , .is-style-secondary-button .wp-block-button__link, .is-style-black-button .wp-block-button__link {
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: 0.04rem;
	text-align: center;
	padding: 0.969rem 1.375rem;
	white-space: nowrap;
	text-transform: uppercase;
	color: transparent;
	background-color: transparent;
	border-radius: 0;
	will-change: transform;
}
span.btn-span-one , span.btn-span-two {
	position: absolute;
	font-family: 'Product Sans';
	font-weight: 400;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: 0.04rem;
	text-align: center;	
	white-space: nowrap;
	text-transform: uppercase;
	width: 100%;
	left: 0;
	will-change: transform;
	pointer-events: none;
}
span.btn-span-one {
	top: 100%;
	transform: scale(90%);
}
span.btn-span-two {
	top: 34%;	
}
.is-style-primary-button a::after, .is-style-ghost-button a::after, .is-style-secondary-button a::after, .is-style-black-button a::after {
	content: '';
	position: absolute;
	top: 100%;
	left: -50%;
	right: -50%;
	margin: 0 auto;
	width: 150%;
	height: 120%;
	border-radius: 50%;
	opacity: 0;
	transition: all 0.3s linear;	
	will-change: transform;
	pointer-events: none;
}
.is-style-primary-button a::after {
	background-color: #000000;
}
.is-style-ghost-button a::after {
	background-color: #ffffff;
}
.is-style-secondary-button a::after {
	background-color: #000000;
}
.is-style-black-button a::after {
	background-color: #ffffff;
}
.is-style-primary-button span.btn-span-one {
	color: #ffffff;
}
.is-style-ghost-button span.btn-span-one {
	color: #000000;
}
.is-style-secondary-button span.btn-span-one {
	color: #ffffff;
}
.is-style-black-button span.btn-span-one  {

}
/* Hover */
.is-style-primary-button:hover,
.is-style-ghost-button:hover,
.is-style-secondary-button:hover,
.is-style-black-button:hover {
	transform: scale(0.9029, 0.9022);
	transition: all 0.3s linear;	
}
.is-style-primary-button:hover span.btn-span-one , .is-style-ghost-button:hover span.btn-span-one , .is-style-secondary-button:hover span.btn-span-one , .is-style-black-button:hover span.btn-span-one {
	top: 34%;
	transform: scale(1);	
}
.is-style-primary-button:hover span.btn-span-two , .is-style-ghost-button:hover span.btn-span-two , .is-style-secondary-button:hover span.btn-span-two, .is-style-black-button:hover span.btn-span-two {
	top: -38%;
	transform: scale(90%);	
}
.is-style-primary-button:hover a::after, .is-style-ghost-button:hover a::after, .is-style-secondary-button:hover a::after , .is-style-black-button:hover a::after {
	top: -10%;
	transform: scale(120%);
	opacity: 1;
	transition: all 0.3s linear;	
}
/* Yellow Button */
.is-style-primary-button , .wpforms-submit.is-style-primary-button,
.is-style-primary-button .wp-block-button__link {
	background-color: #FDB928;
}
.wpforms-submit.is-style-primary-button {
	color: #1B1C1C;
	border: none;
	border-radius: 0.5rem;
}
.wpforms-submit.is-style-primary-button:hover {
	color: #ffffff;
	background-color: #1B1C1C;;
}
.is-style-primary-button span.btn-span-two {
	color: #1B1C1C;
} 
/* White Button */
.is-style-ghost-button {
	border: 0.0625rem solid #FFFFFF;	
}
.is-style-ghost-button span.btn-span-two {
	color: #FFFFFF;
} 
/* Black Button */
.is-style-secondary-button  {
	border: 0.0625rem solid #1B1C1C;
}
.is-style-secondary-button span.btn-span-two{
	color: #1B1C1C;
}
/* Black bg Button */
.is-style-black-button, 
.is-style-black-button .wp-block-button__link {
	background-color: #1B1C1C;
}
.is-style-black-button  {
	border: 0.0625rem solid #1B1C1C;
}
.is-style-black-button span.btn-span-two{
	color: #ffffff;
}
/* Text Reveal */
.hy-text-animation {
	overflow: hidden;
}
.hy-text-line {
	display: block;
	transform: translateY(100%);
	opacity: 0;
	transition: transform 0.6s ease, opacity 0.6s ease;
}
.hy-text-line.revealed {
	transform: translateY(0);
	opacity: 1;
}
/* Pixo Hero Section */
.hx-home-hero-stack svg.initial-animation {
	animation: pixoSlideIn 1s ease-out forwards;
}
@keyframes pixoSlideIn {
	0% {
		transform: translate(0, 0) rotate(10.61deg);
	}
	100% {
		transform: var(--pixo-initial);
	}
}
.hx-home-hero-stack svg.scroll-transition {
	transition: transform 0.3s ease-out;
}
/* Pixo Hand */
.pixo-hand {
	animation: pixo-hand 2s infinite steps(1); 
}
.pixo-eyes ,.pixo-test-eyes {
	animation: pixo-eyes 2s infinite steps(1); 
}
.pixo-eyebrow , .pixo-test-eyebrows{
	animation: pixo-eyebrows 2s infinite steps(1); 	
}
@keyframes pixo-hand {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(0.313rem);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes pixo-eyes {
	0% {
		transform: translateX(0);
	}
	50% {
		transform: translateX(-0.125rem);
	}
	100% {
		transform: translateX(0);
	}
}
@keyframes pixo-eyebrows {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-0.125rem);
	}
	100% {
		transform: translateY(0);
	}
}
/* Logo Marquee */
.hx-marquee-wrapper {
	overflow-x: auto;
	white-space: nowrap;
	cursor: grab;
	user-select: none;
	scrollbar-width: none;
	-ms-overflow-style: none;
	width: 100%;
	display: flex;
}
.hx-marquee-wrapper::-webkit-scrollbar {
	display: none;
}
.hx-marquee-wrapper:active {
	cursor: grabbing;
}
.hx-marquee-col {
	display: inline-flex;
	white-space: nowrap;
	flex-shrink: 0; /* prevents shrinking */
}
.hx-marquee-wrapper img {
	user-select: none;
	-webkit-user-drag: none;
	-moz-user-drag: none;
	user-drag: none;
}
/* Cards On Scroll */
.hx-why-col.animate {
	opacity: 0;
	transform: translateY(60px);
	transition: opacity 0.7s cubic-bezier(.4,0,.2,1), transform 0.7s cubic-bezier(.4,0,.2,1);
}

.hx-why-col.animate.revealed {
	opacity: 1;
	transform: translateY(0);
}
/* Work Slider */
@keyframes marquee-vertical {
	0% {
		transform: translateY(0%);
	}
	100% {
		transform: translateY(-50%);
	}
}
.hx-work-posts:hover {
	animation-play-state: paused;
}
/* Desk Menu Li Hover */
.flip-animate {
	display: inline-block; 
}
.flip-animate span {
	position: relative;
	display: inline-block;
	padding: 0;
	transition: transform 0.3s;
	transform-origin: 50% 0;
	transform-style: preserve-3d;
	white-space: nowrap;
	transform: translateY(0) rotateX(0);
	will-change: transform;
	pointer-events: none;
}
.flip-animate span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	content: attr(data-hover);
	transition: color 0.3s;
	transform: rotateX(-90deg);
	transform-origin: 50% 0;
	text-align: center;
	color: inherit;
	font-weight: 700;
}
.hy-desk-links > ul > li:hover .flip-animate span,
.hy-desk-links > ul > li:focus .flip-animate span {
	transform: translateY(0) rotateX(90deg);
	color: #000000;
}
.hy-desk-links > ul > li:hover .flip-animate span::before,
.hy-desk-links > ul > li:focus .flip-animate span::before {
}
.flip-animate span, 
.flip-animate span::before {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* Services Tab*/
.hx-services-accordion-item .hx-excerpt {
	height: 0;
	overflow: hidden;
	transition: height 0.5s ease;
}
.hx-services-accordion-item.active .hx-excerpt {
	transition: height 0.5s ease;
}
/* Pixo Is Walking */
.hx-cta-stack svg {
	overflow: visible;
}
@keyframes walkMove {
	0%   { transform: translate(-100%, 0); }
	10%  { transform: translate(-90%, -0.313rem); }
	20%  { transform: translate(-80%, 0); }
	30%  { transform: translate(-70%, -0.313rem); }
	40%  { transform: translate(-60%, 0); }
	50%  { transform: translate(-50%, -0.313rem); }
	60%  { transform: translate(-40%, 0); }
	70%  { transform: translate(-30%, -0.313rem); }
	80%  { transform: translate(-20%, 0); }
	90%  { transform: translate(-10%, -0.313rem); }
	100% { transform: translate(0%, 0); }
}
.left-leg, .left-shoe {
	animation-iteration-count: 5;
	transform-origin: top center;
}
.right-leg, .right-shoe {
	animation-iteration-count: 5;
	transform-origin: top center;
}
@keyframes leftLegMove {
	0%   { transform: rotate(5deg); }
	100% { transform: rotate(0deg); }
}

@keyframes rightLegMove {
	0%   { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}
/* Contact US Pixo */
.hx-contact-hero-col svg {
	animation: realisticBalloonFloat 8s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
	transform-origin: center bottom;
	will-change: transform;
}
@keyframes realisticBalloonFloat {
	0% {
		transform: translatey(0);
	}
	50% {
		transform: translatey(-2.5rem);
	}
	100% {
		transform: translatey(0);
	}
}
/* Work Card ANimation */
:root {
	--scroll-speed: 30s; /* you can tweak this */
}
.hx-work-posts::-webkit-scrollbar , .hx-marquee-scroll-wrapper::-webkit-scrollbar {
	display: none;
}
.hx-work-posts , .hx-marquee-scroll-wrapper {
	-ms-overflow-style: none; 
	scrollbar-width: none;  
	-webkit-overflow-scrolling: touch;
}
.hx-work-posts {
	white-space: nowrap;
	overflow-x: hidden; 
	cursor: grab;
	user-select: none;
	scroll-behavior: smooth; 
}
.hx-work-posts:active {
	cursor: grabbing;
}
.hx-work-item {
	display: inline-block;
	vertical-align: top;
	user-select: none;
	-webkit-user-drag: none;
}
@keyframes verticalTicker {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-50%);
	}
}
.hx-work-posts.desktop-ticker {
	white-space: normal;
	overflow-x: visible !important;
	cursor: default;
	animation: verticalTicker 20s linear infinite;
}
.hx-work-posts.desktop-ticker:hover {
	animation-play-state: paused;
}
/* Scroll hero section float */
.hx-hero-scroll-btn  {
	animation: floatUpDown  6s ease-in-out infinite;
}

@keyframes floatUpDown {
	0% {
		transform: translatey(0);
	}
	50% {
		transform: translatey(-1.25rem);
	}
	100% {
		transform: translatey(0);
	}
}
/* Pixo Testimonial */
.hx-testimonials-grp svg:nth-child(1) {
	/* 	animation: bodyPopUp 2.2s ease-out forwards;
	animation-delay: 0.5s;
	opacity: 0; */
}
.hx-testimonials-grp svg:nth-child(2) {
	/* 	animation: eyesPopUp 2.2s ease-out forwards;
	animation-delay: 0.5s;
	opacity: 0; */
}
@keyframes bodyPopUp {
	0% {
		transform: translateY(44%);
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

/* Eye-hand animation */
@keyframes eyesPopUp {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}
/* Reveal Animations */
.char {
	will-change: transform, opacity, filter;
	backface-visibility: hidden;
	transform-style: preserve-3d;
}
/* === PRELOADER BASE === */
/* :root {
--preloader-bg: #000;
--preloader-fade-duration: 0.5s;
--logo-resize-duration: 0.8s;
}

#preloader-overlay {
position: fixed;
inset: 0;
background-color: #ffffff;
z-index: 9998;
width: 100%;
height: 100vh;
display: none;
transition: background var(--preloader-fade-duration) ease;
}

#preloader-overlay.stay-on {
display: block;
}

#preloader-overlay.preloader-done {
display: none !important;
pointer-events: none;
}

body.preloader-active {
overflow: hidden;
}

body.preloader-active #preloader-overlay {
display: block;
}

#hy-logo {
position: relative;
z-index: 9999;
transform-origin: top left;
transition: none;
}
*/
/* About Page  */
@keyframes riseUpBounce {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes letterPop {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	60% {
		transform: scale(1.2);
		opacity: 1;
	}
	80% {
		transform: scale(0.9);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
.hx-about-hero-grp .hx-about-hero-col:nth-child(1) svg,
div.hx-about-hero-grp .hx-about-hero-col:nth-child(4) svg {
	animation: riseUpBounce 2.5s ease-out forwards;
}
.pixo-letter {
	opacity: 0;
	animation: letterPop 0.6s ease-out forwards;
	animation-delay: 2.5s;
	transform-origin: center;
}
.hx-about-hero-grp .hx-about-hero-col:nth-child(2) svg{
	animation: 2.5s linear 0s 1 normal forwards running walkMove;	
}
.hx-about-hero-grp .hx-about-hero-col:nth-child(3) svg {
	animation: 2.5s linear 0s 1 normal forwards running walkMoveBack;	
}
.hx-about-hero-col:nth-child(2) .left-leg ,.hx-about-hero-col:nth-child(2) .left-shoe {
	animation: 0.5s ease-in-out 0s 5 alternate none running leftLeg;
}
.hx-about-hero-col:nth-child(2) .right-leg, .hx-about-hero-col:nth-child(2).right-shoe {
	animation: 0.5s ease-in-out 0s 5 alternate none running rightLeg;
}
.hx-about-hero-col:nth-child(3) .left-leg ,.hx-about-hero-col:nth-child(3) .left-shoe {
	animation: 0.5s ease-in-out 0s 5 alternate none running leftLegBack;
}
.hx-about-hero-col:nth-child(3) .right-leg, .hx-about-hero-col:nth-child(3).right-shoe {
	animation: 0.5s ease-in-out 0s 5 alternate none running rightLegBack;
}
.ink-drop-one , .ink-drop-two {
	transform: scale(0);
	animation: inkDrop 1s ease-out forwards;
}
.ink-drop-one {
	animation-delay: 2.5s;	
}
.ink-drop-two {
	animation-delay: 2.6s;	
}
@keyframes leftLeg {
	0%   { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}
@keyframes rightLeg {
	0%   { transform: rotate(5deg); }
	100% { transform: rotate(0deg); }
}
@keyframes leftLegBack {
	0%   { transform: rotate(5deg); }
	100% { transform: rotate(0deg); }
}
@keyframes rightLegBack {
	0%   { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}
@keyframes leftLegForm {
	0%   { transform: rotate(3deg); }
	100% { transform: rotate(0deg); }
}
@keyframes rightLegForm {
	0%   { transform: rotate(-3deg); }
	100% { transform: rotate(0deg); }
}
@keyframes walkMoveBack {
	0%   { transform: translate(100%, 0); }
	10%  { transform: translate(90%, -0.313rem); }
	20%  { transform: translate(80%, 0); }
	30%  { transform: translate(70%, -0.313rem); }
	40%  { transform: translate(60%, 0); }
	50%  { transform: translate(50%, -0.313rem); }
	60%  { transform: translate(40%, 0); }
	70%  { transform: translate(30%, -0.313rem); }
	80%  { transform: translate(20%, 0); }
	90%  { transform: translate(10%, -0.313rem); }
	100% { transform: translate(0%, 0); }
}
@keyframes inkDrop {
	0% {
		transform: scaleY(0.3);
		opacity: 0;
	}
	30% {
		opacity: 1;
		transform: scaleY(1.2);
	}
	60% {
		transform: scaleY(0.9);
		opacity: 1;
	}
	100% {
		transform: scaleY(1);
		opacity: 1;
	}
}
.pixo-bulb {
	animation: bulbIdea 1s ease-out forwards;
	opacity: 0;
	transform-origin: center;
	animation-delay: 2.5s;
}
@keyframes bulbIdea {
	0%   { opacity:0 ; }
	100% { opacity: 1; }
}
/* Service Archive */
.hx-sa-header-svg {
	animation: 2.5s linear 0s 1 normal forwards running walkMoveBack;		
}
.hx-sa-header-col svg .right-shoe, .hx-sa-header-col svg .right-leg {
	animation: 0.5s ease-in-out 0s 5 alternate none running rightLegBack;	
}
.hx-sa-header-col svg .left-shoe, .hx-sa-header-col svg .left-leg {
	animation: 0.5s ease-in-out 0s 5 alternate none running leftLegBack;	
}
.hx-sa-header-svg::before {
	animation: pixoPoint 0.5s ease-in-out 2.5s forwards;
}
@keyframes pixoPoint {
	0%   {  transform: rotate(0); }
	100% {  transform: rotate(68.89deg); }
}
.hx-sa-header-col p {
	opacity: 0;
	animation: pixoPointP 0.5s ease-in-out 3s forwards;
}
@keyframes pixoPointP {
	0%   {  opacity: 0; }
	100% {  opacity: 1; }
}
@media screen and (min-width: 768px){ 
	@keyframes pixoPoint {
		0%   {  transform: rotate(0); }
		100% {  transform: rotate(24.27deg); }
	}
}
/* ---------------------------------Single Services Starts Here--------------------------------- */
/* Social Media */
div.hx-ss-sm-results-cols > div:hover , .hx-ss-pm-offer-col:hover , .hx-pn-vg-process-col .hx-pn-vg-process-stack:hover , .hx-ss-seo-ai-card:hover  {
	border-color: #ffffff;
}
div.hx-ss-sm-results-cols > div::after {
	transition: all 0.3s linear;
}
div.hx-ss-sm-results-cols > div:hover::after {
	background-color: #ffffff;
	transition: all 0.3s linear;
}
.hx-ss-sm-hero-grp, .hx-ss-ic-hero-grp , .hx-ss-pn-hero-grp,
.hx-sm-br-hero-grp , .hx-ss-gd-hero-grp, .hx-ss-pm-hero-grp , .hx-ss-dm-hero-grp, .hx-ss-seo-hero-grp {
	position: sticky;
	top: 0;
}
.hx-ss-white-sticky {
	position: sticky;
	top: -62.5rem;
}
.hx-seo .hx-ss-white-sticky {
	top: -180rem;
}
.hx-ss-sm-white-wrap , .hx-ss-white-wrap {
	position: relative;
}
@keyframes smBounceUp {
	0% {
		transform: translateY(50%);
	}
	100% {
		transform: translateY(0);
	}
}
.hx-ss-sm-hero-grp .hx-ss-sm-hero-cols > div:nth-child(2) {
	animation-delay: 0.2s;
}
.hx-ss-sm-hero-grp .hx-ss-sm-hero-cols > div:nth-child(3) {
	animation-delay: 0.4s;
}
.hx-ss-sm-hero-grp .hx-ss-sm-hero-cols > div:nth-child(4) {
	animation-delay: 0.6s;
}
.hx-ss-sm-hero-grp .hx-ss-sm-hero-cols > div {
	transform: translateY(50%);
	animation: smBounceUp 2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.hx-ss-sm-growth-row {
	translate: 150%;
	transition: all 2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.hx-ss-sm-growth-grp-wrapper {
	overflow: hidden;
	padding-top: 0.938rem;
}
.hx-ss-sm-growth-row:nth-child(2) {
	transition-delay: 1s;		
}
.hx-ss-sm-growth-row:nth-child(3) {
	transition-delay: 2s;	
}
.found .hx-ss-sm-growth-row {
	translate: 0;
}
/* Branding */
.hx-sm-br-build-grp .hx-sm-br-build-col:hover {
	border-color: #ffffff;
}
/* Graphic Design */
.hx-ss-gd-designs-col:hover {
	border-color: #ffffff;
}
.hx-ss-gd-services-cols figure {
	position: relative;
}
.hx-ss-gd-services-cols figure::after {
	content: '';
	position: absolute;
	background: #FDB92836;
	width: 100%;
	height: 100%;
	inset: 0;
	pointer-events: none;
	transition: all 0.3s linear;
}
.hx-ss-gd-services-cols figure:hover::after {
	opacity: 0;
	transition: all 0.3s linear;
}
/* Performance Marketing */
.hx-ss-pm-services-grp .hx-ss-sm-services-cols div.faq-item.active {
	pointer-events: none;
	background: #F8F6E3;
	border-color: transparent;
}
.hx-ss-pm-services-grp .hx-ss-sm-services-cols div.faq-item.active .faq-question::after {
	opacity: 0;
}
/* Illustration */
@keyframes leafFloat {
	0% {
		transform: translateY(0) rotate(0deg);
	}
	25% {
		transform: translateY(-0.313rem) rotate(-2deg);
	}
	50% {
		transform: translateY(0) rotate(2deg);
	}
	75% {
		transform: translateY(-0.313rem) rotate(-1.5deg);
	}
	100% {
		transform: translateY(0) rotate(0deg);
	}
}
.hx-ss-ic-leaf-one, .hx-ss-ic-leaf-two {
	animation: leafFloat 6s ease-in-out infinite;
	transform-origin: center;
}
.hx-ss-ic-magic-cols h2::before {
	/* 	animation: realisticInkSettle 1s ease-in-out forwards; */
}
@keyframes realisticInkSettle {
	0% {
		border-radius: 42% 43% 41% 42% / 43% 41% 42% 43%;
	}
	10% {
		border-radius: 41.8% 43.1% 41.2% 42.4% / 43.2% 41.1% 42.3% 42.8%;
	}
	20% {
		border-radius: 42.3% 42.6% 41.5% 43.2% / 43.1% 41.8% 42.6% 42.7%;
	}
	30% {
		border-radius: 41.9% 43.2% 41.6% 42.9% / 42.9% 42% 42.5% 43.1%;
	}
	40% {
		border-radius: 42.1% 42.7% 41.9% 42.6% / 43.3% 41.6% 42.4% 43%;
	}
	50% {
		border-radius: 42% 43% 41.7% 42.8% / 43.1% 41.9% 42.5% 42.9%;
	}
	60% {
		border-radius: 42.2% 42.9% 41.8% 42.7% / 42.8% 42.2% 42.6% 42.7%;
	}
	70% {
		border-radius: 41.7% 43.1% 42% 42.5% / 42.9% 42.1% 42.7% 42.8%;
	}
	80% {
		border-radius: 42.3% 42.8% 41.6% 42.9% / 43% 41.7% 42.8% 42.6%;
	}
	90% {
		border-radius: 42.1% 43.2% 41.9% 42.6% / 42.7% 41.9% 42.9% 42.5%;
	}
	100% {
		border-radius: 42% 43% 41% 42% / 43% 41% 42% 43%;
	}
}
.hx-ss-ic-hero-grp > div > svg {
	animation: smBounceUp 2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;	
}
.hx-ss-ic-team-col {
	position: relative;
}
/* Photography */
.hx-pn-marquee-grp .hx-pn-marquee-col.hx-ticker {
	overflow: unset;
}
.hx-pn-marquee-col .hx-ticker .hx-ticker-track {

}
.hx-pn-marquee-col.hx-ticker:first-child .hx-ticker-track {
	animation: scroll-left 20s linear infinite;
}
.hx-pn-marquee-col.hx-ticker:last-child .hx-ticker-track {
	animation: scroll-right 20s linear infinite;
}
@keyframes scroll-left {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
/* Cards */
:root {
	--left: 0;
	--right: 0;
	--top: 0;
	--margin: 0;
}
.hx-ss-pn-hero-col figure {
	animation: CardsPh 3s ease-in-out forwards;		
}
@keyframes CardsPh {
	0% {
		transform: rotate(0) translateY(100%);
		left: 0;
		top: 0;
		right: 0;
	}
	50% {
		transform: rotate(-10deg) translateY(0);
		left: 0;
		top: 0;
		right: 0;
	}
	100% {
		transform: rotate(var(--rotate)) translateY(0);
		left: var(--left);
		top: var(--top);
		right: var(--right);
	}
}
@keyframes scroll-right {
	0% {
		transform: translateX(-50%);
	}
	100% {
		transform: translateX(0);
	}
}
/* SEO */
.hx-ss-seo-msg-col {
	opacity: 0;
}
.found .hx-ss-seo-msg-col {
	animation: fadeInUp 1s ease forwards;
}
.hx-ss-seo-msg-col:nth-child(2)  { animation-delay: 2s; }
.hx-ss-seo-msg-col:nth-child(3)  { animation-delay: 3s; }
.hx-ss-seo-msg-col:nth-child(4)  { animation-delay: 4s; }

@keyframes fadeInUp {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.found div.hx-ss-seo-us-col {
	height: 22.125rem;
	transition: all 5s linear;
}
.found .hx-ss-seo-us-stack:nth-child(1) {
	top: 0;
	right: 41.688rem;
	transform: rotate(0);	
	transition: all 5s cubic-bezier(0.34, 1.56, 0.64, 1) 1s;
}
.found .hx-ss-seo-us-stack:nth-child(2) {
	top: 0;
	left: 12.813rem;
	transform: rotate(0);	
	transition: all 5s cubic-bezier(0.34, 1.56, 0.64, 1) 1s;
}
.found .hx-ss-seo-us-stack:nth-child(3){
	bottom: 0;
	right: -15.625rem;
	transform: rotate(0);
	transition: all 4s cubic-bezier(0.34, 1.56, 0.64, 1) 1s;
}
.hx-ss-seo-hero-stack svg:first-child {
	animation: smBounceUp 2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;	
}
.hx-ss-gd-hero-grp .hx-ss-gd-hero-col figure {
	transform:
		translateX(calc(var(--offsetX) * 1px))
		translateY(calc(var(--offsetY) * 1px))
		rotate(calc(var(--velocity) * 1deg));
	transition: transform 0.1s linear;
}
.hx-ss-gd-hero-col figure {
	transform-style: preserve-3d;
	backface-visibility: hidden;
	will-change: transform;
	transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.hx-ss-gd-hero-cols {
	perspective: 62.5rem;
	transform-style: preserve-3d;
}
/* Branding */
div.hx-sm-br-hero-grp .hx-sm-br-hero-col {
	animation: brSmBounceUp 2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
	transform: translateY(100%) rotate(-10.59deg) skewX(29deg);
}
div.hx-sm-br-hero-grp .hx-sm-br-hero-col:nth-child(2) {
	animation-delay: 0.5s;
}
div.hx-sm-br-hero-grp .hx-sm-br-hero-col:nth-child(3) {
	animation-delay: 1s;
}
div.hx-sm-br-hero-grp .hx-sm-br-hero-col:nth-child(4) {
	animation-delay: 1.5s;
}
div.hx-sm-br-hero-grp .hx-sm-br-hero-col:nth-child(5) {
	animation-delay: 2s;
}
div.hx-sm-br-hero-grp .hx-sm-br-hero-col:nth-child(6) {
	animation-delay: 2.5s;
}
@keyframes brSmBounceUp {
	0% {
		transform: translateY(100%) rotate(-10.59deg) skewX(29deg);
	}
	100% {
		transform: translateY(0) rotate(-10.59deg) skewX(29deg);
	}
}
@media screen and (min-width: 768px){ 
	.hx-ss-sm-life-grp .hx-ss-sm-life-cols > div:first-child > div,
	.hx-ss-ic-offer-main-sticky, .hx-ss-ic-magic-col-sticky , .hx-ss-seo-ai-sticky {
		gap: 0;
		position: sticky;
		top: 7.5rem;
	}
	.hx-ss-sm-growth-col:first-child p {
		opacity: 0;
		transition: all 0.5s linear;
	}
	.found .hx-ss-sm-growth-col:first-child p {
		opacity: 1;
		transition-delay: 1s;	
		transition: all 0.5s linear;
	}
	.hx-ss-sm-growth-grp-wrapper {
		padding-top: 1.25rem;
	}
	.hx-ss-white-sticky {
		top: -50rem;
	}
	/* 	Branding */
	.br-eyes {
		animation: br-pixo-eyes 4s infinite steps(1); 
	}
	@keyframes br-pixo-eyes {
		0% {
			transform: translateY(0);
		}
		50% {
			transform: translate(0.5rem, 1.125rem);
		}
		100% {
			transform: translateX(0);
		}
	}
	/* 	Illustraion */
	.hx-ss-ic-team-col::before {
		content: '';
		position: absolute;
		background-image: url("data:image/svg+xml,%3Csvg width='145' height='46' viewBox='0 0 145 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.734375 10.8009C39.5396 16.571 114.504 30.6313 103.922 40.712C90.6937 53.3129 47.8523 38.8513 83.1335 10.8009C111.358 -11.6395 135.215 11.3114 143.616 25.5919' stroke='white' stroke-dasharray='5 5'/%3E%3C/svg%3E%0A");
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center;
		width: 8.93rem;
		height: 100%;
		opacity: 0;
		transition: all 0.5s linear;
	}
	.hx-ss-ic-team-col:hover::before {
		opacity: 1;
		transition: all 0.5s linear;		
	}
	.hx-ss-ic-team-col:nth-child(odd)::before {
		right: -8.5rem;		
	}
	.hx-ss-ic-team-col:nth-child(even)::before {
		left: -8.5rem;		
	}
	.hx-seo .hx-ss-white-sticky {
		top: -100rem;
	}
}