body.xks-experience-single-template {
	background: var(--xks-color-surface);
	padding-bottom: 4.35rem;
}

body.xks-experience-single-template .xks-site-header {
	position: absolute;
	right: 0;
	left: 0;
	border-bottom-color: transparent;
	background: transparent;
	backdrop-filter: none;
}

body.xks-experience-single-template .xks-site-branding__name,
body.xks-experience-single-template .xks-primary-nav a {
	color: var(--xks-color-white);
	text-shadow: 0 0.12rem 0.65rem rgba(0, 0, 0, 0.24);
}

body.xks-experience-single-template .xks-site-header__actions > .xks-button {
	background: var(--xks-color-yellow);
	color: var(--xks-color-charcoal);
	text-shadow: none;
}

body.xks-experience-single-template .xks-menu-toggle {
	border-color: rgba(255, 255, 255, 0.35);
	background: rgba(255, 255, 255, 0.14);
	color: var(--xks-color-white);
	backdrop-filter: blur(12px);
}

body.xks-experience-single-template--yoga .xks-site-header {
	position: fixed;
	border-bottom-color: rgba(189, 200, 204, 0.28);
	background: rgba(246, 250, 252, 0.94);
	backdrop-filter: blur(18px);
}

body.xks-experience-single-template--yoga .xks-site-branding__name,
body.xks-experience-single-template--yoga .xks-primary-nav a {
	color: var(--xks-color-charcoal);
	text-shadow: none;
}

body.xks-experience-single-template--yoga .xks-menu-toggle {
	border-color: rgba(110, 121, 125, 0.38);
	background: rgba(255, 255, 255, 0.68);
	color: var(--xks-color-charcoal);
}

body.xks-experience-single-template--snorkeling .xks-site-header,
body.xks-experience-single-template--massage .xks-site-header {
	position: fixed;
	border-bottom-color: rgba(189, 200, 204, 0.28);
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(18px);
}

body.xks-experience-single-template--snorkeling .xks-site-branding__name,
body.xks-experience-single-template--snorkeling .xks-primary-nav a,
body.xks-experience-single-template--massage .xks-site-branding__name,
body.xks-experience-single-template--massage .xks-primary-nav a {
	color: var(--xks-color-charcoal);
	text-shadow: none;
}

body.xks-experience-single-template--snorkeling .xks-menu-toggle,
body.xks-experience-single-template--massage .xks-menu-toggle {
	border-color: rgba(110, 121, 125, 0.38);
	background: rgba(255, 255, 255, 0.68);
	color: var(--xks-color-charcoal);
}

.xks-experience-single {
	overflow: hidden;
	background: var(--xks-color-surface);
}

body.xks-experience-single-template--yoga .xks-experience-single {
	padding-top: 4.5rem;
}

body.xks-experience-single-template--snorkeling .xks-experience-single,
body.xks-experience-single-template--massage .xks-experience-single {
	padding-top: 4.5rem;
}

.xks-experience-single .xks-icon {
	width: 1.15em;
	height: 1.15em;
	flex: 0 0 auto;
}

.xks-experience-detail-desktop,
.xks-experience-detail-hero__desktop,
.xks-experience-detail-desktop-link {
	display: none;
}

.xks-experience-detail-mobile,
.xks-experience-detail-hero__mobile {
	display: inline;
}

.xks-experience-detail-mobile-link {
	display: inline-flex;
}

.xks-experience-detail-section {
	padding-block: 3.5rem;
}

.xks-experience-detail-hero {
	position: relative;
	display: grid;
	min-height: 100svh;
	align-items: end;
	overflow: hidden;
	color: var(--xks-color-white);
}

.xks-experience-detail-hero picture,
.xks-experience-detail-hero__image,
.xks-experience-detail-hero__overlay {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.xks-experience-detail-hero__image {
	object-fit: cover;
	object-position: center;
}

.xks-experience-detail-hero__overlay {
	background:
		linear-gradient(180deg, rgba(23, 28, 30, 0.12), rgba(23, 28, 30, 0.18) 32%, rgba(23, 28, 30, 0.78)),
		linear-gradient(90deg, rgba(0, 101, 119, 0.1), rgba(23, 28, 30, 0.12));
}

.xks-experience-detail-hero__content {
	position: relative;
	z-index: 1;
	display: flex;
	max-width: 35rem;
	flex-direction: column;
	align-items: flex-start;
	padding-block: 8rem 4.25rem;
}

.xks-experience-detail-hero h1 {
	max-width: 12ch;
	margin-bottom: var(--xks-space-4);
	color: var(--xks-color-white);
	font-size: 2.7rem;
	line-height: 1.02;
	text-wrap: balance;
}

.xks-experience-detail-hero p {
	max-width: 22rem;
	margin-bottom: var(--xks-space-5);
	color: rgba(255, 255, 255, 0.9);
	font-size: var(--xks-size-body);
	font-weight: 600;
	line-height: 1.6;
}

.xks-experience-detail-hero .xks-button {
	gap: var(--xks-space-2);
	min-height: 3rem;
	border-radius: var(--xks-radius-base);
	padding-inline: var(--xks-space-5);
}

.xks-experience-single--yoga-meditation .xks-experience-detail-hero {
	min-height: calc(100svh - 4.5rem);
}

.xks-experience-single--yoga-meditation .xks-experience-detail-hero__overlay {
	background:
		linear-gradient(180deg, rgba(23, 28, 30, 0.06), rgba(23, 28, 30, 0.16) 35%, rgba(23, 28, 30, 0.78)),
		linear-gradient(90deg, rgba(70, 100, 53, 0.12), rgba(23, 28, 30, 0.08));
}

.xks-experience-single--snorkeling .xks-experience-detail-hero,
.xks-experience-single--massage-wellness .xks-experience-detail-hero {
	min-height: 33.125rem;
}

.xks-experience-single--snorkeling .xks-experience-detail-hero__overlay {
	background: linear-gradient(180deg, rgba(23, 28, 30, 0.05), rgba(23, 28, 30, 0.2) 35%, rgba(23, 28, 30, 0.8));
}

.xks-experience-single--snorkeling .xks-experience-detail-hero h1 {
	max-width: 11ch;
}

.xks-experience-single--massage-wellness .xks-experience-detail-hero {
	align-items: end;
	text-align: center;
}

.xks-experience-single--massage-wellness .xks-experience-detail-hero__overlay {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.45) 45%, rgba(255, 255, 255, 0.92));
}

.xks-experience-single--massage-wellness .xks-experience-detail-hero__content {
	align-items: center;
	max-width: 28rem;
	margin-inline: auto;
	padding-block: 13rem 3.5rem;
}

.xks-experience-single--massage-wellness .xks-experience-detail-hero h1 {
	color: var(--xks-color-primary);
}

.xks-experience-single--massage-wellness .xks-experience-detail-hero p {
	margin-bottom: 0;
	color: var(--xks-color-muted);
	text-shadow: none;
}

.xks-experience-detail-overview {
	display: none;
}

.xks-experience-detail-levels {
	background: var(--xks-color-surface);
}

.xks-experience-detail-section-head {
	max-width: 27rem;
	margin-bottom: var(--xks-space-6);
}

.xks-experience-detail-section-head h2 {
	margin-bottom: var(--xks-space-3);
	color: var(--xks-color-primary);
	font-size: 2rem;
	line-height: var(--xks-line-heading);
}

.xks-experience-detail-section-head p {
	margin: 0;
	color: var(--xks-color-muted);
	font-size: var(--xks-size-body);
	line-height: 1.65;
}

.xks-experience-detail-level-grid {
	display: grid;
	gap: var(--xks-space-4);
}

.xks-experience-single--snorkeling .xks-experience-detail-level-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.xks-experience-detail-level-card {
	display: grid;
	gap: var(--xks-space-3);
	border: 1px solid rgba(189, 200, 204, 0.5);
	border-radius: var(--xks-radius-xl);
	background: var(--xks-color-white);
	padding: var(--xks-space-5);
	box-shadow: 0 0.4rem 1.5rem rgba(0, 101, 119, 0.05);
}

.xks-experience-detail-level-card--desktop {
	display: none;
}

.xks-experience-detail-level-card__icon {
	display: grid;
	width: 3rem;
	height: 3rem;
	place-items: center;
	border-radius: var(--xks-radius-full);
	background: rgba(172, 237, 255, 0.52);
	color: var(--xks-color-primary);
}

.xks-experience-detail-level-card__icon .xks-icon {
	width: 1.45rem;
	height: 1.45rem;
}

.xks-experience-detail-level-card h3 {
	margin: 0;
	font-family: var(--xks-font-body);
	font-size: 1rem;
	font-weight: 800;
}

.xks-experience-detail-level-card p {
	margin: 0;
	color: var(--xks-color-muted);
	font-size: var(--xks-size-label);
	line-height: 1.65;
}

.xks-experience-detail-level-card strong {
	display: none;
}

.xks-experience-detail-note {
	display: flex;
	gap: var(--xks-space-4);
	margin-top: var(--xks-space-6);
	border-left: 0.25rem solid var(--xks-color-primary);
	border-radius: var(--xks-radius-xl);
	background: var(--xks-color-surface-low);
	padding: var(--xks-space-5);
}

.xks-experience-detail-note__icon {
	color: var(--xks-color-primary);
}

.xks-experience-detail-note h3 {
	margin: 0 0 var(--xks-space-1);
	font-family: var(--xks-font-body);
	font-size: var(--xks-size-label);
}

.xks-experience-detail-note p {
	margin: 0;
	color: var(--xks-color-muted);
	font-size: var(--xks-size-label);
	line-height: 1.6;
}

.xks-experience-detail-rhythm {
	background: var(--xks-color-white);
	padding-block: 2.75rem;
}

.xks-experience-detail-rhythm h2 {
	margin-bottom: var(--xks-space-5);
	color: var(--xks-color-primary);
	font-size: 2rem;
}

.xks-experience-detail-rhythm__timeline {
	display: grid;
	border-left: 2px solid rgba(189, 200, 204, 0.65);
	margin-left: 0.55rem;
	padding-left: var(--xks-space-5);
}

.xks-experience-detail-rhythm__item {
	position: relative;
	padding-bottom: var(--xks-space-6);
}

.xks-experience-detail-rhythm__item:last-child {
	padding-bottom: 0;
}

.xks-experience-detail-rhythm__item::before {
	position: absolute;
	top: 0.15rem;
	left: calc((var(--xks-space-5) * -1) - 0.47rem);
	width: 0.75rem;
	height: 0.75rem;
	border: 2px solid var(--xks-color-white);
	border-radius: var(--xks-radius-full);
	background: var(--xks-color-outline-soft);
	content: "";
}

.xks-experience-detail-rhythm__item.is-active::before {
	background: var(--xks-color-primary);
}

.xks-experience-detail-rhythm__item h3 {
	margin-bottom: var(--xks-space-2);
	font-family: var(--xks-font-body);
	font-size: var(--xks-size-label);
	font-weight: 800;
}

.xks-experience-detail-rhythm__item p {
	margin: 0;
	color: var(--xks-color-muted);
	font-size: var(--xks-size-label);
	line-height: 1.6;
}

.xks-experience-detail-cta {
	background: var(--xks-color-white);
	padding-block: 0 3rem;
}

.xks-experience-detail-cta__panel {
	display: grid;
	gap: var(--xks-space-5);
}

.xks-experience-detail-cta__panel h2,
.xks-experience-detail-cta__panel p {
	display: none;
}

.xks-experience-detail-cta__actions {
	display: grid;
	gap: var(--xks-space-3);
}

.xks-experience-detail-cta__actions .xks-button {
	width: 100%;
	gap: var(--xks-space-2);
	min-height: 3.15rem;
	border-radius: var(--xks-radius-base);
}

.xks-experience-detail-cta--mobile-only {
	background: var(--xks-color-surface);
	padding-top: 2rem;
}

.xks-experience-detail-cta--mobile-sticky {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 92;
	background: rgba(255, 255, 255, 0.97);
	padding: var(--xks-space-4);
	box-shadow: 0 -0.4rem 1.5rem rgba(23, 28, 30, 0.08);
	backdrop-filter: blur(16px);
}

.xks-experience-detail-cta--mobile-sticky .xks-container {
	padding: 0;
}

.xks-experience-detail-cta--mobile-sticky .xks-experience-detail-cta__panel {
	display: block;
}

.xks-experience-detail-cta--mobile-sticky .xks-experience-detail-cta__actions {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.xks-experience-detail-cta--mobile-sticky .xks-experience-detail-mobile-link {
	order: -1;
}

.xks-experiences-dock {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 90;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: center;
	border-radius: var(--xks-radius-xl) var(--xks-radius-xl) 0 0;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 -0.5rem 2rem rgba(23, 28, 30, 0.08);
	backdrop-filter: blur(16px);
}

.xks-experiences-dock a {
	display: grid;
	gap: 0.25rem;
	justify-items: center;
	min-width: 0;
	padding: 0.55rem 0.35rem 0.7rem;
	color: var(--xks-color-muted);
	font-size: 0.68rem;
	font-weight: 800;
	line-height: 1.1;
	text-align: center;
	text-decoration: none;
}

.xks-experiences-dock a.is-active {
	border-radius: var(--xks-radius-full);
	background: rgba(245, 201, 74, 0.32);
	color: var(--xks-color-yellow-deep);
	margin-inline: 0.2rem;
}

.xks-experiences-dock a:hover {
	color: var(--xks-color-primary);
}

.xks-experiences-dock .xks-icon {
	width: 1.25rem;
	height: 1.25rem;
}

@media (min-width: 48rem) {
	body.xks-experience-single-template {
		padding-bottom: 0;
	}

	body.xks-experience-single-template--yoga .xks-experience-single {
		padding-top: 0;
	}

	body.xks-experience-single-template--yoga .xks-site-header {
		position: absolute;
		border-bottom-color: transparent;
		background: transparent;
		backdrop-filter: none;
	}

	body.xks-experience-single-template--yoga .xks-site-branding__name,
	body.xks-experience-single-template--yoga .xks-primary-nav a {
		color: var(--xks-color-charcoal);
	}

	body.xks-experience-single-template--snorkeling .xks-experience-single,
	body.xks-experience-single-template--massage .xks-experience-single {
		padding-top: 4.5rem;
	}

	.xks-experience-detail-mobile,
	.xks-experience-detail-hero__mobile,
	.xks-experience-detail-mobile-link {
		display: none;
	}

	.xks-experience-detail-desktop,
	.xks-experience-detail-hero__desktop {
		display: inline;
	}

	.xks-experience-detail-desktop-link {
		display: inline-flex;
	}

	.xks-experience-detail-section {
		padding-block: 6rem;
	}

	.xks-experience-detail-hero {
		min-height: 51rem;
		place-items: center;
		text-align: center;
	}

	.xks-experience-detail-hero__overlay {
		background:
			linear-gradient(180deg, rgba(23, 28, 30, 0.16), rgba(23, 28, 30, 0.2) 45%, rgba(23, 28, 30, 0.42)),
			linear-gradient(90deg, rgba(0, 101, 119, 0.12), rgba(23, 28, 30, 0.08));
	}

	.xks-experience-detail-hero__content {
		align-items: center;
		max-width: 58rem;
		padding-block: 9rem 6rem;
	}

	.xks-experience-detail-hero h1 {
		max-width: 15ch;
		margin-bottom: var(--xks-space-5);
		font-size: 4.8rem;
	}

	.xks-experience-detail-hero p {
		max-width: 45rem;
		margin-bottom: var(--xks-space-6);
		font-size: var(--xks-size-body-lg);
		text-shadow: 0 0.12rem 0.7rem rgba(0, 0, 0, 0.22);
	}

	.xks-experience-single--yoga-meditation .xks-experience-detail-hero {
		min-height: 51.1875rem;
	}

	.xks-experience-single--yoga-meditation .xks-experience-detail-hero__overlay {
		background:
			linear-gradient(180deg, rgba(246, 250, 252, 0.04), rgba(246, 250, 252, 0.28) 44%, rgba(246, 250, 252, 0.9)),
			linear-gradient(90deg, rgba(70, 100, 53, 0.1), rgba(0, 101, 119, 0.05));
	}

	.xks-experience-single--yoga-meditation .xks-experience-detail-hero h1 {
		color: var(--xks-color-primary);
	}

	.xks-experience-single--yoga-meditation .xks-experience-detail-hero p {
		color: var(--xks-color-muted);
		text-shadow: none;
	}

	.xks-experience-single--snorkeling .xks-experience-detail-hero,
	.xks-experience-single--massage-wellness .xks-experience-detail-hero {
		min-height: 44.75rem;
	}

	.xks-experience-single--snorkeling .xks-experience-detail-hero__overlay {
		background:
			linear-gradient(180deg, rgba(23, 28, 30, 0.05), rgba(23, 28, 30, 0.18) 45%, rgba(23, 28, 30, 0.52)),
			linear-gradient(90deg, rgba(0, 101, 119, 0.1), rgba(23, 28, 30, 0.06));
	}

	.xks-experience-single--massage-wellness .xks-experience-detail-hero__content {
		max-width: 54rem;
		padding-block: 8rem 6rem;
	}

	.xks-experience-single--massage-wellness .xks-experience-detail-hero h1 {
		max-width: 18ch;
		color: var(--xks-color-white);
		text-shadow: 0 0.12rem 0.7rem rgba(0, 0, 0, 0.22);
	}

	.xks-experience-single--massage-wellness .xks-experience-detail-hero p {
		color: var(--xks-color-white);
		font-family: var(--xks-font-heading);
		font-size: var(--xks-size-heading-sm);
		text-shadow: 0 0.12rem 0.7rem rgba(0, 0, 0, 0.18);
	}

	.xks-experience-detail-overview {
		display: block;
		background: var(--xks-color-white);
	}

	.xks-experience-detail-overview .xks-container {
		display: grid;
		grid-template-columns: minmax(0, 0.95fr) minmax(24rem, 1fr);
		gap: 5rem;
		align-items: center;
	}

	.xks-experience-detail-overview__copy {
		max-width: 36rem;
	}

	.xks-experience-detail-kicker {
		margin-bottom: var(--xks-space-3);
		color: var(--xks-color-primary);
		font-size: var(--xks-size-label);
		font-weight: 800;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.xks-experience-detail-overview h2 {
		margin-bottom: var(--xks-space-5);
		color: var(--xks-color-charcoal);
		font-size: 3rem;
		line-height: var(--xks-line-heading);
	}

	.xks-experience-detail-prose {
		display: grid;
		gap: var(--xks-space-4);
	}

	.xks-experience-detail-prose p {
		margin: 0;
		color: var(--xks-color-muted);
		font-size: var(--xks-size-body-lg);
		line-height: 1.75;
	}

	.xks-experience-detail-overview__media {
		overflow: hidden;
		aspect-ratio: 1 / 1;
		margin: 0;
		border-radius: var(--xks-radius-xl);
		box-shadow: 0 1.25rem 3rem rgba(0, 101, 119, 0.1);
	}

	.xks-experience-detail-overview__media img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.xks-experience-single--massage-wellness .xks-experience-detail-overview .xks-container {
		display: block;
		max-width: 48rem;
		text-align: center;
	}

	.xks-experience-single--massage-wellness .xks-experience-detail-overview__copy {
		max-width: none;
	}

	.xks-experience-single--massage-wellness .xks-experience-detail-overview__media {
		display: none;
	}

	.xks-experience-detail-levels {
		background: var(--xks-color-surface-low);
	}

	.xks-experience-detail-section-head {
		max-width: 48rem;
		margin-inline: auto;
		margin-bottom: var(--xks-space-7);
		text-align: center;
	}

	.xks-experience-detail-section-head h2 {
		font-size: 3rem;
	}

	.xks-experience-detail-section-head p {
		font-size: var(--xks-size-body-lg);
	}

	.xks-experience-detail-level-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--xks-space-5);
	}

	.xks-experience-single--snorkeling .xks-experience-detail-level-grid,
	.xks-experience-single--massage-wellness .xks-experience-detail-level-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.xks-experience-detail-level-card,
	.xks-experience-detail-level-card--desktop {
		display: grid;
	}

	.xks-experience-detail-level-card {
		align-content: start;
		min-height: 22rem;
		padding: var(--xks-space-6);
	}

	.xks-experience-detail-level-card h3 {
		font-size: var(--xks-size-heading-sm);
	}

	.xks-experience-detail-level-card p {
		font-size: var(--xks-size-body);
	}

	.xks-experience-detail-level-card strong {
		display: block;
		align-self: end;
		margin-top: var(--xks-space-3);
		color: var(--xks-color-primary);
		font-size: var(--xks-size-label);
	}

	.xks-experience-single--yoga-meditation .xks-experience-detail-levels {
		background: var(--xks-color-surface);
	}

	.xks-experience-single--yoga-meditation .xks-experience-detail-levels .xks-container {
		border-radius: var(--xks-radius-xl);
		background: var(--xks-color-surface-low);
		padding: var(--xks-space-8) var(--xks-space-6);
	}

	.xks-experience-single--snorkeling .xks-experience-detail-level-card,
	.xks-experience-single--massage-wellness .xks-experience-detail-level-card {
		min-height: 16rem;
		text-align: center;
		justify-items: center;
	}

	.xks-experience-detail-note {
		max-width: 52rem;
		margin-inline: auto;
	}

	.xks-experience-detail-rhythm {
		display: none;
	}

	.xks-experience-detail-cta {
		background: var(--xks-color-surface);
		padding-block: 5rem 6rem;
	}

	.xks-experience-detail-cta--mobile-only {
		display: none;
	}

	.xks-experience-detail-cta__panel {
		max-width: 56rem;
		margin-inline: auto;
		border-radius: var(--xks-radius-xl);
		background: var(--xks-color-primary);
		color: var(--xks-color-white);
		padding: 4rem;
		text-align: center;
		box-shadow: 0 1.25rem 3.5rem rgba(0, 101, 119, 0.18);
	}

	.xks-experience-detail-cta__panel h2,
	.xks-experience-detail-cta__panel p {
		display: block;
	}

	.xks-experience-detail-cta__panel h2 {
		margin-bottom: var(--xks-space-3);
		color: var(--xks-color-white);
		font-size: 2.7rem;
	}

	.xks-experience-detail-cta__panel p {
		max-width: 39rem;
		margin-inline: auto;
		color: rgba(255, 255, 255, 0.86);
		font-size: var(--xks-size-body-lg);
		line-height: 1.7;
	}

	.xks-experience-detail-cta__actions {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.xks-experience-detail-cta__actions .xks-button {
		width: auto;
		min-width: 12rem;
	}

	.xks-experience-detail-cta__actions .xks-button--secondary {
		border-color: rgba(255, 255, 255, 0.55);
		color: var(--xks-color-white);
	}

	.xks-experience-detail-cta__actions .xks-button--secondary:hover {
		border-color: var(--xks-color-white);
		background: rgba(255, 255, 255, 0.12);
		color: var(--xks-color-white);
	}

	.xks-experience-single--massage-wellness .xks-experience-detail-cta {
		background: var(--xks-color-white);
	}

	.xks-experience-single--massage-wellness .xks-experience-detail-cta__panel {
		border-radius: 0;
		background: transparent;
		color: var(--xks-color-charcoal);
		padding: 0;
		box-shadow: none;
	}

	.xks-experience-single--massage-wellness .xks-experience-detail-cta__panel h2 {
		color: var(--xks-color-primary);
	}

	.xks-experience-single--massage-wellness .xks-experience-detail-cta__panel p {
		color: var(--xks-color-muted);
	}

	.xks-experience-single--massage-wellness .xks-experience-detail-cta__actions .xks-button--secondary {
		border-color: var(--xks-color-outline-soft);
		color: var(--xks-color-charcoal);
	}

	.xks-experience-single--massage-wellness .xks-experience-detail-cta__actions .xks-button--secondary:hover {
		border-color: var(--xks-color-primary);
		background: var(--xks-color-surface-low);
		color: var(--xks-color-primary);
	}

	.xks-experiences-dock {
		display: none;
	}
}

@media (min-width: 64rem) {
	.xks-experience-detail-hero h1 {
		font-size: 5.4rem;
	}
}