/* =========================================================
   DENVER NUGGETS GOLD PAGES
   Production Stylesheet
   Load AFTER Nuggets style.css + theme.css
========================================================= */


/* =========================================================
   DESIGN TOKENS
========================================================= */

:root {
	--gp-midnight: #0e2240;
	--gp-midnight-deep: #08172c;

	--gp-gold: #fec524;
	--gp-gold-dark: #e5ab08;

	--gp-red: #8b2131;
	--gp-skyline: #1d428a;

	--gp-white: #ffffff;

	--gp-ink: #172033;
	--gp-muted: #5d6878;

	--gp-line: #d9dee7;

	--gp-page: #f2f4f7;
	--gp-gold-soft: #fff8df;

	--gp-shadow-sm:
		0 8px 22px rgba(14, 34, 64, 0.08);

	--gp-shadow-md:
		0 15px 34px rgba(14, 34, 64, 0.12);

	--gp-shadow-lg:
		0 24px 55px rgba(14, 34, 64, 0.18);
}


/* =========================================================
   PAGE SCOPE / RESET
========================================================= */

.gold-pages,
.gold-pages * {
	box-sizing: border-box;
}


.gold-pages {
	position: relative;

	overflow: hidden;

	background: var(--gp-page);

	color: var(--gp-ink);

	font-weight: 500;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.gold-pages a,
.gold-pages a:visited {
	color: var(--gp-skyline);

	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}


.gold-pages a:hover,
.gold-pages a:focus {
	color: var(--gp-midnight);
}


.gold-pages h1,
.gold-pages h2,
.gold-pages h3,
.gold-pages h4,
.gold-pages h5,
.gold-pages h6 {
	color: var(--gp-midnight);

	font-weight: 900;

	letter-spacing: -0.025em;
}


.gold-pages strong {
	font-weight: 800;
}


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

.gold-hero {
	position: relative;

	width: 100%;

	overflow: hidden;

	background: var(--gp-midnight);
}


.gold-hero img {
	display: block;

	width: 100%;
	height: auto;
}


/* Nuggets four-color stripe */

.gold-hero::after {
	content: "";

	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;

	height: 9px;

	background:
		linear-gradient(
			90deg,
			var(--gp-midnight) 0%,
			var(--gp-midnight) 25%,
			var(--gp-gold) 25%,
			var(--gp-gold) 50%,
			var(--gp-red) 50%,
			var(--gp-red) 75%,
			var(--gp-skyline) 75%,
			var(--gp-skyline) 100%
		);
}


/* =========================================================
   INTRO / GOLD FEATURE BAND
========================================================= */

.gold-intro {
	position: relative;

	padding: 0 0 58px;

	overflow: hidden;

	background:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.28) 0%,
			transparent 30%
		),
		var(--gp-gold);
}


/* Mile High geometry */

.gold-intro::before {
	content: "";

	position: absolute;

	top: -180px;
	left: -170px;

	width: 560px;
	height: 560px;

	border: 72px solid rgba(14, 34, 64, 0.035);

	transform: rotate(45deg);

	pointer-events: none;
}


/* Nuggets color stripe */

.gold-intro::after {
	content: "";

	position: absolute;

	left: 0;
	right: 0;
	bottom: 0;

	height: 8px;

	background:
		linear-gradient(
			90deg,
			var(--gp-red) 0%,
			var(--gp-red) 33.333%,
			var(--gp-gold) 33.333%,
			var(--gp-gold) 66.666%,
			var(--gp-skyline) 66.666%,
			var(--gp-skyline) 100%
		);
}


/* =========================================================
   INTRO LAYOUT
========================================================= */

.gold-intro-inner {
	position: relative;

	z-index: 2;

	padding-top: 62px;
}


.gold-intro-feature {
	align-items: stretch;
}


/* =========================================================
   INTRO COPY PANEL
========================================================= */

.gold-intro-panel {
	position: relative;

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

	height: 100%;

	padding:
		clamp(34px, 4vw, 56px);

	overflow: hidden;

	border:
		1px solid rgba(255, 255, 255, 0.14);

	border-radius: 22px;

	background:
		linear-gradient(
			145deg,
			var(--gp-midnight) 0%,
			#102b52 100%
		);

	box-shadow: var(--gp-shadow-lg);
}


/* Abstract mountain geometry */

.gold-intro-panel::before {
	content: "";

	position: absolute;

	right: -55px;
	bottom: -70px;

	width: 290px;
	height: 220px;

	opacity: 0.2;

	background:
		linear-gradient(
			135deg,
			transparent 0 40%,
			var(--gp-skyline) 40% 49%,
			transparent 49% 55%,
			var(--gp-skyline) 55% 64%,
			transparent 64%
		);

	transform: rotate(-4deg);

	pointer-events: none;
}


/* Flatirons Red sideline */

.gold-intro-panel::after {
	content: "";

	position: absolute;

	top: 0;
	left: 0;

	width: 7px;
	height: 100%;

	background: var(--gp-red);
}


.gold-intro .gold-intro-copy {
	position: relative;

	z-index: 2;

	max-width: none;

	margin: 0;

	text-align: left;
}


.gold-intro .gold-intro-kicker {
	display: inline-flex;

	align-items: center;

	gap: 10px;

	margin-bottom: 18px;

	color: var(--gp-gold);

	font-size: 0.78rem;
	font-weight: 900;

	letter-spacing: 0.18em;

	text-transform: uppercase;
}


.gold-intro .gold-intro-kicker::before {
	content: "";

	width: 30px;
	height: 4px;

	border-radius: 999px;

	background: var(--gp-red);
}


.gold-pages .gold-intro h1 {
	max-width: 620px;

	margin: 0 0 24px;

	color: var(--gp-white) !important;

	font-size:
		clamp(3.1rem, 5.2vw, 5.25rem);

	line-height: 0.88;

	font-weight: 900;

	letter-spacing: -0.045em;

	text-transform: uppercase;
}


.gold-intro .gold-intro-copy p {
	max-width: 650px;

	margin: 0;

	color: rgba(255, 255, 255, 0.86);

	font-size:
		clamp(1rem, 1.4vw, 1.13rem);

	font-weight: 500;

	line-height: 1.65;
}


/* =========================================================
   INTRO SUBMISSION CTA
========================================================= */

.gold-intro-submit-box {
	position: relative;

	z-index: 2;

	margin-top: 30px;
	padding-top: 24px;

	border-top:
		1px solid rgba(255, 255, 255, 0.18);
}


.gold-intro-submit-copy {
	max-width: 520px;

	margin: 0 0 17px;

	color: rgba(255, 255, 255, 0.82);

	font-size: 0.94rem;

	line-height: 1.5;
}


.gold-intro-submit-copy strong {
	color: var(--gp-white);

	font-weight: 900;
}


.gold-intro-submit,
.gold-intro-submit:visited {
	display: inline-flex;

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

	min-height: 50px;

	padding: 11px 24px;

	border: 2px solid var(--gp-red);
	border-radius: 8px;

	background: var(--gp-red);

	color: var(--gp-white) !important;

	box-shadow:
		0 8px 18px rgba(0, 0, 0, 0.15);

	font-size: 0.83rem;
	font-weight: 900;

	letter-spacing: 0.07em;

	text-decoration: none !important;
	text-transform: uppercase;

	transition:
		transform 0.18s ease,
		box-shadow 0.18s ease,
		background-color 0.18s ease,
		border-color 0.18s ease,
		color 0.18s ease;
}


.gold-intro-submit:hover,
.gold-intro-submit:focus {
	transform: translateY(-3px);

	border-color: var(--gp-gold);

	background: var(--gp-gold);

	color: var(--gp-midnight) !important;

	box-shadow:
		0 12px 24px rgba(0, 0, 0, 0.2);
}


/* =========================================================
   MAP
========================================================= */

.gold-map-card {
	position: relative;

	height: 100%;
	min-height: 470px;

	padding: 8px;

	overflow: hidden;

	border:
		1px solid rgba(14, 34, 64, 0.12);

	border-radius: 22px;

	background: var(--gp-white);

	box-shadow: var(--gp-shadow-lg);
}


/* Gold + red scoreboard accent */

.gold-map-card::before {
	content: "";

	position: absolute;

	top: 0;
	right: 0;

	z-index: 3;

	width: 110px;
	height: 8px;

	background:
		linear-gradient(
			90deg,
			var(--gp-gold) 0 55%,
			var(--gp-red) 55% 100%
		);
}


.gold-map-frame {
	width: 100%;
	height: 100%;
	min-height: 454px;

	overflow: hidden;

	border-radius: 15px;

	background: var(--gp-white);
}


.gold-map-frame iframe {
	display: block;

	width: 100%;
	height: calc(100% + 76px);

	min-height: 530px;

	margin-top: -76px;

	border: 0;
}


/* =========================================================
   DIRECTORY NAVIGATION
========================================================= */

.gold-directory-nav-shell {
	position: relative;

	z-index: 3;

	margin-top: 34px;
	padding: 25px;

	border:
		1px solid rgba(255, 255, 255, 0.1);

	border-radius: 18px;

	background:
		linear-gradient(
			135deg,
			var(--gp-midnight-deep),
			var(--gp-midnight)
		);

	box-shadow: var(--gp-shadow-lg);
}


/* Nuggets identity stripe */

.gold-directory-nav-shell::before {
	content: "";

	position: absolute;

	top: 0;
	left: 24px;
	right: 24px;

	height: 4px;

	background:
		linear-gradient(
			90deg,
			var(--gp-gold) 0 38%,
			var(--gp-red) 38% 62%,
			var(--gp-skyline) 62% 100%
		);
}


.gold-intro .gold-jump-nav {
	max-width: none;

	margin: 0;
}


.gold-intro .gold-jump-label {
	margin: 3px 0 17px;

	color: var(--gp-gold);

	font-size: 0.74rem;
	font-weight: 900;

	letter-spacing: 0.17em;

	text-align: center;

	text-transform: uppercase;
}


.gold-jump-grid {
	display: grid;

	grid-template-columns:
		repeat(6, minmax(0, 1fr));

	gap: 10px;
}


.gold-intro .gold-jump-link,
.gold-intro .gold-jump-link:visited {
	position: relative;

	display: flex;

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

	width: 100%;
	min-height: 62px;

	padding: 11px 10px;

	overflow: hidden;

	border:
		1px solid rgba(255, 255, 255, 0.15);

	border-radius: 8px;

	background:
		rgba(255, 255, 255, 0.055);

	color: var(--gp-white) !important;

	font-size: 0.75rem;
	font-weight: 900;

	line-height: 1.16;

	letter-spacing: 0.025em;

	text-align: center;

	text-decoration: none !important;

	text-transform: uppercase;

	transition:
		transform 0.18s ease,
		background-color 0.18s ease,
		border-color 0.18s ease,
		color 0.18s ease;
}


.gold-intro .gold-jump-link::before {
	content: "";

	position: absolute;

	top: 0;
	left: 0;
	right: 0;

	height: 3px;

	background: var(--gp-gold);
}


.gold-intro .gold-jump-link:hover,
.gold-intro .gold-jump-link:focus {
	transform: translateY(-3px);

	border-color: var(--gp-gold);

	background: var(--gp-gold);

	color: var(--gp-midnight) !important;
}


/* =========================================================
   DIRECTORY SECTIONS
========================================================= */

.gold-directory-section {
	position: relative;

	padding: 82px 0;

	scroll-margin-top: 24px;
}


/* Fine divider between directory groups */

.gold-directory-section::before {
	content: "";

	position: absolute;

	top: 0;
	left: 50%;

	width:
		min(1320px, calc(100% - 48px));

	height: 1px;

	transform: translateX(-50%);

	background:
		linear-gradient(
			90deg,
			transparent,
			rgba(14, 34, 64, 0.14) 15%,
			rgba(14, 34, 64, 0.14) 85%,
			transparent
		);
}


.gold-directory-section.bg-white-section {
	background:
		linear-gradient(
			180deg,
			#ffffff 0%,
			#fbfcfd 100%
		);
}


.gold-directory-section.bg-gold-soft {
	background:
		linear-gradient(
			180deg,
			var(--gp-gold-soft) 0%,
			#fffdf5 100%
		);
}


/* =========================================================
   DIRECTORY SECTION HEADERS
========================================================= */

.gold-section-header {
	position: relative;

	max-width: 950px;

	margin-bottom: 38px;
	padding-left: 22px;
}


.gold-section-header::before {
	content: "";

	position: absolute;

	top: 3px;
	left: 0;

	width: 6px;
	height: calc(100% - 3px);

	border-radius: 999px;

	background: var(--gp-red);
}


.gold-section-kicker {
	display: inline-flex;

	align-items: center;

	gap: 9px;

	margin-bottom: 9px;

	color: var(--gp-red);

	font-size: 0.73rem;
	font-weight: 900;

	letter-spacing: 0.17em;

	text-transform: uppercase;
}


.gold-section-kicker::before {
	content: "";

	display: inline-block;

	width: 28px;
	height: 4px;

	border-radius: 999px;

	background: var(--gp-gold);
}


.gold-pages .gold-section-title {
	margin: 0;

	color: var(--gp-midnight) !important;

	font-size:
		clamp(2.25rem, 4vw, 3.6rem);

	line-height: 0.98;

	font-weight: 900;

	letter-spacing: -0.04em;

	text-transform: uppercase;
}


/* =========================================================
   BUSINESS CARDS
========================================================= */

.gold-business-card {
	position: relative;

	height: 100%;

	overflow: hidden;

	border:
		1px solid rgba(14, 34, 64, 0.11);

	border-radius: 14px;

	background: var(--gp-white);

	box-shadow: var(--gp-shadow-sm);

	transform: translateZ(0);

	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease;
}


/* Nuggets card stripe */

.gold-business-card::before {
	content: "";

	position: absolute;

	top: 0;
	left: 0;
	right: 0;

	z-index: 5;

	height: 6px;

	background:
		linear-gradient(
			90deg,
			var(--gp-gold) 0 52%,
			var(--gp-red) 52% 72%,
			var(--gp-skyline) 72% 100%
		);
}


.gold-business-card:hover {
	transform: translateY(-7px);

	border-color:
		rgba(14, 34, 64, 0.22);

	box-shadow: var(--gp-shadow-lg);
}


/* =========================================================
   LOGO AREA
========================================================= */

.gold-logo-frame {
	position: relative;

	display: flex;

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

	min-height: 192px;

	padding: 32px;

	overflow: hidden;

	border-bottom:
		1px solid rgba(14, 34, 64, 0.1);

	background:
		linear-gradient(
			145deg,
			rgba(254, 197, 36, 0.15),
			rgba(255, 255, 255, 0.98) 60%
		);
}


/* Abstract mountain watermark */

.gold-logo-frame::before {
	content: "";

	position: absolute;

	right: -25px;
	bottom: -30px;

	width: 175px;
	height: 120px;

	opacity: 0.055;

	background:
		linear-gradient(
			135deg,
			transparent 0 43%,
			var(--gp-midnight) 43% 49%,
			transparent 49% 55%,
			var(--gp-midnight) 55% 61%,
			transparent 61%
		);

	pointer-events: none;
}


/* Small red Nuggets accent */

.gold-logo-frame::after {
	content: "";

	position: absolute;

	left: 28px;
	bottom: 0;

	width: 52px;
	height: 3px;

	background: var(--gp-red);
}


.gold-logo-frame img {
	position: relative;

	z-index: 2;

	display: block;

	width: 100%;

	max-width: 245px;
	max-height: 122px;

	object-fit: contain;

	filter:
		drop-shadow(
			0 5px 7px rgba(14, 34, 64, 0.06)
		);

	transition:
		transform 0.2s ease;
}


.gold-business-card:hover
.gold-logo-frame img {
	transform: scale(1.025);
}


/* =========================================================
   BUSINESS CARD BODY
========================================================= */

.gold-business-card .card-body {
	position: relative;

	display: flex;
	flex-direction: column;

	padding: 26px 25px 25px;
}


.gold-business-type {
	display: inline-flex;

	align-self: flex-start;

	margin-bottom: 10px;

	padding: 5px 8px;

	border-left:
		3px solid var(--gp-gold);

	background:
		rgba(139, 33, 49, 0.055);

	color: var(--gp-red);

	font-size: 0.66rem;
	font-weight: 900;

	letter-spacing: 0.095em;

	line-height: 1.3;

	text-transform: uppercase;
}


.gold-pages .gold-business-name {
	margin: 0 0 14px;

	color: var(--gp-midnight) !important;

	font-size:
		clamp(1.35rem, 2vw, 1.58rem);

	line-height: 1.08;

	font-weight: 900;

	letter-spacing: -0.025em;
}


.gold-business-description {
	margin: 0 0 20px;

	color: #465264;

	font-size: 0.94rem;
	font-weight: 500;

	line-height: 1.6;
}


/* =========================================================
   BUSINESS DETAILS
========================================================= */

.gold-business-details {
	margin: auto 0 22px;

	padding: 18px 0 0;

	border-top:
		1px solid rgba(14, 34, 64, 0.1);

	list-style: none;

	color: #394150;

	font-size: 0.88rem;
}


.gold-business-details li {
	position: relative;

	margin-bottom: 8px;

	padding-left: 18px;

	line-height: 1.45;

	overflow-wrap: anywhere;
}


.gold-business-details li:last-child {
	margin-bottom: 0;
}


.gold-business-details li::before {
	content: "";

	position: absolute;

	left: 0;
	top: 0.56em;

	width: 7px;
	height: 7px;

	border:
		2px solid var(--gp-midnight);

	border-radius: 50%;

	background: var(--gp-gold);
}


.gold-business-details a,
.gold-business-details a:visited {
	font-weight: 700;
}


/* =========================================================
   BUSINESS CARD ACTION
========================================================= */

.gold-card-actions {
	margin-top: 0;
}


.gold-card-actions > a {
	display: block;

	text-decoration: none !important;
}


.gold-card-btn,
.gold-card-btn:visited {
	position: relative;

	display: inline-flex;

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

	width: 100%;

	min-height: 48px;

	padding:
		10px 16px !important;

	overflow: hidden;

	border:
		2px solid var(--gp-midnight) !important;

	border-radius:
		7px !important;

	background:
		var(--gp-midnight) !important;

	color:
		var(--gp-white) !important;

	font-size:
		0.78rem !important;

	font-weight:
		900 !important;

	letter-spacing:
		0.06em;

	line-height: 1.2;

	text-align: center;

	text-decoration:
		none !important;

	text-transform:
		uppercase;

	transition:
		transform 0.18s ease,
		background-color 0.18s ease,
		border-color 0.18s ease,
		color 0.18s ease;
}


/* Gold edge slash */

.gold-card-btn::after {
	content: "";

	position: absolute;

	right: 0;
	top: 0;

	width: 8px;
	height: 100%;

	background: var(--gp-gold);

	transform:
		skewX(-12deg)
		translateX(4px);
}


.gold-card-btn:hover,
.gold-card-btn:focus {
	transform: translateY(-2px);

	border-color:
		var(--gp-gold) !important;

	background:
		var(--gp-gold) !important;

	color:
		var(--gp-midnight) !important;

	text-decoration:
		none !important;
}


.gold-card-btn:hover::after,
.gold-card-btn:focus::after {
	background: var(--gp-red);
}


/* =========================================================
   FINAL SUPPORT / CTA STRIP
========================================================= */

.gold-support-strip {
	position: relative;

	padding: 55px 0;

	overflow: hidden;

	background: var(--gp-gold);
}


/* Nuggets / mountain geometry */

.gold-support-strip::before {
	content: "";

	position: absolute;

	top: -100px;
	right: -80px;

	width: 300px;
	height: 220px;

	opacity: 0.08;

	background:
		linear-gradient(
			135deg,
			transparent 0 42%,
			var(--gp-midnight) 42% 49%,
			transparent 49% 56%,
			var(--gp-midnight) 56% 63%,
			transparent 63%
		);
}


.gold-support-strip::after {
	content: "";

	position: absolute;

	top: 0;
	left: 0;
	right: 0;

	height: 7px;

	background:
		linear-gradient(
			90deg,
			var(--gp-midnight) 0 36%,
			var(--gp-red) 36% 61%,
			var(--gp-skyline) 61% 100%
		);
}


.gold-support-box {
	position: relative;

	z-index: 2;

	display: flex;

	align-items: center;
	justify-content: space-between;

	gap: 32px;
}


.gold-support-content {
	flex: 1;
}


.gold-pages .gold-support-title {
	margin: 0 0 9px;

	color:
		var(--gp-midnight) !important;

	font-size:
		clamp(1.9rem, 3vw, 2.7rem);

	line-height: 1;

	font-weight: 900;

	letter-spacing: -0.035em;

	text-transform: uppercase;
}


.gold-support-copy {
	max-width: 760px;

	margin: 0;

	color: var(--gp-midnight);

	font-size: 0.98rem;
	font-weight: 600;

	line-height: 1.55;
}


/* =========================================================
   BUSINESS SUBMISSION
========================================================= */

.gold-business-submit {
	margin-top: 28px;

	padding-top: 24px;

	border-top:
		2px solid rgba(14, 34, 64, 0.18);
}


.gold-business-submit p {
	margin: 0 0 16px;

	color: var(--gp-midnight);

	font-size: 1rem;
	font-weight: 600;

	line-height: 1.5;
}


.gold-submit-btn,
.gold-submit-btn:visited,
.gold-back-top,
.gold-back-top:visited {
	display: inline-flex;

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

	min-height: 48px;

	padding: 11px 22px;

	border:
		2px solid var(--gp-midnight);

	border-radius: 7px;

	background: var(--gp-midnight);

	color: var(--gp-white) !important;

	font-size: 0.78rem;
	font-weight: 900;

	letter-spacing: 0.065em;

	text-decoration: none !important;

	text-transform: uppercase;

	transition:
		transform 0.18s ease,
		background-color 0.18s ease,
		border-color 0.18s ease,
		color 0.18s ease;
}


.gold-submit-btn:hover,
.gold-submit-btn:focus,
.gold-back-top:hover,
.gold-back-top:focus {
	transform: translateY(-2px);

	border-color: var(--gp-white);

	background: var(--gp-white);

	color: var(--gp-midnight) !important;

	text-decoration: none !important;
}


.gold-back-top {
	flex: 0 0 auto;
}


/* =========================================================
   ACCESSIBILITY
========================================================= */

.gold-pages a:focus-visible,
.gold-pages button:focus-visible {
	outline:
		3px solid var(--gp-red) !important;

	outline-offset: 3px;
}


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

@media (prefers-reduced-motion: reduce) {

	.gold-business-card,
	.gold-logo-frame img,
	.gold-jump-link,
	.gold-card-btn,
	.gold-intro-submit,
	.gold-submit-btn,
	.gold-back-top {
		transition: none !important;
	}


	.gold-business-card:hover,
	.gold-business-card:hover .gold-logo-frame img,
	.gold-jump-link:hover,
	.gold-card-btn:hover,
	.gold-intro-submit:hover,
	.gold-submit-btn:hover,
	.gold-back-top:hover {
		transform: none !important;
	}

}


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

@media (max-width: 1199.98px) {

	.gold-jump-grid {
		grid-template-columns:
			repeat(3, minmax(0, 1fr));
	}

}


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

@media (max-width: 991.98px) {

	.gold-intro {
		padding-bottom: 46px;
	}


	.gold-intro-inner {
		padding-top: 44px;
	}


	.gold-map-card {
		min-height: 410px;
	}


	.gold-map-frame {
		min-height: 394px;
	}


	.gold-map-frame iframe {
		min-height: 470px;
	}


	.gold-directory-section {
		padding: 64px 0;
	}


	.gold-support-box {
		align-items: flex-start;

		flex-direction: column;
	}


	.gold-back-top {
		align-self: flex-start;
	}

}


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

@media (max-width: 767.98px) {

	.gold-hero::after {
		height: 6px;
	}


	.gold-intro {
		padding-bottom: 38px;
	}


	.gold-intro-inner {
		padding-top: 28px;
	}


	.gold-intro-panel {
		padding: 32px 27px;

		border-radius: 16px;
	}


	.gold-pages .gold-intro h1 {
		font-size:
			clamp(2.8rem, 13vw, 4.1rem);
	}


	.gold-map-card {
		min-height: 350px;

		border-radius: 16px;
	}


	.gold-map-frame {
		min-height: 334px;

		border-radius: 10px;
	}


	.gold-map-frame iframe {
		min-height: 410px;
	}


	.gold-directory-nav-shell {
		margin-top: 24px;

		padding: 19px;

		border-radius: 14px;
	}


	.gold-jump-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}


	.gold-intro .gold-jump-label {
		text-align: left;
	}


	.gold-directory-section {
		padding: 50px 0;
	}


	.gold-section-header {
		margin-bottom: 28px;

		padding-left: 18px;
	}


	.gold-logo-frame {
		min-height: 170px;

		padding: 25px;
	}


	.gold-business-card .card-body {
		padding: 23px;
	}


	.gold-support-strip {
		padding: 42px 0;
	}

}


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

@media (max-width: 480px) {

	.gold-jump-grid {
		grid-template-columns: 1fr;
	}


	.gold-intro .gold-jump-link {
		min-height: 52px;
	}


	.gold-pages .gold-section-title {
		font-size: 2.15rem;
	}


	.gold-pages .gold-business-name {
		font-size: 1.35rem;
	}

}