/*
 * =========================================================
 * CCFL CENTENNIAL — COMPLETE REPLACEMENT STYLESHEET
 * Works with the rewritten page-centennial.php template.
 * Includes iPhone portrait and landscape fixes.
 * =========================================================
 */

html {
	scroll-behavior: smooth;
}

.page-template-page-centennial #main {
	padding-top: 0 !important;
	margin-bottom: 0 !important;
	overflow: visible !important;
}

.page-template-page-centennial #wrap_all,
.page-template-page-centennial .main_color,
.page-template-page-centennial .template-page {
	overflow: visible !important;
}

.page-template-page-centennial #socket {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.ccfl-centennial,
.ccfl-centennial *,
.ccfl-centennial *::before,
.ccfl-centennial *::after {
	box-sizing: border-box;
}

.ccfl-centennial {
	--ccfl-navy: #062f63;
	--ccfl-deep-navy: #031f43;
	--ccfl-gold: #e9ae36;
	--ccfl-gold-light: #ffd96f;
	--ccfl-light-blue: #edf4fb;
	--ccfl-pale-blue: #f5f9fd;
	--ccfl-text: #102d55;
	--ccfl-muted: #274765;

	position: relative;
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
	background: #ffffff;
}

.ccfl-centennial-container {
	width: min(1180px, calc(100% - 48px));
	margin-right: auto;
	margin-left: auto;
}

/* =========================================================
 * HERO
 * ========================================================= */

.ccfl-centennial-hero {
	position: relative;
	min-height: clamp(675px, 74vh, 810px);
	display: flex;
	align-items: center;
	overflow: hidden;
	background: #062c57;
	color: #ffffff;
}

.ccfl-centennial-hero__background {
	position: absolute;
	inset: -45px 0;
	z-index: 0;
	background-image: url("https://www.ccflonline.org/wp-content/uploads/home-hero2-min.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	transform: translateY(62px) scale(1.035);
	will-change: transform;
}

.ccfl-centennial-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(
			circle at 29% 46%,
			rgba(31, 76, 121, 0.12) 0%,
			rgba(5, 35, 72, 0.36) 33%,
			rgba(3, 29, 61, 0.66) 64%,
			rgba(2, 24, 51, 0.82) 100%
		),
		linear-gradient(
			90deg,
			rgba(3, 31, 65, 0.72) 0%,
			rgba(3, 32, 67, 0.72) 42%,
			rgba(2, 27, 58, 0.90) 72%,
			rgba(2, 24, 52, 0.94) 100%
		),
		linear-gradient(
			180deg,
			rgba(2, 25, 54, 0.22) 0%,
			rgba(2, 25, 54, 0.38) 58%,
			rgba(2, 24, 52, 0.74) 100%
		);
}

.ccfl-centennial-hero__inner {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: minmax(430px, 0.95fr) minmax(545px, 1.15fr);
	gap: clamp(48px, 6vw, 100px);
	align-items: center;
	width: min(1380px, calc(100% - 80px));
	padding-top: 155px;
	padding-bottom: 170px;
}

.ccfl-centennial-hero__seal {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

.ccfl-centennial-hero__seal img {
	display: block;
	width: min(100%, 555px);
	height: auto;
	margin: 0 auto;
	transform-origin: center center;
	will-change: transform, filter;
	animation:
		ccfl-seal-float 5.5s ease-in-out infinite,
		ccfl-seal-glow 4.5s ease-in-out infinite;
}

.ccfl-centennial-hero__seal::after {
	content: "";
	position: absolute;
	inset: 8%;
	z-index: 3;
	background: linear-gradient(
		115deg,
		transparent 35%,
		rgba(255, 231, 156, 0.34) 48%,
		transparent 61%
	);
	transform: translateX(-145%) rotate(4deg);
	animation: ccfl-seal-shine 6.5s ease-in-out infinite;
	mix-blend-mode: screen;
	pointer-events: none;
}

@keyframes ccfl-seal-float {
	0%,
	100% {
		transform: translateY(8px) rotate(-3deg) scale(0.98);
	}
	50% {
		transform: translateY(-18px) rotate(3deg) scale(1.03);
	}
}

@keyframes ccfl-seal-glow {
	0%,
	100% {
		filter:
			drop-shadow(0 24px 42px rgba(0, 0, 0, 0.36))
			drop-shadow(0 0 24px rgba(236, 180, 47, 0.15));
	}
	50% {
		filter:
			drop-shadow(0 28px 48px rgba(0, 0, 0, 0.40))
			drop-shadow(0 0 42px rgba(236, 180, 47, 0.34));
	}
}

@keyframes ccfl-seal-shine {
	0%,
	58% {
		transform: translateX(-145%) rotate(4deg);
		opacity: 0;
	}
	66% {
		opacity: 1;
	}
	84%,
	100% {
		transform: translateX(145%) rotate(4deg);
		opacity: 0;
	}
}

.ccfl-centennial-hero__copy {
	position: relative;
	max-width: 700px;
	padding-top: 12px;
}

#top .ccfl-centennial-hero__copy h1 {
	margin: 0 !important;
	padding: 0 !important;
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-transform: none !important;
	text-shadow: 0 3px 18px rgba(0, 0, 0, 0.34);
}

.ccfl-centennial-hero__title-main {
	display: block;
	font-size: clamp(76px, 6.7vw, 112px);
	line-height: 0.94;
	letter-spacing: -0.047em;
}

.ccfl-centennial-hero__title-sub {
	display: block;
	margin-top: 18px;
	font-size: clamp(47px, 4.25vw, 70px);
	line-height: 0.90;
	letter-spacing: -0.038em;
}

.ccfl-centennial-hero__divider {
	display: block;
	width: 53px;
	height: 4px;
	margin: 31px 0 19px;
	background: #efb52d;
	border-radius: 2px;
	box-shadow: 0 3px 10px rgba(239, 181, 45, 0.20);
}

.ccfl-centennial-hero__years {
	margin: 0 0 17px !important;
	color: #ffc33f;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0.055em;
}

.ccfl-centennial-hero__description {
	max-width: 760px;
	margin: 0 !important;
	color: rgba(255, 255, 255, 0.96);
	font-size: clamp(18px, 1.35vw, 21px);
	font-weight: 450;
	line-height: 1.65;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.40);
}

.ccfl-centennial-scroll {
	position: absolute;
	left: 50%;
	bottom: 38px;
	z-index: 5;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
	min-width: 330px;
	padding: 8px 18px 4px;
	color: #ffc33f !important;
	text-align: center;
	text-decoration: none !important;
	transform: translateX(-50%);
}

.ccfl-centennial-scroll__text {
	display: block;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.ccfl-centennial-scroll__arrow {
	display: block;
	width: 23px;
	height: 23px;
	border-right: 4px solid currentColor;
	border-bottom: 4px solid currentColor;
	transform: rotate(45deg);
	filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.28));
}

.ccfl-centennial-scroll:hover,
.ccfl-centennial-scroll:focus {
	color: #ffffff !important;
}

/* =========================================================
 * TIMELINE HEADING
 * ========================================================= */

.ccfl-timeline {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: clip;
	background: linear-gradient(90deg, #edf4fb 0%, #ffffff 50%, #edf4fb 100%);
}

.ccfl-timeline__head {
	position: relative;
	top: auto;
	z-index: 40;
	width: 100%;
	margin: 0;
	padding: 16px 0 15px;
	background: rgba(255, 255, 255, 0.98);
	border-top: 1px solid rgba(10, 48, 92, 0.08);
	border-bottom: 2px solid rgba(10, 48, 92, 0.16);
	box-shadow: 0 10px 28px rgba(8, 43, 82, 0.12);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.ccfl-timeline__headings {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 150px;
	align-items: center;
	text-align: center;
}

.ccfl-timeline__headings::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1px;
	height: 42px;
	background: rgba(10, 48, 92, 0.18);
	transform: translate(-50%, -50%);
}

.ccfl-timeline__heading {
	position: relative;
	padding: 5px 20px;
}

#top .ccfl-timeline__heading h2 {
	margin: 0 0 3px !important;
	padding: 0 !important;
	color: #092f62 !important;
	font-size: clamp(21px, 1.7vw, 27px) !important;
	font-weight: 800 !important;
	line-height: 1.05 !important;
	letter-spacing: 0.055em !important;
	text-transform: none !important;
}

.ccfl-timeline__heading p {
	margin: 0 !important;
	color: #274765;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.3;
}

.ccfl-timeline__head.is-fixed {
	position: fixed !important;
	right: auto !important;
	z-index: 5000 !important;
	margin: 0 !important;
	padding: 14px 0 13px !important;
	background: rgba(255, 255, 255, 0.98) !important;
	border-bottom: 2px solid rgba(10, 48, 92, 0.16);
	box-shadow: 0 10px 28px rgba(8, 43, 82, 0.14);
}

#top .ccfl-timeline__head.is-fixed h2 {
	margin-bottom: 3px !important;
	font-size: 25px !important;
}

.ccfl-timeline__head.is-fixed p {
	font-size: 13px !important;
}

.ccfl-timeline__head-placeholder {
	display: none;
	width: 100%;
}

.ccfl-timeline__head-placeholder.is-active {
	display: block;
}

#header {
	z-index: 6000 !important;
}

/* =========================================================
 * TIMELINE FOUNDATION
 * ========================================================= */

.ccfl-timeline__body {
	position: relative;
	padding-top: 105px;
	padding-bottom: 0;
}

.ccfl-timeline__axis {
	position: absolute;
	top: 0;
	bottom: 315px;
	left: 50%;
	z-index: 1;
	width: 2px;
	overflow: hidden;
	background: rgba(8, 53, 101, 0.20);
	transform: translateX(-50%);
}

.ccfl-timeline__axis-progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: var(--ccfl-gold);
	box-shadow: 0 0 12px rgba(233, 174, 54, 0.40);
}

.ccfl-timeline-era {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 110px minmax(0, 1fr);
	grid-template-areas: "times marker finance";
	gap: 34px;
	align-items: stretch;
	width: 100%;
	min-width: 0;
	margin: 0 0 105px;
}

.ccfl-timeline-era:last-of-type {
	margin-bottom: 70px;
}

.ccfl-timeline-era::before {
	content: "";
	position: absolute;
	top: 95px;
	left: 16%;
	right: 16%;
	z-index: -1;
	height: 1px;
	background: rgba(8, 53, 101, 0.34);
}

.ccfl-timeline-feature--left {
	grid-area: times;
}

.ccfl-timeline-marker {
	grid-area: marker;
}

.ccfl-timeline-feature--right {
	grid-area: finance;
}

.ccfl-timeline-feature {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-width: 0;
	height: 100%;

	will-change: transform, opacity;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;

	transition: transform 0.45s ease, filter 0.45s ease;
}

.ccfl-timeline-feature__category {
	display: none;
}

/* =========================================================
 * TIMELINE CARDS
 * ========================================================= */

.ccfl-timeline-card {
	position: relative;
	display: grid;
	grid-template-columns: 42% 58%;
	width: 100%;
	min-width: 0;
	min-height: 190px;
	flex: 1 1 auto;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid rgba(12, 52, 96, 0.12);
	border-radius: 9px 9px 0 0;
	box-shadow: none;
}

.ccfl-timeline-card__image {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 190px;
	overflow: hidden;
	background: linear-gradient(145deg, #9a7441 0%, #d7b77e 50%, #5a4027 100%);
}

.ccfl-timeline-card__image::before {
	content: "";
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(
		90deg,
		rgba(255, 255, 255, 0.08) 0,
		rgba(255, 255, 255, 0.08) 2px,
		transparent 2px,
		transparent 9px
	);
}

.ccfl-timeline-card__image span {
	position: relative;
	z-index: 2;
	color: rgba(255, 255, 255, 0.95);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.06em;
	text-align: center;
	text-shadow: 0 2px 9px rgba(0, 0, 0, 0.35);
}

.ccfl-timeline-card__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: 23px 25px;
}

.ccfl-timeline-card__date {
	margin: 0 0 5px !important;
	color: #b57b12;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

#top .ccfl-timeline-card h3 {
	margin: 0 0 9px !important;
	padding: 0 !important;
	color: var(--ccfl-navy) !important;
	font-size: 19px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
	text-transform: none !important;
}

.ccfl-timeline-card__content > p:last-child {
	margin: 0 !important;
	color: #263d59;
	font-size: 14px;
	line-height: 1.45;
}

/* =========================================================
 * ATTACHED PHOTOGRAPHS
 * ========================================================= */

.ccfl-timeline-feature__photo {
	position: relative;
	width: 100%;
	height: 185px;
	min-height: 185px;
	max-height: 185px;
	flex: 0 0 185px;
	margin-top: -1px;
	overflow: hidden;
	background: #d9e1e9;
	border: 1px solid rgba(12, 52, 96, 0.12);
	border-top: 0;
	border-radius: 0 0 9px 9px;
	box-shadow:
		0 13px 30px rgba(20, 55, 92, 0.09),
		0 2px 5px rgba(20, 55, 92, 0.05);
}

.ccfl-timeline-feature__photo::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(3, 31, 67, 0.02) 0%,
		rgba(3, 31, 67, 0.22) 100%
	);
	pointer-events: none;
}

.ccfl-timeline-feature__photo img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
}

/* =========================================================
 * TIMELINE MARKERS
 * ========================================================= */

.ccfl-timeline-marker {
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 21px;
	align-self: start;
	padding-top: 71px;
}

.ccfl-timeline-marker__label {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 76px;
	min-height: 48px;
	padding: 9px 12px;
	background: var(--ccfl-navy);
	border-radius: 8px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.1;
	text-align: center;
	box-shadow: 0 8px 18px rgba(6, 47, 99, 0.18);
	transition:
		background-color 0.3s ease,
		color 0.3s ease,
		transform 0.3s ease,
		box-shadow 0.3s ease;
}

.ccfl-timeline-marker__dot {
	display: block;
	width: 15px;
	height: 15px;
	background: #ffffff;
	border: 4px solid var(--ccfl-gold);
	border-radius: 50%;
	box-shadow:
		0 0 0 5px rgba(233, 174, 54, 0.12),
		0 0 15px rgba(233, 174, 54, 0.28);
	transition:
		background-color 0.3s ease,
		transform 0.3s ease,
		box-shadow 0.3s ease;
}

.ccfl-timeline-era.is-active .ccfl-timeline-marker__label {
	background: var(--ccfl-gold);
	color: var(--ccfl-deep-navy);
	transform: scale(1.08);
	box-shadow: 0 9px 22px rgba(233, 174, 54, 0.34);
}

.ccfl-timeline-era.is-active .ccfl-timeline-marker__dot {
	background: var(--ccfl-gold);
	transform: scale(1.18);
	box-shadow:
		0 0 0 7px rgba(233, 174, 54, 0.16),
		0 0 22px rgba(233, 174, 54, 0.55);
}

.ccfl-timeline-era.is-active .ccfl-timeline-feature--left {
	transform: translateY(-5px);
	filter: drop-shadow(0 18px 28px rgba(233, 174, 54, 0.12));
}

.ccfl-timeline-era.is-active .ccfl-timeline-feature--right {
	transform: translateY(-5px);
	filter: drop-shadow(0 18px 28px rgba(6, 47, 99, 0.14));
}

.ccfl-timeline-era.is-active::before {
	background: linear-gradient(
		90deg,
		rgba(233, 174, 54, 0.18),
		rgba(233, 174, 54, 0.90) 48%,
		rgba(233, 174, 54, 0.90) 52%,
		rgba(233, 174, 54, 0.18)
	);
	box-shadow: 0 0 12px rgba(233, 174, 54, 0.25);
}

/* =========================================================
 * CARD GRADIENT VARIANTS
 * ========================================================= */

.ccfl-timeline-card__image--finance { background: linear-gradient(145deg, #0c315f, #42658c 52%, #071d38); }
.ccfl-timeline-card__image--depression { background: linear-gradient(145deg, #3d454d, #81888d 50%, #242a30); }
.ccfl-timeline-card__image--credit { background: linear-gradient(145deg, #123d68, #567899 50%, #081f38); }
.ccfl-timeline-card__image--wartime { background: linear-gradient(145deg, #68635a, #a69b87 50%, #39352f); }
.ccfl-timeline-card__image--banking { background: linear-gradient(145deg, #15365a, #597694 50%, #091e35); }
.ccfl-timeline-card__image--postwar { background: linear-gradient(145deg, #59744e, #a8b98c 50%, #2b4229); }
.ccfl-timeline-card__image--mass-credit { background: linear-gradient(145deg, #5d4524, #bd9655 50%, #332513); }
.ccfl-timeline-card__image--civil-rights { background: linear-gradient(145deg, #513e37, #a88d7b, #2f2320); }
.ccfl-timeline-card__image--tila { background: linear-gradient(145deg, #163f6a, #5d82a7, #09213b); }
.ccfl-timeline-card__image--fairness { background: linear-gradient(145deg, #70485d, #b98ca4, #3b2632); }
.ccfl-timeline-card__image--protection { background: linear-gradient(145deg, #223c64, #6680a6, #101f38); }
.ccfl-timeline-card__image--deregulation { background: linear-gradient(145deg, #7b5b33, #c5a46c, #3d2b18); }
.ccfl-timeline-card__image--disclosure { background: linear-gradient(145deg, #23436d, #708db1, #0c213e); }
.ccfl-timeline-card__image--internet { background: linear-gradient(145deg, #244b64, #7da1b4, #122938); }
.ccfl-timeline-card__image--scoring { background: linear-gradient(145deg, #353b69, #7e85b2, #1c203d); }
.ccfl-timeline-card__image--housing { background: linear-gradient(145deg, #52734f, #9db38c, #293e27); }
.ccfl-timeline-card__image--digital { background: linear-gradient(145deg, #174d72, #64a0bd, #08263c); }
.ccfl-timeline-card__image--crisis { background: linear-gradient(145deg, #272b31, #767c84, #111317); }
.ccfl-timeline-card__image--reform { background: linear-gradient(145deg, #223f66, #7089a9, #0f223d); }
.ccfl-timeline-card__image--smartphone { background: linear-gradient(145deg, #2e5369, #7da8b8, #142c38); }
.ccfl-timeline-card__image--fintech { background: linear-gradient(145deg, #154875, #5c91bc, #082644); }
.ccfl-timeline-card__image--pandemic { background: linear-gradient(145deg, #454b52, #90979e, #23272b); }
.ccfl-timeline-card__image--servicing { background: linear-gradient(145deg, #295268, #73a0ae, #142f3b); }
.ccfl-timeline-card__image--ai { background: linear-gradient(145deg, #272d63, #777fb6, #141738); }
.ccfl-timeline-card__image--embedded { background: linear-gradient(145deg, #5f4621, #c39a4e, #30220f); }

/* =========================================================
 * PHOTO FOCAL POINTS
 * ========================================================= */

.ccfl-timeline-era[data-era="1929-1933"] .ccfl-timeline-feature--right .ccfl-timeline-feature__photo img { object-position: center 24%; }
.ccfl-timeline-era[data-era="1960-1969"] .ccfl-timeline-feature--right .ccfl-timeline-feature__photo img { object-position: center 24%; }
.ccfl-timeline-era[data-era="1970-1979"] .ccfl-timeline-feature--right .ccfl-timeline-feature__photo img { object-position: center 27%; }
.ccfl-timeline-era[data-era="1980-1989"] .ccfl-timeline-feature--right .ccfl-timeline-feature__photo img { object-position: center 22%; }
.ccfl-timeline-era[data-era="1990-1999"] .ccfl-timeline-feature--right .ccfl-timeline-feature__photo img { object-position: center 27%; }
.ccfl-timeline-era[data-era="2000-2007"] .ccfl-timeline-feature--right .ccfl-timeline-feature__photo img { object-position: center 29%; }
.ccfl-timeline-era[data-era="2020-2022"] .ccfl-timeline-feature--left .ccfl-timeline-feature__photo img { object-position: center 30%; }
.ccfl-timeline-era[data-era="2020-2022"] .ccfl-timeline-feature--right .ccfl-timeline-feature__photo img { object-position: center 24%; }

/* =========================================================
 * TRANSITION STATEMENT
 * ========================================================= */

.ccfl-centennial-transition {
	position: relative;
	z-index: 12;
	width: min(900px, calc(100% - 48px));
	margin: 75px auto 35px;
	padding: 42px 55px 45px;
	overflow: hidden;
	text-align: center;
	background:
		radial-gradient(circle at 50% 0%, rgba(239, 181, 45, 0.13), transparent 54%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 255, 0.98));
	border: 1px solid rgba(8, 47, 98, 0.13);
	border-radius: 16px;
	box-shadow:
		0 22px 55px rgba(8, 47, 98, 0.11),
		0 4px 12px rgba(8, 47, 98, 0.06);
}

.ccfl-centennial-transition::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 170px;
	height: 4px;
	background: linear-gradient(
		90deg,
		transparent,
		#efb52d 22%,
		#ffd96f 50%,
		#efb52d 78%,
		transparent
	);
	transform: translateX(-50%);
}

.ccfl-centennial-transition__eyebrow {
	margin: 0 0 13px !important;
	color: #b57b12 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase;
}

.ccfl-centennial-transition__message {
	margin: 0 !important;
	color: #082f62 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(34px, 3.5vw, 52px) !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
	letter-spacing: -0.035em !important;
	text-align: center;
	text-shadow: 0 8px 25px rgba(8, 47, 98, 0.08);
}

.ccfl-centennial-transition__message span {
	display: block;
	margin-top: 6px;
	color: #b57b12;
	font-style: italic;
}

/* =========================================================
 * GRAND FINALE
 * ========================================================= */

.ccfl-centennial-final {
	position: relative;
	z-index: 10;
	display: grid;
	grid-template-columns: 360px minmax(0, 1fr);
	align-items: center;
	gap: 52px;
	width: min(1060px, calc(100% - 40px));
	min-height: 430px;
	margin: 42px auto 85px;
	padding: clamp(48px, 6vw, 78px);
	overflow: hidden;
	background:
		radial-gradient(
			circle at 22% 48%,
			rgba(239, 181, 45, 0.19) 0%,
			rgba(239, 181, 45, 0.04) 28%,
			transparent 56%
		),
		linear-gradient(135deg, #062b57 0%, #07396f 53%, #031f43 100%);
	border: 1px solid rgba(239, 181, 45, 0.62);
	border-radius: 20px;
	box-shadow:
		0 35px 80px rgba(5, 35, 72, 0.24),
		0 10px 28px rgba(5, 35, 72, 0.18),
		inset 0 1px 0 rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.ccfl-centennial-final::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 72%;
	height: 4px;
	background: linear-gradient(
		90deg,
		transparent,
		#efb52d 22%,
		#ffd96f 50%,
		#efb52d 78%,
		transparent
	);
	transform: translateX(-50%);
	box-shadow: 0 -95px 0 -35px rgba(239, 181, 45, 0.08);
}

.ccfl-centennial-final::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
	background-size: 34px 34px;
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent 78%);
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent 78%);
	pointer-events: none;
}

.ccfl-centennial-final__glow {
	position: absolute;
	top: 50%;
	left: 210px;
	width: 500px;
	height: 500px;
	background: radial-gradient(
		circle,
		rgba(244, 190, 56, 0.34) 0%,
		rgba(244, 190, 56, 0.13) 34%,
		transparent 74%
	);
	transform: translate(-50%, -50%);
	filter: blur(4px);
	pointer-events: none;
}

.ccfl-centennial-final__seal {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 390px;
	overflow: visible;
}

.ccfl-centennial-final__seal img {
	position: relative;
	z-index: 3;
	display: block;
	width: 370px;
	max-width: none;
	height: auto;
	transform: scale(1.48);
	transform-origin: center center;
	filter:
		drop-shadow(0 24px 34px rgba(0, 0, 0, 0.38))
		drop-shadow(0 0 25px rgba(239, 181, 45, 0.18));
}

.ccfl-centennial-final__content {
	position: relative;
	z-index: 2;
	max-width: 610px;
}

.ccfl-centennial-final__eyebrow {
	margin: 0 0 2px !important;
	color: #ffc33f !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase;
}

.ccfl-centennial-final__anniversary {
	display: flex;
	align-items: flex-end;
	gap: 18px;
	margin: 0 0 14px;
}

.ccfl-centennial-final__number {
	display: block;
	color: #ffffff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(86px, 9vw, 132px);
	font-weight: 700;
	line-height: 0.80;
	letter-spacing: -0.07em;
	text-shadow: 0 5px 24px rgba(0, 0, 0, 0.32);
}

.ccfl-centennial-final__years {
	display: block;
	padding-bottom: 8px;
	color: #ffc33f;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(28px, 3vw, 43px);
	font-weight: 700;
	line-height: 1;
}

#top .ccfl-centennial-final h3 {
	margin: 0 0 18px !important;
	padding: 0 !important;
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(32px, 3.2vw, 48px) !important;
	font-weight: 700 !important;
	line-height: 1.04 !important;
	letter-spacing: -0.025em !important;
	text-transform: none !important;
}

.ccfl-centennial-final__message {
	max-width: 590px;
	margin: 0 0 19px !important;
	color: rgba(255, 255, 255, 0.93) !important;
	font-size: clamp(17px, 1.35vw, 20px) !important;
	line-height: 1.6 !important;
}

.ccfl-centennial-final__thank-you {
	margin: 0 !important;
	color: #ffc33f !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	font-style: italic;
	letter-spacing: 0.01em;
}

/* =========================================================
 * CLOSING CTA
 * ========================================================= */

.ccfl-centennial-cta {
	position: relative;
	display: flex;
	align-items: center;
	width: 100vw;
	max-width: none;
	min-height: clamp(455px, 48vw, 570px);
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	margin-bottom: 0;
	overflow: hidden;
	background: #052c58;
	color: #ffffff;
}

.ccfl-centennial-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	pointer-events: none;
}

.ccfl-centennial-cta__background {
	position: absolute;
	inset: -7% -2%;
	z-index: 0;
	width: 100%;
	background-image: url("https://www.ccflonline.org/wp-content/uploads/courtyard.jpg");
	background-repeat: no-repeat;
	background-position: 58% center;
	background-size: cover;
	transform: scale(1.06);
	will-change: transform;
}

.ccfl-centennial-cta__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	background:
		linear-gradient(
			90deg,
			rgba(3, 35, 72, 0.99) 0%,
			rgba(3, 35, 72, 0.97) 22%,
			rgba(3, 35, 72, 0.88) 39%,
			rgba(3, 35, 72, 0.58) 55%,
			rgba(3, 35, 72, 0.20) 72%,
			rgba(3, 35, 72, 0.04) 100%
		),
		linear-gradient(
			180deg,
			rgba(2, 28, 59, 0.08) 0%,
			rgba(2, 28, 59, 0.03) 58%,
			rgba(2, 28, 59, 0.32) 100%
		);
}

.ccfl-centennial-cta__inner {
	position: relative;
	z-index: 3;
	width: min(1380px, calc(100% - 80px));
	padding-top: 86px;
	padding-bottom: 86px;
}

.ccfl-centennial-cta__content {
	max-width: 620px;
}

#top .ccfl-centennial-cta h2 {
	margin: 0 !important;
	padding: 0 !important;
	color: #ffffff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(48px, 4.5vw, 69px) !important;
	font-weight: 700 !important;
	line-height: 0.98 !important;
	letter-spacing: -0.035em !important;
	text-transform: none !important;
	text-shadow: 0 3px 20px rgba(0, 0, 0, 0.28);
}

.ccfl-centennial-cta__divider {
	display: block;
	width: 52px;
	height: 4px;
	margin: 26px 0 24px;
	background: #efb52d;
	border-radius: 2px;
}

.ccfl-centennial-cta p {
	max-width: 620px;
	margin: 0 0 30px !important;
	color: rgba(255, 255, 255, 0.95);
	font-size: clamp(18px, 1.35vw, 21px);
	font-weight: 450;
	line-height: 1.65;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
}

.ccfl-centennial-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 14px 25px;
	background: #f47721;
	border: 2px solid #f47721;
	border-radius: 5px;
	color: #ffffff !important;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.065em;
	text-decoration: none !important;
	text-transform: uppercase;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.20);
	transition:
		transform 0.25s ease,
		background-color 0.25s ease,
		border-color 0.25s ease,
		box-shadow 0.25s ease;
}

.ccfl-centennial-button:hover,
.ccfl-centennial-button:focus {
	background: #efb52d;
	border-color: #efb52d;
	color: #062c57 !important;
	transform: translateY(-3px);
	box-shadow: 0 16px 32px rgba(0, 0, 0, 0.25);
}

/* =========================================================
 * LARGE SCREENS
 * ========================================================= */

@media screen and (min-width: 1500px) {
	.ccfl-centennial-hero__inner,
	.ccfl-centennial-cta__inner {
		width: min(1440px, calc(100% - 110px));
	}

	.ccfl-centennial-hero__seal img {
		width: min(100%, 585px);
	}

	.ccfl-centennial-cta__background {
		background-position: 62% center;
	}
}

/* =========================================================
 * SMALL DESKTOP
 * ========================================================= */

@media screen and (max-width: 1180px) {
	.ccfl-centennial-hero__inner {
		grid-template-columns: minmax(340px, 0.9fr) minmax(470px, 1.1fr);
		width: min(1120px, calc(100% - 56px));
		gap: 45px;
		padding-top: 135px;
		padding-bottom: 165px;
	}

	.ccfl-centennial-hero__seal img {
		width: min(100%, 465px);
	}

	.ccfl-centennial-hero__title-main {
		font-size: clamp(68px, 7.5vw, 92px);
	}

	.ccfl-centennial-hero__title-sub {
		font-size: clamp(42px, 4.8vw, 59px);
	}

	.ccfl-centennial-hero__background {
		transform: translateY(50px) scale(1.04);
	}
}

/* =========================================================
 * TABLET PORTRAIT / STANDARD TABLET
 * ========================================================= */

@media screen and (min-width: 768px) and (max-width: 989px) {
	.ccfl-centennial-hero {
		min-height: auto;
	}

	.ccfl-centennial-hero__background {
		background-position: center top;
		transform: translateY(35px) scale(1.06);
	}

	.ccfl-centennial-hero__overlay {
		background: linear-gradient(
			180deg,
			rgba(2, 29, 61, 0.76) 0%,
			rgba(2, 29, 61, 0.84) 58%,
			rgba(2, 24, 52, 0.94) 100%
		);
	}

	.ccfl-centennial-hero__inner {
		grid-template-columns: 1fr;
		gap: 32px;
		width: min(760px, calc(100% - 48px));
		padding-top: 100px;
		padding-bottom: 155px;
		text-align: center;
	}

	.ccfl-centennial-hero__seal img {
		width: min(100%, 390px);
	}

	.ccfl-centennial-hero__copy {
		max-width: 680px;
		margin: 0 auto;
		padding-top: 0;
	}

	.ccfl-centennial-hero__title-main {
		font-size: clamp(67px, 11vw, 88px);
	}

	.ccfl-centennial-hero__title-sub {
		margin-top: 12px;
		font-size: clamp(40px, 7.2vw, 55px);
		line-height: 0.94;
	}

	.ccfl-centennial-hero__divider {
		margin-right: auto;
		margin-left: auto;
	}

	.ccfl-centennial-hero__description {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.ccfl-timeline__headings {
		gap: 80px;
	}

	.ccfl-timeline-era {
		grid-template-columns: minmax(0, 1fr) 84px minmax(0, 1fr);
		gap: 20px;
		margin-bottom: 82px;
	}

	.ccfl-timeline-card {
		grid-template-columns: 1fr;
	}

	.ccfl-timeline-card__image {
		min-height: 125px;
	}

	.ccfl-timeline-feature__photo {
		height: 165px;
		min-height: 165px;
		max-height: 165px;
		flex-basis: 165px;
	}

	.ccfl-timeline-marker {
		padding-top: 52px;
	}

	.ccfl-timeline-marker__label {
		min-width: 68px;
		font-size: 13px;
	}

	.ccfl-timeline-era::before {
		top: 76px;
	}

	.ccfl-timeline__axis {
		bottom: 300px;
	}

	.ccfl-centennial-final {
		grid-template-columns: 270px minmax(0, 1fr);
		gap: 42px;
		min-height: 380px;
		padding: 48px;
	}

	.ccfl-centennial-final__seal {
		min-height: 300px;
	}

	.ccfl-centennial-final__seal img {
		width: 270px;
		transform: scale(1.42);
	}

	.ccfl-centennial-final__glow {
		left: 150px;
		width: 340px;
		height: 340px;
	}

	.ccfl-centennial-cta {
		min-height: 500px;
	}

	.ccfl-centennial-cta__background {
		background-position: 62% center;
	}

	.ccfl-centennial-cta__overlay {
		background: linear-gradient(
			90deg,
			rgba(3, 35, 72, 0.98) 0%,
			rgba(3, 35, 72, 0.91) 45%,
			rgba(3, 35, 72, 0.46) 78%,
			rgba(3, 35, 72, 0.18) 100%
		);
	}

	.ccfl-centennial-cta__inner {
		width: min(100%, calc(100% - 54px));
		padding-top: 76px;
		padding-bottom: 76px;
	}
}

/* =========================================================
 * MOBILE PORTRAIT + IPHONE LANDSCAPE
 *
 * The pointer/orientation clause is what fixes iPhones whose
 * landscape width is 812px, 844px, 852px, 896px or 932px.
 * They now use the safe stacked layout instead of the tablet
 * two-column timeline.
 * ========================================================= */

@media screen and (max-width: 767px),
	screen and (orientation: landscape) and (max-width: 950px) and (pointer: coarse) {

	html,
	body,
	#wrap_all,
	#main,
	.ccfl-centennial,
	.ccfl-timeline {
		width: 100%;
		max-width: 100%;
		overflow-x: hidden !important;
	}

	.ccfl-centennial {
		overflow-y: visible;
	}

	.ccfl-centennial-container {
		width: min(100% - 34px, 1180px);
	}

	/* Hero */

	.ccfl-centennial-hero {
		min-height: auto;
	}

	.ccfl-centennial-hero__background {
		background-position: 40% top;
		transform: translateY(25px) scale(1.08);
	}

	.ccfl-centennial-hero__overlay {
		background: linear-gradient(
			180deg,
			rgba(2, 29, 61, 0.72) 0%,
			rgba(2, 29, 61, 0.84) 50%,
			rgba(2, 24, 52, 0.96) 100%
		);
	}

	.ccfl-centennial-hero__inner {
		grid-template-columns: 1fr;
		gap: 30px;
		width: min(100%, calc(100% - 34px));
		padding-top: 80px;
		padding-bottom: 145px;
		text-align: center;
	}

	.ccfl-centennial-hero__seal img {
		width: min(100%, 300px);
	}

	.ccfl-centennial-hero__copy {
		max-width: 100%;
		margin: 0 auto;
		padding-top: 0;
	}

	.ccfl-centennial-hero__title-main {
		font-size: clamp(55px, 15vw, 72px);
	}

	.ccfl-centennial-hero__title-sub {
		margin-top: 12px;
		font-size: clamp(34px, 9.7vw, 46px);
		line-height: 1;
	}

	.ccfl-centennial-hero__divider {
		margin-right: auto;
		margin-left: auto;
	}

	.ccfl-centennial-hero__description {
		margin-right: auto !important;
		margin-left: auto !important;
		font-size: 17px;
		line-height: 1.58;
	}

	.ccfl-centennial-scroll {
		bottom: 25px;
		min-width: 280px;
		gap: 13px;
	}

	.ccfl-centennial-scroll__text {
		font-size: 12px;
	}

	/* Overview headings */

	.ccfl-timeline__head,
	.ccfl-timeline__head.is-fixed {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 14px 10px !important;
	}

	.ccfl-timeline__headings {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 8px;
		width: 100%;
	}

	.ccfl-timeline__headings::after {
		display: none;
	}

	.ccfl-timeline__heading {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-width: 0;
		min-height: 74px;
		padding: 10px 6px;
		background: #ffffff;
		border: 1px solid rgba(10, 48, 92, 0.12);
		border-radius: 8px;
		box-shadow: 0 6px 17px rgba(10, 48, 92, 0.06);
	}

	#top .ccfl-timeline__heading h2,
	#top .ccfl-timeline__head.is-fixed h2 {
		margin: 0 0 4px !important;
		font-size: 16px !important;
		line-height: 1.08 !important;
		letter-spacing: 0.02em !important;
	}

	.ccfl-timeline__heading p,
	.ccfl-timeline__head.is-fixed p {
		margin: 0 !important;
		font-size: 9px !important;
		line-height: 1.22 !important;
	}

	.ccfl-timeline__head-placeholder,
	.ccfl-timeline__head-placeholder.is-active {
		display: none !important;
		height: 0 !important;
	}

	/* Timeline */

	.ccfl-timeline__body {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 42px 18px 70px;
	}

	.ccfl-timeline__axis {
		display: none;
	}

	.ccfl-timeline-era {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		gap: 24px;
		margin: 0 0 76px;
		padding: 0;
	}

	.ccfl-timeline-era::before {
		display: none;
	}

	.ccfl-timeline-marker {
		position: relative;
		inset: auto;
		order: -1;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin: 0 0 2px;
		padding: 0;
	}

	.ccfl-timeline-marker__label {
		width: auto;
		min-width: 96px;
		max-width: none;
		min-height: 43px;
		padding: 10px 20px;
		background: #e8b43f;
		color: #062f63;
		border-radius: 999px;
		font-size: 14px;
		text-align: center;
		box-shadow: 0 10px 24px rgba(233, 174, 54, 0.24);
	}

	.ccfl-timeline-marker__dot {
		display: none;
	}

	.ccfl-timeline-feature,
	.ccfl-timeline-feature--left,
	.ccfl-timeline-feature--right {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		height: auto;
		margin: 0;
		padding: 0;

		/*
		 * Do not force transform:none here.
		 * GSAP needs control of transform and opacity for the
		 * stacked phone animation, including iPhone landscape.
		 */
		filter: none !important;
		will-change: transform, opacity;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
	}

	.ccfl-timeline-feature--right {
		margin-top: 12px;
	}

	.ccfl-timeline-feature__category {
		position: relative;
		z-index: 5;
		display: inline-flex;
		align-items: center;
		align-self: flex-start;
		min-height: 35px;
		max-width: calc(100% - 12px);
		margin: 0 0 -1px;
		padding: 9px 16px;
		border-radius: 8px 8px 0 0;
		font-size: 11px;
		font-weight: 800;
		line-height: 1;
		letter-spacing: 0.09em;
		text-transform: uppercase;
		box-shadow: 0 6px 16px rgba(8, 43, 82, 0.12);
	}

	.ccfl-timeline-feature__category--times {
		background: #e8b43f;
		color: #062f63;
	}

	.ccfl-timeline-feature__category--finance {
		background: #062f63;
		color: #ffffff;
	}

	.ccfl-timeline-card {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		min-height: 0;
		height: auto;
		margin: 0;
		border-radius: 0 10px 0 0;
	}

	.ccfl-timeline-card__image {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		height: 165px;
		min-height: 165px;
		max-height: 165px;
	}

	.ccfl-timeline-card__image span {
		font-size: 27px;
	}

	.ccfl-timeline-card__content {
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		padding: 24px 21px 26px;
	}

	.ccfl-timeline-card__date {
		margin-bottom: 7px !important;
		font-size: 13px;
	}

	#top .ccfl-timeline-card h3 {
		margin-bottom: 10px !important;
		font-size: 20px !important;
		line-height: 1.14 !important;
		overflow-wrap: break-word;
		word-break: normal;
	}

	.ccfl-timeline-card__content > p:last-child {
		font-size: 15px;
		line-height: 1.52;
	}

	.ccfl-timeline-feature__photo {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		height: 220px;
		min-height: 220px;
		max-height: 220px;
		flex: 0 0 220px;
		margin: -1px 0 0;
		border-radius: 0 0 10px 10px;
	}

	.ccfl-timeline-feature__photo img {
		width: 100%;
		height: 100%;
		max-width: none;
		object-fit: cover;
		transform: none;
	}

	/* Transition */

	.ccfl-centennial-transition {
		display: block;
		width: calc(100% - 30px);
		max-width: none;
		margin: 55px auto 28px;
		padding: 34px 22px 37px;
		border-radius: 13px;
	}

	.ccfl-centennial-transition::after {
		width: 130px;
	}

	.ccfl-centennial-transition__eyebrow {
		font-size: 12px !important;
	}

	.ccfl-centennial-transition__message {
		font-size: clamp(29px, 8.5vw, 39px) !important;
		line-height: 1.12 !important;
		overflow-wrap: normal;
		word-break: normal;
	}

	/* Finale */

	.ccfl-centennial-final {
		grid-template-columns: 1fr;
		gap: 30px;
		width: calc(100% - 30px);
		max-width: none;
		margin: 42px auto 65px;
		padding: 40px 24px 44px;
		text-align: center;
	}

	.ccfl-centennial-final__seal {
		min-height: 255px;
	}

	.ccfl-centennial-final__seal img {
		width: 245px;
		max-width: 100%;
		transform: scale(1.30);
	}

	.ccfl-centennial-final__glow {
		top: 145px;
		left: 50%;
		width: 340px;
		height: 340px;
	}

	.ccfl-centennial-final__content {
		width: 100%;
		max-width: 100%;
	}

	.ccfl-centennial-final__anniversary {
		justify-content: center;
		flex-wrap: wrap;
	}

	.ccfl-centennial-final__number {
		font-size: clamp(78px, 24vw, 108px);
	}

	.ccfl-centennial-final__years {
		font-size: 31px;
	}

	.ccfl-centennial-final__message {
		margin-right: auto !important;
		margin-left: auto !important;
	}

	/* CTA */

	.ccfl-centennial-cta {
		min-height: 570px;
		align-items: flex-end;
	}

	.ccfl-centennial-cta__background {
		inset: -4%;
		background-position: 64% center;
		transform: scale(1.06);
	}

	.ccfl-centennial-cta__overlay {
		background: linear-gradient(
			180deg,
			rgba(3, 35, 72, 0.24) 0%,
			rgba(3, 35, 72, 0.52) 35%,
			rgba(3, 35, 72, 0.91) 64%,
			rgba(3, 35, 72, 0.99) 100%
		);
	}

	.ccfl-centennial-cta__inner {
		width: min(100%, calc(100% - 36px));
		padding-top: 190px;
		padding-bottom: 55px;
	}

	.ccfl-centennial-cta__content {
		max-width: 100%;
		text-align: center;
	}

	#top .ccfl-centennial-cta h2 {
		font-size: clamp(42px, 12vw, 56px) !important;
	}

	.ccfl-centennial-cta__divider {
		margin-right: auto;
		margin-left: auto;
	}

	.ccfl-centennial-cta p {
		margin-right: auto !important;
		margin-left: auto !important;
		font-size: 17px;
	}
}

/* Extra refinements specifically for short landscape screens. */

@media screen and (orientation: landscape) and (max-width: 950px) and (pointer: coarse) {
	.ccfl-centennial-container,
	.ccfl-timeline__body {
		width: min(100% - 28px, 1180px);
	}

	.ccfl-timeline__body {
		padding-right: 14px;
		padding-left: 14px;
	}

	.ccfl-timeline-card__image {
		height: 145px;
		min-height: 145px;
		max-height: 145px;
	}

	.ccfl-timeline-feature__photo {
		height: 190px;
		min-height: 190px;
		max-height: 190px;
		flex-basis: 190px;
	}

	.ccfl-centennial-hero__inner {
		padding-top: 60px;
		padding-bottom: 120px;
	}

	.ccfl-centennial-hero__seal img {
		width: min(230px, 34vw);
	}

	.ccfl-centennial-hero__title-main {
		font-size: clamp(52px, 9vw, 70px);
	}

	.ccfl-centennial-hero__title-sub {
		font-size: clamp(30px, 5.8vw, 44px);
	}
}

@media screen and (max-width: 430px) {
	.ccfl-timeline__body {
		padding-right: 14px;
		padding-left: 14px;
	}

	.ccfl-timeline-card__image {
		height: 150px;
		min-height: 150px;
		max-height: 150px;
	}

	.ccfl-timeline-feature__photo {
		height: 195px;
		min-height: 195px;
		max-height: 195px;
		flex-basis: 195px;
	}

	.ccfl-timeline-card__content {
		padding: 21px 18px 23px;
	}

	#top .ccfl-timeline-card h3 {
		font-size: 19px !important;
	}

	.ccfl-timeline-card__content > p:last-child {
		font-size: 14px;
	}
}

/* =========================================================
 * REDUCED MOTION
 * ========================================================= */

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.ccfl-centennial *,
	.ccfl-centennial *::before,
	.ccfl-centennial *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}
/* Centennial hero logo */
.ccfl-centennial-hero__seal {
	flex: 0 0 320px;
	width: 320px;
	max-width: 100%;
}

.ccfl-centennial-hero__seal img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 540px;
	object-fit: contain;
}
/* Top hero background */
.ccfl-centennial-hero {
	background-color: #1A2451;
}

.ccfl-centennial-hero__background {
	background-image: none !important;
	background-color: #1A2451 !important;
}

.ccfl-centennial-hero__overlay {
	background: transparent !important;
}


/* Bottom anniversary/logo panel */
.ccfl-centennial-final {
	background: #1A2451 !important;
}


/* Keep the final CTA photo background */
.ccfl-centennial-cta__background {
	/* Do not remove or override the existing background image */
}

.ccfl-centennial-cta__overlay {
	/* Keep the existing overlay */
}
.ccfl-centennial-final {
	padding: 45px 50px;
	border-radius: 8px;
}

.ccfl-centennial-final__seal {
	flex: 0 0 220px;
	width: 220px;
}

.ccfl-centennial-final__seal img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}
/* Remove the glow behind/below the final anniversary panel */
.ccfl-centennial-final__glow {
	display: none !important;
}


/* Clean up spacing inside the final anniversary panel */
.ccfl-centennial-final {
	display: grid;
	grid-template-columns: 290px minmax(0, 1fr);
	align-items: center;
	gap: 70px;

	padding: 48px 60px;
	background: #1A2451 !important;
}


/* Keep the logo contained and evenly sized */
.ccfl-centennial-final__seal {
	width: 100%;
	max-width: 290px;
	margin: 0;
}

.ccfl-centennial-final__seal img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}


/* Remove uneven spacing from the text column */
.ccfl-centennial-final__content {
	margin: 0;
	padding: 0;
}

.ccfl-centennial-final__eyebrow {
	margin: 0 0 12px;
}

.ccfl-centennial-final__anniversary {
	margin: 0 0 10px;
	line-height: 1;
}

.ccfl-centennial-final__content h3 {
	margin: 0 0 18px;
}

.ccfl-centennial-final__message {
	margin: 0 0 18px;
}

.ccfl-centennial-final__thank-you {
	margin: 0;
}


/* Tablet */
@media (max-width: 900px) {
	.ccfl-centennial-final {
		grid-template-columns: 230px minmax(0, 1fr);
		gap: 38px;
		padding: 40px;
	}
}


/* Mobile */
@media (max-width: 700px) {
	.ccfl-centennial-final {
		grid-template-columns: 1fr;
		gap: 30px;
		padding: 34px 24px;
		text-align: center;
	}

	.ccfl-centennial-final__seal {
		max-width: 240px;
		margin: 0 auto;
	}

	.ccfl-centennial-final__content {
		text-align: center;
	}
}
.ccfl-centennial-hero__seal {
	transform: translateX(90px);
}
.ccfl-centennial-hero__seal {
	transform: translate(70px, 25px);
	width: 340px;
}
.ccfl-centennial-hero__seal img {
	display: block;
	width: 100%;
	height: auto;
}
/* =========================================================
 * CENTENNIAL GOLD COLOR OVERRIDE
 * ========================================================= */

.ccfl-centennial {
	--ccfl-gold: #C38F39;
	--ccfl-gold-light: #C38F39;
}

/* Hero gold */
.ccfl-centennial-hero__divider,
.ccfl-centennial-cta__divider {
	background: #C38F39 !important;
	box-shadow: 0 3px 10px rgba(195, 143, 57, 0.20);
}

.ccfl-centennial-hero__years,
.ccfl-centennial-scroll,
.ccfl-centennial-final__eyebrow,
.ccfl-centennial-final__years,
.ccfl-centennial-final__thank-you {
	color: #C38F39 !important;
}

/* Timeline dates and gold text */
.ccfl-timeline-card__date,
.ccfl-centennial-transition__eyebrow,
.ccfl-centennial-transition__message span {
	color: #C38F39 !important;
}

/* Timeline center line and markers */
.ccfl-timeline__axis-progress {
	background: #C38F39 !important;
	box-shadow: 0 0 12px rgba(195, 143, 57, 0.40);
}

.ccfl-timeline-marker__dot {
	border-color: #C38F39 !important;
	box-shadow:
		0 0 0 5px rgba(195, 143, 57, 0.12),
		0 0 15px rgba(195, 143, 57, 0.28);
}

.ccfl-timeline-era.is-active .ccfl-timeline-marker__label,
.ccfl-timeline-era.is-active .ccfl-timeline-marker__dot {
	background: #C38F39 !important;
}

.ccfl-timeline-era.is-active .ccfl-timeline-marker__label {
	box-shadow: 0 9px 22px rgba(195, 143, 57, 0.34);
}

.ccfl-timeline-era.is-active .ccfl-timeline-marker__dot {
	box-shadow:
		0 0 0 7px rgba(195, 143, 57, 0.16),
		0 0 22px rgba(195, 143, 57, 0.55);
}

.ccfl-timeline-era.is-active::before {
	background: linear-gradient(
		90deg,
		rgba(195, 143, 57, 0.18),
		rgba(195, 143, 57, 0.90) 48%,
		rgba(195, 143, 57, 0.90) 52%,
		rgba(195, 143, 57, 0.18)
	) !important;

	box-shadow: 0 0 12px rgba(195, 143, 57, 0.25);
}

/* Transition and finale decorative lines */
.ccfl-centennial-transition::after,
.ccfl-centennial-final::before {
	background: linear-gradient(
		90deg,
		transparent,
		#C38F39 22%,
		#D5AE6B 50%,
		#C38F39 78%,
		transparent
	) !important;
}

/* Finale border */
.ccfl-centennial-final {
	border-color: rgba(195, 143, 57, 0.62) !important;
}

/* Mobile gold labels */
.ccfl-timeline-marker__label,
.ccfl-timeline-feature__category--times {
	background: #C38F39;
}

/* CTA button hover */
.ccfl-centennial-button:hover,
.ccfl-centennial-button:focus {
	background: #C38F39 !important;
	border-color: #C38F39 !important;
	color: #1A2451 !important;
}
.ccfl-timeline {
	background: #B4D2F3 !important;
}
/* Center Centennial hero on mobile */
@media screen and (max-width: 767px) {

	.ccfl-centennial-hero__inner {
		width: 100%;
		padding-right: 24px;
		padding-left: 24px;
		text-align: center;
	}

	.ccfl-centennial-hero__seal {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		transform: none !important;
		justify-content: center;
	}

	.ccfl-centennial-hero__seal img {
		display: block;
		width: min(100%, 310px);
		max-width: 310px;
		height: auto;
		margin-right: auto;
		margin-left: auto;
	}

	.ccfl-centennial-hero__copy {
		width: 100%;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	#top .ccfl-centennial-hero__copy h1 {
		width: 100%;
		margin-right: auto !important;
		margin-left: auto !important;
		text-align: center !important;
	}

	.ccfl-centennial-hero__title-main,
	.ccfl-centennial-hero__title-sub {
		width: 100%;
		text-align: center;
	}

	.ccfl-centennial-hero__divider {
		margin-right: auto;
		margin-left: auto;
	}

	.ccfl-centennial-hero__years,
	.ccfl-centennial-hero__description {
		margin-right: auto !important;
		margin-left: auto !important;
		text-align: center;
	}
}
/* =========================================================
   CENTENNIAL FINAL CARD — BORDER + SPACING POLISH
   ========================================================= */

.ccfl-centennial-final {
    position: relative;

    display: grid;
    grid-template-columns: 39% 61%;

    width: min(100%, 1080px);
    margin: 3rem auto;

    overflow: hidden;

    border: 3px solid #b9d9ee;
    border-radius: 7px;

    background: #1d2856;

    box-sizing: border-box;

    box-shadow:
        0 12px 30px rgba(18, 35, 70, 0.18);
}


/* =========================================================
   LEFT LOGO PANEL
   ========================================================= */

.ccfl-centennial-final__seal {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;

    padding: 0;

    overflow: hidden;

    border-right: 3px solid #b9d9ee;

    background: #1d2856;
}


.ccfl-centennial-final__seal img {
    display: block;

    width: 100%;
    height: 100%;

    max-width: none;
    max-height: none;

    object-fit: cover;
    object-position: center;

    margin: 0;
    padding: 0;

    border: 0;
}


/* =========================================================
   RIGHT CONTENT PANEL
   ========================================================= */

.ccfl-centennial-final__content {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 0;

    padding:
        2rem
        3rem
        2rem
        2.5rem;

    box-sizing: border-box;
}


/* give headings/content room from right edge */

.ccfl-centennial-final__content h3,
.ccfl-centennial-final__message,
.ccfl-centennial-final__thank-you,
.ccfl-centennial-final__eyebrow {
    max-width: 100%;
}


/* slightly tighten giant 100 Years grouping */

.ccfl-centennial-final__anniversary {
    margin-bottom: 0.25rem;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 800px) {

    .ccfl-centennial-final {
        grid-template-columns: 42% 58%;
    }

    .ccfl-centennial-final__content {
        padding:
            1.75rem
            2rem
            1.75rem
            1.75rem;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .ccfl-centennial-final {
        grid-template-columns: 1fr;

        width: calc(100% - 2rem);
    }

    .ccfl-centennial-final__seal {
        border-right: 0;
        border-bottom: 3px solid #b9d9ee;
    }

    .ccfl-centennial-final__seal img {
    display: block;

    width: 82%;
    height: auto;

    max-width: 18rem;
    max-height: 88%;

    margin: auto;

    object-fit: contain;
    object-position: center;

    border: 0;
}

    .ccfl-centennial-final__content {
        padding: 1.75rem;
    }

}
.ccfl-centennial-final__seal {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;

    padding: 1.4rem 1.2rem;

    overflow: hidden;

    border-right: 3px solid #b9d9ee;

    background: #1d2856;
}
/* =========================================================
   FINAL CENTENNIAL LOGO — SHOW FULL IMAGE
   ========================================================= */

.ccfl-centennial-final__seal {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;

    padding: 1.25rem 1rem;

    overflow: visible;

    border-right: 3px solid #b9d9ee;

    background: #1d2856;
}


.ccfl-centennial-final__seal img {
    display: block;

    width: 100%;
    max-width: 15.5rem;

    height: auto;
    max-height: none;

    margin: 0 auto;

    object-fit: contain;
    object-position: center;

    border: 0;
}
/* Better center the centennial emblem within the left column */
@media (min-width: 900px) {

    .ccfl-centennial-final__seal {
        transform: translateX(65px);
    }

}
@media (min-width: 900px) {
    .ccfl-centennial-hero__seal {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 85px;
    }
}

@media (max-width: 899px) {
    .ccfl-centennial-hero__seal {
        padding-left: 0;
    }
}
@media (min-width: 900px) {
    .ccfl-centennial-hero__seal {
        width: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 75px;
    }

    .ccfl-centennial-hero__seal img {
        width: 100%;
        height: auto;
    }
}