.single-gh_course .gh-course-layout { padding-block-start: var(--gh-space-56); }
.single-gh_course .gh-course-hd,
.single-gh_course .gh-buybox { margin-block-start: 0; }
.single-gh_course .gh-course-hd::before { display: none; }
.single-gh_course .gh-course-hd > :not(.gh-course-orbits, .gh-course-brand-watermark) { position: relative; z-index: 2; }

.gh-course-orbits {
	position: absolute; z-index: 0; left: clamp(235px, 20vw, 360px); right: auto; top: clamp(-170px, -9vw, -86px);
	width: clamp(430px, 43vw, 690px); aspect-ratio: 1; transform: none; pointer-events: none;
}
.gh-course-orbits i {
	position: absolute; inset: 50% auto auto 50%; width: var(--orbit-size); aspect-ratio: 1;
	border: 1px solid color-mix(in srgb, var(--course) var(--orbit-alpha), transparent); border-radius: 50%;
	transform: translate(-50%, -50%) scale(1); transform-origin: center; will-change: transform, opacity;
}
.gh-course-orbits i:nth-child(1) { --orbit-size: 42%; --orbit-alpha: 42%; animation: gh-course-orbit-breathe-a 6.8s ease-in-out infinite; }
.gh-course-orbits i:nth-child(2) { --orbit-size: 68%; --orbit-alpha: 26%; animation: gh-course-orbit-breathe-b 8.6s ease-in-out -2.1s infinite; }
.gh-course-orbits i:nth-child(3) { --orbit-size: 94%; --orbit-alpha: 17%; animation: gh-course-orbit-breathe-c 10.4s ease-in-out -4.7s infinite; }

.gh-course-brand-watermark {
	position: absolute; z-index: 1; left: clamp(350px, 28vw, 520px); right: auto; top: clamp(26px, 3vw, 48px); display: block;
	width: clamp(240px, 22vw, 390px); color: color-mix(in srgb, var(--course) 18%, transparent);
	transform: rotate(-7deg); transform-origin: center; pointer-events: none; user-select: none;
}
.gh-course-brand-watermark .gh-brand-svg,
.gh-course-brand-watermark > svg { display: block; width: 100%; height: auto; overflow: visible; }
.gh-course-brand-watermark .gh-brand-svg :is(path, rect, circle, ellipse, polygon, polyline),
.gh-course-brand-watermark > svg :is(path, rect, circle, ellipse, polygon, polyline) {
	stroke: color-mix(in srgb, var(--course) 48%, transparent); stroke-width: 1px; vector-effect: non-scaling-stroke; paint-order: stroke fill;
}

@keyframes gh-course-orbit-breathe-a { 0%,100% { transform:translate(-50%,-50%) scale(.96);opacity:.68 } 50% { transform:translate(-50%,-50%) scale(1.055);opacity:1 } }
@keyframes gh-course-orbit-breathe-b { 0%,100% { transform:translate(-50%,-50%) scale(1.025);opacity:.78 } 48% { transform:translate(-50%,-50%) scale(.965);opacity:1 } }
@keyframes gh-course-orbit-breathe-c { 0%,100% { transform:translate(-50%,-50%) scale(.985);opacity:.6 } 55% { transform:translate(-50%,-50%) scale(1.04);opacity:.92 } }

@media (max-width: 900px) {
	.single-gh_course .gh-course-layout { padding-block-start: var(--gh-space-32); }
	.gh-course-orbits { left: -175px; right: auto; top: -130px; width: 430px; opacity: .34; }
	.gh-course-brand-watermark { display: none; }
}
@media (prefers-reduced-motion: reduce) { .gh-course-orbits i { animation: none; } }