/**
 * LHR redesign — 1:1 Consulting (/consulting/).
 * Template: page-templates/template-consulting.php. Contract tokens §1;
 * shared primitives from base.css (.lhr-container, .lhr-section,
 * .lhr-eyebrow, .lhr-label, .lhr-btn, .lhr-card, .lhr-field, .lhr-input,
 * .lhr-select). Form component grammar matches creators.css so the two
 * forms on the site read as one system.
 *
 * Everything here is scoped .lhr-cs-*. No new visual language: hairline
 * rules on cream, white cards, Playfair headings, letterspaced small caps,
 * square corners, gold accents.
 *
 * The hero has TWO finished states, not one plus a placeholder:
 *   .lhr-cs-hero--photo  a library/client photograph (contract §5b paint
 *                        pattern: bg → img → scrim, no isolation/z-index)
 *   .lhr-cs-hero--plate  no image set — a tinted band with a white hairline
 *                        plate. The client adds imagery later (11/08/2026);
 *                        until then this is the design, not a broken box.
 */

.lhr-consulting {
	--lhr-cs-error: #96412f;
}

/* ------------------------------------------------------------------
 * 1. Hero
 * ---------------------------------------------------------------- */

.lhr-cs-hero {
	position: relative;
	margin: 0;
	overflow: hidden;
}

/* --- 1a. Photo variant ------------------------------------------- */

.lhr-cs-hero--photo {
	background: var(--lhr-dark, #191713);
	color: #fff;
	padding-block: clamp(76px, 9.5vw, 132px);
}

/* Two classes so `.lhr-redesign img { height: auto }` in base.css loses. */
.lhr-cs-hero .lhr-cs-hero__photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.lhr-cs-hero__scrim {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(
		to right,
		rgba(25, 23, 19, 0.74) 0%,
		rgba(25, 23, 19, 0.46) 50%,
		rgba(25, 23, 19, 0.12) 100%
	);
}

.lhr-cs-hero__inner {
	position: relative;
	z-index: 2;
	text-align: left;
}

.lhr-cs-hero--photo .lhr-cs-hero__title {
	color: var(--lhr-cream, #f7f4ee);
}

.lhr-cs-hero--photo .lhr-cs-hero__dek {
	color: rgba(255, 255, 255, 0.8);
}

.lhr-cs-hero--photo .lhr-cs-hero__note {
	color: rgba(255, 255, 255, 0.62);
	border-top-color: rgba(255, 255, 255, 0.22);
}

.lhr-cs-hero--photo .lhr-cs-hero__link {
	color: rgba(255, 255, 255, 0.82);
}

.lhr-cs-hero--photo .lhr-cs-hero__link:hover,
.lhr-cs-hero--photo .lhr-cs-hero__link:focus-visible {
	color: var(--lhr-gold-soft, #cbb48d);
}

/* --- 1b. Plate variant (no image set) ---------------------------- */

.lhr-cs-hero--plate {
	background: var(--lhr-panel, #f1ede4);
	border-bottom: 1px solid var(--lhr-hairline, #e5dfd2);
	padding-block: clamp(48px, 6vw, 88px);
}

.lhr-cs-hero--plate .lhr-cs-hero__inner {
	max-width: 940px;
	margin-inline: auto;
	background: var(--lhr-card, #fff);
	border: 1px solid var(--lhr-hairline, #e5dfd2);
	padding: clamp(34px, 5vw, 64px);
}

/* The gold hairline that makes the plate read as intentional. */
.lhr-cs-hero--plate .lhr-cs-hero__inner::before {
	content: '';
	display: block;
	width: 56px;
	height: 2px;
	margin-bottom: 26px;
	background: var(--lhr-gold, #a9885a);
}

.lhr-cs-hero--plate .lhr-cs-hero__title {
	color: var(--lhr-ink, #22201c);
}

/* --- 1c. Shared hero typography ---------------------------------- */

.lhr-cs-hero__eyebrow {
	margin: 0 0 18px;
}

.lhr-cs-hero .lhr-cs-hero__title {
	margin: 0;
	max-width: 18ch;
	font-family: var(--lhr-font-serif, 'Playfair Display', serif);
	font-size: clamp(38px, 4.8vw, 62px);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: -0.01em;
}

.lhr-cs-hero__dek {
	margin: 22px 0 0;
	max-width: 640px;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 16.5px;
	line-height: 1.8;
	color: var(--lhr-ink-soft, #6e675c);
}

.lhr-cs-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px 32px;
	margin: 32px 0 0;
}

.lhr-cs-hero__link {
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: var(--lhr-caps-size, 11px);
	font-weight: 600;
	letter-spacing: var(--lhr-caps-track, 0.16em);
	text-transform: uppercase;
	text-decoration: none;
	color: var(--lhr-ink, #22201c);
	transition: color 200ms var(--lhr-ease, ease);
}

.lhr-cs-hero__link:hover,
.lhr-cs-hero__link:focus-visible {
	color: var(--lhr-gold, #a9885a);
}

/* The honesty line: no gateway, so say so above the fold. */
.lhr-cs-hero__note {
	max-width: 560px;
	margin: 28px 0 0;
	padding-top: 20px;
	border-top: 1px solid var(--lhr-hairline, #e5dfd2);
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 13.5px;
	line-height: 1.65;
	color: var(--lhr-ink-faint, #98917f);
}

/* ------------------------------------------------------------------
 * 2. Shared section rhythm + heading
 * ---------------------------------------------------------------- */

.lhr-consulting .lhr-section {
	padding-block: calc(var(--lhr-section, 96px) / 2);
}

.lhr-consulting .lhr-cs-cover {
	padding-top: var(--lhr-section, 96px);
}

.lhr-consulting .lhr-cs-heading {
	margin: 12px 0 clamp(26px, 3.4vw, 40px);
	max-width: 660px;
	font-family: var(--lhr-font-serif, 'Playfair Display', serif);
	font-size: clamp(28px, 3.2vw, 40px);
	font-weight: 500;
	line-height: 1.14;
	letter-spacing: -0.01em;
	color: var(--lhr-ink, #22201c);
}

/* ------------------------------------------------------------------
 * 3. What we cover — hairline-ruled rows with gold numerals
 * ---------------------------------------------------------------- */

.lhr-cs-cover__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(28px, 4vw, 56px);
}

.lhr-cs-cover__copy {
	margin: 0;
	max-width: 44ch;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 16px;
	line-height: 1.8;
	color: var(--lhr-ink-soft, #6e675c);
}

.lhr-cs-covers {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--lhr-hairline, #e5dfd2);
}

.lhr-cs-covers__row {
	display: flex;
	align-items: baseline;
	gap: clamp(16px, 2.4vw, 32px);
	padding: 20px 0;
	border-bottom: 1px solid var(--lhr-hairline, #e5dfd2);
}

.lhr-cs-covers__num {
	flex: 0 0 auto;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: var(--lhr-caps-size, 11px);
	font-weight: 600;
	letter-spacing: var(--lhr-caps-track, 0.16em);
	color: var(--lhr-gold, #a9885a);
}

.lhr-cs-covers__text {
	font-family: var(--lhr-font-serif, 'Playfair Display', serif);
	font-size: clamp(19px, 2vw, 23px);
	line-height: 1.35;
	color: var(--lhr-ink, #22201c);
}

/* ------------------------------------------------------------------
 * 4. Session cards
 * ---------------------------------------------------------------- */

.lhr-cs-sessions__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(20px, 2.6vw, 32px);
}

.lhr-consulting .lhr-cs-session {
	display: flex;
	flex-direction: column;
	padding: clamp(28px, 3.4vw, 44px);
	background: var(--lhr-card, #fff);
	border: 1px solid var(--lhr-hairline, #e5dfd2);
}

.lhr-cs-session__head {
	padding-bottom: 20px;
	border-bottom: 1px solid var(--lhr-hairline, #e5dfd2);
}

.lhr-cs-session__kicker {
	margin: 0 0 12px;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: var(--lhr-caps-size, 11px);
	font-weight: 600;
	letter-spacing: var(--lhr-caps-track, 0.16em);
	text-transform: uppercase;
	color: var(--lhr-gold, #a9885a);
}

.lhr-consulting .lhr-cs-session__name {
	margin: 0;
	font-family: var(--lhr-font-serif, 'Playfair Display', serif);
	font-size: clamp(24px, 2.6vw, 30px);
	font-weight: 500;
	line-height: 1.18;
	color: var(--lhr-ink, #22201c);
}

.lhr-cs-session__summary {
	margin: 20px 0 0;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 15.5px;
	line-height: 1.75;
	color: var(--lhr-ink-soft, #6e675c);
}

/* Price / length — small caps label above a Playfair figure. */
.lhr-cs-session__terms {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 40px;
	margin: 24px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid var(--lhr-hairline, #e5dfd2);
}

.lhr-cs-session__term {
	margin: 0;
}

.lhr-cs-session__terms dt {
	margin: 0 0 6px;
}

.lhr-cs-session__terms dd {
	margin: 0;
	font-family: var(--lhr-font-serif, 'Playfair Display', serif);
	font-size: 26px;
	line-height: 1.1;
	color: var(--lhr-ink, #22201c);
}

.lhr-cs-session__terms dd.lhr-cs-session__length {
	font-size: 20px;
}

.lhr-cs-session__listlabel {
	margin: 26px 0 12px;
}

.lhr-cs-session__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.lhr-cs-session__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 15px;
	line-height: 1.65;
	color: var(--lhr-ink-soft, #6e675c);
}

/* Gold marker — a small square keeps the geometry sharp (radius 0). */
.lhr-cs-session__tick {
	flex: 0 0 auto;
	width: 6px;
	height: 6px;
	margin-top: 9px;
	background: var(--lhr-gold, #a9885a);
}

.lhr-cs-session__foot {
	margin-top: auto;
	padding-top: 28px;
}

.lhr-consulting .lhr-cs-session__cta {
	display: inline-flex;
	justify-content: center;
	width: 100%;
}

.lhr-cs-session__note {
	margin: 12px 0 0;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 12.5px;
	line-height: 1.6;
	color: var(--lhr-ink-faint, #98917f);
}

/* ------------------------------------------------------------------
 * 5. How it works
 * ---------------------------------------------------------------- */

.lhr-cs-how__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(24px, 3vw, 40px);
}

.lhr-cs-step {
	padding-top: 22px;
	border-top: 1px solid var(--lhr-hairline, #e5dfd2);
}

.lhr-cs-step__num {
	display: block;
	margin-bottom: 14px;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: var(--lhr-caps-size, 11px);
	font-weight: 600;
	letter-spacing: var(--lhr-caps-track, 0.16em);
	color: var(--lhr-gold, #a9885a);
}

.lhr-consulting .lhr-cs-step__title {
	margin: 0 0 10px;
	font-family: var(--lhr-font-serif, 'Playfair Display', serif);
	font-size: clamp(20px, 2vw, 24px);
	font-weight: 500;
	line-height: 1.24;
	color: var(--lhr-ink, #22201c);
}

.lhr-cs-step__body {
	margin: 0;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 15.5px;
	line-height: 1.75;
	color: var(--lhr-ink-soft, #6e675c);
}

/* ------------------------------------------------------------------
 * 6. Enquiry form
 * ---------------------------------------------------------------- */

.lhr-cs-enquire {
	background: var(--lhr-panel, #f1ede4);
	border-top: 1px solid var(--lhr-hairline, #e5dfd2);
	border-bottom: 1px solid var(--lhr-hairline, #e5dfd2);
	scroll-margin-top: 110px;
}

.lhr-cs-enquire__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(32px, 4vw, 56px);
	align-items: start;
}

.lhr-cs-enquire__copy {
	margin: 0 0 28px;
	max-width: 46ch;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 16px;
	line-height: 1.8;
	color: var(--lhr-ink-soft, #6e675c);
}

/* "Before you send" — the panel that keeps the offer honest. */
.lhr-cs-panel {
	background: var(--lhr-card, #fff);
	border: 1px solid var(--lhr-hairline, #e5dfd2);
	padding: clamp(22px, 2.6vw, 30px);
}

.lhr-cs-panel .lhr-label {
	margin: 0 0 14px;
}

.lhr-cs-panel__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.lhr-cs-panel__list li {
	position: relative;
	padding-left: 18px;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--lhr-ink-soft, #6e675c);
}

.lhr-cs-panel__list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	background: var(--lhr-gold, #a9885a);
}

.lhr-cs-enquire__formcol {
	min-width: 0;
}

.lhr-cs-form {
	display: flex;
	flex-direction: column;
	gap: 22px;
	background: var(--lhr-card, #fff);
	border: 1px solid var(--lhr-hairline, #e5dfd2);
	padding: clamp(24px, 3.2vw, 40px);
}

.lhr-cs-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
}

.lhr-consulting .lhr-cs-form textarea.lhr-input {
	min-height: 150px;
	line-height: 1.7;
	resize: vertical;
}

.lhr-cs-hint {
	margin: 8px 0 0;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: var(--lhr-caps-size, 11px);
	font-weight: 600;
	letter-spacing: var(--lhr-caps-track, 0.16em);
	text-transform: uppercase;
	color: var(--lhr-ink-faint, #98917f);
}

/* Honeypot — visually hidden, still focusable-free for humans. */
.lhr-cs-hp {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.lhr-cs-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	cursor: pointer;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 14px;
	line-height: 1.55;
	color: var(--lhr-ink-soft, #6e675c);
}

.lhr-cs-check input[type='checkbox'] {
	appearance: none;
	-webkit-appearance: none;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	background: var(--lhr-card, #fff);
	border: 1px solid var(--lhr-hairline, #e5dfd2);
	border-radius: 0;
	display: inline-grid;
	place-content: center;
	cursor: pointer;
}

.lhr-cs-check input[type='checkbox']:hover {
	border-color: var(--lhr-gold-soft, #cbb48d);
}

.lhr-cs-check input[type='checkbox']:checked {
	background: var(--lhr-gold, #a9885a);
	border-color: var(--lhr-gold, #a9885a);
}

.lhr-cs-check input[type='checkbox']:checked::before {
	content: '';
	width: 9px;
	height: 5px;
	margin-top: -2px;
	border-left: 1.6px solid #fff;
	border-bottom: 1.6px solid #fff;
	transform: rotate(-45deg);
}

.lhr-cs-check input[type='checkbox']:focus-visible {
	outline: 2px solid var(--lhr-gold-soft, #cbb48d);
	outline-offset: 2px;
}

.lhr-consulting .lhr-cs-submit {
	align-self: flex-start;
}

.lhr-cs-form__note {
	margin: 0;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 12.5px;
	line-height: 1.65;
	color: var(--lhr-ink-faint, #98917f);
}

/* Errors — small caps notes, same grammar as the creators form. */
.lhr-cs-error {
	margin: 8px 0 0;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: var(--lhr-caps-size, 11px);
	font-weight: 600;
	letter-spacing: var(--lhr-caps-track, 0.16em);
	text-transform: uppercase;
	color: var(--lhr-cs-error, #96412f);
}

.lhr-cs-errors {
	border: 1px solid var(--lhr-cs-error, #96412f);
	background: var(--lhr-card, #fff);
	padding: 18px 22px;
	margin: 0 0 24px;
}

.lhr-cs-errors .lhr-eyebrow {
	color: var(--lhr-cs-error, #96412f);
	margin-bottom: 8px;
}

.lhr-cs-errors ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.lhr-cs-errors li {
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 14px;
	line-height: 1.55;
	color: var(--lhr-ink-soft, #6e675c);
}

/* Confirmation state */
.lhr-consulting .lhr-cs-done {
	max-width: 640px;
	margin-inline: auto;
	padding: clamp(32px, 4vw, 52px);
	text-align: center;
	background: var(--lhr-card, #fff);
	border: 1px solid var(--lhr-hairline, #e5dfd2);
}

.lhr-cs-done__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin-bottom: 22px;
	color: var(--lhr-gold, #a9885a);
	border: 1px solid var(--lhr-gold-soft, #cbb48d);
}

.lhr-consulting .lhr-cs-done__title {
	margin: 0 0 14px;
	font-family: var(--lhr-font-serif, 'Playfair Display', serif);
	font-size: clamp(24px, 2.8vw, 32px);
	font-weight: 500;
	line-height: 1.18;
	color: var(--lhr-ink, #22201c);
}

.lhr-cs-done__copy {
	margin: 0 0 18px;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 15.5px;
	line-height: 1.75;
	color: var(--lhr-ink-soft, #6e675c);
}

.lhr-cs-done .lhr-eyebrow {
	margin-bottom: 20px;
}

/* ------------------------------------------------------------------
 * 7. FAQ — details/summary, no JavaScript
 * ---------------------------------------------------------------- */

.lhr-cs-faq__inner {
	max-width: 860px;
}

.lhr-cs-faq__list {
	border-top: 1px solid var(--lhr-hairline, #e5dfd2);
}

.lhr-cs-faq__item {
	border-bottom: 1px solid var(--lhr-hairline, #e5dfd2);
}

.lhr-cs-faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 20px 0;
	cursor: pointer;
	list-style: none;
	font-family: var(--lhr-font-serif, 'Playfair Display', serif);
	font-size: clamp(18px, 1.9vw, 21px);
	line-height: 1.35;
	color: var(--lhr-ink, #22201c);
}

.lhr-cs-faq__q::-webkit-details-marker {
	display: none;
}

.lhr-cs-faq__q:focus-visible {
	outline: 2px solid var(--lhr-gold-soft, #cbb48d);
	outline-offset: 2px;
}

.lhr-cs-faq__qtext {
	flex: 1 1 auto;
}

/* CSS-drawn + / − so no icon font or JS is needed. */
.lhr-cs-faq__sign {
	position: relative;
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
}

.lhr-cs-faq__sign::before,
.lhr-cs-faq__sign::after {
	content: '';
	position: absolute;
	background: var(--lhr-gold, #a9885a);
	transition: opacity 200ms var(--lhr-ease, ease);
}

.lhr-cs-faq__sign::before {
	top: 6px;
	left: 0;
	width: 14px;
	height: 1.5px;
}

.lhr-cs-faq__sign::after {
	top: 0;
	left: 6px;
	width: 1.5px;
	height: 14px;
}

.lhr-cs-faq__item[open] .lhr-cs-faq__sign::after {
	opacity: 0;
}

.lhr-cs-faq__a {
	margin: 0;
	padding: 0 0 24px;
	max-width: 68ch;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 15.5px;
	line-height: 1.8;
	color: var(--lhr-ink-soft, #6e675c);
}

/* ------------------------------------------------------------------
 * 8. Cross-link back to the guides
 * ---------------------------------------------------------------- */

.lhr-cs-cross__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	align-items: end;
	padding-top: clamp(28px, 3.4vw, 44px);
	border-top: 1px solid var(--lhr-hairline, #e5dfd2);
}

.lhr-consulting .lhr-cs-cross__title {
	margin: 12px 0 10px;
	font-family: var(--lhr-font-serif, 'Playfair Display', serif);
	font-size: clamp(24px, 2.6vw, 32px);
	font-weight: 500;
	line-height: 1.18;
	color: var(--lhr-ink, #22201c);
}

.lhr-cs-cross__copy {
	margin: 0;
	max-width: 52ch;
	font-family: var(--lhr-font-sans, 'Hanken Grotesk', sans-serif);
	font-size: 15.5px;
	line-height: 1.75;
	color: var(--lhr-ink-soft, #6e675c);
}

.lhr-cs-cross__links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 32px;
	margin: 0;
}

/* ------------------------------------------------------------------
 * 9. Breakpoints
 * ---------------------------------------------------------------- */

@media (min-width: 700px) {
	.lhr-cs-row {
		grid-template-columns: 1fr 1fr;
	}

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

@media (min-width: 900px) {
	.lhr-cs-cover__grid {
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		align-items: start;
	}

	.lhr-cs-how__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.lhr-cs-cross__inner {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.lhr-cs-cross__links {
		justify-content: flex-end;
	}
}

@media (min-width: 1024px) {
	.lhr-cs-enquire__grid {
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	}

	.lhr-cs-hero--photo .lhr-cs-hero__note {
		max-width: 520px;
	}
}

/* ------------------------------------------------------------------
 * 10. Motion preference
 * ---------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	.lhr-cs-hero__link,
	.lhr-cs-faq__sign::before,
	.lhr-cs-faq__sign::after {
		transition: none;
	}
}