.js body.lbn-is-explore {
	overflow: hidden;
	background: #11110f;
}

.lbn-explore,
.lbn-explore-stage,
.lbn-explore-scenes,
.lbn-explore-scene,
.lbn-explore-scene__link {
	width: 100%;
	min-height: 100svh;
}

.js .lbn-explore-stage {
	position: fixed;
	inset: 0;
	overflow: hidden;
	background: #11110f;
	isolation: isolate;
}

.js .lbn-explore-scenes {
	position: absolute;
	inset: 0;
}

.lbn-explore-stage::after {
	position: absolute;
	z-index: 12;
	inset: 0;
	pointer-events: none;
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E");
	background-size: 180px 180px;
	mix-blend-mode: soft-light;
	opacity: 0.045;
}

.lbn-explore-intro {
	position: fixed;
	z-index: 8;
	top: clamp(116px, 17vh, 178px);
	left: var(--lbn-gutter);
	width: min(680px, calc(100vw - (2 * var(--lbn-gutter))));
	margin: 0;
	color: var(--lbn-white);
	font-family: var(--lbn-sans);
	font-size: clamp(31px, 4.25vw, 68px);
	font-weight: 530;
	letter-spacing: -0.063em;
	line-height: 0.97;
	text-wrap: balance;
	text-shadow: 0 1px 24px rgba(8, 8, 7, 0.15);
}

.lbn-explore-scene {
	position: relative;
	overflow: hidden;
	background: #25231f;
	color: var(--lbn-white);
}

.js .lbn-explore-scene {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 1.3s ease, visibility 1.3s;
}

.js .lbn-explore-scene.is-active {
	z-index: 2;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.lbn-explore-scene__link {
	position: relative;
	display: block;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
}

.lbn-explore-scene__link:focus-visible {
	outline: 2px solid var(--lbn-white);
	outline-offset: -8px;
}

.lbn-explore-scene__backdrop {
	position: absolute;
	inset: -2%;
	overflow: hidden;
	background: #25231f;
}

.lbn-explore-scene__backdrop picture,
.lbn-explore-scene__backdrop img {
	display: block;
	width: 100%;
	height: 100%;
}

.lbn-explore-scene__backdrop img {
	max-width: none;
	object-fit: cover !important;
	object-position: var(--focus-desktop);
	filter: saturate(0.88) contrast(0.96);
	transform: scale(1.055);
}

.js .lbn-explore-scene.is-active .lbn-explore-scene__backdrop img {
	animation: lbn-explore-image-drift 8s ease both;
}

@keyframes lbn-explore-image-drift {
	from { transform: scale(1.055); }
	to { transform: scale(1.015); }
}

.lbn-explore-scene__veil {
	position: absolute;
	z-index: 2;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(11, 10, 8, 0.46) 0%, rgba(11, 10, 8, 0.08) 31%, rgba(11, 10, 8, 0.06) 52%, rgba(11, 10, 8, 0.67) 100%),
		linear-gradient(90deg, rgba(12, 11, 9, 0.31) 0%, transparent 58%),
		linear-gradient(125deg, rgba(95, 61, 37, 0.12), transparent 52%);
}

.lbn-explore-scene__copy {
	position: absolute;
	z-index: 4;
	left: var(--lbn-gutter);
	bottom: clamp(70px, 8.5vh, 106px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: min(760px, calc(100vw - (2 * var(--lbn-gutter))));
}

.lbn-explore-scene__eyebrow {
	display: flex;
	gap: 13px;
	align-items: center;
	margin-bottom: 10px;
	font-size: 10px;
	font-weight: 620;
	letter-spacing: 0.12em;
	line-height: 1.3;
	text-transform: uppercase;
}

.lbn-explore-scene__eyebrow > span {
	opacity: 0.68;
}

.lbn-explore-scene__copy h2 {
	max-width: 15ch;
	margin: 0;
	font-family: var(--lbn-sans);
	font-size: clamp(43px, 5.35vw, 86px);
	font-weight: 530;
	letter-spacing: -0.058em;
	line-height: 0.95;
	text-wrap: balance;
}

.lbn-explore-title-char {
	display: inline-block;
	visibility: hidden;
	opacity: 0;
	transform: translateY(0.12em);
}

.lbn-explore-title-char.is-visible {
	visibility: visible;
	animation: lbn-explore-character-in 360ms both;
}

.lbn-explore-title-word {
	display: inline-block;
	white-space: nowrap;
}

@keyframes lbn-explore-character-in {
	from { opacity: 0; transform: translateY(0.12em); }
	to { opacity: 1; transform: translateY(0); }
}

.lbn-explore-scene__description {
	max-width: 46ch;
	margin-top: 14px;
	font-size: clamp(13px, 1.1vw, 16px);
	line-height: 1.42;
}

.lbn-explore-scene__cta {
	display: inline-flex;
	gap: 11px;
	align-items: center;
	margin-top: 19px;
	padding-bottom: 3px;
	border-bottom: 1px solid rgba(247, 244, 237, 0.68);
	font-size: 10px;
	font-weight: 650;
	letter-spacing: 0.11em;
	line-height: 1.4;
	text-transform: uppercase;
	transition: border-color 220ms ease, gap 220ms ease;
}

.lbn-explore-scene__link:hover .lbn-explore-scene__cta,
.lbn-explore-scene__link:focus-visible .lbn-explore-scene__cta {
	gap: 16px;
	border-color: var(--lbn-white);
}

.lbn-explore-controls {
	position: fixed;
	z-index: 20;
	right: max(18px, env(safe-area-inset-right));
	bottom: max(18px, env(safe-area-inset-bottom));
	display: flex;
	gap: 10px;
	align-items: center;
	color: var(--lbn-white);
}

.lbn-explore-controls button {
	border: 0;
	color: inherit;
}

.lbn-explore-arrow,
.lbn-explore-pause {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border-radius: 50%;
	background: rgba(247, 244, 237, 0.54);
	color: #171613 !important;
	font-size: 21px;
	line-height: 1;
	backdrop-filter: blur(9px);
	transition: background 200ms ease, transform 200ms ease;
}

.lbn-explore-arrow:hover,
.lbn-explore-arrow:focus-visible,
.lbn-explore-pause:hover,
.lbn-explore-pause:focus-visible {
	background: rgba(247, 244, 237, 0.88);
	transform: scale(1.05);
}

.lbn-explore-pause {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: -0.09em;
}

.lbn-explore-dots {
	display: flex;
	gap: 0;
	align-items: center;
}

.lbn-explore-dots button {
	position: relative;
	display: grid;
	place-items: center;
	width: 28px;
	height: 32px;
	padding: 0;
	border-radius: 999px;
	background: transparent;
}

.lbn-explore-controls button:focus-visible {
	outline-width: 1px;
	outline-offset: 2px;
}

.lbn-explore-dots span {
	display: block;
	width: 12px;
	height: 1px;
	background: rgba(247, 244, 237, 0.54);
	transition: width 250ms ease, background 250ms ease;
}

.lbn-explore-dots button[aria-pressed="true"] span {
	width: 24px;
	background: var(--lbn-white);
}

.no-js body.lbn-is-explore {
	overflow: auto;
}

.no-js .lbn-explore-intro {
	position: absolute;
}

.no-js .lbn-explore-scene,
.no-js .lbn-explore-scene__link {
	min-height: 100svh;
}

.no-js .lbn-explore-controls {
	display: none;
}

@media (max-width: 760px) {
	.lbn-explore-intro {
		top: 92px;
		width: min(21ch, calc(100vw - (2 * var(--lbn-gutter))));
		font-size: clamp(27px, 8.1vw, 43px);
		line-height: 0.98;
	}

	.lbn-explore-scene__backdrop {
		top: -18%;
		bottom: 0;
		height: 118%;
	}

	.lbn-explore-scene__backdrop img {
		object-position: var(--focus-mobile);
	}

	.lbn-explore-scene__copy {
		bottom: calc(82px + env(safe-area-inset-bottom));
		width: calc(100vw - (2 * var(--lbn-gutter)));
	}

	.lbn-explore-scene__eyebrow {
		margin-bottom: 8px;
		font-size: 9px;
	}

	.lbn-explore-scene__copy h2 {
		max-width: 12ch;
		font-size: clamp(34px, 11vw, 54px);
		line-height: 0.96;
	}

	.lbn-explore-scene__description {
		max-width: 31ch;
		margin-top: 11px;
		font-size: 12px;
	}

	.lbn-explore-scene__cta {
		margin-top: 14px;
	}

	.lbn-explore-controls {
		right: max(8px, env(safe-area-inset-right));
		bottom: max(8px, env(safe-area-inset-bottom));
		gap: 3px;
	}

	.lbn-explore-arrow {
		display: none;
	}

	.lbn-explore-pause,
	.lbn-explore-dots button {
		width: 44px;
		height: 44px;
	}
}

@media (max-width: 390px) {
	.lbn-explore-intro {
		font-size: clamp(25px, 7.7vw, 32px);
	}

	.lbn-explore-scene__copy h2 {
		font-size: clamp(31px, 9.6vw, 42px);
	}

	.lbn-explore-scene__description {
		display: none;
	}
}

@media (max-height: 600px) and (orientation: landscape) {
	.lbn-explore-intro {
		top: 86px;
		width: 40vw;
		font-size: clamp(25px, 3.7vw, 45px);
	}

	.lbn-explore-scene__copy {
		bottom: 48px;
	}

	.lbn-explore-scene__copy h2 {
		font-size: clamp(34px, 5.4vw, 62px);
	}

	.lbn-explore-scene__description {
		display: none;
	}

	.lbn-explore-scene__cta {
		margin-top: 10px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.lbn-explore-scene,
	.lbn-explore-scene__backdrop img,
	.lbn-explore-title-char {
		animation: none !important;
		transform: none !important;
		transition: none !important;
	}
}