/*
Theme Name: Showell Trends
Theme URI: https://justinshowell.com
Description: Modern fluid child theme for Justin Showell. Glass effects, SVG dividers, asymmetric layouts, light mode. Built on GeneratePress.
Author: builtbydanny.com
Author URI: https://builtbydanny.com
Template: generatepress
Version: 1.0.0
Text Domain: showell-trends
*/

/* ============================================================
   FONTS
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700;900&family=Instrument+Serif:ital@0;1&family=DM+Sans:wght@300;400;500&display=swap');

/* ============================================================
   TOKENS
   ============================================================ */
:root {
	--bg:            #f4f0e8;
	--bg-card:       #faf8f3;
	--bg-subtle:     #ede8de;
	--bg-dark:       #0f0d0b;

	--text:          #0f0d0b;
	--text-sec:      #3a3328;
	--text-muted:    #8a7e6e;
	--text-faint:    rgba(15,13,11,0.18);

	--gold:          #9a6e10;
	--gold-bright:   #c4922a;
	--gold-dim:      rgba(154,110,16,0.1);
	--gold-border:   rgba(154,110,16,0.28);

	--border:        rgba(15,13,11,0.1);
	--border-mid:    rgba(15,13,11,0.16);

	/* Glass effects -- light mode */
	--glass-bg:      rgba(250,248,243,0.65);
	--glass-border:  rgba(15,13,11,0.1);
	--glass-shadow:  0 8px 32px rgba(15,13,11,0.1);

	/* Ticker */
	--ticker-bg:     #0f0d0b;
	--ticker-text:   #c4922a;

	/* Photo filters */
	--photo-filter:  brightness(0.9) contrast(1.06) saturate(0.95);
	--photo-hover:   brightness(1) contrast(1.02) saturate(1);
	--strip-filter:  saturate(0.72) contrast(1.05) brightness(0.95);
	--strip-hover:   saturate(1) contrast(1.02) brightness(1);

	--shadow:        0 0 0 1px rgba(15,13,11,0.06), 0 24px 60px rgba(15,13,11,0.1);
	--stripe:        linear-gradient(to right, #7a5a10, #c4922a, #e8c870, #c4922a, #7a5a10);
}

/* ============================================================
   RESET
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

body {
	font-family: 'DM Sans', sans-serif;
	font-size: 16px;
	line-height: 1.7;
	color: var(--text);
	background: var(--bg);
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0 1.5rem 5rem;
}

@media (max-width: 768px) { body { padding: 0 0 4rem; } }

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
p { margin: 0 0 1rem; }
p:last-child { margin-bottom: 0; }
blockquote, figure { margin: 0; padding: 0; }
table { border-collapse: collapse; width: 100%; }

/* ============================================================
   GP OVERRIDES
   ============================================================ */
.site, #page, .grid-container, .container, #content,
.site-content, .content-area, .site-main,
.inside-article, .entry-content,
.one-container .site-content,
.one-container .container,
.separate-containers .inside-article {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	background: transparent !important;
}

.site-header, .site-footer, .page-header, .entry-header { display: none !important; }

/* ============================================================
   SITE WRAPPER
   ============================================================ */
.st-site {
	max-width: 1200px;
	margin: 0 auto;
	background: var(--bg-card);
	box-shadow: var(--shadow);
	overflow: hidden;
}

.st-site::before {
	content: '';
	display: block;
	height: 3px;
	background: var(--stripe);
}

/* ============================================================
   NAVIGATION — frosted glass
   ============================================================ */
.st-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.25rem 2.5rem;
	position: sticky;
	top: 0;
	z-index: 100;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	background: rgba(250,248,243,0.82);
	border-bottom: 1px solid var(--glass-border);
}

.st-nav__logo {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: 0.7rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--text);
	text-decoration: none;
}

.st-nav__links {
	display: flex;
	gap: 2.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: center;
}

.st-nav__links a {
	font-size: 0.6rem;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--text-muted);
	text-decoration: none;
	transition: color 0.2s;
}

.st-nav__links a:hover { color: var(--gold); }
.st-nav__links .current-page,
.st-nav__links .current-menu-item > a { color: var(--gold) !important; }
.st-nav__links .nav-instagram a::after { content: ' ↗'; font-size: 0.6rem; }

.st-nav__hamburger {
	display: none;
	flex-direction: column;
	gap: 5px;
	cursor: pointer;
	background: none;
	border: none;
	padding: 4px;
}

.st-nav__hamburger span {
	display: block;
	width: 22px;
	height: 1.5px;
	background: var(--text);
}

.st-nav__close { display: none; }

/* ============================================================
   HERO — full bleed, multi-layer gradient, glass overlay
   ============================================================ */
.st-hero {
	position: relative;
	overflow: hidden;
}

.st-hero--home { height: 680px; }
.st-hero--page { height: 460px; }

.st-hero__photo {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center 15%;
	filter: var(--photo-filter);
}

/* Layer 1: main directional gradient */
.st-hero__grad1 {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		118deg,
		rgba(250,248,243,0.92) 0%,
		rgba(250,248,243,0.6) 38%,
		rgba(250,248,243,0.1) 65%,
		rgba(250,248,243,0.0) 100%
	);
}

/* Layer 2: warm gold bloom bottom-left */
.st-hero__grad2 {
	position: absolute;
	inset: 0;
	background: radial-gradient(
		ellipse 55% 45% at 5% 100%,
		rgba(196,146,42,0.12) 0%,
		transparent 65%
	);
}

/* Layer 3: bottom fade */
.st-hero__grad3 {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to bottom,
		transparent 45%,
		rgba(250,248,243,0.55) 75%,
		rgba(250,248,243,0.92) 100%
	);
}

/* Name -- left side, on light gradient area */
.st-hero__content {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 0 0 0 2.5rem;
}

.st-hero__name-solid {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: clamp(3.5rem, 10vw, 8rem);
	line-height: 1;
	color: var(--text);
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

.st-hero__name-outline {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: clamp(3.5rem, 10vw, 8rem);
	line-height: 0.9;
	color: transparent;
	-webkit-text-stroke: 1.5px var(--gold-bright);
	letter-spacing: -0.02em;
	text-transform: uppercase;
	margin-bottom: 2.5rem;
}

.st-hero__descriptor {
	position: absolute;
	bottom: 2rem;
	right: 2.5rem;
	font-family: 'Instrument Serif', serif;
	font-style: italic;
	font-size: 1rem;
	color: var(--text-muted);
	text-align: right;
}

/* Glass card -- floating on right side of hero */
.st-hero__glass {
	position: absolute;
	bottom: 3rem;
	right: 2.5rem;
	width: 260px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	background: var(--glass-bg);
	border: 1px solid var(--glass-border);
	box-shadow: var(--glass-shadow);
	padding: 1.5rem;
	z-index: 3;
}

.st-hero__glass-quote {
	font-family: 'Instrument Serif', serif;
	font-style: italic;
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--text-sec);
	margin-bottom: 1.1rem;
	border-left: 2px solid var(--gold-bright);
	padding-left: 0.85rem;
}

.st-hero__glass-tags {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.st-hero__glass-tag {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.44rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--text-muted);
	padding: 0.22rem 0.6rem;
	border: 1px solid var(--border);
	width: fit-content;
}

.st-hero__glass-tag--gold {
	color: var(--gold);
	border-color: var(--gold-border);
}

/* Interior page hero label + title */
.st-hero__page-content {
	position: absolute;
	bottom: 2.5rem;
	left: 2.5rem;
	z-index: 3;
}

.st-hero__page-label {
	font-size: 0.55rem;
	font-weight: 600;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--gold);
	display: flex;
	align-items: center;
	gap: 0.85rem;
	margin-bottom: 0.65rem;
}

.st-hero__page-label::before {
	content: '';
	display: block;
	width: 1.75rem;
	height: 1px;
	background: var(--gold-bright);
	flex-shrink: 0;
}

.st-hero__page-title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: clamp(2.5rem, 8vw, 5.5rem);
	line-height: 0.92;
	color: var(--text);
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

/* Watermark */
.st-hero__watermark {
	position: absolute;
	bottom: -0.05em;
	right: -0.02em;
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: clamp(5rem, 18vw, 13rem);
	line-height: 0.85;
	color: transparent;
	-webkit-text-stroke: 1px rgba(154,110,16,0.08);
	text-transform: uppercase;
	user-select: none;
	pointer-events: none;
	white-space: nowrap;
	letter-spacing: -0.02em;
}

/* ============================================================
   SVG DIVIDERS — utility class
   ============================================================ */
.st-divider {
	display: block;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}

.st-divider svg { display: block; width: 100%; }

/* ============================================================
   TICKER
   ============================================================ */
.st-ticker {
	background: var(--ticker-bg);
	padding: 0.68rem 0;
	overflow: hidden;
	white-space: nowrap;
}

.st-ticker__inner {
	display: inline-block;
	animation: st-tick 24s linear infinite;
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 0.6rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--ticker-text);
}

.st-ticker__sep { margin: 0 1.5rem; opacity: 0.3; }

@keyframes st-tick {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

/* ============================================================
   SECTION UTILITIES
   ============================================================ */
.st-eyebrow {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.5rem;
	font-weight: 700;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--gold);
}

.st-section-header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding-bottom: 0.85rem;
	border-bottom: 1px solid var(--border);
	margin-bottom: 2.5rem;
}

.st-section-title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: 0.85rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--text);
}

.st-link {
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 0.6rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--gold);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	transition: opacity 0.2s;
}

.st-link:hover { opacity: 0.7; }
.st-link::after { content: '→'; }

/* ============================================================
   BUTTON
   ============================================================ */
.st-btn {
	display: inline-block;
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 0.6rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding: 0.85rem 1.75rem;
	border: 2px solid var(--text);
	color: var(--text);
	background: transparent;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.st-btn:hover { background: var(--text); color: var(--bg-card); }

.st-btn--gold { border-color: var(--gold); color: var(--gold); }
.st-btn--gold:hover { background: var(--gold); color: var(--bg-card); }

.st-btn--filled { background: var(--gold); border-color: var(--gold); color: var(--bg-card); }
.st-btn--filled:hover { background: transparent; color: var(--gold); }

/* Glass button */
.st-btn--glass {
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	background: rgba(154,110,16,0.1);
	border: 1px solid var(--gold-border);
	color: var(--gold);
}

.st-btn--glass:hover { background: rgba(154,110,16,0.2); color: var(--gold); }

.st-btn-group {
	display: flex;
	gap: 1rem;
	justify-content: center;
	flex-wrap: wrap;
}

/* ============================================================
   HOMEPAGE — ASYMMETRIC BIO
   ============================================================ */
.st-bio {
	position: relative;
	padding: 5rem 2.5rem;
	overflow: visible;
}

/* Mesh gradient background */
.st-bio::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 65% 55% at 5% 50%, rgba(196,146,42,0.07) 0%, transparent 60%),
		radial-gradient(ellipse 45% 70% at 95% 15%, rgba(196,146,42,0.05) 0%, transparent 55%);
	pointer-events: none;
}

.st-bio__inner {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
	gap: 0;
	align-items: start;
}

.st-bio__text { padding-right: 3rem; padding-top: 0.5rem; }

.st-bio__opening {
	font-family: 'Instrument Serif', serif;
	font-style: italic;
	font-size: 1.5rem;
	line-height: 1.55;
	color: var(--text);
	border-left: 3px solid var(--gold-bright);
	padding-left: 1.5rem;
	margin-bottom: 2rem;
}

.st-bio__body {
	font-size: 0.9rem;
	line-height: 1.9;
	color: var(--text-sec);
}

.st-bio__body em { font-style: italic; color: var(--text); }

/* Glass facts card -- slightly tilted, offset */
.st-bio__facts-card {
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	background: rgba(250,248,243,0.7);
	border: 1px solid var(--glass-border);
	box-shadow: 0 12px 40px rgba(15,13,11,0.08), 0 2px 8px rgba(154,110,16,0.06);
	padding: 2rem;
	transform: translateY(1.5rem) rotate(0.4deg);
}

.st-bio__fact {
	padding: 0.95rem 0;
	border-bottom: 1px solid var(--border);
}

.st-bio__fact:first-child { padding-top: 0; }
.st-bio__fact:last-child { border-bottom: none; }

.st-bio__fact-label {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.44rem;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 0.3rem;
}

.st-bio__fact-value {
	font-family: 'Instrument Serif', serif;
	font-size: 0.98rem;
	color: var(--text);
	line-height: 1.4;
}

/* ============================================================
   HOMEPAGE — THE WORK
   ============================================================ */
.st-work {
	background: linear-gradient(
		160deg,
		#1a1510 0%,
		#0f0d0b 55%,
		#181410 100%
	);
	padding: 1.5rem 2.5rem 3.5rem;
	position: relative;
}

/* Subtle gold glow from top */
.st-work::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 80% 40% at 50% 0%, rgba(196,146,42,0.08) 0%, transparent 60%);
	pointer-events: none;
}

.st-work__header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(240,234,216,0.08);
	margin-bottom: 0;
}

.st-work__title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: 0.82rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--gold-bright);
}

.st-work__sub {
	font-family: 'Instrument Serif', serif;
	font-style: italic;
	font-size: 0.88rem;
	color: rgba(240,234,216,0.3);
}

.st-work__list { list-style: none; }

.st-work__item {
	display: grid;
	grid-template-columns: 5rem 1fr auto;
	align-items: center;
	padding: 1.4rem 0;
	border-bottom: 1px solid rgba(240,234,216,0.06);
	transition: padding-left 0.25s;
	cursor: default;
}

/* Alternating stagger */
.st-work__item:nth-child(even) { padding-left: 2rem; }
.st-work__item:last-child { border-bottom: none; }
.st-work__item:hover { padding-left: 0.85rem; }
.st-work__item:nth-child(even):hover { padding-left: 2.85rem; }

.st-work__num {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.5rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	color: rgba(240,234,216,0.15);
}

.st-work__show {
	font-family: 'Instrument Serif', serif;
	font-style: italic;
	font-size: 1.85rem;
	line-height: 1;
	color: #f5f0e8;
}

.st-work__details {
	font-size: 0.68rem;
	color: rgba(240,234,216,0.35);
	margin-top: 0.3rem;
}

.st-work__tier {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.45rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gold-bright);
	border: 1px solid rgba(196,146,42,0.3);
	padding: 0.25rem 0.65rem;
	white-space: nowrap;
}

/* ============================================================
   HOMEPAGE — FILMSTRIP
   ============================================================ */
.st-filmstrip {
	overflow-x: auto;
	overflow-y: hidden;
	background: var(--bg-dark);
	scrollbar-width: none;
	cursor: grab;
	border-top: 3px solid var(--gold-bright);
	border-bottom: 1px solid var(--border);
}

.st-filmstrip::-webkit-scrollbar { display: none; }
.st-filmstrip:active { cursor: grabbing; }

.st-filmstrip__track {
	display: flex;
	gap: 3px;
	width: max-content;
	padding: 3px;
	background: var(--bg-dark);
}

.st-filmstrip__cell {
	width: 240px;
	height: 320px;
	flex-shrink: 0;
	overflow: hidden;
	position: relative;
}

.st-filmstrip__cell img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	filter: var(--strip-filter);
	transition: filter 0.4s, transform 0.5s;
}

.st-filmstrip__cell:hover img {
	filter: var(--strip-hover);
	transform: scale(1.04);
}

/* Glass label on hover */
.st-filmstrip__label {
	position: absolute;
	bottom: 0.75rem;
	left: 0.75rem;
	font-family: 'Unbounded', sans-serif;
	font-size: 0.42rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #f5f0e8;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: rgba(15,13,11,0.55);
	padding: 0.22rem 0.55rem;
	border: 1px solid rgba(196,146,42,0.35);
	opacity: 0;
	transition: opacity 0.3s;
}

.st-filmstrip__cell:hover .st-filmstrip__label { opacity: 1; }

/* ============================================================
   HOMEPAGE — BOTTOM SPLIT
   ============================================================ */
.st-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.st-split__contact {
	position: relative;
	padding: 4rem 3rem;
	overflow: hidden;
}

/* Mesh gradient behind contact side */
.st-split__contact::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(135deg, rgba(196,146,42,0.08) 0%, rgba(196,146,42,0.02) 50%, transparent 100%),
		linear-gradient(to bottom, var(--bg-card), var(--bg-subtle));
	z-index: 0;
}

.st-split__contact-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	gap: 2.5rem;
}

.st-split__contact-label {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.48rem;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--text-muted);
	margin-bottom: 1.25rem;
}

.st-split__contact-title {
	font-family: 'Instrument Serif', serif;
	font-style: italic;
	font-size: clamp(1.35rem, 2.8vw, 2rem);
	line-height: 1.35;
	color: var(--text);
}

.st-split__mentorship {
	padding: 4rem 3rem;
	background: var(--bg-dark);
	border-left: 1px solid rgba(240,234,216,0.06);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

/* Gold top line on mentorship panel */
.st-split__mentorship::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	background: linear-gradient(to right, transparent, var(--gold-bright), transparent);
}

/* Subtle gold radial inside dark panel */
.st-split__mentorship::after {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 70% 60% at 50% 100%, rgba(196,146,42,0.07) 0%, transparent 65%);
	pointer-events: none;
}

.st-split__mentorship-label {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.48rem;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: rgba(240,234,216,0.25);
	margin-bottom: 1.25rem;
	position: relative;
	z-index: 1;
}

.st-split__mentorship-quote {
	font-family: 'Instrument Serif', serif;
	font-style: italic;
	font-size: clamp(1.2rem, 2.5vw, 1.7rem);
	line-height: 1.5;
	color: #f5f0e8;
	position: relative;
	z-index: 1;
}

.st-split__mentorship-quote strong {
	font-style: normal;
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: 0.85em;
	letter-spacing: -0.01em;
	color: var(--gold-bright);
}

.st-split__link {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.52rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--gold-bright);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-top: 2.5rem;
	position: relative;
	z-index: 1;
}

.st-split__link::after { content: '→'; }

/* ============================================================
   ABOUT PAGE
   ============================================================ */
.st-about__bio {
	display: grid;
	grid-template-columns: 3.5rem 1.6fr 1fr;
	border-bottom: 1px solid var(--border);
}

.st-about__index {
	background: var(--bg-dark);
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 2.5rem;
	border-right: 1px solid var(--border);
}

.st-about__index-text {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.45rem;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--gold-bright);
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

.st-about__text {
	padding: 3.5rem 2.5rem;
	border-right: 1px solid var(--border);
}

.st-about__lead {
	font-family: 'Instrument Serif', serif;
	font-style: italic;
	font-size: 1.35rem;
	line-height: 1.65;
	color: var(--text);
	margin-bottom: 2rem;
}

.st-about__body {
	font-size: 0.9rem;
	line-height: 1.9;
	color: var(--text-sec);
}

.st-about__body p { margin: 0 0 1.25rem; }
.st-about__body p:last-child { margin: 0; }
.st-about__body em { font-style: italic; color: var(--text); }

.st-about__sidebar {
	padding: 3.5rem 2rem;
	background: var(--bg-subtle);
}

.st-about__sidebar-item {
	padding: 1rem 0;
	border-bottom: 1px solid var(--border);
}

.st-about__sidebar-item:first-child { padding-top: 0; }
.st-about__sidebar-item:last-child { border-bottom: none; }

.st-about__sidebar-tag {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.45rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 0.3rem;
}

.st-about__sidebar-value {
	font-family: 'Instrument Serif', serif;
	font-size: 0.95rem;
	color: var(--text);
	line-height: 1.5;
}

.st-about__photo-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3px;
	background: var(--bg-dark);
}

.st-about__photo-cell {
	aspect-ratio: 3/4;
	overflow: hidden;
}

.st-about__photo-cell img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: var(--photo-filter);
	transition: filter 0.5s, transform 0.5s;
}

.st-about__photo-cell:hover img {
	filter: var(--photo-hover);
	transform: scale(1.04);
}

/* ============================================================
   RESUME PAGE
   ============================================================ */
.st-resume {
	padding: 3.5rem 2.5rem 3.5rem 6rem;
}

.st-resume__section { margin-bottom: 3rem; }

.st-resume__section-heading {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: 0.75rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--text);
	padding-bottom: 0.6rem;
	border-bottom: 2px solid var(--gold-bright);
	margin-bottom: 1.5rem;
}

.st-resume__tier {
	margin-bottom: 1.5rem;
	padding-left: 1.25rem;
	border-left: 3px solid var(--border);
	transition: border-color 0.2s;
}

.st-resume__tier:hover { border-left-color: var(--gold-bright); }

.st-resume__tier-badge {
	display: inline-block;
	font-family: 'Unbounded', sans-serif;
	font-size: 0.5rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	padding: 0.22rem 0.65rem;
	margin-bottom: 0.75rem;
}

.st-resume__tier-badge--broadway  { background: var(--gold-dim); color: var(--gold); border: 1px solid var(--gold-border); }
.st-resume__tier-badge--tour      { background: rgba(100,140,180,0.1); color: #5a7a9a; border: 1px solid rgba(100,140,180,0.2); }
.st-resume__tier-badge--offbway   { background: rgba(140,100,180,0.1); color: #7a5a9a; border: 1px solid rgba(140,100,180,0.2); }
.st-resume__tier-badge--regional  { background: rgba(100,160,120,0.1); color: #4a7a5a; border: 1px solid rgba(100,160,120,0.2); }

.st-resume__table { width: 100%; border-collapse: collapse; }
.st-resume__table tr { border-bottom: 1px solid var(--border); }
.st-resume__table tr:last-child { border-bottom: none; }
.st-resume__table tr:hover td { background: var(--gold-dim); }

.st-resume__td-show {
	font-family: 'Instrument Serif', serif;
	font-style: italic;
	font-size: 1.05rem;
	color: var(--text);
	padding: 0.75rem 1rem 0.75rem 0;
	vertical-align: top;
	min-width: 180px;
}

.st-resume__td-role {
	font-size: 0.8rem;
	color: var(--text-sec);
	padding: 0.75rem 1rem 0.75rem 0;
	vertical-align: top;
}

.st-resume__td-venue {
	font-size: 0.75rem;
	color: var(--text-muted);
	padding: 0.75rem 0;
	vertical-align: top;
	text-align: right;
}

.st-resume__two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }

.st-resume__training-block,
.st-resume__skills-list {
	font-size: 0.9rem;
	line-height: 1.9;
	color: var(--text-sec);
	margin-top: 1rem;
}

/* ============================================================
   MEDIA PAGE
   ============================================================ */
.st-media__gallery {
	padding: 3.5rem 2.5rem;
	border-bottom: 1px solid var(--border);
}

.st-media__gallery--headshots { border-left: 4px solid var(--gold-bright); }
.st-media__gallery--stills    { border-left: 4px solid #6488aa; }
.st-media__gallery--video     { border-left: 4px solid #8866aa; background: var(--bg-subtle); }

.st-section-badge {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.48rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--text-muted);
	background: var(--bg-subtle);
	border: 1px solid var(--border);
	padding: 0.22rem 0.65rem;
}

.st-media__grid--2col {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3px;
	background: var(--bg-dark);
	margin-top: 1.5rem;
}

.st-media__grid--3col {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 3px;
	background: var(--bg-dark);
	margin-top: 1.5rem;
}

.st-media__cell {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.st-media__grid--2col .st-media__cell { aspect-ratio: 3/4; }
.st-media__grid--3col .st-media__cell { aspect-ratio: 4/5; }

.st-media__cell img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	filter: var(--strip-filter);
	transition: transform 0.5s, filter 0.3s;
}

.st-media__cell:hover img {
	transform: scale(1.04);
	filter: var(--strip-hover);
}

.st-media__cell-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	padding: 1rem;
	opacity: 0;
	transition: opacity 0.3s;
}

.st-media__cell:hover .st-media__cell-overlay { opacity: 1; }

.st-media__cell-overlay span {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.52rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #f5f0e8;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: rgba(15,13,11,0.6);
	padding: 0.3rem 0.75rem;
	border: 1px solid rgba(196,146,42,0.45);
}

.st-media__video-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin-top: 1.5rem; }

.st-media__video-label {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--text-muted);
	margin-bottom: 0.65rem;
}

.st-media__video-wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	border: 1px solid var(--border);
	background: var(--bg-dark);
}

.st-media__video-wrap video,
.st-media__video-wrap iframe {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}

.st-lightbox {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(15,13,11,0.94);
	backdrop-filter: blur(8px);
	z-index: 9999;
	align-items: center;
	justify-content: center;
}

.st-lightbox.active { display: flex; }

.st-lightbox__img {
	max-width: 90vw;
	max-height: 90vh;
	object-fit: contain;
	box-shadow: 0 0 80px rgba(0,0,0,0.5);
}

.st-lightbox__close {
	position: fixed;
	top: 1.5rem;
	right: 2rem;
	font-size: 2rem;
	color: #f5f0e8;
	cursor: pointer;
	background: none;
	border: none;
	opacity: 0.6;
	transition: opacity 0.2s;
	line-height: 1;
}

.st-lightbox__close:hover { opacity: 1; }

/* ============================================================
   CONTACT PAGE
   ============================================================ */
.st-contact {
	display: grid;
	grid-template-columns: 1fr 1.6fr;
	border-bottom: 1px solid var(--border);
}

.st-contact__left {
	padding: 3.5rem 2.5rem;
	border-right: 1px solid var(--border);
	border-left: 4px solid var(--gold-bright);
	background: var(--bg-subtle);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
}

.st-contact__left::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 80% 60% at 0% 100%, rgba(196,146,42,0.08) 0%, transparent 60%);
	pointer-events: none;
}

.st-contact__tagline {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: clamp(1.75rem, 3.5vw, 2.5rem);
	line-height: 1;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: var(--text);
	margin: 1rem 0 1.5rem;
	position: relative;
	z-index: 1;
}

.st-contact__body {
	font-size: 0.88rem;
	line-height: 1.85;
	color: var(--text-sec);
	margin-bottom: 2rem;
	position: relative;
	z-index: 1;
}

.st-contact__detail { padding: 1rem 0; border-top: 1px solid var(--border); position: relative; z-index: 1; }
.st-contact__detail:last-child { border-bottom: 1px solid var(--border); }

.st-contact__detail-tag {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.45rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 0.25rem;
}

.st-contact__detail-value {
	font-family: 'Instrument Serif', serif;
	font-size: 0.95rem;
	color: var(--text);
}

.st-contact__right { padding: 3.5rem 2.5rem; }

/* WPForms overrides */
.st-contact__right .wpforms-form .wpforms-field-label {
	font-family: 'Unbounded', sans-serif !important;
	font-size: 0.55rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.2em !important;
	text-transform: uppercase !important;
	color: var(--text-muted) !important;
	margin-bottom: 0.5rem !important;
}

.st-contact__right .wpforms-form input[type="text"],
.st-contact__right .wpforms-form input[type="email"],
.st-contact__right .wpforms-form textarea {
	border: none !important;
	border-bottom: 1px solid var(--border-mid) !important;
	border-radius: 0 !important;
	background: transparent !important;
	padding: 0.65rem 0 !important;
	font-family: 'DM Sans', sans-serif !important;
	font-size: 0.9rem !important;
	color: var(--text) !important;
	width: 100% !important;
	box-shadow: none !important;
	transition: border-color 0.2s !important;
}

.st-contact__right .wpforms-form input:focus,
.st-contact__right .wpforms-form textarea:focus {
	outline: none !important;
	border-bottom-color: var(--gold-bright) !important;
}

.st-contact__right .wpforms-form .wpforms-submit {
	font-family: 'Unbounded', sans-serif !important;
	font-weight: 700 !important;
	font-size: 0.6rem !important;
	letter-spacing: 0.2em !important;
	text-transform: uppercase !important;
	padding: 0.85rem 1.75rem !important;
	border: 2px solid var(--gold) !important;
	color: var(--gold) !important;
	background: transparent !important;
	border-radius: 0 !important;
	cursor: pointer !important;
	transition: background 0.2s, color 0.2s !important;
}

.st-contact__right .wpforms-form .wpforms-submit:hover {
	background: var(--gold) !important;
	color: var(--bg-card) !important;
}

/* ============================================================
   MENTORSHIP PAGE
   ============================================================ */
.st-mentorship__mission {
	display: grid;
	grid-template-columns: 1fr 1.6fr;
	border-bottom: 1px solid var(--border);
}

.st-mentorship__mission-left {
	padding: 3.5rem 2.5rem;
	border-right: 1px solid var(--border);
	border-left: 4px solid var(--gold-bright);
	background: var(--bg-subtle);
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.st-mentorship__mission-left::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 70% 55% at 0% 50%, rgba(196,146,42,0.07) 0%, transparent 60%);
	pointer-events: none;
}

.st-mentorship__pull-quote {
	font-family: 'Instrument Serif', serif;
	font-style: italic;
	font-size: 1.35rem;
	line-height: 1.65;
	color: var(--text);
	border-left: 3px solid var(--gold-bright);
	padding-left: 1.25rem;
	margin-top: 1.25rem;
	position: relative;
	z-index: 1;
}

.st-mentorship__mission-right { padding: 3.5rem 2.5rem; }

.st-mentorship__mission-body {
	font-size: 0.9rem;
	line-height: 1.85;
	color: var(--text-sec);
}

.st-mentorship__mission-body p { margin: 0 0 1rem; }
.st-mentorship__mission-body p:last-child { margin: 0; }

.st-mentorship__who {
	padding: 3.5rem 2.5rem;
	border-bottom: 1px solid var(--border);
	border-left: 4px solid #6488aa;
}

.st-mentorship__audience-grid { display: grid; grid-template-columns: repeat(4, 1fr); }

.st-mentorship__audience-item {
	padding: 1.5rem 1.5rem 0 0;
	border-right: 1px solid var(--border);
	margin-right: 1.5rem;
}

.st-mentorship__audience-item:last-child { border-right: none; margin-right: 0; padding-right: 0; }

.st-mentorship__audience-num {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: 2.5rem;
	line-height: 1;
	color: var(--border);
	margin-bottom: 0.75rem;
}

.st-mentorship__audience-label {
	font-family: 'Unbounded', sans-serif;
	font-weight: 700;
	font-size: 0.72rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--text);
	line-height: 1.3;
	margin-bottom: 0.5rem;
}

.st-mentorship__audience-desc {
	font-size: 0.8rem;
	color: var(--text-muted);
	line-height: 1.6;
}

.st-mentorship__offerings {
	background: linear-gradient(160deg, #1a1510 0%, #0f0d0b 60%, #181410 100%);
	padding: 3.5rem 2.5rem;
	border-bottom: 1px solid var(--border);
	position: relative;
}

.st-mentorship__offerings::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse 80% 40% at 50% 0%, rgba(196,146,42,0.08) 0%, transparent 60%);
	pointer-events: none;
}

.st-mentorship__offerings .st-section-title { color: #f5f0e8; }
.st-mentorship__offerings .st-section-header { border-bottom-color: rgba(240,234,216,0.08); }

.st-mentorship__offerings-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: rgba(240,234,216,0.06);
	border: 1px solid rgba(240,234,216,0.06);
}

.st-mentorship__offering-card { background: #0f0d0b; padding: 2.5rem 2rem; position: relative; z-index: 1; }

.st-mentorship__offering-tag {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.5rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--gold-bright);
	margin-bottom: 1rem;
}

.st-mentorship__offering-title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: 1rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #f5f0e8;
	line-height: 1.2;
	margin-bottom: 0.75rem;
}

.st-mentorship__offering-desc {
	font-size: 0.82rem;
	color: rgba(240,234,216,0.5);
	line-height: 1.7;
}

.st-mentorship__why {
	display: grid;
	grid-template-columns: 2fr 1fr;
	border-bottom: 1px solid var(--border);
}

.st-mentorship__why-left {
	padding: 3.5rem 2.5rem;
	border-right: 1px solid var(--border);
	border-left: 4px solid #8866aa;
}

.st-mentorship__why-body {
	font-size: 0.9rem;
	line-height: 1.85;
	color: var(--text-sec);
}

.st-mentorship__why-body p { margin: 0 0 1rem; }
.st-mentorship__why-body p:last-child { margin: 0; }

.st-mentorship__why-right { padding: 3.5rem 2rem; background: var(--bg-subtle); }

.st-mentorship__cred-item { padding: 1rem 0; border-bottom: 1px solid var(--border); }
.st-mentorship__cred-item:last-child { border-bottom: none; }

.st-mentorship__cred-tag {
	font-family: 'Unbounded', sans-serif;
	font-size: 0.45rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 0.25rem;
}

.st-mentorship__cred-label {
	font-family: 'Instrument Serif', serif;
	font-size: 0.95rem;
	color: var(--text);
}

.st-mentorship__cta {
	padding: 5rem 2.5rem;
	text-align: center;
	border-bottom: 1px solid var(--border);
	position: relative;
	overflow: hidden;
}

.st-mentorship__cta::before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 60% 80% at 50% 50%, rgba(196,146,42,0.06) 0%, transparent 65%);
	pointer-events: none;
}

.st-mentorship__cta-title {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: clamp(2.5rem, 7vw, 5rem);
	letter-spacing: -0.01em;
	text-transform: uppercase;
	line-height: 0.95;
	color: var(--text);
	margin: 1rem 0;
	position: relative;
	z-index: 1;
}

.st-mentorship__cta-sub {
	font-size: 0.9rem;
	color: var(--text-muted);
	max-width: 440px;
	margin: 0 auto 2.5rem;
	line-height: 1.8;
	position: relative;
	z-index: 1;
}

/* ============================================================
   FOOTER
   ============================================================ */
.st-footer {
	padding: 1.75rem 2.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid var(--gold-border);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	background: rgba(250,248,243,0.85);
}

.st-footer__logo {
	font-family: 'Unbounded', sans-serif;
	font-weight: 900;
	font-size: 0.7rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--text);
	text-decoration: none;
}

.st-footer__meta {
	font-size: 0.55rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--text-faint);
}

.st-footer__meta a { color: var(--gold); }

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width: 768px) {

	.st-site { box-shadow: none; }

	/* NAV */
	.st-nav { padding: 1.25rem; }

	.st-nav__links {
		display: none;
		position: fixed;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		height: 65vh;
		background: #f4f0e8 !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		border-top: 3px solid #c4922a;
		border-radius: 1.25rem 1.25rem 0 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2.25rem;
		z-index: 9999 !important;
		box-shadow: 0 -8px 40px rgba(15,13,11,0.2);
		transform: translateZ(0);
		will-change: transform;
	}

	/* Backdrop overlay behind the nav drawer */
	.st-nav__backdrop {
		display: none;
		position: fixed;
		inset: 0;
		background: rgba(15,13,11,0.4);
		z-index: 9998;
	}

	.st-nav__backdrop.open { display: block; }

	.st-nav__links.open { display: flex; }
	.st-nav__links a { font-size: 1.05rem; color: var(--text-muted); }
	.st-nav__links a.active,
	.st-nav__links .current-page { color: var(--gold) !important; }
	.st-nav__hamburger { display: flex; }

	.st-nav__links.open .st-nav__close {
		display: block;
		position: absolute;
		top: 1.25rem;
		right: 1.5rem;
		font-size: 1.5rem;
		background: none;
		border: none;
		cursor: pointer;
		color: var(--text-muted);
		line-height: 1;
	}

	/* HERO -- smaller name, no glass card on mobile */
	.st-hero--home { height: 520px; }
	.st-hero--page { height: 300px; }
	.st-hero__name-solid,
	.st-hero__name-outline { font-size: clamp(2rem, 10vw, 3.5rem); }
	.st-hero__glass { display: none; }
	.st-hero__descriptor { display: none; }
	.st-hero__page-title { font-size: clamp(1.85rem, 10vw, 3rem); }

	/* BIO */
	.st-bio { padding: 2.5rem 1.25rem; }
	.st-bio__inner { grid-template-columns: 1fr; }
	.st-bio__text { padding-right: 0; margin-bottom: 2rem; }
	.st-bio__facts-card { transform: none; }

	/* WORK */
	.st-work { padding: 1.5rem 1.25rem 2.5rem; }
	.st-work__item { grid-template-columns: 3.5rem 1fr; }
	.st-work__item:nth-child(even) { padding-left: 1rem; }
	.st-work__tier { display: none; }
	.st-work__show { font-size: 1.35rem; }

	/* FILMSTRIP */
	.st-filmstrip__cell { width: 180px; height: 240px; }

	/* SPLIT */
	.st-split { grid-template-columns: 1fr; }
	.st-split__contact { padding: 2.5rem 1.25rem; }
	.st-split__mentorship { padding: 2.5rem 1.25rem; }
	.st-btn-group { flex-direction: column; align-items: stretch; }
	.st-btn-group .st-btn { text-align: center; }

	/* ABOUT */
	.st-about__bio { grid-template-columns: 1fr; }
	.st-about__index { display: none; }
	.st-about__text { padding: 2rem 1.25rem; border-right: none; border-bottom: 1px solid var(--border); }
	.st-about__sidebar { padding: 2rem 1.25rem; }
	.st-about__photo-grid { grid-template-columns: repeat(2, 1fr); }

	/* RESUME */
	.st-resume { padding: 2rem 1.25rem; }
	.st-resume__two-col { grid-template-columns: 1fr; gap: 2rem; }
	.st-resume__table tr { display: block; padding: 0.75rem 0; }
	.st-resume__td-show, .st-resume__td-role, .st-resume__td-venue { display: block; padding: 0.15rem 0; text-align: left; }

	/* MEDIA */
	.st-media__gallery { padding: 2rem 1.25rem; }
	.st-media__grid--3col { grid-template-columns: repeat(2, 1fr); }
	.st-media__video-grid { grid-template-columns: 1fr; }

	/* MENTORSHIP */
	.st-mentorship__mission { grid-template-columns: 1fr; }
	.st-mentorship__mission-left { border-right: none; border-bottom: 1px solid var(--border); border-left: none; border-top: 4px solid var(--gold-bright); padding: 2rem 1.25rem; }
	.st-mentorship__mission-right { padding: 2rem 1.25rem; }
	.st-mentorship__who { padding: 2rem 1.25rem; border-left: none; border-top: 4px solid #6488aa; }
	.st-mentorship__audience-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
	.st-mentorship__audience-item { border-right: none; margin-right: 0; padding-right: 0; }
	.st-mentorship__offerings { padding: 2rem 1.25rem; }
	.st-mentorship__offerings-grid { grid-template-columns: 1fr; }
	.st-mentorship__offering-card { border-bottom: 1px solid rgba(240,234,216,0.08); }
	.st-mentorship__why { grid-template-columns: 1fr; }
	.st-mentorship__why-left { border-right: none; border-bottom: 1px solid var(--border); border-left: none; border-top: 4px solid #8866aa; padding: 2rem 1.25rem; }
	.st-mentorship__why-right { padding: 2rem 1.25rem; }
	.st-mentorship__cta { padding: 3rem 1.25rem; }

	/* CONTACT */
	.st-contact { grid-template-columns: 1fr; }
	.st-contact__left { border-right: none; border-bottom: 1px solid var(--border); border-left: none; border-top: 4px solid var(--gold-bright); padding: 2rem 1.25rem; }
	.st-contact__right { padding: 2rem 1.25rem; }
	.st-contact__tagline { font-size: 1.75rem; }

	/* FOOTER */
	.st-footer { flex-direction: column; gap: 0.75rem; text-align: center; padding: 1.5rem 1.25rem; }
}