/**
 * Fancy America — Legacy Programs archive + embedded flipbook.
 *
 * Every rule below is scoped to .fa-lg, the archive section the
 * shortcode renders. Nothing here styles a bare element selector, so the
 * surrounding theme is never overridden.
 *
 * Palette: onyx, Fancy Red, antique gold, warm ivory -- the site's
 * existing brand language rather than a generic card UI.
 */

.fa-lg {
	--fa-lg-onyx: #0b0b0d;
	--fa-lg-onyx-2: #141416;
	--fa-lg-red: #ba001a;
	--fa-lg-red-deep: #7a0011;
	--fa-lg-gold: #eebb58;
	--fa-lg-gold-dim: rgba( 238, 187, 88, 0.34 );
	--fa-lg-ivory: #f4ede1;
	--fa-lg-ivory-soft: rgba( 244, 237, 225, 0.72 );
	--fa-lg-display: "Playfair Display", "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--fa-lg-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	position: relative;
	box-sizing: border-box;

	padding: clamp( 2rem, 5vw, 4.5rem ) clamp( 1rem, 4vw, 3.5rem );
	/* Deliberately transparent: the page's own background shows through,
	   so the program sits on the page rather than inside a panel.
	   overflow-x:clip guards the wider band without creating a scroll
	   container or clipping a lifted page corner vertically. */
	background: none;
	color: var( --fa-lg-ivory );
	font-family: var( --fa-lg-body );
	overflow-x: clip;
}

/* Block themes constrain anything inside the post content to a narrow
   reading column -- 800px on this site. A book squeezed into that has to
   fall back to a single small page even on a wide desktop, so the
   section steps out into a wider band of its own and centres itself in
   the viewport.

   The element selector is deliberate: the theme's own layout rule has
   class-level specificity, so a bare .fa-lg would tie with it and lose
   on source order. The 3rem taken off 100vw keeps the band clear of the
   scrollbar, so this never introduces horizontal overflow. Nothing
   outside this section is affected and no theme rule is overridden. */
section.fa-lg {
	width: min( calc( var( --fa-vw, 100vw ) - 3rem ), 1240px );
	max-width: none;
	margin-left: calc( 50% - min( calc( var( --fa-vw, 100vw ) / 2 - 1.5rem ), 620px ) ) !important;
	margin-right: auto;
}

.fa-lg *,
.fa-lg *::before,
.fa-lg *::after {
	box-sizing: border-box;
}


.fa-lg__heading,
.fa-lg-subheading {
	margin: 0 0 1.75rem;
	font-family: var( --fa-lg-display );
	font-weight: 500;
	letter-spacing: 0.01em;
	color: var( --fa-lg-ivory );
	text-align: center;
}

.fa-lg__heading {
	font-size: clamp( 1.9rem, 4vw, 3rem );
	line-height: 1.15;
}





.fa-lg-year {
	margin: 0;
	font-family: var( --fa-lg-display );
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.04em;
	color: var( --fa-lg-gold );
}



.fa-lg-title {
	margin: 0 0 0.9rem;
	font-family: var( --fa-lg-display );
	font-weight: 500;
	line-height: 1.2;
	color: var( --fa-lg-ivory );
}







/* ------------------------------------------------------------------ */
/* Covers                                                               */
/* ------------------------------------------------------------------ */

.fa-lg-cover {
	display: block;
	max-width: 100%;
	height: auto;
	background: var( --fa-lg-onyx );
	box-shadow:
		0 1px 2px rgba( 0, 0, 0, 0.3 ),
		0 1.25rem 2.75rem -0.5rem rgba( 0, 0, 0, 0.62 );
}



.fa-lg-cover--tile {
	width: 100%;
}

/* Typographic stand-in when no cover image and no PDF preview exists. */
.fa-lg-cover--fallback {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	aspect-ratio: 17 / 22;
	background: linear-gradient( 165deg, var( --fa-lg-red-deep ) 0%, var( --fa-lg-onyx ) 78% );
}

.fa-lg-cover__crest {
	font-family: var( --fa-lg-display );
	font-size: clamp( 1.6rem, 5vw, 2.6rem );
	color: var( --fa-lg-gold );
}

.fa-lg-cover__word {
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var( --fa-lg-ivory-soft );
}

/* ------------------------------------------------------------------ */
/* Archive grid                                                         */
/* ------------------------------------------------------------------ */

/* auto-fit + a max track width keeps a short archive centred instead of
   stranding two tiles against the left edge, and stops a single tile
   from stretching to the full width of the section. */
.fa-lg-grid {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax( 10rem, 13rem ) );
	justify-content: center;
	align-items: stretch;
	gap: clamp( 1.5rem, 3.5vw, 2.75rem );
	max-width: 66rem;
	margin: 2.5rem auto 0;
	padding: 0;
	list-style: none;
}

/* Column layout, so the cue line sits at the same baseline across a
   row whatever each tile's title length. */
.fa-lg-tile {
	display: flex;
	flex-direction: column;
	margin: 0;
	text-align: center;
}



/* A fixed-proportion box, with the cover centred inside it by absolute
   positioning. Sizing the box from the image instead would let covers of
   different shapes set different heights, and the titles and cues below
   them would no longer line up across a row. */
.fa-lg-tile__cover {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 17 / 22;
	margin-bottom: 1rem;
}

.fa-lg-tile__cover .fa-lg-cover {
	position: absolute;
	inset: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	object-fit: contain;
}

.fa-lg-tile__cover .fa-lg-cover--fallback {
	width: 100%;
	height: 100%;
}

.fa-lg-tile .fa-lg-year {
	font-size: 1.5rem;
}

.fa-lg-tile .fa-lg-title {
	margin: 0.3rem 0 0.6rem;
	font-size: 1rem;
	line-height: 1.35;
}











.fa-lg-unavailable {
	margin: 0;
	font-size: 0.8rem;
	font-style: italic;
	color: var( --fa-lg-ivory-soft );
}

/* Visible focus for keyboard users, everywhere. */
.fa-lg :focus-visible {
	outline: 2px solid var( --fa-lg-gold, #eebb58 );
	outline-offset: 3px;
	border-radius: 2px;
}

/* ------------------------------------------------------------------ */
/* Responsive                                                           */
/* ------------------------------------------------------------------ */

@media ( max-width: 782px ) {
	.fa-lg-feature__intro {
		margin-bottom: 1.75rem;
	}
}

@media ( max-width: 480px ) {
	.fa-lg-grid {
		grid-template-columns: repeat( auto-fill, minmax( 8.5rem, 1fr ) );
		gap: 1.5rem;
	}
}

/* ================================================================== */
/* The program, resting on the page                                    */
/* ================================================================== */

.fa-lg-feature {
	max-width: none;
	margin: 0 auto;
}

/* A restrained introduction. The artwork is the headline. */
.fa-lg-feature__intro {
	margin: 0 auto clamp( 1.5rem, 3.5vw, 2.5rem );
	text-align: center;
}

.fa-lg-kicker {
	margin: 0 0 0.4rem;
	font-family: var( --fa-lg-body );
	font-size: 0.66rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var( --fa-lg-gold );
}

.fa-lg-name {
	margin: 0;
	font-family: var( --fa-lg-display );
	font-size: clamp( 1.05rem, 2vw, 1.5rem );
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0.02em;
	color: var( --fa-lg-ivory-soft );
}

/* ------------------------------------------------------------------ */
/* Reader: no panel, no frame, no toolbar                              */
/* ------------------------------------------------------------------ */

.fa-lg-reader {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: none;
	border: 0;
}

.fa-lg-reader__stage {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 10rem;
}

/* ------------------------------------------------------------------ */
/* The surface the program rests on                                     */
/*                                                                      */
/* Drawn entirely in CSS and masked to fade out at every edge, so there  */
/* is no panel, no rectangle and no frame -- only a pool of light and    */
/* colour that the book sits in. Three layers: a burgundy-to-black       */
/* ground, a restrained red glow directly behind the program, and a      */
/* fine satin weave with two hairline gold arcs. All well under the      */
/* artwork in contrast so nothing competes with the cover.               */
/* ------------------------------------------------------------------ */

.fa-lg-reader__stage {
	isolation: isolate;
}

.fa-lg-reader__stage::before,
.fa-lg-reader__stage::after {
	content: "";
	position: absolute;
	inset: -16% -2%;
	z-index: 0;
	pointer-events: none;
	/* The mask is what keeps this from ever reading as a box. It fades to
	   nothing just inside the section's own width: anything wider gets
	   clipped by the page and shows a hard vertical edge. */
	-webkit-mask-image: radial-gradient( ellipse 50% 66% at 50% 50%, #000 30%, rgba( 0, 0, 0, 0.55 ) 60%, transparent 94% );
	mask-image: radial-gradient( ellipse 50% 66% at 50% 50%, #000 30%, rgba( 0, 0, 0, 0.55 ) 60%, transparent 94% );
}

/* Ground + glow. */
.fa-lg-reader__stage::before {
	background:
		radial-gradient( ellipse 46% 54% at 50% 54%, rgba( 168, 14, 38, 0.38 ) 0%, rgba( 104, 8, 24, 0.22 ) 40%, rgba( 0, 0, 0, 0 ) 74% ),
		radial-gradient( ellipse 90% 60% at 50% 108%, rgba( 0, 0, 0, 0.55 ) 0%, rgba( 0, 0, 0, 0 ) 70% ),
		linear-gradient( 180deg, #17070c 0%, #3a0b18 46%, #12060a 100% );
}

/* Satin weave and the gold detailing, kept faint. */
.fa-lg-reader__stage::after {
	opacity: 0.5;
	background:
		repeating-linear-gradient( 116deg, rgba( 255, 255, 255, 0.035 ) 0 1px, rgba( 0, 0, 0, 0 ) 1px 9px ),
		repeating-linear-gradient( 64deg, rgba( 0, 0, 0, 0.16 ) 0 1px, rgba( 0, 0, 0, 0 ) 1px 14px ),
		radial-gradient( circle at 50% 46%, rgba( 0, 0, 0, 0 ) 0 47%, rgba( 238, 187, 88, 0.16 ) 47.3% 47.6%, rgba( 0, 0, 0, 0 ) 48% ),
		radial-gradient( circle at 50% 46%, rgba( 0, 0, 0, 0 ) 0 61%, rgba( 238, 187, 88, 0.09 ) 61.2% 61.4%, rgba( 0, 0, 0, 0 ) 62% );
}

/* Everything the reader draws sits above the surface. */
.fa-lg-reader__shift,
.fa-lg-reader__status,
.fa-lg-nav,
.fa-lg-pages,
.fa-lg-tools {
	z-index: 1;
}

.fa-lg-reader__shift {
	position: relative;
	transition: transform 520ms cubic-bezier( 0.22, 0.61, 0.36, 1 );
	will-change: transform;
}

.fa-lg-reader__book {
	margin: 0 auto;
	outline: none;
	cursor: grab;
}

.fa-lg-reader__book:active {
	cursor: grabbing;
}

.fa-lg-reader__book:focus-visible {
	outline: 1px solid var( --fa-lg-gold );
	outline-offset: 14px;
}

.fa-lg-reader.is-loading .fa-lg-reader__shift,
.fa-lg-reader.is-error .fa-lg-reader__shift {
	visibility: hidden;
}

/* A printed page: paper, a soft contact shadow, and a hint of the
   bound edge. No border, no container. */
.fa-lg-reader__page {
	position: relative;
	background: #fdfbf7;
	overflow: hidden;
	box-shadow:
		0 1px 2px rgba( 0, 0, 0, 0.28 ),
		0 1.5rem 3rem -0.75rem rgba( 0, 0, 0, 0.62 ),
		0 2.5rem 5rem -1.5rem rgba( 0, 0, 0, 0.55 );
}

.fa-lg-reader__page.is-cover {
	background: #131315;
}

.fa-lg-reader__canvas {
	display: block;
	width: 100%;
	height: 100%;
}

/* Depth along the bound edge of a closed cover: the spine side is the
   left edge while the book is shut. */
.fa-lg-reader.is-closed .fa-lg-reader__page.is-cover::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 2.25rem;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		rgba( 0, 0, 0, 0.44 ) 0%,
		rgba( 0, 0, 0, 0.18 ) 38%,
		rgba( 0, 0, 0, 0 ) 100%
	);
	z-index: 5;
}

/* The gutter of an open spread. */
.fa-lg-reader.is-spread:not( .is-closed ):not( .is-ended ) .fa-lg-reader__shift::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 3rem;
	transform: translateX( -50% );
	pointer-events: none;
	z-index: 30;
	background: linear-gradient(
		90deg,
		rgba( 0, 0, 0, 0 ) 0%,
		rgba( 0, 0, 0, 0.3 ) 44%,
		rgba( 0, 0, 0, 0.38 ) 50%,
		rgba( 0, 0, 0, 0.3 ) 56%,
		rgba( 0, 0, 0, 0 ) 100%
	);
}

/* ------------------------------------------------------------------ */
/* Quiet controls: present, but only when wanted                        */
/* ------------------------------------------------------------------ */

/* Chevrons sit outside the paper and stay invisible until the reader is
   hovered or something inside it takes focus. They are never removed
   from the accessibility tree, so keyboard and screen-reader users keep
   them at all times. */
.fa-lg-nav {
	position: absolute;
	top: 50%;
	z-index: 40;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.25rem;
	height: 3.25rem;
	padding: 0;
	border: 0;
	background: none;
	color: var( --fa-lg-ivory );
	cursor: pointer;
	opacity: 0;
	transform: translateY( -50% );
	transition: opacity 360ms ease, color 200ms ease;
}

.fa-lg-nav--prev {
	left: clamp( -3.25rem, -4vw, -1rem );
}

.fa-lg-nav--next {
	right: clamp( -3.25rem, -4vw, -1rem );
}

/* Drawn rather than typed, so there is no button box and no font
   dependency -- just a thin chevron. */
.fa-lg-nav span {
	display: block;
	width: 0.95rem;
	height: 0.95rem;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
}

.fa-lg-nav--prev span {
	transform: rotate( 135deg );
	margin-left: 0.3rem;
}

.fa-lg-nav--next span {
	transform: rotate( -45deg );
	margin-right: 0.3rem;
}

.fa-lg-reader:hover .fa-lg-nav,
.fa-lg-reader:focus-within .fa-lg-nav,
.fa-lg-reader.is-touched .fa-lg-nav {
	opacity: 0.5;
}

.fa-lg-nav:hover,
.fa-lg-nav:focus-visible {
	opacity: 1 !important;
	color: var( --fa-lg-gold );
}

.fa-lg-nav:focus-visible {
	outline: 1px solid var( --fa-lg-gold );
	outline-offset: 2px;
}

/* At either end the chevron has nothing to do, so it goes away
   entirely rather than sitting there greyed out. */
.fa-lg-nav[disabled] {
	opacity: 0 !important;
	pointer-events: none;
}

/* Page count: only while the reader is being used, then it fades. */
.fa-lg-pages {
	position: absolute;
	left: 50%;
	bottom: -2.1rem;
	z-index: 40;
	margin: 0;
	transform: translateX( -50% );
	font-family: var( --fa-lg-body );
	font-size: 0.62rem;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var( --fa-lg-ivory-soft );
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 600ms ease;
}

.fa-lg-reader.is-touched .fa-lg-pages,
.fa-lg-reader:focus-within .fa-lg-pages {
	opacity: 0.66;
}

/* Viewing options, tucked into the corner. */
.fa-lg-tools {
	position: absolute;
	top: -0.25rem;
	right: -0.25rem;
	z-index: 45;
}

.fa-lg-tools__toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 0;
	background: none;
	color: var( --fa-lg-ivory );
	font-size: 0.9rem;
	letter-spacing: 0.08em;
	line-height: 1;
	cursor: pointer;
	opacity: 0;
	transition: opacity 360ms ease, color 200ms ease;
}

.fa-lg-reader:hover .fa-lg-tools__toggle,
.fa-lg-reader:focus-within .fa-lg-tools__toggle,
.fa-lg-reader.is-touched .fa-lg-tools__toggle {
	opacity: 0.45;
}

.fa-lg-tools__toggle:hover,
.fa-lg-tools__toggle:focus-visible,
.fa-lg-tools__toggle[aria-expanded="true"] {
	opacity: 1;
	color: var( --fa-lg-gold );
}

.fa-lg-tools__menu {
	position: absolute;
	top: 2.4rem;
	right: 0;
	min-width: 10rem;
	padding: 0.35rem 0;
	background: rgba( 12, 12, 14, 0.96 );
	box-shadow:
		0 0 0 1px var( --fa-lg-gold-dim ),
		0 1rem 2.5rem rgba( 0, 0, 0, 0.7 );
}

.fa-lg-tools__menu[hidden] {
	display: none;
}

.fa-lg-tool {
	display: block;
	width: 100%;
	padding: 0.55rem 1.1rem;
	border: 0;
	background: none;
	color: var( --fa-lg-ivory-soft );
	font-family: var( --fa-lg-body );
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	text-align: left;
	text-transform: uppercase;
	cursor: pointer;
	transition: color 160ms ease, background-color 160ms ease;
}

.fa-lg-tool:hover,
.fa-lg-tool:focus-visible {
	color: var( --fa-lg-gold );
	background: rgba( 238, 187, 88, 0.08 );
}

.fa-lg-tool[disabled] {
	opacity: 0.35;
	cursor: default;
}

/* Loading / error. */
.fa-lg-reader__status {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	padding: 1.5rem;
	text-align: center;
	pointer-events: none;
}

.fa-lg-reader__status[hidden] {
	display: none;
}

.fa-lg-reader__spinner {
	width: 2rem;
	height: 2rem;
	border: 1.5px solid var( --fa-lg-gold-dim );
	border-top-color: var( --fa-lg-gold );
	border-radius: 50%;
	animation: fa-lg-spin 900ms linear infinite;
}

.fa-lg-reader.is-error .fa-lg-reader__spinner {
	display: none;
}

.fa-lg-reader__status-text {
	margin: 0;
	max-width: 34ch;
	font-size: 0.85rem;
	line-height: 1.6;
	color: var( --fa-lg-ivory-soft );
}

@keyframes fa-lg-spin {
	to {
		transform: rotate( 360deg );
	}
}

.fa-lg-reader.is-fullscreen {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2.5rem;
	background: var( --fa-lg-onyx );
}

/* ------------------------------------------------------------------ */
/* Earlier programs: a gallery of flat covers                           */
/* ------------------------------------------------------------------ */

.fa-lg-subheading {
	margin: clamp( 3.5rem, 8vw, 6rem ) 0 0.35rem;
	font-size: 0.64rem;
	font-weight: 600;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var( --fa-lg-ivory-soft );
	font-family: var( --fa-lg-body );
}

.fa-lg-subheading::after {
	content: "";
	display: block;
	width: 2.5rem;
	height: 1px;
	margin: 0.9rem auto 0;
	background: var( --fa-lg-gold-dim );
}

.fa-lg-tile__btn {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-align: center;
	cursor: pointer;
}

.fa-lg-tile__cover .fa-lg-cover {
	transition: transform 320ms cubic-bezier( 0.22, 0.61, 0.36, 1 ), box-shadow 320ms ease;
}

/* A slight lift, as though the cover were being picked up. */
.fa-lg-tile__btn:hover .fa-lg-cover,
.fa-lg-tile__btn:focus-visible .fa-lg-cover {
	transform: translateY( -5px ) rotate( -0.4deg );
	box-shadow:
		0 1px 2px rgba( 0, 0, 0, 0.3 ),
		0 1.75rem 3.5rem -0.75rem rgba( 0, 0, 0, 0.72 );
}

.fa-lg-tile__btn .fa-lg-year,
.fa-lg-tile__btn .fa-lg-title {
	display: block;
}

.fa-lg-tile__btn .fa-lg-title {
	margin: 0.25rem 0 0;
	font-family: var( --fa-lg-display );
	font-size: 0.95rem;
	line-height: 1.35;
	color: var( --fa-lg-ivory-soft );
}

.fa-lg-tile__cue {
	display: block;
	margin-top: auto;
	padding-top: 0.6rem;
	font-size: 0.6rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: transparent;
	transition: color 240ms ease;
}

.fa-lg-tile__btn:hover .fa-lg-tile__cue,
.fa-lg-tile__btn:focus-visible .fa-lg-tile__cue {
	color: var( --fa-lg-gold );
}

/* ------------------------------------------------------------------ */
/* StPageFlip structural rules, scoped to the reader.                   */
/* Adapted from stPageFlip.css (MIT). The upstream `.stf__parent canvas`*/
/* rule is deliberately omitted: it targets the library's own canvas    */
/* render mode and would fight the per-page canvases used here.         */
/* ------------------------------------------------------------------ */

.fa-lg .stf__parent {
	position: relative;
	display: block;
	box-sizing: border-box;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}

.fa-lg .sft__wrapper {
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.fa-lg .stf__block {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	perspective: 2000px;
}

.fa-lg .stf__item {
	display: none;
	position: absolute;
	transform-style: preserve-3d;
}

.fa-lg .stf__outerShadow,
.fa-lg .stf__innerShadow,
.fa-lg .stf__hardShadow,
.fa-lg .stf__hardInnerShadow {
	position: absolute;
	left: 0;
	top: 0;
}

/* ------------------------------------------------------------------ */
/* Small screens                                                        */
/* ------------------------------------------------------------------ */

@media ( max-width: 640px ) {
	section.fa-lg {
		width: min( calc( var( --fa-vw, 100vw ) - 1.25rem ), 1240px );
		margin-left: calc( 50% - min( calc( var( --fa-vw, 100vw ) / 2 - 0.625rem ), 620px ) ) !important;
	}

	.fa-lg {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

	/* No room for chevrons beside the page on a phone, and swiping is
	   the natural gesture there, so they tuck just inside the edges. */
	.fa-lg-nav--prev {
		left: -0.25rem;
	}

	.fa-lg-nav--next {
		right: -0.25rem;
	}

	.fa-lg-tools {
		top: -0.5rem;
		right: 0;
	}
}

/* ------------------------------------------------------------------ */
/* Reduced motion: keep the book, drop the theatre                      */
/* ------------------------------------------------------------------ */

@media ( prefers-reduced-motion: reduce ) {
	.fa-lg-reader__shift,
	.fa-lg-nav,
	.fa-lg-pages,
	.fa-lg-tools__toggle,
	.fa-lg-tool,
	.fa-lg-tile__cover .fa-lg-cover {
		transition: none;
	}

	.fa-lg-tile__btn:hover .fa-lg-cover,
	.fa-lg-tile__btn:focus-visible .fa-lg-cover {
		transform: none;
	}

	.fa-lg-reader__spinner {
		animation-duration: 2.4s;
	}
}