/*
Theme Name:   Maroon Media Group
Theme URI:    https://maroonmediagroup.com
Description:  Official Maroon Media Group website theme. A Kadence child theme with the MMG brand system (colors, typography, header, footer, logo intro) and every page built with Kadence Blocks, so all content stays editable in the block editor. Run Appearance → MMG Site Setup once after activating.
Author:       Maroon Media Group
Template:     kadence
Version:      1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  mmg
*/

/* ==========================================================================
   MMG brand layer
   Colors come from the Kadence global palette (Customizer → Colors):
   1 Gold #D4AF37 · 2 Champagne #D8B887 · 3 Ivory #F5EFE4 · 4 Stone #E5E5E5
   5 Bronze #8B5E3C · 6 Maroon #5A1E1E · 7/8 Charcoal #1A1A1A · 9 MMG Black #090909
   ========================================================================== */

:root {
	--mmg-gold: var(--global-palette1, #D4AF37);
	--mmg-champagne: var(--global-palette2, #D8B887);
	--mmg-ivory: var(--global-palette3, #F5EFE4);
	--mmg-stone: var(--global-palette4, #E5E5E5);
	--mmg-bronze: var(--global-palette5, #8B5E3C);
	--mmg-maroon: var(--global-palette6, #5A1E1E);
	--mmg-charcoal: var(--global-palette7, #1A1A1A);
	--mmg-black: var(--global-palette9, #090909);
	--mmg-rule: rgba(212, 175, 55, 0.32);
	--mmg-rule-soft: rgba(216, 184, 135, 0.16);
	--mmg-display: "Michroma", "Eurostile Extended", "Eurostile", "Arial Black", sans-serif;
	--mmg-ease: cubic-bezier(.2, .7, .2, 1);
}

html { scroll-behavior: smooth; }
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
::selection { background: var(--mmg-gold); color: var(--mmg-black); }
:focus-visible { outline: 2px solid var(--mmg-gold); outline-offset: 3px; }
img { height: auto; }

/* Headings: wide display face, slightly heavier to read as "Bold Extended" */
h1, h2, h3, .mmg-display {
	-webkit-text-stroke: 0.025em currentColor;
	text-wrap: balance;
	letter-spacing: 0.02em;
}
h4, h5, h6 { text-wrap: balance; }
.entry-content p { text-wrap: pretty; }

/* Gold highlight words inside headings (Kadence "Highlight" format) */
.wp-block-kadence-advancedheading mark,
.entry-content h1 mark, .entry-content h2 mark, .entry-content h3 mark {
	background: transparent;
	color: var(--mmg-gold);
	-webkit-text-stroke-color: var(--mmg-gold);
	padding: 0;
}
.mmg-gold-gradient mark,
.mmg-gold-gradient {
	background: linear-gradient(180deg, var(--mmg-champagne) 0%, var(--mmg-gold) 55%, var(--mmg-bronze) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent !important;
	-webkit-text-stroke-color: transparent;
}

/* ---------- Typographic devices (add these as "Additional CSS class") ---------- */

/* Section number + name, e.g. "01 — OUR STORY" */
.mmg-eyebrow {
	display: flex !important;
	align-items: center;
	gap: 16px;
	margin: 0 0 22px !important;
	font-family: var(--global-body-font-family, "Montserrat", sans-serif) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.26em !important;
	text-transform: uppercase;
	color: var(--mmg-champagne) !important;
	-webkit-text-stroke: 0;
}
.mmg-eyebrow::after {
	content: "";
	flex: 0 0 56px;
	height: 1px;
	background: var(--mmg-gold);
}
.mmg-eyebrow.has-text-align-center,
.mmg-eyebrow[style*="text-align:center"] { justify-content: center; }

/* Small gold sub-line under a heading, e.g. "BUILD THE FOUNDATION." */
.mmg-kicker {
	font-family: var(--global-body-font-family, "Montserrat", sans-serif) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.3em !important;
	text-transform: uppercase;
	color: var(--mmg-gold) !important;
	-webkit-text-stroke: 0;
	margin-top: 0 !important;
}

/* Pull statement with a gold rule */
.mmg-statement {
	font-family: var(--mmg-display) !important;
	font-weight: 400 !important;
	color: var(--mmg-champagne) !important;
	letter-spacing: 0.06em !important;
	line-height: 1.55 !important;
	border-left: 1px solid var(--mmg-gold) !important;
	padding-left: 22px !important;
	-webkit-text-stroke: 0.02em currentColor;
}
.mmg-statement.is-centered,
.mmg-statement[style*="text-align:center"] {
	border-left: 0;
	padding-left: 0 !important;
	position: relative;
	padding-top: 26px !important;
}
.mmg-statement.is-centered::before {
	content: "";
	position: absolute;
	top: 0; left: 50%;
	width: 56px; height: 1px;
	transform: translateX(-50%);
	background: var(--mmg-gold);
}

/* Value strings, e.g. RESISTANCE • LIBERATION … */
.mmg-values {
	font-size: 12.5px !important;
	font-weight: 600 !important;
	letter-spacing: 0.3em !important;
	text-transform: uppercase;
	color: var(--mmg-champagne) !important;
	line-height: 2 !important;
}

/* Quiet tagline, e.g. MORE THAN MEDIA. A MOVEMENT. */
.mmg-tagline {
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.32em !important;
	text-transform: uppercase;
	color: var(--mmg-stone) !important;
	opacity: 0.78;
}

/* CREATE → PRODUCE → OWN → BUILD */
.mmg-flow {
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.34em !important;
	text-transform: uppercase;
	color: var(--mmg-champagne) !important;
}

/* Large lede paragraph */
.mmg-lede { font-size: 18px; line-height: 1.75; color: var(--mmg-stone); max-width: 62ch; }

/* Item lists inside service sections (title + description pairs) */
.mmg-items > .kt-inside-inner-col { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; }
.mmg-item { border-top: 1px solid var(--mmg-rule); padding: 20px 0 22px; }
.mmg-item h4, .mmg-item .mmg-item-title {
	font-family: var(--mmg-display) !important;
	font-size: 14px !important;
	letter-spacing: 0.08em !important;
	color: var(--mmg-gold) !important;
	margin: 0 0 8px !important;
	-webkit-text-stroke: 0.02em currentColor;
	text-transform: uppercase;
}
.mmg-item p { margin: 0; font-size: 15px; line-height: 1.65; color: var(--mmg-stone); }
@media (max-width: 767px) { .mmg-items > .kt-inside-inner-col { grid-template-columns: 1fr; } }

/* Cards (divisions, brands, featured) */
.mmg-card {
	transition: border-color .4s var(--mmg-ease), background-color .4s var(--mmg-ease);
	overflow: hidden;
}
.mmg-card:hover { border-color: var(--mmg-gold) !important; }
.mmg-card .wp-block-kadence-image img,
.mmg-card figure img { transition: transform 1.2s var(--mmg-ease), filter .6s var(--mmg-ease); filter: saturate(.92) contrast(1.02); }
.mmg-card:hover .wp-block-kadence-image img,
.mmg-card:hover figure img { transform: scale(1.04); filter: saturate(1) contrast(1.04); }
.mmg-card .wp-block-kadence-image, .mmg-card figure { overflow: hidden; margin-bottom: 0; }

/* Card inner content */
.mmg-card > .kt-inside-inner-col { display: flex; flex-direction: column; height: 100%; }
.mmg-card-body { padding: 26px 26px 0; display: flex; flex-direction: column; flex: 1 1 auto; }
.mmg-card-body > .wp-block-kadence-advancedbtn { margin-top: auto; padding-top: 10px; }
.mmg-card-body p { font-size: 15px; line-height: 1.7; }
.mmg-card-list { font-size: 13px !important; letter-spacing: 0.04em; color: var(--mmg-champagne) !important; line-height: 1.7 !important; }
.mmg-card-cat { font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: 0.2em !important; text-transform: uppercase; color: var(--mmg-bronze) !important; filter: brightness(1.5); }
@media (max-width: 767px) { .mmg-card-body { padding: 22px 20px 0; } }

/* Brand tiles (image + name) */
.mmg-tile { display: flex !important; flex-direction: column; }
.mmg-tile > .kt-inside-inner-col { margin-top: auto; height: auto !important; position: relative; z-index: 2; display: block !important; }
.mmg-tile-title { font-family: var(--mmg-display) !important; font-size: 13px !important; letter-spacing: 0.1em !important; color: var(--mmg-ivory) !important; text-align: left; -webkit-text-stroke: 0.02em currentColor; }
.mmg-tile:hover .mmg-tile-title { color: var(--mmg-gold) !important; }
.mmg-tile { background-size: cover !important; transition: transform .8s var(--mmg-ease); }

/* Signature lines */
.mmg-signature { font-family: var(--mmg-display) !important; font-size: 14px !important; letter-spacing: 0.24em !important; color: var(--mmg-ivory) !important; -webkit-text-stroke: 0.02em currentColor; }
.mmg-pillar-label { font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: 0.26em !important; text-transform: uppercase; color: var(--mmg-ivory) !important; }

/* CREATE / PRODUCE / OWN / BUILD tiles */
.mmg-pillars > .kt-row-column-wrap { gap: 0 !important; border: 1px solid var(--mmg-rule); }
.mmg-pillar { border-right: 1px solid var(--mmg-rule); }
.mmg-pillar:last-child { border-right: 0; }
@media (max-width: 767px) {
	.mmg-pillar:nth-child(2n) { border-right: 0; }
	.mmg-pillar:nth-child(-n+2) { border-bottom: 1px solid var(--mmg-rule); }
}
.mmg-pillar-word {
	font-family: var(--mmg-display) !important;
	color: var(--mmg-gold) !important;
	letter-spacing: 0.06em !important;
	-webkit-text-stroke: 0.02em currentColor;
}

/* Brand chips */
.mmg-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.mmg-chips .wp-block-kadence-singlebtn { margin: 0 !important; }

/* Quote */
.mmg-quote { position: relative; }
.mmg-quote::before {
	content: "\201C";
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 96px;
	line-height: .6;
	color: var(--mmg-gold);
	margin-bottom: 18px;
}

/* Fine gold rule between sections */
.mmg-rule-top { border-top: 1px solid var(--mmg-rule); }
.mmg-rule-bottom { border-bottom: 1px solid var(--mmg-rule); }

/* Warm glow behind dark sections */
.mmg-glow { background-image: radial-gradient(ellipse 60% 55% at 85% 25%, rgba(139, 94, 60, .22), transparent 70%) !important; }
.mmg-glow-left { background-image: radial-gradient(ellipse 60% 55% at 10% 70%, rgba(139, 94, 60, .2), transparent 70%) !important; }

/* Cinematic image treatment */
.mmg-photo img { filter: saturate(.9) contrast(1.04); }
.mmg-photo-frame { position: relative; }
.mmg-photo-frame::after {
	content: "";
	position: absolute;
	inset: 14px -14px -14px 14px;
	border: 1px solid var(--mmg-rule);
	pointer-events: none;
	z-index: -1;
}
@media (max-width: 767px) { .mmg-photo-frame::after { display: none; } }

/* Hero height and scroll cue */
.mmg-hero { min-height: min(92vh, 880px); }
.mmg-hero .kt-row-column-wrap { min-height: inherit; }
.mmg-scroll-cue {
	position: absolute; left: 50%; bottom: 28px; z-index: 3;
	width: 1px; height: 56px; background: linear-gradient(var(--mmg-gold), transparent);
	transform: translateX(-50%);
	animation: mmgCue 2.4s var(--mmg-ease) infinite;
}
@keyframes mmgCue { 0% { transform: translateX(-50%) scaleY(0); transform-origin: top; } 50% { transform: translateX(-50%) scaleY(1); transform-origin: top; } 51% { transform-origin: bottom; } 100% { transform: translateX(-50%) scaleY(0); transform-origin: bottom; } }

/* ---------- Buttons ---------- */
.wp-block-kadence-advancedbtn .kb-button,
.button, .wp-block-button__link, button[type="submit"], input[type="submit"], .kb-forms-submit {
	text-transform: uppercase;
	letter-spacing: 0.2em;
	transition: background-color .35s var(--mmg-ease), color .35s var(--mmg-ease), border-color .35s var(--mmg-ease), transform .35s var(--mmg-ease);
}
.kb-button .kb-svg-icon-wrap, .kb-button .kt-btn-svg-icon { transition: transform .35s var(--mmg-ease); }
.kb-button:hover .kb-svg-icon-wrap, .kb-button:hover .kt-btn-svg-icon { transform: translateX(4px); }
/* Consistent button size inside page content */
.wp-block-kadence-advancedbtn .kb-button:not(.mmg-chip):not(.mmg-textlink) {
	font-size: 12.5px; font-weight: 600; letter-spacing: 0.2em; line-height: 1.2; padding: 17px 30px;
}
.wp-block-kadence-advancedbtn .kb-button.mmg-textlink { font-size: 12px; font-weight: 600; letter-spacing: 0.2em; }
@media (max-width: 767px) { .wp-block-kadence-advancedbtn .kb-button:not(.mmg-chip):not(.mmg-textlink) { padding: 15px 22px; } }
/* Text link button (EXPLORE STUDIOS →) */
.mmg-textlink.kb-button, .mmg-textlink .kb-button {
	justify-content: flex-start !important;
	text-align: left !important;
	background: transparent !important;
	border: 0 !important;
	padding: 6px 0 !important;
	color: var(--mmg-gold) !important;
	box-shadow: none !important;
}
.mmg-textlink.kb-button:hover, .mmg-textlink .kb-button:hover { color: var(--mmg-champagne) !important; }
/* Chip button */
.mmg-chip.kb-button, .mmg-chip .kb-button {
	background: transparent !important;
	border: 1px solid var(--mmg-rule) !important;
	color: var(--mmg-ivory) !important;
	padding: 10px 16px !important;
	font-size: 11.5px !important;
	letter-spacing: 0.18em !important;
}
.mmg-chip.kb-button:hover, .mmg-chip .kb-button:hover { border-color: var(--mmg-gold) !important; color: var(--mmg-gold) !important; }

/* ---------- Header ---------- */
.site-header .site-main-header-wrap .site-header-row-container-inner { border-bottom: 1px solid var(--mmg-rule); }
.transparent-header .site-header .site-main-header-wrap .site-header-row-container-inner { border-bottom-color: rgba(212, 175, 55, .18); }
.main-navigation .primary-menu-container > ul > li.menu-item > a { position: relative; }
.main-navigation .primary-menu-container > ul > li.menu-item:not(.mmg-nav-cta) > a::after {
	content: ""; position: absolute; left: calc(var(--global-kb-nav-pad, 1.2em) / 2); right: calc(var(--global-kb-nav-pad, 1.2em) / 2); bottom: 0.9em; height: 1px;
	background: var(--mmg-gold); transform: scaleX(0); transform-origin: left; transition: transform .4s var(--mmg-ease);
}
.main-navigation .primary-menu-container > ul > li.menu-item:not(.mmg-nav-cta) > a:hover::after,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a::after,
.main-navigation .primary-menu-container > ul > li.current-menu-ancestor > a::after { transform: scaleX(1); }
/* CONTACT = prominent gold CTA */
.main-navigation .primary-menu-container > ul > li.mmg-nav-cta { margin-left: 14px; }
.main-navigation .primary-menu-container > ul > li.mmg-nav-cta > a {
	background: var(--mmg-gold);
	color: var(--mmg-black) !important;
	padding: 0.95em 1.7em !important;
	line-height: 1;
	transition: background-color .35s var(--mmg-ease);
}
.main-navigation .primary-menu-container > ul > li.mmg-nav-cta > a:hover { background: var(--mmg-champagne); }
.mobile-navigation ul li.mmg-nav-cta > a { color: var(--mmg-gold) !important; }
.header-navigation .header-menu-container ul ul.sub-menu { border-top: 1px solid var(--mmg-gold); box-shadow: 0 24px 48px rgba(0,0,0,.45); }
.site-branding a.brand img { max-height: none; }

/* ---------- Footer ---------- */
.site-footer .site-middle-footer-inner-wrap { padding-top: 72px; padding-bottom: 56px; }
.site-footer .footer-navigation .menu > li > a { letter-spacing: 0.18em; }
.site-footer .widget_block p { margin-bottom: 0.6em; }
.mmg-footer-logo img { width: 240px; max-width: 100%; height: auto; }
.mmg-footer-tag { font-size: 11.5px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--mmg-champagne); line-height: 2.1; }
.site-footer .footer-social-wrap .social-button { border-color: var(--mmg-rule) !important; }
.site-bottom-footer-wrap .footer-html a { text-decoration: none; }
.mmg-footer-sep { color: var(--mmg-bronze); margin: 0 10px; }

/* ---------- Contact details ---------- */
.mmg-contact { display: grid; gap: 0; margin: 8px 0 0 !important; padding: 0 !important; list-style: none !important; }
.mmg-contact li { display: flex; gap: 18px; align-items: baseline; border-top: 1px solid var(--mmg-rule); padding: 14px 0; margin: 0; }
.mmg-contact li:last-child { border-bottom: 1px solid var(--mmg-rule); }
.mmg-contact .mmg-contact-label { flex: 0 0 84px; font-size: 12px; font-weight: 600; letter-spacing: 0.26em; color: var(--mmg-gold); }
.mmg-contact a { color: var(--mmg-ivory); text-decoration: none; }
.mmg-contact a:hover { color: var(--mmg-gold); }
.mmg-social-inline { display: inline-flex; flex-wrap: wrap; gap: 14px; }

/* ---------- Kadence form (dark) ---------- */
.mmg-form .kadence-blocks-form-field label,
.wp-block-kadence-form .kadence-blocks-form-field label {
	font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--mmg-champagne);
}
.wp-block-kadence-form .kadence-blocks-form-field input:not([type="checkbox"]):not([type="radio"]),
.wp-block-kadence-form .kadence-blocks-form-field select,
.wp-block-kadence-form .kadence-blocks-form-field textarea {
	background: var(--mmg-black) !important;
	border: 1px solid rgba(229, 229, 229, .2) !important;
	color: var(--mmg-ivory) !important;
	border-radius: 0 !important;
	padding: 13px 14px !important;
	font-size: 15px;
	transition: border-color .3s var(--mmg-ease);
}
.wp-block-kadence-form .kadence-blocks-form-field input:focus,
.wp-block-kadence-form .kadence-blocks-form-field select:focus,
.wp-block-kadence-form .kadence-blocks-form-field textarea:focus { border-color: var(--mmg-gold) !important; outline: none; box-shadow: none; }
.wp-block-kadence-form .kadence-blocks-form-field .required { color: var(--mmg-gold); }
.wp-block-kadence-form .kb-forms-submit {
	background: var(--mmg-gold) !important; color: var(--mmg-black) !important; border: 1px solid var(--mmg-gold) !important;
	border-radius: 0 !important; font-weight: 600; font-size: 13px; padding: 17px 32px !important; cursor: pointer;
}
.wp-block-kadence-form .kb-forms-submit:hover { background: var(--mmg-champagne) !important; border-color: var(--mmg-champagne) !important; }
.kadence-blocks-form-success { background: rgba(212,175,55,.12) !important; border: 1px solid var(--mmg-gold) !important; color: var(--mmg-ivory) !important; }
.kadence-blocks-form-warning { background: rgba(90,30,30,.35) !important; border: 1px solid var(--mmg-maroon) !important; color: var(--mmg-ivory) !important; }
.mmg-form-panel { box-shadow: 0 40px 80px rgba(0,0,0,.35); }

/* ---------- Logo intro (home, first visit per session) ---------- */
.mmg-intro {
	position: fixed; inset: 0; z-index: 99999;
	display: grid; place-items: center;
	background: var(--mmg-black);
	animation: mmgIntroOut .55s var(--mmg-ease) 1.85s forwards;
}
.mmg-intro__logo { position: relative; width: min(440px, 76vw); overflow: hidden; }
.mmg-intro__logo img {
	display: block; width: 100%; height: auto; animation: mmgIntroIn 1.3s var(--mmg-ease) both;
	-webkit-mask-image: radial-gradient(ellipse 62% 60% at 50% 50%, #000 58%, transparent 100%);
	mask-image: radial-gradient(ellipse 62% 60% at 50% 50%, #000 58%, transparent 100%);
}
.mmg-intro__logo::after {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(105deg, transparent 35%, rgba(216, 184, 135, .38) 50%, transparent 65%);
	transform: translateX(-120%); animation: mmgShine 1.2s var(--mmg-ease) .45s forwards;
}
@keyframes mmgIntroIn { from { opacity: 0; transform: scale(.95); filter: brightness(.4); } to { opacity: 1; transform: none; filter: brightness(1.05); } }
@keyframes mmgShine { to { transform: translateX(120%); } }
@keyframes mmgIntroOut { to { opacity: 0; visibility: hidden; } }
html.mmg-intro-skip .mmg-intro { display: none; }

/* ---------- Scroll reveal (only when JS is running; content stays visible otherwise) ---------- */
html.mmg-js .mmg-reveal { opacity: 0; transform: translateY(22px); transition: opacity 1s var(--mmg-ease), transform 1s var(--mmg-ease); }
html.mmg-js .mmg-reveal.is-in { opacity: 1; transform: none; }
html.mmg-js .mmg-reveal-group > .kt-row-column-wrap > .wp-block-kadence-column { opacity: 0; transform: translateY(22px); transition: opacity 1s var(--mmg-ease), transform 1s var(--mmg-ease); }
html.mmg-js .mmg-reveal-group.is-in > .kt-row-column-wrap > .wp-block-kadence-column { opacity: 1; transform: none; }
html.mmg-js .mmg-reveal-group.is-in > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) { transition-delay: .12s; }
html.mmg-js .mmg-reveal-group.is-in > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3) { transition-delay: .24s; }
html.mmg-js .mmg-reveal-group.is-in > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(4) { transition-delay: .36s; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.mmg-intro { display: none !important; }
	html.mmg-js .mmg-reveal, html.mmg-js .mmg-reveal-group > .kt-row-column-wrap > .wp-block-kadence-column { opacity: 1 !important; transform: none !important; transition: none !important; }
	.mmg-scroll-cue { animation: none; }
	.mmg-card:hover .wp-block-kadence-image img { transform: none; }
}

/* ---------- Legal pages & 404 ---------- */
.mmg-legal h2 { font-size: 20px; margin-top: 2.2em; color: var(--mmg-ivory); }
.mmg-legal p, .mmg-legal li { color: var(--mmg-stone); line-height: 1.8; }
.mmg-legal a { color: var(--mmg-gold); }
.mmg-404 { min-height: 78vh; display: grid; place-items: center; text-align: center; padding: 140px 20px 100px; background: radial-gradient(ellipse 60% 50% at 50% 40%, rgba(139,94,60,.22), transparent 70%), var(--mmg-black); }
.mmg-404 .mmg-404-code { font-family: var(--mmg-display); font-size: clamp(72px, 14vw, 180px); line-height: 1; color: transparent; -webkit-text-stroke: 1px var(--mmg-gold); letter-spacing: .06em; }
.mmg-404 h1 { font-size: clamp(22px, 3vw, 34px); margin: 24px 0 14px; }
.mmg-404 p { color: var(--mmg-stone); max-width: 52ch; margin: 0 auto 30px; }
.mmg-404 .mmg-404-links { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.mmg-404 .mmg-404-links a { border: 1px solid var(--mmg-rule); padding: 13px 22px; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--mmg-ivory); text-decoration: none; }
.mmg-404 .mmg-404-links a:hover { border-color: var(--mmg-gold); color: var(--mmg-gold); }
.mmg-404 .mmg-404-links a.is-primary { background: var(--mmg-gold); color: var(--mmg-black); border-color: var(--mmg-gold); }

/* ---------- Small screens ---------- */
@media (max-width: 767px) {
	.mmg-eyebrow { font-size: 12px !important; letter-spacing: 0.22em !important; }
	.mmg-eyebrow::after { flex-basis: 36px; }
	.mmg-statement { padding-left: 16px !important; }
	.mmg-hero { min-height: 0; }
	.mmg-lede { font-size: 16.5px; }
	.mmg-quote::before { font-size: 72px; }
	.mmg-scroll-cue { display: none; }
}