/*
 * Workstrust section motion v37
 * Scope: Consulting / Document Volume / Method / Assurance / Service & Tools /
 * Column / Glossary / FAQ. The approved Service section and the FV are untouched.
 */

.wt2 .wt-v37-rig {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.wt2 .wt-semantic-scene--assurance {
	display: block;
	width: min(350px, 92%);
	margin: 18px auto 0;
}

.wt2 .wt-semantic-scene--faq {
	display: block;
	width: 100%;
	max-width: 420px;
	margin: 0;
}

.wt2 .wt-semantic-scene--method {
	display: block;
	width: min(300px, 76%);
	margin: 0 0 24px;
}

.wt2 .wt-hero-conversation.is-motion-ready .wt-hero-conversation__part--writing-forearm,
.wt2 .wt-hero-conversation.is-motion-ready .wt-hero-conversation__part--woman-head,
.wt2 .wt-hero-conversation.is-motion-ready .wt-hero-conversation__part--man-head {
	animation-duration: 3s;
}

.wt2 .wt-v37-part {
	transform-box: view-box;
	transform: rotate(0deg);
	will-change: transform, opacity;
}

.wt2 .is-motion-active .wt-v37-part--head-a {
	animation: wtV37HeadA 3.9s ease-in-out var(--wt-delay, 0s) infinite both;
}

.wt2 .is-motion-active .wt-v37-part--head-b {
	animation: wtV37HeadB 3.9s ease-in-out var(--wt-delay, 0s) infinite both;
}

.wt2 .is-motion-active .wt-v37-part--head-faq,
.wt2 .is-motion-active .wt-v37-part--head-faq-man,
.wt2 .is-motion-active .wt-v37-part--head-faq-woman,
.wt2 .is-motion-active .wt-v37-part--head-assurance-man,
.wt2 .is-motion-active .wt-v37-part--head-assurance-woman {
	animation: wtV37HeadContained 3.9s ease-in-out var(--wt-delay, 0s) infinite both;
}

.wt2 .is-motion-active .wt-v37-part--hand-a {
	animation: wtV37HandA 3.9s ease-in-out var(--wt-delay, 0s) infinite both;
}

.wt2 .is-motion-active .wt-v37-part--hand-b {
	animation: wtV37HandB 3.9s ease-in-out var(--wt-delay, 0s) infinite both;
}

@keyframes wtV37HeadA {
	0%, 10%, 58%, 100% { transform: rotate(0deg); }
	23% { transform: rotate(-3deg); }
	39% { transform: rotate(2deg); }
}

@keyframes wtV37HeadB {
	0%, 14%, 62%, 100% { transform: rotate(0deg); }
	28% { transform: rotate(3deg); }
	45% { transform: rotate(-2deg); }
}

@keyframes wtV37HeadContained {
	0%, 10%, 58%, 100% { transform: rotate(0deg); }
	23% { transform: rotate(-1.5deg); }
	39% { transform: rotate(0deg); }
}

@keyframes wtV37HandA {
	0%, 10%, 60%, 100% { transform: rotate(0deg); }
	26% { transform: rotate(-4.5deg); }
	43% { transform: rotate(3.2deg); }
}

@keyframes wtV37HandB {
	0%, 12%, 62%, 100% { transform: rotate(0deg); }
	29% { transform: rotate(4.5deg); }
	46% { transform: rotate(-3deg); }
}

/* Consulting: all seven participants respond; only heads and the presenter's hands move. */
.wt2 .wt-semantic-scene--plan.wt-semantic-scene {
	overflow: visible;
}

/* Method / Assurance / FAQ retain the exact v35 layout boxes. */
.wt2 .wt-semantic-scene--method .wt-v37-rig,
.wt2 .wt-semantic-scene--assurance .wt-v37-rig,
.wt2 .wt-semantic-scene--faq .wt-v37-rig {
	width: 100%;
	height: auto;
}

/* Column: the three existing document cards enter one after another. No circles. */
.wt2 .wt-v37-part--document-one,
.wt2 .wt-v37-part--document-two,
.wt2 .wt-v37-part--document-three {
	opacity: 1;
	transform-box: view-box;
}

.wt2 .is-motion-active .wt-v37-part--document-one {
	animation: wtV37DocumentOne 4.05s cubic-bezier(.22, 1, .36, 1) infinite both;
}

.wt2 .is-motion-active .wt-v37-part--document-two {
	animation: wtV37DocumentTwo 4.05s cubic-bezier(.22, 1, .36, 1) infinite both;
}

.wt2 .is-motion-active .wt-v37-part--document-three {
	animation: wtV37DocumentThree 4.05s cubic-bezier(.22, 1, .36, 1) infinite both;
}

@keyframes wtV37DocumentOne {
	0%, 6%, 88%, 100% { opacity: 0; transform: translate3d(0, -34px, 0); }
	16%, 80% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes wtV37DocumentTwo {
	0%, 20%, 88%, 100% { opacity: 0; transform: translate3d(0, -34px, 0); }
	30%, 80% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes wtV37DocumentThree {
	0%, 34%, 88%, 100% { opacity: 0; transform: translate3d(0, -34px, 0); }
	44%, 80% { opacity: 1; transform: translate3d(0, 0, 0); }
}

/* Document Volume: exact approved-v3 artwork, order and trajectory.
 * The rendered artwork is three eighths of the comparison column, midway
 * between the oversized v38 and undersized v40. Motion timing is unchanged. */
.wt2 .wt-docs-approved-v3 {
	position: relative;
	display: block;
	width: 37.5%;
	margin-inline: auto;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	isolation: isolate;
}

.wt2 .docs__side .wt-docs-approved-v3__art {
	position: absolute;
	z-index: 1;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
	object-fit: contain;
}

.wt2 .wt-docs-approved-v3__fx {
	position: absolute;
	z-index: 2;
	pointer-events: none;
	opacity: 0;
}

.wt2 .wt-docs-approved-v3__paper {
	background: #fffefa;
	box-shadow: 0 5px 12px rgba(6, 63, 113, .14);
	aspect-ratio: .72;
}

.wt2 .wt-docs-approved-v3__paper::before,
.wt2 .wt-docs-approved-v3__paper::after {
	content: "";
	position: absolute;
	left: 17%;
	right: 17%;
	height: 5%;
	border-radius: 2px;
	background: #9fc9dd;
}

.wt2 .wt-docs-approved-v3__paper::before { top: 27%; }
.wt2 .wt-docs-approved-v3__paper::after { top: 47%; }

.wt2 .wt-docs-approved-v3--minimal .wt-docs-approved-v3__paper {
	left: 42%;
	top: 33%;
	width: 10%;
	border: 2px solid #b8d5e4;
	border-radius: 3px;
}

.wt2 .wt-docs-approved-v3--minimal .wt-docs-approved-v3__paper {
	animation: wtV37DocsFileCalm 5.25s cubic-bezier(.2, .8, .2, 1) infinite;
}

.wt2 .wt-docs-approved-v3__check {
	left: 75%;
	top: 59%;
	width: 3.5%;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #ff775f;
}

.wt2 .wt-docs-approved-v3--minimal .wt-docs-approved-v3__check {
	animation: wtV37DocsConfirmPop 5.25s ease-out infinite;
}

.wt2 .wt-docs-approved-v3__check::after {
	content: "";
	position: absolute;
	width: 45%;
	height: 23%;
	left: 24%;
	top: 28%;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(-45deg);
}

@keyframes wtV37DocsFileCalm {
	0%, 12% { opacity: 0; transform: translateY(-125%) rotate(-2deg); }
	19% { opacity: 1; }
	39%, 58% { opacity: 1; transform: translateY(35%) rotate(0); }
	64%, 100% { opacity: 0; transform: translateY(35%); }
}

@keyframes wtV37DocsConfirmPop {
	0%, 47% { opacity: 0; transform: scale(.2); }
	54% { opacity: 1; transform: scale(1.2); }
	61%, 76% { opacity: 1; transform: scale(1); }
	83%, 100% { opacity: 0; }
}

.wt2 .wt-docs-approved-v3--heavy .wt-docs-approved-v3__paper {
	top: -18%;
	width: 9%;
	border: 2px solid #b8d5e4;
	border-radius: 3px;
}

.wt2 .wt-docs-approved-v3--heavy .wt-docs-approved-v3__paper {
	animation: wtV37DocsPaperRain 4.95s cubic-bezier(.25, .55, .5, 1) infinite;
	animation-delay: var(--d);
}

.wt2 .wt-docs-approved-v3--heavy .wt-docs-approved-v3__paper--1 { left: 18%; --x: 120%; --r: 18deg; --d: 0s; }
.wt2 .wt-docs-approved-v3--heavy .wt-docs-approved-v3__paper--2 { left: 42%; --x: -35%; --r: -16deg; --d: .41s; }
.wt2 .wt-docs-approved-v3--heavy .wt-docs-approved-v3__paper--3 { left: 67%; --x: 70%; --r: 24deg; --d: .83s; }
.wt2 .wt-docs-approved-v3--heavy .wt-docs-approved-v3__paper--4 { left: 80%; --x: -55%; --r: -18deg; --d: 1.24s; }

@keyframes wtV37DocsPaperRain {
	0%, 9% { opacity: 0; transform: translate(0, -40%) rotate(0); }
	15% { opacity: 1; }
	52% { opacity: 1; transform: translate(var(--x), 610%) rotate(var(--r)); }
	58%, 100% { opacity: 0; transform: translate(var(--x), 610%) rotate(var(--r)); }
}

/* Glossary: all four connectors are removed from the base and animated as
 * equivalent semantic layers. They all begin hidden and stop on the same rule. */
.wt2 .band--glossary .wt-v37-glossary-rig {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.wt2 .band--glossary .wt-v37-glossary-arrow {
	opacity: 0;
	transform-box: view-box;
	transform: translate3d(calc(var(--wt-arrow-x) - 30px), 0, 0);
	will-change: transform, opacity;
}

.wt2 .band--glossary .wt-glossary-motion.is-motion-active .wt-v37-glossary-arrow {
	animation: wtV37GlossaryArrow 2.25s linear var(--wt-delay, 0s) infinite both;
}

@keyframes wtV37GlossaryArrow {
	0%, 8% { opacity: 0; transform: translate3d(calc(var(--wt-arrow-x) - 30px), 0, 0); }
	12% { opacity: 1; transform: translate3d(calc(var(--wt-arrow-x) - 30px), 0, 0); }
	27% { opacity: 1; transform: translate3d(calc(var(--wt-arrow-x) + 2px), 0, 0); }
	33%, 88% { opacity: 1; transform: translate3d(var(--wt-arrow-x), 0, 0); }
	94%, 100% { opacity: 0; transform: translate3d(var(--wt-arrow-x), 0, 0); }
}

/* Explicitly neutralize the rejected v35 decorative marks. */
.wt2 .wt-story-step,
.wt2 .wt-writing-line,
.wt2 .wt-assurance-ring,
.wt2 .wt-tool-scan,
.wt2 .wt-card-pulse,
.wt2 .wt-faq-question,
.wt2 .wt-faq-answer {
	display: none !important;
	animation: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.wt2 .wt-v37-part,
	.wt2 .wt-docs-approved-v3__fx,
	.wt2 .wt-v37-glossary-arrow {
		animation: none !important;
	}

	.wt2 .wt-v37-part {
		transform: none !important;
		opacity: 1 !important;
	}

	.wt2 .wt-docs-approved-v3__fx {
		display: none !important;
	}

	.wt2 .wt-v37-glossary-arrow {
		opacity: 1 !important;
		transform: translate3d(var(--wt-arrow-x), 0, 0) !important;
	}
}

@media (max-width: 920px) {
	.wt2 .wt-semantic-scene--method,
	.wt2 .wt-semantic-scene--faq { margin-inline: auto; }
}