/* Brand Consultant only. Load after brand-consultant-palette.css.
 * Use the shared service tokens without changing other pages' components.
 */
article.ys-landing--brand_consultant #hero.brand-editorial-hero {
	--ys-service-background: var(--ys-service-navy);
	--ys-service-ink: var(--ys-service-ivory);
	--ys-service-card: transparent;
}

article.ys-landing--brand_consultant #recognition,
article.ys-landing--brand_consultant #services {
	--ys-service-background: var(--ys-service-ivory);
	--ys-service-ink: var(--ys-service-navy);
	--ys-service-card: var(--ys-service-cream);
}

article.ys-landing--brand_consultant #brand_reality_check {
	--ys-service-background: var(--ys-service-cream);
	--ys-service-ink: var(--ys-service-navy);
	--ys-service-card: var(--ys-service-ivory);
}

article.ys-landing--brand_consultant #diagnosis {
	--ys-service-background: var(--ys-service-coral);
	--ys-service-ink: var(--ys-service-cream);
	--ys-service-card: var(--ys-service-ivory);
}

article.ys-landing--brand_consultant #cost_of_inaction {
	--ys-service-background: var(--ys-service-ivory);
	--ys-service-ink: var(--ys-service-navy);
	--ys-service-card: var(--ys-service-ivory);
}

article.ys-landing--brand_consultant #final_conversion {
	--ys-service-background: var(--ys-service-coral);
	--ys-service-ink: var(--ys-service-navy);
	--ys-service-card: var(--ys-service-ivory);
}

article.ys-landing--brand_consultant #future_state {
	--ys-service-background: var(--ys-service-green);
	--ys-service-ink: var(--ys-service-ivory);
	--ys-service-card: transparent;
}

article.ys-landing--brand_consultant #why_yulia {
	--ys-service-background: var(--ys-service-lilac);
	--ys-service-ink: var(--ys-service-navy);
	--ys-service-card: var(--ys-service-ivory);
}

article.ys-landing--brand_consultant #how_i_work {
	--ys-service-background: var(--ys-service-gold);
	--ys-service-ink: var(--ys-service-navy);
	--ys-service-card: var(--ys-service-ivory);
}

article.ys-landing--brand_consultant :is(#hero, #recognition, #brand_reality_check, #diagnosis, #cost_of_inaction, #future_state, #services, #why_yulia, #how_i_work, #final_conversion) {
	background-color: var(--ys-service-background);
	background-image: none;
	color: var(--ys-service-ink);
}

/* Do not alias --brand-hero-ink/dim: the marquee consumes both. Only the
 * visible content inherits. Its existing gradient text reveal is functional.
 */
article.ys-landing--brand_consultant #hero.brand-editorial-hero :is(.brand-editorial-hero__stage, .brand-editorial-hero__problem),
article.ys-landing--brand_consultant #hero.brand-editorial-hero .brand-editorial-hero__stage :is(.brand-editorial-hero__eyebrow, .brand-editorial-hero__title, .brand-editorial-hero__line-text),
article.ys-landing--brand_consultant #hero.brand-editorial-hero .brand-editorial-hero__problem :is(.brand-editorial-hero__problem-line, .brand-editorial-hero__resolution-copy, .brand-editorial-hero__value, .ys-hero-scroll__statement-inner strong, .ys-hero-scroll__statement-inner em, .brand-editorial-hero__value em) {
	color: inherit;
}

article.ys-landing--brand_consultant #hero .brand-editorial-hero__resolution-copy em {
	font-size: max(1.4em, clamp(2rem, 4vw, 4rem));
	line-height: 1.1;
}

article#ys-landing-brand_consultant #hero em {
	color: var(--ys-service-coral);
}

article#ys-landing-brand_consultant #hero .brand-editorial-hero__problem-line em {
	font-size: clamp(2rem, 3.4vw, 3rem);
	line-height: 1.15;
}

article#ys-landing-brand_consultant #hero .brand-editorial-hero__resolution-copy {
	font-size: clamp(2.5rem, 5vw, 5rem);
	line-height: 1.1;
}

article#ys-landing-brand_consultant #hero .brand-editorial-hero__resolution-copy :is(strong, em) {
	font-size: inherit;
	line-height: inherit;
}

article.ys-landing--brand_consultant #hero .brand-editorial-hero__problem {
	background-color: var(--ys-service-background);
	background-image: none;
}

article.ys-landing--brand_consultant #hero :is(.brand-editorial-hero__vignette, .brand-editorial-hero__grain) {
	background-color: transparent;
	background-image: none;
}

/* Alias only the reveal's legacy paints, never hero/marquee variables. */
article.ys-landing--brand_consultant #hero .ys-hero-scroll__text-fill {
	--ys-bc-gold: var(--ys-service-ink);
	--ys-bc-coral: var(--ys-service-ink);
}

/* Shared component aliases are text-only where possible. Mixed-purpose
 * accent variables are left alone to preserve borders and icons.
 */
article.ys-landing--brand_consultant #recognition {
	--lw-bg: var(--ys-service-background);
	--lw-raised: var(--ys-service-card);
	--lw-paper: var(--ys-service-ink);
	--lw-ink: var(--ys-service-ink);
	--lw-ink-dim: var(--ys-service-ink);
}

article.ys-landing--brand_consultant #recognition .ys-leave-with__number {
	color: inherit;
}

article.ys-landing--brand_consultant #brand_reality_check {
	--notebook-cover: var(--ys-service-card);
	--notebook-ink: var(--ys-service-ink);
	--notebook-page: var(--ys-service-card);
	--notebook-table: var(--ys-service-background);
}

article.ys-landing--brand_consultant #brand_reality_check :is(.ys-notebook-quiz__left-page, .ys-notebook-quiz__page, .ys-notebook-quiz__cover),
article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__page-stack span {
	background-color: var(--ys-service-card);
	background-image: none;
	color: inherit;
}

article.ys-landing--brand_consultant #brand_reality_check :is(.ys-notebook-quiz__left-page, .ys-notebook-quiz__page) {
	--ys-notebook-text-gap: 3px;

	background-image: repeating-linear-gradient(
		to bottom,
		transparent 0,
		transparent calc(var(--lh) - 1px),
		var(--notebook-rule) calc(var(--lh) - 1px),
		var(--notebook-rule) var(--lh)
	);
}

/* Text advances in paper rows; JS compensates for each font's first baseline. */
article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__left-page,
article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__page-content {
	padding-block: var(--lh);
}

article.ys-landing--brand_consultant #brand_reality_check :is(.ys-notebook-quiz__page-label, .ys-notebook-quiz__recap p, .ys-notebook-quiz__page h3, .ys-notebook-quiz__answer-text, .ys-notebook-quiz__result-kicker, .ys-notebook-quiz__result-meaning, .ys-notebook-quiz__result-work, .ys-notebook-quiz__result-link) {
	line-height: var(--lh);
	translate: 0 var(--ys-notebook-baseline-shift, 0px);
}

article.ys-landing--brand_consultant #brand_reality_check :is(.ys-notebook-quiz__page-label, .ys-notebook-quiz__page h3, .ys-notebook-quiz__result-kicker, .ys-notebook-quiz__result-meaning, .ys-notebook-quiz__result-work) {
	margin-block: 0 var(--lh);
}

article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__recap {
	margin-top: 0;
}

article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__page fieldset {
	row-gap: 0;
}

article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__page .ys-notebook-quiz__result-stage {
	line-height: calc(var(--lh) * 3);
}

/* Keep the page visible through every option state; the radio indicates selection. */
article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__answer {
	background-color: transparent;
	color: inherit;
}

article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__radio {
	border-color: currentColor;
	margin-top: 0;
	outline-color: currentColor;
	translate: 0 calc(var(--ys-notebook-answer-baseline, var(--lh)) - var(--ys-notebook-answer-cap-height, 1em) * 0.5 - 50%);
}

article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__answer input:checked + .ys-notebook-quiz__radio {
	border-color: currentColor;
	box-shadow: inset 0 0 0 0.2rem var(--notebook-page), inset 0 0 0 0.55rem currentColor;
}

article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__answer-text::after {
	background-color: currentColor;
}

@media (hover: hover) and (pointer: fine) {
	article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__answer:hover .ys-notebook-quiz__answer-text {
		font-size: calc(clamp(1.05rem, 2.4cqw, 1.45rem) * 1.05);
	}
}

/* Labels keep the section ink even when their option is checked. */
article.ys-landing--brand_consultant #brand_reality_check :is(.ys-notebook-quiz__intro, .ys-notebook-quiz__page-label, .ys-notebook-quiz__status, .ys-notebook-quiz__result-link, .ys-notebook-quiz__result-kicker, .ys-notebook-quiz__result-stage, .ys-notebook-quiz__answer-text) {
	color: inherit;
}

article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__spine {
	background-color: var(--ys-service-background);
	background-image: none;
}

article.ys-landing--brand_consultant #diagnosis {
	--diagnosis-canvas: var(--ys-service-background);
	--diagnosis-ink: var(--ys-service-ink);
	--diagnosis-muted: var(--ys-service-ink);
	--diagnosis-light: var(--ys-service-card);
}

article.ys-landing--brand_consultant #diagnosis::after {
	background-image: none;
}

article.ys-landing--brand_consultant #diagnosis :is(.ys-brand-diagnosis__signal, .ys-brand-diagnosis__narrative) {
	color: inherit;
}

article.ys-landing--brand_consultant #cost_of_inaction :is(.ys-cost-stack__pin, .ys-cost-stack__header),
article.ys-landing--brand_consultant #services .ys-services-scroll__pin {
	background-color: var(--ys-service-background);
	color: inherit;
}

/* Match the occlusion fade to the stack's new surface. */
article.ys-landing--brand_consultant #cost_of_inaction .ys-cost-stack__header::after {
	background-image: linear-gradient(180deg, var(--ys-service-background) 0%, var(--ys-service-background) 80%, transparent 100%);
}
article.ys-landing--brand_consultant #cost_of_inaction .ys-cost-stack__card-inner {
	background-color: var(--ys-service-card);
	background-image: none;
	border-color: color-mix(in srgb, var(--ys-service-navy) 18%, transparent);
	color: inherit;
	display: flex;
	align-items: center;
}

article.ys-landing--brand_consultant #cost_of_inaction .ys-cost-stack__card-inner::before {
	top: 50%;
	transform: translateY(-50%);
}

article.ys-landing--brand_consultant #cost_of_inaction .ys-cost-stack__quote {
	color: inherit;
}

/* Each post-it and its fold follow the same service-palette token. */
article.ys-landing--brand_consultant #future_state .ys-landing__prose > ul.ys-shifts > li {
	--ys-note: var(--ys-service-coral);
	--ys-note-fold: color-mix(in srgb, var(--ys-note) 85%, var(--ys-service-navy));
	background-color: var(--ys-note);
	background-image: none;
	color: var(--ys-service-navy);
}

article.ys-landing--brand_consultant #future_state .ys-landing__prose > ul.ys-shifts > li:nth-child(4n + 2) {
	--ys-note: var(--ys-service-gold);
}

article.ys-landing--brand_consultant #future_state .ys-landing__prose > ul.ys-shifts > li:nth-child(4n + 3) {
	--ys-note: var(--ys-service-lilac);
}

article.ys-landing--brand_consultant #future_state .ys-landing__prose > ul.ys-shifts > li:nth-child(4n) {
	--ys-note: var(--ys-service-cream);
}

article.ys-landing--brand_consultant #future_state .ys-landing__prose > ul.ys-shifts > li::after {
	background-color: var(--ys-note-fold);
	background-image: none;
}

article.ys-landing--brand_consultant #future_state .ys-landing__prose > ul.ys-shifts > li strong,
article.ys-landing--brand_consultant #future_state .ys-landing__prose > blockquote {
	color: inherit;
}

article.ys-landing--brand_consultant .ys-services-scroll:where(#services) .ys-services-scroll__card-inner {
	background-color: var(--ys-service-card);
	background-image: none;
	color: inherit;
}

article.ys-landing--brand_consultant #services .ys-services-scroll__footer-copy p strong {
	font-weight: inherit;
}

article.ys-landing--brand_consultant #services .ys-services-scroll__footer-copy a {
	color: inherit;
}

/* Keep the sheet's navy ink and photo treatment; accent its seals in coral. */
article.ys-landing--brand_consultant #why_yulia :is(.ys-proof-ledger__sheet, .ys-proof-ledger__sheet-head, .ys-proof-ledger__sheet-head span, .ys-proof-ledger__kicker, .ys-proof-ledger__ordinal, .ys-proof-ledger__progress-current, .ys-proof-ledger__progress-status, .ys-proof-ledger__caption, .ys-proof-ledger__seal, .ys-proof-ledger__seal strong) {
	color: inherit;
}

article.ys-landing--brand_consultant #why_yulia .ys-proof-ledger__seal {
	background-color: var(--ys-service-card);
	border-color: var(--ys-service-coral);
}

article.ys-landing--brand_consultant #why_yulia .ys-proof-ledger__verification {
	background-color: var(--ys-service-coral);
	border-color: var(--ys-service-coral);
	color: var(--ys-service-ivory);
}

article.ys-landing--brand_consultant #why_yulia .ys-proof-ledger__verification strong {
	color: inherit;
}

article.ys-landing--brand_consultant #why_yulia .ys-proof-ledger__atmosphere,
article.ys-landing--brand_consultant #why_yulia .ys-proof-ledger__pin::after {
	background-image: none;
}

article.ys-landing--brand_consultant #how_i_work {
	--ys-why-ink: var(--ys-service-ink);
	--ys-why-on-coral: var(--ys-service-ink);
	--ys-why-on-coral-strong: var(--ys-service-ink);
	--ys-why-paper: var(--ys-service-background);
}

article.ys-landing--brand_consultant #how_i_work .ys-why-ruler {
	--ys-ruler-bg: var(--ys-service-background);
	--ys-ruler-num: var(--ys-service-ink);
}

article.ys-landing--brand_consultant #how_i_work :is(.ys-why-process__intro, .ys-why-process__pin, .ys-why-process__flood) {
	background-color: var(--ys-service-background);
	background-image: none;
}

article.ys-landing--brand_consultant #how_i_work :is(.ys-why-ruler__readout, .ys-brand-card__hint, .ys-why-process__step, .ys-why-process__step h3, .ys-why-process__step p, .ys-why-process__finale p) {
	color: inherit;
}

article.ys-landing--brand_consultant #how_i_work .ys-why-process__step {
	background-color: transparent;
}

/* The process header must not inherit the navigation header's side padding. */
article#ys-landing-brand_consultant #how_i_work .ys-why-process__topline {
	padding: 0;
}

article#ys-landing-brand_consultant #how_i_work .ys-why-process__topline > .ys-heading-stamp-host {
	align-self: flex-start;
}


article.ys-landing--brand_consultant #final_conversion :is(.ys-cta-feature__ordinal, .ys-cta-feature__eyebrow, .ys-cta-feature__title, .ys-cta-feature__prose, .ys-cta-feature__prose a) {
	color: inherit;
}

article.ys-landing--brand_consultant #final_conversion .ys-cta-feature__media::after {
	background-color: transparent;
	background-image: none;
}

/* Legacy generic prose/eyebrow accents: inherit, never assign child ink. */
article.ys-landing--brand_consultant :is(#recognition, #brand_reality_check, #diagnosis, #cost_of_inaction, #future_state, #services, #why_yulia, #how_i_work, #final_conversion) :is(.ys-landing__ordinal, .ys-section-index, .ys-landing__eyebrow, .ys-landing__prose, .ys-landing__prose strong, .ys-landing__prose a, .ys-landing__prose blockquote) {
	color: inherit;
}

/* Quiz navigation keeps its original compact sizing and plain arrow. */
article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__button--next {
	background-color: var(--ys-service-coral);
	background-image: none;
	border-color: var(--ys-service-coral);
	color: var(--ys-service-navy);
	outline-color: var(--ys-service-navy);
}

/* One compact pill treatment, with solid fills appropriate to each section. */
article.ys-landing--brand_consultant {
	--ys-main-cta-bg: var(--ys-service-coral);
	--ys-main-cta-ink: var(--ys-service-navy);
}

article.ys-landing--brand_consultant :is(#diagnosis, #final_conversion) {
	--ys-main-cta-bg: var(--ys-service-navy);
	--ys-main-cta-ink: var(--ys-service-ivory);
}

article.ys-landing--brand_consultant :is(#future_state, #why_yulia) {
	--ys-main-cta-bg: var(--ys-service-ivory);
}

article.ys-landing--brand_consultant #how_i_work {
	--ys-main-cta-bg: var(--ys-service-cream);
}

article.ys-landing--brand_consultant :is(#hero, #recognition, #brand_reality_check, #diagnosis, #cost_of_inaction, #future_state, #services, #why_yulia, #how_i_work, #final_conversion) :is(.ys-landing__cta--primary, .ys-brand-diagnosis__cta.ys-landing__cta, .ys-why-process__cta) {
	--ys-main-arrow-bg: var(--ys-main-cta-ink);
	--ys-main-arrow-ink: var(--ys-main-cta-bg);
	align-items: center;
	background-color: var(--ys-main-cta-bg);
	background-image: none;
	border: 1px solid transparent;
	border-radius: 100vw;
	color: var(--ys-main-cta-ink);
	display: inline-flex;
	font-size: clamp(0.88rem, 1.1vw, 1rem);
	font-weight: 700;
	gap: clamp(1rem, 2.5vw, 2.5rem);
	justify-content: space-between;
	letter-spacing: normal;
	line-height: 1.2;
	max-width: 100%;
	min-height: 2.75rem;
	min-width: min(13rem, 100%);
	padding: 0.45rem 0.7rem 0.45rem 1.1rem;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	white-space: normal;
}

article#ys-landing-brand_consultant :is(.ys-landing__cta--primary, .ys-brand-diagnosis__cta.ys-landing__cta, .ys-why-process__cta) {
	transform: none;
	transition: background-color 260ms cubic-bezier(.2,.8,.2,1), border-color 260ms cubic-bezier(.2,.8,.2,1), color 260ms cubic-bezier(.2,.8,.2,1), transform 500ms cubic-bezier(.2,.8,.2,1);
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	article#ys-landing-brand_consultant :is(.ys-landing__cta--primary, .ys-brand-diagnosis__cta.ys-landing__cta, .ys-why-process__cta):not(:disabled):not([aria-disabled="true"]) {
		transform: translate(var(--ys-why-cta-x, 0px), var(--ys-why-cta-y, 0px));
	}

	article#ys-landing-brand_consultant :is(.ys-landing__cta--primary, .ys-brand-diagnosis__cta.ys-landing__cta, .ys-why-process__cta):not(:disabled):not([aria-disabled="true"]):active {
		transform: translate(var(--ys-why-cta-x, 0px), calc(var(--ys-why-cta-y, 0px) + 2px)) scale(0.97);
	}
}

@media (prefers-reduced-motion: reduce) {
	article#ys-landing-brand_consultant :is(.ys-landing__cta--primary, .ys-brand-diagnosis__cta.ys-landing__cta, .ys-why-process__cta) {
		transition: none;
	}
}

article.ys-landing--brand_consultant :is(#hero, #recognition, #brand_reality_check, #diagnosis, #cost_of_inaction, #future_state, #services, #why_yulia, #how_i_work, #final_conversion) :is(.ys-landing__cta--primary, .ys-brand-diagnosis__cta.ys-landing__cta, .ys-why-process__cta):is(:hover, :focus-visible):not(:disabled) {
	--ys-main-arrow-bg: var(--ys-service-navy);
	--ys-main-arrow-ink: var(--ys-service-cream);
	background-color: var(--ys-service-cream);
	border-color: var(--ys-service-navy);
	color: var(--ys-service-navy);
}

article.ys-landing--brand_consultant :is(#hero, #recognition, #brand_reality_check, #diagnosis, #cost_of_inaction, #future_state, #services, #why_yulia, #how_i_work, #final_conversion) :is(.ys-landing__cta--primary, .ys-brand-diagnosis__cta.ys-landing__cta, .ys-why-process__cta):focus-visible {
	outline: 2px solid var(--ys-service-ink);
	outline-offset: 4px;
}

article.ys-landing--brand_consultant :is(#hero, #recognition, #brand_reality_check, #cost_of_inaction, #future_state, #services, #why_yulia, #final_conversion) .ys-landing__cta--primary::after,
article.ys-landing--brand_consultant #diagnosis .ys-brand-diagnosis__cta-arrow,

article.ys-landing--brand_consultant #how_i_work .ys-why-process__cta > span[aria-hidden="true"] {
	background-color: var(--ys-main-arrow-bg);
	border: 1px solid var(--ys-main-arrow-ink);
	border-radius: 50%;
	color: var(--ys-main-arrow-ink);
	display: inline-grid;
	flex: 0 0 auto;
	font-size: 1em;
	height: 2.1em;
	line-height: 1;
	margin-left: 0;
	place-items: center;
	transform: none;
	width: 2.1em;
}

article.ys-landing--brand_consultant :is(#hero, #recognition, #cost_of_inaction, #future_state, #services, #why_yulia, #final_conversion) .ys-landing__cta--primary::after {
	content: "↗";
}

article.ys-landing--brand_consultant #diagnosis .ys-brand-diagnosis__cta-fill {
	display: none;
}

article.ys-landing--brand_consultant #diagnosis .ys-brand-diagnosis__cta-arrow svg {
	transform: rotate(-45deg);
}

/* Secondary links and the quiz's Previous control remain secondary. */
article.ys-landing--brand_consultant #hero .brand-editorial-hero__actions .ys-landing__cta--secondary,
article.ys-landing--brand_consultant :is(#recognition, #brand_reality_check, #diagnosis, #cost_of_inaction, #future_state, #services, #why_yulia, #how_i_work, #final_conversion) .ys-landing__cta--secondary,
article.ys-landing--brand_consultant #brand_reality_check .ys-notebook-quiz__button--prev {
	background-color: transparent;
	background-image: none;
	color: inherit;
}