/*
 * Norah meditation and reviews layout, version 1.10.0.
 *
 * Owner content round (27 August 2026): the new Meditation section with its
 * detail cards and the four meditation feedback cards, plus the crystal
 * guidance feedback block after the offer section. All graph content is
 * native Bricks elements; this layer only supplies the arrangement.
 *
 * 1.1.0 owner layout rule: long text never sits in slim multi-column
 * arrangements. Detail cards are full-width rows; quotes stack full-width.
 *
 * 1.2.0 review arrangement follows the owner's reference: reviews sit
 * staggered left and right in two columns as floating editorial quotes with
 * large decorative quotation marks — in Norah colors and typography only.
 * The glass card treatment is removed from quotes; detail cards keep it.
 *
 * 1.2.1 widens the meditation column so the staggered quote columns keep a
 * generous measure; prose elements carry their own 62ch limit.
 *
 * 1.2.2 releases the meditation column cap entirely: the staggered quote
 * columns span the full page shell (roughly 50ch per column at desktop
 * widths), prose keeps its own measure, and the column gap tightens.
 *
 * 1.3.0 lets crystal-guidance quotes keep their authored paragraph breaks:
 * each paragraph gets its own grid row instead of sharing one grid area.
 *
 * 1.4.0 applies the owner review pass to the generated Bricks IDs: the hero
 * title, meditation composition, why-point alignment, contact control, and
 * footer rhythm now share one final responsive override layer.
 *
 * 1.5.0 introduced a separate italic review face; 1.8.0 returns review prose
 * to the established Ysabeau display family so names and prose belong to one
 * visual voice.
 *
 * 1.6.0 keeps the meditation narrative in the left track, lifts the entry
 * cards and CTA into the right track, and gives the site's controls one
 * compact, luxurious motion treatment.
 *
 * 1.7.0 moves the entry heading and trial copy into the left reading order;
 * the right track is reserved for the three cards and CTA.
 *
 * 1.8.0 makes review prose smaller and italic, keeps reviewer names larger,
 * bolder, and above the prose, and leaves quotation marks to the blue CSS
 * ornaments rather than the authored text.
 *
 * 1.9.0 makes "Dein Einstieg" a second eyebrow in the left reading column
 * and removes the older conflicting right-column fallback.
 *
 * 1.10.0 moves the meditation CTA into that left-column entry block while
 * keeping the detail cards in the right track.
 */

@import url("./norah-canonical-glass.css?ver=1.1.0");

/* Meditation section: an editorial text stack with card groups. */
body.norah-geometry-v1 .norah-home .norah-meditation__inner {
	display: grid;
	gap: 0;
}

body.norah-geometry-v1 .norah-home .norah-meditation-title {
	color: var(--norah-stone);
	max-width: 22ch;
}

body.norah-geometry-v1 .norah-home .norah-meditation-lead,
body.norah-geometry-v1 .norah-home .norah-meditation-fit,
body.norah-geometry-v1 .norah-home .norah-meditation-start-text {
	color: var(--norah-stone);
	max-width: 62ch;
}

body.norah-geometry-v1 .norah-home .norah-meditation-eyebrow {
	color: var(--norah-stone);
}

body.norah-geometry-v1 .norah-home .norah-meditation-start-title,
body.norah-geometry-v1 .norah-home .norah-meditation-reviews-title {
	color: var(--norah-stone);
	margin-bottom: 1.6rem;
}

body.norah-geometry-v1 .norah-home .norah-meditation-start-text {
	margin-bottom: 2.4rem;
}

/* Detail cards: full-width rows — title left, long text on a wide measure. */
body.norah-geometry-v1 .norah-home .norah-meditation__cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.6rem;
	margin-block: 2.4rem 3.2rem;
}

body.norah-geometry-v1 .norah-home .norah-meditation__card {
	display: grid;
	grid-template-columns: minmax(12rem, 0.32fr) minmax(0, 1fr);
	gap: 1.6rem;
	align-items: baseline;
	padding: 2.8rem 3.2rem;
	border: 1px solid rgba(255, 255, 255, 0.68);
	border-radius: 24px;
	background-color: rgba(246, 243, 237, 0.16);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(246, 243, 237, 0.06)) !important;
	box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.56), inset -1px -1px 0 rgba(71, 75, 72, 0.05), 0 1rem 2.4rem rgba(71, 75, 72, 0.1);
	-webkit-backdrop-filter: blur(14px) saturate(115%);
	backdrop-filter: blur(14px) saturate(115%);
}

body.norah-geometry-v1 .norah-home .norah-meditation__card h4 {
	color: var(--norah-ink);
	margin: 0;
}

body.norah-geometry-v1 .norah-home .norah-meditation__card p {
	color: var(--norah-stone);
	margin: 0;
	max-width: 58ch;
}

body.norah-geometry-v1 .norah-home .norah-meditation-cta {
	justify-self: start;
	margin-bottom: 4.8rem;
}

/* Meditation feedbacks: staggered left/right floating quotes. */
body.norah-geometry-v1 .norah-home .norah-meditation__reviews {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: clamp(3rem, 4vw, 5rem);
	row-gap: 6.4rem;
	align-items: start;
}

body.norah-geometry-v1 .norah-home .norah-meditation__review {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	column-gap: 1.6rem;
	align-items: center;
	row-gap: 2rem;
}

body.norah-geometry-v1 .norah-home .norah-meditation__review::before {
	content: "\201C";
	grid-row: 1;
	grid-column: 1;
	font-family: var(--norah-font-display);
	font-size: 6.4rem;
	line-height: 0.55;
	color: var(--norah-sky);
	translate: 0 0.18em;
}

body.norah-geometry-v1 .norah-home .norah-meditation__review::after {
	content: "\201D";
	grid-row: 3;
	grid-column: 2;
	justify-self: end;
	font-family: var(--norah-font-display);
	font-size: 6.4rem;
	line-height: 0.4;
	color: var(--norah-sky);
}

body.norah-geometry-v1 .norah-home .norah-meditation__review-cite {
	grid-row: 1;
	grid-column: 2;
	font-family: var(--norah-font-display);
	font-size: 2.2rem;
	color: var(--norah-ink);
}

body.norah-geometry-v1 .norah-home .norah-meditation__review-text {
	grid-row: 2;
	grid-column: 1 / -1;
	color: var(--norah-stone);
	line-height: 1.7;
	margin: 0;
}

body.norah-geometry-v1 .norah-home .norah-meditation__review:nth-child(even) {
	margin-top: 6.4rem;
}

/* Crystal guidance feedback: the same floating quote language, staggered. */
body.norah-geometry-v1 .norah-home .norah-crystal-review__inner {
	display: grid;
	gap: 0;
}

body.norah-geometry-v1 .norah-home .norah-crystal-review-title {
	color: var(--norah-stone);
	max-width: 22ch;
}

body.norah-geometry-v1 .norah-home .norah-crystal-review-eyebrow {
	color: var(--norah-stone);
}

body.norah-geometry-v1 .norah-home .norah-crystal-review__reviews {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: clamp(3rem, 4vw, 5rem);
	row-gap: 6.4rem;
	align-items: start;
	margin-top: 4.8rem;
}

body.norah-geometry-v1 .norah-home .norah-crystal-review__card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	column-gap: 1.6rem;
	align-items: center;
	row-gap: 2rem;
}

body.norah-geometry-v1 .norah-home .norah-crystal-review__card::before {
	content: "\201C";
	grid-row: 1;
	grid-column: 1;
	font-family: var(--norah-font-display);
	font-size: 6.4rem;
	line-height: 0.55;
	color: var(--norah-sky);
	translate: 0 0.18em;
}

body.norah-geometry-v1 .norah-home .norah-crystal-review__card::after {
	content: "\201D";
	grid-row: auto;
	grid-column: 2;
	justify-self: end;
	font-family: var(--norah-font-display);
	font-size: 6.4rem;
	line-height: 0.4;
	color: var(--norah-sky);
}

body.norah-geometry-v1 .norah-home .norah-crystal-review__card > p:not(.norah-crystal-review__cite) {
	grid-row: auto;
	grid-column: 1 / -1;
	color: var(--norah-stone);
	line-height: 1.7;
	margin: 0;
}

body.norah-geometry-v1 .norah-home .norah-crystal-review__cite {
	grid-row: auto;
	grid-column: 1;
	font-family: var(--norah-font-display);
	font-size: 2.2rem;
	color: var(--norah-ink);
}

body.norah-geometry-v1 .norah-home .norah-crystal-review__card:nth-child(even) {
	margin-top: 6.4rem;
}

@media (max-width: 70rem) {
	body.norah-geometry-v1 .norah-home .norah-meditation__reviews,
	body.norah-geometry-v1 .norah-home .norah-crystal-review__reviews {
		grid-template-columns: minmax(0, 1fr);
	}

	body.norah-geometry-v1 .norah-home .norah-meditation__review:nth-child(even),
	body.norah-geometry-v1 .norah-home .norah-crystal-review__card:nth-child(even) {
		margin-top: 0;
	}
}

@media (max-width: 52rem) {
	body.norah-geometry-v1 .norah-home .norah-meditation__card {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.8rem;
	}

	body.norah-geometry-v1 .norah-home .norah-meditation__review::before,
	body.norah-geometry-v1 .norah-home .norah-meditation__review::after,
	body.norah-geometry-v1 .norah-home .norah-crystal-review__card::before,
	body.norah-geometry-v1 .norah-home .norah-crystal-review__card::after {
		font-size: 4.4rem;
	}
}

/* Owner review pass: the Bricks graph uses IDs for most content elements. */

/* Give the hero title the broad editorial measure shown by the two-column art. */
body.norah-geometry-v1 .norah-home #brxe-norah-hero-title {
	max-width: 20ch;
}

/* Meditation: left narrative column, right entry/cards column. */
body.norah-geometry-v1 .norah-home #brxe-norah-meditation-shell {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: clamp(4rem, 6vw, 8rem);
	row-gap: 0;
	align-items: start;
}

body.norah-geometry-v1 .norah-home #brxe-norah-meditation-eyebrow {
	grid-column: 1 / -1;
}

body.norah-geometry-v1 .norah-home #brxe-norah-meditation-title {
	grid-column: 1;
	grid-row: 2;
	width: 100%;
	max-width: 22ch;
	margin-bottom: 2.8rem;
	color: var(--norah-stone);
}

body.norah-geometry-v1 .norah-home #brxe-norah-meditation-lead,
body.norah-geometry-v1 .norah-home #brxe-norah-meditation-fit {
	grid-column: 1;
	width: 100%;
	max-width: 62ch;
	color: var(--norah-stone);
}

body.norah-geometry-v1 .norah-home #brxe-norah-meditation-lead {
	grid-row: 3;
}

body.norah-geometry-v1 .norah-home #brxe-norah-meditation-fit {
	grid-row: 4;
	margin-bottom: 0;
}

body.norah-geometry-v1 .norah-home #brxe-norah-meditation-start-title {
	grid-column: 1;
	grid-row: 5;
	width: 100%;
	max-width: 62ch;
	margin-top: clamp(3.2rem, 4vw, 5.6rem);
	margin-bottom: 1.2rem;
	color: var(--norah-stone);
	font-family: var(--norah-font-body);
	font-size: max(var(--norah-demo-min-text-size), var(--norah-type-label));
	font-weight: 800;
	letter-spacing: 0.17em;
	line-height: 1.45;
	text-transform: uppercase;
}

body.norah-geometry-v1 .norah-home #brxe-norah-meditation-start-text {
	grid-column: 1;
	grid-row: 6;
	width: 100%;
	max-width: 62ch;
	margin-bottom: 0;
	color: var(--norah-stone);
}

body.norah-geometry-v1 .norah-home #brxe-norah-meditation-cards {
	grid-column: 2;
	grid-row: 4;
	width: 100%;
	max-width: none;
	grid-template-columns: minmax(0, 1fr);
	margin-block: 2.4rem 3.2rem;
}

body.norah-geometry-v1 .norah-home #brxe-norah-meditation-cta {
	grid-column: 1;
	grid-row: 7;
	justify-self: start;
	width: max-content;
	max-width: 100%;
	margin: 2.4rem 0 0;
}

/* The review heading needs a deliberate breath after the entry CTA. */
body.norah-geometry-v1 .norah-home #brxe-norah-meditation-reviews-title {
	grid-column: 1 / -1;
	grid-row: 6;
	margin-top: 4.8rem;
	margin-bottom: 1.2rem;
	color: var(--norah-stone);
}

body.norah-geometry-v1 .norah-home #brxe-norah-meditation-reviews {
	grid-column: 1 / -1;
	grid-row: 7;
	row-gap: 4.8rem;
}

/* Use the same Ysabeau name treatment as the crystal feedback block. */
body.norah-geometry-v1 .norah-home .norah-meditation__cite {
	grid-row: 1;
	grid-column: 2;
	font-family: var(--norah-font-display);
	font-size: 2.2rem;
	line-height: 1.65;
	color: var(--norah-ink);
}

body.norah-geometry-v1 .norah-home .norah-meditation__review:nth-child(even) {
	margin-top: 3.2rem;
}

/* Match the why content tracks so the cards can rise without crossing the H2. */
body.norah-geometry-v1 .norah-home #brxe-norah-why-heading {
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

body.norah-geometry-v1 .norah-home #brxe-norah-why-title {
	white-space: normal;
}

/* Align the right-hand why cards with the visual top of the left H2. */
@media (min-width: 52.01rem) {
	body.norah-geometry-v1 .norah-home #brxe-norah-why-points {
		transform: translateY(-9.2rem);
	}
}

/* The contact email is a control, not an underline stretched across the card. */
body.norah-geometry-v1 .norah-home #brxe-norah-contact-email {
	display: inline-flex;
	width: max-content;
	min-width: 0;
	max-width: 100%;
	margin-top: 2.4rem;
	padding: 1rem 1.6rem;
	justify-content: center;
	align-items: center;
	gap: 0.6rem;
	border: 1px solid var(--norah-ivory);
	border-radius: var(--norah-hv-control-radius);
	background: var(--norah-ivory);
	color: var(--norah-ink) !important;
	text-decoration: none;
}

body.norah-geometry-v1 .norah-home #brxe-norah-contact-email:hover {
	border-color: var(--norah-sky-deep);
	background: var(--norah-sky-deep);
	color: var(--norah-ivory) !important;
}

/* Trim the empty air above the footer while keeping its lower breathing room. */
body.norah-geometry-v1 .norah-home #brxe-norah-footer {
	padding-block: 3.2rem 5.6rem;
}

@media (max-width: 70rem) {
	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-shell {
		grid-template-columns: minmax(0, 1fr);
		column-gap: 0;
		row-gap: 0;
	}

	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-eyebrow,
	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-title,
	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-lead,
	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-fit,
	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-start-title,
	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-start-text,
	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-cards,
	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-cta,
	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-reviews-title,
	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-reviews {
		grid-column: auto;
		grid-row: auto;
	}

	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-reviews-title {
		margin-top: 4.8rem;
	}

	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-cta {
		grid-column: 1;
		grid-row: 7;
	}

	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-cards {
		grid-column: 1;
		grid-row: 8;
	}

	body.norah-geometry-v1 .norah-home .norah-meditation__review:nth-child(even) {
		margin-top: 0;
	}
}

@media (max-width: 52rem) {
	body.norah-geometry-v1 .norah-home #brxe-norah-why-heading {
		grid-template-columns: minmax(0, 1fr);
	}

	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-title {
		max-width: 100%;
	}

	body.norah-geometry-v1 .norah-home #brxe-norah-why-points {
		transform: none;
	}

	body.norah-geometry-v1 .norah-home #brxe-norah-contact-email {
		width: 100%;
	}
}

/* Review prose and names share Ysabeau, with a clear size and weight hierarchy. */
body.norah-geometry-v1 .norah-home .norah-meditation__review-text,
body.norah-geometry-v1 .norah-home .norah-crystal-review__card > p:not(.norah-crystal-review__cite) {
	font-family: var(--norah-font-display);
	font-size: 1.85rem;
	font-style: italic;
	font-weight: 400;
	line-height: 1.45;
}

body.norah-geometry-v1 .norah-home .norah-meditation__review,
body.norah-geometry-v1 .norah-home .norah-crystal-review__card {
	align-items: start;
}

body.norah-geometry-v1 .norah-home .norah-meditation__cite,
body.norah-geometry-v1 .norah-home .norah-crystal-review__cite {
	grid-row: 1;
	grid-column: 2;
	align-self: start;
	position: relative;
	z-index: 1;
	margin: 0;
	font-family: var(--norah-font-display);
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.15;
	color: var(--norah-ink);
}

/* Keep the right track reserved for the controls while the entry copy stays left. */
@media (min-width: 70.01rem) {
	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-cards {
		grid-column: 2;
		grid-row: 2 / 7;
		align-self: start;
	}

	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-cta {
		grid-column: 1;
		grid-row: 7;
		align-self: start;
	}

	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-reviews-title {
		grid-row: 8;
	}

	body.norah-geometry-v1 .norah-home #brxe-norah-meditation-reviews {
		grid-row: 9;
	}
}

/* Give every primary control the same quick, soft lift and settle. */
body.norah-geometry-v1 .norah-home .norah-button,
body.norah-geometry-v1 .norah-home .norah-email-link {
	transition:
		transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
		background-color 220ms ease,
		background-image 220ms ease,
		border-color 220ms ease,
		color 220ms ease,
		box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 220ms ease;
}

/* The email control has an older transition reset that needs an explicit
 * override so it participates in the same control family. */
body.norah-geometry-v1 .norah-home .norah-email-link {
	transition:
		transform 220ms cubic-bezier(0.22, 1, 0.36, 1),
		background-color 220ms ease,
		background-image 220ms ease,
		border-color 220ms ease,
		color 220ms ease,
		box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 220ms ease !important;
}

body.norah-geometry-v1 .norah-home .norah-button:hover,
body.norah-geometry-v1 .norah-home .norah-email-link:hover {
	transform: translateY(-2px);
}

body.norah-geometry-v1 .norah-home .norah-button:active,
body.norah-geometry-v1 .norah-home .norah-email-link:active {
	transform: translateY(0) scale(0.985);
	transition-duration: 100ms;
}

body.norah-geometry-v1 .norah-home .norah-button:focus-visible,
body.norah-geometry-v1 .norah-home .norah-email-link:focus-visible {
	outline: 2px solid var(--norah-sky-deep);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	body.norah-geometry-v1 .norah-home .norah-button,
	body.norah-geometry-v1 .norah-home .norah-email-link {
		transition-duration: 0.01ms !important;
	}

	body.norah-geometry-v1 .norah-home .norah-button:hover,
	body.norah-geometry-v1 .norah-home .norah-button:active,
	body.norah-geometry-v1 .norah-home .norah-email-link:hover,
	body.norah-geometry-v1 .norah-home .norah-email-link:active {
		transform: none;
	}
}