.ofd-xlfd-popup[hidden] { display: none !important; }

.ofd-xlfd-popup {
	--ofd-xlfd-accent: #ee7541;
	--ofd-xlfd-accent-rgb: 238,117,65;
	--ofd-xlfd-accent-contrast: #ffffff;
	--ofd-xlfd-accent-readable: #ee7541;
	--ofd-xlfd-photo-accent: #ee7541;
	--ofd-xlfd-ink-rgb: 23,23,23;
	--ofd-xlfd-pointer-x: 0px;
	--ofd-xlfd-pointer-y: 0px;
	--ofd-xlfd-focus-x: 50%;
	--ofd-xlfd-focus-y: 28%;
	--ofd-xlfd-paper: #fffefa;
	--ofd-xlfd-ink: #171717;
	--ofd-xlfd-muted: rgba(var(--ofd-xlfd-ink-rgb), .65);
	position: fixed;
	z-index: 2147483000;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 20px;
	font-family: inherit;
	color: var(--ofd-xlfd-ink);
}

.ofd-xlfd-popup,
.ofd-xlfd-popup *,
.ofd-xlfd-popup *::before,
.ofd-xlfd-popup *::after { box-sizing: border-box; }

.ofd-xlfd-popup__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(25, 23, 21, .56);
	-webkit-backdrop-filter: blur(11px);
	backdrop-filter: blur(11px);
	opacity: 0;
	transition: opacity 260ms ease;
}

.ofd-xlfd-popup__dialog {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(270px, .97fr) minmax(385px, 1.03fr);
	width: min(960px, 100%);
	max-height: min(720px, calc(100svh - 40px));
	overflow: hidden;
	background: var(--ofd-xlfd-paper);
	box-shadow: 0 38px 120px rgba(0, 0, 0, .25), 0 0 0 1px rgba(255, 255, 255, .3);
	opacity: 0;
	transform: translateY(14px) scale(.985);
	transition: opacity 280ms ease, transform 360ms cubic-bezier(.2, .75, .2, 1);
}

.ofd-xlfd-popup.is-open .ofd-xlfd-popup__backdrop,
.ofd-xlfd-popup.is-open .ofd-xlfd-popup__dialog { opacity: 1; }

.ofd-xlfd-popup.is-open .ofd-xlfd-popup__dialog { transform: translateY(0) scale(1); }

.ofd-xlfd-popup.style-editorial .ofd-xlfd-popup__dialog { grid-template-columns: minmax(250px, .78fr) minmax(405px, 1.22fr); }
.ofd-xlfd-popup.style-cover .ofd-xlfd-popup__dialog { grid-template-columns: minmax(290px, 1.04fr) minmax(385px, .96fr); }
.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__dialog { grid-template-columns: minmax(290px, 1.1fr) minmax(360px, .9fr); background: #141414; }
.ofd-xlfd-popup.style-framed .ofd-xlfd-popup__dialog { grid-template-columns: minmax(310px, 1.05fr) minmax(375px, .95fr); }
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__dialog {
	display: flex;
	width: min(575px, 100%);
	min-height: min(735px, calc(100svh - 40px));
	flex-direction: column;
	justify-content: flex-end;
	background: #131313;
}

.ofd-xlfd-popup__close {
	position: absolute;
	z-index: 5;
	top: 14px;
	right: 14px;
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(var(--ofd-xlfd-ink-rgb), .18);
	border-radius: 50%;
	background: var(--ofd-xlfd-paper);
	color: var(--ofd-xlfd-ink);
	cursor: pointer;
	transition: transform 180ms ease, border-color 180ms ease;
}

.ofd-xlfd-popup__close:hover {
	transform: rotate(90deg);
	border-color: var(--ofd-xlfd-accent);
}

.ofd-xlfd-popup__close svg { width: 18px; height: 18px; }

.ofd-xlfd-popup__visual {
	position: relative;
	display: flex;
	min-height: 530px;
	flex-direction: column;
	justify-content: space-between;
	padding: 31px 30px 26px;
	overflow: hidden;
	background: linear-gradient(145deg, rgba(var(--ofd-xlfd-accent-rgb), .19), rgba(var(--ofd-xlfd-accent-rgb), .045) 60%, rgba(var(--ofd-xlfd-accent-rgb), .12));
}

.ofd-xlfd-popup__visual.has-image {
	color: #fff;
	background: #171717;
}

.ofd-xlfd-popup__media {
	position: absolute;
	z-index: 0;
	inset: 0;
	overflow: hidden;
}

.ofd-xlfd-popup__media::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, .48) 0%, rgba(0, 0, 0, .06) 37%, rgba(0, 0, 0, .08) 57%, rgba(0, 0, 0, .69) 100%), linear-gradient(120deg, rgba(var(--ofd-xlfd-accent-rgb), .14), transparent 58%);
	content: '';
}

.ofd-xlfd-popup__media img {
	width: 100%;
	height: 100%;
	opacity: 0;
	object-fit: cover;
	object-position: var(--ofd-xlfd-focus-x) var(--ofd-xlfd-focus-y);
	transform: scale(1.07) translate3d(var(--ofd-xlfd-pointer-x), var(--ofd-xlfd-pointer-y), 0);
	transition: opacity 280ms ease, transform 900ms cubic-bezier(.2, .75, .2, 1), object-position 1200ms ease;
}

.ofd-xlfd-popup.is-image-ready .ofd-xlfd-popup__media img { opacity: 1; }

.ofd-xlfd-popup.style-editorial .ofd-xlfd-popup__media::after {
	background: linear-gradient(180deg, rgba(0, 0, 0, .48), rgba(0, 0, 0, .08) 41%, rgba(0, 0, 0, .69)), linear-gradient(145deg, rgba(var(--ofd-xlfd-accent-rgb), .2), transparent 64%);
}

.ofd-xlfd-popup.style-graphic .ofd-xlfd-popup__media img { opacity: .53; filter: grayscale(.24); }
.ofd-xlfd-popup.style-graphic .ofd-xlfd-popup__media::after { background: linear-gradient(135deg, rgba(var(--ofd-xlfd-accent-rgb), .62), rgba(12, 12, 12, .53)); }
.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__media img { filter: saturate(.78) contrast(1.06); }
.ofd-xlfd-popup.style-framed .ofd-xlfd-popup__visual { padding: 40px 38px 36px; background: var(--ofd-xlfd-paper); }
.ofd-xlfd-popup.style-framed .ofd-xlfd-popup__media { inset: 13px; }
.ofd-xlfd-popup.style-framed .ofd-xlfd-popup__media::after { background: linear-gradient(180deg, rgba(0, 0, 0, .46), transparent 38%, rgba(0, 0, 0, .66)); }
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__visual {
	position: absolute;
	inset: 0;
	min-height: 0;
	padding: 30px;
}
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__media::after {
	background: linear-gradient(180deg, rgba(0, 0, 0, .37) 0%, rgba(0, 0, 0, .025) 29%, rgba(0, 0, 0, .24) 53%, rgba(0, 0, 0, .9) 100%);
}

.ofd-xlfd-popup__accent-stroke {
	position: absolute;
	z-index: 2;
	top: 84px;
	right: 24px;
	width: 30px;
	height: 30px;
	border-top: 2px solid var(--ofd-xlfd-accent);
	border-right: 2px solid var(--ofd-xlfd-accent);
}

.ofd-xlfd-popup__visual::before {
	position: absolute;
	top: 29%;
	left: -33%;
	width: 104%;
	aspect-ratio: 1;
	z-index: 1;
	border: 1px solid rgba(var(--ofd-xlfd-accent-rgb), .32);
	border-radius: 50%;
	content: '';
}

.ofd-xlfd-popup__visual::after {
	position: absolute;
	top: 36%;
	left: -22%;
	width: 84%;
	aspect-ratio: 1;
	z-index: 1;
	border: 1px dashed rgba(var(--ofd-xlfd-accent-rgb), .42);
	border-radius: 50%;
	content: '';
}

.ofd-xlfd-popup.effect-none .ofd-xlfd-popup__visual::before,
.ofd-xlfd-popup.effect-none .ofd-xlfd-popup__visual::after { display: none; }

.ofd-xlfd-popup.effect-lines .ofd-xlfd-popup__visual::before {
	top: 0; left: 17%; width: 1px; height: 100%; aspect-ratio: auto; border: 0; border-radius: 0;
	background: linear-gradient(180deg, transparent, rgba(var(--ofd-xlfd-accent-rgb), .6), transparent);
}
.ofd-xlfd-popup.effect-lines .ofd-xlfd-popup__visual::after {
	top: 42%; left: 0; width: 100%; height: 1px; aspect-ratio: auto; border: 0; border-radius: 0;
	background: linear-gradient(90deg, transparent, rgba(var(--ofd-xlfd-accent-rgb), .48), transparent);
}

.ofd-xlfd-popup.effect-grid .ofd-xlfd-popup__visual::before {
	top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: auto; border: 0; border-radius: 0;
	background-image: linear-gradient(rgba(var(--ofd-xlfd-accent-rgb), .13) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--ofd-xlfd-accent-rgb), .13) 1px, transparent 1px);
	background-size: 48px 48px;
}
.ofd-xlfd-popup.effect-grid .ofd-xlfd-popup__visual::after {
	top: 21%; left: 13%; width: 74%; height: 55%; aspect-ratio: auto; border: 1px solid rgba(var(--ofd-xlfd-accent-rgb), .35); border-radius: 0;
}

.ofd-xlfd-popup.effect-runway .ofd-xlfd-popup__visual::before {
	top: -30%; left: 28%; width: 44%; height: 150%; aspect-ratio: auto; border: 0; border-radius: 0;
	background: repeating-linear-gradient(90deg, transparent 0 18px, rgba(var(--ofd-xlfd-accent-rgb), .26) 18px 19px);
	transform: perspective(420px) rotateX(35deg);
}
.ofd-xlfd-popup.effect-runway .ofd-xlfd-popup__visual::after {
	top: 0; left: 50%; width: 1px; height: 100%; aspect-ratio: auto; border: 0; border-radius: 0;
	background: linear-gradient(180deg, transparent, rgba(var(--ofd-xlfd-accent-rgb), .72), transparent);
}

.ofd-xlfd-popup.effect-focus .ofd-xlfd-popup__visual::before {
	top: 24%; left: 16%; width: 68%; height: 46%; aspect-ratio: auto; border: 1px solid rgba(var(--ofd-xlfd-accent-rgb), .56); border-radius: 0;
}
.ofd-xlfd-popup.effect-focus .ofd-xlfd-popup__visual::after {
	top: calc(47% - 17px); left: calc(50% - 17px); width: 34px; height: 34px; aspect-ratio: auto; border: 1px solid rgba(var(--ofd-xlfd-accent-rgb), .78); border-radius: 50%;
}

.ofd-xlfd-popup.effect-sun .ofd-xlfd-popup__visual::before {
	top: -13%; left: 57%; width: 53%; aspect-ratio: 1; border: 0; background: rgba(var(--ofd-xlfd-accent-rgb), .18);
}
.ofd-xlfd-popup.effect-sun .ofd-xlfd-popup__visual::after {
	top: 8%; left: 40%; width: 71%; aspect-ratio: 1; border: 1px solid rgba(var(--ofd-xlfd-accent-rgb), .29);
}

.ofd-xlfd-popup.effect-sparkle .ofd-xlfd-popup__visual::before {
	top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: auto; border: 0; border-radius: 0;
	background-image: radial-gradient(circle at 19% 26%, rgba(var(--ofd-xlfd-accent-rgb), .82) 0 2px, transparent 3px), radial-gradient(circle at 79% 16%, rgba(255, 255, 255, .78) 0 2px, transparent 3px), radial-gradient(circle at 74% 67%, rgba(var(--ofd-xlfd-accent-rgb), .73) 0 3px, transparent 4px), radial-gradient(circle at 33% 78%, rgba(255, 255, 255, .7) 0 2px, transparent 3px);
}
.ofd-xlfd-popup.effect-sparkle .ofd-xlfd-popup__visual::after {
	top: 22%; left: 18%; width: 68%; height: 47%; aspect-ratio: auto; border: 1px solid rgba(var(--ofd-xlfd-accent-rgb), .19); border-radius: 0; transform: rotate(-8deg);
}

.ofd-xlfd-popup__mark,
.ofd-xlfd-popup__edition,
.ofd-xlfd-popup__route { position: relative; z-index: 2; }

.ofd-xlfd-popup__mark {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -.035em;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .12);
}

.ofd-xlfd-popup__mark span,
.ofd-xlfd-popup__route-arrow { color: var(--ofd-xlfd-accent); }
.ofd-xlfd-popup__visual.has-image .ofd-xlfd-popup__mark span,
.ofd-xlfd-popup__visual.has-image .ofd-xlfd-popup__route-arrow { color: var(--ofd-xlfd-photo-accent); }

.ofd-xlfd-popup__route {
	padding-bottom: 6px;
	font-size: clamp(76px, 10vw, 135px);
	font-weight: 700;
	letter-spacing: -.115em;
	line-height: .83;
	text-shadow: 0 6px 30px rgba(0, 0, 0, .13);
}

.ofd-xlfd-popup__route-arrow {
	display: block;
	margin: 10px 0 6px;
	font-size: 36px;
	letter-spacing: 0;
}

.ofd-xlfd-popup__edition {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	text-transform: uppercase;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .18);
}

.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__mark {
	position: absolute; top: 26px; left: 29px; font-size: 17px; color: #fff;
}
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__route {
	position: absolute; top: 89px; left: 29px; padding: 0; color: rgba(255, 255, 255, .24); font-size: 70px;
}
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__route-arrow { display: inline-block; margin: 0 9px; font-size: 25px; }
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__edition {
	position: absolute; top: 58px; right: 78px; left: 29px; justify-content: flex-start; gap: 13px; color: rgba(255, 255, 255, .77);
}

.ofd-xlfd-popup__content {
	position: relative;
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: center;
	padding: 74px 46px 40px;
	overflow: hidden;
}

.ofd-xlfd-popup__content::before {
	position: absolute;
	right: -16px;
	bottom: 8px;
	color: rgba(var(--ofd-xlfd-accent-rgb), .055);
	content: attr(data-brand);
	font-size: clamp(115px, 18vw, 185px);
	font-weight: 800;
	letter-spacing: -.11em;
	line-height: .8;
	pointer-events: none;
}

.ofd-xlfd-popup__content > * { position: relative; z-index: 1; }

.ofd-xlfd-popup__content::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 62px;
	height: 3px;
	background: var(--ofd-xlfd-accent);
	content: '';
}

.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__content {
	z-index: 3; min-height: 0; margin-top: auto; padding: 180px 34px 34px; overflow: visible;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .19) 27%, rgba(0, 0, 0, .72) 72%, rgba(0, 0, 0, .9));
}
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__content::before { color: rgba(255, 255, 255, .08); }
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__content::after { left: 34px; width: 56px; }
.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__content { background: #141414; }
.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__content::before { color: rgba(255, 255, 255, .055); }

.ofd-xlfd-popup__eyebrow {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 15px;
	color: var(--ofd-xlfd-accent-readable);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .125em;
	line-height: 1.55;
}

.ofd-xlfd-popup__eyebrow::before {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-radius: 50%;
	background: currentColor;
	content: '';
}

.ofd-xlfd-popup__title {
	margin: 0 !important;
	color: var(--ofd-xlfd-ink) !important;
	font-size: clamp(48px, 6vw, 70px) !important;
	font-weight: 700;
	letter-spacing: -.084em !important;
	line-height: .94 !important;
}

.ofd-xlfd-popup__title span {
	display: block;
	color: var(--ofd-xlfd-accent-readable);
}

.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__title,
.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__title { color: #fff !important; }
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__title span,
.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__title span,
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__eyebrow,
.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__eyebrow { color: var(--ofd-xlfd-photo-accent); }

.ofd-xlfd-popup__title.is-title-long { font-size: clamp(37px, 4.9vw, 56px) !important; }
.ofd-xlfd-popup__title.is-title-extra-long { font-size: clamp(31px, 4.2vw, 47px) !important; }

.ofd-xlfd-popup__description {
	margin: 17px 0 19px;
	color: var(--ofd-xlfd-muted);
	font-size: 14px;
	line-height: 1.75;
}
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__description,
.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__description { color: rgba(255, 255, 255, .8); }

.ofd-xlfd-popup__details {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 23px;
}

.ofd-xlfd-popup__detail {
	padding: 7px 10px;
	border: 1px solid rgba(var(--ofd-xlfd-accent-rgb), .24);
	background: rgba(var(--ofd-xlfd-accent-rgb), .055);
	font-size: 10px;
	line-height: 1.4;
}
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__detail,
.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__detail {
	border-color: rgba(255, 255, 255, .26); background: rgba(255, 255, 255, .09); color: rgba(255, 255, 255, .92);
}
.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__close,
.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__close {
	border-color: rgba(255, 255, 255, .47); background: rgba(15, 15, 15, .54); color: #fff;
}

.ofd-xlfd-popup__button {
	position: relative;
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 14px 18px;
	overflow: hidden;
	background: var(--ofd-xlfd-accent) !important;
	color: var(--ofd-xlfd-accent-contrast) !important;
	box-shadow: 0 0 0 1px rgba(var(--ofd-xlfd-ink-rgb), .12);
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
	transition: transform 220ms ease, filter 220ms ease, box-shadow 220ms ease;
}

.ofd-xlfd-popup__button::before {
	position: absolute;
	top: -100%;
	left: -35%;
	width: 30%;
	height: 300%;
	background: rgba(255, 255, 255, .2);
	content: '';
	transform: rotate(23deg);
	transition: left 600ms ease;
}

.ofd-xlfd-popup__button:hover {
	transform: translateY(-2px);
	filter: brightness(.96);
	box-shadow: 0 12px 24px rgba(var(--ofd-xlfd-accent-rgb), .22);
}

.ofd-xlfd-popup a.ofd-xlfd-popup__button,
.ofd-xlfd-popup a.ofd-xlfd-popup__button:link,
.ofd-xlfd-popup a.ofd-xlfd-popup__button:visited,
.ofd-xlfd-popup a.ofd-xlfd-popup__button:hover,
.ofd-xlfd-popup a.ofd-xlfd-popup__button:focus,
.ofd-xlfd-popup a.ofd-xlfd-popup__button:active {
	background-color: var(--ofd-xlfd-accent) !important;
	color: var(--ofd-xlfd-accent-contrast) !important;
	-webkit-text-fill-color: var(--ofd-xlfd-accent-contrast) !important;
	opacity: 1 !important;
	visibility: visible !important;
}
.ofd-xlfd-popup a.ofd-xlfd-popup__button:hover *,
.ofd-xlfd-popup a.ofd-xlfd-popup__button:focus * {
	color: var(--ofd-xlfd-accent-contrast) !important;
	-webkit-text-fill-color: var(--ofd-xlfd-accent-contrast) !important;
	opacity: 1 !important;
}
.ofd-xlfd-popup a.ofd-xlfd-popup__button:focus-visible {
	outline: 2px solid var(--ofd-xlfd-photo-accent);
	outline-offset: 3px;
}

.ofd-xlfd-popup__button:hover::before { left: 125%; }
.ofd-xlfd-popup__button:hover .ofd-xlfd-popup__button-arrow { transform: translateX(5px); }

.ofd-xlfd-popup__button-arrow { font-size: 19px; line-height: 1; transition: transform 220ms ease; }

@keyframes ofdXlfdAccentPulse {
	0%, 100% { box-shadow: 0 0 0 0 rgba(var(--ofd-xlfd-accent-rgb), .38); }
	55% { box-shadow: 0 0 0 8px rgba(var(--ofd-xlfd-accent-rgb), 0); }
}

@keyframes ofdXlfdOrbit {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

@keyframes ofdXlfdPhotoDrift {
	0%, 100% { object-position: calc(var(--ofd-xlfd-focus-x) - 2%) var(--ofd-xlfd-focus-y); }
	50% { object-position: calc(var(--ofd-xlfd-focus-x) + 2%) var(--ofd-xlfd-focus-y); }
}

@keyframes ofdXlfdContentReveal {
	from { opacity: 0; transform: translateY(9px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes ofdXlfdCoverReveal {
	from { opacity: 0; transform: translateX(20px); }
	to { opacity: 1; transform: translateX(0); }
}

@keyframes ofdXlfdEditorialReveal {
	from { opacity: 0; transform: translateX(-17px); letter-spacing: .02em; }
	to { opacity: 1; transform: translateX(0); }
}

@keyframes ofdXlfdNoirFlash {
	0% { opacity: 0; transform: translateY(7px); filter: brightness(1.8); }
	42% { opacity: 1; filter: brightness(1.18); }
	100% { opacity: 1; transform: translateY(0); filter: brightness(1); }
}

@keyframes ofdXlfdFrameReveal {
	from { opacity: 0; transform: translateY(16px) rotate(.35deg); }
	to { opacity: 1; transform: translateY(0) rotate(0); }
}

@keyframes ofdXlfdTypeReveal {
	from { opacity: 0; transform: scale(.97); letter-spacing: -.02em; }
	to { opacity: 1; transform: scale(1); letter-spacing: -.084em; }
}

@keyframes ofdXlfdPosterPhoto {
	0%, 100% { transform: scale(1.075) translate3d(0, 0, 0); }
	50% { transform: scale(1.115) translate3d(0, -1.4%, 0); }
}

@keyframes ofdXlfdCoverPhoto {
	0%, 100% { transform: scale(1.07) translate3d(-1.2%, 0, 0); }
	50% { transform: scale(1.09) translate3d(1.2%, 0, 0); }
}

@keyframes ofdXlfdEditorialPhoto {
	0%, 100% { transform: scale(1.08) translate3d(0, 1%, 0); }
	50% { transform: scale(1.055) translate3d(0, -1%, 0); }
}

@keyframes ofdXlfdNoirPhoto {
	0%, 88%, 100% { transform: scale(1.07); filter: saturate(.78) contrast(1.06) brightness(1); }
	92% { transform: scale(1.078); filter: saturate(.55) contrast(1.13) brightness(1.14); }
}

@keyframes ofdXlfdFramePhoto {
	0%, 100% { transform: scale(1.045) translate3d(0, 0, 0); }
	50% { transform: scale(1.065) translate3d(0, -1%, 0); }
}

@keyframes ofdXlfdGridShift { from { background-position: 0 0; } to { background-position: 48px 48px; } }
@keyframes ofdXlfdRunwaySweep { 0%, 100% { opacity: .48; transform: perspective(420px) rotateX(35deg) translateY(-2%); } 50% { opacity: .85; transform: perspective(420px) rotateX(35deg) translateY(2%); } }
@keyframes ofdXlfdFocusBreathe { 0%, 100% { opacity: .45; transform: scale(.96); } 50% { opacity: .92; transform: scale(1.02); } }
@keyframes ofdXlfdSunFloat { 0%, 100% { transform: translate3d(0,0,0) scale(1); } 50% { transform: translate3d(-4%,5%,0) scale(1.08); } }
@keyframes ofdXlfdSparkle { 0%, 100% { opacity: .45; } 32% { opacity: .9; } 36% { opacity: .5; } 64% { opacity: 1; } }
@keyframes ofdXlfdLineScan { 0%, 100% { opacity: .35; transform: translateX(-3%); } 50% { opacity: .9; transform: translateX(3%); } }

.ofd-xlfd-popup.has-motion.is-open .ofd-xlfd-popup__eyebrow::before { animation: ofdXlfdAccentPulse 2.5s ease-in-out infinite; }
.ofd-xlfd-popup.has-motion.effect-orbit.is-open .ofd-xlfd-popup__visual::after { animation: ofdXlfdOrbit 31s linear infinite; }
.ofd-xlfd-popup.has-motion.style-poster.is-open .ofd-xlfd-popup__media img { animation: ofdXlfdPosterPhoto 18s ease-in-out infinite; }
.ofd-xlfd-popup.has-motion.style-cover.is-open .ofd-xlfd-popup__media img { animation: ofdXlfdCoverPhoto 20s ease-in-out infinite; }
.ofd-xlfd-popup.has-motion.style-editorial.is-open .ofd-xlfd-popup__media img { animation: ofdXlfdEditorialPhoto 17s ease-in-out infinite; }
.ofd-xlfd-popup.has-motion.style-noir.is-open .ofd-xlfd-popup__media img { animation: ofdXlfdNoirPhoto 11s ease-in-out infinite; }
.ofd-xlfd-popup.has-motion.style-framed.is-open .ofd-xlfd-popup__media img { animation: ofdXlfdFramePhoto 19s ease-in-out infinite; }
.ofd-xlfd-popup.has-motion.style-poster.is-open .ofd-xlfd-popup__content > * { animation: ofdXlfdContentReveal 520ms ease both; }
.ofd-xlfd-popup.has-motion.style-cover.is-open .ofd-xlfd-popup__content > * { animation: ofdXlfdCoverReveal 540ms cubic-bezier(.2,.75,.2,1) both; }
.ofd-xlfd-popup.has-motion.style-editorial.is-open .ofd-xlfd-popup__content > * { animation: ofdXlfdEditorialReveal 560ms ease both; }
.ofd-xlfd-popup.has-motion.style-noir.is-open .ofd-xlfd-popup__content > * { animation: ofdXlfdNoirFlash 470ms ease-out both; }
.ofd-xlfd-popup.has-motion.style-framed.is-open .ofd-xlfd-popup__content > * { animation: ofdXlfdFrameReveal 610ms cubic-bezier(.2,.75,.2,1) both; }
.ofd-xlfd-popup.has-motion.style-graphic.is-open .ofd-xlfd-popup__title { animation: ofdXlfdTypeReveal 680ms cubic-bezier(.2,.75,.2,1) both; }
.ofd-xlfd-popup.has-motion.is-open .ofd-xlfd-popup__content > :nth-child(2) { animation-delay: 65ms; }
.ofd-xlfd-popup.has-motion.is-open .ofd-xlfd-popup__content > :nth-child(3) { animation-delay: 120ms; }
.ofd-xlfd-popup.has-motion.is-open .ofd-xlfd-popup__content > :nth-child(4) { animation-delay: 175ms; }
.ofd-xlfd-popup.has-motion.is-open .ofd-xlfd-popup__content > :nth-child(5) { animation-delay: 230ms; }
.ofd-xlfd-popup.has-motion.effect-grid.is-open .ofd-xlfd-popup__visual::before { animation: ofdXlfdGridShift 13s linear infinite; }
.ofd-xlfd-popup.has-motion.effect-runway.is-open .ofd-xlfd-popup__visual::before { animation: ofdXlfdRunwaySweep 7s ease-in-out infinite; }
.ofd-xlfd-popup.has-motion.effect-focus.is-open .ofd-xlfd-popup__visual::before { animation: ofdXlfdFocusBreathe 4.8s ease-in-out infinite; transform-origin:center; }
.ofd-xlfd-popup.has-motion.effect-sun.is-open .ofd-xlfd-popup__visual::before { animation: ofdXlfdSunFloat 9s ease-in-out infinite; }
.ofd-xlfd-popup.has-motion.effect-sparkle.is-open .ofd-xlfd-popup__visual::before { animation: ofdXlfdSparkle 5.6s ease-in-out infinite; }
.ofd-xlfd-popup.has-motion.effect-lines.is-open .ofd-xlfd-popup__visual::after { animation: ofdXlfdLineScan 6.5s ease-in-out infinite; }

html.ofd-xlfd-popup-open,
body.ofd-xlfd-popup-open { overflow: hidden !important; }

@media (max-width: 690px) {
	.ofd-xlfd-popup { padding: 11px; }
	.ofd-xlfd-popup__backdrop { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(25,23,21,.7); }
	.ofd-xlfd-popup__dialog,
	.ofd-xlfd-popup.style-editorial .ofd-xlfd-popup__dialog,
	.ofd-xlfd-popup.style-cover .ofd-xlfd-popup__dialog,
	.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__dialog,
	.ofd-xlfd-popup.style-framed .ofd-xlfd-popup__dialog {
		grid-template-columns: minmax(0, 1fr);
		width: min(460px, 100%);
		max-height: calc(100svh - 22px);
		overflow-y: auto;
	}
	.ofd-xlfd-popup__close { top: 10px; right: 10px; width: 39px; height: 39px; }
	.ofd-xlfd-popup__visual { min-height: 220px; padding: 18px 20px 15px; }
	.ofd-xlfd-popup__accent-stroke { top: 59px; right: 16px; width: 22px; height: 22px; }
	.ofd-xlfd-popup.effect-orbit .ofd-xlfd-popup__visual::before { top: -43%; left: 18%; width: 76%; }
	.ofd-xlfd-popup.effect-orbit .ofd-xlfd-popup__visual::after { top: -30%; left: 27%; width: 60%; }
	.ofd-xlfd-popup__route { font-size: 74px; }
	.ofd-xlfd-popup__route-arrow { display: inline-block; margin: 0 8px; font-size: 28px; }
	.ofd-xlfd-popup__edition { font-size: 9px; }
	.ofd-xlfd-popup__content { padding: 26px 22px 23px; }
	.ofd-xlfd-popup__eyebrow { margin-bottom: 10px; font-size: 9px; }
	.ofd-xlfd-popup__title { font-size: clamp(44px, 10.3vw, 59px) !important; }
	.ofd-xlfd-popup__title.is-title-long { font-size: clamp(35px, 8vw, 47px) !important; }
	.ofd-xlfd-popup__title.is-title-extra-long { font-size: clamp(30px, 7vw, 42px) !important; }
	.ofd-xlfd-popup__description { margin: 12px 0 14px; font-size: 13px; line-height: 1.65; }
	.ofd-xlfd-popup__details { gap: 6px; margin-bottom: 16px; }
	.ofd-xlfd-popup__detail { padding: 6px 8px; font-size: 9px; }
	.ofd-xlfd-popup__button { min-height: 46px; }

	.ofd-xlfd-popup.style-cover .ofd-xlfd-popup__visual { min-height: clamp(250px, 39svh, 370px); }
	.ofd-xlfd-popup.style-cover .ofd-xlfd-popup__route { font-size: 88px; }
	.ofd-xlfd-popup.style-editorial .ofd-xlfd-popup__visual { min-height: 184px; }
	.ofd-xlfd-popup.style-editorial .ofd-xlfd-popup__content { padding: 28px 26px 26px; }
	.ofd-xlfd-popup.style-graphic .ofd-xlfd-popup__visual { min-height: 166px; }
	.ofd-xlfd-popup.style-graphic .ofd-xlfd-popup__route { font-size: 66px; }
	.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__visual { min-height: clamp(230px, 35svh, 330px); }
	.ofd-xlfd-popup.style-noir .ofd-xlfd-popup__content { padding: 25px 24px 25px; }
	.ofd-xlfd-popup.style-framed .ofd-xlfd-popup__visual { min-height: 260px; padding: 25px 28px 23px; }
	.ofd-xlfd-popup.style-framed .ofd-xlfd-popup__media { inset: 9px; }

	.ofd-xlfd-popup.style-poster { padding: 8px; }
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__dialog {
		display: flex;
		width: min(510px, 100%);
		height: calc(100svh - 16px);
		min-height: 0;
		max-height: min(850px, calc(100svh - 16px));
		overflow: hidden;
	}
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__visual { position: absolute; inset: 0; min-height: 0; padding: 22px; }
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__mark { top: 21px; left: 20px; }
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__edition { top: 49px; right: 70px; left: 20px; }
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__route { top: 86px; left: 20px; font-size: 63px; }
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__content { padding: 155px 22px 25px; }
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__content::after { left: 22px; }
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__close { top: 11px; right: 11px; }
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__button { min-height: 49px; }
}

@media (max-width: 380px), (max-height: 690px) and (max-width: 690px) {
	.ofd-xlfd-popup__visual { min-height: 168px; }
	.ofd-xlfd-popup__route { font-size: 58px; }
	.ofd-xlfd-popup__content { padding-top: 19px; padding-bottom: 19px; }
	.ofd-xlfd-popup__title { font-size: clamp(40px, 10vw, 52px) !important; }
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__visual { min-height: 0; }
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__content { padding-top: 115px; padding-bottom: 19px; }
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__description { margin: 8px 0 10px; font-size: 12px; }
	.ofd-xlfd-popup.style-poster .ofd-xlfd-popup__details { margin-bottom: 12px; }
}

@media (prefers-reduced-motion: reduce) {
	.ofd-xlfd-popup__dialog,
	.ofd-xlfd-popup__backdrop,
	.ofd-xlfd-popup__button,
	.ofd-xlfd-popup__close,
	.ofd-xlfd-popup__media img,
	.ofd-xlfd-popup__content > *,
	.ofd-xlfd-popup__eyebrow::before,
	.ofd-xlfd-popup__visual::before,
	.ofd-xlfd-popup__visual::after { transition: none !important; animation: none !important; }
}

.ofd-xlfd-popup.no-motion .ofd-xlfd-popup__dialog,
.ofd-xlfd-popup.no-motion .ofd-xlfd-popup__backdrop,
.ofd-xlfd-popup.no-motion .ofd-xlfd-popup__media img,
.ofd-xlfd-popup.no-motion .ofd-xlfd-popup__content > *,
.ofd-xlfd-popup.no-motion .ofd-xlfd-popup__visual::before,
.ofd-xlfd-popup.no-motion .ofd-xlfd-popup__visual::after { transition: none !important; animation: none !important; }