/*
Theme Name:  MotherLode HQ
Theme URI:   https://motherlodehq.com.au
Template:    lamoureux
Author:      Lamoureux Lane
Description: LocaLilly — find your local Lilly, Jack, Mia or Mac. An enamelled street sign, purple with a mint ILLY. This file holds tokens and nothing else; the look is assembled from them in assets/css/localilly.css.
Version:     0.1.0
Requires PHP: 8.2
Text Domain: localilly
*/

:root {
	--purple: #E85387;
	--purple-lit: #FFA6C9;
	--purple-mid: #F1E9E2;
	--purple-deep: #FBF7F3;

	--mint: #FF7A45;
	--mint-lit: #FFB088;
	--mint-deep: #C2410C;

	--enamel: #241A14;
	--cream: #FFF8F2;
	--keyline: rgba(255, 255, 255, .92);

	--font-util: 'Rubik', system-ui, sans-serif;
	--font-head: 'Lora', Georgia, serif;
	--font-say: 'Baloo Bhai 2', system-ui, sans-serif;
	--font-hand: 'Caveat', 'Segoe Script', cursive;

	--ground: var(--purple-deep);
	--measure: 1180px;

	--satin: linear-gradient(118deg, rgba(255,255,255,.30) 0%, rgba(255,255,255,.06) 22%,
		rgba(0,0,0,.14) 48%, rgba(255,255,255,.20) 66%, rgba(0,0,0,.10) 84%, rgba(255,255,255,.08) 100%);

	--bloom: radial-gradient(58% 52% at 16% 8%, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 62%),
		radial-gradient(54% 48% at 88% 96%, rgba(255,158,196,.20) 0%, rgba(255,158,196,0) 64%),
		radial-gradient(46% 44% at 96% 6%, rgba(255,158,196,.30) 0%, rgba(255,158,196,0) 62%);
	--bloom-soft: radial-gradient(56% 50% at 14% 6%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 62%),
		radial-gradient(50% 46% at 90% 98%, rgba(255,158,196,.16) 0%, rgba(255,158,196,0) 64%);

	--lift: 0 2px 18px rgba(40, 26, 18, .58), 0 1px 3px rgba(40, 26, 18, .5);
	--surface-shadow: inset 0 2px 0 rgba(255,255,255,.42), 0 20px 44px rgba(20,4,8,.44);
	--surface-shadow-soft: inset 0 2px 0 rgba(255,255,255,.44), 0 12px 26px rgba(20,4,8,.32);

	--entrance: linear-gradient(160deg, #FF1D6C 0%, #E8103E 55%, #C81237 100%);
	--entrance-gap: clamp(8px, 1.4vw, 16px);
	--entrance-fade-height: min(26svh, 14rem);
	--entrance-fade: linear-gradient(to bottom, rgba(251,247,243,0) 0%, rgba(251,247,243,.55) 58%, var(--purple-deep) 100%);
	--mark-ratio: 1150 / 750;
	--mark-space: clamp(52px, 11vw, 112px);
	--mark-shadow: drop-shadow(0 18px 36px rgba(20,4,8,.58));
	--anchor-space: clamp(56px, 11vw, 116px);
	--anchor-ink: var(--mint-lit);

	--float-time: 620ms;
	--float-ease: cubic-bezier(.22, .61, .36, 1);
	--float-rise: 22px;
	--float-stagger: 110ms;

	--seek-ground: linear-gradient(120deg, #965EB5, #8E45C4);
	--seek-sheen: radial-gradient(80% 120% at 12% -10%, rgba(255,255,255,.28) 0%, rgba(255,255,255,0) 55%),
		radial-gradient(60% 100% at 88% 120%, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 60%);
	--seek-rule: rgba(255,255,255,.36);
	--seek-ink: #fff;
	--seek-placeholder: rgba(255,255,255,.96);
	--seek-button: linear-gradient(120deg, var(--mint-lit), var(--mint));
	--seek-button-ink: #10322C;
	--chip-ink: rgba(246,241,248,.92);
	--chip-ink-hover: #fff;
	--chip-rule: rgba(246,241,248,.42);
	--chip-rule-hover: var(--mint);
	--door-ink: #fff;

	--row-ground: var(--purple);
	--row-ink: var(--cream);
	--row-ink-soft: #EBD9F5;
	--num-ground: var(--mint);
	--num-ink: #10322C;

	--top-ground: rgba(241, 233, 226, .94);
	--top-rule: rgba(246, 241, 248, .16);
	--chip-current: var(--mint);
	--count-ink: #fff;
	--count-figure: var(--mint);
	--count-note: #DFC6EF;
	--card-ink: var(--cream);
	--card-title-ink: #fff;
	--card-body-ink: rgba(246, 241, 248, .94);
	--card-meta-ink: rgba(246, 241, 248, .90);
	--card-pay-ink: #fff;
	--card-rule: rgba(246, 241, 248, .26);
	--card-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 14px 30px rgba(20,4,8,.30);
	--card-shadow-lift: inset 0 1px 0 rgba(255,255,255,.32), 0 22px 44px rgba(20,4,8,.44);
	--org-ink: #fff;
	--live-ink: rgba(246, 241, 248, .78);
	--pill-ink: #2C0F45;

	--ma-ground: radial-gradient(60% 55% at 50% 10%, rgba(255,158,196,.50) 0%, rgba(255,158,196,0) 66%), var(--purple-mid);
	--act-ink: #10322C;
	--act-ground: linear-gradient(120deg, var(--mint-lit), var(--mint));
	--act-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 12px 26px rgba(20,4,8,.40);
	--act-quiet-rule: rgba(246, 241, 248, .42);
	--note-ground: var(--purple-deep);
	--note-ink: #D4B3EC;

	
	--foot-ground: var(--lode-cream, #FBEFE9);
	--foot-ink: var(--lode-ink, #3A1330);
	--skip-ground: var(--mint);
	--skip-ink: #10322C;
	--focus: var(--mint-lit);
}

.ll-word {
	display: block;
	margin: 0 0 1.25rem;
	padding: 0.9rem 1.05rem;
	border-left: 3px solid var(--ll-mint);
	border-radius: 10px;
	background: var(--ll-enamel);
	color: var(--ll-deep);
	font-size: 1.02rem;
	line-height: 1.5;
	text-wrap: pretty;
}

@media (prefers-reduced-motion: no-preference) {
	.ll-word { animation: ll-word-in 320ms ease-out both; }
}

@keyframes ll-word-in {
	from { opacity: 0; transform: translateY(-4px); }
	to   { opacity: 1; transform: none; }
}

.askback-hold { margin: 3rem 0 0; }

.askback {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	padding: 1.4rem 1.15rem 1.5rem;
	border: 1px solid var(--ll-keyline);
	border-radius: 14px;
	background: var(--ll-enamel);
}

.askback-ask { margin: 0; font-size: 1.22rem; line-height: 1.25; color: var(--ll-deep); }
.askback-why { margin: 0 0 0.6rem; font-size: 1rem; line-height: 1.5; color: var(--ll-mid); text-wrap: pretty; }
.askback-label { font-size: 0.95rem; color: var(--ll-deep); }

.askback-field {
	width: 100%;
	padding: 0.72rem 0.8rem;
	border: 1px solid var(--ll-keyline);
	border-radius: 10px;
	background: #fff;
	color: var(--ll-deep);
	font: inherit;
	font-size: 1rem;
}

.askback-field:focus-visible { outline: 3px solid var(--ll-mint); outline-offset: 1px; }

.askback-go {
	margin-top: 0.9rem;
	padding: 0.85rem 1.1rem;
	border: 0;
	border-radius: 999px;
	background: var(--ll-purple);
	color: #fff;
	font: inherit;
	font-size: 1.03rem;
	cursor: pointer;
}

.who-sees {
	margin: 0.35rem 0 0;
	padding-left: 0.7rem;
	border-left: 2px solid var(--ll-mint);
	font-size: 0.95rem;
	line-height: 1.45;
	color: var(--ll-mid);
	text-wrap: pretty;
}

.sees-hold { margin: 3rem 0 0; }
.sees-ask { margin: 0 0 0.35rem; font-size: 1.3rem; line-height: 1.2; color: var(--ll-deep); }
.sees-why { margin: 0 0 1.1rem; font-size: 1rem; line-height: 1.5; color: var(--ll-mid); text-wrap: pretty; }

.sees { margin: 0; }

.sees-what {
	margin: 1.05rem 0 0.2rem;
	font-size: 1.02rem;
	font-weight: 600;
	color: var(--ll-deep);
}

.sees-said {
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
	color: var(--ll-mid);
	text-wrap: pretty;
}

.legal { padding: 2rem 1.05rem 4rem; max-width: 44rem; margin: 0 auto; }
.legal-title { margin: 0 0 0.4rem; font-size: 2rem; line-height: 1.12; color: var(--ll-deep); }
.legal-under { margin: 0 0 2rem; font-size: 1.05rem; line-height: 1.5; color: var(--ll-mid); text-wrap: pretty; }
.legal-part { margin: 0 0 1.6rem; }
.legal-head { margin: 0 0 0.35rem; font-size: 1.18rem; line-height: 1.25; color: var(--ll-deep); }
.legal-said { margin: 0; font-size: 1.02rem; line-height: 1.55; color: var(--ll-mid); text-wrap: pretty; }

.legal-fifth {
	margin: 2.4rem 0 0;
	padding: 1.5rem 1.15rem;
	border-left: 3px solid var(--ll-mint);
	border-radius: 12px;
	background: var(--ll-enamel);
}

.legal-fifth-head { margin: 0 0 0.4rem; font-size: 1.32rem; line-height: 1.2; color: var(--ll-deep); }
.legal-fifth-open { margin: 0 0 1.1rem; font-size: 1.05rem; line-height: 1.5; color: var(--ll-deep); text-wrap: pretty; }
.legal-who { margin: 2.6rem 0 0; font-size: 0.95rem; color: var(--ll-mid); }

.opening { margin: 2rem 0 1.4rem; padding: 1.3rem 1.1rem; border: 1px solid var(--ll-keyline); border-radius: 14px; background: var(--ll-enamel); }
.opening-word { margin: 0 0 0.75rem; font-size: 1.1rem; line-height: 1.35; color: var(--ll-deep); text-wrap: pretty; }
.opening-go { display: block; width: 100%; padding: 0.9rem 1.1rem; border: 0; border-radius: 999px; background: var(--ll-mint); color: var(--ll-deep); font: inherit; font-size: 1.05rem; font-weight: 600; cursor: pointer; }
.opening-go--close { background: transparent; border: 1px solid var(--ll-keyline); color: var(--ll-mid); font-weight: 400; }
.opening-why { margin: 0.7rem 0 0; font-size: 0.95rem; line-height: 1.45; color: var(--ll-mid); text-wrap: pretty; }

.found { margin: 0 0 2.2rem; }
.found-head { margin: 0 0 0.9rem; font-size: 1.35rem; line-height: 1.2; }
.found-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.75rem; }
.found-go { display: block; padding: 1rem 1.05rem; border: 1px solid var(--ll-keyline); border-radius: 14px; background: var(--ll-enamel); text-decoration: none; }
.found-name { display: block; font-size: 1.15rem; font-weight: 600; color: var(--ll-deep); }
.found-line { display: block; margin-top: 0.15rem; font-size: 1rem; color: var(--ll-mid); }
.found-where { display: block; margin-top: 0.35rem; font-size: 0.95rem; color: var(--ll-mid); }
.found-does { display: block; margin-top: 0.3rem; font-size: 0.92rem; color: var(--ll-mid); }
.found-after { margin: 1rem 0 0; font-size: 0.95rem; line-height: 1.45; color: var(--ll-mid); text-wrap: pretty; }

.them { padding: 1.6rem 1.05rem 4rem; max-width: 44rem; margin: 0 auto; }
.them-name { margin: 0; font-size: 2rem; line-height: 1.1; }
.them-line { margin: 0.25rem 0 0; font-size: 1.08rem; color: var(--ll-mid); }
.them-where { margin: 0.5rem 0 0; font-size: 1rem; color: var(--ll-mid); }
.them-says { margin: 1.6rem 0 0.35rem; padding-left: 0.9rem; border-left: 3px solid var(--ll-mint); font-size: 1.06rem; line-height: 1.55; text-wrap: pretty; }
.them-says-who { margin: 0 0 1.4rem; font-size: 0.92rem; color: var(--ll-mid); }
.them-head { margin: 1.8rem 0 0.5rem; font-size: 1.22rem; line-height: 1.25; }
.them-does, .them-asks, .them-pics { list-style: none; margin: 0; padding: 0; }
.them-does li { display: inline-block; margin: 0 0.4rem 0.4rem 0; padding: 0.4rem 0.75rem; border-radius: 999px; background: var(--ll-enamel); font-size: 0.98rem; }
.them-asks li { display: flex; justify-content: space-between; gap: 1rem; padding: 0.6rem 0; border-bottom: 1px solid var(--ll-keyline); font-size: 1.02rem; }
.them-asks-who, .them-free { margin: 0.6rem 0 0; font-size: 1rem; color: var(--ll-mid); }
.them-pics { display: grid; grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); gap: 0.6rem; }
.them-pics img { width: 100%; height: auto; border-radius: 12px; display: block; }
.them-reach { margin: 2.4rem 0 0; padding: 1.3rem 1.1rem; border-radius: 14px; background: var(--ll-enamel); }
.them-reach-why { margin: 0 0 1rem; font-size: 1rem; line-height: 1.5; color: var(--ll-mid); text-wrap: pretty; }

.askback-said {
	width: 100%;
	min-height: 8.5rem;
	padding: 0.8rem 0.85rem;
	border: 1px solid var(--ll-keyline);
	border-radius: 12px;
	background: #fff;
	color: var(--ll-deep);
	font: inherit;
	font-size: 1.02rem;
	line-height: 1.5;
	resize: vertical;
}
.askback-said:focus-visible { outline: 3px solid var(--ll-mint); outline-offset: 1px; }
.askback-also { margin: 0.85rem 0 0; font-size: 0.95rem; line-height: 1.45; color: var(--ll-mid); text-wrap: pretty; }

.sampler { padding: 1.5rem 1.05rem 5rem; max-width: 44rem; margin: 0 auto; }
.sampler-note { margin: 0 0 0.8rem; font-size: 1rem; line-height: 1.5; color: var(--ll-mid); text-wrap: pretty; }
.sampler-jump { list-style: none; margin: 0 0 2.4rem; padding: 0; display: grid; gap: 0.4rem; }
.sampler-jump a { color: var(--ll-mint); font-size: 1rem; }
.sampler-head { margin: 2.6rem 0 0.3rem; font-size: 1.45rem; line-height: 1.2; color: var(--ll-deep); }
.sampler-why { margin: 0 0 1.4rem; font-size: 1rem; line-height: 1.5; color: var(--ll-mid); text-wrap: pretty; }
.sampler-why--small { margin: 0 0 0.7rem; font-size: 0.95rem; }
.sampler-one { margin: 0 0 2.4rem; }
.sampler-tag { margin: 0 0 0.5rem; font-size: 0.82rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ll-mid); }

.sampler-hero {
	padding: 1.6rem 1.15rem 1.8rem;
	border-radius: 14px;
	background: var(--ll-deep);
	color: #fff;
	text-align: center;
}
.sampler-hero .head { margin: 0 0 0.9rem; }

.lede--weighty {
	margin: 0;
	font-size: clamp(1.12rem, 4.4vw, 1.34rem);
	line-height: 1.35;
	font-weight: 500;
	color: #fff;
	text-wrap: balance;
}
.lede--weighty[contenteditable]:focus-visible { outline: 3px solid var(--ll-mint); outline-offset: 4px; }

.sign-legend {
	margin: 0 0 0.15rem;
	font-family: var(--font-plate, inherit);
	font-size: clamp(1.05rem, 4.6vw, 1.3rem);
	letter-spacing: .06em;
	text-align: center;
	color: var(--enamel, #f6f1e7);
}
.sign-under {
	margin: 0 0 0.7rem;
	font-size: 0.8rem;
	text-align: center;
	color: var(--enamel, #f6f1e7);
	opacity: .85;
}
.sign--full .seek, .sign--named .seek { margin-top: 0.55rem; }

.sampler--walk .sampler-jump--row { display: flex; flex-wrap: wrap; gap: 0.9rem; margin-bottom: 1rem; }
.sampler--walk [aria-current="page"] { color: var(--ll-deep); font-weight: 600; text-decoration: none; }
.parent-head { margin: 1.6rem 0 0.6rem; font-size: clamp(1.6rem, 6.6vw, 2rem); line-height: 1.14; color: var(--ll-deep); text-wrap: balance; }
.parent-lede { margin: 0 0 0.8rem; font-size: 1.06rem; line-height: 1.5; color: var(--ll-mid); text-wrap: pretty; }
.parent-lede--strong { color: var(--ll-deep); font-weight: 500; }
.parent-sub { margin: 2rem 0 0.5rem; font-size: 1.22rem; line-height: 1.25; color: var(--ll-deep); }
.parent-said { margin: 0 0 0.85rem; font-size: 1.03rem; line-height: 1.55; color: var(--ll-mid); text-wrap: pretty; }
.parent-said strong { color: var(--ll-deep); }
.sampler-rule { margin: 2.6rem 0 0; padding: 1.3rem 1.1rem; border: 1px solid var(--ll-keyline); border-radius: 14px; background: var(--ll-enamel); }
.sampler--walk .opening-go { display: inline-block; margin-top: 1.4rem; text-decoration: none; text-align: center; }

.seek-first {
	max-width: min(100%, 60rem);
	margin: 0 auto 0.85rem;
	padding: 0 0.2rem;
	font-size: clamp(15px, 3.9vw, 17px);
	line-height: 1.5;
	color: var(--enamel, #f6f1e7);
	text-align: center;
	text-wrap: pretty;
	opacity: .95;
}

.sampler,
.sampler--walk {
	color: var(--enamel, #f6f1e7);
}

.sampler .sampler-head,
.sampler .sampler-note,
.sampler .sampler-why,
.sampler .sampler-tag,
.sampler .parent-head,
.sampler .parent-sub,
.sampler .parent-lede,
.sampler .parent-said,
.sampler .sees-what,
.sampler .sees-said,
.sampler .them-head,
.sampler .them-line,
.sampler .them-where,
.sampler .them-says,
.sampler .them-says-who,
.sampler .them-free,
.sampler .them-asks li,
.sampler .them-asks-who {
	color: var(--enamel, #f6f1e7);
}

.sampler .sampler-why,
.sampler .sampler-note,
.sampler .them-says-who,
.sampler .them-asks-who {
	opacity: .88;
}

.sampler .parent-said strong,
.sampler .parent-lede--strong {
	color: #fff;
}

.sampler .sampler-rule {
	background: rgba(255, 255, 255, .07);
	border-color: rgba(255, 255, 255, .22);
}

.sampler .sampler-rule .sampler-why,
.sampler .sampler-rule .sampler-tag {
	color: var(--enamel, #f6f1e7);
}

.sampler .them-does li {
	background: rgba(255, 255, 255, .12);
	color: var(--enamel, #f6f1e7);
}

.sampler .them-asks li { border-bottom-color: rgba(255, 255, 255, .18); }
.sampler .sampler-jump a { color: var(--ll-mint, #7fe3c4); }

.firstword { margin: 2.4rem 0 0; padding: 1.4rem 1.15rem; border: 1px solid var(--ll-keyline); border-radius: 14px; background: var(--ll-enamel); }
.firstword-why { margin: 0 0 1rem; font-size: 1.02rem; line-height: 1.5; color: var(--ll-mid); text-wrap: pretty; }
.firstword-go { display: inline-block; padding: 0.85rem 1.2rem; border-radius: 999px; background: var(--ll-mint); color: var(--ll-deep); font-weight: 600; text-decoration: none; }
.firstword-form { display: grid; gap: 0.5rem; }

.legal,
.legal-title,
.legal-under,
.legal-head,
.legal-said,
.legal-who,
.sees-hold,
.sees-ask,
.sees-why,
.sees-what,
.sees-said,
.who-sees,
.them,
.them-head,
.them-line,
.them-where,
.them-says,
.them-says-who,
.them-free,
.them-asks li,
.them-asks-who,
.parent-head,
.parent-sub,
.parent-lede,
.parent-said {
	color: var(--enamel, #f6f1e7);
}

.legal-fifth,
.sees-hold .sees,
.them-reach {
	background: rgba(255, 255, 255, .07);
	border-color: rgba(255, 255, 255, .22);
}

.legal-fifth-head,
.legal-fifth-open { color: var(--enamel, #f6f1e7); }

.who-sees { border-left-color: var(--ll-mint); opacity: .92; }
.them-does li { background: rgba(255, 255, 255, .12); color: var(--enamel, #f6f1e7); }
.them-asks li { border-bottom-color: rgba(255, 255, 255, .18); }

.askback,
.opening,
.firstword { color: var(--ll-deep); }

:root {
	--ll-deep: var(--purple-deep);
	--ll-mid: var(--enamel);
	--ll-mint: var(--mint);
	--ll-enamel: rgba(255, 255, 255, .07);
	--ll-keyline: rgba(255, 255, 255, .22);
}


:root {
	
	--lode-cream: #FDF2F5;
	--lode-ink: #3D0836;
	--lode-body: #4A3B4E;
	--lode-orange: #FE8743;
	
	--lode-coral: #F0295E;
	--lode-magenta: #D4145E;
	--lode-berry: #C5156A;
	--lode-plum: #7A0862;
	--lode-label: #8A6E7E;
	--lode-keyline: #ECE3DC;
}

.hero-lode {
	background: var(--lode-cream);
	padding: clamp(2rem, 5vw, 3.5rem) 0 0;
	overflow: hidden;
}

.hero-lode-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	align-items: center;
}
@media (min-width: 900px) {
	.hero-lode-grid { grid-template-columns: 1.1fr 1fr; gap: 3rem; }
}

.hero-lode-copy .head {
	font-size: clamp(2rem, 6vw, 3.4rem);
	line-height: 1.08;
	color: var(--lode-ink);
	margin: 0 0 1.1rem;
}
.hero-lode-copy .lede {
	font-size: 1.05rem;
	line-height: 1.6;
	color: var(--lode-body);
	max-width: 34rem;
	margin: 0 0 1.6rem;
}

.hero-lode-ctas { display: flex; flex-wrap: wrap; gap: 1.1rem; }
.hero-lode-ctas .btn {
	display: inline-flex; align-items: center; gap: 0.6rem;
	padding: 1.15rem 2.1rem; border-radius: 999px;
	font-size: 1.1rem; font-weight: 600; text-decoration: none; white-space: nowrap;
	transition: opacity .15s ease;
}
.hero-lode-ctas .btn:hover { opacity: .85; }
.hero-lode-ctas .btn--dark { background: var(--lode-ink); color: #fff; }
.hero-lode-ctas .btn--outline { background: transparent; color: var(--lode-magenta); border: 1px solid var(--lode-magenta); }

.hero-lode-mark {
	display: flex; align-items: center; justify-content: center;
}
.hero-lode-mark img {
	width: 100%; max-width: 32rem; height: auto; display: block;
}
@media (min-width: 900px) {
	.hero-lode-mark img { max-width: none; width: 100%; }
}

.hero-lode-strip {
	margin-top: clamp(2rem, 5vw, 3rem);
	padding: 1.6rem 0;
	border-top: 1px solid var(--lode-keyline);
	display: flex; flex-wrap: wrap; gap: 1rem 2rem;
	align-items: center; justify-content: space-between;
}
.hero-lode-tag { font-size: 1.1rem; font-weight: 600; color: var(--lode-ink); margin: 0; }
.hero-lode-tag strong { color: var(--lode-magenta); }
.hero-lode-paths { display: flex; flex-wrap: wrap; gap: 1.2rem 2rem; }
.hero-lode-paths a { color: var(--lode-ink); text-decoration: none; font-size: 0.95rem; border-bottom: 1px solid var(--lode-magenta); padding-bottom: 2px; }



.sec--connect .in,
.sec--tags .in,
.sec--seek .in,
.sec--posts .in,
.sec--shine .in,
.sec--steps .in,
.sec--why .in,
.sec--layers .in {
	background: var(--lode-cream);
}


.connect-cards { display: flex; flex-wrap: wrap; gap: 0.9rem; }
.connect-card {
	flex: 1 1 220px; background: #fff !important; border: 1px solid var(--lode-keyline) !important;
	border-top: 3px solid var(--lode-coral) !important; border-radius: 14px; padding: 1.1rem 1.3rem;
	display: flex; flex-direction: column; gap: 0.5rem; text-decoration: none;
	box-shadow: none !important;
}
.connect-card--white, .connect-card--steel, .connect-card--red { border-top-color: var(--lode-magenta) !important; }
.connect-card .cc-role { color: var(--lode-ink) !important; font-weight: 700; font-size: 1rem; background: none !important; }
.connect-card .cc-meta {
	display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.4rem 0.8rem;
	color: var(--lode-label) !important; font-size: 0.82rem; background: none !important;
}
.connect-card .cc-meta b { color: var(--lode-ink) !important; font-weight: 600; }


.tags-lede { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.2rem, 3vw, 1.6rem); color: var(--lode-ink); text-align: center; }
.tag-pill {
	background: transparent !important; box-shadow: none !important; border: 1px solid var(--lode-magenta) !important;
	color: var(--lode-ink) !important; border-radius: 999px; padding: 0.4rem 1rem; font-weight: 500; font-size: 0.85rem;
	text-shadow: none !important;
}


.seek-plate {
	background: #fff !important; border: 1px solid var(--lode-keyline) !important; border-radius: 18px !important;
	box-shadow: 0 1px 0 var(--lode-keyline) !important; padding: 1.2rem !important;
}
.seek-in {
	background: var(--lode-cream) !important; border: 1px solid var(--lode-keyline) !important; color: var(--lode-ink) !important;
	border-radius: 10px !important; box-shadow: none !important;
}
.seek-in::placeholder { color: var(--lode-label) !important; opacity: 1; }
.seek-go {
	background: var(--lode-ink) !important; color: #fff !important; border: none !important; border-radius: 999px !important;
	box-shadow: none !important; font-weight: 600;
}
.seek-first { color: var(--lode-body); text-align: center; }



.rail .post-face {
	border: none; border-radius: 16px;
	display: flex; align-items: center; justify-content: center; min-height: 130px;
	box-shadow: 0 14px 28px rgba(122,8,98,.16), inset 0 1px 0 rgba(255,255,255,.35);
}
.rail-item:nth-child(8n+1) .post-face { background: linear-gradient(140deg, var(--lode-orange), var(--lode-coral)); }
.rail-item:nth-child(8n+2) .post-face { background: linear-gradient(140deg, var(--lode-coral), var(--lode-magenta)); }
.rail-item:nth-child(8n+3) .post-face { background: linear-gradient(140deg, var(--lode-magenta), var(--lode-berry)); }
.rail-item:nth-child(8n+4) .post-face { background: linear-gradient(140deg, var(--lode-berry), var(--lode-plum)); }
.rail-item:nth-child(8n+5) .post-face { background: linear-gradient(140deg, var(--lode-orange), var(--lode-magenta)); }
.rail-item:nth-child(8n+6) .post-face { background: linear-gradient(140deg, var(--lode-magenta), var(--lode-orange)); }
.rail-item:nth-child(8n+7) .post-face { background: linear-gradient(140deg, var(--lode-berry), var(--lode-coral)); }
.rail-item:nth-child(8n+8) .post-face { background: linear-gradient(140deg, var(--lode-plum), var(--lode-berry)); }

.rail .post-name {
	color: #fff !important; font-family: Georgia, 'Times New Roman', serif; font-size: 1.05rem; font-weight: 700;
	background: rgba(30, 6, 24, .55); padding: .4rem .9rem; border-radius: 999px; text-shadow: none;
}
.eyebrow { color: var(--lode-magenta) !important; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.8rem; font-weight: 600; }
.rail-hint { color: var(--lode-ink); text-align: center; font-weight: 600; }


@media (prefers-reduced-motion: no-preference) {
	.rail { animation: lode-rail-scroll 26s linear infinite; }
	.rail:hover { animation-play-state: paused; }
}
@keyframes lode-rail-scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-30%); }
}



.hero-lode-h1 {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-weight: 400 !important; font-style: normal;
	font-size: clamp(2.2rem, 5.6vw, 3.8rem) !important; line-height: 1.02 !important;
	color: #1C1418 !important; margin: 0 0 .4rem !important; text-shadow: none !important;
	background: none !important; -webkit-text-fill-color: #1C1418 !important;
}
.hero-lode-h2 {
	font-family: 'Playfair Display', Georgia, serif; font-style: italic;
	font-size: clamp(1.2rem, 2.6vw, 1.6rem); color: var(--lode-berry); margin: 0 0 1.2rem;
}


.sec--shine .head, .sec--why .head, .step-head { font-family: Georgia, 'Times New Roman', serif; color: var(--lode-ink); }
.step-num { color: var(--lode-magenta); }
.sec--why .body, .sec--shine .body, .step .body { color: var(--lode-body); }
.layers { background: #fff; border: 1px solid var(--lode-keyline); border-radius: 14px; padding: 1.2rem 1.4rem; text-decoration: none; }
.layers-name { color: var(--lode-ink); font-weight: 700; }
.layers-line { color: var(--lode-body); }


@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');



.head, .hero-lode-copy .head, .sec--shine .head, .sec--why .head, .step-head, .onward-name {
	font-family: var(--font-head, 'Lora', Georgia, serif) !important;
	text-shadow: none !important;
	filter: none !important;
	text-transform: none !important;
	font-size: clamp(1.75rem, 3.4vw, 2.75rem) !important;
	line-height: 1.18 !important;
	letter-spacing: normal !important;
}
.hero-lode-copy .head { font-family: 'Fraunces', Georgia, serif !important; } /* the opening keeps its face (hers, 9 Oct) */


.hero-lode-copy .head, .hero-lode-tag, .hero-lode-tag strong {
	color: var(--lode-berry) !important;
}
.hero-lode-ctas .btn--dark {
	background: var(--lode-berry) !important;
}
.hero-lode-ctas .btn--outline {
	color: var(--lode-berry) !important; border-color: var(--lode-berry) !important;
}
.connect-card { border-top-color: var(--lode-berry) !important; }
.tag-pill { border-color: var(--lode-berry) !important; }
.seek-go { background: var(--lode-berry) !important; }
.layers-name { color: var(--lode-berry) !important; }



.bar-burger {
	background: linear-gradient(135deg, #F4F1EC 0%, #E4DEE0 100%) !important;
	border: 1.5px solid var(--lode-berry) !important;
}
.bar .bar-burger { background: linear-gradient(135deg, #F4F1EC 0%, #E4DEE0 100%) !important; --edge: var(--lode-berry); }
.bar-burger span {
	background: linear-gradient(90deg, var(--lode-orange), var(--lode-magenta)) !important;
}


:root { --lode-ink: #6B1B52; }


.hero-lode-strip {
	display: flex; flex-wrap: wrap; align-items: center; gap: 1.4rem 1.8rem;
}
.hero-lode-tag {
	font-family: 'Playfair Display', Georgia, serif !important;
	letter-spacing: 0.01em; font-weight: 700;
	font-size: clamp(1.6rem, 3.6vw, 2.2rem) !important; line-height: 1.15 !important;
	margin: 0 !important; color: #1C1418;
}
.hero-lode-tag strong { font-weight: 600; }
.hero-lode-divider {
	display: none;
}
@media (min-width: 700px) {
	.hero-lode-divider { display: block; width: 1px; align-self: stretch; background: var(--lode-keyline); }
}
.hero-lode-paths { display: flex; flex-wrap: wrap; gap: 1rem 1.4rem; flex: 1 1 auto; }
.hero-lode-paths a {
	display: inline-flex; align-items: center; gap: 0.7rem;
	border-bottom: none !important; color: var(--lode-ink) !important; font-size: 0.95rem; font-weight: 600;
	padding: .6rem 1.1rem; border-radius: 999px;
}


.hero-lode-paths a { background: none !important; padding: 0 !important; }
.hero-lode-badge {
	display: inline-flex; align-items: center; justify-content: center;
	width: 2rem; height: 2rem; border-radius: 999px; border: 1px solid var(--lode-orange);
	background: #fff; color: var(--lode-orange); font-size: 0.9rem; flex: none;
}


.sec--door, .sec--door .in { background: var(--lode-cream) !important; }
.sec--door .head { font-family: 'Lora', Georgia, serif !important; color: var(--lode-berry) !important; text-shadow: none !important; }
.sec--door .body { color: var(--lode-body) !important; }

.doors { display: flex; flex-wrap: wrap; gap: 1.4rem; }
.door {
	flex: 1 1 280px; background: #fff !important; border: 1px solid var(--lode-keyline) !important;
	border-radius: 18px !important; box-shadow: none !important; padding: 1.6rem !important;
}
.door .seek-in {
	background: var(--lode-cream) !important; border: 1px solid var(--lode-keyline) !important;
	color: var(--lode-ink) !important; box-shadow: none !important; border-radius: 10px !important;
}
.door .seek-in::placeholder { color: var(--lode-label) !important; opacity: 1; }
.door .press {
	background: linear-gradient(90deg, var(--lode-orange), #D8D3CE) !important; color: var(--lode-ink) !important;
	border: none !important; box-shadow: none !important; border-radius: 999px !important; font-weight: 600 !important;
}
.door-small { color: var(--lode-label) !important; }
.door-small a { color: var(--lode-berry) !important; }

.found-head { font-family: 'Lora', Georgia, serif !important; color: var(--lode-berry) !important; }
.found-after { color: var(--lode-body) !important; }


.hero-lode-ctas .btn--dark, .seek-go, .connect-card, .door .press {
	background: linear-gradient(120deg, var(--lode-orange) 0%, var(--lode-coral) 30%, var(--lode-magenta) 65%, var(--lode-berry) 100%) !important;
	color: #fff !important; border: none !important;
	
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.55),
		0 4px 0 0 #D8D8DC,
		0 12px 26px rgba(122,8,98,.34) !important;
}
.door .press { color: #fff !important; }
.hero-lode-ctas .btn--dark:hover, .seek-go:hover, .door .press:hover {
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.55),
		0 2px 0 0 #D8D8DC,
		0 8px 18px rgba(122,8,98,.4) !important;
	transform: translateY(2px);
}
.hero-lode-ctas .btn--dark:active, .seek-go:active {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 0 0 0 #D8D8DC, 0 4px 10px rgba(122,8,98,.35) !important;
	transform: translateY(4px);
}
.hero-lode-ctas .btn--outline {
	border-width: 1.5px !important;
}


.bar-burger, .bar .bar-burger {
	background: linear-gradient(135deg, #F3F3F5 0%, #D9D9DE 100%) !important;
}


.hero-lode-mark { position: relative; flex-direction: column; }
.hero-lode-mark::before {
	content: ''; position: absolute; inset: -10%; z-index: 0;
	background: radial-gradient(circle, rgba(239,23,99,.22) 0%, rgba(239,23,99,0) 68%);
	pointer-events: none;
}
.hero-lode-mark img { position: relative; z-index: 1; }
@media (prefers-reduced-motion: no-preference) {
	.hero-lode-mark::before { animation: lode-breathe 7s ease-in-out infinite; }
	.hero-lode-mark img { animation: lode-breathe-img 7s ease-in-out infinite; }
}
@keyframes lode-breathe {
	0%, 100% { opacity: .7; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.06); }
}
@keyframes lode-breathe-img {
	0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(239,23,99,0)); }
	50% { transform: scale(1.012); filter: drop-shadow(0 0 18px rgba(239,23,99,.18)); }
}

.lode-caption {
	text-align: center; font-family: Georgia, serif; font-style: italic;
	color: var(--lode-label); font-size: .88rem; max-width: 26rem;
	margin: .9rem auto 0;
}

.seek-now { display: flex; align-items: center; gap: .5rem; margin: .8rem 0 0; font-size: .88rem; color: var(--lode-body); }
.seek-now input { accent-color: var(--lode-berry); width: 1rem; height: 1rem; }




.sec--seek {
	background: linear-gradient(160deg, #FBD9E3 0%, #F7C3D6 45%, #F2A9C6 100%);
	padding: 4rem 1.5rem;
}
.eyebrow-on-band { text-align:center; text-transform:uppercase; letter-spacing:.12em; font-size:.75rem; color:#8A0E4E; font-weight:700; margin:0 0 .6rem; }
.seek-head { font-family:'Lora',Georgia,serif; text-align:center; color:#4A0E39; font-size:clamp(1.6rem,4.5vw,2.3rem); margin:0 0 2.2rem; }
.sec--seek .seek-plate {
	max-width: 30rem; margin: 0 auto; text-align:center;
	background: linear-gradient(135deg,#FAFAFB 0%,#DEDCE0 100%) !important;
	border: none !important; box-shadow: 0 24px 48px rgba(122,8,98,.22) !important;
	border-radius: 24px !important; padding: 2.2rem 1.6rem !important;
}
.sec--seek .seek-first { font-size:.9rem; margin-bottom:1.2rem; }
.sec--seek .seek-in { margin-bottom:.8rem; }
.sec--seek .seek-go { width:100%; padding:1.1rem !important; font-size:1.05rem !important; }


.sec--voices { background: var(--lode-cream); padding: 4.5rem 1.5rem; }
.voices-grid { display:grid; grid-template-columns:1fr; gap:2.5rem; max-width:64rem; margin:0 auto; align-items:start; }
@media (min-width:840px) { .voices-grid { grid-template-columns: .85fr 1.15fr; } }
.voices-photo { position:relative; border-radius:28px; overflow:hidden; box-shadow:0 30px 60px rgba(122,8,98,.22); }
.voices-photo img { width:100%; display:block; }

.voices-photo-cap {
	position:absolute; left:0; right:0; bottom:0; margin:0;
	background: linear-gradient(to top, rgba(43,10,36,.86) 0%, rgba(43,10,36,.5) 60%, rgba(43,10,36,0) 100%);
	padding: 3.4rem 1.6rem 1.5rem;
	font-family:'Lora', Georgia, serif; font-style:italic; font-optical-sizing: auto;
	font-size:1.05rem; line-height:1.4; color:#fff;
}
.voices-head { font-family:'Lora',Georgia,serif; color:var(--lode-berry); font-size:clamp(1.6rem,4vw,2.1rem); margin:0 0 2rem; }
.voice { position:relative; margin:0 0 2.6rem; }
.voice:last-child { margin-bottom:0; }
.voice-mark { display:block; width:.5rem; height:.5rem; border-radius:50%; margin-bottom:.8rem; background:linear-gradient(135deg,var(--lode-orange),var(--lode-magenta)); }
.voice-quote { font-family:Georgia,serif; font-style:italic; font-size:1.2rem; line-height:1.4; color:#4A0E39; margin:0 0 .9rem; }
.voice-byline { display:flex; flex-wrap:wrap; align-items:baseline; gap:.6rem; }
.voice-name { font-family:Georgia,serif; font-weight:700; color:var(--lode-berry); font-size:1.02rem; }
.voice-role { color:var(--lode-label); font-size:.85rem; }
.voice-hours { color:var(--lode-body); font-size:.75rem; border-left:2px solid var(--lode-orange); padding-left:.6rem; margin-left:auto; }


.sec--close { text-align:center; padding:4rem 1.5rem 5rem; }
.close-head { font-family:'Lora',Georgia,serif; color:var(--lode-berry); font-size:clamp(1.7rem,4.5vw,2.4rem); margin:0 0 1.6rem; }


.hero-lode-stack { display:flex; flex-direction:column; align-items:center; text-align:center; }

.hero-lode-copy-top { max-width: 46rem; margin: 0 auto; }
.hero-lode-copy-top .head {
	font-size: clamp(2.1rem, 5vw, 3.6rem) !important; line-height: 1.1 !important;
}
.hero-lode-copy-top .lede { max-width: 34rem; margin: 1.4rem auto 0; }


.hero-lode-stack { display: flex; flex-direction: column; }
.hero-lode-mark-big { order: -1; margin-top: 0; }
@media (min-width: 900px) {
	.hero-lode-mark-big { order: 0; }
	.hero-lode-mark-big { max-width: 54rem; } 
}

.hero-lode-mark-big { width: 100%; max-width: 46rem; margin: 3rem auto 2.6rem; }
.hero-lode-mark-big img { width: 100%; height: auto; display: block; }
@media (min-width: 900px) { .hero-lode-mark-big { max-width: 62rem; } }

.hero-lode-ctas { display:flex; flex-wrap:wrap; justify-content:center; gap: 1rem; margin-bottom: 1rem; }


.hero-lode-ctas .btn {
	padding: 0.95rem 1.7rem !important; font-size: 1rem !important;
}



.voices-head, .close-head, .sec--shine .head, .sec--why .head {
	color: var(--lode-berry) !important;
	text-shadow: 0 -1px 0 rgba(255,255,255,.5), 0 3px 0 rgba(122,8,98,.18), 0 6px 14px rgba(122,8,98,.16);
}

.hero-lode-copy-top .lede { color: var(--lode-body) !important; opacity: 1 !important; }


.hero-lode-copy-top .head { margin-bottom: 1.6rem !important; }


.sec--steps { padding: 5rem 1.5rem; }
.sec--steps .in { max-width: 64rem; margin: 0 auto; }

.steps-track { display: none; }
@media (min-width: 800px) {
	.steps-track { position: relative; height: 1px; margin: 2.6rem 0 -1.2rem; }
	.steps-track span {
		position: absolute; left: 10%; right: 10%; top: 0; height: 1px;
		background: linear-gradient(90deg, var(--lode-orange), var(--lode-magenta), var(--lode-berry));
		opacity: .3;
	}
}
.steps { list-style: none; margin: 3rem 0 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 2.8rem; }
@media (min-width: 800px) { .steps { grid-template-columns: repeat(3, 1fr); gap: 2.4rem; } }
.step { text-align: left; }

.steps .step-num {
	display: block !important; font-family: 'Lora', Georgia, serif; font-style: italic; font-weight: 700;
	font-size: 3.6rem; line-height: 1; margin-bottom: .7rem;
	width: auto !important; height: auto !important; border-radius: 0 !important; padding: 0 !important;
	background: linear-gradient(120deg, var(--lode-orange), var(--lode-magenta), var(--lode-berry)) !important;
	background-size: 220% 100%;
	-webkit-background-clip: text !important; background-clip: text !important;
	color: transparent !important; -webkit-text-fill-color: transparent !important;
}
@media (prefers-reduced-motion: no-preference) {
	.steps .step-num { animation: lode-shimmer-x 6s ease-in-out infinite; }
}
.step-head { font-size: 1.3rem !important; line-height: 1.3; margin: 0 0 .7rem !important; }
.step .body { font-size: .95rem; line-height: 1.6; color: var(--lode-body); }


.hero-lode-stack {
	display: grid !important; flex-direction: unset !important;
	grid-template-areas: "mark" "copy" "ctas";
	gap: 1.6rem; align-items: center; text-align: center;
}
.hero-lode-mark-big { grid-area: mark; margin: 0 auto; order: unset; }
.hero-lode-copy-top { grid-area: copy; }
.hero-lode-ctas { grid-area: ctas; justify-content: center; }

@media (min-width: 860px) {
	.hero-lode-stack {
		grid-template-columns: 30fr 70fr;
		grid-template-areas: "copy mark" "ctas mark";
		text-align: left; gap: 1rem 2.5rem;
		align-items: start !important;
	}
	.hero-lode-copy-top, .hero-lode-copy-top .lede { text-align: left; margin-left: 0; }
	.hero-lode-ctas { justify-content: flex-start; }
	
	.hero-lode-mark-big { margin: 0 !important; }
	.hero-lode-mark-big { max-width: none; width: 100%; }
}


.hero-lode-ctas .btn {
	padding: 1.15rem 2rem !important; font-size: 1.08rem !important; font-weight: 700 !important;
}
.hero-lode-ctas .btn--dark {
	box-shadow: 0 14px 30px rgba(122,8,98,.4) !important;
}
.hero-lode-ctas .btn--dark:hover { transform: translateY(-2px); box-shadow: 0 18px 36px rgba(122,8,98,.46) !important; }
.hero-lode-ctas .btn--dark:active { transform: translateY(0); }
.hero-lode-ctas .btn--outline { border-width: 2px !important; }


.hero-lode-paths a {
	font-size: 1.05rem !important; padding: .9rem 1.5rem !important; font-weight: 700 !important;
}
.hero-lode-badge { width: 2.4rem; height: 2.4rem; }


.sec--steps {
	background: linear-gradient(165deg, #FBD9E3 0%, #F7C3D6 50%, #F2A9C6 100%);
}
.sec--steps .step-head { color: #4A0E39 !important; }


@media (prefers-reduced-motion: no-preference) {
	.hero-lode-copy-top, .hero-lode-mark-big, .hero-lode-ctas {
		animation: hero-fade-in 900ms ease-out both;
	}
	.hero-lode-mark-big { animation-delay: 150ms; }
	.hero-lode-ctas { animation-delay: 300ms; }
}
@keyframes hero-fade-in {
	from { opacity: 0; transform: translateY(14px); }
	to { opacity: 1; transform: none; }
}


.hero-lode-stack, .hero-lode-copy-top, .hero-lode-mark-big, .hero-lode-ctas,
.hero-lode-strip, .hero-lode-paths, .hero-lode-copy-top .head, .lode-caption {
	min-width: 0;
}
.hero-lode-mark-big img { max-width: 100%; height: auto; }
.hero-lode { overflow-x: hidden; }
.bar, .arrival { min-width: 0; max-width: 100%; overflow-wrap: break-word; }
.arrival { font-size: .85rem; }


.arrival, .arrival .arrival-when { color: var(--lode-label) !important; font-weight: 400 !important; }


.bar-mark img { max-height: 44px; width: auto; }


@media (max-width: 480px) {
	.hero-lode-topbar { padding: .6rem 1.5rem; }
	.hero-lode-wordmark { font-size: .95rem; }
	.hero-lode-nav { gap: .8rem; row-gap: .3rem; }
	.hero-lode-nav a { font-size: .78rem; }
	.hero-lode-nav-join { padding: .25rem .6rem !important; font-size: .78rem; }
	.hero-lode { padding-top: .3rem; }
	.hero-lode-stack { gap: .3rem; }
	.hero-lode-h1 { font-size: 1.4rem !important; line-height: 1.05 !important; margin-bottom: .15rem !important; }
	.hero-lode-copy-top .lede { font-size: .72rem !important; line-height: 1.35 !important; margin-top: .25rem !important; }
	.hero-lode-copy-top .hero-lode-ctas { margin-top: .5rem !important; }
	.hero-lode-mark-big { max-width: 46vw !important; margin: 0 auto !important; }
	.lode-caption { display: none; }
	.hero-lode-ctas { gap: .4rem; margin-bottom: 0; }
	.hero-lode-ctas .btn { padding: .5rem .85rem !important; font-size: .74rem !important; }
	.hero-lode-strip { padding-top: .4rem; gap: .3rem .6rem; }
	.hero-lode-tag { font-size: .82rem !important; margin-bottom: .15rem; line-height: 1.1 !important; }
	.hero-lode-paths { gap: .25rem .6rem; }
	.hero-lode-paths a { font-size: .68rem !important; gap: .35rem !important; }
	.hero-lode-badge { width: 1.3rem; height: 1.3rem; font-size: .68rem; }
	.arrival { font-size: .72rem !important; }
}




.home .bar + .arrival, .home #arrival, body.home .arrival { display: none !important; }

.hero-lode-topbar { background: var(--lode-cream); padding: 1.1rem 1.5rem; }
.hero-lode-topbar-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .8rem; }
.hero-lode-wordmark {
	font-family: 'Playfair Display', Georgia, serif; font-weight: 600; letter-spacing: .06em;
	font-size: 1.15rem; color: #1C1418; text-decoration: none;
}
.hero-lode-nav { display: flex; align-items: center; gap: 1.4rem; flex-wrap: wrap; }
.hero-lode-nav a { color: #3A2F34; text-decoration: none; font-size: .92rem; }
.hero-lode-nav-join {
	border: 1.5px solid #1C1418 !important; border-radius: 6px; padding: .4rem .9rem !important;
	color: #1C1418 !important; font-weight: 600;
}

.hero-lode-stack {
	grid-template-areas: "copy" "mark" !important;
}
@media (min-width: 860px) {
	.hero-lode-stack {
		grid-template-columns: 42fr 58fr !important;
		grid-template-areas: "copy mark" !important;
	}
}
.hero-lode-copy-top .hero-lode-ctas { justify-content: flex-start; margin-top: 1.6rem; }




body.home .bar-mark { display: none !important; }
body.home .bar { padding-bottom: 0; }


.hero-lode-copy-top { text-align: left; }
.hero-lode-h1 { text-transform: uppercase; text-align: left; }
.hero-lode-h1-dot { color: var(--lode-magenta); }


.hero-lode-copy-top .lede { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
.hero-lode-topbar, .hero-lode, .hero-lode-strip { overflow-x: hidden; }
.hero-lode-topbar-row, .hero-lode-stack, .hero-lode-strip { max-width: 100%; }


.hero-lode-topbar-row { flex-wrap: wrap; }
.hero-lode-nav { flex-wrap: wrap; row-gap: .4rem; width: 100%; }


.hero-lode-ctas { flex-wrap: nowrap !important; }
.hero-lode-ctas .btn {
	border-radius: 4px !important;
	background: #1C1418 !important; box-shadow: none !important;
}
.hero-lode-ctas .btn--outline { background: transparent !important; border: 1.5px solid var(--lode-magenta) !important; color: var(--lode-magenta) !important; }
.hero-lode-ctas .btn--dark:hover, .hero-lode-ctas .btn--dark:active { transform: none; box-shadow: none !important; }


@media (max-width: 480px) {
	.hero-lode-topbar { padding: .4rem 1rem; }
	.hero-lode-wordmark { font-size: .82rem; }
	.hero-lode-nav { gap: .5rem; }
	.hero-lode-nav a { font-size: .66rem; }
	.hero-lode-nav-join { padding: .2rem .5rem !important; font-size: .66rem; }
	.hero-lode { padding-top: .15rem; }
	.hero-lode-topbar-row, .hero-lode-stack, .hero-lode-strip { padding-left: 1rem; padding-right: 1rem; }
	.hero-lode-h1 { font-size: 1.15rem !important; line-height: 1.02 !important; margin-bottom: .1rem !important; }
	.hero-lode-copy-top .lede { font-size: .62rem !important; line-height: 1.25 !important; margin-top: .15rem !important; }
	.hero-lode-copy-top .hero-lode-ctas { margin-top: .35rem !important; }
	.hero-lode-ctas { gap: .3rem; }
	.hero-lode-ctas .btn { padding: .35rem .55rem !important; font-size: .6rem !important; }
	.hero-lode-mark-big { max-width: 40vw !important; margin: 0 auto !important; }
	.hero-lode-strip { padding-top: .2rem; gap: .15rem .4rem; }
	.hero-lode-tag { font-size: .68rem !important; margin-bottom: .1rem; }
	.hero-lode-paths { gap: .1rem .4rem; }
	.hero-lode-paths a { font-size: .58rem !important; gap: .25rem !important; }
	.hero-lode-badge { width: 1.05rem; height: 1.05rem; font-size: .55rem; }
}





:root { --lode-hero-ink: #1C1418; }




.lode-topbar { background: var(--lode-cream); }
.lode-topbar-in {
	max-width: 94rem; margin: 0 auto;
	display: flex; align-items: center; justify-content: space-between;
	flex-wrap: wrap; gap: .6rem 1rem;
	padding: .5rem 1.5rem .5rem clamp(1.5rem, 6vw, 4.5rem);
}
.lode-nav { display: flex; align-items: center; gap: 1.6rem; }
.lode-nav a {
	font-family: var(--font-util, system-ui, sans-serif);
	font-size: .92rem; color: var(--lode-body); text-decoration: none;
}
.lode-nav a:hover { color: var(--lode-hero-ink); }
.lode-nav-join {
	border: 1.5px solid var(--lode-hero-ink) !important; border-radius: 6px;
	padding: .5rem 1.1rem !important; color: var(--lode-hero-ink) !important; font-weight: 600;
}

.lode-brand { display: inline-flex; }
.lode-brand img { height: 5.4rem; width: auto; display: block; }
@media (max-width: 680px) {
	.lode-topbar-in { padding: .7rem 1.1rem; }
	.lode-nav a:not(.lode-nav-join) { display: none; }
	.lode-nav-join { padding: .4rem .85rem !important; font-size: .82rem; }
	.lode-brand img { height: 3.6rem; }
}

.lode-hero { background: var(--lode-cream); overflow: hidden; }


.lode-hero-stack {
	max-width: 56rem; margin: 0 auto; padding: clamp(2.4rem, 6vw, 4rem) 1.5rem;
	display: flex; flex-direction: column; align-items: center; text-align: center;
	gap: clamp(1.4rem, 3vw, 2rem);
}

.lode-hero-mark--big .lode-mark-svg {
	max-height: min(60vh, 56rem); width: auto; max-width: 100%;
}
.lode-hero-choose {
	font-family: 'Fraunces', Georgia, serif; font-style: italic; font-optical-sizing: auto;
	font-size: clamp(1.9rem, 5vw, 3.2rem); line-height: 1.15; font-weight: 500;
	color: var(--lode-hero-ink); margin: 0;
}
.lode-hero-choose strong { font-weight: 700; color: var(--lode-coral); }

.lode-hero-grid {
	max-width: 94rem; margin: 0 auto;
	
	padding: .8rem 1.5rem clamp(1rem, 2vw, 1.6rem) clamp(1.5rem, 6vw, 4.5rem);
	display: grid; grid-template-columns: 1fr; align-items: start;
	gap: 1.2rem;
}
@media (min-width: 900px) {
	
	.lode-hero-grid { grid-template-columns: 34fr 66fr; gap: 1.5rem; align-items: center; }
}


.lode-hero-h1 { margin: 0 0 1.1rem; }



.lode-hero-h1-lead {
	display: block; font-family: 'Playfair Display', Georgia, serif;
	text-transform: uppercase; font-weight: 400;
	font-size: clamp(2.1rem, 4.4vw, 3.3rem); line-height: 1; letter-spacing: .04em; white-space: nowrap;
	color: var(--lode-hero-ink); margin-bottom: .015em;
}


@media (prefers-reduced-motion: no-preference) {
	.lode-hero-h1-lead { animation: lode-lead-float-in 1600ms cubic-bezier(.16,.8,.24,1) 100ms both; }
	.lode-hero-h1-word { animation: lode-lead-float-in 1600ms cubic-bezier(.16,.8,.24,1) 450ms both; }
}
@keyframes lode-lead-float-in {
	from { opacity: 0; transform: translateY(40px) scale(.96); }
	to   { opacity: 1; transform: translateY(0) scale(1); }
}

.lode-hero-h1-word {
	
	display: inline-block; vertical-align: top;
	font-family: 'Playfair Display', Georgia, serif;
	
	text-transform: uppercase; font-weight: 400;
	font-size: clamp(4.4rem, 11.5vw, 8.4rem); line-height: .9; letter-spacing: -.015em;
	color: var(--lode-hero-ink);
	
	white-space: nowrap;
}

.lode-hero-dot {
	display: inline-block; width: .16em; height: .16em; border-radius: 50%;
	margin-left: .06em; margin-bottom: .04em;
	background: radial-gradient(circle at 35% 30%, #FF8FB3 0%, #F43775 55%, #D81856 100%);
	vertical-align: baseline;
}

.lode-hero-define {
	font-family: var(--font-util, system-ui, sans-serif);
	font-size: .88rem; line-height: 1.5; color: var(--lode-label);
	max-width: 28rem; margin: 0 0 1rem;
}
.lode-hero-define em { color: var(--lode-coral); font-style: italic; font-weight: 600; }
.lode-hero-lede {
	font-family: var(--font-util, system-ui, sans-serif);
	font-size: 1.05rem; line-height: 1.6; color: var(--lode-body);
	max-width: 30rem; margin: 0 0 1.6rem;
}

.lode-hero-ctas { display: flex; flex-wrap: wrap; gap: .6rem; }

.lode-hero-copy .lode-hero-ctas .lode-btn { flex: 1 1 0; justify-content: center; }
.lode-btn {
	display: inline-flex; align-items: center; gap: .5rem;
	padding: .8rem 1.15rem; border-radius: 999px;
	font-family: var(--font-util, system-ui, sans-serif);
	font-size: .88rem; font-weight: 600; text-decoration: none; white-space: nowrap;
	transition: opacity .15s ease, transform .15s ease;
}
.lode-btn:hover { opacity: .88; transform: translateY(-1px); }
.lode-btn--dark {
	background: linear-gradient(120deg, var(--lode-coral) 0%, var(--lode-magenta) 55%, var(--lode-berry) 100%);
	background-size: 220% 220%;
	color: #fff; box-shadow: 0 10px 24px rgba(239,23,99,.32);
}
@media (prefers-reduced-motion: no-preference) {
	.lode-btn--dark { animation: lode-shimmer 6s ease-in-out infinite; }
}
.lode-btn--outline { background: transparent; color: var(--lode-berry); border: 1.5px solid var(--lode-berry); }


.lode-hero-mark { display: flex; align-items: center; justify-content: center; position: relative; }
.lode-hero-mark::before {
	content: ''; position: absolute; inset: 4% 10%; z-index: 0;
	background: radial-gradient(circle, rgba(239,23,99,.20) 0%, rgba(239,23,99,0) 70%);
	pointer-events: none;
}




.lode-hero-mark .lode-mark-svg { width: auto; max-width: 100%; height: auto; display: block; position: relative; z-index: 1; }
@media (prefers-reduced-motion: no-preference) {
	.lode-hero-mark::before { animation: lode-glow-breathe 8s ease-in-out infinite; }
}
@keyframes lode-glow-breathe {
	0%, 100% { opacity: .7; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.05); }
}


.lode-strip { border-top: 1px solid var(--lode-keyline); background: #fff; }
.lode-strip .in {
	max-width: 90rem; margin: 0 auto;
	padding: clamp(1.8rem, 4vw, 2.8rem) 1.5rem clamp(1.3rem, 3vw, 2rem);
}

.lode-strip-head {
	font-family: 'Lora', Georgia, serif; font-style: italic; font-optical-sizing: auto;
	font-size: clamp(1.7rem, 4.2vw, 2.9rem); line-height: 1.15; font-weight: 500;
	color: var(--lode-hero-ink); margin: 0; text-align: center;
}
.lode-strip-head strong { font-weight: 700; color: var(--lode-coral); }


.lode-paths { display: flex; flex-direction: column; width: 100%; }
@media (min-width: 640px) {
	.lode-paths { flex-direction: row; }
}

.lode-path {
	flex: 1 1 50%; display: flex; align-items: center; justify-content: center; gap: .9rem;
	padding: 1.5rem 1.6rem; text-decoration: none; text-align: center;
	font-family: 'Fraunces', Georgia, serif; font-optical-sizing: auto;
	font-size: clamp(1rem, 2vw, 1.15rem); font-weight: 500;
	background: #fff; border: 1.5px solid; border-radius: 10px;
	transition: background-color .18s ease, color .18s ease;
}
.lode-path-text strong { font-weight: 700; }
.lode-path-arrow { font-size: 1.05rem; display: inline-block; transition: transform .18s ease; }
.lode-path:hover .lode-path-arrow { transform: translateX(3px); }
.lode-path--a { color: var(--lode-coral); border-color: var(--lode-coral); }
.lode-path--a:hover { background: var(--lode-coral); color: #fff; }
.lode-path--b { color: var(--lode-berry); border-color: var(--lode-berry); }
.lode-path--b:hover { background: var(--lode-berry); color: #fff; }


@media (max-width: 480px) {
	.lode-hero-grid { padding: 1rem 1.1rem 1.2rem; gap: 1rem; }
	.lode-hero-h1 { margin-bottom: .8rem; }
	.lode-hero-h1-lead { font-size: 1.15rem; }
	.lode-hero-h1-word { font-size: 3.4rem; }
	.lode-hero-lede { font-size: .92rem; margin-bottom: 1.1rem; }
	.lode-hero-ctas { gap: .7rem; }
	.lode-btn { padding: .8rem 1.3rem; font-size: .88rem; flex: 1 1 auto; justify-content: center; }
	.lode-strip .in { padding: 1.3rem 1.1rem 1rem; }
	.lode-strip-head { font-size: 1.6rem; }
	.lode-path { padding: 1.4rem 1.1rem; font-size: .95rem; }
}


.lode-threshold {
	position: fixed; inset: 0; z-index: 9999;
	background: var(--lode-cream);
	display: flex; align-items: center; justify-content: center;
	overflow-x: hidden; overflow-y: auto;
}
html.lode-threshold-active,
html.lode-threshold-active body { overflow: hidden; height: 100%; }

.lode-threshold.is-leaving { animation: lode-threshold-out 900ms cubic-bezier(.4,0,.2,1) both; }
@keyframes lode-threshold-out {
	to { opacity: 0; transform: translateY(-3vh) scale(1.02); }
}
@media (prefers-reduced-motion: reduce) {
	.lode-threshold.is-leaving { animation: lode-threshold-out-still 500ms ease both; }
}
@keyframes lode-threshold-out-still {
	to { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.lode-threshold { display: none !important; }
}

.lode-threshold-glow {
	position: absolute; inset: 0; z-index: 0;
	background:
		radial-gradient(58% 50% at 24% 20%, rgba(254,135,67,.26) 0%, rgba(254,135,67,0) 70%),
		radial-gradient(64% 56% at 78% 74%, rgba(239,23,99,.24) 0%, rgba(239,23,99,0) 70%),
		radial-gradient(50% 44% at 88% 10%, rgba(197,21,106,.20) 0%, rgba(197,21,106,0) 65%);
}
@media (prefers-reduced-motion: no-preference) {
	.lode-threshold-glow { animation: lode-threshold-breathe 6s ease-in-out infinite; }
}
@keyframes lode-threshold-breathe {
	0%, 100% { opacity: .85; transform: scale(1); }
	50%      { opacity: 1; transform: scale(1.08); }
}


.lode-threshold-inner {
	position: relative; z-index: 1; perspective: 1400px;
	text-align: center; margin: auto;
	width: 100%; max-width: 64rem; height: min(84vh, 760px);
}


.lode-threshold-logo {
	display: block; margin: 0 auto 0 0;
	width: min(38vw, 30vh, 200px); height: auto; opacity: 0;
	animation: lode-threshold-fade-in 700ms ease 250ms both;
}
@media (prefers-reduced-motion: reduce) {
	.lode-threshold-logo { opacity: 1; }
}
@keyframes lode-threshold-fade-in {
	from { opacity: 0; transform: translateY(10px); }
	to   { opacity: 1; transform: translateY(0); }
}


.lode-threshold-ring {
	position: absolute; inset: 0; z-index: 0;
	display: flex; align-items: center; justify-content: center;
	opacity: 0;
	animation: lode-threshold-fade-in 900ms ease 150ms both;
}

.lode-threshold-ring::before {
	content: '';
	width: min(50vw, 42vh, 380px); aspect-ratio: 1; border-radius: 50%;
	background: radial-gradient(circle at 40% 34%, rgba(255,143,179,.28) 0%, rgba(244,55,117,.16) 46%, rgba(244,55,117,0) 70%);
}


.lode-threshold-finale {
	position: absolute; inset: 0; box-sizing: border-box; padding: clamp(4.5rem, 14vh, 7rem) 1.2rem 0;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: clamp(1rem, 3vh, 1.8rem);
}


@keyframes lode-threshold-mark-in {
	0%   { opacity: 0; transform: translateZ(-260px) scale(.82); }
	100% { opacity: 1; transform: translateZ(0) scale(1); }
}

.lode-threshold-mark {
	width: min(90vw, 58vh, 920px); opacity: 0;
	animation: lode-threshold-mark-in 900ms cubic-bezier(.22,.61,.36,1) 650ms both;
	filter: drop-shadow(0 22px 44px rgba(61,8,54,.22));
}
.lode-threshold-mark .lode-mark-svg { width: 100%; height: auto; display: block; }


.lode-threshold-choose {
	font-family: 'Fraunces', Georgia, serif; font-style: italic; font-optical-sizing: auto;
	font-size: clamp(1.3rem, 3.4vw, 2rem); line-height: 1.2; font-weight: 500;
	color: var(--lode-hero-ink); margin: 0; opacity: 0;
	animation: lode-threshold-fade-in 800ms ease 2300ms both;
}
.lode-threshold-choose strong { font-weight: 700; color: var(--lode-coral); }



.lode-threshold-paths {
	display: flex; flex-direction: column; gap: .9rem; width: 100%; max-width: 54rem;
	opacity: 0; animation: lode-threshold-fade-in 700ms ease 3400ms both;
}
@media (min-width: 640px) {
	.lode-threshold-paths { flex-direction: row; }
}

.lode-threshold-path {
	font-size: clamp(.92rem, 1.6vw, 1.05rem); line-height: 1.3;
	box-shadow: 0 14px 28px rgba(61,8,54,.16);
	transition: background-color .18s ease, color .18s ease;
}


.lode-threshold-skip {
	position: absolute; right: 1.1rem; bottom: 1.1rem; z-index: 2;
	background: none; border: none; cursor: pointer;
	font-family: var(--font-util, system-ui, sans-serif);
	font-size: .82rem; font-weight: 600; color: var(--lode-hero-ink); padding: .5rem .7rem;
}
.lode-threshold-skip:hover { color: var(--lode-coral); }
@media (max-width: 480px) {
	.lode-threshold-finale { gap: 1rem; padding: clamp(4rem, 13vh, 6rem) 1rem 0; }
	.lode-threshold-logo { width: 44vw; }
	.lode-threshold-mark { width: 78vw; }
	.lode-threshold-path { padding: 1.1rem 1.2rem; }
}




.sec--posts, .sec--why, .sec--close, .sec--steps { background: var(--lode-cream) !important; }
.voice-mark { background: linear-gradient(135deg, var(--lode-coral), var(--lode-magenta)) !important; }
.voice-hours { border-left-color: var(--lode-coral) !important; }



.lode-fields { background: var(--lode-cream) !important; padding: 4.5rem 1.5rem; }
.lode-fields .in { max-width: 72rem; margin: 0 auto; }
.lode-fields-grid {
	margin-top: 2.6rem; display: grid; grid-template-columns: 1fr; gap: 1.2rem;
}
@media (min-width: 620px) { .lode-fields-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 980px) { .lode-fields-grid { grid-template-columns: repeat(4, 1fr); } }

.lode-field-card {
	border-radius: 18px; padding: 1.7rem 1.5rem;
	box-shadow: 0 14px 30px rgba(122,8,98,.18);
	color: #fff;
}
.lode-fields-grid .lode-field-card:nth-child(8n+1) { background: linear-gradient(135deg, var(--lode-orange), var(--lode-coral)); }
.lode-fields-grid .lode-field-card:nth-child(8n+2) { background: linear-gradient(135deg, var(--lode-coral), var(--lode-magenta)); }
.lode-fields-grid .lode-field-card:nth-child(8n+3) { background: linear-gradient(135deg, var(--lode-magenta), var(--lode-berry)); }
.lode-fields-grid .lode-field-card:nth-child(8n+4) { background: linear-gradient(135deg, var(--lode-berry), var(--lode-coral)); }
.lode-fields-grid .lode-field-card:nth-child(8n+5) { background: linear-gradient(135deg, var(--lode-orange), var(--lode-magenta)); }
.lode-fields-grid .lode-field-card:nth-child(8n+6) { background: linear-gradient(135deg, var(--lode-magenta), var(--lode-orange)); }
.lode-fields-grid .lode-field-card:nth-child(8n+7) { background: linear-gradient(135deg, var(--lode-berry), var(--lode-magenta)); }
.lode-fields-grid .lode-field-card:nth-child(8n+8) { background: linear-gradient(135deg, var(--lode-coral), var(--lode-berry)); }
.lode-field-name {
	display: block; font-family: 'Lora', Georgia, serif; font-weight: 600;
	font-size: 1.3rem; color: #fff; margin-bottom: .6rem;
}
.lode-field-said { margin: 0; font-size: .92rem; line-height: 1.55; color: rgba(255,255,255,.94); }


.lode-four .body, .lode-fields .body { color: var(--lode-body) !important; }


.lode-four { background: #fff; padding: 2.4rem 1.5rem; }
.lode-four-slim { max-width: 40rem; margin: 0 auto; text-align: center; }
.lode-four-slim-line { margin: 0 0 .5rem; }
.lode-four-word {
	font-family: 'Lora', Georgia, serif; font-style: italic; font-weight: 700;
	font-size: clamp(1rem, 2.4vw, 1.3rem);
	background: linear-gradient(100deg, var(--lode-coral), var(--lode-magenta), var(--lode-berry), var(--lode-coral));
	background-size: 300% 100%;
	-webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}
@media (prefers-reduced-motion: no-preference) {
	.lode-four-word { animation: lode-shimmer-x 5s ease-in-out infinite; }
}
@keyframes lode-shimmer-x {
	0%, 100% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
}
.lode-four-dot { margin: 0 .5em; color: var(--lode-label); font-weight: 400; }
.lode-four-slim-cap { margin: 0; font-size: .82rem; color: var(--lode-label); }


.lode-four-slim-line--six { margin-top: 1.6rem; padding-top: 1.6rem; border-top: 1px solid var(--lode-keyline); }
.lode-six-glosses {
	list-style: none; margin: .8rem 0 0; padding: 0;
	display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem 1.4rem;
	font-family: var(--font-util, system-ui, sans-serif);
	font-size: .78rem; color: var(--lode-label);
}
.lode-six-glosses strong { color: var(--lode-body); font-weight: 600; }




.lode-moms, .lode-dads { padding: 5rem 1.5rem; background-size: 200% 200%; }
.lode-moms {
	background: linear-gradient(125deg, var(--lode-berry) 0%, var(--lode-magenta) 55%, var(--lode-coral) 100%) !important;
}
.lode-dads {
	background: linear-gradient(305deg, var(--lode-coral) 0%, var(--lode-magenta) 55%, var(--lode-berry) 100%) !important;
}
@media (prefers-reduced-motion: no-preference) {
	.lode-moms, .lode-dads { animation: lode-shimmer 14s ease-in-out infinite; }
}
@keyframes lode-shimmer {
	0%, 100% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
}
.lode-moms-grid { max-width: 46rem; margin: 0 auto; text-align: center; }


.lode-dads-grid2 {
	max-width: 68rem; margin: 0 auto;
	display: grid; grid-template-columns: 1fr; gap: 2.4rem; align-items: center;
	text-align: left;
}
@media (min-width: 860px) {
	.lode-dads-grid2 { grid-template-columns: 1.1fr .9fr; }
}
.lode-dads-word { text-align: center; }
.lode-dads-load {
	display: block; font-family: 'Lora', Georgia, serif; font-weight: 900;
	text-transform: uppercase; font-size: clamp(2.6rem, 6vw, 4rem); letter-spacing: .02em;
	color: rgba(255,255,255,.55);
}
.lode-dads-strike { position: relative; }
.lode-dads-strike::after {
	content: ''; position: absolute; left: -8%; right: -8%; top: 48%;
	height: .09em; background: #fff; transform: rotate(-6deg);
}
.lode-dads-arrow { display: block; font-size: 1.6rem; color: #fff; opacity: .8; margin: .2rem 0; }
.lode-dads-lode {
	display: block; font-family: 'Lora', Georgia, serif; font-weight: 900;
	text-transform: uppercase; font-size: clamp(3.4rem, 8vw, 5.4rem); letter-spacing: -.01em;
	color: #fff;
}
.lode-dads-caption {
	margin: 1.2rem 0 0; font-family: 'Lora', Georgia, serif; font-style: italic;
	font-size: 1.05rem; color: rgba(255,255,255,.9);
}

.lode-moms-copy .eyebrow, .lode-dads-copy .eyebrow {
	display: block; margin-bottom: .8rem; color: #fff !important; opacity: .92;
}
.lode-moms-copy .head, .lode-dads-copy .head {
	margin-bottom: 1.3rem; color: #fff !important;
	font-family: 'Lora', Georgia, serif !important; font-weight: 700 !important; text-shadow: none !important;
	-webkit-text-fill-color: #fff !important; background: none !important;
}
.lode-moms-copy .body, .lode-dads-copy .body { margin: 0 0 1rem; color: rgba(255,255,255,.94) !important; }
.lode-moms .lode-hero-ctas { justify-content: center; }
.lode-moms .lode-btn--dark, .lode-dads .lode-btn--dark {
	background: #fff; color: var(--lode-berry) !important; box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

.sec--posts::before, .sec--voices::before, .sec--steps::before,
.sec--why::before, .sec--close::before, .sec--seek::before,
.lode-fields::before, .lode-four::before, .lode-moms::before, .lode-dads::before {
	content: none !important;
}
.sec--steps .in { max-width: 64rem; }

.sec--steps .step-head { color: var(--lode-hero-ink) !important; font-family: 'Lora', Georgia, serif; font-weight: 600; }


.rail .post-face { box-shadow: 0 12px 26px rgba(122,8,98,.14); }
.rail-item:nth-child(8n+1) .post-face { background: linear-gradient(140deg, var(--lode-orange), var(--lode-coral)); }
.rail-item:nth-child(8n+2) .post-face { background: linear-gradient(140deg, var(--lode-coral), var(--lode-magenta)); }
.rail-item:nth-child(8n+3) .post-face { background: linear-gradient(140deg, var(--lode-magenta), var(--lode-berry)); }
.rail-item:nth-child(8n+4) .post-face { background: linear-gradient(140deg, var(--lode-berry), var(--lode-coral)); }
.rail-item:nth-child(8n+5) .post-face { background: linear-gradient(140deg, var(--lode-orange), var(--lode-magenta)); }
.rail-item:nth-child(8n+6) .post-face { background: linear-gradient(140deg, var(--lode-magenta), var(--lode-orange)); }
.rail-item:nth-child(8n+7) .post-face { background: linear-gradient(140deg, var(--lode-berry), var(--lode-magenta)); }
.rail-item:nth-child(8n+8) .post-face { background: linear-gradient(140deg, var(--lode-coral), var(--lode-berry)); }
.rail .post-name {
	color: #fff !important; font-family: 'Lora', Georgia, serif; font-size: 1.08rem; font-weight: 600;
	background: rgba(28,20,24,.32); padding: .4rem .9rem; border-radius: 999px; text-shadow: none;
	backdrop-filter: blur(2px);
}



.lode-mark-svg { overflow: visible; opacity: 0; aspect-ratio: 580 / 560; }
.lode-mark-svg.is-ready { opacity: 1; }
.lode-mark-scene { will-change: transform; }


.lm-circle {
	fill: none; stroke: url(#lode-mark-letter-grad); stroke-width: 1;
	opacity: 0; transform-origin: center;
}
@media (prefers-reduced-motion: no-preference) {
	.lode-mark-svg.is-ready .lm-circle {
		animation:
			lode-mark-circle-in 1000ms ease both,
			lode-mark-circle-sway 22s ease-in-out 1400ms infinite;
		animation-delay: calc(300ms + (var(--n) * 160ms)), calc(1300ms + (var(--n) * 900ms));
	}
}
@media (prefers-reduced-motion: reduce) {
	.lm-circle { opacity: .22; }
}
@keyframes lode-mark-circle-in {
	from { opacity: 0; }
	to   { opacity: .22; }
}
@keyframes lode-mark-circle-sway {
	0%, 100% { transform: scale(1) rotate(0deg); }
	50%      { transform: scale(1.02) rotate(.8deg); }
}


.lm-ribbon {
	fill: url(#lode-mark-ribbon-grad); opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
	.lode-mark-svg.is-ready .lm-ribbon {
		animation:
			lode-mark-ribbon-in 1300ms ease 200ms both,
			lode-mark-ribbon-breathe 10s ease-in-out 1600ms infinite;
	}
}
@media (prefers-reduced-motion: reduce) {
	.lm-ribbon { opacity: .22; }
}
@keyframes lode-mark-ribbon-in {
	from { opacity: 0; }
	to   { opacity: .22; }
}
@keyframes lode-mark-ribbon-breathe {
	0%, 100% { opacity: .17; }
	50%      { opacity: .28; }
}

.lm-letter {
	font-family: 'Playfair Display', Georgia, serif; font-weight: 500;
	font-size: 268px; fill: url(#lode-mark-letter-grad);
	opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
	.lm-letter {
		animation: lode-mark-letter-in 1400ms cubic-bezier(.16,.8,.24,1) both;
		animation-delay: calc(200ms + (var(--n) * 160ms));
	}
}
@media (prefers-reduced-motion: reduce) {
	.lm-letter { opacity: 1; }
}
@keyframes lode-mark-letter-in {
	from { opacity: 0; transform: translateY(28px) scale(.97); }
	to   { opacity: 1; transform: translateY(0) scale(1); }
}



.lm-line {
	stroke: url(#lode-mark-letter-grad); stroke-width: 1.6; fill: none;
	opacity: .52;
	stroke-dasharray: var(--len, 600); stroke-dashoffset: var(--len, 600);
}

@media (prefers-reduced-motion: no-preference) {
	.lode-mark-svg.is-ready .lm-line {
		animation:
			lode-mark-line-draw 1100ms cubic-bezier(.4,0,.2,1) both,
			lode-mark-line-breathe 6s ease-in-out 1300ms infinite;
		animation-delay: calc(500ms + (var(--n) * 90ms)), calc(1600ms + (var(--n) * 140ms));
	}
	.lode-mark-svg.is-ready .lode-mark-lines {
		animation: lode-mark-lines-sway 14s ease-in-out 2000ms infinite;
		transform-origin: 290px 300px;
	}
}
@keyframes lode-mark-lines-sway {
	0%, 100% { transform: rotate(-.6deg) scale(1); }
	50%      { transform: rotate(.6deg) scale(1.015); }
}
@media (prefers-reduced-motion: reduce) {
	.lm-line { stroke-dashoffset: 0; opacity: .3; }
}
@keyframes lode-mark-line-draw {
	to { stroke-dashoffset: 0; }
}
@keyframes lode-mark-line-breathe {
	0%, 100% { opacity: .36; }
	50%      { opacity: .78; }
}


.lm-node-halo {
	fill: var(--node-color, #F43775); opacity: 0; transform-origin: center;
	filter: brightness(1.3) saturate(.7);
}
.lm-node-dot { fill: #fff; opacity: 0; transform-origin: center; }
@media (prefers-reduced-motion: no-preference) {
	.lode-mark-svg.is-ready .lm-node-halo {
		animation: lode-mark-node-in 700ms cubic-bezier(.22,.61,.36,1) both;
		animation-delay: calc(1700ms + (var(--n) * 120ms));
	}
	.lode-mark-svg.is-ready .lm-node-dot {
		animation: lode-mark-node-in 500ms ease both;
		animation-delay: calc(1750ms + (var(--n) * 120ms));
	}
}
@media (prefers-reduced-motion: reduce) {
	.lm-node-halo, .lm-node-dot { opacity: 1; }
}
@keyframes lode-mark-node-in {
	from { opacity: 0; transform: scale(.3); }
	to   { opacity: 1; transform: scale(1); }
}





.lm-node-label {
	font-family: 'Fraunces', Georgia, serif; font-optical-sizing: auto;
	font-size: 13.5px; font-weight: 700; letter-spacing: .1em;
	fill: var(--node-color, var(--lode-hero-ink));
	paint-order: stroke; stroke: var(--lode-cream); stroke-width: 4px; stroke-linejoin: round;
	opacity: 0;
}
@media (prefers-reduced-motion: no-preference) {
	.lode-mark-svg.is-ready .lm-node-label {
		
		animation: lode-mark-label-float 8s ease-in-out infinite;
		animation-delay: calc(300ms + (var(--n) * 800ms));
	}
}
@media (prefers-reduced-motion: reduce) {
	.lm-node-label { opacity: .85; }
}

@keyframes lode-mark-label-float {
	0%          { opacity: 0; transform: translateY(7px); }
	8%, 32%     { opacity: .95; transform: translateY(0); }
	40%, 100%   { opacity: 0; transform: translateY(-7px); }
}

@media (max-width: 480px) {
	.lm-node-label { font-size: 15.5px; }
}
















h1.entry-title,
.page-title {
	font-family: 'Lora', Georgia, serif !important;
}


.motherlode-connect-banner {
	background: linear-gradient(135deg, var(--lode-cream, #FBEFE9) 0%, #FCE4EE 100%);
	border: 1px solid rgba(197, 21, 106, .18);
	border-radius: 18px;
	padding: clamp(1.25rem, 3vw, 1.75rem) clamp(1.25rem, 4vw, 2.25rem);
	margin: 0 0 1.75rem;
}
.motherlode-connect-head {
	font-family: 'Lora', Georgia, serif;
	font-weight: 600;
	font-size: clamp(1.15rem, 2.4vw, 1.4rem);
	color: var(--lode-ink, #3A1330);
	margin: 0 0 .4rem;
}
.motherlode-connect-body {
	font-family: 'Rubik', sans-serif;
	font-size: .98rem;
	line-height: 1.55;
	color: var(--lode-ink, #3A1330);
	opacity: .82;
	margin: 0 0 1rem;
	max-width: 40rem;
}
.motherlode-connect-btn {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-family: 'Rubik', sans-serif;
	font-weight: 600;
	font-size: .95rem;
	color: #fff;
	background: var(--lode-berry, #C5156A);
	padding: .75rem 1.5rem;
	border-radius: 999px;
	text-decoration: none;
	transition: transform .15s ease, opacity .15s ease;
}
.motherlode-connect-btn:hover {
	opacity: .9;
	transform: translateY(-1px);
	color: #fff;
}


.motherlode-dash-panel {
	flex: 1 0 100%;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 1.5rem;
	min-width: 0;
}



@media (min-width: 900px) {
	


	.motherlode-welcome {
		grid-column: 2 / 4;
	}
	.motherlode-dash-rail {
		grid-column: 2;
		min-width: 0;
	}
	.motherlode-dash-main {
		grid-column: 3;
		min-width: 0;
	}

}

.motherlode-welcome {
	padding: clamp(1.5rem, 4vw, 2.5rem) 0 .25rem;
	border-bottom: 1px solid rgba(58, 19, 48, .08);
	margin-bottom: 2rem;
}
.motherlode-welcome-eyebrow {
	font-family: 'Rubik', sans-serif;
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: .72rem;
	font-weight: 600;
	color: var(--lode-berry, #C5156A);
	margin: 0 0 .5rem;
}
.motherlode-welcome-head {
	font-family: 'Lora', Georgia, serif;
	font-weight: 500;
	font-size: clamp(1.6rem, 4vw, 2.3rem);
	color: var(--lode-ink, #3A1330);
	margin: 0 0 .6rem;
	letter-spacing: -.01em;
}
.motherlode-welcome-body {
	font-family: 'Rubik', sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--lode-ink, #3A1330);
	opacity: .72;
	max-width: 36rem;
	margin: 0;
}

.motherlode-benefit {
	display: flex;
	align-items: flex-start;
	gap: 1.1rem;
	background: #fff;
	border: 1px solid rgba(58, 19, 48, .09);
	border-radius: 16px;
	padding: clamp(1.25rem, 3vw, 1.75rem) clamp(1.25rem, 3.5vw, 2rem);
}
.motherlode-benefit-mark {
	flex: 0 0 auto;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--lode-cream, #FBEFE9);
	color: var(--lode-berry, #C5156A);
	font-size: 1.1rem;
}
.motherlode-benefit-head {
	font-family: 'Lora', Georgia, serif;
	font-weight: 600;
	font-size: clamp(1.05rem, 2.4vw, 1.25rem);
	color: var(--lode-ink, #3A1330);
	margin: 0 0 .4rem;
}
.motherlode-benefit-body {
	font-family: 'Rubik', sans-serif;
	font-size: .95rem;
	line-height: 1.6;
	color: var(--lode-ink, #3A1330);
	opacity: .78;
	margin: 0;
	max-width: 42rem;
}

.motherlode-builder {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem 1.5rem;
	background: linear-gradient(120deg, var(--lode-plum, #7A0862) 0%, var(--lode-berry, #C5156A) 100%);
	border-radius: 16px;
	padding: clamp(1.25rem, 3vw, 1.75rem) clamp(1.25rem, 3.5vw, 2rem);
}
.motherlode-builder-text { flex: 1 1 20rem; }
.motherlode-builder-head {
	font-family: 'Lora', Georgia, serif;
	font-weight: 600;
	font-size: clamp(1.1rem, 2.6vw, 1.35rem);
	color: #fff;
	margin: 0 0 .35rem;
}
.motherlode-builder-body {
	font-family: 'Rubik', sans-serif;
	font-size: .93rem;
	line-height: 1.55;
	color: #fff;
	opacity: .88;
	margin: 0;
	max-width: 34rem;
}
.motherlode-builder-btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-family: 'Rubik', sans-serif;
	font-weight: 600;
	font-size: .95rem;
	color: var(--lode-plum, #7A0862);
	background: #fff;
	padding: .8rem 1.6rem;
	border-radius: 999px;
	text-decoration: none;
	white-space: nowrap;
	transition: transform .15s ease, opacity .15s ease;
}
.motherlode-builder-btn:hover {
	opacity: .9;
	transform: translateY(-1px);
	color: var(--lode-plum, #7A0862);
}








@media (max-width: 480px) {
	.motherlode-builder { flex-direction: column; align-items: flex-start; }
	.motherlode-benefit { flex-direction: column; }
}







































.sec--facts { padding: clamp(1.5rem, 4vw, 2.5rem) 0; }
.facts-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem 2rem;
	max-width: 62rem;
}
.fact { text-align: center; }
.fact-num {
	font-family: 'Lora', Georgia, serif;
	font-weight: 700;
	font-size: clamp(2.2rem, 6vw, 3rem);
	line-height: 1;
	margin: 0 0 .5rem;
	background: linear-gradient(120deg, var(--lode-plum, #7A0862), var(--lode-berry, #C5156A));
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
	-webkit-text-fill-color: transparent !important;
}
.fact-say {
	font-family: 'Rubik', sans-serif;
	font-weight: 600;
	font-size: .92rem;
	color: var(--lode-ink, #3A1330);
	opacity: .8;
	margin: 0;
	line-height: 1.4;
}
@media (max-width: 640px) {
	.facts-row { grid-template-columns: 1fr; gap: 1.75rem; }
}


.pv-tracks-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3rem;
	align-items: start;
}
.pv-track {
	background: #fff;
	border: 1px solid rgba(58, 19, 48, .09);
	border-radius: 20px;
	padding: clamp(1.75rem, 3vw, 2.5rem);
}
.pv-track-voice {
	margin: 1.5rem 0;
	padding: 1.25rem 1.5rem;
	background: var(--lode-cream, #FBEFE9);
	border-radius: 14px;
}
.pv-track-steps {
	margin: 0 0 1.75rem;
	padding: 0 0 0 1.25rem;
	font-family: 'Rubik', sans-serif;
	font-size: .95rem;
	line-height: 1.6;
	color: var(--lode-ink, #3A1330);
}
.pv-track-steps li { margin: 0 0 .75rem; }
@media (max-width: 860px) {
	.pv-tracks-grid { grid-template-columns: 1fr; gap: 2rem; }
}


.sec--signpost { padding: clamp(2rem, 5vw, 4rem) 0; }
.sec--signpost .in { max-width: 50rem; }

.signpost-rig {
	position: relative;
	width: 100%;
	margin: 3rem auto 0;
	max-width: 44rem;
}



.signpost {
	position: relative;
	width: 100%;
	min-height: 380px;
	transition: transform .42s cubic-bezier(.65, 0, .35, 1);
	cursor: pointer;
}
.signpost.is-turning { transform: scaleX(.03); }

.signpost-face {
	position: absolute;
	inset: 0;
	visibility: hidden;
}
.signpost:not(.is-flipped) .signpost-face--parent,
.signpost.is-flipped .signpost-face--business {
	visibility: visible;
}


.signpost-face-shape {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: .9rem;
	padding: clamp(2rem, 4vw, 3rem);
	border-radius: 26px;
}
.signpost-face--parent .signpost-face-shape {
	background: linear-gradient(120deg, var(--lode-orange, #FE8743) 0%, var(--lode-coral, #F0295E) 100%);
}
.signpost-face--business .signpost-face-shape {
	background: linear-gradient(120deg, var(--lode-plum, #7A0862) 0%, var(--lode-berry, #C5156A) 100%);
}


.signpost-face-shape {
	box-shadow:
		0 24px 48px rgba(58, 19, 48, .2),
		inset 0 1px 0 rgba(255, 255, 255, .35),
		inset 0 -18px 32px rgba(0, 0, 0, .08);
}
.signpost-face-shape::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(115deg, transparent 42%, rgba(255, 255, 255, .4) 50%, transparent 58%);
	background-size: 240% 240%;
	background-position: 160% 0;
	opacity: 0;
	pointer-events: none;
}
.signpost.is-turning .signpost-face-shape::after {
	opacity: 1;
	background-position: -60% 0;
	transition: background-position .42s ease-in-out, opacity .1s ease .32s;
}

.signpost-face--parent .eyebrow { color: #FFE7D6; }
.signpost-face--business .eyebrow { color: #FFD9EA; }

.signpost-face--parent .signpost-head,
.signpost-face--business .signpost-head { color: #fff; }

.signpost-face--parent .signpost-body,
.signpost-face--business .signpost-body { color: #fff; opacity: .92; }

.signpost-head {
	font-family: 'Lora', Georgia, serif;
	font-weight: 500;
	font-size: clamp(1.35rem, 2.8vw, 1.7rem);
	margin: 0;
	line-height: 1.2;
}
.signpost-body {
	font-family: 'Rubik', sans-serif;
	font-size: .96rem;
	line-height: 1.6;
	margin: 0;
	max-width: 34rem;
}

.lode-btn--light {
	display: inline-flex; align-items: center; gap: .5rem;
	font-family: 'Rubik', sans-serif; font-weight: 600; font-size: .95rem;
	color: var(--lode-plum, #7A0862);
	background: #fff;
	padding: .75rem 1.5rem;
	border-radius: 999px;
	text-decoration: none;
	transition: transform .15s ease, opacity .15s ease;
}
.lode-btn--light:hover { opacity: .9; transform: translateY(-1px); color: var(--lode-plum, #7A0862); }

.signpost-dots {
	display: flex;
	justify-content: center;
	gap: .6rem;
	margin: 1.75rem 0 0;
}
.signpost-dot {
	width: .55rem; height: .55rem;
	border-radius: 50%;
	background: rgba(58, 19, 48, .18);
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}
.signpost-dot.is-active {
	background: var(--lode-berry, #C5156A);
	transform: scale(1.25);
}

@media (max-width: 640px) {
	.signpost { min-height: 440px; }
}


@media (prefers-reduced-motion: reduce) {
	.signpost { transition: none; }
}


.lode-foot { background: var(--lode-plum); }
.lode-foot-in {
	max-width: 94rem; margin: 0 auto;
	padding: clamp(2.4rem, 6vw, 3.4rem) clamp(1.5rem, 6vw, 4.5rem) clamp(1.6rem, 4vw, 2.2rem);
	display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;
	gap: 1.6rem 2rem;
}
.lode-foot-brand { display: flex; flex-direction: column; gap: .6rem; max-width: 20rem; }
.lode-foot-brand .lode-brand img { height: 3.2rem; width: auto; display: block; filter: brightness(0) invert(1); }
.lode-foot-tag {
	font-family: var(--font-display, Georgia, serif);
	font-size: 1rem; color: var(--lode-cream); opacity: .88; margin: 0;
}
.lode-foot-nav { display: flex; flex-wrap: wrap; gap: 1.1rem 1.8rem; }
.lode-foot-nav a {
	font-family: var(--font-util, system-ui, sans-serif);
	font-size: .92rem; color: var(--lode-cream); opacity: .85; text-decoration: none;
}
.lode-foot-nav a:hover { opacity: 1; text-decoration: underline; }
.lode-foot-fine {
	width: 100%;
	font-family: var(--font-util, system-ui, sans-serif);
	font-size: .8rem; color: var(--lode-cream); opacity: .6;
	margin: .4rem 0 0; padding-top: 1.4rem; border-top: 1px solid rgba(253, 242, 245, .18);
}
@media (max-width: 680px) {
	.lode-foot-in { padding: 2.2rem 1.1rem 1.6rem; }
	.lode-foot-brand { max-width: none; }
}


.motherlode-payment-badge {
	display: inline-block;
	font-family: var(--font-util, system-ui, sans-serif);
	font-size: .78rem; font-weight: 600;
	padding: .3rem .7rem; border-radius: 999px;
	margin: .4rem 0 .2rem;
}
.motherlode-payment-badge--held {
	background: color-mix(in srgb, var(--lode-berry, #C5156A) 12%, transparent);
	color: var(--lode-berry, #C5156A);
}
.motherlode-payment-badge--direct {
	background: color-mix(in srgb, var(--lode-orange, #FE8743) 16%, transparent);
	color: #A85216;
}
.motherlode-direct-arrange { max-width: 32rem; }

.motherlode-payment-mode::after { content: ""; display: table; clear: both; }
.motherlode-payment-mode { margin-bottom: 1.5rem; }
.motherlode-direct-arrange-lede {
	font-family: var(--font-util, system-ui, sans-serif);
	color: var(--lode-body); margin: 0 0 1rem;
}

















.store-lists-other-filter-wrap { display: flex; gap: 1.5rem; }
.store-lists-other-filter-wrap .item label {
	font-family: var(--font-util, system-ui, sans-serif) !important;
	color: var(--lode-body) !important; font-size: .9rem;
}









.body { color: var(--lode-body); }
a { color: var(--lode-berry); }
a:hover { color: var(--lode-plum); }


.motherlode-discussions-head {
	font-family: var(--font-head, 'Lora', Georgia, serif); font-size: 1.5rem;
	color: var(--lode-ink); margin: 0 0 1.2rem;
}
.motherlode-discussions-empty {
	font-family: var(--font-util, system-ui, sans-serif); color: var(--lode-body);
	background: var(--lode-cream); border-radius: 10px; padding: 1.2rem 1.4rem; margin: 0;
}
.motherlode-discussions-list { display: flex; flex-direction: column; gap: 1rem; }
.motherlode-discussion {
	background: #fff; border: 1.5px solid var(--lode-keyline); border-radius: 12px;
	padding: 1.1rem 1.3rem;
}
.motherlode-discussion-head {
	display: flex; align-items: baseline; justify-content: space-between; gap: 1rem;
	margin: 0 0 .4rem;
}
.motherlode-discussion-name {
	font-family: var(--font-util, system-ui, sans-serif); font-weight: 600;
	color: var(--lode-ink);
}
.motherlode-discussion-when {
	font-family: var(--font-util, system-ui, sans-serif); font-size: .8rem;
	color: var(--lode-label);
}
.motherlode-discussion-preview {
	font-family: var(--font-util, system-ui, sans-serif); color: var(--lode-body);
	margin: 0 0 .8rem; line-height: 1.5;
}
.motherlode-discussion-reply { display: flex; gap: .6rem; align-items: flex-end; }
.motherlode-discussion-reply textarea {
	flex: 1; font-family: var(--font-util, system-ui, sans-serif);
	border: 1.5px solid var(--lode-keyline); border-radius: 8px; padding: .55rem .8rem;
	color: var(--lode-ink); resize: vertical;
}
.motherlode-discussion-reply textarea:focus { outline: none; border-color: var(--lode-berry); }
.motherlode-discussion-reply button {
	background: var(--lode-berry); color: #fff; border: none; border-radius: 8px;
	padding: .6rem 1.1rem; font-weight: 600; font-family: var(--font-util, system-ui, sans-serif);
	cursor: pointer;
}
.motherlode-discussions-more {
	font-family: var(--font-util, system-ui, sans-serif); font-size: .85rem;
	color: var(--lode-label); margin: 1rem 0 0;
}


.motherlode-direct-enquiry { display: flex; flex-direction: column; gap: .7rem; max-width: 26rem; }
.motherlode-direct-enquiry input,
.motherlode-direct-enquiry textarea {
	font-family: var(--font-util, system-ui, sans-serif);
	border: 1.5px solid var(--lode-keyline); border-radius: 8px; padding: .6rem .9rem;
	color: var(--lode-ink); background: var(--lode-cream);
}
.motherlode-direct-enquiry input:focus,
.motherlode-direct-enquiry textarea:focus { outline: none; border-color: var(--lode-berry); }
.motherlode-direct-enquiry button { align-self: flex-start; }


/*
 * 14 September 2026 — her words, walking the live site: "the hero is
 * amazing and then we lose it." Found here: a section sitting on plain
 * cream, padded top and bottom well past what its own content needed,
 * behind a decorative mark so faint it read as nothing at all. Two
 * fixes together — a real background wash carrying the hero's own
 * warmth down the page, and padding cut back so the section reads as
 * a beat rather than a pause.
 */
.sec--first {
	padding: 3.4rem 1.5rem;
	background: radial-gradient(120% 140% at 15% 0%, color-mix(in srgb, var(--lode-orange) 10%, transparent), transparent 60%),
		radial-gradient(120% 140% at 85% 100%, color-mix(in srgb, var(--lode-berry) 8%, transparent), transparent 60%);
}
.first-grid {
	max-width: 64rem; margin: 0 auto;
	display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: center;
}
@media (min-width: 780px) { .first-grid { grid-template-columns: .8fr 1.2fr; gap: 3.5rem; } }
.first-mark { position: relative; aspect-ratio: 1; max-width: 14rem; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
.first-lines { position: absolute; inset: 0; width: 100%; height: 100%; }
.first-lines line { stroke: var(--lode-coral); stroke-width: 2; opacity: .55; }
.first-node {
	position: absolute; width: 1.1rem; height: 1.1rem; border-radius: 50%;
	background: linear-gradient(135deg, var(--lode-orange), var(--lode-berry));
	box-shadow: 0 0 0 8px color-mix(in srgb, var(--lode-coral) 20%, transparent);
}
.first-node--a { left: 18%; top: 72%; }
.first-node--b { left: 48%; top: 22%; width: 1.5rem; height: 1.5rem; }
.first-node--c { left: 80%; top: 58%; opacity: .75; }
@media (prefers-reduced-motion: no-preference) {
	.first-node--b { animation: lode-node-pulse 2.8s ease-in-out infinite; }
}
@keyframes lode-node-pulse {
	0%, 100% { box-shadow: 0 0 0 8px color-mix(in srgb, var(--lode-coral) 20%, transparent); }
	50% { box-shadow: 0 0 0 15px color-mix(in srgb, var(--lode-coral) 30%, transparent); }
}
/* The numeral sits behind the constellation, big and quiet — the mark carries real weight even before anyone reads a word beside it. */
.first-mark-num {
	position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
	font-family: 'Lora', Georgia, serif; font-style: italic; font-weight: 600;
	font-size: 5.4rem; line-height: 1;
	background: linear-gradient(135deg, var(--lode-orange), var(--lode-berry));
	-webkit-background-clip: text; background-clip: text; color: transparent;
	opacity: .22; z-index: -1;
}
.first-copy .body { margin: 0 0 1.4rem; }
.first-copy .lode-hero-ctas { justify-content: flex-start; }


.lode-fields-cloud {
	display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem;
	max-width: 56rem; margin: 2.5rem auto 0;
}
.lode-field-pill {
	border-radius: 999px; overflow: hidden;
	background: linear-gradient(135deg, var(--lode-orange), var(--lode-coral));
}
.lode-fields-cloud .lode-field-pill:nth-child(8n+2) { background: linear-gradient(135deg, var(--lode-coral), var(--lode-magenta)); }
.lode-fields-cloud .lode-field-pill:nth-child(8n+3) { background: linear-gradient(135deg, var(--lode-magenta), var(--lode-berry)); }
.lode-fields-cloud .lode-field-pill:nth-child(8n+4) { background: linear-gradient(135deg, var(--lode-berry), var(--lode-coral)); }
.lode-fields-cloud .lode-field-pill:nth-child(8n+5) { background: linear-gradient(135deg, var(--lode-orange), var(--lode-magenta)); }
.lode-fields-cloud .lode-field-pill:nth-child(8n+6) { background: linear-gradient(135deg, var(--lode-magenta), var(--lode-orange)); }
.lode-fields-cloud .lode-field-pill:nth-child(8n+7) { background: linear-gradient(135deg, var(--lode-berry), var(--lode-magenta)); }
.lode-fields-cloud .lode-field-pill:nth-child(8n+8) { background: linear-gradient(135deg, var(--lode-coral), var(--lode-berry)); }
.lode-field-name {
	display: block; cursor: pointer; list-style: none;
	font-family: var(--font-util, system-ui, sans-serif); font-weight: 600; font-size: .95rem;
	color: #fff; padding: .65rem 1.3rem;
}
.lode-field-name::-webkit-details-marker { display: none; }
.lode-field-name::marker { content: ''; }
.lode-field-name:hover { filter: brightness(1.08); }
.lode-field-pill[open] { width: 100%; border-radius: 18px; }
.lode-field-pill[open] .lode-field-name { padding-bottom: .3rem; }
.lode-field-said {
	margin: 0; padding: 0 1.3rem 1.1rem;
	font-family: var(--font-util, system-ui, sans-serif); font-size: .92rem; line-height: 1.5;
	color: rgba(255,255,255,.94);
}
@media (min-width: 620px) { .lode-field-pill[open] { width: auto; max-width: 22rem; } }

/* THE PAYMENT PAGE IN MOTHERLODE'S OWN LOOK — the shared counter draws plain markup; this world dresses it. 9 October 2026. */
#lam-pay-page { max-width: 34rem; margin: 0 auto; padding: clamp(2rem, 6vw, 4rem) 1.25rem 3rem; }
#lam-pay-page .lam-pay-page__said { font-family: 'Lora', Georgia, serif; font-weight: 600; font-size: clamp(1.9rem, 5vw, 2.6rem); line-height: 1.15; color: var(--lode-ink, #3D0836); text-align: center; margin: 0 0 1.6rem; }
#lam-pay-page .lam-pay__or, #lam-pay-page .lam-pay__quiet { text-align: center; color: var(--lode-label, #8A6E7E); }
#lam-pay-page .lam-pay__go { background: var(--lode-coral, #F0295E) !important; background-image: none !important; color: #fff !important; border: 0; border-radius: 999px; font-weight: 700; }

/* A person's words arriving from another world (inc/the-passport-arrives.php), 9 October 2026. */
.passport-arrived { margin: 0; padding: .8rem 1.2rem; text-align: center; background: var(--lode-cream, #FDF2F5); color: var(--lode-berry, #C5156A); font-family: 'Lora', Georgia, serif; font-style: italic; font-size: 1rem; border-bottom: 1px solid #F3E2EA; }