/* Hero-only presentation. Loaded after guge-components. */
.guge-home-hero video { aspect-ratio: 1060 / 596; }

.guge-hero-slide > .wp-block-group__inner-container {
	width: 100%; max-width: none; margin: 0;
}
.site-main .guge-home-hero .guge-hero-slide > .wp-block-group__inner-container,
.editor-styles-wrapper .guge-home-hero .guge-hero-slide > .wp-block-group__inner-container {
	padding: 0;
}
.guge-home-hero > .wp-block-group__inner-container > .guge-hero-slide { margin-block: 0; }
.guge-home-block .guge-hero-logo { max-width: 180px; margin-bottom: 24px; }

.guge-home-hero { position: relative; }
.guge-home-hero:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.guge-home-hero.guge-carousel-ready { overflow: clip; }
.guge-home-hero .guge-carousel-stage { position: relative; max-width: none; margin: 0; }
.guge-home-hero .guge-carousel-stage > .guge-hero-slide.guge-slide-moving {
	position: absolute; inset: 0 0 auto; width: 100%;
}
.guge-home-hero .guge-hero-slide {
	margin: 0;
	padding: clamp(60px, 8vw, 155px) clamp(24px, 5vw, 80px) 70px;
	color: #fff;
}
.guge-home-hero .guge-hero-wordpress {
	background: url('../../home/skin/picture/wordpress/new-wpbanner.png') top center / contain no-repeat, #0072ac;
}
.guge-home-hero .guge-hero-seo {
	background: linear-gradient(#191a1ed9, #191a1ed9), url('../../home/skin/picture/yxwebseo/googleSEO.png') center / cover;
}
.guge-home-hero .guge-hero-commerce,
.guge-home-hero .guge-hero-ads { background: #fff; color: #000; }
.guge-home-hero .guge-hero-web { background: linear-gradient(200deg, #97affb 0%, #2c5cf4 100%); }
.guge-home-hero .guge-hero-wordpress .wp-block-column:first-child,
.guge-home-hero .guge-hero-web .wp-block-column:first-child { flex-grow: 5; }
.guge-home-hero .guge-hero-wordpress .wp-block-column:last-child,
.guge-home-hero .guge-hero-web .wp-block-column:last-child { flex-grow: 7; }
.guge-home-hero .guge-hero-slide[hidden] { display: none; }
.guge-home-hero .guge-hero-controls { margin: 0; padding: 0; }
.guge-home-hero .guge-hero-controls > button {
	position: absolute; right: 4%; bottom: 0; z-index: 2;
	width: 50px; height: 50px; padding: 0; border: 0; border-radius: 0;
	background: #fff; color: #161c2d; font-size: 28px; line-height: 1; cursor: pointer;
}
.guge-home-hero .guge-hero-controls > button:first-child { right: calc(4% + 52px); }
.guge-home-hero .guge-hero-dots {
	position: absolute; right: 13%; top: 50%; transform: translateY(-50%);
	display: flex; flex-direction: column; gap: 20px; z-index: 2;
}
.guge-home-hero .guge-hero-dots button {
	width: 14px; height: 14px; padding: 0; border: 0; border-radius: 50%;
	background: #fff; box-shadow: 0 0 0 1px #555; cursor: pointer;
}
.guge-home-hero .guge-hero-dots button[aria-current="true"] { outline: 1px solid #fff; outline-offset: 5px; }
.guge-home-hero .guge-hero-slide.has-background { background-image: none; }
@media (max-width: 1399px) { .guge-home-hero .guge-hero-dots { right: 5%; } }
@media (max-width: 575px) { .guge-home-hero .guge-hero-dots { display: none; } }
@media (max-width: 424px) { .guge-home-hero .guge-hero-controls > button { display: none; } }
@media (prefers-reduced-motion: reduce) { .guge-home-hero .guge-hero-slide { scroll-behavior: auto; } }

.editor-styles-wrapper .guge-home-hero .guge-hero-slide + .guge-hero-slide { border-top: 3px dashed #ccc; }
@media (max-width: 781px) {
	.guge-home-hero .guge-hero-slide { padding: 50px 24px; }

}