/* Restores the approved UX over the designer handoff. */

.rent-club-section-label {
	margin: 0;
	color: color-mix(in srgb, var(--wp--preset--color--purple-100) 84%, var(--wp--preset--color--secondary-100));
	font-size: var(--wp--preset--font-size--label-compact);
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.rent-club-button--primary .wp-block-button__link {
	--rent-club-button-flair-color: var(--wp--preset--color--purple-100);

	background-color: var(--wp--preset--color--accent) !important;
	color: var(--wp--preset--color--secondary-100) !important;
}

.rent-club-button--primary .wp-block-button__link:hover,
.rent-club-button--primary .wp-block-button__link:focus-visible,
.rent-club-button--primary .wp-block-button__link:active {
	background-color: var(--wp--preset--color--purple-100) !important;
	color: var(--wp--preset--color--secondary-0) !important;
}

.rent-club-button--primary .wp-block-button__link:hover .rent-club-button__label,
.rent-club-button--primary .wp-block-button__link:focus-visible .rent-club-button__label,
.rent-club-button--primary .wp-block-button__link:active .rent-club-button__label {
	color: var(--wp--preset--color--secondary-0);
}

.rent-club-experience {
	min-height: 0;
	padding: clamp(96px, 9vw, 220px) 0;
}

.rent-club-experience__content {
	display: grid;
	width: var(--rent-club-content-width);
	min-height: 0;
	margin: 0 auto;
	grid-template-columns: var(--rent-club-grid-template);
	gap: var(--rent-club-grid-gap);
	align-items: start;
}

.rent-club-experience__copy {
	display: block;
	min-height: 0;
	grid-column: 1 / span 6;
}

.rent-club-experience__title {
	max-width: 11em;
}

.rent-club-experience__description {
	margin-top: var(--wp--preset--spacing--card-gap-large);
}

.rent-club-experience__cycle {
	display: grid;
	margin: 0;
	padding: 0;
	grid-column: 7 / -1;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--card-gap);
	list-style: none;
}

.rent-club-experience__cycle-item {
	position: relative;
	display: grid;
	min-height: 240px;
	padding: var(--wp--preset--spacing--card-inset-compact);
	grid-template-columns: 1fr auto;
	grid-template-rows: auto 1fr;
	gap: var(--wp--preset--spacing--card-gap);
	border-radius: calc(var(--rent-club-radius) * 0.66);
	background: var(--wp--preset--color--secondary-10);
	color: var(--wp--preset--color--secondary-100);
	overflow: hidden;
}

.rent-club-experience__cycle-item--purple {
	background: var(--wp--preset--color--purple-60);
}

.rent-club-experience__cycle-item--orange {
	background: var(--wp--preset--color--orange-60);
}

.rent-club-experience__cycle-item--light {
	background: var(--wp--preset--color--secondary-0);
}

.rent-club-experience__cycle-item img {
	position: absolute;
	right: -5%;
	bottom: -10%;
	width: 44%;
	height: auto;
	border-radius: 50%;
	aspect-ratio: 1;
	object-fit: cover;
	opacity: 0.94;
}

.rent-club-experience__cycle-item > span,
.rent-club-experience__cycle-item > strong {
	position: relative;
	z-index: 1;
}

.rent-club-experience__cycle-item > span {
	font-size: var(--wp--preset--font-size--label-compact);
	font-weight: 600;
	letter-spacing: 0.08em;
}

.rent-club-experience__cycle-item > strong {
	max-width: 72%;
	align-self: end;
	font-family: Onest, sans-serif;
	font-size: var(--wp--preset--font-size--heading-md);
	hyphens: auto;
	line-height: 1.12;
	overflow-wrap: break-word;
}

.rent-club-experience__conclusion {
	margin: var(--wp--preset--spacing--card-gap-large) 0 0;
	grid-column: 7 / span 5;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--text-md);
	line-height: 1.52;
}

.rent-club-hero {
	position: relative;
	display: grid;
	min-height: calc(100svh - 96px);
	align-items: end;
	padding: clamp(120px, 12vw, 280px) 0 clamp(72px, 8vw, 180px);
	background: var(--wp--preset--color--secondary-100);
	overflow: hidden;
}

.rent-club-hero::after {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: var(--wp--preset--color--secondary-100);
	content: "";
	opacity: 0.9;
	pointer-events: none;
}

.rent-club-hero__content {
	position: relative;
	z-index: 2;
}

.rent-club-hero__title {
	max-width: 12em;
	color: var(--wp--preset--color--secondary-0);
}

.rent-club-hero__description {
	color: var(--wp--preset--color--secondary-20);
}

.rent-club-hero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	border-radius: 0;
	aspect-ratio: auto;
}

.rent-club-hero__video {
	object-position: center 42%;
}

.rent-club-goals {
	min-height: 0;
	padding: clamp(96px, 9vw, 220px) 0;
	background: var(--wp--preset--color--secondary-5);
	color: var(--wp--preset--color--secondary-100);
	overflow: clip;
}

.rent-club-goals__shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--card-gap-large);
}

.rent-club-goals__intro {
	grid-column: 1;
	display: grid;
	width: 100%;
	grid-template-columns: var(--rent-club-grid-template);
	column-gap: var(--rent-club-grid-gap);
	row-gap: var(--wp--preset--spacing--card-gap);
}

.rent-club-goals__intro > .rent-club-section-label {
	grid-column: 1 / -1;
}

.rent-club-goals__title {
	grid-column: 1 / span 7;
	max-width: 11em;
}

.rent-club-goals__lead {
	grid-column: 9 / -1;
}

.rent-club-goals__description {
	max-width: none;
}

.rent-club-goals__meta {
	width: max-content;
	max-width: 100%;
	margin: var(--wp--preset--spacing--card-gap) 0 0;
	padding:
		var(--wp--preset--spacing--media-inset)
		var(--wp--preset--spacing--card-gap);
	border-radius: 1000px;
	background: var(--wp--preset--color--purple-20);
	color: var(--wp--preset--color--secondary-100);
	font-size: var(--wp--preset--font-size--label-compact);
	font-weight: 600;
	line-height: 1.3;
	text-transform: none;
}

.rent-club-goals__stage {
	width: 100%;
	height: auto;
	padding: var(--wp--preset--spacing--card-inset);
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--card-gap);
	border-radius: var(--rent-club-radius);
	background: var(--wp--preset--color--secondary-0);
	overflow: visible;
}

.rent-club-goals__wheel-panel {
	grid-column: 1;
}

@media (min-width: 1280px) and (prefers-reduced-motion: no-preference) {

	.rent-club-goals__scroll-scene {
		min-height: 280svh;
	}

	.rent-club-goals__stage {
		height: 100svh;
	}

	.rent-club-goals__wheel {
		max-width: calc(100svh - clamp(88px, 7vw, 136px));
	}
}

@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {

	/* Keep the balance wheel in view while the goal list advances below it. */
	.rent-club-goals {
		overflow: clip;
	}

	.rent-club-goals__wheel {
		position: relative;
	}

	.rent-club-goals__wheel-chart {
		position: sticky;
		top: calc(var(--rentclub-admin-offset, 0px) + var(--rent-club-header-offset) + var(--rent-club-header-content-height) + (2 * var(--rent-club-header-padding)) + 12px);
		z-index: 4;
		width: min(calc(100% + 48px), 420px);
		margin-right: -24px;
		margin-left: -24px;
		isolation: isolate;
		transform: none;
	}

	.rent-club-goals__wheel-chart::before {
		position: absolute;
		z-index: -1;
		inset: -16px 0 -24px;
		border-radius: 24px;
		background: var(--wp--preset--color--secondary-0);
		box-shadow: 0 16px 24px rgb(35 31 48 / 8%);
		content: "";
		pointer-events: none;
	}

	.rent-club-goals__domains {
		position: relative;
		z-index: 1;
	}
}

.rent-club-goals__steps {
	display: grid;
	margin: 0;
	padding: 0;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--card-gap);
	list-style: none;
}

.rent-club-goals__step {
	grid-column: span 2;
	position: relative;
	display: flex;
	min-height: 280px;
	flex-direction: column;
	gap: var(--wp--preset--spacing--card-gap-large);
	padding: var(--wp--preset--spacing--card-inset-compact);
	border-radius: calc(var(--rent-club-radius) * 0.66);
	background: var(--wp--preset--color--secondary-100);
	color: var(--wp--preset--color--secondary-0);
	overflow: hidden;
}

.rent-club-goals__step > span {
	display: grid;
	width: 48px;
	height: 48px;
	place-items: center;
	border-radius: 50%;
	background: var(--wp--preset--color--orange-100);
	color: var(--wp--preset--color--secondary-100);
	font-size: var(--wp--preset--font-size--label);
	font-weight: 600;
}

.rent-club-goals__step > strong {
	position: relative;
	z-index: 2;
	font-family: Onest, sans-serif;
	font-size: var(--wp--preset--font-size--heading-md);
	font-weight: 600;
	line-height: 1.12;
}

.rent-club-goals__step:nth-last-child(-n + 2) {
	grid-column: span 3;
}

.rent-club-goals__step--finale {
	padding-right: 45%;
}

.rent-club-goals__step--finale img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 44%;
	height: 90%;
	object-fit: contain;
	object-position: right bottom;
}

.rent-club-goals__finale {
	position: relative;
	margin: 0;
	overflow: hidden;
	border-radius: var(--rent-club-radius);
	background: var(--wp--preset--color--secondary-100);
	aspect-ratio: 16 / 8;
}

.rent-club-goals__finale img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rent-club-goals__finale figcaption {
	position: absolute;
	right: var(--wp--preset--spacing--card-inset);
	bottom: var(--wp--preset--spacing--card-inset);
	left: var(--wp--preset--spacing--card-inset);
	color: var(--wp--preset--color--secondary-0);
	font-size: var(--wp--preset--font-size--text-lg);
	font-weight: 600;
	line-height: 1.3;
}

.rent-club-reviews {
	min-height: 0;
	padding: clamp(96px, 9vw, 220px) 0;
}

.rent-club-reviews__header > .rent-club-section-label {
	grid-column: 1 / -1;
	margin-bottom: var(--wp--preset--spacing--card-gap-large);
	color: var(--wp--preset--color--purple-40);
}

.rent-club-reviews__description {
	grid-column: 9 / -1;
	align-self: end;
}

.rent-club-reviews__media {
	height: auto;
	flex: 0 0 auto;
	aspect-ratio: 16 / 9;
}

.js .rent-club-reviews[data-view="slider"] .rent-club-reviews__card {
	height: auto;
	min-height: 0;
}

.js .rent-club-reviews[data-view="slider"] .rent-club-reviews__media {
	height: auto;
	flex: 0 0 auto;
	aspect-ratio: 16 / 9;
}

.rent-club-reviews__card-content {
	min-height: 0;
}

.rent-club-reviews__slider-controls {
	display: none;
}

.js .rent-club-reviews__slider-controls {
	display: block;
}

.rent-club-reviews__cta {
	display: grid;
	margin-top: var(--wp--preset--spacing--card-gap-large);
	grid-template-columns: var(--rent-club-grid-template);
	gap: var(--rent-club-grid-gap);
	align-items: center;
}

.rent-club-reviews__cta > .wp-block-button {
	grid-column: 1 / span 4;
}

.rent-club-reviews__cta > p {
	grid-column: 6 / span 5;
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--text-md);
	line-height: 1.45;
}

@media (max-width: 1023px) {

	.rent-club-experience__content {
		grid-template-columns: minmax(0, 1fr);
	}

	.rent-club-experience__copy,
	.rent-club-experience__cycle,
	.rent-club-experience__conclusion {
		grid-column: 1;
	}

	.rent-club-experience__cycle {
		margin-top: var(--wp--preset--spacing--card-gap-large);
	}

	.rent-club-goals__intro {
		grid-template-columns: minmax(0, 1fr);
	}

	.rent-club-goals__intro > .rent-club-section-label,
	.rent-club-goals__title,
	.rent-club-goals__lead {
		grid-column: 1;
	}

	.rent-club-goals__steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rent-club-goals__step,
	.rent-club-goals__step:nth-last-child(-n + 2) {
		grid-column: auto;
	}

	.rent-club-goals__step--finale {
		grid-column: 1 / -1 !important;
	}

	.rent-club-reviews__header {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--wp--preset--spacing--card-gap-large);
	}

	.rent-club-reviews__header > .rent-club-section-label,
	.rent-club-reviews__title,
	.rent-club-reviews__description {
		grid-column: 1;
	}

	.rent-club-reviews__cta > .wp-block-button {
		grid-column: 1 / span 6;
	}

	.rent-club-reviews__cta > p {
		grid-column: 7 / -1;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {

	.rent-club-hero__offer {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--wp--preset--spacing--card-gap-large);
	}

	.rent-club-hero__description,
	.rent-club-hero__actions {
		grid-column: 1 / -1;
	}

	.rent-club-hero__actions {
		justify-self: start;
	}

	.rent-club-hero__title br,
	.rent-club-hero__description br {
		display: none;
	}
}

@media (max-width: 767px) {

	:root {
		--rent-club-grid-gutter: 24px;
		--wp--preset--spacing--grid-gutter: 24px;
	}

	.rent-club-hero {
		min-height: calc(100svh - 72px);
		padding: 120px 0 56px;
	}

	.rent-club-hero::after {
		background: var(--wp--preset--color--secondary-100);
		opacity: 0.9;
	}

	.rent-club-hero__content {
		width: var(--rent-club-content-width);
	}

	.rent-club-hero__title {
		font-size: min(var(--wp--preset--font-size--display), 8.5vw);
		overflow-wrap: normal;
		word-break: normal;
		hyphens: none;
	}

	.rent-club-hero__description {
		font-size: var(--wp--preset--font-size--text-md);
	}

	.rent-club-hero__media {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		margin: 0;
		border-radius: 0;
	}

	.rent-club-hero__video {
		object-position: 58% center;
	}

	.rent-club-experience__cycle {
		grid-template-columns: minmax(0, 1fr);
	}

	.rent-club-experience__cycle-item {
		min-height: 220px;
	}

	.rent-club-goals__steps {
		grid-template-columns: minmax(0, 1fr);
	}

	.rent-club-goals__step {
		min-height: 0;
	}

	.rent-club-goals__step--finale {
		grid-column: 1;
		min-height: 360px;
		padding-right: var(--wp--preset--spacing--card-inset-compact);
	}

	.rent-club-goals__step--finale > strong {
		max-width: none;
	}

	.rent-club-goals__step--finale img {
		position: relative;
		display: block;
		right: 0;
		width: 62%;
		height: auto;
		margin: 12px 0 calc(-1 * var(--wp--preset--spacing--card-inset-compact)) auto;
	}

	.rent-club-goals__finale {
		aspect-ratio: 4 / 5;
	}

	.rent-club-goals__finale img {
		object-position: 50% center;
	}

	.rent-club-reviews__card-content {
		min-height: 0;
	}

	.rent-club-reviews__cta {
		grid-template-columns: minmax(0, 1fr);
	}

	.rent-club-reviews__cta > .wp-block-button,
	.rent-club-reviews__cta > p {
		grid-column: 1;
	}

	.rent-club-blog__viewport {
		overflow: visible;
		padding-bottom: 0;
	}

	.rent-club-blog__track {
		grid-template-columns: minmax(0, 1fr);
	}

	.rent-club-blog__card {
		grid-column: 1;
	}
}

.rent-club-video-open {
	overflow: hidden;
}

.rent-club-review-player {
	width: min(960px, calc(100vw - 32px), calc((100dvh - 96px) * 16 / 9));
	max-height: 90dvh;
	box-sizing: border-box;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--secondary-0);
}

.rent-club-review-player::backdrop {
	background: var(--wp--preset--color--secondary-100);
	opacity: 0.85;
}

.rent-club-review-player__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: var(--wp--preset--spacing--card-gap);
	margin-bottom: 8px;
}

.rent-club-review-player__close {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--rc-paper, #fffdf6);
	color: var(--rc-paper-ink, #171719);
	cursor: pointer;
}

.rent-club-review-player__close:focus-visible,
.rent-club-reviews__play:focus-visible {
	outline: 2px solid var(--wp--preset--color--purple-100);
	outline-offset: -4px;
}

.rent-club-reviews__play {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	touch-action: pan-x pan-y;
}

.rent-club-reviews__play-icon {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	width: 60px;
	height: 60px;
	margin: auto;
	border: 1px solid rgb(23 23 25 / 12%);
	border-radius: 50%;
	background: var(--rc-paper, #fffdf6);
	color: var(--rc-paper-ink, #171719);
	transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1);
}

.rent-club-reviews__play:active .rent-club-reviews__play-icon { transform: scale(0.95); }

@media (hover: hover) and (pointer: fine) {
	.rent-club-reviews__play:hover .rent-club-reviews__play-icon { transform: scale(1.06); }
}

@media (prefers-reduced-motion: reduce) {
	.rent-club-reviews__play-icon { transition: none; }
}

@media (max-width: 767px) {
	.js .rent-club-reviews[data-mobile-swipe="true"] .rent-club-reviews__viewport {
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		overscroll-behavior-x: contain;
		scrollbar-width: none;
	}
	.js .rent-club-reviews[data-mobile-swipe="true"] .rent-club-reviews__viewport::-webkit-scrollbar { display: none; }
	.js .rent-club-reviews[data-mobile-swipe="true"] .rent-club-reviews__track {
		display: flex;
		gap: 12px;
	}
	.js .rent-club-reviews[data-mobile-swipe="true"] .rent-club-reviews__card {
		flex: 0 0 88%;
		width: 88%;
		scroll-snap-align: start;
		scroll-snap-stop: always;
	}
	.js .rent-club-reviews[data-mobile-swipe="true"] .rent-club-reviews__track::after {
		content: "";
		flex: 0 0 calc(12% - 12px);
		order: 9999;
	}
}

.rent-club-review-player__toolbar a {
	color: inherit;
	text-underline-offset: 0.2em;
}

.rent-club-review-player__frame {
	aspect-ratio: 16 / 9;
}

.rent-club-review-player__frame iframe,
.rent-club-review-player__frame video {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: var(--wp--preset--color--secondary-100);
}

.rent-club-knowledge__viewport--animated .rent-club-knowledge__intro {
	padding-top: calc(var(--rent-club-header-offset) + var(--rent-club-header-content-height) + (2 * var(--rent-club-header-padding)) + var(--wp--preset--spacing--card-gap-large));
}

@media (max-width: 1279px) {

	.rent-club-experience__content {
		grid-template-columns: minmax(0, 1fr);
	}

	.rent-club-experience__copy,
	.rent-club-experience__cycle,
	.rent-club-experience__conclusion {
		grid-column: 1;
	}
}

@media (min-width: 1024px) and (max-width: 1279px) {

	.js .rent-club-reviews[data-view="slider"] .rent-club-reviews__card {
		grid-column: span 6;
	}
}

@media (max-width: 767px) {

	.rent-club-process__intro {
		grid-template-columns: minmax(0, 1fr);
	}

	.rent-club-process__title {
		font-size: clamp(28px, 8.2vw, var(--wp--preset--font-size--heading-lg));
	}

	.js .rent-club-reviews__slider-controls {
		position: relative;
		display: flex;
		width: var(--rent-club-content-width);
		margin: var(--wp--preset--spacing--card-gap) auto 0;
		justify-content: space-between;
	}

	.rent-club-reviews__arrow:first-child,
	.rent-club-reviews__arrow:last-child {
		position: relative;
		inset: auto;
		transform: none;
	}

	.rent-club-goals__wheel-chart {
		width: 100%;
		margin: 0;
	}
}
