/**
 * ARK V7 Stage 8 motion, poster-first video and performance-safe effects.
 * Decorative effects are gated by body classes and prefers-reduced-motion.
 */

/* Fixed reading progress. */
.ark-scroll-progress {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100001;
	width: 100%;
	height: 3px;
	pointer-events: none;
	background: transparent;
}

.admin-bar .ark-scroll-progress { top: 32px; }

.ark-scroll-progress span {
	display: block;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	transform-origin: left center;
	background: linear-gradient(90deg, var(--ark-primary), #72ad7f);
	will-change: transform;
}

/* Module entry motion. Content is hidden only after JS confirms readiness. */
.ark-motion-ready .ark-motion-item {
	opacity: 0;
	transform: translate3d(0, 0, 0);
	transition: opacity .5s cubic-bezier(.2,.72,.2,1), transform .5s cubic-bezier(.2,.72,.2,1);
	will-change: opacity, transform;
}

.ark-motion-ready .ark-motion-item[data-ark-motion="fade-up"] { transform: translate3d(0, 18px, 0); }
.ark-motion-ready .ark-motion-item[data-ark-motion="fade"] { transform: none; }
.ark-motion-ready .ark-motion-item[data-ark-motion="slide-left"] { transform: translate3d(-24px, 0, 0); }
.ark-motion-ready .ark-motion-item[data-ark-motion="slide-right"] { transform: translate3d(24px, 0, 0); }

.ark-motion-ready .ark-motion-item.is-motion-visible {
	opacity: 1;
	transform: translate3d(0,0,0);
}

.ark-motion-ready .ark-motion-item.is-motion-immediate {
	transition: none !important;
}

.ark-motion-ready .ark-motion-item.is-motion-settled {
	will-change: auto;
}

.ark-motion-ready .ark-motion-child {
	opacity: 0;
	transform: translate3d(0, 12px, 0);
	transition: opacity .42s ease var(--ark-motion-delay, 0ms), transform .42s ease var(--ark-motion-delay, 0ms);
}

.ark-motion-ready .is-motion-visible .ark-motion-child {
	opacity: 1;
	transform: translate3d(0,0,0);
}

/* Counter: only numeric characters roll; surrounding text fades independently. */
.ark-counter-number,
.ark-counter-prefix,
.ark-counter-suffix { display: inline-block; }
.ark-counter-prefix,
.ark-counter-suffix {
	opacity: 0;
	transform: translateY(4px);
	transition: opacity .35s ease, transform .35s ease;
}
.ark-counter-prefix.is-visible,
.ark-counter-suffix.is-visible { opacity: 1; transform: translateY(0); }

/* Safe hover feedback. */
@media (hover: hover) and (pointer: fine) {
	body.ark-hover-enabled .ark-product-card,
	body.ark-hover-enabled .ark-card-grid__items > article,
	body.ark-hover-enabled .ark-resources__grid > *,
	body.ark-hover-enabled .ark-testimonials__grid > *,
	body.ark-hover-enabled .ark-team__grid > *,
	body.ark-hover-enabled .ark-articles__grid > article {
		transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
	}

	body.ark-hover-enabled .ark-product-card:hover,
	body.ark-hover-enabled .ark-card-grid__items > article:hover,
	body.ark-hover-enabled .ark-resources__grid > *:hover,
	body.ark-hover-enabled .ark-testimonials__grid > *:hover,
	body.ark-hover-enabled .ark-team__grid > *:hover,
	body.ark-hover-enabled .ark-articles__grid > article:hover {
		border-color: rgba(47,107,63,.24);
		box-shadow: 0 20px 46px rgba(31,79,45,.12);
	}

	body.ark-hover-enabled :is(
		.ark-product-card__media,
		.ark-card-grid__media,
		.ark-articles__media,
		.ark-gallery__grid > *,
		.ark-content-block__media,
		.ark-hero__media,
		.ark-product-gallery-prototype__main
	) { overflow: hidden; }

	body.ark-hover-enabled :is(
		.ark-product-card__media,
		.ark-card-grid__media,
		.ark-articles__media,
		.ark-gallery__grid > *,
		.ark-content-block__media,
		.ark-hero__media,
		.ark-product-gallery-prototype__main
	) img {
		transition: transform .38s cubic-bezier(.2,.7,.2,1);
	}

	body.ark-hover-enabled :is(
		.ark-product-card__media,
		.ark-card-grid__media,
		.ark-articles__media,
		.ark-gallery__grid > *,
		.ark-content-block__media,
		.ark-hero__media,
		.ark-product-gallery-prototype__main
	):hover img { transform: scale(1.035); }
}

/* Desktop tilt. CSS variables avoid layout movement. */
.ark-tilt-target {
	transform: perspective(1000px) translateY(var(--ark-tilt-lift, 0)) rotateX(var(--ark-tilt-x, 0deg)) rotateY(var(--ark-tilt-y, 0deg));
	transform-style: preserve-3d;
	transition: transform .18s ease, box-shadow .22s ease;
	will-change: transform;
}

/* Hero/media float is subtle and transform-only. */
@keyframes arkHeroFloat {
	0%, 100% { transform: translate3d(0,0,0); }
	50% { transform: translate3d(0,-7px,0); }
}

body.ark-motion-enabled [data-ark-hero-float="1"] :is(.ark-hero__media, .ark-hero__mini-visual, .ark-video-showcase__poster) {
	animation: arkHeroFloat 6.5s ease-in-out infinite;
}

/* Pill sweep and dark-card sheen. */
body.ark-shine-enabled [data-ark-shine-scope="1"] :is(.ark-product-taxonomies a, .ark-product-taxonomies__term, .ark-media-badge, .ark-card-label) {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

body.ark-shine-enabled [data-ark-shine-scope="1"] :is(.ark-product-taxonomies a, .ark-product-taxonomies__term, .ark-media-badge, .ark-card-label)::after {
	position: absolute;
	top: -50%;
	left: 0;
	width: 38%;
	height: 200%;
	content: "";
	transform: translate3d(-220%,0,0) rotate(18deg);
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
	transition: transform .52s ease;
	pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
	body.ark-shine-enabled [data-ark-shine-scope="1"] :is(.ark-product-taxonomies a, .ark-product-taxonomies__term, .ark-media-badge, .ark-card-label):hover::after { transform: translate3d(560%,0,0) rotate(18deg); }
}

body.ark-shine-enabled [data-ark-shine-scope="1"] :is(.ark-content-block--dark .ark-content-block__content, .ark-card-grid--background .ark-card-grid__items > article) {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

body.ark-shine-enabled [data-ark-shine-scope="1"] :is(.ark-content-block--dark .ark-content-block__content, .ark-card-grid--background .ark-card-grid__items > article)::before {
	position: absolute;
	inset: -120% auto auto 0;
	z-index: -1;
	width: 48%;
	height: 320%;
	content: "";
	transform: translate3d(-220%,0,0) rotate(22deg);
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
	transition: transform .72s ease;
	pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
	body.ark-shine-enabled [data-ark-shine-scope="1"] :is(.ark-content-block--dark .ark-content-block__content, .ark-card-grid--background .ark-card-grid__items > article):hover::before { transform: translate3d(420%,0,0) rotate(22deg); }
}

/* FAQ and Tabs retain full functionality if decorative motion is disabled. */
body.ark-motion-enabled .ark-faq details > div,
body.ark-motion-enabled .ark-faq-inquiry details > div {
	transform-origin: top;
}

body.ark-motion-enabled .ark-faq details[open] > div,
body.ark-motion-enabled .ark-faq-inquiry details[open] > div {
	animation: arkFaqReveal .28s ease both;
}

@keyframes arkFaqReveal {
	from { opacity: 0; transform: translateY(-6px); }
	to { opacity: 1; transform: translateY(0); }
}

body.ark-motion-enabled .ark-tabs__panels [role="tabpanel"].is-tab-entering {
	animation: arkTabReveal .3s ease both;
}

@keyframes arkTabReveal {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Poster-first video frame. */
.ark-video-frame {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	isolation: isolate;
	background: var(--ark-bg-soft);
}

.ark-video-frame > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ark-video-frame > video,
.ark-video-frame > iframe {
	display: block;
	width: 100%;
	height: 100%;
	min-height: inherit;
	border: 0;
	background: #0f1712;
	object-fit: contain;
}

.ark-video-frame__trigger {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 100%;
	padding: 0;
	border: 0;
	color: var(--ark-white);
	background: linear-gradient(180deg, transparent 45%, rgba(12,46,26,.12));
	cursor: pointer;
}

.ark-video-frame__play {
	display: grid;
	width: 72px;
	height: 72px;
	place-items: center;
	border: 6px solid rgba(255,255,255,.82);
	border-radius: 50%;
	color: var(--ark-white);
	background: rgba(31,79,45,.9);
	box-shadow: 0 12px 30px rgba(17,24,39,.24);
	font-size: 1.05rem;
	transition: transform .2s ease, background-color .2s ease;
}

.ark-video-frame__play--static {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: .72;
}

@media (hover: hover) and (pointer: fine) {
	.ark-video-frame__trigger:hover .ark-video-frame__play { transform: scale(1.06); background: var(--ark-primary); }
}

.ark-video-frame__trigger:focus-visible,
.ark-video-frame__fallback:focus-visible,
.ark-video-frame__external a:focus-visible {
	outline: 3px solid rgba(47,107,63,.34);
	outline-offset: 4px;
}

.ark-video-frame__status {
	position: absolute;
	left: 14px;
	bottom: 12px;
	z-index: 4;
	max-width: calc(100% - 28px);
	padding: 5px 9px;
	border-radius: 999px;
	color: var(--ark-white);
	background: rgba(17,24,39,.76);
	font-size: .78rem;
}
.ark-video-frame__status:empty { display: none; }

.ark-video-frame__fallback {
	position: absolute;
	left: 50%;
	bottom: 18px;
	z-index: 5;
	transform: translateX(-50%);
	padding: 10px 18px;
	border: 0;
	border-radius: 999px;
	color: var(--ark-white);
	background: var(--ark-primary);
	font-weight: 750;
	cursor: pointer;
}

.ark-video-frame__external {
	display: grid;
	min-height: 240px;
	place-content: center;
	gap: 12px;
	padding: 28px;
	text-align: center;
}
.ark-video-frame__external p { margin: 0; }
.ark-video-frame__external a { color: var(--ark-primary); font-weight: 750; }

/* Match existing module media proportions when video replaces an image. */
.ark-hero__video-frame {
	aspect-ratio: 5 / 4;
	border: 1px solid rgba(47,107,63,.08);
	border-radius: 30px;
	box-shadow: 0 22px 56px rgba(31,79,45,.11);
}
.ark-hero--video .ark-hero__video-frame { aspect-ratio: 16 / 10; }
.ark-hero--split-reverse .ark-hero__video-frame { aspect-ratio: 4 / 5; max-height: 510px; }

.ark-video-showcase__poster { aspect-ratio: 16 / 10; }
.ark-video-showcase__poster > img { aspect-ratio: 16 / 10; }

.ark-product-card__video { aspect-ratio: 4 / 3; }
.ark-card-grid__video { aspect-ratio: 13 / 8; }
.ark-articles__video { aspect-ratio: 4 / 3; }

.ark-content-block__video {
	aspect-ratio: 4 / 3;
	border-radius: 26px;
	box-shadow: var(--ark-shadow-media);
}
.ark-content-block--split-right .ark-content-block__video { aspect-ratio: 4 / 5; }
.ark-content-block--image-top .ark-content-block__video,
.ark-content-block--text-top .ark-content-block__video { aspect-ratio: 16 / 7; max-height: 340px; }
.ark-content-block--laboratory .ark-content-block__video,
.ark-content-block--greenhouse .ark-content-block__video { aspect-ratio: 5 / 4; }
.ark-content-block--dark .ark-content-block__video { aspect-ratio: 4 / 3; }

.ark-media-banner__shell::after { pointer-events: none; }
.ark-media-banner__video {
	position: absolute;
	inset: 0;
	height: 100%;
	opacity: .66;
}
.ark-media-banner__video .ark-video-frame__trigger { justify-items: end; padding-right: clamp(30px, 8vw, 120px); }
.ark-media-banner__content { z-index: 4; pointer-events: none; }
.ark-media-banner__content :is(a, button) { pointer-events: auto; }

/* Existing product gallery fallback button. */
.ark-product-gallery-prototype__main { position: relative; }
.ark-product-gallery-prototype__main .ark-video-frame__fallback { bottom: 20px; }

/* Mobile performance downgrade. */
@media (max-width: 1099px), (hover: none), (pointer: coarse) {
	.ark-tilt-target { transform: none !important; }
	body.ark-motion-enabled [data-ark-hero-float="1"] :is(.ark-hero__media, .ark-hero__mini-visual, .ark-video-showcase__poster) { animation-duration: 8s; transform: none; }
}

@media (max-width: 782px) {
	.admin-bar .ark-scroll-progress { top: 46px; }
	.ark-video-frame__play { width: 60px; height: 60px; border-width: 5px; }
	.ark-media-banner__video .ark-video-frame__trigger { place-items: end center; padding: 0 0 24px; }
}

@media (prefers-reduced-motion: reduce) {
	.ark-scroll-progress { display: none; }
	.ark-motion-item,
	.ark-motion-child,
	.ark-tilt-target,
	.ark-counter-prefix,
	.ark-counter-suffix,
	body.ark-motion-enabled [data-ark-hero-float="1"] :is(.ark-hero__media, .ark-hero__mini-visual, .ark-video-showcase__poster) {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
		transition: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.ark-motion-enabled .ark-faq details[open] > div,
	body.ark-motion-enabled .ark-faq-inquiry details[open] > div,
	body.ark-motion-enabled .ark-tabs__panels [role="tabpanel"].is-tab-entering {
		animation: none !important;
	}
	body.ark-shine-enabled [data-ark-shine-scope="1"] :is(.ark-product-taxonomies a, .ark-product-taxonomies__term, .ark-media-badge, .ark-card-label)::after,
	body.ark-shine-enabled [data-ark-shine-scope="1"] :is(.ark-content-block--dark .ark-content-block__content, .ark-card-grid--background .ark-card-grid__items > article)::before,
	.ark-video-frame__play,
	.ark-video-frame__trigger {
		transition: none !important;
	}
}

/* Stage 8.1 enhanced visual impact. */
body.ark-impact-enabled .ark-impact-module {
	--ark-impact-x: 72%;
	--ark-impact-y: 24%;
}

body.ark-impact-enabled .ark-impact-module::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	content: "";
	background: radial-gradient(circle 360px at var(--ark-impact-x) var(--ark-impact-y), rgba(105,176,123,.13), transparent 72%);
	opacity: .8;
	transition: opacity .3s ease;
}

body.ark-impact-enabled .ark-impact-module .ark-section-heading::after,
body.ark-impact-enabled .ark-impact-module .ark-content-block__heading::after {
	display: block;
	width: min(180px, 38%);
	height: 3px;
	margin-top: 22px;
	content: "";
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ark-primary), #91c69e, transparent);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .85s cubic-bezier(.18,.82,.18,1) .15s;
}

body.ark-impact-enabled .ark-impact-module.is-motion-visible .ark-section-heading::after,
body.ark-impact-enabled .ark-impact-module.is-motion-visible .ark-content-block__heading::after {
	transform: scaleX(1);
}

body.ark-impact-enabled .ark-impact-media {
	--ark-parallax-y: 0px;
	position: relative;
	overflow: hidden;
	translate: 0 var(--ark-parallax-y);
	scale: .985;
	clip-path: inset(9% 8% 9% 8% round 28px);
	transition: clip-path 1s cubic-bezier(.18,.82,.18,1), translate .28s linear, scale .75s cubic-bezier(.18,.82,.18,1), box-shadow .55s ease;
	will-change: translate, scale, clip-path;
}

body.ark-impact-enabled .is-motion-visible .ark-impact-media,
body.ark-impact-enabled .ark-impact-media.is-motion-visible {
	clip-path: inset(0 0 0 0 round 0);
	scale: 1;
}

body.ark-impact-enabled .ark-impact-media::after {
	position: absolute;
	inset: 0;
	z-index: 6;
	content: "";
	background: linear-gradient(115deg, transparent 18%, rgba(255,255,255,.24) 44%, transparent 62%);
	transform: translateX(-130%);
	transition: transform 1.05s cubic-bezier(.2,.75,.2,1) .35s;
	pointer-events: none;
}

body.ark-impact-enabled .is-motion-visible .ark-impact-media::after {
	transform: translateX(130%);
}

.ark-magnetic-button {
	transform: translate3d(var(--ark-magnetic-x, 0), var(--ark-magnetic-y, 0), 0);
	transition: transform .16s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
	will-change: transform;
}

body.ark-impact-enabled .ark-impact-module :is(.ark-product-card, .ark-card-grid__items > article, .ark-resources__grid > article) {
	position: relative;
}

body.ark-impact-enabled .ark-impact-module :is(.ark-product-card, .ark-card-grid__items > article, .ark-resources__grid > article)::after {
	position: absolute;
	inset: 1px;
	z-index: -1;
	content: "";
	border-radius: inherit;
	box-shadow: 0 0 0 0 rgba(92,165,110,0);
	transition: box-shadow .28s ease;
}

@media (hover: hover) and (pointer: fine) {
	body.ark-impact-enabled .ark-impact-module :is(.ark-product-card, .ark-card-grid__items > article, .ark-resources__grid > article):hover::after {
		box-shadow: 0 18px 64px rgba(57,128,74,.19), 0 0 0 1px rgba(107,183,125,.16);
	}
}

@media (max-width: 782px), (hover: none), (pointer: coarse) {
	body.ark-impact-enabled .ark-impact-module::after { opacity: .35; }
	body.ark-impact-enabled .ark-impact-media {
		clip-path: inset(4% 3% 4% 3% round 22px);
		transition-duration: .72s;
	}
	body.ark-impact-enabled .is-motion-visible .ark-impact-media { clip-path: inset(0 round 0); }
	.ark-motion-ready .ark-motion-item[data-ark-motion="fade-up"] { transform: translate3d(0, 14px, 0); }
}

@media (prefers-reduced-motion: reduce) {
	body.ark-impact-enabled .ark-impact-module::after { display: none; }
	body.ark-impact-enabled .ark-impact-media,
	.ark-magnetic-button {
		clip-path: none !important;
		transform: none !important;
		translate: none !important;
		scale: 1 !important;
		transition: none !important;
	}
	body.ark-impact-enabled .ark-impact-module .ark-section-heading::after,
	body.ark-impact-enabled .ark-impact-module .ark-content-block__heading::after { width: min(180px, 38%); transition: none; }
}

/* Stage 8.2: active video is a stable playback surface, not decorative media. */
.is-media-playing,
.is-media-playing.ark-impact-media,
.has-active-video .is-media-playing,
.has-active-video .ark-video-frame.is-video-loaded {
	transform: none !important;
	animation: none !important;
	filter: none !important;
	transition: none !important;
}

.has-active-video .ark-impact-module::after,
.has-active-video::after {
	opacity: 0 !important;
}

.ark-hero__media.is-media-playing .ark-media-badge,
.ark-hero__media:has(.ark-video-frame.is-video-loaded) .ark-media-badge,
.ark-video-frame.is-video-loaded + .ark-media-badge {
	display: none !important;
}

.ark-hero__media .ark-media-badge {
	top: 16px;
	right: 16px;
	bottom: auto;
	max-width: calc(100% - 32px);
}

body.ark-motion-enabled [data-ark-hero-float="1"] :is(.ark-hero__media.is-media-playing, .ark-hero__media:has(.is-video-loaded), .ark-video-showcase__poster.is-media-playing) {
	animation: none !important;
	transform: none !important;
}

/* Never leave real content washed out if an observer is delayed. */
.ark-motion-ready .ark-motion-item.is-motion-visible,
.ark-motion-ready .ark-motion-item.has-active-video {
	opacity: 1;
	filter: none;
	transform: none;
}

.ark-content-block__media.is-media-playing .ark-content-block__media-secondary,
.ark-content-block__media:has(.ark-video-frame.is-video-loaded) .ark-content-block__media-secondary {
	display: none !important;
}


/* Stage 8.3 motion safety. The dark advantage cards use restrained border and
 * shadow feedback only; no white sheen layer can remain over their content. */
:is(.ark-module-type-background-advantages,.ark-module-type-product-background-benefits) .ark-card-grid__items > article::before,
:is(.ark-module-type-background-advantages,.ark-module-type-product-background-benefits) .ark-card-grid__items > article::after {
	background: transparent !important;
	box-shadow: none !important;
	opacity: 0 !important;
	transform: none !important;
}
.ark-hero__media:has(.ark-video-frame) > .ark-media-badge,
.ark-hero__media .ark-media-badge:empty {
	display: none !important;
}
.ark-content-block:not(.ark-content-block--dark) .ark-content-block__content {
	opacity: 1;
	filter: none;
}

/* Stage 10: extended poster-first media surfaces and stable playback states. */
.ark-video-frame__external-link {
	position: absolute;
	right: 14px;
	bottom: 12px;
	z-index: 6;
	padding: 8px 12px;
	border-radius: 999px;
	color: var(--ark-white);
	background: rgba(17,24,39,.84);
	font-size: .78rem;
	font-weight: 750;
	text-decoration: none;
}

.ark-compact-banner__video,
.ark-case-study__video,
.ark-catalog-cta__video,
.ark-cta__video,
.ark-cta__mini-video,
.ark-process__video,
.ark-team__video,
.ark-gallery__video,
.ark-tabs__video,
.ark-product-detail__video {
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.ark-compact-banner__video { aspect-ratio: 16 / 9; border-radius: 24px; }
.ark-case-study__video { aspect-ratio: 4 / 3; border-radius: 28px; box-shadow: 0 20px 54px rgba(31,79,45,.1); }
.ark-catalog-cta__video { aspect-ratio: .82 / 1; border-radius: 24px; }
.ark-cta__video { aspect-ratio: 4 / 3; border-radius: 26px; }
.ark-cta__mini-video { min-height: 210px; aspect-ratio: 3 / 2; border-radius: 20px; }
.ark-process__video { aspect-ratio: 3 / 2; border-radius: 16px; }
.ark-team__video { aspect-ratio: 4 / 3; }
.ark-gallery__video { min-height: 100%; aspect-ratio: 4 / 3; }
.ark-tabs__video { aspect-ratio: 16 / 10; border-radius: 20px; }
.ark-product-detail__video { aspect-ratio: 1 / 1; }

.ark-process__media {
	overflow: hidden;
	margin: 0 0 18px;
	border-radius: 16px;
}
.ark-process__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }

.ark-team article > .ark-team__media {
	overflow: hidden;
	padding: 0;
	background: var(--ark-bg-soft);
}
.ark-team__media > img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.ark-gallery__media,
.ark-gallery__media > a {
	display: block;
	width: 100%;
	height: 100%;
}
.ark-gallery__media img { width: 100%; height: 100%; object-fit: cover; }

.ark-tabs__panels article:has(.ark-tabs__media) {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(240px, .8fr);
	align-items: center;
	gap: clamp(24px, 4vw, 48px);
}
.ark-tabs__media { overflow: hidden; border-radius: 20px; }
.ark-tabs__media > img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }

.has-active-video :is(
	.ark-compact-banner__media,
	.ark-case-study__media,
	.ark-catalog-cta__media,
	.ark-cta__media,
	.ark-cta__mini-media,
	.ark-process__media,
	.ark-team__media,
	.ark-gallery__media,
	.ark-tabs__media,
	.ark-product-gallery-prototype__main
) {
	transform: none !important;
	translate: none !important;
	scale: 1 !important;
	filter: none !important;
	animation: none !important;
	transition: none !important;
}

@media (max-width: 782px) {
	.ark-tabs__panels article:has(.ark-tabs__media) { grid-template-columns: 1fr; }
	.ark-video-frame__external-link { right: 10px; bottom: 10px; max-width: calc(100% - 20px); }
}

@media (prefers-reduced-motion: reduce) {
	.ark-video-frame__external-link { transition: none !important; }
}