/*
Theme Name: Opus Media Network
Theme URI: https://www.opusmedianetwork.com/
Author: Opus Media Group
Description: Original media and creator production from Atlanta.
Version: 1.2.57
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: opus-media-network
*/

:root {
	--night: #05070a;
	--night-2: #0a0f14;
	--panel: #101820;
	--panel-2: #151f28;
	--ink: #f5f7f8;
	--muted: #aab4bc;
	--line: #293640;
	--gold: #e1bd63;
	--gold-2: #f0d98c;
	--cyan: #50d7dc;
	--coral: #ef6f75;
	--max: 1240px;
	--gutter: clamp(20px, 4vw, 56px);
}

.podcast-plan-page { min-height: 100vh; background: linear-gradient(145deg, #05070a 0%, #111b23 45%, #05070a 100%); }
.plan-inner { max-width: 1240px; margin: 0 auto; padding: 112px 56px 64px; }
.plan-intro { max-width: 760px; margin-bottom: 16px; }
.plan-intro h1 { margin: 0; font-family: "Bebas Neue", sans-serif; font-size: 46px; line-height: 1.15; letter-spacing: .025em; }
.plan-intro p { max-width: 680px; margin: 8px 0 0; color: var(--muted); font-size: 17px; line-height: 1.55; }
.plan-layout { display: grid; grid-template-columns: minmax(0, 1fr); max-width: 960px; gap: 16px; align-items: start; }
.plan-aside { padding: 30px; border: 1px solid #32404a; border-radius: 8px; background: #0c141b; }
.plan-overview { border: 1px solid #32404a; background: #0c141b; }
.plan-overview > summary { min-height: 44px; padding: 12px 18px; font-size: 15px; font-weight: 700; line-height: 1.4; cursor: pointer; }
.plan-overview > summary:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
.plan-overview .plan-aside { border: 0; border-radius: 0; }
.plan-overview:not([open]) > .plan-aside { display: none; }
.plan-kicker { margin: 12px 0 8px; color: var(--gold); font-size: 12px; font-weight: 800; line-height: 1.4; text-transform: uppercase; letter-spacing: .1em; }
.plan-aside h2 { margin: 0; font-family: "Playfair Display", Georgia, serif; font-size: 30px; line-height: 1.18; text-wrap: balance; }
.plan-aside > p:not(.plan-kicker) { color: var(--muted); font-size: 15px; line-height: 1.55; }
.plan-track { display: grid; gap: 9px; margin: 22px 0 0; padding: 0; list-style: none; counter-reset: plan; }
.plan-track li { display: flex; align-items: center; gap: 12px; min-height: 34px; font-size: 14px; line-height: 1.4; }
.plan-track li::before { counter-increment: plan; content: counter(plan, decimal-leading-zero); color: var(--gold); font-family: "Bebas Neue", sans-serif; font-size: 19px; }
.plan-aside .plan-privacy { margin-top: 24px; padding-top: 17px; border-top: 1px solid #32404a; font-size: 13px; }
.plan-form { min-width: 0; padding: 30px; border: 1px solid #cbd2ce; border-radius: 8px; background: #f7f9f8; color: #111820; box-shadow: 0 20px 55px rgba(0,0,0,.2); }
.plan-progress { margin: 0; color: #6b4d13; font-size: 13px; font-weight: 800; line-height: 1.4; }
.plan-step { display: grid; gap: 8px; }
.plan-step[hidden], .plan-actions [hidden] { display: none !important; }
.plan-step h2 { margin: 0; font-family: "Playfair Display", Georgia, serif; font-size: 28px; line-height: 1.2; text-wrap: balance; }
.plan-step h2:focus { outline: none; }
.plan-step > p:not(.plan-progress) { margin: 0; color: #43515a; font-size: 15px; line-height: 1.5; }
.plan-choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 9px; min-width: 0; margin: 0; padding: 0; border: 0; }
.plan-choices legend { margin-bottom: 9px; font-size: 12px; line-height: 1.4; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.plan-choices label { display: flex; align-items: center; gap: 13px; min-height: 44px; padding: 10px 15px; border: 1px solid #b9c3c8; border-radius: 5px; background: #fff; color: #17222a; cursor: pointer; }
.plan-choices label:has(input:checked) { border-color: #96701e; background: #fcf4dc; }
.plan-choices input { width: 20px; height: 20px; margin: 0; flex: 0 0 auto; accent-color: #96701e; }
.plan-choices input:focus-visible { outline: 3px solid #238b91; outline-offset: 3px; }
.plan-choices span { display: grid; gap: 1px; min-width: 0; }
.plan-choices strong { font-size: 15px; line-height: 1.35; }
.plan-choices small { color: #4e5b63; font-size: 13px; line-height: 1.4; }
.plan-choices label:not(:has(input:checked)) small { display: none; }
.plan-choices-compact { grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr)); }
.plan-optional { font-weight: 500; text-transform: none; letter-spacing: 0; }
.plan-consent { padding: 11px 0; }
.plan-review-details { display: grid; gap: 0; margin: 0; border-top: 1px solid #cbd2ce; }
.plan-review-details div { display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid #cbd2ce; }
.plan-review-details dt { color: #4e5b63; font-size: 13px; font-weight: 800; }
.plan-review-details dd { min-width: 0; margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; font-size: 14px; }
.plan-step .plan-review-hint { margin: 0; font-size: 13px; }
.plan-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 0; padding-top: 12px; border-top: 1px solid #cbd2ce; }
.plan-actions .button { min-height: 48px; cursor: pointer; }
.plan-actions .button.ghost { background: #fff; color: #111820; border-color: #65747e; }
.plan-return { display: inline-flex; align-items: center; min-height: 44px; margin-top: 18px; color: var(--gold); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.plan-return:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
.plan-notice { max-width: 760px; margin-bottom: 20px; }
.plan-form:not(.plan-enhanced) .plan-review, .plan-form:not(.plan-enhanced) .plan-progress { display: none; }
@media (max-width: 900px) {
	.plan-inner { padding: 106px 32px 56px; }
	.plan-intro h1 { font-size: 40px; }
	.plan-layout { grid-template-columns: 1fr; }
	.plan-aside { display: block; }
}
@media (max-width: 620px) {
	.plan-inner { padding: 96px 20px 42px; }
	.plan-intro { margin-bottom: 16px; }
	.plan-intro h1 { font-size: 34px; }
	.plan-intro p { font-size: 16px; }
	.plan-form { padding: 22px 18px; }
	.plan-step h2 { font-size: 24px; }
	.plan-aside h2 { font-size: 24px; line-height: 1.2; }
	.plan-choices-compact, .plan-form .form-row { grid-template-columns: 1fr; }
	.plan-review-details div { grid-template-columns: 1fr; gap: 3px; }
}
@media (max-width: 360px) {
	.plan-intro h1 { font-size: 30px; }
	.plan-form { padding: 20px 15px; }
}

* {
	box-sizing: border-box;
}

html {
	background: var(--night);
	scroll-behavior: smooth;
}

body {
	margin: 0;
	min-width: 0;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
	background: var(--night);
	color: var(--ink);
	font-family: "DM Sans", system-ui, sans-serif;
	line-height: 1.55;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
}

main#main {
	flex: 1 0 auto;
}

a {
	color: inherit;
	text-decoration: none;
}

h1,
h2,
h3 {
	overflow-wrap: normal;
	word-break: normal;
}

p {
	overflow-wrap: anywhere;
}

.skip {
	position: fixed;
	left: 16px;
	top: -80px;
	z-index: 1000;
	padding: 12px 16px;
	background: var(--gold);
	color: #111;
	border-radius: 4px;
	font-weight: 800;
}

.skip:focus {
	top: 16px;
}

.site-header {
	position: fixed;
	inset: 0 0 auto;
	z-index: 50;
	background: rgba(5, 7, 10, .88);
	border-bottom: 1px solid rgba(225, 189, 99, .22);
	backdrop-filter: blur(18px);
}

.admin-bar .site-header {
	top: 32px;
}

.header-inner {
	max-width: var(--max);
	min-height: 76px;
	margin: auto;
	padding: 0 var(--gutter);
	display: flex;
	align-items: center;
	gap: 24px;
}

.brand {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
	min-height: 44px;
	margin-right: auto;
}

.brand-mark {
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	flex: 0 0 auto;
}

.brand-mark svg {
	width: 38px;
	height: 38px;
	display: block;
	filter: drop-shadow(0 8px 14px rgba(225, 189, 99, .18));
}

.brand-copy strong {
	display: block;
	font-family: "Bebas Neue", sans-serif;
	font-size: 23px;
	line-height: 1.5;
	letter-spacing: .08em;
}

.brand-copy span {
	display: block;
	margin-top: 3px;
	color: var(--gold);
	font-size: 10px;
	line-height: 1.5;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .16em;
}

.nav {
	display: flex;
	align-items: center;
	gap: 4px;
}

.menu-primary,
.menu-primary-fallback {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu-primary li,
.menu-footer li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	padding: 11px 12px;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.25;
	font-weight: 700;
	border-bottom: 2px solid transparent;
}

.nav a:hover,
.nav a:focus-visible {
	color: var(--ink);
	border-color: var(--gold);
	outline: none;
}

.nav-check {
	position: absolute;
	inline-size: 1px;
	block-size: 1px;
	opacity: 0;
	pointer-events: none;
}

.menu-toggle {
	display: none;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid var(--line);
	background: var(--panel);
	color: var(--ink);
	border-radius: 5px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.menu-toggle svg {
	width: 22px;
	height: 22px;
}

.nav-check:focus-visible + .menu-toggle {
	outline: 2px solid var(--cyan);
	outline-offset: 3px;
}

.header-cta,
.button {
	min-height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 17px;
	border: 1px solid var(--gold);
	border-radius: 5px;
	background: var(--gold);
	color: #111;
	font-size: 13px;
	line-height: 1.25;
	font-weight: 800;
	transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.header-cta:hover,
.header-cta:focus-visible,
.button:hover,
.button:focus-visible {
	background: var(--gold-2);
	border-color: var(--gold-2);
	transform: translateY(-1px);
	outline: 2px solid var(--cyan);
	outline-offset: 3px;
}

.button.ghost {
	background: var(--panel);
	color: var(--ink);
	border-color: #71808b;
}

.button.ghost:hover,
.button.ghost:focus-visible {
	border-color: var(--gold);
	background: var(--panel-2);
}

.hero {
	position: relative;
	min-height: min(860px, 96vh);
	display: flex;
	align-items: flex-end;
	isolation: isolate;
	border-bottom: 1px solid var(--line);
}

.hero.podcast-hero,
.hero.subscription-hero {
	min-height: min(760px, 88vh);
}

.hero.subscription-hero {
	min-height: 0;
}

.signal-field,
.show-field {
	position: absolute;
	inset: 0;
	z-index: -3;
	background:
		linear-gradient(115deg, rgba(225, 189, 99, .18) 0 14%, transparent 14% 58%, rgba(80, 215, 220, .12) 58% 74%, transparent 74%),
		repeating-linear-gradient(165deg, rgba(80, 215, 220, .12) 0 1px, transparent 1px 28px),
		linear-gradient(145deg, #05070a 0%, #0d151b 48%, #05070a 100%);
}

.show-field {
	z-index: 0;
	background:
		linear-gradient(90deg, transparent 0 18%, rgba(80, 215, 220, .14) 18% 34%, transparent 34% 66%, rgba(225, 189, 99, .12) 66% 78%, transparent 78%),
		repeating-linear-gradient(145deg, rgba(225, 189, 99, .16) 0 1px, transparent 1px 26px),
		linear-gradient(145deg, #071218, #0d1b23);
}

.hero::before,
.feature-art::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -2;
	background: rgba(5, 7, 10, .64);
}

.hero-inner {
	width: 100%;
	max-width: var(--max);
	margin: 0 auto;
	padding: 150px var(--gutter) 82px;
}

.home-hero .eyebrow {
	margin: 16px 0 0;
}

.home-hero .hero-lead {
	margin-top: 16px;
}

.hero.home-hero {
	min-height: 0;
}

.home-hero .hero-inner {
	padding-top: 132px;
	padding-bottom: 36px;
}

.subscription-hero .hero-inner {
	padding-top: 110px;
	padding-bottom: 48px;
}

.subscription-hero .eyebrow {
	margin-top: 8px;
}

.home-focus-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	padding: 18px max(var(--gutter), calc((100vw - var(--max)) / 2));
	background: var(--night);
}

.home-focus-grid a {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-height: 72px;
	padding: 16px 18px;
	border: 1px solid var(--line);
	color: var(--muted);
	text-decoration: none;
}

.home-focus-grid a:hover,
.home-focus-grid a:focus-visible {
	border-color: var(--gold);
	color: var(--white);
	outline: none;
}

.home-focus-grid b {
	color: var(--gold);
	font-family: "Bebas Neue", sans-serif;
	font-size: 17px;
	line-height: 1.2;
	letter-spacing: .08em;
}

.home-focus-grid span {
	font-size: 14px;
	line-height: 1.45;
}

.subscription-hero-grid {
	max-width: 900px;
}

.product-console {
	position: relative;
	padding: 22px;
	border: 1px solid rgba(225, 189, 99, .35);
	background:
		linear-gradient(145deg, rgba(80, 215, 220, .08), rgba(225, 189, 99, .1)),
		rgba(11, 19, 24, .86);
	box-shadow: 0 24px 80px rgba(0, 0, 0, .28);
	overflow: hidden;
}

.product-console::before {
	content: "";
	position: absolute;
	inset: 14px;
	border: 1px solid rgba(80, 215, 220, .18);
	pointer-events: none;
}

.console-topline {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: center;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(225, 189, 99, .25);
}

.console-topline span {
	color: var(--cyan);
	font-size: 11px;
	line-height: 1.35;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .12em;
}

.console-topline b {
	color: var(--gold);
	font-family: "Bebas Neue", sans-serif;
	font-size: 25px;
	line-height: 1.2;
	letter-spacing: .06em;
}

.console-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 18px;
}

.console-grid div {
	min-height: 116px;
	padding: 16px;
	border: 1px solid rgba(255, 255, 255, .08);
	background: rgba(5, 7, 10, .54);
}

.console-grid b {
	display: block;
	color: var(--ink);
	font-size: 15px;
	line-height: 1.25;
}

.console-grid span {
	display: block;
	margin-top: 10px;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.45;
}

.console-rail {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
}

.console-rail span {
	display: inline-flex;
	min-height: 34px;
	align-items: center;
	padding: 7px 10px;
	border: 1px solid rgba(80, 215, 220, .28);
	color: var(--cyan);
	font-size: 12px;
	line-height: 1.25;
	font-weight: 800;
}

.console-status {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-top: 18px;
}

.console-status div {
	min-height: 76px;
	padding: 14px;
	border: 1px solid rgba(225, 189, 99, .24);
	background: rgba(225, 189, 99, .07);
}

.console-status b {
	display: block;
	color: var(--gold);
	font-size: 13px;
	line-height: 1.5;
}

.console-status span {
	display: block;
	margin-top: 7px;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.5;
}

.eyebrow {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 22px;
	color: var(--gold);
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .16em;
	line-height: 1.45;
}

.eyebrow::before {
	content: "";
	width: 42px;
	min-width: 42px;
	height: 1px;
	background: var(--gold);
}

h1 {
	max-width: 850px;
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 55px;
	line-height: 1.15;
	letter-spacing: 0;
}

.hero-lead {
	max-width: 700px;
	margin: 24px 0 0;
	color: #c6ced3;
	font-size: 21px;
	line-height: 1.55;
}

.hero-actions,
.actions,
.bridge-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 30px;
}

.hero-meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: 840px;
	margin-top: 54px;
	border-top: 1px solid rgba(225, 189, 99, .35);
}

.hero-meta div {
	padding: 18px 22px 2px 0;
}

.hero-meta b {
	display: block;
	margin-bottom: 5px;
	color: var(--gold);
	font-family: "Bebas Neue", sans-serif;
	font-size: 17px;
	line-height: 1.2;
	letter-spacing: .08em;
}

.hero-meta span {
	color: var(--muted);
	font-size: 13px;
	line-height: 1.5;
}

.page-jump {
	position: sticky;
	top: 77px;
	z-index: 30;
	display: flex;
	justify-content: center;
	gap: 8px;
	padding: 12px var(--gutter);
	border-bottom: 1px solid rgba(225, 189, 99, .22);
	background: rgba(5, 7, 10, .92);
	backdrop-filter: blur(16px);
}

.page-jump a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 16px;
	border: 1px solid rgba(225, 189, 99, .22);
	color: #d7dee3;
	font-size: 12px;
	line-height: 1.25;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.page-jump a:hover,
.page-jump a:focus-visible {
	border-color: var(--gold);
	color: var(--gold);
	outline: 2px solid var(--cyan);
	outline-offset: 2px;
}

.subscription-page > .section[id] {
	scroll-margin-block-start: 160px;
}

.section {
	padding: 96px var(--gutter);
	border-bottom: 1px solid var(--line);
}

.section-inner {
	max-width: var(--max);
	margin: auto;
}

.section-kicker {
	margin: 0 0 20px;
	color: var(--gold);
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .16em;
	line-height: 1.45;
}

.section-head {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(280px, .7fr);
	gap: 48px;
	align-items: end;
	margin-bottom: 42px;
}

.section-head h2 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 48px;
	line-height: 1.12;
}

.section-head > p {
	margin: 0;
	color: var(--muted);
	font-size: 17px;
	line-height: 1.55;
}

#tools,
#live {
	background: #eef1ed;
	color: #111820;
	border-bottom-color: #cbd2ce;
}

#tools {
	padding-top: 40px;
	scroll-margin-block-start: 56px;
}

#tools .section-kicker,
#live .section-kicker {
	color: #8a681d;
}

#tools .section-head > p,
#live .section-head > p {
	color: #4e5b63;
}

.feature {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(300px, .72fr);
	min-height: 430px;
	border: 1px solid var(--line);
	background: var(--panel);
	color: var(--ink);
}

.feature-art {
	position: relative;
	min-height: 380px;
	overflow: hidden;
	background: #071218;
}

.feature-art-copy {
	position: absolute;
	inset: auto 28px 28px;
	z-index: 2;
}

.feature-art-copy span {
	color: var(--cyan);
	font-size: 12px;
	line-height: 1.5;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .14em;
}

.feature-art-copy strong {
	display: block;
	margin-top: 7px;
	font-family: "Bebas Neue", sans-serif;
	font-size: 60px;
	line-height: 1.5;
	letter-spacing: .05em;
}

.feature-copy {
	padding: clamp(28px, 5vw, 56px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.feature-copy h3 {
	margin: 0 0 14px;
	font-size: 28px;
	line-height: 1.2;
}

.feature-copy p {
	margin: 0;
	color: var(--muted);
	font-size: 16px;
	line-height: 1.55;
}

.chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 22px 0;
}

.chip {
	display: inline-flex;
	min-height: 32px;
	align-items: center;
	padding: 6px 10px;
	border: 1px solid var(--line);
	color: #c6ced3;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 700;
}

.mini-stack {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin-top: 22px;
}

.mini-stack div {
	min-height: 118px;
	padding: 16px;
	border: 1px solid rgba(225, 189, 99, .22);
	background: rgba(5, 7, 10, .42);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.mini-stack b {
	color: var(--gold);
	font-size: 13px;
	line-height: 1.35;
}

.mini-stack span {
	margin-top: 10px;
	color: #c6ced3;
	font-size: 12px;
	line-height: 1.45;
}

.podcast-bridge {
	margin: 0 0 42px;
	padding: 28px;
	border: 1px solid var(--line);
	background: #0a1117;
}

.podcast-bridge h3 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 33px;
	line-height: 1.1;
}

.podcast-bridge p {
	max-width: 780px;
	margin: 12px 0 0;
	color: #c4cdd3;
}

.bridge-paths {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 24px;
}

.bridge-path {
	min-height: 150px;
	padding: 18px;
	border: 1px solid #2d3b45;
	background: #0d161d;
	display: flex;
	flex-direction: column;
}

.bridge-path b {
	display: block;
	color: var(--gold);
	font-size: 15px;
	line-height: 1.35;
}

.bridge-path span {
	display: block;
	margin-top: 8px;
	color: #c4cdd3;
	font-size: 13px;
	line-height: 1.5;
}

.bridge-path a,
.service a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	margin-top: auto;
	color: var(--cyan);
	font-size: 13px;
	line-height: 1.3;
	font-weight: 800;
}

.bridge-path a::after,
.service a::after {
	content: "\2192";
	margin-left: 6px;
	flex: 0 0 auto;
}

.bridge-path a:hover,
.bridge-path a:focus-visible,
.service a:hover,
.service a:focus-visible {
	color: var(--gold);
	outline: none;
	text-decoration: underline;
	text-underline-offset: 5px;
}

.bridge-actions a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 14px;
	border: 1px solid #42515b;
	color: var(--ink);
	font-size: 13px;
	line-height: 1.25;
	font-weight: 800;
}

.bridge-actions a:first-child {
	border-color: var(--gold);
	background: var(--gold);
	color: #111;
}

.bridge-actions a:hover,
.bridge-actions a:focus-visible {
	border-color: var(--cyan);
	outline: 2px solid var(--cyan);
	outline-offset: 3px;
}

.services {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	border: 1px solid var(--line);
	background: var(--line);
}

.offer-system {
	background: #0a0f14;
}

.offer-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1px;
	border: 1px solid var(--line);
	background: var(--line);
}

.offer-card {
	min-height: 300px;
	padding: 24px;
	background: var(--night-2);
	display: flex;
	flex-direction: column;
}

.offer-card b,
.library-shelves b,
.collab-grid b {
	display: inline-flex;
	max-width: 100%;
	min-height: 30px;
	align-items: center;
	padding: 5px 9px;
	border: 1px solid rgba(225, 189, 99, .42);
	color: var(--gold);
	font-size: 11px;
	line-height: 1.25;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	overflow-wrap: anywhere;
}

.offer-card h3 {
	margin: 20px 0 10px;
	font-size: 24px;
	line-height: 1.15;
}

.offer-card p {
	margin: 0 0 22px;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.55;
}

.offer-card a,
.library-shelves a,
.collab-grid a,
.universe-links a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	margin-top: auto;
	color: var(--cyan);
	font-size: 13px;
	line-height: 1.3;
	font-weight: 800;
}

.offer-card a::after,
.library-shelves a::after,
.collab-grid a::after,
.universe-links a::after {
	content: "\2192";
	margin-left: 6px;
	flex: 0 0 auto;
}

.offer-card a:hover,
.offer-card a:focus-visible,
.universe-links a:hover,
.universe-links a:focus-visible {
	color: var(--gold);
	outline: none;
	text-decoration: underline;
	text-underline-offset: 5px;
}

.featured-offer {
	background: #eef1ed;
	color: #111820;
}

.featured-offer p {
	color: #4e5b63;
}

.service {
	min-height: 260px;
	padding: 30px;
	background: var(--night-2);
	display: flex;
	flex-direction: column;
}

.podcast-page .hero-lead {
	max-width: 760px;
}

.podcast-page .hero-meta {
	max-width: 960px;
}

.podcast-page .podcast-hero {
	min-height: 0;
}

.podcast-page .podcast-hero .hero-inner {
	padding-top: calc(76px + 1px + 24px);
	padding-bottom: 24px;
}

.podcast-page .podcast-hero #pageTitle {
	max-width: none;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-size: 46px;
	line-height: 1.15;
	text-wrap: balance;
}

.podcast-page .podcast-hero .eyebrow {
	margin: 16px 0 0;
}

.podcast-page .podcast-hero .hero-lead {
	margin-top: 14px;
}

.podcast-page .hero-actions {
	margin-top: 22px;
}

.podcast-page .podcast-lanes {
	padding-top: 24px;
}

.podcast-lanes .section-head {
	grid-template-columns: minmax(0, 1fr);
	margin-bottom: 16px;
}

.podcast-lanes .section-head h2 {
	font-size: 32px;
	line-height: 1.2;
	text-wrap: balance;
}

.podcast-focus { margin-top: 20px; border: 1px solid var(--line); background: var(--night-2); }
.podcast-page details > summary { min-height: 44px; padding: 12px 20px; color: var(--ink); font-size: 15px; line-height: 1.4; font-weight: 700; cursor: pointer; }
.podcast-page details > summary:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
.podcast-focus-content { padding: 0 20px 20px; }
.podcast-page .route-band { grid-template-columns: minmax(0, 1fr); gap: 16px; border: 0; background: transparent; }
.podcast-page .route-card.primary { min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; row-gap: 8px; padding: 24px; border: 1px solid var(--line); }
.podcast-page .route-card.primary > h3, .podcast-page .route-card.primary > p { grid-column: 1; margin: 0; }
.podcast-page .route-card.primary > a { grid-column: 2; grid-row: 1 / span 3; align-self: center; justify-self: start; margin: 0; }
.podcast-page .podcast-conversation { display: block; min-height: 0; padding: 0; align-self: start; border: 1px solid var(--line); background: var(--panel); }
@media (max-width: 700px) {
  .podcast-page .route-card.primary { grid-template-columns: minmax(0, 1fr); padding: 20px; }
  .podcast-page .route-card.primary > a { grid-column: 1; grid-row: auto; }
}
.podcast-conversation-content { padding: 0 20px 20px; }
.podcast-conversation:not([open]) > .podcast-conversation-content { display: none; }
.podcast-focus:not([open]) > .podcast-focus-content { display: none; }

.podcast-lanes-context {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin: 20px 0;
	color: var(--muted);
}

.podcast-lanes-context p {
	margin: 0;
}

.podcast-collective-link { display: inline-flex; align-items: center; min-height: 44px; margin: 12px 0 0; color: var(--gold-2); font-size: 15px; line-height: 1.4; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.podcast-collective-link:hover, .podcast-collective-link:focus-visible { color: #fff; }
.podcast-collective-link:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }

.podcast-lanes-heading .section-kicker,
.podcast-shows-head .section-kicker {
	margin: 12px 0 0;
}

.podcast-lanes .hero-meta {
	max-width: none;
	margin-top: 28px;
}

.podcast-lanes .hero-meta div {
	padding-top: 14px;
}

.podcast-page .route-card .section-kicker {
	margin: 8px 0 10px;
}

.landing-grid {
	container-type: inline-size;
	container-name: podcast-lanes;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
	gap: 14px;
}

@container podcast-lanes (min-width: 614px) and (max-width: 927px) {
	.landing-card:last-child {
		grid-column: 1 / -1;
		min-height: 0;
	}
}

.extra-lanes {
	margin-top: 14px;
}

.landing-card {
	position: relative;
	min-height: 230px;
	padding: 24px;
	border: 1px solid var(--line);
	background: var(--night-2);
	display: flex;
	flex-direction: column;
}

.podcast-page .landing-card:hover,
.podcast-page .landing-card:focus-within {
	border-color: var(--gold);
	background: var(--panel);
}

.podcast-page .landing-card a::before {
	content: "";
	position: absolute;
	inset: 0;
}

.podcast-page .landing-card:focus-within {
	outline: 2px solid var(--cyan);
	outline-offset: 3px;
}

.podcast-page .extra-lanes .landing-card {
	min-height: 190px;
	background: var(--panel);
}

.podcast-page .landing-card a {
	font-size: 15px;
}

.landing-card b {
	display: block;
	margin-bottom: 12px;
	color: var(--gold);
	font-size: 14px;
	line-height: 1.35;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.landing-card h3 {
	margin: 0 0 10px;
	font-size: 25px;
	line-height: 1.2;
}

.landing-card p {
	margin: 0 0 22px;
	color: var(--muted);
}

.landing-card a,
.route-card a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	margin-top: auto;
	color: var(--cyan);
	font-size: 14px;
	line-height: 1.3;
	font-weight: 800;
}

.landing-card a::after,
.route-card a::after {
	content: "\2192";
	margin-left: 6px;
	flex: 0 0 auto;
}

.landing-card a:hover,
.landing-card a:focus-visible,
.route-card a:hover,
.route-card a:focus-visible {
	color: var(--gold);
	outline: none;
	text-decoration: underline;
	text-underline-offset: 5px;
}

.route-band {
	display: grid;
	grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
	gap: 0;
	border: 1px solid var(--line);
	background: var(--panel);
}

.route-card {
	min-height: 260px;
	padding: clamp(28px, 4vw, 46px);
	display: flex;
	flex-direction: column;
}

.route-card.primary {
	background: #eef1ed;
	color: #111820;
}

.route-card.primary p {
	color: #4e5b63;
}

.route-card.primary a:link,
.route-card.primary a:visited {
	color: #6b4d13;
}

.route-card.primary a:hover,
.route-card.primary a:focus-visible,
.route-card.primary a:active {
	color: #111820;
}

.route-card.primary a:focus-visible {
	outline: 3px solid #111820;
	outline-offset: 3px;
}

.route-card h3 {
	margin: 0 0 12px;
	font-size: 28px;
	line-height: 1.2;
	text-wrap: balance;
}

.route-card p {
	margin: 0 0 20px;
	color: var(--muted);
}

.landing-note {
	margin-top: 26px;
	padding: 18px 20px;
	border: 1px solid rgba(225, 189, 99, .35);
	background: rgba(225, 189, 99, .08);
	color: #d5dee4;
	font-size: 14px;
	line-height: 1.55;
}

.subscription-page .hero-lead {
	max-width: 790px;
}

.subscription-page h1 span {
	display: block;
}

.subscription-page .section-kicker {
	margin: 12px 0 16px;
}

.subscription-page .section-head .section-kicker {
	margin-bottom: 0;
}

.subscription-page h2,
.subscription-page h3 {
	text-wrap: balance;
}

.tools-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 14px;
}

.tool-card {
	min-height: 270px;
	padding: 26px;
	border: 1px solid var(--line);
	background: var(--night-2);
	display: flex;
	flex-direction: column;
}

.tool-card b {
	display: inline-flex;
	max-width: 100%;
	min-height: 32px;
	align-items: center;
	padding: 6px 10px;
	border: 1px solid rgba(225, 189, 99, .42);
	color: var(--gold);
	font-size: 12px;
	line-height: 1.3;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	overflow-wrap: anywhere;
}

.tool-card h3 {
	margin: 22px 0 10px;
	font-size: 27px;
	line-height: 1.15;
}

.tool-card p {
	margin: 0;
	color: var(--muted);
}

.workspace-map {
	display: grid;
	grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
	gap: 0;
	border: 1px solid var(--line);
	background: #0a1117;
}

.workspace-map-lead {
	padding: clamp(28px, 4vw, 48px);
	background:
		linear-gradient(135deg, rgba(80, 215, 220, .14), transparent 44%),
		#eef1ed;
	color: #111820;
}

.workspace-map-lead h3 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 36px;
	line-height: 1.1;
}

.workspace-map-lead p {
	margin: 14px 0 0;
	color: #4e5b63;
}

.workspace-map-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	background: var(--line);
}

.workspace-map-card {
	min-height: 172px;
	padding: 22px;
	background: var(--night-2);
}

.workspace-map-card b {
	display: inline-flex;
	max-width: 100%;
	min-height: 30px;
	align-items: center;
	padding: 5px 9px;
	border: 1px solid rgba(80, 215, 220, .34);
	color: var(--cyan);
	font-size: 11px;
	line-height: 1.25;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
	overflow-wrap: anywhere;
}

.workspace-map-card h3 {
	margin: 18px 0 8px;
	font-size: 23px;
	line-height: 1.15;
}

.workspace-map-card p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.5;
}

.creator-path {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 18px;
}

.creator-path div {
	min-height: 140px;
	padding: 20px;
	border: 1px solid rgba(225, 189, 99, .3);
	background:
		linear-gradient(145deg, rgba(225, 189, 99, .1), rgba(80, 215, 220, .045)),
		#0b1318;
}

.creator-path b {
	display: block;
	max-width: 100%;
	color: var(--gold);
	font-size: 14px;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.creator-path span {
	display: block;
	margin-top: 10px;
	color: #d7dee3;
	font-size: 14px;
	line-height: 1.5;
}

.video-lab {
	display: grid;
	grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
	gap: 0;
	margin-top: 18px;
	border: 1px solid rgba(80, 215, 220, .28);
	background: #091219;
}

.video-lab-copy {
	padding: clamp(24px, 4vw, 38px);
	background: #eef1ed;
	color: #111820;
}

.video-lab-copy b {
	margin: 12px 0;
	display: inline-flex;
	min-height: 30px;
	align-items: center;
	padding: 5px 9px;
	border: 1px solid rgba(18, 63, 68, .22);
	color: #0e6970;
	font-size: 11px;
	line-height: 1.5;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.video-lab-copy h3 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 28px;
	line-height: 1.2;
}

.video-lab-copy p {
	margin: 0;
	color: #4e5b63;
}

.video-lab-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	background: rgba(80, 215, 220, .28);
}

.video-lab-grid div {
	min-height: 130px;
	padding: 20px;
	background: #0b1318;
}

.video-lab-grid b {
	display: block;
	color: var(--cyan);
	font-size: 14px;
	line-height: 1.35;
}

.video-lab-grid span {
	display: block;
	margin-top: 9px;
	color: #d7dee3;
	font-size: 13px;
	line-height: 1.5;
}

.clip-planner {
	margin: 24px 0;
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}

.clip-planner [hidden] {
	display: none !important;
}

.clip-planner summary {
	min-height: 52px;
	padding: 12px 4px;
	color: var(--gold);
	font-family: "Bebas Neue", sans-serif;
	font-size: 22px;
	line-height: 1.3;
	cursor: pointer;
}

.clip-planner summary:focus-visible,
.clip-planner button:focus-visible,
.clip-planner input:focus-visible {
	outline: 3px solid var(--cyan);
	outline-offset: 2px;
}

.clip-planner-body {
	padding: 16px 0 26px;
}

.clip-planner-heading h3 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 32px;
	line-height: 1.18;
}

.clip-planner-heading p {
	margin: 8px 0 22px;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.5;
}

.clip-planner-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: 26px;
	align-items: start;
}

.clip-planner-media,
.clip-planner-editor,
.clip-planner-field {
	display: grid;
	gap: 9px;
	min-width: 0;
}

.clip-planner-media label,
.clip-planner-field label {
	color: #d7dee3;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 700;
}

.clip-planner input {
	width: 100%;
	min-height: 48px;
	padding: 10px 12px;
	border: 1px solid #71808b;
	border-radius: 4px;
	background: #101820;
	color: var(--ink);
	font: inherit;
	font-size: 15px;
}

.clip-planner input[type="file"] {
	padding: 8px;
}

.clip-planner input::file-selector-button {
	min-height: 44px;
	margin-right: 12px;
	padding: 8px 12px;
	border: 1px solid var(--gold);
	border-radius: 3px;
	background: var(--gold);
	color: #111820;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.clip-planner video {
	display: block;
	width: 100%;
	max-height: 360px;
	aspect-ratio: 16 / 9;
	margin-top: 8px;
	background: #000;
	object-fit: contain;
}

.clip-time-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.clip-text-button,
.clip-row-actions button {
	min-height: 44px;
	padding: 8px 11px;
	border: 1px solid #71808b;
	border-radius: 4px;
	background: #101820;
	color: var(--ink);
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.clip-text-button:disabled {
	cursor: not-allowed;
	opacity: .55;
}

.clip-planner-actions,
.clip-row-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.clip-planner-status {
	min-height: 22px;
	margin: 0;
	color: var(--cyan);
	font-size: 13px;
	line-height: 1.5;
}

.clip-results {
	margin-top: 26px;
	padding-top: 16px;
	border-top: 1px solid var(--line);
}

.clip-results-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
}

.clip-results h4 {
	margin: 0;
	font-size: 18px;
	line-height: 1.3;
}

.clip-results ol {
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

.clip-results li {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 12px;
	padding: 12px 0;
	border-top: 1px solid var(--line);
}

.clip-results li strong,
.clip-results li span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.clip-results li span {
	color: var(--muted);
	font-size: 13px;
}

.library-panel {
	max-width: 980px;
	border: 1px solid rgba(225, 189, 99, .34);
	background: var(--panel);
}

.library-copy {
	padding: clamp(28px, 4vw, 48px);
	background:
		linear-gradient(145deg, rgba(225, 189, 99, .16), rgba(80, 215, 220, .08)),
		#eef1ed;
	color: #111820;
}

.library-copy h2,
.universe-band h2 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 42px;
	line-height: 1.12;
}

.library-copy p,
.universe-band p {
	margin: 15px 0 0;
	color: #4e5b63;
}

.library-shelves {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	background: var(--line);
}

.library-shelves article {
	min-height: 260px;
	padding: 22px;
	background: #0b1318;
	display: flex;
	flex-direction: column;
}

.library-shelves h3,
.collab-grid h3 {
	margin: 20px 0 10px;
	font-size: 23px;
	line-height: 1.16;
}

.library-shelves p,
.collab-grid p {
	margin: 0;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.55;
}

.collab-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.collab-grid article {
	min-height: 230px;
	padding: 24px;
	border: 1px solid var(--line);
	background:
		linear-gradient(145deg, rgba(80, 215, 220, .08), rgba(225, 189, 99, .055)),
		var(--night-2);
}

.universe-band {
	display: grid;
	grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
	gap: 22px;
	align-items: start;
	padding: clamp(28px, 4vw, 46px);
	border: 1px solid rgba(225, 189, 99, .36);
	background:
		linear-gradient(120deg, rgba(225, 189, 99, .12), rgba(80, 215, 220, .06)),
		#eef1ed;
	color: #111820;
}

.universe-links {
	display: grid;
	gap: 12px;
}

.universe-links a {
	display: grid;
	gap: 6px;
	margin-top: 0;
	padding: 16px;
	border: 1px solid #cbd2ce;
	background: #fff;
	color: #0e6970;
}

.universe-links b {
	color: #111820;
}

.universe-links span {
	color: #4e5b63;
	font-size: 13px;
	line-height: 1.45;
}

.systems-row {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1px;
	margin-top: 18px;
	border: 1px solid var(--line);
	background: var(--line);
}

.systems-row div {
	min-height: 116px;
	padding: 18px;
	background: #0b1318;
}

.systems-row b {
	display: block;
	max-width: 100%;
	color: var(--gold);
	font-size: 13px;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.systems-row span {
	display: block;
	margin-top: 8px;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.45;
}

.included-band {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: 22px;
	align-items: start;
	padding: clamp(26px, 4vw, 42px);
	border: 1px solid rgba(225, 189, 99, .34);
	background:
		linear-gradient(115deg, rgba(225, 189, 99, .10), transparent 38%, rgba(80, 215, 220, .06)),
		var(--panel);
}

.included-band h2 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 42px;
	line-height: 1.12;
}

.included-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.included-list li {
	padding: 16px;
	border: 1px solid #2d3b45;
	background: #0d161d;
	color: #d7dee3;
	font-size: 14px;
	line-height: 1.5;
}

.included-list b {
	display: block;
	margin-bottom: 6px;
	color: var(--gold);
}

.enrollment-request {
	background: #eef1ed;
	color: #111820;
}

.enrollment-request .section-kicker {
	color: #8a681d;
}

.enrollment-panel {
	display: grid;
	grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
	gap: 0;
	border: 1px solid #cbd2ce;
	background: #fff;
	box-shadow: 0 24px 70px rgba(5, 7, 10, .08);
}

.enrollment-copy {
	padding: clamp(28px, 4vw, 48px);
	background:
		linear-gradient(145deg, rgba(225, 189, 99, .2), rgba(80, 215, 220, .08)),
		#f7f4e8;
}

.enrollment-copy h2 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 42px;
	line-height: 1.12;
}

.enrollment-copy p {
	margin: 14px 0 0;
	color: #3f4d55;
}

.enrollment-copy ul {
	display: grid;
	gap: 10px;
	margin: 26px 0 0;
	padding: 0;
	list-style: none;
}

.enrollment-copy li {
	position: relative;
	padding-left: 22px;
	color: #25313a;
	font-size: 14px;
	line-height: 1.5;
}

.enrollment-copy li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .62em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--gold);
}

.enrollment-form {
	display: grid;
	gap: 16px;
	padding: clamp(24px, 4vw, 42px);
}

.form-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.form-field {
	display: grid;
	gap: 7px;
}

.form-field label,
.check-field {
	color: #263139;
	font-size: 12px;
	line-height: 1.35;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.form-field input,
.form-field select,
.form-field textarea {
	width: 100%;
	min-height: 48px;
	border: 1px solid #b9c3c8;
	border-radius: 5px;
	background: #fff;
	color: #111820;
	font: inherit;
	font-size: 15px;
	line-height: 1.35;
	padding: 12px 13px;
}

.form-field textarea {
	min-height: 126px;
	resize: vertical;
}

.form-field input:focus-visible,
.form-field select:focus-visible,
.form-field textarea:focus-visible,
.check-field input:focus-visible {
	outline: 3px solid rgba(80, 215, 220, .55);
	outline-offset: 2px;
	border-color: #238b91;
}

.field-hint {
	color: #4e5b63;
	font-size: 13px;
	line-height: 1.45;
}

.editing-brief {
	border-top: 1px solid #cbd2ce;
	border-bottom: 1px solid #cbd2ce;
}

.editing-brief summary {
	min-height: 48px;
	padding: 13px 0;
	color: #263139;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 700;
	cursor: pointer;
}

.editing-brief summary:focus-visible {
	outline: 3px solid rgba(80, 215, 220, .55);
	outline-offset: 2px;
}

.editing-brief-content {
	display: grid;
	gap: 18px;
	padding: 0 0 20px;
}

.editing-brief-content p {
	margin: 0;
}

.editing-outputs {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.editing-outputs legend {
	margin-bottom: 10px;
	color: #263139;
	font-size: 12px;
	line-height: 1.35;
	font-weight: 800;
	text-transform: uppercase;
}

.editing-output-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 16px;
}

.editing-output {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	gap: 9px;
	align-items: center;
	min-height: 44px;
	color: #263139;
	font-size: 14px;
	line-height: 1.4;
	cursor: pointer;
}

.editing-output input {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--gold);
}

.editing-output input:focus-visible {
	outline: 3px solid rgba(80, 215, 220, .55);
	outline-offset: 2px;
}

.hp-field {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.check-field {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	min-height: 44px;
	text-transform: none;
	letter-spacing: 0;
}

.check-field[hidden] {
	display: none;
}

.check-field input {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--gold);
}

.form-status {
	display: grid;
	gap: 4px;
	padding: 14px;
	border: 1px solid #cbd2ce;
	border-radius: 5px;
	background: #f7f9f8;
}

.form-status b {
	color: #111820;
}

.form-status span {
	color: #4e5b63;
	font-size: 14px;
	line-height: 1.5;
}

.form-status.success {
	border-color: rgba(45, 136, 92, .35);
	background: #eef8f1;
}

.form-status.error {
	border-color: rgba(187, 62, 70, .34);
	background: #fff1f2;
}

.form-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.form-actions .button {
	border: 0;
	cursor: pointer;
}

.flow-steps {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
	gap: 46px;
	align-items: start;
}

.flow-steps h2 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 48px;
	line-height: 1.12;
}

.flow-steps ol {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: enrollment;
}

.flow-steps li {
	counter-increment: enrollment;
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 16px;
	padding: 20px;
	border: 1px solid var(--line);
	background: var(--night-2);
}

.flow-steps li::before {
	content: counter(enrollment, decimal-leading-zero);
	color: var(--gold);
	font-family: "Bebas Neue", sans-serif;
	font-size: 25px;
	line-height: 1.5;
	letter-spacing: .06em;
}

.flow-steps b {
	display: block;
	font-size: 18px;
	line-height: 1.25;
}

.flow-steps span {
	display: block;
	margin-top: 6px;
	color: var(--muted);
}

.service-index {
	color: var(--gold);
	font-family: "Bebas Neue", sans-serif;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: .08em;
}

.service h3 {
	margin: 28px 0 10px;
	font-size: 25px;
	line-height: 1.2;
}

.service p {
	margin: 0 0 24px;
	color: var(--muted);
}

.live-band {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: 0;
	border: 1px solid var(--line);
	background: var(--panel);
	color: var(--ink);
}

.live-state {
	padding: clamp(30px, 5vw, 60px);
	background: #0b1318;
}

.signal-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--coral);
	box-shadow: 0 0 0 8px rgba(239, 111, 117, .12);
	margin-bottom: 28px;
}

.live-state h3 {
	margin: 0 0 12px;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 36px;
	line-height: 1.12;
}

.live-state p,
.live-copy p {
	margin: 0;
	color: var(--muted);
}

.live-copy {
	padding: clamp(30px, 5vw, 60px);
}

.live-copy h3 {
	margin: 0 0 12px;
	font-size: 25px;
	line-height: 1.2;
}

.about-grid {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
	gap: 64px;
	align-items: start;
}

.about-grid h2 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 52px;
	line-height: 1.12;
}

.about-copy p {
	margin: 0 0 20px;
	color: #c4cdd3;
	font-size: 18px;
	line-height: 1.6;
}

.about-values {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 34px;
}

.about-values div {
	padding: 18px 0;
	border-top: 2px solid var(--gold);
}

.about-values b {
	display: block;
	margin-bottom: 6px;
}

.about-values span {
	color: var(--muted);
	font-size: 13px;
}

.contact {
	background: var(--gold);
	color: #101216;
}

.contact .section-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 32px;
	align-items: center;
}

.contact h2 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 48px;
	line-height: 1.12;
}

.contact p {
	max-width: 720px;
	margin: 15px 0 0;
	color: #3d3524;
	font-size: 17px;
	line-height: 1.55;
}

.contact .button {
	background: #101216;
	border-color: #101216;
	color: #fff;
}

.contact .button:hover,
.contact .button:focus-visible {
	background: #24313a;
	border-color: #24313a;
	color: #fff;
}

.footer {
	padding: 34px var(--gutter);
	background: #030405;
}

.footer-inner {
	max-width: var(--max);
	margin: auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
}

.footer-brand strong {
	font-family: "Bebas Neue", sans-serif;
	font-size: 23px;
	line-height: 1.15;
	letter-spacing: .08em;
}

.footer-brand p {
	margin: 5px 0 0;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.5;
}

.footer-nav {
	display: block;
}

.menu-footer,
.menu-footer-fallback {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-nav a {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.25;
	font-weight: 700;
}

.footer-nav a:hover,
.footer-nav a:focus-visible {
	color: var(--gold);
	outline: none;
}

.header-account {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 4px;
	color: var(--gold-2);
	font-size: 13px;
	line-height: 1.25;
	font-weight: 800;
	border-bottom: 2px solid transparent;
}

.header-account:hover,
.header-account:focus-visible {
	color: var(--ink);
	border-color: var(--cyan);
	outline: none;
}

.auth-page {
	min-height: calc(100vh - 154px);
	padding: calc(76px + 1px + 24px) var(--gutter) 72px;
	background: var(--night);
}

.auth-shell {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(380px, 460px);
	grid-template-areas: "title form" "context form";
	grid-template-rows: min-content 1fr;
	column-gap: 68px;
	row-gap: 20px;
	align-items: start;
}

.auth-story {
	grid-area: title;
	max-width: 590px;
}

.auth-context { grid-area: context; align-self: start; border: 1px solid var(--line); }
.auth-secondary { margin-top: 16px; border: 1px solid #d8ccb4; }
.auth-page details > summary { min-height: 44px; padding: 12px 18px; font-size: 15px; line-height: 1.4; font-weight: 700; cursor: pointer; }
.auth-page details > summary:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.auth-context-copy, .auth-secondary-copy { padding: 0 18px 16px; }
.auth-context:not([open]) > .auth-context-copy, .auth-secondary:not([open]) > .auth-secondary-copy { display: none; }
.auth-secondary .auth-card-kicker { margin: 0; }

.auth-kicker,
.auth-card-kicker {
	margin: 0 0 16px;
	color: var(--gold-2);
	font-size: 12px;
	line-height: 1.45;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .14em;
}

.auth-story h1 {
	max-width: 560px;
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 48px;
	line-height: 1.15;
	text-wrap: balance;
}

.auth-title-line {
	display: block;
}

.auth-lead {
	max-width: 560px;
	margin: 22px 0 0;
	color: #c8d0d6;
	font-size: 17px;
	line-height: 1.62;
	text-wrap: pretty;
}

.auth-trust-list,
.auth-steps {
	margin: 36px 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0;
	border-top: 1px solid var(--line);
}

.auth-trust-list li,
.auth-steps li {
	min-height: 82px;
	display: grid;
	align-items: center;
	border-bottom: 1px solid var(--line);
}

.auth-trust-list li {
	grid-template-columns: minmax(150px, .72fr) minmax(0, 1fr);
	gap: 22px;
}

.auth-trust-list strong,
.auth-steps strong {
	color: var(--ink);
	font-size: 15px;
	line-height: 1.35;
}

.auth-trust-list span,
.auth-steps p {
	color: var(--muted);
	font-size: 14px;
	line-height: 1.55;
}

.auth-steps li {
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 18px;
	padding: 14px 0;
}

.auth-steps > li > span {
	width: 38px;
	height: 38px;
	display: grid;
	place-items: center;
	border: 1px solid rgba(225, 189, 99, .45);
	border-radius: 50%;
	color: var(--gold-2);
	font-size: 14px;
	font-weight: 800;
}

.auth-steps p {
	margin: 4px 0 0;
}

.auth-card {
	grid-area: form;
	min-width: 0;
	padding: 34px;
	background: #f6f1e7;
	color: #15191d;
	border: 1px solid #d8ccb4;
	border-radius: 8px;
	box-shadow: 0 28px 70px rgba(0, 0, 0, .32);
}

.auth-card-kicker {
	margin-bottom: 10px;
	color: #765817;
}

.auth-card h2 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 31px;
	line-height: 1.12;
	text-wrap: balance;
}

.auth-card > p:not(.auth-card-kicker) {
	margin: 12px 0 24px;
	color: #4b4f52;
	font-size: 15px;
	line-height: 1.55;
}

.auth-card form,
.auth-form {
	min-width: 0;
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
	margin: 0;
}

.auth-card > p.auth-card-intro { margin: 0 0 12px; }

.auth-card form p,
.auth-form p {
	width: 100%;
	min-width: 0;
	margin: 0;
}

.auth-card label,
body.login label {
	display: block;
	margin-bottom: 7px;
	color: #24292d;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 800;
}

.auth-card input[type="text"],
.auth-card input[type="email"],
.auth-card input[type="password"] {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	min-height: 52px;
	padding: 12px 14px;
	border: 1px solid #968b79;
	border-radius: 5px;
	background: #fff;
	color: #11161a;
	font: 600 16px/1.35 "DM Sans", system-ui, sans-serif;
}

.auth-card input:focus-visible {
	border-color: #126f75;
	outline: 3px solid rgba(18, 111, 117, .2);
	outline-offset: 2px;
}

.auth-card .login-remember label {
	position: relative;
	min-height: 44px;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding-left: 36px;
	font-weight: 700;
}

.auth-card input[type="checkbox"] {
	position: absolute;
	left: -12px;
	width: 44px;
	height: 44px;
	margin: 0;
	opacity: 0;
}

.auth-card .login-remember label::before {
	content: "";
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #766d60;
	border-radius: 3px;
	background: #fff;
}

.auth-card .login-remember label:has(input:checked)::after {
	content: "";
	position: absolute;
	left: 5px;
	top: 13px;
	width: 10px;
	height: 6px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(-45deg);
}

.auth-card .login-remember label:has(input:checked)::before {
	border-color: #126f75;
	background: #126f75;
}

.auth-card .login-remember label:has(input:focus-visible) {
	outline: 3px solid rgba(18, 111, 117, .25);
	outline-offset: 2px;
}

.auth-card .login-submit,
.auth-submit {
	margin: 2px 0 0;
}

.auth-card input[type="submit"],
.auth-card button[type="submit"],
.auth-submit {
	width: 100%;
	min-height: 52px;
	border-color: #15191d;
	background: #15191d;
	color: #fff;
	font-size: 15px;
}

.auth-card input[type="submit"]:hover,
.auth-card input[type="submit"]:focus-visible,
.auth-card button[type="submit"]:hover,
.auth-card button[type="submit"]:focus-visible,
.auth-submit:hover,
.auth-submit:focus-visible {
	border-color: #126f75;
	background: #126f75;
	color: #fff;
}

.auth-card-links {
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid #d8ccb4;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.auth-card-links a,
.auth-privacy a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	color: #084f54;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 800;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.auth-card-links-single {
	justify-content: center;
}

.auth-privacy {
	color: #555a5d;
	font-size: 13px;
	line-height: 1.55;
}

.auth-privacy a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	font-size: inherit;
}

.auth-honeypot {
	display: none;
}

body.login {
	min-width: 0;
	background: var(--night);
	color: var(--ink);
	font-family: "DM Sans", system-ui, sans-serif;
}

body.login #login {
	width: min(430px, calc(100% - 40px));
	padding: 56px 0 40px;
}

body.login #login > h1 {
	display: none;
}

.omn-auth-brand {
	min-height: 58px;
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 22px;
	color: var(--gold-2);
}

.omn-auth-brand svg {
	width: 48px;
	height: 48px;
	flex: 0 0 auto;
}

.omn-auth-brand strong,
.omn-auth-brand small {
	display: block;
}

.omn-auth-brand strong {
	color: var(--ink);
	font-family: "Bebas Neue", sans-serif;
	font-size: 27px;
	line-height: 1.15;
	letter-spacing: .06em;
}

.omn-auth-brand small {
	margin-top: 4px;
	font-size: 11px;
	line-height: 1.35;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .12em;
}

body.login form,
body.login #login_error,
body.login .message,
body.login .success {
	border: 1px solid #d8ccb4;
	border-radius: 8px;
	background: #f6f1e7;
	box-shadow: 0 28px 70px rgba(0, 0, 0, .32);
}

body.login form {
	padding: 30px;
}

body.login input[type="text"],
body.login input[type="email"],
body.login input[type="password"] {
	min-height: 52px;
	border: 1px solid #968b79;
	border-radius: 5px;
	background: #fff;
	color: #11161a;
	font: 600 16px/1.35 "DM Sans", system-ui, sans-serif;
}

body.login input:focus {
	border-color: #126f75;
	box-shadow: 0 0 0 3px rgba(18, 111, 117, .2);
}

body.login .button-primary {
	min-height: 48px;
	padding: 0 20px;
	border-color: #15191d;
	border-radius: 5px;
	background: #15191d;
	font: 800 15px/1 "DM Sans", system-ui, sans-serif;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	border-color: #126f75;
	background: #126f75;
}

body.login #nav,
body.login #backtoblog,
body.login .privacy-policy-page-link {
	text-align: center;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	color: var(--gold-2);
	font-weight: 800;
}

body.login #nav a:hover,
body.login #nav a:focus,
body.login #backtoblog a:hover,
body.login #backtoblog a:focus,
body.login .privacy-policy-page-link a:hover,
body.login .privacy-policy-page-link a:focus {
	color: #fff;
}

@media (max-width: 1100px) {
	.offer-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.about-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (min-width: 881px) {
	.header-inner {
		max-width: 1360px;
		padding-inline: clamp(20px, 3vw, 40px);
		gap: 16px;
	}

	.brand {
		flex: 0 0 auto;
	}

	.brand-copy strong,
	.nav a,
	.header-cta {
		white-space: nowrap;
	}
}

@media (max-width: 1279px) {
	.auth-page, .auth-page-signup { padding-top: calc(68px + 1px + 24px); }

	.site-header:has(#navToggle:checked) {
		position: absolute;
	}

	.podcast-page .podcast-hero .hero-inner {
		padding-top: calc(68px + 1px + 24px);
	}

	body:has(#navToggle:checked) {
		overflow-y: visible;
	}

	.header-inner {
		min-height: 68px;
	}

	.menu-toggle {
		display: flex;
	}

	.nav {
		position: absolute;
		left: auto;
		right: 12px;
		top: 68px;
		width: min(420px, calc(100vw - 24px));
		display: none;
		padding: 14px 20px 20px;
		max-height: none;
		overflow-y: visible;
		background: #080c10;
		border: 1px solid var(--line);
		border-radius: 0 0 8px 8px;
		box-shadow: 0 18px 36px rgba(0, 0, 0, .35);
	}


	.nav-check:checked ~ .nav {
		display: grid;
	}

	.menu-primary,
	.menu-primary-fallback {
		display: grid;
		gap: 0;
	}

	.nav a {
		width: 100%;
		justify-content: flex-start;
		border: 1px solid transparent;
		border-bottom-color: var(--line);
	}

	.nav a:last-child {
		border-bottom-color: transparent;
	}

	.nav .header-account {
		width: 100%;
		justify-content: flex-start;
		padding: 13px 12px;
		border-bottom: 0;
		color: var(--gold-2);
	}
}

@media (max-width: 880px) {
	.header-cta {
		display: none;
	}

	.auth-page {
		padding-top: calc(68px + 1px + 24px);
		padding-bottom: 56px;
	}

	.auth-shell {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: "title" "form" "context";
		grid-template-rows: auto;
		gap: 20px;
	}

	.auth-story {
		max-width: 720px;
	}

	.auth-story h1,
	.auth-lead {
		max-width: 680px;
	}

	.auth-story h1 {
		font-size: 44px;
	}

	.hero {
		min-height: 820px;
	}

	.hero::before {
		background: rgba(5, 7, 10, .76);
	}

	.hero-inner {
		padding-top: calc(68px + 24px);
	}

	.home-hero .hero-inner,
	.subscription-hero .hero-inner {
		padding-top: calc(68px + 1px + 24px);
		padding-bottom: 28px;
	}

	.home-hero .hero-inner {
		padding-top: 108px;
	}

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

	.podcast-page .podcast-hero .hero-inner {
		padding-top: calc(68px + 1px + 24px);
		padding-bottom: 24px;
	}

	.podcast-page .podcast-hero #pageTitle {
		font-size: 40px;
		line-height: 1.15;
	}

	.podcast-page .podcast-lanes {
		padding-top: 24px;
	}

	.podcast-lanes .section-head {
		margin-bottom: 16px;
	}

	.podcast-lanes .section-head h2 {
		font-size: 28px;
		line-height: 1.2;
		text-wrap: balance;
	}

	.section-head,
	.subscription-hero-grid,
	.feature,
	.live-band,
	.about-grid,
	.route-band,
	.flow-steps,
	.workspace-map,
	.video-lab,
	.clip-planner-grid,
	.library-panel,
	.universe-band,
	.included-band,
	.enrollment-panel {
		grid-template-columns: minmax(0, 100%);
	}

	.systems-row,
	.offer-grid,
	.library-shelves,
	.collab-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

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

	.feature-art {
		min-height: 340px;
	}

	.about-grid {
		gap: 34px;
	}

	.contact .section-inner {
		grid-template-columns: 1fr;
	}

	.contact .button {
		justify-self: start;
	}
}

@media (min-width: 621px) and (max-width: 880px) {
	.podcast-page .contact h2 {
		font-size: 42px;
		line-height: 1.15;
		text-wrap: balance;
	}
}

@media (max-width: 620px) {
	:root {
		--gutter: 20px;
	}

	.home-hero ~ .section[id] {
		scroll-margin-block-start: 44px;
	}

	.brand-copy strong {
		font-size: 20px;
		line-height: 1.5;
	}

	.brand-copy span {
		font-size: 9px;
		line-height: 1.5;
	}

	.auth-page {
		padding-top: calc(68px + 1px + 24px);
		padding-bottom: 42px;
	}

	.auth-page-signup {
		padding-top: calc(68px + 1px + 24px);
	}

	.auth-shell {
		grid-template-areas: "title" "form" "context";
		grid-template-rows: auto;
		gap: 12px;
	}

	.auth-page-signup .auth-shell {
		gap: 12px;
	}

	.auth-page-signup .auth-kicker {
		margin-bottom: 8px;
	}

	.auth-page-signup .auth-lead {
		margin-top: 12px;
		font-size: 15px;
		line-height: 1.5;
	}

	.auth-story h1 {
		max-width: 340px;
		font-size: 38px;
		line-height: 1.15;
	}

	.auth-page-signup .auth-story h1 {
		font-size: 34px;
		line-height: 1.15;
	}

	.auth-lead {
		font-size: 16px;
		line-height: 1.58;
	}

	.auth-trust-list,
	.auth-steps {
		margin-top: 28px;
	}

	.auth-trust-list li {
		grid-template-columns: minmax(0, 1fr);
		gap: 5px;
		padding: 14px 0;
	}

	.auth-card {
		padding: 24px 20px;
	}

	.auth-page-signup .auth-card {
		padding: 20px 20px;
	}

	.auth-page-signup .auth-form {
		gap: 12px;
		margin-top: 0;
	}

	.auth-card h2 {
		font-size: 27px;
	}

	.auth-card-links {
		align-items: flex-start;
		flex-direction: column;
		gap: 4px;
	}

	.auth-card-links-single {
		align-items: center;
	}

	body.login #login {
		width: min(100% - 36px, 430px);
		padding-top: 34px;
	}

	body.login form {
		padding: 24px 20px;
	}

	.hero {
		min-height: 760px;
	}

	.eyebrow,
	.section-kicker {
		margin-bottom: 20px;
		line-height: 1.45;
		letter-spacing: .14em;
	}

	h1 {
		max-width: 100%;
		font-size: 40px;
		line-height: 1.15;
	}

	.subscription-page h1 {
		font-size: 30px;
		line-height: 1.15;
	}

	.video-lab-copy h3 {
		font-size: 24px;
		line-height: 1.2;
	}

	.hero-lead {
		max-width: min(300px, calc(100vw - 40px));
		font-size: 17px;
		line-height: 1.5;
	}

	.subscription-page .hero-lead {
		max-width: min(300px, calc(100vw - 40px));
	}

	.home-hero .hero-inner,
	.subscription-hero .hero-inner {
		padding-top: calc(68px + 1px + 24px);
		padding-bottom: 12px;
	}

	.home-hero .hero-inner {
		padding-top: 98px;
	}

	.home-hero #pageTitle {
		font-size: 30px;
		line-height: 1.12;
	}

	.subscription-page .subscription-hero #pageTitle {
		font-size: 30px;
		line-height: 1.15;
	}

	.home-hero .eyebrow,
	.subscription-hero .eyebrow {
		margin-top: 6px;
		margin-bottom: 0;
		font-size: 11px;
		letter-spacing: .08em;
	}

	.subscription-hero .eyebrow {
		margin-top: 8px;
	}

	.subscription-hero .hero-inner {
		padding-bottom: 8px;
	}

	.home-hero .eyebrow::before,
	.subscription-hero .eyebrow::before {
		display: none;
	}

	.home-hero .hero-lead,
	.subscription-hero .hero-lead {
		max-width: none;
		margin-top: 10px;
		font-size: 15px;
		line-height: 1.45;
	}

	.subscription-hero .hero-lead {
		margin-top: 8px;
	}

	.home-hero .hero-actions,
	.subscription-hero .hero-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		max-width: none;
		margin-top: 12px;
	}

	.subscription-hero .hero-actions {
		grid-template-columns: minmax(0, .8fr) minmax(0, 1fr);
		margin-top: 8px;
	}

	.home-hero .hero-actions .button,
	.subscription-hero .hero-actions .button {
		width: auto;
		min-height: 48px;
		padding: 9px 10px;
		font-size: 14px;
		line-height: 1.25;
		text-align: center;
	}

	.subscription-hero .hero-actions .button {
		padding-inline: 14px;
	}

	.home-focus-grid {
		grid-template-columns: 1fr;
		gap: 8px;
		padding-block: 12px;
	}

	.home-focus-grid a {
		min-height: 0;
		padding: 12px 16px;
	}

	.subscription-page .hero-actions,
	.subscription-page .hero-meta {
		max-width: min(300px, calc(100vw - 40px));
	}

	.product-console {
		max-width: min(300px, calc(100vw - 40px));
		padding: 18px;
	}

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

	.section-head h2,
	.about-grid h2,
	.contact h2 {
		font-size: 34px;
		line-height: 1.12;
	}

	.feature-art-copy strong {
		font-size: 42px;
		line-height: 1.5;
	}

	.hero-inner {
		padding-top: calc(68px + 20px);
		padding-bottom: 44px;
	}

	.podcast-page .podcast-hero .hero-inner {
		padding-top: calc(68px + 1px + 24px);
		padding-bottom: 12px;
	}

	.podcast-page .podcast-hero #pageTitle {
		font-size: 34px;
		line-height: 1.15;
	}

	.podcast-page .podcast-hero .eyebrow {
		margin-top: 8px;
		font-size: 11px;
		line-height: 1.45;
		letter-spacing: .08em;
	}

	.podcast-page .podcast-hero .eyebrow::before {
		display: none;
	}

	.podcast-page .podcast-hero .hero-lead {
		max-width: none;
		margin-top: 10px;
		font-size: 15px;
		line-height: 1.45;
	}

	.podcast-page .hero-actions {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
		gap: 8px;
		margin-top: 12px;
	}

	.podcast-page .hero-actions .button {
		width: auto;
		min-height: 48px;
		padding: 9px 12px;
		font-size: 15px;
		line-height: 1.25;
		text-align: center;
	}

	.podcast-page .podcast-lanes {
		padding-top: 12px;
	}

	.podcast-lanes .section-head {
		gap: 8px;
		margin-bottom: 8px;
	}

	.podcast-lanes .section-head h2 {
		font-size: 24px;
		line-height: 1.2;
		text-wrap: balance;
	}

	.podcast-lanes-context {
		grid-template-columns: 1fr;
		gap: 10px;
		font-size: 15px;
		line-height: 1.45;
	}

	.podcast-lanes-heading .section-kicker {
		margin-top: 8px;
		font-size: 11px;
	}

	.podcast-lanes .section-head > p {
		font-size: 15px;
		line-height: 1.45;
	}

	.podcast-page .landing-card {
		min-height: 0;
		padding: 18px 20px;
	}

	.podcast-page .landing-card h3 {
		margin: 0 0 8px;
		font-size: 22px;
		line-height: 1.2;
	}

	.podcast-page .landing-card b { margin-bottom: 8px; }

	.podcast-page .landing-card p {
		margin-bottom: 12px;
		font-size: 15px;
		line-height: 1.45;
	}

	.podcast-page .extra-lanes .landing-card {
		min-height: 0;
	}

	.hero-actions .button,
	.actions .button,
	.bridge-actions a {
		width: 100%;
	}

	.page-jump {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.subscription-page > .section[id] {
		scroll-margin-block-start: 90px;
	}

	.page-jump a {
		width: 100%;
		padding-inline: 8px;
	}

	.hero-meta {
		grid-template-columns: 1fr;
		margin-top: 36px;
	}

	.hero-meta div {
		padding: 13px 0;
		border-bottom: 1px solid rgba(225, 189, 99, .18);
	}

	.section {
		padding-top: 44px;
		padding-bottom: 44px;
	}

	.section-head {
		gap: 20px;
		margin-bottom: 28px;
	}

	.podcast-bridge {
		padding: 22px;
	}

	.podcast-bridge h3 {
		font-size: 28px;
		line-height: 1.12;
	}

	.form-row {
		grid-template-columns: 1fr;
	}

	.editing-output-grid {
		grid-template-columns: 1fr;
	}

	.services,
	.bridge-paths,
	.offer-grid,
	.creator-path {
		grid-template-columns: minmax(0, 1fr);
	}

	.tools-grid,
	.mini-stack,
	.workspace-map-grid,
	.video-lab-grid,
	.library-shelves,
	.collab-grid,
	.systems-row,
	.included-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.offer-card,
	.service,
	.landing-card,
	.bridge-path {
		min-height: auto;
	}

	.clip-planner-heading h3 {
		font-size: 28px;
	}

	.clip-results li {
		grid-template-columns: minmax(0, 1fr);
	}

	.enrollment-copy h2 {
		font-size: 33px;
		line-height: 1.12;
	}

	.form-actions .button {
		width: 100%;
	}

	.service {
		min-height: 220px;
		padding: 24px;
	}

	.feature-copy {
		padding: 26px 22px;
	}

	.feature-art-copy {
		inset: auto 22px 22px;
	}

	.footer-inner {
		display: block;
	}

	.footer-nav {
		margin-top: 18px;
	}

	.menu-footer,
	.menu-footer-fallback {
		justify-content: flex-start;
	}
}

@media (max-width: 390px) {
	:root {
		--gutter: 18px;
	}

	.auth-story h1 {
		max-width: 300px;
		font-size: 34px;
		line-height: 1.15;
	}

	.auth-steps li {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 14px;
	}

	.auth-card {
		padding-inline: 18px;
	}
}

@media (max-width: 430px) {
	#pageTitle span:last-child {
		display: block;
	}

	#pageTitle {
		font-size: 36px;
	}
}

@media (min-width: 881px) and (max-width: 960px) {
	.podcast-page .podcast-hero .hero-inner {
		padding-top: calc(68px + 1px + 24px);
		padding-bottom: 24px;
	}

	.podcast-page .podcast-hero #pageTitle {
		font-size: 40px;
		line-height: 1.15;
	}

	.podcast-page .podcast-lanes {
		padding-top: 24px;
	}

	.podcast-lanes .section-head {
		margin-bottom: 16px;
	}

	.podcast-lanes .section-head h2 {
		font-size: 28px;
		line-height: 1.2;
	}
}

@media (max-width: 360px) {
	.podcast-lanes .section-head h2 {
		font-size: 20px;
		line-height: 1.2;
	}

	.podcast-page .route-card h3 {
		font-size: 24px;
	}

	.podcast-page .podcast-hero #pageTitle {
		font-size: 30px;
		line-height: 1.15;
	}
	#pageTitle {
		font-size: 32px;
	}


	.service h3 {
		font-size: 22px;
	}
}

@media (max-width: 360px) {
	.brand-copy strong {
		font-size: 18px;
		letter-spacing: .05em;
		white-space: nowrap;
	}
}

@media (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}

}

.entry-index {
	min-height: 60vh;
	padding-top: 76px;
}

.entry-index-inner {
	width: min(1060px, calc(100% - 2 * var(--gutter)));
	margin-inline: auto;
	padding-block: 42px 80px;
}

.entry-index-head {
	padding-bottom: 26px;
	border-bottom: 1px solid var(--line);
}

.entry-index-head h1 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 44px;
	line-height: 1.16;
	text-wrap: balance;
	overflow-wrap: anywhere;
}

.entry-index-head > p:last-child:not(.entry-kicker) {
	max-width: 650px;
	margin: 16px 0 0;
	color: #d1d9dc;
	font-size: 17px;
	line-height: 1.55;
}

.entry-index-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 32px;
}

.entry-index-item {
	min-width: 0;
	border-bottom: 1px solid var(--line);
}

.entry-index-item a {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 140px;
	padding-block: 20px;
	text-decoration: none;
}

.entry-index-cover {
	display: block;
	flex: 0 0 102px;
	width: 102px;
	aspect-ratio: 1;
	background: var(--panel);
}

.entry-index-cover img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.entry-index-copy {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
}

.entry-index-type {
	color: var(--gold-2);
	font-size: 12px;
	line-height: 1.4;
}

.entry-index-copy strong {
	font-family: "Playfair Display", Georgia, serif;
	font-size: 23px;
	line-height: 1.22;
	overflow-wrap: anywhere;
}

.entry-index-item a:hover strong,
.entry-index-item a:focus-visible strong {
	color: var(--gold-2);
}

.entry-index-excerpt {
	color: var(--muted);
	font-size: 14px;
	line-height: 1.5;
}

.entry-search {
	max-width: 640px;
	padding-block: 24px 8px;
}

.entry-search label {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 700;
}

.entry-search-controls {
	display: flex;
	gap: 10px;
}

.entry-search input {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 48px;
	padding: 10px 14px;
	border: 1px solid #677884;
	border-radius: 4px;
	background: var(--night-2);
	color: var(--ink);
	font: inherit;
}

.entry-search button,
.entry-index-home,
.entry-index-empty a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 10px 18px;
	border: 1px solid var(--gold);
	border-radius: 4px;
	background: transparent;
	color: var(--gold-2);
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.entry-index-home { margin-top: 24px; }
.entry-index-empty { padding-block: 28px; }
.entry-index-empty p { margin: 0 0 18px; color: var(--muted); }
.entry-index .navigation.pagination { margin-top: 28px; }
.entry-index .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.entry-index .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: var(--ink); }
.entry-index .page-numbers.current { color: var(--gold-2); border-bottom: 2px solid var(--gold); }
.entry-index-page .entry-body { padding-bottom: 80px; }

.entry-page,
.show-page,
.show-archive {
	min-height: 60vh;
	padding-top: 76px;
}

.entry-inner {
	width: min(760px, calc(100% - 2 * var(--gutter)));
	margin-inline: auto;
}

.entry-masthead {
	padding: 76px 0 52px;
}

.entry-kicker {
	margin: 0 0 18px;
	color: var(--gold-2);
	font-size: 13px;
	line-height: 1.45;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.entry-masthead h1,
.show-profile h1,
.show-archive-head h1 {
	margin: 0;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 48px;
	line-height: 1.15;
	text-wrap: balance;
	overflow-wrap: anywhere;
}

.entry-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	margin-top: 24px;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.5;
}

.entry-meta a {
	color: var(--gold-2);
	text-underline-offset: 3px;
}

.entry-show-link {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
	min-height: 44px;
	margin-top: 18px;
	color: var(--ink);
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
}
.entry-show-link span { color: var(--muted); }
.entry-show-link strong { color: var(--gold-2); font-weight: 700; }
.entry-show-link:hover strong,
.entry-show-link:focus-visible strong { text-decoration: underline; text-underline-offset: 4px; }

.entry-feature {
	width: min(1040px, calc(100% - 2 * var(--gutter)));
	margin: 0 auto 0;
	background: #111820;
}

.entry-feature img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 600px;
	object-fit: contain;
}

.entry-feature figcaption,
.show-profile-cover figcaption {
	padding: 10px 4px 14px;
	color: var(--muted);
	font-size: 13px;
	line-height: 1.5;
}

.entry-body {
	padding-block: 44px 70px;
	color: #f1f3f4;
	font-size: 17px;
	line-height: 1.7;
}

.entry-body > :first-child {
	margin-top: 0;
}

.entry-body p,
.entry-body ul,
.entry-body ol,
.entry-body blockquote,
.entry-body figure {
	margin-block: 0 24px;
}

.entry-body h2,
.entry-body h3,
.entry-body h4 {
	margin: 44px 0 18px;
	font-family: "Playfair Display", Georgia, serif;
	line-height: 1.22;
	text-wrap: balance;
}

.entry-body h2 { font-size: 32px; }
.entry-body h3 { font-size: 26px; }
.entry-body h4 { font-size: 21px; }
.entry-body ul,
.entry-body ol { padding-left: 1.5em; }
.entry-body li + li { margin-top: 8px; }
.entry-body a { color: var(--gold-2); text-underline-offset: 3px; }
.entry-body img,
.entry-body video,
.entry-body iframe { max-width: 100%; height: auto; }
.entry-body .wp-block-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.entry-body .wp-block-gallery img { width: 100%; }
.entry-body .wp-block-embed { max-width: 100%; overflow: hidden; }
.entry-body .wp-block-table { max-width: 100%; overflow-x: auto; }
.entry-body table { border-collapse: collapse; min-width: 500px; }
.entry-body th,
.entry-body td { padding: 10px 14px; border: 1px solid var(--line); text-align: left; }
.entry-body blockquote { padding: 14px 24px; border-block: 1px solid var(--line); color: #d7dee3; }
.entry-body figcaption { margin-top: 8px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.entry-body .wp-block-button__link { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 18px; border-radius: 4px; background: var(--gold); color: #111820; }
.entry-body .wp-block-file__button { display: inline-flex; align-items: center; min-height: 44px; }

.entry-neighbors {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	padding-block: 22px 70px;
	border-top: 1px solid var(--line);
}

.entry-neighbors a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 64px;
	color: var(--ink);
	text-decoration: none;
}

.entry-neighbors a:last-child { text-align: right; }
.entry-neighbors a:only-child { grid-column: 1 / -1; text-align: left; }
.entry-neighbors span { color: var(--gold-2); font-size: 13px; line-height: 1.5; }
.entry-neighbors strong { margin-top: 4px; font-size: 17px; line-height: 1.35; }

.show-profile-inner,
.show-archive-inner {
	width: min(1180px, calc(100% - 2 * var(--gutter)));
	margin-inline: auto;
	padding-block: 50px 84px;
}

.show-return {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-bottom: 32px;
	color: var(--gold-2);
	font-size: 14px;
	text-underline-offset: 4px;
}

.show-profile-lead {
	display: block;
}

.show-profile-lead.has-cover {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 400px);
	align-items: center;
	gap: 56px;
}

.show-profile-copy { min-width: 0; }
.show-profile-summary { max-width: 680px; margin-top: 24px; color: #d1d9dc; font-size: 18px; line-height: 1.6; }
.show-profile-summary p { margin: 0; }
.show-profile-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 18px 24px; margin: 28px 0 0; padding-top: 20px; border-top: 1px solid var(--line); }
.show-profile-facts > div { min-width: 0; }
.show-profile-facts dt { color: var(--gold-2); font-size: 13px; line-height: 1.45; font-weight: 700; }
.show-profile-facts dd { margin: 5px 0 0; color: var(--ink); font-size: 17px; line-height: 1.45; overflow-wrap: anywhere; }
.show-profile-links { display: flex; flex-wrap: wrap; gap: 0 22px; margin-top: 30px; }
.show-profile-facts + .show-profile-links { margin-top: 18px; }
.show-profile-links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--gold-2); font-size: 15px; text-underline-offset: 4px; }
.show-profile-cover { margin: 0; }
.show-profile-cover img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #121b21; }
.show-profile-story { width: min(760px, calc(100% - 2 * var(--gutter))); margin-inline: auto; border-top: 1px solid var(--line); }

.show-stories-inner {
	width: min(1180px, calc(100% - 2 * var(--gutter)));
	margin-inline: auto;
	padding-bottom: 84px;
}
.show-stories h2 {
	margin: 0 0 26px;
	font-family: "Playfair Display", Georgia, serif;
	font-size: 32px;
	line-height: 1.2;
	text-wrap: balance;
}
.show-stories-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 34px; }
.show-story-link {
	display: block;
	min-width: 0;
	min-height: 116px;
	padding: 18px 0;
	border-top: 1px solid var(--line);
	color: var(--ink);
	text-decoration: none;
}
.show-story-link.has-cover { display: grid; grid-template-columns: 128px minmax(0, 1fr); align-items: center; gap: 18px; }
.show-story-cover { display: block; width: 128px; aspect-ratio: 16 / 10; overflow: hidden; background: #111820; }
.show-story-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.show-story-copy { display: flex; flex-direction: column; align-items: start; gap: 5px; min-width: 0; }
.show-story-copy small { color: var(--muted); font-size: 13px; line-height: 1.45; }
.show-story-copy strong { font-family: "Playfair Display", Georgia, serif; font-size: 21px; line-height: 1.24; overflow-wrap: anywhere; }
.show-story-copy > span { color: var(--gold-2); font-size: 14px; line-height: 1.5; }
.show-story-link:hover strong,
.show-story-link:focus-visible strong { color: var(--gold-2); }
.show-stories-pages { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 18px; margin-top: 20px; border-top: 1px solid var(--line); }
.show-stories-pages a { display: inline-flex; align-items: center; min-height: 44px; color: var(--gold-2); font-size: 15px; line-height: 1.45; text-underline-offset: 4px; }
.show-stories-pages span { color: var(--muted); font-size: 14px; line-height: 1.45; }
.show-stories-empty { padding: 18px 0; border-top: 1px solid var(--line); }
.show-stories-empty p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.5; }
.show-stories-empty a { display: inline-flex; align-items: center; min-height: 44px; color: var(--gold-2); font-size: 15px; line-height: 1.45; text-underline-offset: 4px; }

.show-archive-head { max-width: 740px; margin-bottom: 50px; }
.show-archive-head > p:last-child { margin: 18px 0 0; color: #cbd3d8; font-size: 17px; line-height: 1.6; }
.show-archive-grid,
.podcast-shows-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 34px; }
.show-archive-item,
.podcast-show-link { min-width: 0; border-top: 1px solid var(--line); }
.show-archive-item a,
.podcast-show-link { display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: center; gap: 18px; min-height: 150px; padding: 18px 0; color: var(--ink); text-decoration: none; }
.show-archive-item a:hover strong,
.show-archive-item a:focus-visible strong,
.podcast-show-link:hover strong,
.podcast-show-link:focus-visible strong { color: var(--gold-2); }
.show-archive-cover,
.podcast-show-cover { display: block; width: 110px; aspect-ratio: 1; background: #111820; }
.show-archive-cover img,
.podcast-show-cover img { display: block; width: 100%; height: 100%; object-fit: contain; }
.show-archive-copy,
.podcast-show-copy { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.show-archive-copy strong,
.podcast-show-copy strong { font-family: "Playfair Display", Georgia, serif; font-size: 24px; line-height: 1.2; overflow-wrap: anywhere; }
.show-archive-copy > span,
.podcast-show-copy > span { color: var(--muted); font-size: 14px; line-height: 1.5; }
.show-archive-empty { padding: 28px 0; border-top: 1px solid var(--line); }
.show-archive-empty p { margin: 0 0 14px; color: var(--muted); }
.show-archive-empty a { display: inline-flex; align-items: center; min-height: 44px; color: var(--gold-2); }
.show-archive .navigation.pagination { margin-top: 28px; }
.show-archive .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.show-archive .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: var(--ink); }
.show-archive .page-numbers.current { color: var(--gold-2); border-bottom: 2px solid var(--gold); }
.podcast-shows-head { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 26px; }
.podcast-shows-head h2 { margin: 0; font-family: "Playfair Display", Georgia, serif; font-size: 36px; line-height: 1.18; text-wrap: balance; }
.podcast-shows-head > a { display: inline-flex; align-items: center; min-height: 44px; flex: 0 0 auto; color: var(--gold-2); }

@media (max-width: 768px) {
	.entry-index { padding-top: 68px; }
	.entry-index-head h1 { font-size: 38px; line-height: 1.16; }
	.entry-index-list { grid-template-columns: minmax(0, 1fr); }
	.entry-page,
	.show-page,
	.show-archive { padding-top: 68px; }
	.entry-masthead h1,
	.show-profile h1,
	.show-archive-head h1 { font-size: 42px; line-height: 1.16; }
	.show-profile-lead.has-cover { grid-template-columns: minmax(0, 1fr) 240px; gap: 24px; }
	.show-archive-grid,
	.podcast-shows-grid,
	.show-stories-grid { grid-template-columns: minmax(0, 1fr); }
	.show-stories h2 { font-size: 28px; line-height: 1.22; }
}

@media (max-width: 640px) {
	.entry-index-inner { padding-block: 30px 60px; }
	.entry-index-head h1 { font-size: 32px; line-height: 1.17; }
	.entry-index-head > p:last-child:not(.entry-kicker) { font-size: 15px; line-height: 1.55; }
	.entry-index-item a { min-height: 122px; gap: 15px; }
	.entry-index-cover { flex-basis: 88px; width: 88px; }
	.entry-index-copy strong { font-size: 21px; line-height: 1.24; }
	.entry-search-controls { flex-wrap: wrap; }
	.entry-search button { flex: 1 0 auto; }
	.auth-page-login { padding-top: calc(68px + 1px + 24px); }
	.auth-page-login .auth-shell { gap: 12px; }
	.auth-page-login .auth-story h1 { font-size: 30px; line-height: 1.15; }
	.auth-page-login .auth-lead { margin-top: 10px; font-size: 15px; line-height: 1.5; }
	.entry-masthead { padding-block: 50px 34px; }
	.entry-masthead h1,
	.show-profile h1,
	.show-archive-head h1 { font-size: 34px; line-height: 1.16; }
	.entry-body { padding-block: 32px 50px; font-size: 16px; line-height: 1.7; }
	.entry-body h2 { font-size: 28px; }
	.entry-body h3 { font-size: 23px; }
	.entry-neighbors { grid-template-columns: minmax(0, 1fr); gap: 8px; padding-bottom: 48px; }
	.entry-neighbors a:last-child { text-align: left; }
	.show-profile-inner,
	.show-archive-inner { padding-block: 30px 60px; }
	.show-profile-lead.has-cover { display: flex; flex-direction: column-reverse; align-items: stretch; gap: 26px; }
	.show-profile-cover { max-width: 440px; }
	.show-profile-summary { font-size: 16px; }
	.show-profile-facts dd { font-size: 16px; }
	.show-stories-inner { padding-bottom: 60px; }
	.show-stories h2 { font-size: 26px; line-height: 1.24; }
	.show-story-copy strong { font-size: 19px; line-height: 1.28; }
	.show-archive-head { margin-bottom: 32px; }
	.podcast-shows-head { align-items: start; flex-wrap: wrap; }
}

@media (max-width: 390px) {
	.entry-index-head h1 { font-size: 28px; line-height: 1.18; }
	.entry-index-cover { flex-basis: 72px; width: 72px; }
	.entry-index-copy strong { font-size: 19px; line-height: 1.25; }
	.entry-masthead h1,
	.show-profile h1,
	.show-archive-head h1 { font-size: 30px; line-height: 1.17; }
	.show-archive-item a,
	.podcast-show-link { grid-template-columns: 82px minmax(0, 1fr); gap: 14px; min-height: 122px; }
	.show-archive-cover,
	.podcast-show-cover { width: 82px; }
	.show-archive-copy strong,
	.podcast-show-copy strong { font-size: 21px; }
	.show-stories h2 { font-size: 24px; line-height: 1.25; }
	.show-story-link.has-cover { grid-template-columns: 92px minmax(0, 1fr); gap: 14px; }
	.show-story-cover { width: 92px; }
}

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

	.header-cta,
	.button {
		transition: none;
	}

	.header-cta:hover,
	.header-cta:focus-visible,
	.button:hover,
	.button:focus-visible {
		transform: none;
	}
}

.collective-page { background: radial-gradient(circle at 75% 12%, #17242b 0, #0b1117 38%, #05070a 75%); }
.collective-inner { max-width: 1240px; margin: 0 auto; padding: 114px 56px 76px; }
.collective-intro { max-width: 770px; margin-bottom: 27px; }
.collective-intro h1 { margin: 0; font-family: "Bebas Neue", sans-serif; font-size: 46px; line-height: 1.15; letter-spacing: .025em; }
.collective-intro p { margin: 10px 0 0; color: var(--muted); font-size: 17px; line-height: 1.55; }
.collective-stage { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); min-height: 315px; border: 1px solid #34424a; background: #0c141b; }
.collective-stage:not(:has(.collective-stage-art:not([hidden]))) { grid-template-columns: minmax(0, 1fr); min-height: 0; }
.collective-stage-art { min-width: 0; min-height: 315px; background: #17242b; }
.collective-stage-art[hidden], .collective-stage-art img[hidden] { display: none; }
.collective-stage-art img { display: block; width: 100%; height: 100%; max-height: 440px; object-fit: contain; }
.collective-stage-art[data-fit="cover"] img { object-fit: cover; }
.collective-stage-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 34px 38px; }
.collective-stage-copy h2 { margin: 0; font-family: "Playfair Display", Georgia, serif; font-size: 34px; line-height: 1.18; text-wrap: balance; }
.collective-format { margin: 13px 0 0; color: var(--gold); font-size: 13px; line-height: 1.5; font-weight: 700; }
.collective-summary { max-width: 54ch; margin: 13px 0 0; color: #c5cfd5; font-size: 16px; line-height: 1.6; }
.collective-format[hidden], .collective-summary[hidden] { display: none; }
.collective-stage-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; margin-top: 23px; }
.collective-stage-actions .button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 20px; font-size: 15px; line-height: 1.4; }
.collective-stage[hidden] { display: none; }
.collective-directory { margin-top: 42px; }
.collective-directory-head { display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap; gap: 14px 28px; padding-bottom: 17px; border-bottom: 1px solid #34424a; }
.collective-directory-head h2 { margin: 0; font-family: "Playfair Display", Georgia, serif; font-size: 30px; line-height: 1.2; }
.collective-search { display: grid; gap: 5px; width: min(100%, 300px); color: #c5cfd5; font-size: 13px; line-height: 1.4; font-weight: 700; }
.collective-search[hidden] { display: none; }
.collective-search input { width: 100%; min-height: 44px; padding: 9px 13px; border: 1px solid #6c808a; border-radius: 4px; background: #111b22; color: #fff; font: 16px/1.4 "DM Sans", sans-serif; }
.collective-search input::placeholder { color: #aebac2; }
.collective-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
.collective-card { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; min-width: 0; min-height: 116px; padding: 12px 0; border-bottom: 1px solid #34424a; }
.collective-card[hidden] { display: none; }
.collective-card-main { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; min-width: 0; min-height: 58px; color: var(--ink); }
.collective-card-main.has-image { grid-template-columns: 88px minmax(0, 1fr); gap: 16px; }
.collective-card-main:hover strong, .collective-card-main:focus-visible strong { color: var(--gold-2); }
.collective-card-art { display: block; width: 88px; aspect-ratio: 1; background: #17242b; }
.collective-card-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.collective-card-copy { display: grid; gap: 3px; min-width: 0; }
.collective-card-copy strong { font-family: "Playfair Display", Georgia, serif; font-size: 20px; line-height: 1.26; overflow-wrap: anywhere; }
.collective-card-copy small { color: var(--muted); font-size: 13px; line-height: 1.4; }
.collective-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-left: 104px; }
.collective-card-main:not(.has-image) + .collective-card-actions { margin-left: 0; }
.collective-card-actions button { display: inline-flex; align-items: center; min-height: 44px; padding: 4px 0; border: 0; background: none; color: var(--gold-2); font: 700 14px/1.4 "DM Sans", sans-serif; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.collective-card-actions button[hidden] { display: none; }
.collective-card-actions button[aria-pressed="true"] { color: #fff; text-decoration-thickness: 2px; }
.collective-card-actions button:hover { color: #fff; }
.collective-no-results { margin: 18px 0 0; color: #c5cfd5; font-size: 16px; line-height: 1.5; }
.collective-no-results[hidden] { display: none; }
.collective-empty { max-width: 700px; padding: 30px; border: 1px solid #34424a; background: #0c141b; }
.collective-empty h2 { margin: 0; font-family: "Playfair Display", Georgia, serif; font-size: 28px; line-height: 1.2; text-wrap: balance; }
.collective-empty p { margin: 12px 0; color: #c5cfd5; font-size: 16px; line-height: 1.55; }
.collective-empty a { display: inline-flex; align-items: center; min-height: 44px; color: var(--gold-2); text-decoration: underline; text-underline-offset: 4px; }
.collective-page a:focus-visible, .collective-page button:focus-visible, .collective-page input:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
@media (max-width: 900px) {
	.collective-inner { padding: 108px 32px 60px; }
	.collective-intro h1 { font-size: 40px; }
	.collective-stage { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
	.collective-stage-copy { padding: 28px; }
	.collective-stage-copy h2 { font-size: 29px; }
	.collective-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
	.collective-inner { padding: 98px 20px 48px; }
	.collective-intro { margin-bottom: 16px; }
	.collective-intro h1 { font-size: 34px; }
	.collective-intro p { font-size: 16px; }
	.collective-stage-copy { padding: 24px 21px; }
	.collective-stage-copy h2 { font-size: 26px; }
	.collective-summary { font-size: 15px; }
	.collective-directory { margin-top: 32px; }
	.collective-directory-head h2 { font-size: 26px; }
	.collective-search { width: 100%; }
	.collective-empty { padding: 24px 20px; }
	.collective-empty h2 { font-size: 25px; }
}
@media (max-width: 600px) {
	.collective-stage { grid-template-columns: minmax(0, 1fr); }
	.collective-stage-art { min-height: 0; aspect-ratio: 2 / 1; }
	.collective-stage-art img { max-height: none; }
}
@media (max-width: 360px) {
	.collective-intro h1 { font-size: 30px; }
	.collective-card-main.has-image { grid-template-columns: 76px minmax(0, 1fr); gap: 13px; }
	.collective-card-art { width: 76px; }
	.collective-card-actions { margin-left: 89px; }
	.collective-card-copy strong { font-size: 18px; }
}