.gpp-sp .gpp-prob {
	padding: 48px 0;
	background: var(--gpp-navy);
	border-top: 1px solid var(--gpp-line);
	scroll-margin-top: 96px;
}
.gpp-sp .gpp-prob__h { margin-bottom: 24px !important; text-wrap: balance; }
.gpp-sp .gpp-prob__lede { max-width: 820px; margin-bottom: 24px !important; }
.gpp-sp .gpp-beats { display: grid; grid-template-columns: minmax(0, 1fr); --gpp-beat-pic: clamp(400px, 34%, 450px); }
.gpp-sp .gpp-beat {
	display: grid;
	grid-template-columns: var(--gpp-beat-pic) minmax(0, 1fr);
	align-items: center;
}
.gpp-sp .gpp-beat--flip { grid-template-columns: minmax(0, 1fr) var(--gpp-beat-pic); }
.gpp-sp .gpp-beat--flip .gpp-beat__pic { order: 2; }
.gpp-sp .gpp-beat__pic { min-width: 0; }
.gpp-sp .gpp-beat__pic .gpp-pic { width: 100%; }
.gpp-sp .gpp-beat__body { min-width: 0; padding: 16px 24px 16px 56px; }
.gpp-sp .gpp-beat--flip .gpp-beat__body { padding: 16px 56px 16px 24px; justify-self: end; }
.gpp-sp .gpp-beat__title {
	font-size: 28px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	margin-bottom: 14px !important;
	max-width: 18em;
	text-wrap: balance;
}
.gpp-sp .gpp-beat__line { white-space: nowrap; }
.gpp-sp .gpp-beat__text { font-size: 16px; line-height: 1.6; max-width: 38em; text-wrap: pretty; }
.gpp-sp .gpp-prob--d .gpp-beats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.gpp-sp .gpp-prob--d .gpp-beat, .gpp-sp .gpp-prob--d .gpp-beat--flip { display: block; }
.gpp-sp .gpp-prob--d .gpp-beat__pic {
	padding: 16px;
	border: 1px solid var(--gpp-line);
	background: var(--gpp-navy-deepest);
}
.gpp-sp .gpp-prob--d .gpp-beat__body, .gpp-sp .gpp-prob--d .gpp-beat--flip .gpp-beat__body { padding: 20px 0 0; }
.gpp-sp .gpp-prob--d .gpp-beat__title { font-size: 26px !important; max-width: none; }
.gpp-sp .gpp-prob--d .gpp-beat__text { max-width: none; }
.gpp-sp .gpp-pivot {
	max-width: 960px;
	margin: 28px auto 0 !important;
	padding-top: 24px;
	border-top: 1px solid var(--gpp-line);
	font-size: 28px;
	font-weight: 400;
	line-height: 1.3;
	text-align: center;
	text-wrap: balance;
}
.gpp-sp .gpp-pivot__gold { display: block; color: var(--gpp-gold); font-weight: 500; }
@media (max-width: 1365px) {
	.gpp-sp .gpp-beat__title { font-size: 26px !important; }
	.gpp-sp .gpp-beat__body { padding: 16px 20px 16px 44px; }
	.gpp-sp .gpp-beat--flip .gpp-beat__body { padding: 16px 44px 16px 20px; }
	.gpp-sp .gpp-prob--d .gpp-beat__title { font-size: 24px !important; }
	.gpp-sp .gpp-pivot { font-size: 26px; }
}
@media (max-width: 980px) {
	.gpp-sp .gpp-beats, .gpp-sp .gpp-prob--d .gpp-beats { grid-template-columns: minmax(0, 1fr); gap: 28px; max-width: 560px; }
	.gpp-sp .gpp-beat, .gpp-sp .gpp-beat--flip { grid-template-columns: minmax(0, 1fr); }
	.gpp-sp .gpp-beat--flip .gpp-beat__pic { order: 0; }
	.gpp-sp .gpp-beat__body, .gpp-sp .gpp-beat--flip .gpp-beat__body,
	.gpp-sp .gpp-prob--d .gpp-beat__body, .gpp-sp .gpp-prob--d .gpp-beat--flip .gpp-beat__body { padding: 20px 0 0; justify-self: stretch; }
	.gpp-sp .gpp-beat__title, .gpp-sp .gpp-prob--d .gpp-beat__title { font-size: 22px !important; margin-bottom: 10px !important; }
	.gpp-sp .gpp-beat__text { font-size: 16px; max-width: none; }
	.gpp-sp .gpp-pivot { margin-top: 48px !important; padding-top: 32px; font-size: 24px; }
}
@media (max-width: 980px) {
	.gpp-sp .gpp-prob--d .gpp-beat__pic {
		padding: 0;
		overflow: clip;
		border: 1px solid var(--gpp-line);
		background: var(--gpp-navy-deepest);
		align-self: center;
	}
	.gpp-sp .gpp-prob--d .gpp-beat__pic .gpp-pic {
		width: calc(640 / var(--cw) * 100%);
		max-width: none;
		margin: calc(-1 * var(--cy) / var(--cw) * 100%) calc(-1 * (640 - var(--cx) - var(--cw)) / var(--cw) * 100%) calc(-1 * (360 - var(--cy) - var(--ch)) / var(--cw) * 100%) calc(-1 * var(--cx) / var(--cw) * 100%);
		clip-path: inset(calc(var(--cy) / 360 * 100%) calc((640 - var(--cx) - var(--cw)) / 640 * 100%) calc((360 - var(--cy) - var(--ch)) / 360 * 100%) calc(var(--cx) / 640 * 100%));
	}
	.gpp-sp .gpp-prob--d .gpp-beat:nth-child(1) .gpp-beat__pic { --cx: 90; --cy: 50; --cw: 336; --ch: 252; }
	.gpp-sp .gpp-prob--d .gpp-beat:nth-child(2) .gpp-beat__pic { --cx: 24; --cy: 24; --cw: 400; --ch: 300; }
	.gpp-sp .gpp-prob--d .gpp-beat:nth-child(3) .gpp-beat__pic { --cx: 30; --cy: 88; --cw: 416; --ch: 272; }
	.gpp-sp .gpp-prob--d .gpp-beats { gap: 28px; }
	.gpp-sp .gpp-prob--d .gpp-beat,
	.gpp-sp .gpp-prob--d .gpp-beat--flip {
		display: grid;
		grid-template-columns: clamp(124px, 40%, 168px) minmax(0, 1fr);
		column-gap: 16px;
		row-gap: 12px;
		align-items: center;
	}
	.gpp-sp .gpp-prob--d .gpp-beat__body { display: contents; }
	.gpp-sp .gpp-prob--d .gpp-beat__title {
		grid-column: 2;
		margin: 0 !important;
		font-size: 18px !important;
		line-height: 1.25 !important;
	}
	.gpp-sp .gpp-prob--d .gpp-beat__text { grid-column: 1 / -1; }
	.gpp-sp .gpp-prob--d .gpp-pivot { margin-top: 36px !important; padding-top: 28px; }
}
@media (max-width: 379px) {
	.gpp-sp .gpp-prob--d .gpp-beat,
	.gpp-sp .gpp-prob--d .gpp-beat--flip { grid-template-columns: clamp(100px, 34%, 168px) minmax(0, 1fr); }
}
@media (max-width: 359px) {
	.gpp-sp .gpp-prob--d .gpp-beat__title { font-size: 16px !important; }
}