/*
 * W-WEBFLOW (MKT-200): what the Webflow runtime (IX2) used to do on the retired family
 * (/hire, /solutions hubs, /hire/<slug>), as plain CSS. Loaded only on those pages.
 * Source of every value: the IX2 action lists in webflow.schunk.eeba0b3550ca7037.
 */

/* a-16 / a-17 "button_hover ON/OFF" and a-211 / a-212 "button link": the four notch cubes
   slide 5px inwards (300ms inCubic in, outCubic out), .button_menu / .button-outline turn
   royal blue. Element events fire at every breakpoint; the .button class event is desktop
   only (IX2 "main" = 992px and up). Touch screens get no sticky hover. */
.hover_cube_left-up,
.hover_cube_left-bottom,
.hover_cube_right-up,
.hover_cube_right-bottom {
	transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.button_menu,
.button_menu_inner[data-w-id] .button-outline {
	transition: background-color 0.1s linear;
}
@media (hover: hover) {
	:is(.header_button-48px[data-w-id], .button_menu_inner[data-w-id]):hover :is(.hover_cube_left-up, .hover_cube_left-bottom) {
		transform: translate3d(5px, 0, 0);
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	:is(.header_button-48px[data-w-id], .button_menu_inner[data-w-id]):hover :is(.hover_cube_right-up, .hover_cube_right-bottom) {
		transform: translate3d(-5px, 0, 0);
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	.header_button-48px[data-w-id]:hover .button_menu {
		background-color: #0372ff;
	}
	.button_menu_inner[data-w-id]:hover .button-outline {
		background-color: #0372ff;
		transition-duration: 0.3s;
	}
}
@media (hover: hover) and (min-width: 992px) {
	.button:hover :is(.hover_cube_left-up, .hover_cube_left-bottom) {
		transform: translate3d(5px, 0, 0);
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	.button:hover :is(.hover_cube_right-up, .hover_cube_right-bottom) {
		transform: translate3d(-5px, 0, 0);
		transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
	.button:hover .button_menu {
		background-color: #0372ff;
	}
}

/* a-6 / a-7 "open info / close info": the tooltip shows while the pointer is over the
   question mark. Tap support (toggle class) lives in webflow-free.js. */
.info[data-w-id]:hover .info_box,
.info[data-w-id].wc-info-open .info_box {
	display: block;
}

/* a-213 "hired-by-contents-read-more" initial state: the long-form body is 500px tall with
   the gradient over it until READ MORE. The templates already carry it inline (the Webflow
   export bakes IX2 initial states in); this rule keeps it if that inline style ever goes.
   Only when JavaScript runs (w-mod-js is set by the head bootstrap before first paint). */
html.w-mod-js .post-and-button-wrapper > .post-container-hired:not(.wc-expanded) {
	height: 500px;
}
.post-and-button-wrapper > .post-container-hired.wc-expanded ~ .gradient-contents,
.section-contents-hired.wc-expanded .gradient-contents {
	display: none;
}

/* a-199 "sectopm-stop-compromising" end state (the only cube that does not end at its CSS
   position): the scroll-in animation is not replayed, the cubes simply sit where it ends. */
.section-cta-plan-build[data-w-id] .cuba-black6-cta-sc {
	transform: translate3d(-32px, 0, 0);
}

/* Without JavaScript nothing can expand the body, so it is never collapsed: no gradient over
   the last lines of text and no dead READ MORE button. The Webflow export baked the IX2
   initial state into inline styles (style="height:500px", style="display:block"), hence
   !important; with JavaScript (every real browser) this block never applies. */
html:not(.w-mod-js) .section-contents-hired .post-container-hired {
	height: auto !important;
}
html:not(.w-mod-js) .section-contents-hired .gradient-contents,
html:not(.w-mod-js) .section-contents-hired #read-more {
	display: none !important;
}

/* The technologies collection is a Finsweet CMS Nest source (fs-cmsnest-element="nest-source"),
   never shown: Finsweet hid it once the Webflow runtime ran its init queue. Its nest targets
   on the talent cards stayed empty on production too (the item fetch to app.wild.codes is
   refused by CORS), so hiding the source is the whole visible effect. */
.collection-technologies {
	display: none;
}