/* Section grids. Each story appends its layout here. No per-block style.css. */

/* Inspector chrome pickers (habit/button). Harmless on the front. */
.hba-chrome-color {
	margin: 12px 0 16px;
}

.hba-chrome-color__label {
	margin: 0 0 8px;
	font-size: 11px;
	font-weight: 500;
}

/* US-003 site-header */
.hba-header,
.wp-block-habit-site-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--position-offset, 0px);
	z-index: 40;
	background: rgba(245, 241, 234, 0.92);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(25, 23, 19, 0.1);
	padding: 16px var(--hba-gutter);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}

.hba-wordmark,
a.hba-wordmark {
	font: 500 11px / 1.25 var(--hba-sans);
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: var(--hba-ink);
	text-decoration: none;
	display: flex;
	flex-wrap: nowrap;
	column-gap: 0.7em;
}

.hba-header__nav {
	display: flex;
	align-items: center;
	gap: clamp(14px, 2.5vw, 32px);
}

.hba-header__nav .block-editor-block-list__layout {
	display: flex;
	align-items: center;
	gap: clamp(14px, 2.5vw, 32px);
}

.hba-nav-link,
a.hba-nav-link {
	font: 500 11px / 1 var(--hba-sans);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--hba-ink);
	text-decoration: none;
}

@media (max-width: 719px) {
	.hba-header,
	.wp-block-habit-site-header {
		position: relative;
		top: auto;
		padding-inline: 16px;
	}

	.hba-header nav,
	.hba-header__nav,
	.wp-block-habit-site-header nav {
		display: none;
	}

	.hba-wordmark,
	a.hba-wordmark {
		white-space: nowrap;
		letter-spacing: 0.16em;
		column-gap: 0.45em;
		font-size: 10px;
		max-width: none;
	}

	.hba-preview__stage {
		scroll-margin-top: calc(
			var(--wp-admin--admin-bar--position-offset, 0px) + 12px
		);
	}
}

/* US-004 hero */
.hba-hero,
.wp-block-habit-hero {
	padding: clamp(52px, 7vw, 104px) var(--hba-gutter) clamp(40px, 5vw, 72px);
}

.hba-hero__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	gap: clamp(32px, 5vw, 72px);
	align-items: center;
}

.hba-hero__copy {
	display: flex;
	flex-direction: column;
}

.hba-hero__copy > .hba-eyebrow {
	margin-bottom: 26px;
}

.hba-hero__lede,
.hba-hero__copy > p,
.hba-hero__copy > .wp-block-paragraph {
	max-width: 48ch;
	margin: 0;
	font: 400 16px / 1.68 var(--hba-sans);
	color: var(--hba-mute);
}

.hba-hero__copy > p.hba-hero__lede {
	margin-top: 40px;
}

.hba-hero__copy > p.hba-hero__lede + p,
.hba-hero__copy > p.hba-hero__lede + .wp-block-paragraph {
	margin-top: 16px;
}

.hba-hero__copy > .wp-block-paragraph + .wp-block-paragraph,
.hba-hero__copy > p + p {
	margin-top: 16px;
}

.hba-hero .hba-hero__path,
.hba-hero .hba-path {
	margin: 18px 0;
	padding: 18px 0;
	border-top: 1px solid rgba(25, 23, 19, 0.14);
	border-bottom: 1px solid rgba(25, 23, 19, 0.14);
	gap: 12px 14px;
}

.hba-hero .hba-path-step,
.hba-hero b.hba-path-step {
	font: 600 12px / 1.2 var(--hba-sans);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--hba-ink);
}

.hba-hero .hba-path i {
	color: var(--hba-taupe);
	font-style: normal;
}

.hba-hero__cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 24px;
	margin-top: 8px;
}

.hba-hero__copy > p.hba-hero__fine {
	margin-top: 36px;
	font: 400 13px / 1.5 var(--hba-sans);
	color: var(--hba-mute);
}

.hba-hero__copy > .block-editor-inner-blocks > .block-editor-block-list__layout,
.hba-hero__copy .block-editor-block-list__layout {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 14px;
}

.hba-hero__copy .block-editor-block-list__layout > .wp-block-paragraph,
.hba-hero__copy:has(> .block-editor-inner-blocks) > .wp-block-paragraph {
	flex: 1 1 100%;
	max-width: 48ch;
	margin: 0;
	font: 400 16px / 1.68 var(--hba-sans);
	color: var(--hba-mute);
}

.hba-hero__copy .block-editor-block-list__layout > .wp-block-habit-path-step,
.hba-hero__copy:has(> .block-editor-inner-blocks) > .wp-block-habit-path-step {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	margin: 0;
}

.hba-hero__copy .block-editor-block-list__layout > .wp-block-paragraph + .wp-block-habit-path-step,
.hba-hero__copy:has(> .block-editor-inner-blocks) > .wp-block-paragraph + .wp-block-habit-path-step {
	margin-top: 6px;
	padding-top: 18px;
	border-top: 1px solid rgba(25, 23, 19, 0.14);
}

.hba-hero__copy .block-editor-block-list__layout > .wp-block-habit-path-step:has(+ .wp-block-habit-button),
.hba-hero__copy:has(> .block-editor-inner-blocks) > .wp-block-habit-path-step:has(+ .wp-block-habit-button) {
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(25, 23, 19, 0.14);
}

.hba-hero__copy .block-editor-block-list__layout > .wp-block-habit-path-step + .wp-block-habit-path-step::before,
.hba-hero__copy:has(> .block-editor-inner-blocks) > .wp-block-habit-path-step + .wp-block-habit-path-step::before {
	content: "→";
	color: var(--hba-taupe);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	margin-right: 14px;
}

.hba-hero__copy .block-editor-block-list__layout > .wp-block-habit-button,
.hba-hero__copy:has(> .block-editor-inner-blocks) > .wp-block-habit-button {
	flex: 0 0 auto;
	margin-top: 8px;
}

.hba-hero__copy:has(> .block-editor-inner-blocks) {
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	column-gap: 24px;
}

.hba-hero__copy:has(> .block-editor-inner-blocks) > .block-editor-inner-blocks,
.hba-hero__copy:has(> .block-editor-inner-blocks) > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: contents;
}

.hba-hero__copy:has(> .block-editor-inner-blocks) > .hba-eyebrow,
.hba-hero__copy:has(> .block-editor-inner-blocks) > .hba-h1,
.hba-hero__copy:has(> .block-editor-inner-blocks) > .hba-hero__lede,
.hba-hero__copy:has(> .block-editor-inner-blocks) > .hba-hero__fine {
	flex: 1 1 100%;
}

.hba-hero__copy:has(> .block-editor-inner-blocks) > .hba-hero__cta {
	flex: 0 0 auto;
	margin-top: 8px;
}

.hba-hero__media {
	aspect-ratio: 3 / 4;
}

/* US-005 proof-bar */
.hba-proof-bar,
.wp-block-habit-proof-bar {
	background: var(--hba-ink);
	color: rgba(245, 241, 234, 0.72);
	padding: 26px var(--hba-gutter);
	font: 400 15px / 1.5 var(--hba-sans);
}

.hba-proof-bar__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px 32px;
}

.hba-proof-bar__grid > .block-editor-inner-blocks > .block-editor-block-list__layout,
.hba-proof-bar__grid > .block-editor-block-list__layout {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px 32px;
}

.hba-proof-stat,
.wp-block-habit-proof-stat {
	margin: 0;
	font: 400 15px / 1.5 var(--hba-sans);
	color: rgba(245, 241, 234, 0.72);
}

.hba-proof-stat strong,
.wp-block-habit-proof-stat strong {
	color: #f5f1ea;
	font-weight: 600;
}

/* US-006 problem */
.hba-problem__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: clamp(32px, 5vw, 80px);
	align-items: start;
}

.hba-problem__media {
	aspect-ratio: 4 / 5;
}

.hba-problem__copy > .hba-h2 {
	max-width: 22ch;
}

.hba-problem__intro {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 32px;
	max-width: 52ch;
}

.hba-problem__intro p,
.hba-problem__copy .block-editor-block-list__layout > .wp-block-paragraph {
	margin: 0;
	font: 400 17px / 1.6 var(--hba-sans);
	color: var(--hba-ink-2);
	max-width: 52ch;
}

.hba-problem__copy > .block-editor-inner-blocks > .block-editor-block-list__layout,
.hba-problem__copy > .block-editor-block-list__layout {
	display: flex;
	flex-direction: column;
	margin-top: 32px;
}

.hba-problem__copy .block-editor-block-list__layout > .wp-block-paragraph + .wp-block-paragraph {
	margin-top: 14px;
}

.hba-problem__copy .block-editor-block-list__layout > .wp-block-paragraph + .wp-block-habit-problem-item {
	margin-top: 8px;
}

.hba-problem__list {
	max-width: 56ch;
	margin-top: 8px;
}

.hba-problem-item,
.wp-block-habit-problem-item {
	margin: 0;
	padding: 16px 0;
	border-top: 1px solid rgba(25, 23, 19, 0.12);
	font: 400 16px / 1.55 var(--hba-sans);
	color: var(--hba-mute);
	max-width: 56ch;
}

.hba-rulelist > .hba-problem-item:last-child,
.hba-problem__copy .wp-block-habit-problem-item:last-of-type {
	border-bottom: 1px solid rgba(25, 23, 19, 0.12);
}

.hba-problem-item em,
.hba-problem-item i,
.wp-block-habit-problem-item em,
.wp-block-habit-problem-item i {
	font-family: var(--hba-serif);
	font-size: 18px;
	font-style: italic;
	color: var(--hba-ink);
}

.hba-problem__statement {
	margin: 36px 0 0;
	max-width: 26ch;
	font: 400 clamp(28px, 3vw, 42px) / 1.12 var(--hba-serif);
	color: var(--hba-ink);
}

.hba-problem__closing {
	margin: 18px 0 0;
	max-width: 46ch;
	font: 400 17px / 1.6 var(--hba-sans);
	color: var(--hba-ink-2);
}

/* US-007 relief */
.hba-relief__copy {
	max-width: 820px;
	margin-inline: auto;
	text-align: center;
}

.hba-relief__lines {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 34px;
}

.hba-relief-line,
.wp-block-habit-relief-line {
	margin: 0;
	font: 400 17px / 1.6 var(--hba-sans);
	color: var(--hba-ink-2);
}

.hba-relief__copy > .block-editor-inner-blocks > .block-editor-block-list__layout,
.hba-relief__copy > .block-editor-block-list__layout {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 34px;
}

.hba-relief__statement {
	margin: 32px 0 0;
	font: 400 clamp(26px, 3vw, 38px) / 1.15 var(--hba-serif);
	color: var(--hba-ink);
}

.hba-relief__body {
	margin-top: 24px;
}

.hba-relief__body p,
.hba-relief__copy .block-editor-block-list__layout > .wp-block-paragraph {
	margin: 0 auto;
	max-width: 56ch;
	font: 400 16px / 1.68 var(--hba-sans);
	color: var(--hba-mute);
}

.hba-relief__body p + p,
.hba-relief__copy .block-editor-block-list__layout > .wp-block-paragraph + .wp-block-paragraph {
	margin-top: 14px;
}

.hba-relief__cta,
a.hba-relief__cta,
html.hba-canvas a.hba-relief__cta,
html.hba-canvas a.hba-relief__cta:hover {
	display: inline-block;
	margin-top: 28px;
	font: 600 13px / 1 var(--hba-sans);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--hba-ink);
	text-decoration: none;
	border-bottom: 1px solid #191713;
	padding-bottom: 6px;
}

.hba-relief__well {
	position: relative;
	max-width: 1100px;
	margin: clamp(48px, 6vw, 88px) auto 0;
}

.hba-relief__video,
.hba-section--sand .hba-relief__video {
	aspect-ratio: 16 / 9;
	background: var(--hba-ink);
}

.hba-relief__video img {
	opacity: 0.7;
}

.hba-relief__overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 18px;
	pointer-events: none;
	padding: 24px;
}

.hba-relief__play {
	width: 68px;
	height: 68px;
	flex-shrink: 0;
	border: 1px solid rgba(245, 241, 234, 0.8);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hba-relief__play::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: 0 0 0 3px;
	border-style: solid;
	border-width: 8px 0 8px 14px;
	border-color: transparent transparent transparent rgba(245, 241, 234, 0.9);
}

.hba-relief__caption {
	margin: 0;
	max-width: 32ch;
	font: 500 11px / 1.6 var(--hba-sans);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(245, 241, 234, 0.9);
	text-align: center;
}

/* US-008 pillars */
.hba-pillars.hba-section,
.wp-block-habit-pillars {
	padding-bottom: 0;
}

.hba-pillars__intro .hba-lede {
	max-width: 48ch;
	margin-top: 18px;
}

.hba-pillar,
.wp-block-habit-pillar {
	margin-top: clamp(56px, 7vw, 100px);
	padding-top: clamp(40px, 5vw, 64px);
	border-top: 1px solid var(--hba-rule);
}

.hba-pillar:last-child,
.wp-block-habit-pillar:last-child {
	padding-bottom: clamp(72px, 9vw, 140px);
}

.hba-pillar__row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: clamp(32px, 5vw, 72px);
	align-items: start;
}

.hba-pillar__copy {
	order: 1;
}

.hba-pillar__media {
	order: 2;
}

.hba-pillar__media--grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.hba-pillar__eyebrow {
	margin: 26px 0 0;
	font: 500 12px / 1 var(--hba-sans);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--hba-olive);
}

.hba-pillar .hba-statement,
.wp-block-habit-pillar .hba-statement {
	max-width: 26ch;
	margin-top: 12px;
}

.hba-pillar__body {
	margin: 22px 0 0;
	max-width: 50ch;
	font: 400 16px / 1.68 var(--hba-sans);
	color: var(--hba-mute);
}

.hba-pillar__kicker {
	margin: 28px 0 12px;
	font: 500 11px / 1 var(--hba-sans);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--hba-mute);
}

.hba-pillar .hba-path b,
.hba-pillar .hba-path-label {
	font: 600 12px / 1.3 var(--hba-sans);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--hba-ink);
}

.hba-pillar__copy > .block-editor-inner-blocks > .block-editor-block-list__layout,
.hba-pillar__copy .block-editor-block-list__layout {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 28px;
}

.hba-pillar__copy .wp-block-habit-pillar-card {
	flex: 1 1 calc(50% - 8px);
	min-width: 220px;
}

.hba-pillar__copy .block-editor-block-list__layout > .hba-path-step + .hba-path-step::before,
.hba-pillar__copy .block-editor-block-list__layout > .wp-block-habit-path-label.hba-path-step + .wp-block-habit-path-label.hba-path-step::before {
	content: "→";
	color: var(--hba-taupe);
	font-style: normal;
	font-weight: 400;
	margin-right: 10px;
}

.hba-pillar__copy .block-editor-block-list__layout > .hba-chip + .hba-path-step,
.hba-pillar__copy .block-editor-block-list__layout > .wp-block-habit-pillar-card + .hba-path-step {
	flex: 1 1 100%;
	margin-top: 12px;
}

.hba-pillar__cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 2px;
	margin-top: clamp(32px, 4vw, 48px);
	background: rgba(25, 23, 19, 0.12);
}

.hba-pillar-card,
.wp-block-habit-pillar-card {
	background: var(--hba-bone);
	padding: 28px 24px;
}

.hba-pillar-card__title {
	margin: 0;
	font: 600 12px / 1.3 var(--hba-sans);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--hba-ink);
}

.hba-pillar-card__items {
	margin: 14px 0 0;
	font: 400 14px / 1.75 var(--hba-sans);
	color: var(--hba-mute);
}

.hba-pillar-card__italic {
	margin: 12px 0 0;
	font: 400 italic 17px / 1.3 var(--hba-serif);
	color: var(--hba-olive);
}

.hba-pillar-card__italic:empty {
	display: none;
}

/* US-009 progress */
.hba-progress__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: clamp(32px, 5vw, 72px);
	align-items: start;
}

.hba-progress__copy > .hba-h2 {
	max-width: 20ch;
}

.hba-progress__intro {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 24px;
	max-width: 48ch;
}

.hba-progress__intro p,
.hba-progress__copy .block-editor-block-list__layout > .wp-block-paragraph {
	margin: 0;
	font: 400 17px / 1.65 var(--hba-sans);
	color: var(--hba-ink-2);
	max-width: 48ch;
}

.hba-progress__copy > .block-editor-inner-blocks > .block-editor-block-list__layout,
.hba-progress__copy > .block-editor-block-list__layout {
	display: flex;
	flex-direction: column;
	margin-top: 24px;
}

.hba-progress__copy .block-editor-block-list__layout > .wp-block-paragraph + .wp-block-paragraph {
	margin-top: 14px;
}

.hba-progress-item,
.wp-block-habit-progress-item {
	margin: 0;
	padding: 24px 0;
	border-top: 1px solid rgba(25, 23, 19, 0.18);
}

.hba-progress__items > .hba-progress-item:last-child,
.hba-progress__copy .wp-block-habit-progress-item:last-of-type {
	border-bottom: 1px solid rgba(25, 23, 19, 0.18);
}

.hba-progress-item__title,
.wp-block-habit-progress-item h3 {
	margin: 0;
	font: 600 13px / 1.3 var(--hba-sans);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--hba-ink);
}

.hba-progress-item__text,
.wp-block-habit-progress-item p {
	margin: 10px 0 0;
	font: 400 16px / 1.6 var(--hba-sans);
	color: var(--hba-mute);
}

.hba-progress__strip {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 12px;
	margin-top: clamp(40px, 5vw, 64px);
}

.hba-progress__strip .hba-media {
	aspect-ratio: 4 / 3;
	background: var(--hba-sand-deep);
}

/* US-010 community */
.hba-community .hba-h2 {
	max-width: 24ch;
	color: var(--hba-bone);
}

.hba-community__intro {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 28px;
	max-width: 56ch;
}

.hba-community__intro p,
.hba-community > .hba-wrap > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-paragraph,
.hba-community > .hba-wrap > .block-editor-block-list__layout > .wp-block-paragraph {
	margin: 0;
	font: 400 17px / 1.65 var(--hba-sans);
	color: rgba(245, 241, 234, 0.78);
	max-width: 56ch;
}

.hba-community .hba-serif-line,
.hba-community p.hba-serif-line {
	font: 400 26px / 1.3 var(--hba-serif);
	color: var(--hba-bone);
}

.hba-community__cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 2px;
	margin-top: clamp(36px, 5vw, 56px);
	background: rgba(245, 241, 234, 0.16);
}

.hba-community-card,
.wp-block-habit-community-card {
	background: var(--hba-ink);
	padding: 28px 24px;
}

.hba-community-card__title,
.wp-block-habit-community-card h4 {
	margin: 0;
	font: 600 12px / 1.3 var(--hba-sans);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--hba-bone);
}

.hba-community-card__text,
.wp-block-habit-community-card p {
	margin: 12px 0 0;
	font: 400 15px / 1.65 var(--hba-sans);
	color: rgba(245, 241, 234, 0.72);
}

.hba-community__quote {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: clamp(28px, 4vw, 56px);
	align-items: center;
	margin-top: clamp(40px, 5vw, 72px);
}

.hba-community__media {
	aspect-ratio: 4 / 5;
}

.hba-community__story p {
	margin: 0 0 16px;
	font: 400 17px / 1.65 var(--hba-sans);
	color: rgba(245, 241, 234, 0.78);
}

.hba-community blockquote {
	margin: 0;
}

.hba-community blockquote p,
.hba-community__pull {
	margin: 0;
	font: 400 clamp(24px, 2.4vw, 34px) / 1.25 var(--hba-serif);
	color: var(--hba-bone);
}

.hba-community blockquote footer,
.hba-community__attr {
	margin: 18px 0 0;
	font: 500 11px / 1.4 var(--hba-sans);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: rgba(245, 241, 234, 0.6);
}

.hba-community__team {
	margin-top: clamp(48px, 6vw, 88px);
	padding-top: clamp(32px, 4vw, 56px);
	border-top: 1px solid rgba(245, 241, 234, 0.2);
	text-align: center;
}

.hba-community__team-heading {
	margin: 0 auto;
	max-width: 28ch;
	font: 400 clamp(28px, 3.4vw, 48px) / 1.15 var(--hba-serif);
	color: var(--hba-bone);
}

.hba-community__team-body {
	margin: 16px auto 0;
	max-width: 46ch;
	font: 400 16px / 1.65 var(--hba-sans);
	color: rgba(245, 241, 234, 0.72);
}

/* US-011 differentiators */
.hba-differentiators .hba-h2 {
	max-width: 24ch;
}

.hba-differentiators__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 2px;
	margin-top: clamp(40px, 5vw, 64px);
	background: rgba(25, 23, 19, 0.12);
}

.hba-differentiators__grid > .block-editor-inner-blocks > .block-editor-block-list__layout,
.hba-differentiators__grid > .block-editor-block-list__layout {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 2px;
	background: rgba(25, 23, 19, 0.12);
}

.hba-differentiators__grid .hba-card,
.hba-differentiator,
.wp-block-habit-differentiator {
	margin: 0;
	border: 0;
	background: var(--hba-bone);
	padding: 32px 26px;
}

.hba-differentiator__title,
.wp-block-habit-differentiator h3 {
	margin: 0;
	font: 400 19px / 1.45 var(--hba-sans);
	letter-spacing: 0.01em;
	max-width: 20ch;
	color: var(--hba-ink);
}

.hba-differentiator__text,
.wp-block-habit-differentiator p {
	margin: 14px 0 0;
	font: 400 15px / 1.7 var(--hba-sans);
	color: var(--hba-mute);
}

.hba-differentiators__image {
	aspect-ratio: 21 / 9;
	margin-top: clamp(40px, 5vw, 64px);
}

/* US-012 preview player */
.hba-preview .hba-eyebrow {
	color: var(--hba-taupe);
}

.hba-preview .hba-h2 {
	color: var(--hba-bone);
	max-width: 12ch;
}

.hba-preview__head {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap: clamp(20px, 4vw, 64px);
	align-items: end;
}

.hba-preview__blurb {
	margin: 0;
	font: 400 17px / 1.6 var(--hba-sans);
	color: rgba(245, 241, 234, 0.72);
	max-width: 36ch;
	justify-self: start;
}

@media (min-width: 760px) {
	.hba-preview__blurb {
		justify-self: end;
	}
}

.hba-preview__stage {
	position: relative;
	margin-top: clamp(36px, 4vw, 60px);
	aspect-ratio: 16 / 9;
	background: var(--hba-video);
	border: 1px solid rgba(245, 241, 234, 0.16);
	overflow: hidden;
	scroll-margin-top: calc(
		var(--wp-admin--admin-bar--position-offset, 0px) + 80px
	);
}

.hba-preview__well {
	position: absolute;
	inset: 0;
	aspect-ratio: auto;
	background: var(--hba-video);
}

.hba-preview__well::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to top,
		rgba(15, 14, 12, 0.86) 0%,
		rgba(15, 14, 12, 0.12) 52%,
		rgba(15, 14, 12, 0.28) 100%
	);
	pointer-events: none;
}

.hba-preview__stage[data-state="playing"] .hba-preview__well::after {
	display: none;
}

html.hba-canvas .hba-preview__poster,
.hba-preview__poster {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.82;
}

.hba-preview__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: #0f0e0c;
}

.hba-preview__video[hidden] {
	display: none;
}

.hba-preview__caption {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: clamp(20px, 3vw, 36px);
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 8px 16px;
	align-items: end;
	z-index: 1;
	pointer-events: none;
}

.hba-preview__pillar {
	grid-column: 1 / -1;
	margin: 0;
	font: 600 11px / 1 var(--hba-sans);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--hba-sage);
}

.hba-preview__lesson-title {
	margin: 0;
	font: 400 clamp(24px, 3vw, 40px) / 1.1 var(--hba-serif);
	max-width: 24ch;
	color: var(--hba-bone);
}

.hba-preview__duration {
	margin: 0;
	font: 500 13px / 1 var(--hba-sans);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(245, 241, 234, 0.66);
}

.hba-preview__play {
	position: absolute;
	left: 50%;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 84px;
	height: 84px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--hba-bone);
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 2;
}

.hba-preview__play::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: 0 0 0 4px;
	border-style: solid;
	border-width: 13px 0 13px 21px;
	border-color: transparent transparent transparent var(--hba-ink);
}

.hba-preview__play:hover,
.hba-preview__play:focus-visible {
	background: var(--hba-sage);
}

.hba-preview__close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(245, 241, 234, 0.4);
	border-radius: 50%;
	background: transparent;
	color: var(--hba-bone);
	font: 400 22px / 1 var(--hba-sans);
	cursor: pointer;
	z-index: 3;
}

.hba-preview__close:hover,
.hba-preview__close:focus-visible {
	background: var(--hba-bone);
	color: var(--hba-ink);
}

.hba-preview__ribbon {
	position: absolute;
	top: 16px;
	left: 16px;
	right: 60px;
	z-index: 3;
}

.hba-preview__ribbon p {
	display: inline-block;
	margin: 0;
	padding: 9px 14px;
	background: rgba(15, 14, 12, 0.78);
	border: 1px solid rgba(245, 241, 234, 0.28);
	font: 500 12px / 1.3 var(--hba-sans);
	color: var(--hba-bone);
}

.hba-preview__ribbon-link {
	margin-left: 0.6em;
	color: var(--hba-bone);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.hba-preview__ribbon-link:hover {
	color: var(--hba-sage);
}

.hba-preview__rail {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 14px;
	margin-top: 18px;
}

.hba-preview__rail > .block-editor-inner-blocks > .block-editor-block-list__layout,
.hba-preview__rail > .block-editor-block-list__layout {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 14px;
}

.hba-preview__thumb,
.wp-block-habit-preview-lesson {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: left;
	cursor: pointer;
	color: inherit;
	font: inherit;
	opacity: 0.72;
}

.hba-preview__thumb:hover,
.hba-preview__thumb:focus-visible,
.hba-preview__thumb.is-active {
	opacity: 1;
}

.hba-preview__thumb-media {
	aspect-ratio: 16 / 9;
	position: relative;
}

.hba-preview__thumb.is-active .hba-preview__thumb-media {
	box-shadow: inset 0 0 0 2px var(--hba-sage);
}

.hba-preview__thumb-pillar,
.wp-block-habit-preview-lesson .hba-preview__thumb-pillar {
	margin: 10px 0 0;
	font: 600 11px / 1.3 var(--hba-sans);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--hba-sage);
}

.hba-preview__thumb-title,
.wp-block-habit-preview-lesson .hba-preview__thumb-title {
	margin: 6px 0 0;
	font: 400 16px / 1.3 var(--hba-serif);
	color: var(--hba-bone);
}

.hba-preview__thumb-meta,
.wp-block-habit-preview-lesson .hba-preview__thumb-meta {
	margin: 6px 0 0;
	font: 500 12px / 1.3 var(--hba-sans);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(245, 241, 234, 0.6);
}

.hba-preview__rail .wp-block-habit-button {
	grid-column: 1 / -1;
	justify-self: start;
	margin-top: 8px;
}

.hba-preview__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 24px;
	margin-top: 26px;
	padding-top: 26px;
	border-top: 1px solid rgba(245, 241, 234, 0.18);
}

.hba-preview__note {
	margin: 0;
	font: 400 15px / 1.5 var(--hba-sans);
	color: rgba(245, 241, 234, 0.66);
	max-width: 42ch;
}

.hba-preview > .hba-wrap > .hba-preview__note {
	margin-top: 26px;
}

/* US-013 pricing */
.hba-pricing .hba-h2 {
	max-width: 22ch;
}

.hba-pricing__lede {
	margin: 18px 0 0;
	max-width: 56ch;
	font: 400 18px / 1.6 var(--hba-sans);
	color: var(--hba-ink-2);
}

.hba-pricing__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: clamp(16px, 2vw, 28px);
	align-items: stretch;
	margin-top: clamp(36px, 5vw, 56px);
}

.hba-pricing__grid > .block-editor-inner-blocks > .block-editor-block-list__layout,
.hba-pricing__grid > .block-editor-block-list__layout {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: clamp(16px, 2vw, 28px);
	align-items: stretch;
}

.hba-plan,
.wp-block-habit-plan {
	display: flex;
	flex-direction: column;
	gap: 22px;
	padding: clamp(28px, 3vw, 40px);
	background: var(--hba-bone-2);
	border: 1px solid var(--hba-rule);
}

.hba-plan--ink,
.wp-block-habit-plan.hba-plan--ink {
	background: var(--hba-ink);
	color: var(--hba-bone);
	border: 0;
}

.hba-pricing__grid > .hba-plan:first-child .hba-btn,
.hba-pricing__grid > .hba-plan:last-child .hba-btn,
.hba-pricing__grid > .wp-block-habit-plan:first-child .hba-btn,
.hba-pricing__grid > .wp-block-habit-plan:last-child .hba-btn,
.hba-pricing__grid .block-editor-block-list__layout > .wp-block-habit-plan:first-child .hba-btn,
.hba-pricing__grid .block-editor-block-list__layout > .wp-block-habit-plan:last-child .hba-btn {
	margin-top: auto;
}

.hba-plan .hba-pill,
.hba-journey-stage .hba-pill {
	align-self: flex-start;
	padding: 4px 9px;
	font: 600 9px / 1 var(--hba-sans);
	letter-spacing: 0.16em;
}

.hba-plan__label,
.hba-plan .hba-plan__label {
	margin: 0;
	font: 500 11px / 1 var(--hba-sans);
	letter-spacing: 0.22em;
	text-transform: uppercase;
}

.hba-plan__price-row {
	margin: 0;
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.hba-plan__price {
	font: 400 44px / 1 var(--hba-serif);
}

.hba-plan__suffix {
	font: 400 14px / 1 var(--hba-sans);
	letter-spacing: 0.06em;
	color: var(--hba-mute);
}

.hba-plan--ink .hba-plan__suffix {
	color: rgba(245, 241, 234, 0.7);
}

.hba-plan__tagline {
	margin: 0;
	font: italic 400 20px / 1.3 var(--hba-serif);
	color: var(--hba-olive);
}

.hba-plan--ink .hba-plan__tagline {
	color: var(--hba-sage);
}

.hba-plan__best {
	margin: 0;
	font: 400 15px / 1.65 var(--hba-sans);
}

.hba-plan__best-lead {
	font-weight: 600;
	color: var(--hba-ink);
}

.hba-plan--ink .hba-plan__best-lead {
	color: var(--hba-bone);
}

.hba-plan__features ul,
.hba-plan .wp-block-list,
.hba-plan-group .wp-block-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 9px;
	font: 400 14px / 1.5 var(--hba-sans);
	color: var(--hba-ink-2);
}

.hba-plan--ink .hba-plan__features ul,
.hba-plan--ink .wp-block-list {
	color: rgba(245, 241, 234, 0.86);
}

.hba-plan__features strong,
.hba-plan-group strong {
	color: var(--hba-olive);
	font-weight: 600;
}

.hba-plan__footnote strong {
	color: inherit;
	font-weight: 600;
}

.hba-plan-group__title {
	margin: 0 0 12px;
	font: 600 11px / 1.3 var(--hba-sans);
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.hba-plan__footnote {
	margin: 0;
	padding-top: 18px;
	border-top: 1px solid rgba(25, 23, 19, 0.16);
	font: 400 13px / 1.6 var(--hba-sans);
	color: var(--hba-mute);
}

.hba-plan--ink .hba-plan__footnote {
	border-top-color: rgba(245, 241, 234, 0.18);
	color: rgba(245, 241, 234, 0.66);
}

.hba-plan__inset {
	margin: 0;
	padding: 18px;
	background: rgba(245, 241, 234, 0.08);
	border: 1px solid rgba(245, 241, 234, 0.18);
	font: 400 14px / 1.5 var(--hba-sans);
}

.hba-pricing__closer {
	margin: clamp(32px, 4vw, 48px) auto 0;
	max-width: 64ch;
	text-align: center;
	font: 400 14px / 1.7 var(--hba-sans);
	color: var(--hba-mute);
}

/* US-014 journey */
.hba-journey__lede {
	margin: 16px 0 0;
	max-width: 46ch;
	font: 400 18px / 1.6 var(--hba-sans);
	color: var(--hba-ink-2);
}

.hba-journey__table-wrap {
	overflow-x: auto;
	margin-top: clamp(32px, 4vw, 48px);
}

.hba-journey__table {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 2px;
	min-width: 900px;
	background: rgba(25, 23, 19, 0.12);
}

.hba-journey__table > .block-editor-inner-blocks,
.hba-journey__table > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: contents;
}

.hba-journey__table .wp-block-habit-journey-step {
	grid-column: 1 / -1;
	max-width: none;
	width: 100%;
	background: var(--hba-bone);
}

.hba-journey__table .wp-block-habit-journey-stage + .wp-block-habit-journey-step {
	margin-top: clamp(36px, 5vw, 56px);
}

.hba-journey-stage,
.wp-block-habit-journey-stage {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 24px 20px;
	margin: 0;
	background: var(--hba-bone-2);
}

.hba-journey-stage--ink,
.wp-block-habit-journey-stage.hba-journey-stage--ink {
	background: var(--hba-ink);
	color: var(--hba-bone);
}

.hba-journey-stage__label {
	margin: 0;
	font: 600 12px / 1.3 var(--hba-sans);
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.hba-journey-stage__price-row {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px;
}

.hba-journey-stage__price {
	font: 400 26px / 1 var(--hba-serif);
}

.hba-journey-stage__price--tbc {
	color: var(--hba-taupe);
}

.hba-journey-stage__suffix {
	font: 400 12px / 1 var(--hba-sans);
	color: var(--hba-mute);
}

.hba-journey-stage--ink .hba-journey-stage__suffix {
	color: rgba(245, 241, 234, 0.66);
}

.hba-journey-stage__text {
	margin: 0;
	font: 400 14px / 1.6 var(--hba-sans);
	color: var(--hba-mute);
}

.hba-journey-stage--ink .hba-journey-stage__text {
	color: rgba(245, 241, 234, 0.72);
}

.hba-journey__steps {
	max-width: 820px;
	margin-top: clamp(36px, 5vw, 56px);
}

.hba-journey-step,
.wp-block-habit-journey-step {
	display: grid;
	grid-template-columns: 60px 1fr;
	gap: 20px;
	padding: 24px 0;
	border-top: 1px solid rgba(25, 23, 19, 0.12);
}

.hba-journey__steps > .hba-journey-step:last-child,
.hba-journey__table .wp-block-habit-journey-step:last-of-type {
	border-bottom: 1px solid rgba(25, 23, 19, 0.12);
}

.hba-journey-step__num {
	margin: 0;
	font: 400 30px / 1 var(--hba-serif);
	color: var(--hba-numeral);
}

.hba-journey-step__title {
	margin: 0;
	font: 600 13px / 1.4 var(--hba-sans);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.hba-journey-step__text {
	margin: 10px 0 0;
	font: 400 16px / 1.6 var(--hba-sans);
	color: var(--hba-mute);
}

.hba-journey-step__options {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	margin-top: 16px;
}

.hba-journey-step__options .hba-card {
	margin: 0;
	font: 600 12px / 1.4 var(--hba-sans);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hba-journey__closer {
	margin: 34px 0 0;
	max-width: 28ch;
	font: 400 clamp(24px, 2.6vw, 36px) / 1.2 var(--hba-serif);
}

/* US-015 origin */
.hba-origin__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: clamp(28px, 4vw, 56px);
	align-items: start;
}

.hba-origin__copy {
	display: flex;
	flex-direction: column;
	gap: 18px;
	max-width: 54ch;
}

.hba-origin__copy > p:not(.hba-pull-line):not(.wp-block-habit-pull-line),
.hba-origin__copy .block-editor-block-list__layout > .wp-block-paragraph {
	margin: 0;
	font: 400 17px / 1.68 var(--hba-sans);
	color: var(--hba-ink-2);
}

.hba-origin__copy > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.hba-pull-line,
.wp-block-habit-pull-line,
.hba-origin__copy > .hba-pull-line,
.hba-origin__copy > .wp-block-habit-pull-line {
	margin: 0;
	font: 400 clamp(24px, 2.6vw, 34px) / 1.25 var(--hba-serif);
	color: var(--hba-ink);
}

.hba-origin__copy > p:not(.hba-pull-line):last-of-type,
.hba-origin__copy .block-editor-block-list__layout > .wp-block-paragraph:last-of-type {
	padding-top: 20px;
	border-top: 1px solid rgba(25, 23, 19, 0.16);
	color: var(--hba-ink);
}

.hba-origin__media {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* US-016 testimonials */
.hba-testimonials .hba-h2 {
	max-width: 26ch;
}

.hba-testimonials__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 2px;
	margin-top: clamp(32px, 4vw, 48px);
	background: rgba(25, 23, 19, 0.12);
}

.hba-testimonials__grid > .block-editor-inner-blocks > .block-editor-block-list__layout,
.hba-testimonials__grid > .block-editor-block-list__layout {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 2px;
	background: rgba(25, 23, 19, 0.12);
}

.hba-testimonial,
.wp-block-habit-testimonial {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 18px;
	min-height: 190px;
	margin: 0;
	padding: 28px 24px;
	background: var(--hba-bone);
	border: 0;
}

.hba-testimonial__slot,
.hba-testimonial__quote {
	margin: 0;
	font: 400 22px / 1.3 var(--hba-serif);
	color: var(--hba-taupe-2);
}

.hba-testimonial__quote {
	color: var(--hba-ink);
}

.hba-testimonial__brief,
.hba-testimonial__meta {
	margin: 0;
	font: 500 11px / 1.7 var(--hba-sans);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--hba-mute);
}

.hba-testimonials__strip {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 10px;
	margin-top: 28px;
}

.hba-testimonials__strip .hba-media {
	aspect-ratio: 1 / 1;
}

/* US-017 FAQ */
.hba-faq.hba-section {
	padding-top: 0;
}

.hba-faq__col {
	max-width: 900px;
}

.hba-faq .hba-h2 {
	margin-bottom: clamp(28px, 4vw, 48px);
}

.hba-faq-item,
.wp-block-habit-faq-item {
	margin: 0;
	border-top: 1px solid var(--hba-rule);
}

.hba-faq__col > .hba-faq-item:last-child,
.hba-faq__col > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-habit-faq-item:last-of-type {
	border-bottom: 1px solid var(--hba-rule);
}

.hba-faq-item summary {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	padding: 22px 0;
	font: 600 16px / 1.4 var(--hba-sans);
	color: var(--hba-ink);
	cursor: pointer;
	list-style: none;
}

.hba-faq-item summary::-webkit-details-marker {
	display: none;
}

.hba-faq-item summary::after {
	content: "＋";
	color: var(--hba-taupe);
	font-weight: 400;
	flex-shrink: 0;
}

.hba-faq-item__answer {
	margin: 0 0 24px;
	max-width: 64ch;
	font: 400 16px / 1.7 var(--hba-sans);
	color: var(--hba-mute);
}

/* US-018 final CTA */
.hba-final-cta__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: clamp(28px, 4vw, 64px);
	align-items: center;
}

.hba-final-cta .hba-h2 {
	max-width: 22ch;
	color: var(--hba-bone);
}

.hba-final-cta__lines {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 24px;
}

.hba-final-cta__lines p,
.hba-final-cta__copy .block-editor-block-list__layout > .wp-block-paragraph {
	margin: 0;
	font: 400 18px / 1.5 var(--hba-sans);
	color: rgba(245, 241, 234, 0.8);
}

.hba-final-cta__accent {
	margin: 24px 0 0;
	font: 400 18px / 1.5 var(--hba-sans);
	color: var(--hba-sage);
}

.hba-final-cta__offer {
	margin: 16px 0 0;
	font: 400 17px / 1.6 var(--hba-sans);
	color: rgba(245, 241, 234, 0.8);
}

.hba-final-cta__offer strong {
	color: var(--hba-bone);
	font-weight: 600;
}

.hba-final-cta__copy .hba-btn {
	margin-top: 24px;
}

.hba-final-cta__link,
a.hba-final-cta__link,
html.hba-canvas a.hba-final-cta__link {
	display: inline-block;
	margin-top: 14px;
	color: rgba(245, 241, 234, 0.8);
	text-decoration: none;
	border-bottom: 1px solid rgba(245, 241, 234, 0.4);
	padding-bottom: 2px;
}

html.hba-canvas a.hba-final-cta__link:hover {
	color: var(--hba-bone);
}

.hba-final-cta__signoff {
	margin: 26px 0 0;
	font: 400 22px / 1.3 var(--hba-serif);
	color: rgba(245, 241, 234, 0.7);
}

.hba-final-cta__copy {
	padding-bottom: 96px;
}

.hba-final-cta__media {
	aspect-ratio: 3 / 4;
}

/* US-019 footer */
.hba-footer {
	background: var(--hba-ink);
	border-top: 1px solid rgba(245, 241, 234, 0.16);
	padding: 28px var(--hba-gutter);
}

.hba-footer__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.hba-footer__wordmark {
	margin: 0;
	font: 500 11px / 1 var(--hba-sans);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(245, 241, 234, 0.55);
}

.hba-footer__meta {
	margin: 0;
	font: 400 13px / 1.4 var(--hba-sans);
	color: rgba(245, 241, 234, 0.55);
}

/* US-020 sticky CTA */
.hba-sticky {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	background: var(--hba-ink);
	border-top: 1px solid rgba(245, 241, 234, 0.18);
	padding: 12px clamp(16px, 4vw, 40px);
	transform: translateY(120%);
	transition: transform 260ms ease;
}

.hba-sticky.is-shown {
	transform: translateY(0);
}

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

.hba-sticky__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 20px;
	max-width: var(--hba-wrap);
	margin-inline: auto;
}

.hba-sticky__text {
	margin: 0;
	font: 400 14px / 1.4 var(--hba-sans);
	color: rgba(245, 241, 234, 0.78);
}

.hba-sticky__text strong {
	color: var(--hba-bone);
	font-weight: 600;
}

.editor-styles-wrapper .hba-sticky,
.block-editor-block-list__block.hba-sticky {
	position: relative;
	transform: none;
}

.editor-styles-wrapper .hba-sticky__inner > .block-editor-inner-blocks,
.editor-styles-wrapper .hba-sticky__inner > .block-editor-inner-blocks > .block-editor-block-list__layout,
.block-editor-block-list__block.hba-sticky .hba-sticky__inner > .block-editor-inner-blocks,
.block-editor-block-list__block.hba-sticky .hba-sticky__inner > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: contents;
}

/* Editor canvas: flatten InnerBlocks chrome and regroup consecutive child types
   so the canvas matches PHP render wrappers. :has(.block-editor-inner-blocks)
   keeps these rules off the front. */

.hba-proof-bar__grid:has(> .block-editor-inner-blocks),
.hba-differentiators__grid:has(> .block-editor-inner-blocks),
.hba-pricing__grid:has(> .block-editor-inner-blocks),
.hba-testimonials__grid:has(> .block-editor-inner-blocks) {
	display: block;
	background: transparent;
	gap: 0;
}

.hba-relief__copy:has(> .block-editor-inner-blocks) {
	display: flex;
	flex-direction: column;
}

.hba-relief__copy:has(> .block-editor-inner-blocks) > .block-editor-inner-blocks,
.hba-relief__copy:has(> .block-editor-inner-blocks) > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: contents;
}

.hba-relief__copy:has(> .block-editor-inner-blocks) > .block-editor-inner-blocks {
	order: 2;
}

.hba-relief__copy:has(> .block-editor-inner-blocks) > .hba-h2 {
	order: 1;
}

.hba-relief__copy:has(> .block-editor-inner-blocks) .wp-block-habit-relief-line {
	order: 2;
}

.hba-relief__copy:has(> .block-editor-inner-blocks) .hba-relief__statement {
	order: 3;
}

.hba-relief__copy:has(> .block-editor-inner-blocks) .wp-block-paragraph {
	order: 4;
	margin-top: 0;
}

.hba-relief__copy:has(> .block-editor-inner-blocks) .wp-block-habit-relief-line:first-of-type {
	margin-top: 34px;
}

.hba-relief__copy:has(> .block-editor-inner-blocks) .wp-block-paragraph + .wp-block-paragraph {
	margin-top: 14px;
}

.hba-relief__copy:has(> .block-editor-inner-blocks) .hba-relief__statement + .wp-block-paragraph,
.hba-relief__copy:has(> .block-editor-inner-blocks) .wp-block-habit-relief-line + .wp-block-paragraph {
	margin-top: 24px;
}

.hba-relief__copy:has(> .block-editor-inner-blocks) > p:has(.hba-relief__cta) {
	order: 5;
}

.hba-progress__grid:has(.block-editor-inner-blocks) {
	display: block;
}

.hba-progress__copy:has(> .block-editor-inner-blocks) {
	display: grid;
	grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr);
	gap: clamp(32px, 5vw, 72px);
	align-items: start;
}

.hba-progress__copy:has(> .block-editor-inner-blocks) > .block-editor-inner-blocks,
.hba-progress__copy:has(> .block-editor-inner-blocks) > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: contents;
}

.hba-progress__copy:has(> .block-editor-inner-blocks) > .hba-h2,
.hba-progress__copy:has(> .block-editor-inner-blocks) .wp-block-paragraph {
	grid-column: 1;
}

.hba-progress__copy:has(> .block-editor-inner-blocks) > .hba-h2 + .wp-block-paragraph,
.hba-progress__copy:has(> .block-editor-inner-blocks) .wp-block-paragraph:first-of-type {
	margin-top: 24px;
}

.hba-progress__copy:has(> .block-editor-inner-blocks) .wp-block-paragraph + .wp-block-paragraph {
	margin-top: 14px;
}

.hba-progress__copy:has(> .block-editor-inner-blocks) .wp-block-habit-progress-item {
	grid-column: 2;
}

.hba-community > .hba-wrap > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 2px;
	margin-top: 28px;
	background: transparent;
}

.hba-community > .hba-wrap > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-paragraph {
	flex: 1 1 100%;
	grid-column: auto;
	padding: 0;
	background: transparent;
}

.hba-community > .hba-wrap > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-paragraph + .wp-block-paragraph {
	margin-top: 16px;
}

.hba-community > .hba-wrap > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-habit-community-card {
	flex: 1 1 calc(33.333% - 2px);
	min-width: 240px;
	box-shadow: 0 0 0 1px rgba(245, 241, 234, 0.16);
}

.hba-community > .hba-wrap > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-habit-community-card + .wp-block-paragraph {
	margin-top: clamp(40px, 5vw, 72px);
}

.hba-plan > .hba-plan__features:has(> .block-editor-inner-blocks),
.hba-plan > .hba-plan__features:has(> .block-editor-inner-blocks) > .block-editor-inner-blocks,
.hba-plan > .hba-plan__features:has(> .block-editor-inner-blocks) > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: contents;
}

.hba-plan:has(.block-editor-inner-blocks) .hba-plan__footnote {
	order: 2;
}

.hba-plan:has(.block-editor-inner-blocks) .wp-block-habit-button {
	order: 3;
}

.hba-plan:has(.block-editor-inner-blocks) .hba-plan__inset {
	order: 4;
}

.hba-preview .hba-wrap:has(> .hba-preview__rail .block-editor-inner-blocks) {
	display: block;
}

.hba-preview__rail:has(> .block-editor-inner-blocks) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 14px;
	margin-top: 18px;
}

.hba-preview__rail:has(> .block-editor-inner-blocks) > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 14px;
}

.hba-preview .hba-wrap:has(> .hba-preview__rail .block-editor-inner-blocks) > .hba-preview__foot {
	grid-column: auto;
	order: 0;
	width: 100%;
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.hba-preview .hba-wrap:has(> .hba-preview__rail .block-editor-inner-blocks) .wp-block-habit-button {
	grid-column: 1 / -1;
	order: 0;
	justify-self: end;
	align-self: auto;
	margin-top: 26px;
	padding-top: 26px;
	border-top: 1px solid rgba(245, 241, 234, 0.18);
}

.hba-final-cta__copy:has(.block-editor-inner-blocks) {
	display: flex;
	flex-direction: column;
	padding-bottom: 0;
}

.hba-final-cta__copy:has(.block-editor-inner-blocks) > .hba-final-cta__lines,
.hba-final-cta__copy:has(.block-editor-inner-blocks) > .hba-final-cta__lines > .block-editor-inner-blocks,
.hba-final-cta__copy:has(.block-editor-inner-blocks) > .hba-final-cta__lines > .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: contents;
}

.hba-final-cta__copy:has(.block-editor-inner-blocks) > .hba-h2 {
	order: 1;
}

.hba-final-cta__copy:has(.block-editor-inner-blocks) .wp-block-paragraph {
	order: 2;
}

.hba-final-cta__copy:has(.block-editor-inner-blocks) > .hba-h2 + .wp-block-paragraph {
	margin-top: 24px;
}

.hba-final-cta__copy:has(.block-editor-inner-blocks) .wp-block-paragraph + .wp-block-paragraph {
	margin-top: 6px;
}

.hba-final-cta__copy:has(.block-editor-inner-blocks) > .hba-final-cta__accent {
	order: 3;
}

.hba-final-cta__copy:has(.block-editor-inner-blocks) > .hba-final-cta__offer {
	order: 4;
}

.hba-final-cta__copy:has(.block-editor-inner-blocks) .wp-block-habit-button {
	order: 5;
}

.hba-final-cta__copy:has(.block-editor-inner-blocks) > p:has(.hba-final-cta__link) {
	order: 6;
}

.hba-final-cta__copy:has(.block-editor-inner-blocks) > .hba-final-cta__signoff {
	order: 7;
}