.ys-landing {
	--ys-cream: #fffcf5;
	--ys-brown: #2a0f10;
	--ys-red: #f65058;
	--ys-peach: #ffe3d1;
	--ys-green: #485436;
	--ys-accent: var(--ys-red);
	--ys-accent-ink: var(--ys-cream);
	--ys-hero-accent: var(--ys-peach);
	--ys-gutter: clamp(1.25rem, 6vw, 8rem);
	--ys-section-space: clamp(5rem, 10vw, 11rem);
	--ys-ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
	--ys-ease-state: cubic-bezier(0.65, 0, 0.35, 1);
	--ys-ease-feedback: cubic-bezier(0.22, 1, 0.36, 1);
	--ys-reveal-distance: 1.5rem;
	background: var(--ys-cream);
	color: var(--ys-brown);
	font-family: "Instrument Sans", sans-serif;
	isolation: isolate;
	overflow: hidden;
	overflow: clip;
}

.ys-landing *,
.ys-landing *::before,
.ys-landing *::after {
	box-sizing: border-box;
}

.ys-landing :where(h1, h2, p, figure, blockquote) {
	margin-top: 0;
}

.ys-landing :where(h1, h2) {
	font-family: "Instrument Serif", serif;
	font-weight: 400;
	letter-spacing: -0.035em;
	text-wrap: balance;
}

.ys-landing__hero {
	background: var(--ys-brown);
	color: var(--ys-cream);
	min-height: min(62rem, 100svh);
	padding: clamp(8.5rem, 15vw, 13rem) var(--ys-gutter) clamp(5rem, 9vw, 9rem);
	position: relative;
}

.ys-landing__hero::after {
	border-bottom: 1px solid rgba(255, 252, 245, 0.28);
	border-right: 1px solid rgba(255, 252, 245, 0.28);
	bottom: clamp(1.25rem, 3vw, 3rem);
	content: "";
	height: clamp(3.5rem, 7vw, 7rem);
	position: absolute;
	right: var(--ys-gutter);
	width: clamp(3.5rem, 7vw, 7rem);
}

.ys-landing__hero-inner,
.ys-landing__inner {
	margin: 0 auto;
	max-width: 92rem;
	position: relative;
	width: 100%;
}

.ys-landing__hero-inner {
	align-items: center;
	display: grid;
	gap: clamp(3rem, 7vw, 8rem);
	grid-template-columns: minmax(0, 1.1fr) minmax(17rem, 0.72fr);
}

.ys-landing__hero-copy {
	position: relative;
	z-index: 1;
}

.ys-landing__eyebrow {
	align-items: center;
	display: flex;
	font-size: clamp(0.73rem, 1vw, 0.9rem);
	font-weight: 700;
	gap: 0.75rem;
	letter-spacing: 0.14em;
	line-height: 1.3;
	margin-bottom: clamp(1.25rem, 2.5vw, 2.5rem);
	text-transform: uppercase;
}

.ys-landing__eyebrow::before {
	background: currentcolor;
	content: "";
	height: 1px;
	width: 2.25rem;
}

.ys-landing__hero .ys-landing__eyebrow {
	color: var(--ys-hero-accent);
}

.ys-landing__hero-title {
	font-size: clamp(3.7rem, 7.6vw, 8.2rem);
	line-height: 0.88;
	margin-bottom: clamp(2rem, 4vw, 4rem);
	max-width: 11ch;
}

.ys-landing__hero-prose {
	color: rgba(255, 252, 245, 0.88);
	font-size: clamp(1.05rem, 1.55vw, 1.4rem);
	max-width: 39rem;
}

.ys-landing__hero-prose > :last-child {
	margin-bottom: 0;
}

/* Scroll-driven narrative hero */
.ys-landing .ys-hero-scroll {
	background: transparent;
	min-height: 0;
	overflow: visible;
	padding: 0;
}

.ys-landing .ys-hero-scroll::after {
	display: none;
}

.ys-hero-scroll__pin {
	align-items: center;
	background: var(--ys-brown);
	color: var(--ys-cream);
	display: flex;
	justify-content: center;
	min-height: 100vh;
	min-height: 100svh;
	overflow: hidden;
	position: relative;
	transition: background-color 0.35s var(--ys-ease-state);
	width: 100%;
}

.ys-hero-scroll.is-statements .ys-hero-scroll__pin {
	background: var(--ys-cream);
}

.ys-hero-scroll__stage {
	align-items: center;
	display: flex;
	inset: 0;
	justify-content: center;
	position: absolute;
	width: 100%;
}

.ys-hero-scroll__intro {
	margin: 0 auto;
	max-width: min(92rem, 100%);
	padding: clamp(6rem, 12vw, 9rem) var(--ys-gutter) clamp(4rem, 8vw, 6rem);
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 2;
}

.ys-hero-scroll__eyebrow {
	justify-content: center;
	margin-bottom: clamp(1rem, 2vw, 1.75rem);
	margin-inline: auto;
}

.ys-brand-card {
	aspect-ratio: 1 / 1.585;
	height: auto;
	position: absolute;
	right: clamp(1.5rem, 5vw, 5rem);
	top: 34%;
	transform: translate3d(0, 0, 0);
	transition:
		opacity 0.45s var(--ys-ease-state),
		transform 0.7s var(--ys-ease-state),
		visibility 0.45s var(--ys-ease-state);
	width: min(14vw, 14rem);
	z-index: 2;
}

.ys-brand-card__canvas,
.ys-brand-card__fallback {
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.ys-brand-card__canvas {
	cursor: grab;
	display: block;
	opacity: 0;
	touch-action: none;
	transition: opacity 0.45s ease;
}

.ys-brand-card.is-dragging .ys-brand-card__canvas {
	cursor: grabbing;
}

.ys-brand-card.is-webgl .ys-brand-card__canvas {
	opacity: 1;
}

.ys-brand-card__fallback {
	align-items: center;
	display: flex;
	justify-content: center;
	transition: opacity 0.35s ease, visibility 0.35s ease;
}

.ys-brand-card.is-webgl .ys-brand-card__fallback {
	opacity: 0;
	visibility: hidden;
}

.ys-brand-card__fallback-frame {
	align-items: center;
	aspect-ratio: 1 / 1.585;
	background:
		radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.82), transparent 28%),
		linear-gradient(145deg, #e2e5e9 0%, #aeb4bd 42%, #747b85 100%);
	border: 2px solid #d8ae4d;
	border-radius: clamp(1rem, 2.4vw, 2rem);
	box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.34), inset 0 0 0 0.45rem #b8bec6, inset 0 0 0 0.52rem rgba(216, 174, 77, 0.82);
	display: flex;
	justify-content: center;
	transform: perspective(60rem) rotateX(-8deg) rotateY(-18deg) rotateZ(3deg);
	width: min(82%, 36rem);
}

.ys-brand-card__fallback-frame img {
	filter: sepia(0.12) saturate(1.55) hue-rotate(305deg) drop-shadow(0 0 1.2rem rgba(216, 174, 77, 0.36));
	height: auto;
	width: 38%;
}

.ys-brand-card__hint {
	bottom: 7%;
	color: rgba(255, 252, 245, 0.62);
	font-family: "Instrument Sans", sans-serif;
	font-size: 0.68rem;
	font-weight: 600;
	left: 50%;
	letter-spacing: 0.14em;
	margin: 0;
	opacity: 0;
	position: absolute;
	text-transform: uppercase;
	transform: translateX(-50%);
	transition: opacity 0.3s ease;
	white-space: nowrap;
}

.ys-brand-card.is-webgl:hover .ys-brand-card__hint {
	opacity: 1;
}

.ys-landing--brand_consultant .ys-hero-scroll__intro {
	pointer-events: none;
	z-index: 2;
}

.ys-landing--brand_consultant .ys-hero-scroll.is-statements .ys-brand-card {
	opacity: 0;
	pointer-events: none;
	transform: translate3d(8%, 4%, 0) scale(0.9);
	visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
	.ys-brand-card__canvas {
		cursor: default;
	}

	.ys-brand-card__hint {
		display: none;
	}
}

.ys-hero-scroll__title {
	margin-inline: auto;
	margin-bottom: 0;
	max-width: 11.5ch;
}

.ys-hero-scroll__i-word {
	white-space: nowrap;
}

.ys-hero-scroll__i {
	display: inline-block;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

.ys-hero-scroll__i-body {
	display: inline-block;
	line-height: 1;
	position: relative;
	z-index: 1;
}

.ys-hero-scroll__i-dot {
	background: var(--ys-cream);
	border-radius: 50%;
	/* Optical tittle seat on Instrument Serif ı (baseline-relative). */
	bottom: 0.74em;
	height: 0.14em;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: auto;
	transform: translateX(-50%);
	transition: opacity 0.2s var(--ys-ease-feedback);
	width: 0.14em;
	z-index: 2;
}

.ys-hero-scroll.is-expanded .ys-hero-scroll__i-dot {
	opacity: 0;
}

.ys-hero-scroll__expand {
	background: var(--ys-cream);
	border-radius: 50%;
	height: var(--ys-hero-dot-size, 0.75rem);
	left: var(--ys-hero-dot-x, 50%);
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: var(--ys-hero-dot-y, 50%);
	transform: translate(-50%, -50%) scale(1);
	width: var(--ys-hero-dot-size, 0.75rem);
	will-change: transform, opacity;
	z-index: 3;
}

.ys-hero-scroll.is-expanded .ys-hero-scroll__expand {
	opacity: 1;
}

.ys-hero-scroll__statements {
	align-items: center;
	display: flex;
	inset: 0;
	justify-content: center;
	opacity: 0;
	padding: clamp(5rem, 10vw, 8rem) var(--ys-gutter);
	pointer-events: none;
	position: absolute;
	visibility: hidden;
	width: 100%;
	z-index: 4;
}

.ys-hero-scroll.is-statements .ys-hero-scroll__statements {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.ys-hero-scroll__statement {
	color: var(--ys-brown);
	filter: blur(0);
	left: 50%;
	max-width: min(80rem, 96vw);
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform-origin: center center;
	width: 100%;
	will-change: transform, opacity, filter;
}

.ys-hero-scroll__statement-inner {
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(2.4rem, 5.28vw, 4.85rem);
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.3;
}

.ys-hero-scroll__statement-inner > :last-child {
	margin-bottom: 0;
}

.ys-hero-scroll__statement-inner p {
	font-weight: 700;
	margin: 0;
}

.ys-hero-scroll__sentence {
	align-items: baseline;
	column-gap: 0.15em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	overflow-wrap: anywhere;
	row-gap: 0.14em;
	text-wrap: pretty;
	width: 100%;
}

.ys-hero-scroll__statement-inner strong {
	font-style: normal;
	font-weight: 700;
}

.ys-hero-scroll__statement-inner em {
	font-family: "Instrument Serif", serif;
	font-style: italic;
	font-weight: 400;
}

.ys-hero-scroll__statement--finale .ys-hero-scroll__statement-inner,
.ys-hero-scroll__statement--finale .ys-hero-scroll__statement-inner.ys-landing__prose {
	font-size: clamp(1rem, 2.1vw, 1.28rem);
	font-weight: 500;
	line-height: 1.55;
}

.ys-hero-scroll__statement--finale .ys-hero-scroll__statement-inner p {
	font-weight: 500;
}

.ys-hero-scroll__statement--finale .ys-hero-scroll__statement-inner.is-flipping {
	perspective: 900px;
	transform-style: preserve-3d;
}

.ys-hero-scroll__flip-word {
	backface-visibility: hidden;
	display: inline-block;
	transform-origin: 50% 100%;
	transform-style: preserve-3d;
	will-change: transform, opacity;
}

.ys-hero-scroll__lead,
.ys-hero-scroll__tail {
	display: inline;
	max-width: 100%;
	white-space: normal;
}

.ys-hero-scroll__tail.is-break-before {
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
}

.ys-hero-scroll__text-fill {
	--ys-fill: 0%;
	font-family: "Instrument Serif", serif;
	font-style: italic;
	font-weight: 400;
	background: linear-gradient(
		90deg,
		var(--ys-brown) 0%,
		var(--ys-brown) calc(var(--ys-fill) - 14%),
		var(--ys-red) calc(var(--ys-fill) - 5%),
		var(--ys-red) var(--ys-fill),
		rgba(42, 15, 16, 0.24) calc(var(--ys-fill) + 1%),
		rgba(42, 15, 16, 0.24) 100%
	);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	display: inline;
	-webkit-text-fill-color: transparent;
	max-width: 100%;
	vertical-align: baseline;
	white-space: normal;
}

.ys-hero-scroll__text-fill.is-fill-break {
	flex: 0 0 100%;
	max-width: 100%;
	text-align: center;
}

.ys-hero-scroll__text-fill.is-revealed {
	background: none;
	color: var(--ys-brown);
	font-family: "Instrument Serif", serif;
	font-style: italic;
	-webkit-text-fill-color: var(--ys-brown);
}

.ys-hero-scroll__statement.is-active {
	z-index: 20;
}

.ys-hero-scroll__statement.is-past {
	color: rgba(42, 15, 16, 0.3);
	z-index: 10;
}

.ys-hero-scroll .ys-hero-scroll__statement:not(.ys-hero-scroll__statement--finale) .ys-landing__prose {
	font-size: clamp(2.4rem, 5.28vw, 4.85rem);
	line-height: 1.3;
}

.ys-hero-scroll__actions {
	bottom: clamp(2rem, 5vw, 4rem);
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1.5rem;
	justify-content: center;
	left: 50%;
	opacity: 0;
	position: absolute;
	transform: translateX(-50%);
	visibility: hidden;
	z-index: 30;
}

.ys-hero-scroll__actions.is-visible {
	opacity: 1;
	visibility: visible;
}

.ys-hero-scroll__actions .ys-landing__cta--primary {
	color: var(--ys-brown);
}

.ys-hero-scroll__actions .ys-landing__cta--secondary {
	color: rgba(42, 15, 16, 0.72);
}

.ys-hero-scroll__noscript {
	margin: 0 auto;
	max-width: 38rem;
	padding: 0 var(--ys-gutter) 3rem;
}

.ys-landing__hero-media {
	align-self: stretch;
	justify-content: center;
	min-height: 28rem;
}

.ys-landing__hero-media::before {
	background: var(--ys-accent);
	content: "";
	height: 64%;
	position: absolute;
	right: clamp(-1.25rem, -2vw, -2.5rem);
	top: clamp(-1.25rem, -2vw, -2.5rem);
	width: 58%;
	z-index: -1;
}

.ys-landing__hero-media .ys-landing__figure,
.ys-landing__hero-media .ys-landing__video {
	border: 1px solid rgba(255, 252, 245, 0.5);
	padding: clamp(0.4rem, 0.7vw, 0.7rem);
}

.ys-landing__hero-media .ys-landing__image {
	aspect-ratio: 4 / 5;
}

.ys-landing__section {
	border-top: 1px solid rgba(42, 15, 16, 0.3);
	padding: var(--ys-section-space) var(--ys-gutter);
	position: relative;
}

.ys-landing__section::before {
	background: var(--ys-accent);
	content: "";
	height: 1px;
	left: var(--ys-gutter);
	position: absolute;
	top: -1px;
	width: clamp(4rem, 13vw, 12rem);
}

.ys-landing__inner {
	align-items: center;
	display: grid;
	gap: clamp(3rem, 7vw, 8rem);
	grid-template-columns: minmax(0, 0.92fr) minmax(19rem, 0.76fr);
}

.ys-landing__inner--text-only {
	grid-template-columns: minmax(0, 56rem);
	justify-content: center;
}

.ys-landing__section:nth-of-type(odd) .ys-landing__inner:not(.ys-landing__inner--text-only) .ys-landing__copy {
	grid-column: 2;
}

.ys-landing__section:nth-of-type(odd) .ys-landing__inner:not(.ys-landing__inner--text-only) .ys-landing__media {
	grid-column: 1;
	grid-row: 1;
}

.ys-landing__section-heading {
	align-items: start;
	display: grid;
	gap: clamp(1rem, 2vw, 2rem);
	grid-template-columns: auto minmax(0, 1fr);
	margin-bottom: clamp(2rem, 4vw, 4rem);
}

.ys-landing__ordinal {
	border-top: 0.25rem solid var(--ys-accent);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1;
	min-width: 2.5rem;
	padding-top: 0.7rem;
}

.ys-landing__section-heading .ys-landing__eyebrow {
	color: var(--ys-accent);
	margin-bottom: 1rem;
}

.ys-landing__section-title {
	font-size: clamp(2.9rem, 5.6vw, 6.1rem);
	line-height: 0.94;
	margin-bottom: 0;
	max-width: 12ch;
}

.ys-landing__prose {
	font-size: clamp(1rem, 1.28vw, 1.2rem);
	line-height: 1.7;
}

.ys-landing__prose > :first-child {
	margin-top: 0;
}

.ys-landing__prose > :last-child {
	margin-bottom: 0;
}

.ys-landing__prose :where(p, ul, ol, blockquote, table) {
	margin-bottom: 1.5em;
}

.ys-landing__prose :where(h3, h4, h5, h6) {
	font-family: "Instrument Sans", sans-serif;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin: 2em 0 0.75em;
}

.ys-landing__prose h3 {
	font-size: clamp(1.35rem, 2vw, 1.85rem);
}

.ys-landing__prose :where(ul, ol) {
	padding-left: 1.3em;
}

.ys-landing__prose li {
	margin-bottom: 0.65em;
	padding-left: 0.35em;
}

.ys-landing__prose li::marker {
	color: var(--ys-accent);
	font-weight: 700;
}

.ys-landing__prose strong {
	font-weight: 700;
}

.ys-landing__prose a {
	color: currentcolor;
	font-weight: 700;
	text-decoration-color: var(--ys-accent);
	text-decoration-thickness: 0.12em;
	text-underline-offset: 0.18em;
}

.ys-landing__prose a:hover {
	color: var(--ys-accent);
}

.ys-landing__prose blockquote {
	border-left: 0.35rem solid var(--ys-accent);
	font-family: "Instrument Serif", serif;
	font-size: clamp(1.8rem, 3.2vw, 3.35rem);
	font-style: italic;
	letter-spacing: -0.025em;
	line-height: 1.08;
	margin-left: 0;
	margin-right: 0;
	padding: 0.2em 0 0.2em clamp(1.25rem, 3vw, 2.5rem);
}

.ys-landing__prose blockquote p:last-child {
	margin-bottom: 0;
}

.ys-landing__prose table {
	border-collapse: collapse;
	font-size: 0.9em;
	width: 100%;
}

.ys-landing__prose :where(th, td) {
	border-bottom: 1px solid rgba(42, 15, 16, 0.25);
	padding: 0.8rem 0.5rem;
	text-align: left;
}

.ys-landing__prose th {
	font-weight: 700;
}

.ys-landing .ys-shifts:is(ul, ol),
.ys-landing .ys-shifts > :is(ul, ol) {
	counter-reset: ys-shift;
	list-style: none;
	margin: clamp(2rem, 4vw, 4rem) 0;
	padding: 0;
}

.ys-landing .ys-shifts li {
	border-top: 1px solid rgba(42, 15, 16, 0.3);
	counter-increment: ys-shift;
	margin: 0;
	padding: 1.15rem 0 1.15rem calc(2.5rem + 1rem);
	position: relative;
}

.ys-landing .ys-shifts li:last-child {
	border-bottom: 1px solid rgba(42, 15, 16, 0.3);
}

.ys-landing .ys-shifts li::before {
	color: var(--ys-accent);
	content: counter(ys-shift, decimal-leading-zero);
	font-size: 0.72rem;
	font-weight: 700;
	left: 0;
	letter-spacing: 0.06em;
	position: absolute;
	top: 1.15rem;
	width: 2.5rem;
}

.ys-landing__prose .ys-shifts li {
	margin-bottom: 0;
	padding-left: calc(2.5rem + 1rem);
}

.ys-landing .ys-flow:is(ul, ol),
.ys-landing .ys-flow > :is(ul, ol) {
	display: grid;
	gap: 0;
	list-style: none;
	margin: clamp(2rem, 4vw, 4rem) 0;
	padding: 0;
}

.ys-landing .ys-flow li {
	border-left: 0.25rem solid var(--ys-accent);
	margin: 0;
	padding: 1rem 1rem 2.2rem 1.5rem;
	position: relative;
}

.ys-landing .ys-flow li:not(:last-child)::after {
	background: var(--ys-accent);
	bottom: 0.65rem;
	content: "";
	height: 0.8rem;
	left: -0.525rem;
	position: absolute;
	transform: rotate(45deg);
	width: 0.8rem;
}

.ys-landing__media {
	display: flex;
	flex-direction: column;
	position: relative;
}

.ys-landing__figure,
.ys-landing__video {
	margin: 0;
	position: relative;
	width: 100%;
}

.ys-landing__figure + .ys-landing__video,
.ys-landing__video + .ys-landing__figure {
	margin-top: clamp(1.25rem, 3vw, 3rem);
}

.ys-landing__image {
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.ys-landing__section .ys-landing__image {
	aspect-ratio: 5 / 6;
}

.ys-landing__figure figcaption {
	border-top: 1px solid currentcolor;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin-top: 0.75rem;
	padding-top: 0.65rem;
	text-transform: uppercase;
}

.ys-landing__video {
	aspect-ratio: 16 / 9;
	background: var(--ys-brown);
	overflow: hidden;
}

.ys-landing__video :where(iframe, video) {
	border: 0;
	display: block;
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.ys-landing__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem clamp(1rem, 2vw, 2rem);
	margin-top: clamp(2rem, 4vw, 3.5rem);
}

.ys-landing__cta {
	align-items: center;
	display: inline-flex;
	font-size: clamp(0.76rem, 0.9vw, 0.9rem);
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0.075em;
	line-height: 1.2;
	min-height: 3.5rem;
	padding: 0.95rem 1.5rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.ys-landing__cta--primary {
	background: var(--ys-accent);
	border: 1px solid var(--ys-accent);
	color: var(--ys-accent-ink);
}

.ys-landing__cta--primary::after {
	content: "→";
	font-size: 1.2em;
	margin-left: 1.25rem;
	transition: transform 180ms ease;
}

.ys-landing__cta--primary:hover,
.ys-landing__cta--primary:focus-visible {
	background: transparent;
	border-color: var(--ys-accent);
	color: var(--ys-brown);
}

.ys-landing__cta--primary:hover::after,
.ys-landing__cta--primary:focus-visible::after {
	transform: translateX(0.3rem);
}

.ys-landing__cta--secondary {
	border-bottom: 1px solid currentcolor;
	color: currentcolor;
	min-height: auto;
	padding: 0.7rem 0 0.45rem;
}

.ys-landing__cta--secondary:hover,
.ys-landing__cta--secondary:focus-visible {
	color: var(--ys-accent);
	transform: translateX(0.25rem);
}

/* Static hero (dark brown): outline hover */
.ys-landing__hero:not(.ys-hero-scroll) .ys-landing__cta--primary:hover,
.ys-landing__hero:not(.ys-hero-scroll) .ys-landing__cta--primary:focus-visible {
	border-color: var(--ys-cream);
	color: var(--ys-cream);
}

.ys-landing__hero:not(.ys-hero-scroll) .ys-landing__cta--secondary {
	color: var(--ys-cream);
}

.ys-landing__hero:not(.ys-hero-scroll) .ys-landing__cta--secondary:hover,
.ys-landing__hero:not(.ys-hero-scroll) .ys-landing__cta--secondary:focus-visible {
	color: var(--ys-hero-accent);
}

/* Scroll hero finale (cream pin): keep contrast on hover */
.ys-hero-scroll.is-statements .ys-hero-scroll__actions .ys-landing__cta--primary:hover,
.ys-hero-scroll.is-statements .ys-hero-scroll__actions .ys-landing__cta--primary:focus-visible {
	background: var(--ys-brown);
	border-color: var(--ys-brown);
	color: var(--ys-cream);
}

.ys-hero-scroll.is-statements .ys-hero-scroll__actions .ys-landing__cta--secondary:hover,
.ys-hero-scroll.is-statements .ys-hero-scroll__actions .ys-landing__cta--secondary:focus-visible {
	color: var(--ys-brown);
}

.ys-landing :where(a, button, iframe):focus-visible {
	outline: 0.2rem solid var(--ys-red);
	outline-offset: 0.3rem;
}

.ys-landing--diagnostic {
	--ys-accent: var(--ys-red);
	--ys-hero-accent: var(--ys-peach);
}

/* Brand consultant + keynote speaker: shared section index tokens */
.ys-landing--brand_consultant,
.ys-landing--speaker {
	--ys-index-accent: var(--ys-red);
	--ys-index-bar-height: 0.3rem;
	--ys-index-bar-width: 2.15rem;
	--ys-index-gap: 0.65rem;
	--ys-index-size: 0.8125rem;
	--ys-index-tracking: 0.02em;
	--ys-index-weight: 700;
}

/* Brand consultant: one restrained, tactile motion language. */
:is(.ys-landing--brand_consultant, .ys-landing--fractional_cbo) {
	--ys-section-space: clamp(4.5rem, 8vw, 9rem);
	--ys-gutter: clamp(1.25rem, 5vw, 6.5rem);
}

/* Section index — coral signal bar + tabular numeral (01–09) */
:is(.ys-landing--brand_consultant, .ys-landing--speaker) .ys-section-index,
:is(.ys-landing--brand_consultant, .ys-landing--speaker) .ys-landing__ordinal {
	align-items: center;
	border-top: 0;
	display: inline-flex;
	font-family: "Instrument Sans", sans-serif;
	font-size: var(--ys-index-size);
	font-style: normal;
	font-variant-numeric: tabular-nums;
	font-weight: var(--ys-index-weight);
	gap: var(--ys-index-gap);
	letter-spacing: var(--ys-index-tracking);
	line-height: 1;
	min-width: 0;
	padding-top: 0;
}

:is(.ys-landing--brand_consultant, .ys-landing--speaker) .ys-section-index::before,
:is(.ys-landing--brand_consultant, .ys-landing--speaker) .ys-landing__ordinal::before {
	background: var(--ys-index-accent);
	content: "";
	display: block;
	flex-shrink: 0;
	height: var(--ys-index-bar-height);
	transition: width 320ms var(--ys-ease-enter);
	width: var(--ys-index-bar-width);
}

@media (hover: hover) and (pointer: fine) {
	:is(.ys-landing--brand_consultant, .ys-landing--speaker) .ys-landing__section:is(:hover, :focus-within) .ys-section-index::before,
	:is(.ys-landing--brand_consultant, .ys-landing--speaker) .ys-landing__section:is(:hover, :focus-within) .ys-landing__ordinal::before,
	.ys-landing--brand_consultant.ys-training .ys-training__section:is(:hover, :focus-within) .ys-section-index::before,
	.ys-landing--brand_consultant.ys-training .ys-training__section:is(:hover, :focus-within) .ys-landing__ordinal::before {
		width: calc(var(--ys-index-bar-width) + 0.35rem);
	}
}

.ys-landing--speaker .ys-cta-feature__ordinal {
	--ys-index-accent: var(--ys-peach);
	color: var(--ys-peach);
}

.ys-landing--brand_consultant .ys-cta-feature__ordinal {
	--ys-index-accent: var(--ys-peach);
	color: var(--ys-peach);
}

.ys-landing--brand_consultant .ys-proof-ledger__ordinal {
	color: var(--ys-cream);
}

.ys-landing--brand_consultant .ys-proof-ledger__kicker {
	align-items: center;
	grid-template-columns: auto;
}

.ys-landing--brand_consultant .ys-proof-ledger__rule {
	display: none;
}

.ys-landing--brand_consultant .ys-brand-diagnosis__rail-rule {
	display: none;
}

.ys-landing--brand_consultant .ys-brand-diagnosis__index {
	font-size: var(--ys-index-size);
	font-weight: var(--ys-index-weight);
	margin-bottom: 1rem;
}

.ys-landing--brand_consultant .ys-notebook-quiz__label {
	margin-bottom: clamp(2.5rem, 7vh, 5rem);
}

.ys-landing--brand_consultant .ys-why-process__label {
	margin-bottom: 0;
}

.ys-landing--brand_consultant .ys-photo-scatter__heading .ys-landing__ordinal {
	align-self: flex-start;
}

.ys-landing--brand_consultant .ys-landing__hero-inner,
.ys-landing--brand_consultant .ys-landing__inner,
.ys-landing--brand_consultant .ys-photo-scatter__inner,
.ys-landing--brand_consultant .ys-cta-feature__inner {
	max-width: 96rem;
}

.ys-landing--brand_consultant .ys-landing__cta {
	transition:
		background-color 180ms var(--ys-ease-feedback),
		border-color 180ms var(--ys-ease-feedback),
		box-shadow 180ms var(--ys-ease-feedback),
		color 180ms var(--ys-ease-feedback),
		transform 180ms var(--ys-ease-feedback);
}

@media (hover: hover) and (pointer: fine) {
	.ys-landing--brand_consultant .ys-landing__cta:hover {
		transform: translateY(-2px);
	}
}

.ys-landing--brand_consultant .ys-landing__cta:active {
	transform: scale(0.97);
}

.ys-landing--brand_consultant .ys-brand-reveal .ys-landing__section-heading,
.ys-landing--brand_consultant .ys-brand-reveal .ys-landing__prose,
.ys-landing--brand_consultant .ys-brand-reveal .ys-landing__actions {
	transition:
		opacity 620ms var(--ys-ease-enter),
		transform 620ms var(--ys-ease-enter),
		filter 620ms var(--ys-ease-enter);
}

.ys-landing--brand_consultant .ys-brand-reveal:not(.is-brand-revealed) .ys-landing__section-heading,
.ys-landing--brand_consultant .ys-brand-reveal:not(.is-brand-revealed) .ys-landing__prose,
.ys-landing--brand_consultant .ys-brand-reveal:not(.is-brand-revealed) .ys-landing__actions {
	filter: blur(4px);
	opacity: 0;
	transform: translateY(var(--ys-reveal-distance));
}

.ys-landing--brand_consultant .ys-brand-reveal .ys-landing__prose {
	transition-delay: 90ms;
}

.ys-landing--brand_consultant .ys-brand-reveal .ys-landing__actions {
	transition-delay: 180ms;
}

.ys-landing--diagnostic .ys-landing__section .ys-landing__inner {
	border-left: 1px solid rgba(42, 15, 16, 0.28);
	padding-left: clamp(1.25rem, 3vw, 3.5rem);
}

.ys-landing--diagnostic .ys-landing__section:nth-of-type(odd) .ys-landing__inner {
	border-left: 0;
	border-right: 1px solid rgba(42, 15, 16, 0.28);
	padding-left: 0;
	padding-right: clamp(1.25rem, 3vw, 3.5rem);
}

.ys-landing--executive {
	--ys-accent: var(--ys-green);
	--ys-hero-accent: var(--ys-peach);
}

.ys-landing--executive .ys-landing__hero-inner {
	grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.62fr);
}

.ys-landing--executive .ys-landing__hero-media {
	transform: translateY(clamp(1rem, 4vw, 4rem));
}

.ys-landing--fractional_cbo .ys-hero-scroll__pin,
.ys-landing--brand_consultant .ys-hero-scroll__pin {
	background-color: var(--ys-brown);
}

.ys-landing--fractional_cbo .ys-hero-scroll__pin::before,
.ys-landing--fractional_cbo .ys-hero-scroll__pin::after,
.ys-landing--brand_consultant .ys-hero-scroll__pin::before,
.ys-landing--brand_consultant .ys-hero-scroll__pin::after {
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity 0.45s ease;
}

.ys-landing--fractional_cbo .ys-hero-scroll__pin::before,
.ys-landing--brand_consultant .ys-hero-scroll__pin::before {
	background-image: var(--ys-hero-newspaper-url);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	filter: grayscale(100%);
	opacity: 0.42;
	transform: scale(1.04);
	z-index: 0;
}

.ys-landing--fractional_cbo .ys-hero-scroll__pin::after,
.ys-landing--brand_consultant .ys-hero-scroll__pin::after {
	background:
		linear-gradient(180deg, rgba(42, 15, 16, 0.52) 0%, rgba(42, 15, 16, 0.78) 58%, rgba(42, 15, 16, 0.88) 100%),
		radial-gradient(circle at 18% 22%, rgba(255, 252, 245, 0.08), transparent 42%);
	z-index: 1;
}

.ys-landing--fractional_cbo .ys-hero-scroll__stage,
.ys-landing--brand_consultant .ys-hero-scroll__stage {
	z-index: 2;
}

.ys-landing--fractional_cbo .ys-hero-scroll.is-statements .ys-hero-scroll__pin::before,
.ys-landing--fractional_cbo .ys-hero-scroll.is-statements .ys-hero-scroll__pin::after,
.ys-landing--brand_consultant .ys-hero-scroll.is-statements .ys-hero-scroll__pin::before,
.ys-landing--brand_consultant .ys-hero-scroll.is-statements .ys-hero-scroll__pin::after {
	opacity: 0;
}

.ys-landing--fractional_cbo .ys-landing__hero-title,
.ys-landing--fractional_cbo .ys-landing__section-title,
.ys-landing--speaker .ys-landing__hero-title,
.ys-landing--speaker .ys-landing__section-title,
.ys-landing--brand_consultant .ys-landing__hero-title,
.ys-landing--brand_consultant .ys-landing__section-title {
	font-family: "Instrument Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
}

.ys-landing--fractional_cbo .ys-hero-scroll__title,
.ys-landing--speaker .ys-hero-scroll__title,
.ys-landing--brand_consultant .ys-hero-scroll__title {
	font-size: clamp(3.25rem, 6.3vw, 7rem);
	line-height: 0.92;
	max-width: 14ch;
}

.ys-landing--fractional_cbo .ys-landing__section-title,
.ys-landing--speaker .ys-landing__section-title,
.ys-landing--brand_consultant .ys-landing__section-title {
	line-height: 0.98;
}

.ys-landing--fractional_cbo .ys-hero-scroll__statement-inner strong,
.ys-landing--brand_consultant .ys-hero-scroll__statement-inner strong {
	font-family: "Instrument Serif", serif;
	font-style: italic;
	font-weight: 400;
}

.ys-landing--executive .ys-landing__section-title {
	max-width: 10ch;
}

/* Miro-inspired sticky-note board (FCBO leadership gap + BC future state) */
.ys-landing--fractional_cbo .ys-landing__section--leadership_gap,
.ys-landing--brand_consultant .ys-landing__section--future_state {
	background-color: #f4efe5;
	background-image: radial-gradient(rgba(42, 15, 16, 0.12) 0.7px, transparent 0.7px);
	background-size: 1.25rem 1.25rem;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap::before,
.ys-landing--brand_consultant .ys-landing__section--future_state::before {
	background: var(--ys-green);
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__inner--text-only,
.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__inner--text-only {
	grid-template-columns: minmax(0, 82rem);
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__section-heading,
.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__section-heading {
	margin-bottom: clamp(3rem, 6vw, 5.5rem);
	max-width: 72rem;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__section-title,
.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__section-title {
	max-width: 15ch;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose,
.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose {
	display: grid;
	gap: clamp(2rem, 4vw, 4rem) clamp(1.5rem, 3vw, 3rem);
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul,
.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts {
	display: grid;
	gap: clamp(0.8rem, 1.2vw, 1.1rem);
	grid-column: 1 / -1;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	justify-self: center;
	list-style: none;
	margin: 0;
	max-width: 56rem;
	padding: 0;
	width: 100%;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li,
.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li {
	--ys-note: #f4db84;
	--ys-note-fold: #d4b94e;
	--ys-note-rotate: -1.15deg;
	--ys-note-shift: 0.2rem;
	align-items: center;
	aspect-ratio: 1.25 / 1;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.2), transparent 48%),
		var(--ys-note);
	border: 1px solid rgba(42, 15, 16, 0.08);
	box-shadow: 0 1.15rem 2.1rem -1.8rem rgba(42, 15, 16, 0.44);
	display: flex;
	font-size: clamp(1rem, 1.2vw, 1.2rem);
	font-weight: 650;
	grid-column: span 2;
	line-height: 1.32;
	margin: 0;
	padding: clamp(2.25rem, 3vw, 3rem) clamp(1.25rem, 1.8vw, 1.7rem) clamp(1.25rem, 1.8vw, 1.6rem);
	position: relative;
	transform: translateY(var(--ys-note-shift)) rotate(var(--ys-note-rotate));
	transform-origin: 50% 12%;
	transition: box-shadow 180ms ease, transform 180ms ease;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li:nth-child(2),
.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li:nth-child(2) {
	--ys-note: #edb7aa;
	--ys-note-fold: #ce8f84;
	--ys-note-rotate: 0.8deg;
	--ys-note-shift: -0.15rem;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li:nth-child(3),
.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li:nth-child(3) {
	--ys-note: #cbd5b5;
	--ys-note-fold: #a8b38e;
	--ys-note-rotate: -0.45deg;
	--ys-note-shift: 0.35rem;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li:nth-child(4),
.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li:nth-child(4) {
	--ys-note: #efc3c5;
	--ys-note-fold: #cb9da0;
	--ys-note-rotate: 1.05deg;
	--ys-note-shift: -0.1rem;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li:nth-child(4) {
	grid-column: 2 / span 2;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li:nth-child(5) {
	--ys-note: #efc79e;
	--ys-note-fold: #cea475;
	--ys-note-rotate: -0.75deg;
	--ys-note-shift: 0.3rem;
}

.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li {
	aspect-ratio: auto;
	border-top: 0;
	font-weight: 400;
	min-height: clamp(9rem, 14vw, 11.5rem);
	padding-left: clamp(1.25rem, 1.8vw, 1.7rem);
}

.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li strong {
	display: block;
	font-weight: 700;
	margin-top: 0.35em;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li::before,
.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li::before {
	background: var(--ys-brown);
	border-radius: 50%;
	content: "";
	height: 0.52rem;
	left: clamp(1.25rem, 1.8vw, 1.7rem);
	position: absolute;
	top: clamp(1.25rem, 1.8vw, 1.7rem);
	width: 0.52rem;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li::after,
.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li::after {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0 48%, transparent 49%),
		var(--ys-note-fold);
	bottom: -1px;
	box-shadow: -0.3rem -0.3rem 0.65rem -0.48rem rgba(42, 15, 16, 0.65);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
	content: "";
	height: clamp(1rem, 1.5vw, 1.35rem);
	pointer-events: none;
	position: absolute;
	right: -1px;
	width: clamp(1rem, 1.5vw, 1.35rem);
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > p {
	margin: 0;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > p:first-of-type {
	font-size: clamp(1.2rem, 1.7vw, 1.55rem);
	grid-column: 2 / span 7;
	line-height: 1.55;
	padding-top: 0.35rem;
}

.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > p:last-child {
	border-top: 0.3rem solid var(--ys-green);
	color: var(--ys-green);
	font-family: "Instrument Serif", serif;
	font-size: clamp(2rem, 3.2vw, 3.35rem);
	font-style: italic;
	grid-column: 9 / -1;
	line-height: 1;
	padding-top: 1rem;
}

.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > blockquote {
	border: 0;
	border-top: 0.3rem solid var(--ys-green);
	color: var(--ys-green);
	font-family: "Instrument Serif", serif;
	font-size: clamp(2rem, 3.2vw, 3.35rem);
	font-style: italic;
	grid-column: 2 / -1;
	line-height: 1.08;
	margin: 0;
	max-width: 22ch;
	padding: 1rem 0 0;
}

.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > blockquote p {
	margin: 0;
}

@media (hover: hover) and (pointer: fine) {
	.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li:hover,
	.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li:hover {
		box-shadow: 0 1.6rem 3rem -2rem rgba(42, 15, 16, 0.58);
		transform: translateY(-0.35rem) rotate(0deg);
	}
}

/* Fractional CBO: ownership gap map */
.ys-landing--fractional_cbo .ys-landing__section--question {
	background:
		radial-gradient(circle at 16% 18%, rgba(246, 80, 88, 0.1), transparent 28%),
		radial-gradient(circle at 84% 82%, rgba(255, 227, 209, 0.07), transparent 34%),
		radial-gradient(rgba(255, 252, 245, 0.045) 0.65px, transparent 0.65px),
		var(--ys-brown);
	background-size: auto, auto, 1.35rem 1.35rem, auto;
	color: var(--ys-cream);
	overflow: hidden;
}

.ys-landing--fractional_cbo .ys-landing__section--question::before {
	background: var(--ys-green);
}

.ys-landing--fractional_cbo .ys-landing__section--question .ys-landing__inner--text-only {
	grid-template-columns: minmax(0, 82rem);
}

.ys-landing--fractional_cbo .ys-landing__section--question .ys-landing__section-heading {
	margin-bottom: clamp(3rem, 5vw, 5rem);
	max-width: 76rem;
}

.ys-landing--fractional_cbo .ys-landing__section--question .ys-landing__ordinal {
	border-color: var(--ys-green);
	color: var(--ys-peach);
}

.ys-landing--fractional_cbo .ys-landing__section--question .ys-landing__section-title {
	color: var(--ys-cream);
	max-width: 15ch;
}

.ys-landing--fractional_cbo .ys-landing__section--question .ys-landing__prose > blockquote {
	border: 0;
	color: var(--ys-cream);
	font-size: clamp(2.25rem, 4.4vw, 4.75rem);
	line-height: 1.03;
	margin: clamp(3.5rem, 7vw, 6rem) auto 0;
	max-width: 21ch;
	padding: 0;
	text-align: center;
}

.ys-landing--fractional_cbo .ys-landing__section--question .ys-landing__prose > blockquote p {
	margin: 0;
}

.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready .ys-ownership-map {
	aspect-ratio: 1.82 / 1;
	isolation: isolate;
	margin: 0 auto;
	max-width: 72rem;
	position: relative;
	width: 100%;
}

.ys-landing--fractional_cbo .ys-landing__section--question .ys-ownership-map__connections {
	height: 100%;
	inset: 0;
	overflow: visible;
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.ys-landing--fractional_cbo .ys-landing__section--question .ys-ownership-map__connection {
	stroke: rgba(255, 227, 209, 0.28);
	stroke-dasharray: 1;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	stroke-width: 0.55;
	vector-effect: non-scaling-stroke;
}

.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow {
	counter-reset: ys-ownership-node;
	inset: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 2;
}

.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow li {
	--ys-map-fold: #e8c9b8;
	--ys-map-note: var(--ys-peach);
	--ys-map-rotate: 0deg;
	align-items: flex-end;
	aspect-ratio: 1.22 / 1;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.3), transparent 50%),
		var(--ys-map-note);
	border: 1px solid rgba(42, 15, 16, 0.1);
	box-shadow: 0 1.35rem 2.75rem -1.85rem rgba(0, 0, 0, 0.78);
	color: var(--ys-brown);
	counter-increment: ys-ownership-node;
	display: flex;
	font-size: clamp(0.82rem, 1.05vw, 1rem);
	font-weight: 700;
	justify-content: flex-start;
	left: var(--ys-map-x);
	letter-spacing: 0.02em;
	line-height: 1.28;
	margin: 0;
	padding: clamp(1.6rem, 2.2vw, 2rem) clamp(1rem, 1.4vw, 1.35rem) clamp(1rem, 1.4vw, 1.25rem);
	position: absolute;
	text-align: left;
	top: var(--ys-map-y);
	transform: translate(-50%, -50%) rotate(var(--ys-map-rotate));
	transform-origin: 50% 18%;
	transition: box-shadow 200ms ease, transform 200ms ease;
	width: clamp(9.5rem, 14.5vw, 12.5rem);
}

.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow li:nth-child(1) {
	--ys-map-fold: #d4b94e;
	--ys-map-note: #f4db84;
}

.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow li:nth-child(2) {
	--ys-map-fold: #ce8f84;
	--ys-map-note: #edb7aa;
}

.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow li:nth-child(3) {
	--ys-map-fold: #a8b38e;
	--ys-map-note: #cbd5b5;
}

.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow li:nth-child(4) {
	--ys-map-fold: #cb9da0;
	--ys-map-note: #efc3c5;
}

.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow li:nth-child(5) {
	--ys-map-fold: #cea475;
	--ys-map-note: #efc79e;
}

.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow li:nth-child(6) {
	--ys-map-fold: #e8c9b8;
	--ys-map-note: #ffe3d1;
}

.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow li::before {
	background: var(--ys-brown);
	border-radius: 50%;
	content: "";
	height: 0.48rem;
	left: clamp(1rem, 1.4vw, 1.35rem);
	position: absolute;
	top: clamp(1rem, 1.4vw, 1.35rem);
	width: 0.48rem;
}

.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow li::after {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0 48%, transparent 49%),
		var(--ys-map-fold);
	bottom: -1px;
	box-shadow: -0.28rem -0.28rem 0.55rem -0.42rem rgba(42, 15, 16, 0.7);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
	content: "";
	height: clamp(0.9rem, 1.3vw, 1.2rem);
	pointer-events: none;
	position: absolute;
	right: -1px;
	width: clamp(0.9rem, 1.3vw, 1.2rem);
}

@media (hover: hover) and (pointer: fine) {
	.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow li:hover {
		box-shadow: 0 1.75rem 3.25rem -1.75rem rgba(0, 0, 0, 0.82);
		transform: translate(-50%, -52%) rotate(0deg);
	}
}

.ys-landing--fractional_cbo .ys-landing__section--question.is-map-complete .ys-ownership-map__connection {
	stroke-dasharray: none;
}

.ys-landing--fractional_cbo .ys-landing__section--question .ys-ownership-map__centre {
	align-items: center;
	aspect-ratio: 1.05 / 1;
	background:
		linear-gradient(150deg, rgba(255, 255, 255, 0.34), transparent 52%),
		var(--ys-cream);
	border: 1px solid rgba(42, 15, 16, 0.16);
	box-shadow:
		0 0 0 clamp(0.45rem, 0.9vw, 0.75rem) rgba(255, 252, 245, 0.06),
		0 1.85rem 4.25rem -2rem rgba(0, 0, 0, 0.8);
	color: var(--ys-brown);
	display: flex;
	flex-direction: column;
	justify-content: center;
	left: 50%;
	padding: clamp(1.5rem, 2.5vw, 2.15rem);
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-1.5deg);
	transform-origin: 50% 50%;
	width: clamp(12rem, 19vw, 15.5rem);
	z-index: 3;
}

.ys-landing--fractional_cbo .ys-landing__section--question .ys-ownership-map__centre::after {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0 48%, transparent 49%),
		#e8c9b8;
	bottom: -1px;
	box-shadow: -0.35rem -0.35rem 0.7rem -0.45rem rgba(42, 15, 16, 0.65);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
	content: "";
	height: clamp(1.1rem, 1.6vw, 1.45rem);
	pointer-events: none;
	position: absolute;
	right: -1px;
	width: clamp(1.1rem, 1.6vw, 1.45rem);
}

.ys-ownership-map__centre-kicker {
	color: var(--ys-green);
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	margin-bottom: 0.55rem;
	text-transform: uppercase;
}

.ys-ownership-map__centre-prompt {
	font-size: clamp(0.82rem, 1.05vw, 0.95rem);
	font-weight: 700;
	line-height: 1.2;
	max-width: 10rem;
}

.ys-ownership-map__answers {
	display: block;
	height: clamp(2.35rem, 3.6vw, 3.2rem);
	margin-top: 0.7rem;
	position: relative;
	width: 100%;
}

.ys-ownership-map__answer {
	font-family: "Instrument Serif", serif;
	font-size: clamp(2.15rem, 3.6vw, 3.35rem);
	font-style: italic;
	inset: 0;
	line-height: 1;
	position: absolute;
}

.ys-ownership-map__answer--everyone::after {
	background: var(--ys-red);
	content: "";
	height: 0.18rem;
	left: 4%;
	position: absolute;
	top: 54%;
	transform: rotate(-6deg) scaleX(0);
	transform-origin: left center;
	transition: transform 380ms ease;
	width: 92%;
}

.ys-ownership-map__answer--nobody {
	color: var(--ys-red);
	font-size: clamp(2.35rem, 4.2vw, 3.85rem);
	opacity: 0;
}

.ys-landing__section--question.is-map-resolved .ys-ownership-map__answer--everyone {
	opacity: 0.24;
}

.ys-landing__section--question.is-map-resolved .ys-ownership-map__answer--everyone::after {
	transform: rotate(-5deg) scaleX(1);
}

.ys-landing__section--question.is-map-resolved .ys-ownership-map__answer--nobody {
	opacity: 1;
}

@media screen and (max-width: 900px) {
	.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready .ys-ownership-map {
		aspect-ratio: auto;
		max-width: 31rem;
	}

	.ys-landing--fractional_cbo .ys-landing__section--question .ys-ownership-map__connections {
		display: none;
	}

	.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow {
		display: grid;
		gap: 1.2rem;
		inset: auto;
		position: relative;
	}

	.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow li {
		aspect-ratio: auto;
		left: auto;
		min-height: 4.75rem;
		position: relative;
		top: auto;
		transform: rotate(var(--ys-map-rotate, 0deg));
		width: min(100%, 24rem);
		justify-self: center;
	}

	.ys-landing--fractional_cbo .ys-landing__section--question.is-map-ready ol.ys-flow li:not(:last-child)::after {
		background:
			linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0 48%, transparent 49%),
			var(--ys-map-fold);
		bottom: -1px;
		box-shadow: -0.28rem -0.28rem 0.55rem -0.42rem rgba(42, 15, 16, 0.7);
		clip-path: polygon(100% 0, 0 100%, 100% 100%);
		display: block;
		height: clamp(0.9rem, 1.3vw, 1.2rem);
		left: auto;
		right: -1px;
		top: auto;
		transform: none;
		width: clamp(0.9rem, 1.3vw, 1.2rem);
	}

	.ys-landing--fractional_cbo .ys-landing__section--question .ys-ownership-map__centre {
		left: auto;
		margin: 2.75rem auto 0;
		position: relative;
		top: auto;
		transform: rotate(-1.5deg);
		width: min(13rem, 74vw);
	}

	.ys-landing--fractional_cbo .ys-landing__section--question .ys-landing__prose > blockquote {
		font-size: clamp(2.15rem, 8.5vw, 3.8rem);
		margin-top: 3.5rem;
	}
}

/* Fractional CBO: ownership risk — fragment cascade */
.ys-landing--fractional_cbo .ys-landing__section--ownership_risk {
	background:
		radial-gradient(circle at 12% 18%, rgba(72, 84, 54, 0.07), transparent 28%),
		var(--ys-cream);
	overflow: hidden;
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk::before {
	background: var(--ys-red);
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__inner--text-only {
	grid-template-columns: minmax(0, 82rem);
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__section-heading {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
	max-width: 72rem;
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__section-title {
	max-width: 14ch;
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > ul {
	counter-reset: ys-fragment;
	display: grid;
	gap: clamp(0.8rem, 1.4vw, 1.05rem);
	list-style: none;
	margin: clamp(2rem, 4vw, 3.5rem) 0;
	max-width: 54rem;
	padding: 0;
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > ul li {
	--ys-fragment-accent: rgba(246, 80, 88, 0.55);
	--ys-fragment-rotate: 0deg;
	--ys-fragment-shift: 0;
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.55), transparent 48%),
		#fffdf8;
	border: 1px solid rgba(42, 15, 16, 0.1);
	border-left: 0.32rem solid var(--ys-fragment-accent);
	box-shadow: 0 1rem 2.1rem -1.6rem rgba(42, 15, 16, 0.38);
	counter-increment: ys-fragment;
	font-size: clamp(1rem, 1.25vw, 1.12rem);
	font-weight: 650;
	line-height: 1.42;
	margin: 0;
	padding: clamp(1rem, 1.6vw, 1.3rem) clamp(1.25rem, 2vw, 1.75rem) clamp(1rem, 1.6vw, 1.3rem) clamp(3rem, 4.5vw, 3.75rem);
	position: relative;
	transform: translateX(var(--ys-fragment-shift)) rotate(var(--ys-fragment-rotate));
	transition: box-shadow 200ms ease, transform 200ms ease;
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > ul li::before {
	color: var(--ys-red);
	content: counter(ys-fragment, decimal-leading-zero);
	font-size: 0.68rem;
	font-weight: 700;
	left: clamp(1.1rem, 1.8vw, 1.45rem);
	letter-spacing: 0.08em;
	position: absolute;
	top: clamp(1.05rem, 1.6vw, 1.25rem);
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > ul li:nth-child(1) {
	--ys-fragment-rotate: -0.55deg;
	--ys-fragment-shift: -0.35rem;
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > ul li:nth-child(2) {
	--ys-fragment-accent: rgba(246, 80, 88, 0.65);
	--ys-fragment-rotate: 0.45deg;
	--ys-fragment-shift: 1.1rem;
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > ul li:nth-child(3) {
	--ys-fragment-accent: rgba(246, 80, 88, 0.75);
	--ys-fragment-rotate: -0.35deg;
	--ys-fragment-shift: -0.85rem;
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > ul li:nth-child(4) {
	--ys-fragment-accent: rgba(246, 80, 88, 0.85);
	--ys-fragment-rotate: 0.65deg;
	--ys-fragment-shift: 1.45rem;
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > ul li:nth-child(5) {
	--ys-fragment-accent: var(--ys-red);
	--ys-fragment-rotate: -0.75deg;
	--ys-fragment-shift: -0.2rem;
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > p {
	background: var(--ys-brown);
	border-left: 0.35rem solid var(--ys-red);
	color: var(--ys-cream);
	font-size: clamp(1.15rem, 1.6vw, 1.4rem);
	line-height: 1.55;
	margin: clamp(2.5rem, 5vw, 4rem) 0 0;
	max-width: 54rem;
	padding: clamp(1.5rem, 2.5vw, 2rem) clamp(1.5rem, 2.5vw, 2.25rem);
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > blockquote {
	background: var(--ys-peach);
	border: 0;
	color: var(--ys-brown);
	font-size: clamp(2.15rem, 4vw, 3.85rem);
	line-height: 1.04;
	margin: clamp(3rem, 6vw, 5rem) calc(-1 * var(--ys-gutter)) 0;
	max-width: none;
	padding: clamp(2.5rem, 5vw, 4.5rem) var(--ys-gutter);
	text-align: center;
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > blockquote p {
	margin: 0;
}

.ys-landing--fractional_cbo .ys-landing__section--ownership_risk.is-fragments-ready .ys-landing__prose > ul li {
	opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
	.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > ul li:hover {
		box-shadow: 0 1.35rem 2.5rem -1.5rem rgba(42, 15, 16, 0.48);
		transform: translateX(var(--ys-fragment-shift)) translateY(-0.2rem) rotate(0deg);
	}
}

@media screen and (max-width: 900px) {
	.ys-landing--fractional_cbo .ys-landing__section--ownership_risk .ys-landing__prose > ul li {
		--ys-fragment-shift: 0 !important;
		--ys-fragment-rotate: 0deg !important;
	}
}

/* Fractional CBO: lined paper notes (section 06) */
.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for {
	background-color: #f4efe5;
	background-image: radial-gradient(rgba(42, 15, 16, 0.11) 0.7px, transparent 0.7px);
	background-size: 1.25rem 1.25rem;
	overflow: hidden;
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for::before {
	background: var(--ys-green);
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__inner--text-only {
	grid-template-columns: minmax(0, 82rem);
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__section-heading {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
	max-width: 72rem;
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__section-title {
	max-width: 14ch;
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul {
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem) clamp(1.25rem, 2.5vw, 2rem);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: clamp(1.5rem, 3vw, 2.5rem) 0 0;
	max-width: 58rem;
	padding: 0;
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li {
	--ys-paper-fold: #e8dfd0;
	--ys-paper-rotate: 0deg;
	--ys-paper-shift: 0;
	background-color: #fffdf8;
	background-image:
		repeating-linear-gradient(
			to bottom,
			transparent,
			transparent calc(1.62rem - 1px),
			rgba(42, 15, 16, 0.065) calc(1.62rem - 1px),
			rgba(42, 15, 16, 0.065) 1.62rem
		);
	background-size: 100% 1.62rem;
	border: 1px solid rgba(42, 15, 16, 0.1);
	box-shadow: 0 1.1rem 2.2rem -1.65rem rgba(42, 15, 16, 0.42);
	color: var(--ys-brown);
	font-family: "Instrument Serif", serif;
	font-size: clamp(1.05rem, 1.35vw, 1.22rem);
	font-style: italic;
	font-weight: 400;
	line-height: 1.62;
	margin: 0;
	min-height: 6.5rem;
	padding: 1.35rem 1.35rem 1.15rem 2.35rem;
	position: relative;
	transform: translateY(var(--ys-paper-shift)) rotate(var(--ys-paper-rotate));
	transform-origin: 50% 15%;
	transition: box-shadow 200ms ease, transform 200ms ease;
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li::before {
	background: rgba(246, 80, 88, 0.42);
	content: "";
	height: calc(100% - 1.5rem);
	left: 1.45rem;
	position: absolute;
	top: 0.75rem;
	width: 1px;
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li::after {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.55) 0 48%, transparent 49%),
		var(--ys-paper-fold);
	bottom: -1px;
	box-shadow: -0.28rem -0.28rem 0.55rem -0.42rem rgba(42, 15, 16, 0.55);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
	content: "";
	height: clamp(0.85rem, 1.2vw, 1.1rem);
	pointer-events: none;
	position: absolute;
	right: -1px;
	width: clamp(0.85rem, 1.2vw, 1.1rem);
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li:nth-child(1) {
	--ys-paper-rotate: -1.15deg;
	--ys-paper-shift: 0.15rem;
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li:nth-child(2) {
	--ys-paper-fold: #e5ddd0;
	--ys-paper-rotate: 0.85deg;
	--ys-paper-shift: -0.1rem;
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li:nth-child(3) {
	--ys-paper-rotate: -0.55deg;
	--ys-paper-shift: 0.25rem;
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li:nth-child(4) {
	--ys-paper-fold: #ebe3d6;
	--ys-paper-rotate: 1.05deg;
	--ys-paper-shift: -0.2rem;
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li:nth-child(5) {
	--ys-paper-rotate: -0.9deg;
	--ys-paper-shift: 0.1rem;
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li:nth-child(6) {
	--ys-paper-fold: #e3dbd0;
	--ys-paper-rotate: 0.65deg;
	--ys-paper-shift: -0.15rem;
}

.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li:nth-child(7) {
	--ys-paper-rotate: -0.45deg;
	grid-column: 1 / -1;
	justify-self: center;
	max-width: min(100%, 28rem);
	width: 100%;
}

@media (hover: hover) and (pointer: fine) {
	.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li:hover {
		box-shadow: 0 1.5rem 2.8rem -1.5rem rgba(42, 15, 16, 0.5);
		transform: translateY(-0.2rem) rotate(0deg);
	}
}

@media screen and (max-width: 900px) {
	.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul {
		grid-template-columns: minmax(0, 1fr);
		max-width: 24rem;
	}

	.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li,
	.ys-landing--fractional_cbo .ys-landing__section--who_this_is_for .ys-landing__prose > ul li:nth-child(7) {
		--ys-paper-rotate: 0deg !important;
		--ys-paper-shift: 0 !important;
		grid-column: 1;
		justify-self: stretch;
		max-width: none;
	}
}

/* Fractional CBO + Brand Consultant: scattered photo gallery */
.ys-landing--fractional_cbo .ys-landing__section--why_yulia.ys-photo-scatter,
.ys-landing--brand_consultant .ys-landing__section--why_yulia.ys-photo-scatter {
	background:
		radial-gradient(circle at 12% 18%, rgba(72, 84, 54, 0.07), transparent 34%),
		radial-gradient(circle at 88% 82%, rgba(246, 80, 88, 0.06), transparent 30%),
		var(--ys-cream);
	overflow: hidden;
	padding-block: clamp(4rem, 8vw, 7rem);
}

.ys-landing--fractional_cbo .ys-landing__section--why_yulia.ys-photo-scatter::before,
.ys-landing--brand_consultant .ys-landing__section--why_yulia.ys-photo-scatter::before {
	background: var(--ys-accent);
}

.ys-photo-scatter__inner {
	align-items: start;
	display: grid;
	gap: clamp(1.5rem, 3vw, 2.5rem);
	grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
	margin-inline: auto;
	max-width: min(100%, 82rem);
	min-height: clamp(30rem, 52vw, 42rem);
	padding-inline: clamp(1.25rem, 4vw, 3rem);
	position: relative;
}

.ys-photo-scatter__heading {
	align-items: flex-start;
	display: flex;
	gap: clamp(1rem, 2.5vw, 2rem);
	grid-column: 1;
	grid-row: 1;
	max-width: none;
	position: relative;
	z-index: 2;
}

.ys-photo-scatter__heading .ys-landing__section-title {
	max-width: 16ch;
}

.ys-photo-scatter__stage {
	grid-column: 2;
	grid-row: 1;
	isolation: isolate;
	min-height: clamp(30rem, 52vw, 42rem);
	position: relative;
}

.ys-photo-scatter__item {
	--scatter-drift-x: 0rem;
	--scatter-drift-y: 0rem;
	--scatter-rotate: 0deg;
	--scatter-width: clamp(8.5rem, 16vw, 13.5rem);
	--scatter-x: 50%;
	--scatter-y: 50%;
	left: var(--scatter-x);
	margin: 0;
	position: absolute;
	top: var(--scatter-y);
	transform: translate(calc(-50% + var(--scatter-drift-x)), calc(-50% + var(--scatter-drift-y)));
	transition: transform 0.35s ease;
	width: var(--scatter-width);
	z-index: 1;
}

.ys-photo-scatter__item:hover,
.ys-photo-scatter__item.is-hovered {
	z-index: 12;
}

.ys-photo-scatter__frame {
	background: #fffdf8;
	box-shadow:
		0 0.15rem 0.35rem rgba(42, 15, 16, 0.08),
		0 1.35rem 2.75rem -1.35rem rgba(42, 15, 16, 0.48);
	overflow: hidden;
	padding: 0.55rem 0.55rem 1.85rem;
	transform: rotate(var(--scatter-rotate));
	transition: box-shadow 0.35s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.ys-photo-scatter__image {
	aspect-ratio: 4 / 5;
	display: block;
	filter: grayscale(100%);
	height: auto;
	object-fit: cover;
	transition: filter 0.55s ease;
	width: 100%;
}

.ys-photo-scatter__item:hover .ys-photo-scatter__frame,
.ys-photo-scatter__item.is-hovered .ys-photo-scatter__frame {
	box-shadow:
		0 0.2rem 0.45rem rgba(42, 15, 16, 0.1),
		0 2rem 3.75rem -1rem rgba(42, 15, 16, 0.58);
	transform: rotate(0deg) scale(1.04);
}

.ys-photo-scatter__item:hover .ys-photo-scatter__image,
.ys-photo-scatter__item.is-hovered .ys-photo-scatter__image {
	filter: grayscale(0%);
}

.ys-photo-scatter__caption {
	color: rgba(42, 15, 16, 0.62);
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	margin-top: 0.55rem;
	text-align: center;
	text-transform: uppercase;
}

.ys-photo-scatter__copy {
	margin-top: clamp(2rem, 4vw, 3rem);
	max-width: 38rem;
	position: relative;
	z-index: 2;
}

.ys-photo-scatter__actions {
	margin-top: clamp(1.5rem, 3vw, 2rem);
	position: relative;
	z-index: 2;
}

.ys-photo-scatter:not(.is-scatter-ready) .ys-photo-scatter__item {
	opacity: 0;
}

.ys-photo-scatter.is-scatter-ready .ys-photo-scatter__item {
	opacity: 1;
	transition: opacity 0.55s ease, transform 0.35s ease;
}

.ys-photo-scatter__item:nth-child(1) {
	--scatter-rotate: -6deg;
	--scatter-width: clamp(8.5rem, 16vw, 13rem);
	--scatter-x: 58%;
	--scatter-y: 14%;
}

.ys-photo-scatter__item:nth-child(2) {
	--scatter-rotate: 5deg;
	--scatter-width: clamp(7.5rem, 14vw, 11.5rem);
	--scatter-x: 88%;
	--scatter-y: 10%;
}

.ys-photo-scatter__item:nth-child(3) {
	--scatter-rotate: -3.5deg;
	--scatter-width: clamp(8rem, 15vw, 12rem);
	--scatter-x: 72%;
	--scatter-y: 46%;
}

.ys-photo-scatter__item:nth-child(4) {
	--scatter-rotate: 7deg;
	--scatter-width: clamp(7rem, 13vw, 10.5rem);
	--scatter-x: 42%;
	--scatter-y: 66%;
}

.ys-photo-scatter__item:nth-child(5) {
	--scatter-rotate: -5deg;
	--scatter-width: clamp(8.25rem, 15vw, 12.5rem);
	--scatter-x: 90%;
	--scatter-y: 72%;
}

.ys-photo-scatter__item:nth-child(6) {
	--scatter-rotate: 3deg;
	--scatter-width: clamp(7.25rem, 13vw, 11rem);
	--scatter-x: 56%;
	--scatter-y: 82%;
}

.ys-photo-scatter__item:nth-child(7) {
	--scatter-rotate: -6deg;
	--scatter-width: clamp(6.75rem, 12vw, 10rem);
	--scatter-x: 30%;
	--scatter-y: 34%;
}

.ys-photo-scatter__item:nth-child(8) {
	--scatter-rotate: 4.5deg;
	--scatter-width: clamp(7rem, 12.5vw, 10.5rem);
	--scatter-x: 78%;
	--scatter-y: 88%;
}

@media screen and (max-width: 900px) {
	.ys-photo-scatter__inner {
		display: flex;
		flex-direction: column;
		gap: 2rem;
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
	}

	.ys-photo-scatter__heading {
		grid-column: 1;
		grid-row: auto;
	}

	.ys-photo-scatter__stage {
		display: grid;
		gap: 1rem;
		grid-column: 1;
		grid-row: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		min-height: 0;
		position: relative;
	}

	.ys-photo-scatter__item {
		--scatter-rotate: 0deg !important;
		--scatter-width: 100% !important;
		left: auto;
		position: relative;
		top: auto;
		transform: none;
		width: 100%;
	}

	.ys-photo-scatter__item:nth-child(n) {
		--scatter-x: auto;
		--scatter-y: auto;
	}

	.ys-photo-scatter__item:nth-child(odd) .ys-photo-scatter__frame {
		transform: rotate(-1.5deg);
	}

	.ys-photo-scatter__item:nth-child(even) .ys-photo-scatter__frame {
		transform: rotate(1.5deg);
	}
}

@media (hover: none) {
	.ys-photo-scatter__item.is-hovered .ys-photo-scatter__frame {
		transform: rotate(0deg) scale(1.02);
	}
}

/* Fractional CBO: POV cards (section 08) */
.ys-landing--fractional_cbo .ys-landing__section--point_of_view {
	background:
		radial-gradient(circle at 14% 12%, rgba(72, 84, 54, 0.07), transparent 32%),
		radial-gradient(circle at 88% 84%, rgba(246, 80, 88, 0.06), transparent 28%),
		var(--ys-cream);
	overflow: hidden;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view::before {
	background: var(--ys-green);
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__inner--text-only {
	grid-template-columns: minmax(0, 78rem);
	justify-content: center;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__section-heading {
	margin-bottom: clamp(2rem, 4vw, 3.25rem);
	max-width: 46rem;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__section-title {
	max-width: 14ch;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose {
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: none;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > p:nth-child(-n + 3) {
	--ys-pov-card-accent: var(--ys-red);
	--ys-pov-card-bg: #fff8f4;
	--ys-pov-card-rotate: 0deg;
	--ys-pov-card-shift: 0;
	background: var(--ys-pov-card-bg);
	border: 1px solid rgba(42, 15, 16, 0.1);
	box-shadow: 0 1.15rem 2.35rem -1.55rem rgba(42, 15, 16, 0.38);
	color: var(--ys-brown);
	display: flex;
	flex-direction: column;
	font-family: "Instrument Serif", serif;
	font-size: clamp(1.2rem, 1.75vw, 1.55rem);
	font-style: italic;
	gap: 0.85rem;
	line-height: 1.35;
	margin: 0;
	min-height: 11rem;
	padding: clamp(1.35rem, 2.2vw, 1.75rem) clamp(1.25rem, 2vw, 1.6rem) clamp(1.5rem, 2.4vw, 1.85rem);
	position: relative;
	transform: translateY(var(--ys-pov-card-shift)) rotate(var(--ys-pov-card-rotate));
	transition: box-shadow 200ms ease, transform 200ms ease;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > p:nth-child(-n + 3)::before {
	align-items: center;
	background: var(--ys-pov-card-accent);
	border-radius: 999px;
	color: var(--ys-cream);
	content: "Not";
	display: inline-flex;
	font-family: "Instrument Sans", sans-serif;
	font-size: 0.68rem;
	font-style: normal;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0.12em;
	line-height: 1;
	padding: 0.42rem 0.7rem;
	text-transform: uppercase;
	width: fit-content;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > p:nth-child(1) {
	--ys-pov-card-accent: var(--ys-red);
	--ys-pov-card-bg: #fff5f3;
	--ys-pov-card-rotate: -1.1deg;
	--ys-pov-card-shift: 0.2rem;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > p:nth-child(2) {
	--ys-pov-card-accent: #c97b52;
	--ys-pov-card-bg: #fff8ef;
	--ys-pov-card-rotate: 0.85deg;
	--ys-pov-card-shift: -0.15rem;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > p:nth-child(3) {
	--ys-pov-card-accent: var(--ys-green);
	--ys-pov-card-bg: #f5f7ef;
	--ys-pov-card-rotate: -0.65deg;
	--ys-pov-card-shift: 0.1rem;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > blockquote {
	background: var(--ys-brown);
	border: 0;
	color: var(--ys-cream);
	font-size: clamp(2.75rem, 6.2vw, 5.5rem);
	font-style: normal;
	font-weight: 400;
	grid-column: 1 / -1;
	letter-spacing: -0.04em;
	line-height: 0.95;
	margin: clamp(1.5rem, 3vw, 2.5rem) calc(-1 * var(--ys-gutter)) 0;
	max-width: none;
	padding: clamp(3rem, 7vw, 5.5rem) var(--ys-gutter);
	position: relative;
	text-align: center;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > blockquote::before {
	border: 1px solid rgba(255, 252, 245, 0.22);
	border-radius: 50%;
	content: "";
	height: clamp(5.5rem, 12vw, 9rem);
	left: 50%;
	opacity: 0.7;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translate(-50%, -52%);
	width: clamp(9rem, 22vw, 16rem);
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > blockquote::after {
	background: var(--ys-peach);
	border-radius: 0.2rem;
	bottom: 0;
	content: "";
	height: 0.35rem;
	left: 50%;
	opacity: 0.85;
	position: absolute;
	transform: translateX(-50%);
	width: clamp(8rem, 28vw, 18rem);
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > blockquote p {
	margin: 0;
	position: relative;
	z-index: 1;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > p:last-child {
	background: #fffdf8;
	border: 1px solid rgba(42, 15, 16, 0.1);
	border-left: 0.35rem solid var(--ys-green);
	color: var(--ys-brown);
	font-size: clamp(1.05rem, 1.45vw, 1.22rem);
	grid-column: 1 / -1;
	line-height: 1.65;
	margin: clamp(1.25rem, 2.5vw, 2rem) 0 0;
	max-width: 52rem;
	padding: clamp(1.35rem, 2.5vw, 1.75rem) clamp(1.35rem, 2.5vw, 1.85rem);
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view:not(.is-pov-revealed) .ys-landing__prose > :is(p, blockquote) {
	opacity: 0;
}

.ys-landing--fractional_cbo .ys-landing__section--point_of_view.is-pov-revealed .ys-landing__prose > :is(p, blockquote) {
	transition: opacity 0.55s ease, transform 0.55s ease;
}

@media (hover: hover) and (pointer: fine) {
	.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > p:nth-child(-n + 3):hover {
		box-shadow: 0 1.45rem 2.75rem -1.35rem rgba(42, 15, 16, 0.45);
		transform: translateY(-0.2rem) rotate(0deg);
	}
}

/* Fractional CBO + Brand Consultant: editorial feature CTA */
.ys-landing--fractional_cbo .ys-landing__section--final_cta.ys-cta-feature,
.ys-landing--speaker .ys-landing__section--final_cta.ys-cta-feature,
.ys-landing--brand_consultant .ys-landing__section--final_conversion.ys-cta-feature {
	background: #1a2228;
	border-top: 0;
	color: var(--ys-cream);
	min-height: clamp(34rem, 72vh, 46rem);
	overflow: hidden;
	padding: 0;
}

.ys-landing--fractional_cbo .ys-landing__section--final_cta.ys-cta-feature::before,
.ys-landing--speaker .ys-landing__section--final_cta.ys-cta-feature::before,
.ys-landing--brand_consultant .ys-landing__section--final_conversion.ys-cta-feature::before {
	background: var(--ys-peach);
	left: 0;
	width: clamp(5rem, 16vw, 11rem);
}

.ys-cta-feature__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	min-height: inherit;
}

.ys-cta-feature__media {
	margin: 0;
	min-height: clamp(22rem, 52vh, 36rem);
	overflow: hidden;
	position: relative;
}

.ys-cta-feature__media::after {
	background:
		linear-gradient(180deg, rgba(26, 34, 40, 0.08), rgba(26, 34, 40, 0.42)),
		linear-gradient(90deg, rgba(26, 34, 40, 0.08) 0%, rgba(26, 34, 40, 0.72) 62%, #1a2228 100%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.ys-cta-feature__image {
	display: block;
	height: 100%;
	min-height: clamp(22rem, 52vh, 36rem);
	object-fit: cover;
	object-position: center 18%;
	width: 100%;
}

.ys-cta-feature__content {
	align-content: center;
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
	padding: clamp(3rem, 7vw, 5.5rem) var(--ys-gutter) clamp(3rem, 7vw, 5.5rem) clamp(1.25rem, 3vw, 2rem);
	position: relative;
	z-index: 2;
}

.ys-cta-feature__ordinal {
	margin-bottom: 0.25rem;
}

/* Keep the speaker CTA index consistent with Training Section 09. */
.ys-landing--speaker .ys-landing__ordinal.ys-cta-feature__ordinal {
	--ys-index-accent: var(--ys-peach);
	--ys-index-bar-height: 0.3rem;
	--ys-index-bar-width: 2.15rem;
	--ys-index-gap: 0.65rem;
	align-items: center;
	border-top: 0;
	color: var(--ys-peach);
	display: inline-flex;
	font-family: "Instrument Sans", sans-serif;
	font-size: 0.8125rem;
	font-style: normal;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	gap: var(--ys-index-gap);
	justify-self: start;
	letter-spacing: 0.02em;
	line-height: 1;
	min-width: 0;
	padding-top: 0;
	width: fit-content;
}

.ys-landing--speaker .ys-landing__ordinal.ys-cta-feature__ordinal::before {
	background: var(--ys-index-accent);
	content: "";
	display: block;
	flex-shrink: 0;
	height: var(--ys-index-bar-height);
	width: var(--ys-index-bar-width);
}

.ys-cta-feature__eyebrow {
	color: var(--ys-peach);
	margin-bottom: 0;
}

.ys-cta-feature__eyebrow::before {
	background: currentcolor;
}

.ys-cta-feature__title {
	color: var(--ys-cream);
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(2.65rem, 6.4vw, 5.65rem);
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 0.9;
	margin: 0;
	max-width: 11ch;
	text-transform: uppercase;
}

.ys-cta-feature__prose {
	color: rgba(255, 252, 245, 0.84);
	font-size: clamp(1rem, 1.35vw, 1.15rem);
	line-height: 1.68;
	max-width: 30rem;
}

.ys-cta-feature__prose > :last-child {
	margin-bottom: 0;
}

.ys-cta-feature__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem clamp(1.25rem, 2.5vw, 2.5rem);
	margin-top: clamp(0.5rem, 1.5vw, 1rem);
}

.ys-cta-feature .ys-landing__cta--primary {
	background: var(--ys-peach);
	border-color: var(--ys-peach);
	color: var(--ys-brown);
	min-height: 3.25rem;
	padding-inline: 1.35rem;
}

.ys-cta-feature .ys-landing__cta--primary:hover {
	background: transparent;
	border-color: var(--ys-cream);
	color: var(--ys-cream);
}

.ys-cta-feature .ys-landing__cta--secondary {
	border-bottom: 0;
	color: var(--ys-cream);
	font-size: clamp(0.72rem, 0.85vw, 0.82rem);
	gap: 0.65rem;
	letter-spacing: 0.12em;
	min-height: auto;
	padding: 0.35rem 0;
	text-transform: uppercase;
}

.ys-cta-feature .ys-landing__cta--secondary::before {
	content: "↳";
	font-size: 1.15rem;
	line-height: 1;
}

.ys-cta-feature .ys-landing__cta--secondary:hover {
	color: var(--ys-peach);
	transform: translateX(0.2rem);
}

.ys-landing--fractional_cbo .ys-landing__section--final_cta.ys-cta-feature:not(.is-cta-ready) .ys-cta-feature__media,
.ys-landing--fractional_cbo .ys-landing__section--final_cta.ys-cta-feature:not(.is-cta-ready) .ys-cta-feature__content > *,
.ys-landing--speaker .ys-landing__section--final_cta.ys-cta-feature:not(.is-cta-ready) .ys-cta-feature__media,
.ys-landing--speaker .ys-landing__section--final_cta.ys-cta-feature:not(.is-cta-ready) .ys-cta-feature__content > *,
.ys-landing--brand_consultant .ys-landing__section--final_conversion.ys-cta-feature:not(.is-cta-ready) .ys-cta-feature__media,
.ys-landing--brand_consultant .ys-landing__section--final_conversion.ys-cta-feature:not(.is-cta-ready) .ys-cta-feature__content > * {
	opacity: 0;
}

.ys-landing--fractional_cbo .ys-landing__section--final_cta.ys-cta-feature.is-cta-ready .ys-cta-feature__content > *,
.ys-landing--speaker .ys-landing__section--final_cta.ys-cta-feature.is-cta-ready .ys-cta-feature__content > *,
.ys-landing--brand_consultant .ys-landing__section--final_conversion.ys-cta-feature.is-cta-ready .ys-cta-feature__content > * {
	transition: opacity 0.55s ease, transform 0.55s ease;
}

@media screen and (max-width: 900px) {
	.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose {
		grid-template-columns: minmax(0, 1fr);
	}

	.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > p:nth-child(-n + 3) {
		--ys-pov-card-rotate: 0deg !important;
		--ys-pov-card-shift: 0 !important;
		min-height: 0;
	}

	.ys-landing--fractional_cbo .ys-landing__section--point_of_view .ys-landing__prose > blockquote {
		font-size: clamp(2.35rem, 11vw, 3.5rem);
	}

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

	.ys-cta-feature__media {
		min-height: clamp(18rem, 42vh, 24rem);
	}

	.ys-cta-feature__media::after {
		background:
			linear-gradient(180deg, rgba(26, 34, 40, 0.04), rgba(26, 34, 40, 0.82) 72%, #1a2228 100%);
	}

	.ys-cta-feature__image {
		min-height: clamp(18rem, 42vh, 24rem);
		object-position: center 12%;
	}

	.ys-cta-feature__content {
		padding: clamp(2rem, 5vw, 3rem) var(--ys-gutter) clamp(3rem, 7vw, 4rem);
	}

	.ys-cta-feature__title {
		font-size: clamp(2.2rem, 10vw, 3.35rem);
		max-width: none;
	}

	.ys-cta-feature__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.ys-cta-feature .ys-landing__cta {
		justify-content: center;
		width: 100%;
	}
}

/* Fractional CBO + Training: top-down transformation table (section 04) */
.ys-landing--fractional_cbo .ys-transformation-table.ys-landing__section,
.ys-training .ys-training__section.ys-transformation-table {
	background:
		radial-gradient(circle at 14% 14%, rgba(255, 252, 245, 0.72), transparent 30%),
		linear-gradient(135deg, #efe5d4 0%, #e6d7c1 100%);
	overflow: hidden;
	padding-bottom: clamp(3.5rem, 6vw, 6rem);
	padding-top: clamp(3.5rem, 6vw, 6rem);
}

.ys-landing--fractional_cbo .ys-transformation-table.ys-landing__section::before,
.ys-training .ys-training__section.ys-transformation-table::before {
	background: var(--ys-red);
	z-index: 2;
}

.ys-landing--fractional_cbo .ys-transformation-table.ys-landing__section::after,
.ys-training .ys-training__section.ys-transformation-table::after {
	background-image:
		radial-gradient(rgba(42, 15, 16, 0.11) 0.55px, transparent 0.7px),
		radial-gradient(rgba(255, 252, 245, 0.48) 0.55px, transparent 0.7px);
	background-position: 0 0, 0.55rem 0.55rem;
	background-size: 1.1rem 1.1rem;
	content: "";
	inset: 0;
	opacity: 0.28;
	pointer-events: none;
	position: absolute;
}

.ys-transformation-table__inner {
	margin: 0 auto;
	max-width: 92rem;
	position: relative;
	width: 100%;
	z-index: 1;
}

.ys-landing--fractional_cbo .ys-landing__section--future_state .ys-transformation-table__heading,
.ys-training .ys-training__section--dependency_shift.ys-transformation-table .ys-transformation-table__heading {
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
	max-width: 72rem;
}

.ys-landing--fractional_cbo .ys-landing__section--future_state .ys-transformation-table__heading .ys-landing__section-title,
.ys-training .ys-training__section--dependency_shift.ys-transformation-table .ys-transformation-table__heading .ys-training__title {
	max-width: 14ch;
}

.ys-landing--fractional_cbo .ys-landing__section--future_state .ys-transformation-table__heading .ys-landing__eyebrow,
.ys-training .ys-training__section--dependency_shift.ys-transformation-table .ys-transformation-table__heading .ys-landing__eyebrow {
	color: var(--ys-red);
	margin-bottom: 1rem;
}

.ys-training .ys-training__section.ys-transformation-table .ys-transformation-table__inner {
	padding-inline: var(--ys-gutter, clamp(1.25rem, 5vw, 6.5rem));
}

.ys-transformation-table__desktop {
	perspective: clamp(72rem, 110vw, 96rem);
	perspective-origin: 50% 28%;
}

.ys-transformation-table__surface {
	--ys-table-tilt: 7deg;
	background:
		linear-gradient(90deg, transparent 0%, rgba(255, 252, 245, 0.09) 48%, transparent 100%),
		repeating-linear-gradient(2deg, rgba(42, 15, 16, 0.025) 0 1px, transparent 1px 1.15rem),
		#cbb497;
	border: 1px solid rgba(42, 15, 16, 0.16);
	box-shadow:
		inset 0 1px 0 rgba(255, 252, 245, 0.52),
		0 1.75rem 4rem -2.5rem rgba(42, 15, 16, 0.38);
	isolation: isolate;
	min-height: clamp(31rem, 56vw, 42rem);
	padding: clamp(2.5rem, 4.5vw, 4.5rem) clamp(1.5rem, 3.3vw, 3.5rem) clamp(2rem, 3.4vw, 3.5rem);
	position: relative;
	transform: rotateX(var(--ys-table-tilt));
	transform-origin: 50% 100%;
	transform-style: preserve-3d;
}

.ys-transformation-table__surface::before {
	border: 1px solid rgba(255, 252, 245, 0.22);
	content: "";
	inset: 0.7rem;
	pointer-events: none;
	position: absolute;
}

.ys-transformation-table__desktop .ys-transformation-table__pairs {
	align-items: stretch;
	display: grid;
	gap: clamp(1.5rem, 2.8vw, 2.75rem) clamp(1.25rem, 2.4vw, 2.5rem);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	transform-style: preserve-3d;
}

.ys-transformation-table__desktop .ys-transformation-table__pair {
	--ys-table-pair-x: 0;
	--ys-table-pair-y: 0;
	--ys-table-pair-rotate: 0deg;
	--ys-table-pair-scale: 1;
	align-items: stretch;
	display: grid;
	gap: clamp(0.65rem, 1.2vw, 1rem);
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	min-width: 0;
	position: relative;
	transform: translate(var(--ys-table-pair-x), var(--ys-table-pair-y)) rotate(var(--ys-table-pair-rotate)) scale(var(--ys-table-pair-scale));
	transform-origin: center;
	transition: filter 0.32s ease, opacity 0.32s ease, transform 0.32s ease;
	z-index: 1;
}

.ys-transformation-table__desktop .ys-transformation-table__pair:nth-child(1) {
	--ys-table-pair-x: -0.15rem;
	--ys-table-pair-y: 0.2rem;
	--ys-table-pair-rotate: -1.1deg;
}

.ys-transformation-table__desktop .ys-transformation-table__pair:nth-child(2) {
	--ys-table-pair-x: 0.12rem;
	--ys-table-pair-y: -0.15rem;
	--ys-table-pair-rotate: 0.85deg;
}

.ys-transformation-table__desktop .ys-transformation-table__pair:nth-child(3) {
	--ys-table-pair-x: 0.1rem;
	--ys-table-pair-y: 0.12rem;
	--ys-table-pair-rotate: 0.65deg;
}

.ys-transformation-table__desktop .ys-transformation-table__pair:nth-child(4) {
	--ys-table-pair-x: -0.1rem;
	--ys-table-pair-y: -0.12rem;
	--ys-table-pair-rotate: -0.95deg;
}

.ys-transformation-table__pair-axis {
	align-items: center;
	align-self: center;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	justify-content: center;
	min-width: clamp(2rem, 3vw, 2.75rem);
	padding: 0 0.15rem;
}

.ys-transformation-table__pair-axis-label {
	color: #000;
	font-size: 0.52rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	writing-mode: vertical-rl;
}

.ys-transformation-table__pair-arrow {
	color: #ffd61e;
	font-family: "Instrument Sans", sans-serif;
	font-size: 1.35rem;
	line-height: 1;
	text-shadow: 0 0 0.35rem rgba(42, 15, 16, 0.35);
}

.ys-transformation-table__card {
	--ys-card-lift: 0.65rem;
	--ys-card-pointer-x: 0deg;
	--ys-card-pointer-y: 0deg;
	--ys-card-tilt-x: 2.5deg;
	--ys-card-tilt-y: 0deg;
	border: 0;
	min-width: 0;
	outline: 0;
	position: relative;
	transform-style: preserve-3d;
	z-index: 1;
}

.ys-transformation-table__card::before {
	background: radial-gradient(ellipse at 50% 50%, rgba(42, 15, 16, 0.28), rgba(42, 15, 16, 0.08) 42%, transparent 72%);
	border-radius: 42%;
	content: "";
	filter: blur(0.45rem);
	inset: auto 8% -0.35rem 8%;
	height: 1.1rem;
	pointer-events: none;
	position: absolute;
	transform: translateZ(-0.35rem) scale(0.98);
	z-index: 0;
}

.ys-transformation-table__card-sheet {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: flex-start;
	min-height: clamp(11.5rem, 17vw, 14.75rem);
	overflow: visible;
	position: relative;
	width: 100%;
	transform:
		translateZ(var(--ys-card-lift))
		rotateX(calc(var(--ys-card-tilt-x) + var(--ys-card-pointer-x)))
		rotateY(calc(var(--ys-card-tilt-y) + var(--ys-card-pointer-y)));
	transform-origin: 50% 100%;
	transform-style: preserve-3d;
	transition:
		filter 0.32s ease,
		transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform;
}

.ys-transformation-table__card-sheet:not(.is-peel-ready) {
	background:
		radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.22), transparent 34%),
		radial-gradient(circle at 82% 88%, rgba(42, 15, 16, 0.08), transparent 38%),
		repeating-linear-gradient(
			-11deg,
			transparent 0 0.18rem,
			rgba(255, 255, 255, 0.03) 0.18rem 0.2rem
		),
		var(--ys-table-card, #ffd61e);
	border: 1px solid rgba(42, 15, 16, 0.11);
	border-bottom: 2px solid rgba(42, 15, 16, 0.14);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.18),
		inset 0 -1px 0 rgba(42, 15, 16, 0.08),
		0 0.2rem 0.35rem rgba(42, 15, 16, 0.12),
		0 0.85rem 1.35rem -0.55rem rgba(42, 15, 16, 0.34),
		0 1.75rem 2.6rem -1.15rem rgba(42, 15, 16, 0.42);
	overflow: hidden;
	padding: clamp(1.15rem, 1.7vw, 1.6rem);
}

.ys-transformation-table__card-sheet:not(.is-peel-ready)::before {
	background:
		linear-gradient(125deg, rgba(255, 255, 255, 0.24) 0%, transparent 38%),
		linear-gradient(0deg, rgba(42, 15, 16, 0.04), transparent 18%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.ys-transformation-table__card-sheet.is-peel-ready {
	background: transparent;
	border: 0;
	box-shadow: none;
	filter: none;
	overflow: visible;
	padding: 0;
	transform-style: flat;
}

.ys-transformation-table__card-peel-inner {
	background: var(--ys-table-card, #ffd61e);
	height: 100%;
	isolation: isolate;
	min-height: inherit;
	overflow: hidden;
	position: relative;
	transform-style: flat;
	width: 100%;
	z-index: 1;
}

.ys-transformation-table__card-peel-defs {
	inset: 0 auto auto 0;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.ys-transformation-table__card-peel {
	display: block;
	height: 100%;
	inset: 0;
	min-height: inherit;
	overflow: visible;
	pointer-events: none;
	position: absolute;
	width: 100%;
}

.ys-transformation-table__card-peel--base {
	z-index: 0;
}

.ys-transformation-table__card-peel--fold {
	z-index: 2;
}

.ys-transformation-table__card-peel-base {
	filter: drop-shadow(0 0.5rem 0.75rem rgba(42, 15, 16, 0.35));
}

.ys-transformation-table__card-face {
	background: transparent;
	height: 100%;
	inset: 0;
	min-height: inherit;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.ys-transformation-table__card-sheet.is-peel-ready .ys-transformation-table__card-content,
.ys-transformation-table__mobile-card.is-peel-ready .ys-transformation-table__card-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: inherit;
	padding: clamp(1.15rem, 1.7vw, 1.6rem);
	position: relative;
	z-index: 1;
}

.ys-transformation-table__card-sheet[data-fold-corner="tr"] .ys-transformation-table__card-content,
.ys-transformation-table__mobile-card[data-fold-corner="tr"] .ys-transformation-table__card-content {
	padding-right: clamp(1.45rem, 2.8vw, 2rem);
	padding-top: clamp(1.45rem, 2.8vw, 2rem);
}

.ys-transformation-table__card-sheet[data-fold-corner="tl"] .ys-transformation-table__card-content,
.ys-transformation-table__mobile-card[data-fold-corner="tl"] .ys-transformation-table__card-content {
	padding-left: clamp(1.45rem, 2.8vw, 2rem);
	padding-top: clamp(1.45rem, 2.8vw, 2rem);
}

.ys-transformation-table__card-sheet[data-fold-corner="br"] .ys-transformation-table__card-content,
.ys-transformation-table__mobile-card[data-fold-corner="br"] .ys-transformation-table__card-content {
	padding-bottom: clamp(1.45rem, 2.8vw, 2rem);
	padding-right: clamp(1.45rem, 2.8vw, 2rem);
}

.ys-transformation-table__card-sheet[data-fold-corner="bl"] .ys-transformation-table__card-content,
.ys-transformation-table__mobile-card[data-fold-corner="bl"] .ys-transformation-table__card-content {
	padding-bottom: clamp(1.45rem, 2.8vw, 2rem);
	padding-left: clamp(1.45rem, 2.8vw, 2rem);
}

.ys-transformation-table__card--from {
	--ys-card-tilt-x: 3.25deg;
	--ys-card-tilt-y: -2.4deg;
}

.ys-transformation-table__card--to {
	--ys-card-tilt-x: 2.75deg;
	--ys-card-tilt-y: 2.15deg;
}

.ys-transformation-table__desktop .ys-transformation-table__pair:nth-child(1) .ys-transformation-table__card--from {
	--ys-card-tilt-y: -3deg;
}

.ys-transformation-table__desktop .ys-transformation-table__pair:nth-child(1) .ys-transformation-table__card--to {
	--ys-card-tilt-y: 2.5deg;
}

.ys-transformation-table__desktop .ys-transformation-table__pair:nth-child(2) .ys-transformation-table__card--from {
	--ys-card-tilt-y: -1.8deg;
}

.ys-transformation-table__desktop .ys-transformation-table__pair:nth-child(2) .ys-transformation-table__card--to {
	--ys-card-tilt-y: 3.1deg;
}

.ys-transformation-table__desktop .ys-transformation-table__pair:nth-child(3) .ys-transformation-table__card--from {
	--ys-card-tilt-y: -2.65deg;
}

.ys-transformation-table__desktop .ys-transformation-table__pair:nth-child(3) .ys-transformation-table__card--to {
	--ys-card-tilt-y: 1.75deg;
}

.ys-transformation-table__desktop .ys-transformation-table__pair:nth-child(4) .ys-transformation-table__card--from {
	--ys-card-tilt-y: -2.1deg;
}

.ys-transformation-table__desktop .ys-transformation-table__pair:nth-child(4) .ys-transformation-table__card--to {
	--ys-card-tilt-y: 2.85deg;
}

.ys-transformation-table__card--from,
.ys-transformation-table__mobile-card--from {
	--ys-fold-crease: #3a3a3a;
	--ys-fold-highlight: rgba(255, 255, 255, 0.14);
	--ys-fold-pocket: #080808;
	--ys-fold-under: #141414;
	--ys-fold-under-dark: #050505;
	--ys-table-card: #000;
	color: #ffd61e;
}

.ys-transformation-table__card--to,
.ys-transformation-table__mobile-card--to {
	--ys-fold-crease: #a88912;
	--ys-fold-highlight: rgba(255, 255, 255, 0.28);
	--ys-fold-pocket: #4a3c06;
	--ys-fold-under: #7a650c;
	--ys-fold-under-dark: #3a2f05;
	--ys-table-card: #ffd61e;
	color: #000;
}

.ys-transformation-table__card-number {
	align-items: center;
	border: 1px solid currentcolor;
	border-radius: 50%;
	display: inline-flex;
	font-size: 0.65rem;
	font-weight: 700;
	height: 1.85rem;
	justify-content: center;
	letter-spacing: 0.04em;
	line-height: 1;
	margin-bottom: auto;
	position: relative;
	width: 1.85rem;
	z-index: 1;
}

.ys-transformation-table__card-label {
	font-size: 0.64rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	margin: clamp(1.25rem, 2vw, 2rem) 0 0.45rem;
	position: relative;
	text-transform: uppercase;
	z-index: 1;
}

.ys-transformation-table__card-copy {
	font-family: "Instrument Serif", serif;
	font-size: clamp(1rem, 1.35vw, 1.28rem);
	font-style: italic;
	font-weight: 400;
	line-height: 1.28;
	margin: 0;
	position: relative;
	text-wrap: pretty;
	z-index: 1;
}

.ys-transformation-table__mobile {
	display: none;
}

.ys-transformation-table__footer {
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: clamp(2rem, 4vw, 3.5rem) auto 0;
	max-width: 76rem;
}

.ys-transformation-table__footer > * {
	margin: 0;
}

.ys-transformation-table__actions {
	justify-content: center;
	margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

@media (prefers-reduced-motion: reduce) {
	.ys-transformation-table__desktop {
		perspective: none;
	}

	.ys-transformation-table__surface,
	.ys-transformation-table__card-sheet {
		transform: none;
	}

	.ys-transformation-table__card {
		--ys-card-lift: 0;
	}
}

@media screen and (max-width: 1100px) and (min-width: 901px) {
	.ys-transformation-table__surface {
		--ys-table-tilt: 5deg;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.ys-transformation-table__desktop .ys-transformation-table__pairs {
		gap: 1.25rem 1rem;
	}

	.ys-transformation-table__card-sheet:not(.is-peel-ready) {
		padding: 1.1rem;
	}

	.ys-transformation-table__card-copy {
		font-size: 0.98rem;
	}

	.ys-transformation-table__pair-axis-label {
		display: none;
	}
}

@media screen and (max-width: 900px) {
	.ys-landing--fractional_cbo .ys-transformation-table.ys-landing__section {
		padding-bottom: clamp(4rem, 12vw, 6rem);
		padding-top: clamp(4rem, 12vw, 6rem);
	}

	.ys-landing--fractional_cbo .ys-landing__section--future_state .ys-transformation-table__heading {
		margin-bottom: clamp(2.5rem, 8vw, 4rem);
	}

	.ys-transformation-table__desktop {
		display: none;
	}

	.ys-transformation-table__mobile {
		display: grid;
		gap: clamp(2rem, 7vw, 3.5rem);
		margin: 0 auto;
		max-width: 38rem;
	}

	.ys-transformation-table__pair {
		display: grid;
		gap: 0.65rem;
		margin: 0;
	}

	.ys-transformation-table__mobile-card {
		border: 1px solid rgba(42, 15, 16, 0.12);
		box-shadow: 0 1rem 2rem -1.65rem rgba(42, 15, 16, 0.42);
		min-height: clamp(8rem, 28vw, 11rem);
		overflow: hidden;
		padding: clamp(1.25rem, 5vw, 1.75rem);
		position: relative;
	}

	.ys-transformation-table__mobile-card.is-peel-ready {
		background: transparent;
		border: 0;
		box-shadow: none;
		filter: none;
		overflow: visible;
		padding: 0;
	}

	.ys-transformation-table__mobile-card .ys-transformation-table__card-content {
		padding: clamp(1.25rem, 5vw, 1.75rem);
	}

	.ys-transformation-table__mobile-card--from:not(.is-peel-ready) {
		background: #000;
		color: #ffd61e;
	}

	.ys-transformation-table__mobile-card--to:not(.is-peel-ready) {
		background: #ffd61e;
		color: #000;
	}

	.ys-transformation-table__mobile-card > p:last-child {
		font-family: "Instrument Serif", serif;
		font-size: clamp(1.2rem, 5.2vw, 1.55rem);
		font-style: italic;
		line-height: 1.35;
		margin: 0;
		text-wrap: pretty;
	}

	.ys-transformation-table__mobile-label {
		align-items: center;
		display: flex;
		font-size: 0.68rem;
		font-weight: 700;
		gap: 0.65rem;
		letter-spacing: 0.14em;
		margin: 0 0 1.25rem;
		text-transform: uppercase;
	}

	.ys-transformation-table__mobile-label span {
		align-items: center;
		border: 1px solid currentcolor;
		border-radius: 50%;
		display: inline-flex;
		height: 1.8rem;
		justify-content: center;
		letter-spacing: 0;
		width: 1.8rem;
	}

	.ys-transformation-table__mobile-arrow {
		font-size: 1.45rem;
		line-height: 1;
		text-align: center;
	}

	.ys-transformation-table__footer {
		grid-template-columns: minmax(0, 1fr);
		margin-top: clamp(2.5rem, 8vw, 4rem);
	}
}

/* Fractional CBO: Animshelf-style 3D cylinder carousel (section 05) */
.ys-landing--fractional_cbo .ys-services-scroll--cylinder {
	background: transparent;
	overflow: visible;
}

.ys-services-scroll--cylinder .ys-services-scroll__stage {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: clamp(28rem, 58vh, 36rem);
	overflow: visible;
	perspective: 1200px;
	perspective-origin: 50% 50%;
}

.ys-services-scroll--cylinder .ys-services-scroll__deck {
	inset: auto;
	margin: 0 auto;
	position: relative;
	transform-style: preserve-3d;
	will-change: transform;
}

.ys-services-scroll--cylinder .ys-services-scroll__card {
	backface-visibility: hidden;
	cursor: pointer;
	height: auto;
	left: 0;
	top: 0;
	transform-style: preserve-3d;
	transition: opacity 0.35s ease;
	width: auto;
	will-change: transform, opacity;
}

.ys-services-scroll--cylinder .ys-services-scroll__card-inner {
	backface-visibility: hidden;
	box-shadow:
		0 1.8rem 3.2rem -1.4rem rgba(42, 15, 16, 0.48),
		0 0.45rem 1rem -0.4rem rgba(42, 15, 16, 0.24);
	height: 100%;
	min-height: 0;
}

.ys-services-scroll--cylinder .ys-services-scroll__card.is-front .ys-services-scroll__card-inner {
	box-shadow:
		0 2.2rem 3.8rem -1.2rem rgba(42, 15, 16, 0.55),
		0 0.6rem 1.2rem -0.3rem rgba(42, 15, 16, 0.28);
}

@media (hover: hover) and (pointer: fine) {
	.ys-services-scroll--cylinder .ys-services-scroll__card.is-hovered .ys-services-scroll__card-inner {
		box-shadow:
			0 2.6rem 4.2rem -1.1rem rgba(42, 15, 16, 0.58),
			0 0.7rem 1.3rem -0.25rem rgba(42, 15, 16, 0.3);
	}
}

.ys-services-scroll--cylinder .ys-services-scroll__footer-copy--below {
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
	max-width: min(88rem, 100%);
	width: 100%;
}

.ys-services-scroll--cylinder .ys-services-scroll__footer-copy--below > p,
.ys-services-scroll--cylinder .ys-services-scroll__footer-copy--below > blockquote {
	margin: 0;
}

@media screen and (max-width: 900px) {
	.ys-services-scroll--cylinder .ys-services-scroll__footer-copy--below {
		grid-template-columns: minmax(0, 1fr);
	}

	.ys-services-scroll--cylinder .ys-services-scroll__card {
		opacity: 1 !important;
		pointer-events: auto;
		position: relative;
		left: auto;
		top: auto;
		width: min(100%, 22rem);
		height: auto !important;
		transform: none !important;
	}

	.ys-services-scroll--cylinder .ys-services-scroll__deck {
		display: grid;
		gap: 1rem;
		height: auto !important;
		justify-items: center;
		transform: none !important;
		width: 100% !important;
	}

	.ys-services-scroll--cylinder .ys-services-scroll__stage {
		display: block;
		min-height: 0;
		perspective: none;
	}
}

.ys-landing--capability {
	--ys-accent: var(--ys-green);
	--ys-hero-accent: var(--ys-peach);
}

.ys-landing--capability .ys-landing__section:nth-of-type(odd) {
	background: var(--ys-peach);
}

.ys-landing--capability .ys-landing__section:nth-of-type(odd)::before {
	background: var(--ys-green);
}

.ys-landing--capability .ys-landing__hero-media::before {
	background: var(--ys-peach);
	height: 42%;
	left: clamp(-1.25rem, -2vw, -2.5rem);
	right: auto;
	top: auto;
	width: 72%;
	bottom: clamp(-1.25rem, -2vw, -2.5rem);
}

.ys-landing--energetic {
	--ys-accent: var(--ys-red);
	--ys-hero-accent: var(--ys-red);
}

.ys-landing--energetic .ys-landing__hero-media {
	clip-path: polygon(7% 0, 100% 0, 93% 100%, 0 100%);
}

.ys-landing--energetic:not(.ys-landing--speaker) .ys-landing__section:nth-of-type(odd) .ys-landing__section-title {
	font-style: italic;
}

.ys-landing--energetic:not(.ys-landing--speaker) .ys-landing__ordinal {
	font-family: "Instrument Serif", serif;
	font-size: clamp(1.6rem, 3vw, 2.8rem);
	font-weight: 400;
	letter-spacing: -0.02em;
}

@media screen and (max-width: 980px) {
	.ys-landing__hero {
		min-height: auto;
	}

	.ys-landing__hero-inner,
	.ys-landing--executive .ys-landing__hero-inner,
	.ys-landing__inner {
		grid-template-columns: minmax(0, 1fr);
	}

	.ys-landing__hero-title {
		max-width: 12ch;
	}

	.ys-landing__hero-media {
		min-height: 0;
		width: min(100%, 36rem);
	}

	.ys-landing__section:nth-of-type(odd) .ys-landing__inner:not(.ys-landing__inner--text-only) .ys-landing__copy,
	.ys-landing__section:nth-of-type(odd) .ys-landing__inner:not(.ys-landing__inner--text-only) .ys-landing__media {
		grid-column: 1;
	}

	.ys-landing__section:nth-of-type(odd) .ys-landing__inner:not(.ys-landing__inner--text-only) .ys-landing__copy {
		grid-row: 1;
	}

	.ys-landing__section:nth-of-type(odd) .ys-landing__inner:not(.ys-landing__inner--text-only) .ys-landing__media {
		grid-row: 2;
	}

	.ys-landing__media {
		margin: 0 auto;
		width: min(100%, 42rem);
	}

	.ys-landing--executive .ys-landing__hero-media {
		transform: none;
	}

	.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose,
	.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose {
		grid-template-columns: minmax(0, 1fr);
	}

	.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul,
	.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts {
		grid-column: 1;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 42rem;
	}

	.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li,
	.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li:nth-child(4),
	.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li {
		aspect-ratio: auto;
		grid-column: auto;
		min-height: 9rem;
	}

	.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li:last-child {
		grid-column: 1 / -1;
	}

	.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > p:first-of-type,
	.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > p:last-child,
	.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > blockquote {
		grid-column: 1;
	}
}

@media screen and (max-width: 600px) {
	.ys-landing__hero {
		padding-top: 8rem;
	}

	.ys-landing__hero-title {
		font-size: clamp(3.35rem, 16vw, 5rem);
	}

	.ys-landing--fractional_cbo .ys-hero-scroll__title,
	.ys-landing--speaker .ys-hero-scroll__title {
		font-size: clamp(2.65rem, 11.5vw, 3.1rem);
		max-width: 100%;
		width: 100%;
	}

	.ys-hero-scroll__eyebrow {
		font-size: 0.68rem;
		gap: 0.55rem;
		letter-spacing: 0.09em;
		text-align: center;
	}

	.ys-hero-scroll__eyebrow::before {
		width: 1.25rem;
	}

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

	.ys-landing__ordinal {
		width: 2.5rem;
	}

	.ys-landing__section-title {
		font-size: clamp(2.75rem, 14vw, 4.2rem);
	}

	.ys-landing__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.ys-landing__cta {
		width: 100%;
	}

	.ys-landing__cta--secondary {
		width: fit-content;
	}

	.ys-landing--diagnostic .ys-landing__section:nth-of-type(odd) .ys-landing__inner {
		border-left: 1px solid rgba(42, 15, 16, 0.28);
		border-right: 0;
		padding-left: 1.25rem;
		padding-right: 0;
	}

	.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul,
	.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts {
		grid-template-columns: minmax(0, 1fr);
		max-width: 22rem;
	}

	.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li,
	.ys-landing--fractional_cbo .ys-landing__section--leadership_gap .ys-landing__prose > ul > li:last-child,
	.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li {
		grid-column: 1;
		justify-self: center;
		min-height: 8.5rem;
		width: calc(100% - 0.75rem);
	}
}

/* Brand consultant: Section 07 proof ledger. */
.ys-landing--brand_consultant .ys-proof-ledger {
	--ys-proof-gold: #b8974d;
	--ys-proof-ink: #301315;
	background: var(--ys-brown);
	color: var(--ys-cream);
	isolation: isolate;
	overflow: clip;
	padding: 0;
	position: relative;
}

.ys-landing--brand_consultant .ys-proof-ledger__pin {
	align-items: center;
	display: flex;
	min-height: 100vh;
	min-height: 100svh;
	overflow: hidden;
	padding: clamp(4.5rem, 7vw, 7rem) var(--ys-gutter);
	position: relative;
}

@media screen and (min-width: 901px) {
	.ys-landing--brand_consultant .ys-proof-ledger.is-ready:not(.is-mobile-fallback) {
		min-height: calc(100svh + var(--ys-proof-scroll-distance, 0px));
		overflow: visible;
	}

	.ys-landing--brand_consultant .ys-proof-ledger.is-ready:not(.is-mobile-fallback) .ys-proof-ledger__pin {
		height: 100svh;
		position: sticky;
		top: 0;
	}
}

.ys-landing--brand_consultant .ys-proof-ledger__pin::after {
	background-image: radial-gradient(rgba(255, 252, 245, 0.13) 0.55px, transparent 0.7px);
	background-size: 5px 5px;
	content: "";
	inset: 0;
	mix-blend-mode: soft-light;
	opacity: 0.22;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.ys-landing--brand_consultant .ys-proof-ledger__atmosphere {
	background:
		radial-gradient(circle at 75% 42%, rgba(241, 73, 79, 0.14), transparent 34%),
		linear-gradient(90deg, transparent 0 46%, rgba(255, 252, 245, 0.035) 46% 46.08%, transparent 46.08%);
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.ys-landing--brand_consultant .ys-proof-ledger__atmosphere::after {
	background: var(--ys-red);
	bottom: 0;
	content: "";
	height: 1px;
	left: var(--ys-gutter);
	opacity: 0.72;
	position: absolute;
	transform: scaleX(0.18);
	transform-origin: left center;
	transition: transform 0.8s var(--ys-ease-enter);
	width: calc(100% - (var(--ys-gutter) * 2));
}

.ys-landing--brand_consultant .ys-proof-ledger.is-complete .ys-proof-ledger__atmosphere::after {
	transform: scaleX(1);
}

.ys-landing--brand_consultant .ys-proof-ledger__layout {
	align-items: center;
	display: grid;
	gap: clamp(2.5rem, 6vw, 7rem);
	grid-template-columns: minmax(18rem, 0.72fr) minmax(30rem, 1.28fr);
	margin: 0 auto;
	max-width: 96rem;
	position: relative;
	width: 100%;
	z-index: 1;
}

.ys-landing--brand_consultant .ys-proof-ledger__copy {
	align-self: center;
	display: block;
	inset: auto;
	padding: 0;
	position: relative;
	width: auto;
	z-index: 2;
}

.ys-landing--brand_consultant .ys-proof-ledger__kicker {
	align-items: center;
	color: rgba(255, 252, 245, 0.7);
	display: grid;
	font-size: clamp(0.68rem, 0.8vw, 0.78rem);
	font-weight: 700;
	gap: 0.8rem;
	grid-template-columns: auto;
	letter-spacing: 0.14em;
	margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
	text-transform: uppercase;
}


.ys-landing--brand_consultant .ys-proof-ledger__title {
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(2.65rem, 4.6vw, 5.5rem);
	font-weight: 600;
	letter-spacing: -0.06em;
	line-height: 0.95;
	margin: 0;
	max-width: 10ch;
}

.ys-landing--brand_consultant .ys-proof-ledger__caption {
	color: rgba(255, 252, 245, 0.62);
	font-family: "Instrument Serif", serif;
	font-size: clamp(1rem, 1.35vw, 1.3rem);
	font-style: italic;
	margin: clamp(1.5rem, 3vw, 2.5rem) 0 0;
}

.ys-landing--brand_consultant .ys-proof-ledger__progress {
	align-items: baseline;
	display: flex;
	font-size: 0.72rem;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	gap: 0.3rem;
	letter-spacing: 0.12em;
	margin-top: clamp(2.5rem, 5vw, 5rem);
	text-transform: uppercase;
}

.ys-landing--brand_consultant .ys-proof-ledger__progress-current {
	color: var(--ys-red);
	font-size: clamp(2rem, 3vw, 3.4rem);
	letter-spacing: -0.04em;
	line-height: 1;
}

.ys-landing--brand_consultant .ys-proof-ledger__progress-status {
	border-left: 1px solid rgba(255, 252, 245, 0.3);
	color: rgba(255, 252, 245, 0.62);
	margin-left: 0.75rem;
	padding-left: 1rem;
}

.ys-landing--brand_consultant .ys-proof-ledger.is-complete .ys-proof-ledger__progress-status {
	color: var(--ys-cream);
}

.ys-landing--brand_consultant .ys-proof-ledger__stage {
	align-items: center;
	display: flex;
	justify-content: center;
	perspective: 90rem;
	position: relative;
}

.ys-landing--brand_consultant .ys-proof-ledger__sheet {
	--pointer-x: 50%;
	--pointer-y: 50%;
	aspect-ratio: 0.92;
	background:
		linear-gradient(90deg, rgba(48, 19, 21, 0.055) 1px, transparent 1px),
		linear-gradient(rgba(48, 19, 21, 0.055) 1px, transparent 1px),
		radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(255, 255, 255, 0.9), transparent 25%),
		linear-gradient(145deg, #fffdf7 0%, #eee9df 100%);
	background-size: 2.45rem 2.45rem, 2.45rem 2.45rem, auto, auto;
	border: 1px solid rgba(184, 151, 77, 0.86);
	box-shadow:
		0 3rem 7rem rgba(7, 2, 3, 0.42),
		inset 0 0 0 0.35rem rgba(255, 255, 255, 0.46),
		inset 0 0 0 0.42rem rgba(48, 19, 21, 0.1);
	color: var(--ys-proof-ink);
	height: min(76svh, 46rem);
	max-width: 100%;
	overflow: hidden;
	position: relative;
	transform: rotateZ(-1.35deg);
	transform-style: preserve-3d;
	width: min(100%, 42rem);
}

.ys-landing--brand_consultant .ys-proof-ledger__sheet::before,
.ys-landing--brand_consultant .ys-proof-ledger__sheet::after {
	content: "";
	pointer-events: none;
	position: absolute;
	z-index: 5;
}

.ys-landing--brand_consultant .ys-proof-ledger__sheet::before {
	display: none;
}

.ys-landing--brand_consultant .ys-proof-ledger__sheet::after {
	background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, 0.45) 48%, transparent 70%);
	inset: 0;
	opacity: 0.34;
	transform: translateX(-80%);
	transition: transform 1.1s var(--ys-ease-enter);
}

.ys-landing--brand_consultant .ys-proof-ledger.is-complete .ys-proof-ledger__sheet::after {
	transform: translateX(80%);
}

.ys-landing--brand_consultant .ys-proof-ledger__sheet-head {
	display: flex;
	font-size: 0.62rem;
	font-weight: 700;
	justify-content: space-between;
	left: 2rem;
	letter-spacing: 0.12em;
	position: absolute;
	right: 2rem;
	text-transform: uppercase;
	top: 1.55rem;
	z-index: 4;
}

.ys-landing--brand_consultant .ys-proof-ledger__watermark {
	left: 50%;
	opacity: 0.07;
	pointer-events: none;
	position: absolute;
	top: 52%;
	transform: translate(-54%, -50%);
	width: clamp(11rem, 36vw, 21rem);
}

.ys-landing--brand_consultant .ys-proof-ledger__watermark img {
	display: block;
	filter: grayscale(1) brightness(0.42) contrast(1.05);
	height: auto;
	mix-blend-mode: multiply;
	width: 100%;
}

.ys-landing--brand_consultant .ys-proof-ledger__photo {
	background: #d5cec2;
	border: 1px solid rgba(48, 19, 21, 0.28);
	box-shadow: 0 1rem 2rem rgba(48, 19, 21, 0.14);
	margin: 0;
	padding: 0.42rem 0.42rem 0.65rem;
	position: absolute;
	right: 6%;
	top: 10%;
	transform: rotate(2.5deg);
	width: 43%;
	z-index: 2;
}

.ys-landing--brand_consultant .ys-proof-ledger__photo img {
	aspect-ratio: 1 / 0.82;
	display: block;
	filter: saturate(0.82) contrast(1.06);
	height: auto;
	object-fit: cover;
	object-position: center 42%;
	width: 100%;
}

.ys-landing--brand_consultant .ys-proof-ledger__photo figcaption {
	display: flex;
	font-size: 0.54rem;
	font-weight: 700;
	justify-content: space-between;
	letter-spacing: 0.08em;
	padding-top: 0.45rem;
	text-transform: uppercase;
}

.ys-landing--brand_consultant .ys-proof-ledger__marks {
	inset: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 3;
}

.ys-landing--brand_consultant .ys-proof-ledger__mark {
	opacity: 0.7;
	position: absolute;
	transition: opacity 0.35s ease, filter 0.35s ease;
}

.ys-landing--brand_consultant .ys-proof-ledger.is-enhanced .ys-proof-ledger__mark:not(.is-revealed) {
	filter: blur(1.5px);
	opacity: 0.14;
}

.ys-landing--brand_consultant .ys-proof-ledger__mark:nth-child(1) {
	left: 6%;
	top: 18%;
	transform: rotate(-4deg);
	width: 43%;
}

.ys-landing--brand_consultant .ys-proof-ledger__mark:nth-child(2) {
	right: 7%;
	top: 48%;
	transform: rotate(3deg);
	width: 41%;
}

.ys-landing--brand_consultant .ys-proof-ledger__mark:nth-child(3) {
	bottom: 11%;
	left: 8%;
	transform: rotate(-1.5deg);
	width: 45%;
}

.ys-landing--brand_consultant .ys-proof-ledger__mark:nth-child(4) {
	bottom: 4.5%;
	right: 5%;
	transform: rotate(4deg);
	width: 42%;
}

.ys-landing--brand_consultant .ys-proof-ledger__seal {
	background: rgba(255, 253, 247, 0.86);
	border: 1px solid rgba(48, 19, 21, 0.6);
	box-shadow: none;
	font-size: clamp(0.66rem, 0.9vw, 0.82rem);
	font-weight: 600;
	line-height: 1.28;
	padding: clamp(0.85rem, 1.7vw, 1.35rem);
	position: relative;
	transform-origin: center;
}

.ys-landing--brand_consultant .ys-proof-ledger__seal::after {
	background: var(--ys-red);
	content: "";
	height: 0.18rem;
	opacity: 0;
	position: absolute;
	right: -0.25rem;
	top: 16%;
	transform: rotate(-38deg) scaleX(0);
	transform-origin: right center;
	transition: opacity 0.25s ease, transform 0.45s var(--ys-ease-enter);
	width: 2.8rem;
}

.ys-landing--brand_consultant .ys-proof-ledger__mark.is-active .ys-proof-ledger__seal::after,
.ys-landing--brand_consultant .ys-proof-ledger__mark.is-revealed:hover .ys-proof-ledger__seal::after {
	opacity: 1;
	transform: rotate(-38deg) scaleX(1);
}

.ys-landing--brand_consultant .ys-proof-ledger__seal strong {
	display: block;
	font-size: clamp(1.8rem, 3.2vw, 3.5rem);
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	letter-spacing: -0.06em;
	line-height: 0.9;
	margin-bottom: 0.45rem;
}

.ys-landing--brand_consultant .ys-proof-ledger__mark:nth-child(3) .ys-proof-ledger__seal strong,
.ys-landing--brand_consultant .ys-proof-ledger__mark:nth-child(4) .ys-proof-ledger__seal strong {
	font-size: clamp(1rem, 1.65vw, 1.55rem);
	letter-spacing: -0.035em;
	line-height: 1.02;
}

.ys-landing--brand_consultant .ys-proof-ledger__mark.is-revealed {
	filter: none;
	opacity: 0.74;
}

.ys-landing--brand_consultant .ys-proof-ledger__mark.is-active {
	opacity: 1;
	z-index: 4;
}

.ys-landing--brand_consultant .ys-proof-ledger__mark-index {
	background: var(--ys-red);
	color: var(--ys-cream);
	font-size: 0.58rem;
	font-weight: 700;
	left: -0.4rem;
	letter-spacing: 0.08em;
	padding: 0.28rem 0.4rem;
	position: absolute;
	top: -0.45rem;
	z-index: 2;
}

.ys-landing--brand_consultant .ys-proof-ledger__verification {
	align-items: center;
	border: 2px solid var(--ys-red);
	border-radius: 50%;
	bottom: 29%;
	color: var(--ys-red);
	display: flex;
	flex-direction: column;
	font-size: 0.58rem;
	height: 5.4rem;
	justify-content: center;
	left: 44%;
	letter-spacing: 0.09em;
	opacity: 0;
	position: absolute;
	text-transform: uppercase;
	transform: rotate(-12deg) scale(1.35);
	transition: opacity 0.35s ease, transform 0.6s var(--ys-ease-enter);
	width: 5.4rem;
	z-index: 6;
}

.ys-landing--brand_consultant .ys-proof-ledger__verification strong {
	font-size: 0.78rem;
	letter-spacing: 0.05em;
}

.ys-landing--brand_consultant .ys-proof-ledger.is-complete .ys-proof-ledger__verification {
	opacity: 0.92;
	transform: rotate(-12deg) scale(1);
}

.ys-landing--brand_consultant .ys-proof-ledger__scanner {
	background: linear-gradient(90deg, transparent, var(--ys-red) 16% 84%, transparent);
	box-shadow: 0 0 1rem rgba(241, 73, 79, 0.45);
	height: 2px;
	left: 3%;
	top: 30%;
	position: absolute;
	transform: translateX(-110%);
	width: 94%;
	z-index: 7;
}

@media (hover: hover) and (pointer: fine) {
	.ys-landing--brand_consultant .ys-proof-ledger__mark.is-revealed:hover {
		opacity: 1;
		z-index: 5;
	}
}

@media screen and (max-width: 900px) {
	.ys-landing--brand_consultant .ys-proof-ledger__pin {
		min-height: auto;
		overflow: visible;
		padding-block: clamp(5rem, 14vw, 7rem);
	}

	.ys-landing--brand_consultant .ys-proof-ledger__layout {
		gap: clamp(3rem, 10vw, 5rem);
		grid-template-columns: minmax(0, 1fr);
	}

	.ys-landing--brand_consultant .ys-proof-ledger__title {
		font-size: clamp(2.65rem, 12vw, 4.8rem);
		max-width: 11ch;
	}

	.ys-landing--brand_consultant .ys-proof-ledger__progress {
		margin-top: 2rem;
	}

	.ys-landing--brand_consultant .ys-proof-ledger__sheet {
		aspect-ratio: auto;
		height: auto;
		min-height: 0;
		padding: 4.5rem clamp(1.25rem, 5vw, 2.25rem) 2rem;
		transform: rotateZ(-0.6deg);
		width: 100%;
	}

	.ys-landing--brand_consultant .ys-proof-ledger__photo {
		margin: 0 0 2.5rem auto;
		position: relative;
		right: auto;
		top: auto;
		width: min(78%, 24rem);
	}

	.ys-landing--brand_consultant .ys-proof-ledger__marks {
		display: grid;
		gap: 1rem;
		grid-template-columns: minmax(0, 1fr);
		position: relative;
	}

	.ys-landing--brand_consultant .ys-proof-ledger__mark,
	.ys-landing--brand_consultant .ys-proof-ledger.is-enhanced .ys-proof-ledger__mark:not(.is-revealed),
	.ys-landing--brand_consultant .ys-proof-ledger__mark:nth-child(n) {
		bottom: auto;
		filter: none;
		left: auto;
		opacity: 1;
		position: relative;
		right: auto;
		top: auto;
		transform: rotate(0);
		width: 100%;
	}

	.ys-landing--brand_consultant .ys-proof-ledger__mark:nth-child(even) {
		transform: translateX(0.75rem) rotate(0.7deg);
	}

	.ys-landing--brand_consultant .ys-proof-ledger__mark:nth-child(odd) {
		transform: translateX(-0.25rem) rotate(-0.7deg);
	}

	.ys-landing--brand_consultant .ys-proof-ledger__seal strong,
	.ys-landing--brand_consultant .ys-proof-ledger__mark:nth-child(3) .ys-proof-ledger__seal strong,
	.ys-landing--brand_consultant .ys-proof-ledger__mark:nth-child(4) .ys-proof-ledger__seal strong {
		font-size: clamp(1.45rem, 7vw, 2.3rem);
	}

	.ys-landing--brand_consultant .ys-proof-ledger__verification {
		bottom: 1.25rem;
		left: auto;
		right: 1.25rem;
	}

	.ys-landing--brand_consultant .ys-proof-ledger__scanner {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ys-landing--brand_consultant .ys-proof-ledger__mark,
	.ys-landing--brand_consultant .ys-proof-ledger.is-enhanced .ys-proof-ledger__mark:not(.is-revealed) {
		filter: none;
		opacity: 0.86;
	}
}

/* Recognition: sticky scroll (Terminal-style) */
.ys-recognition-scroll {
	overflow: visible;
	padding: 0;
}

.ys-recognition-scroll__pin {
	align-items: center;
	background: var(--ys-cream);
	display: flex;
	min-height: 100vh;
	padding: clamp(3rem, 6vw, 5rem) var(--ys-gutter);
}

.ys-recognition-scroll__layout {
	align-items: center;
	display: grid;
	gap: clamp(2rem, 5vw, 6rem);
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	margin: 0 auto;
	max-width: 92rem;
	min-height: min(78vh, 52rem);
	width: 100%;
}

.ys-recognition-scroll__aside {
	align-self: center;
	display: flex;
	flex-direction: column;
	gap: clamp(1.5rem, 3vw, 2.5rem);
}

.ys-recognition-scroll__heading {
	align-items: start;
	display: grid;
	gap: clamp(1rem, 2vw, 2rem);
	grid-template-columns: auto minmax(0, 1fr);
}

.ys-recognition-scroll__stage {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: min(72vh, 44rem);
	position: relative;
}

.ys-recognition-scroll__point {
	align-items: start;
	display: grid;
	gap: clamp(1rem, 2vw, 1.75rem);
	grid-template-columns: auto minmax(0, 1fr);
	width: 100%;
}

.ys-recognition-scroll__point-number {
	align-items: flex-start;
	color: var(--ys-accent);
	display: inline-flex;
	font-size: clamp(0.72rem, 1vw, 0.82rem);
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.15;
	min-width: 2rem;
	padding-top: 0.45rem;
}

.ys-recognition-scroll__point-prefix {
	display: inline-block;
}

.ys-recognition-scroll__point-digit {
	display: inline-block;
	height: 1.15em;
	min-width: 0.55em;
	overflow: hidden;
	vertical-align: top;
}

.ys-recognition-scroll__digit-strip {
	display: flex;
	flex-direction: column;
	position: relative;
	will-change: transform;
}

.ys-recognition-scroll__digit-item {
	display: block;
	height: 1.15em;
	line-height: 1.15;
}

.ys-recognition-scroll__panels {
	min-height: fit-content;
	position: relative;
	width: 100%;
}

.ys-recognition-scroll__panel {
	inset: 0 auto auto 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translateY(0.5rem);
	transition:
		opacity 0.26s ease,
		transform 0.26s ease,
		visibility 0s linear 0.26s;
	visibility: hidden;
	width: 100%;
}

.ys-recognition-scroll__panel.is-leaving {
	opacity: 0;
	pointer-events: none;
	transform: translateY(-0.35rem);
	transition:
		opacity 0.26s ease,
		transform 0.26s ease,
		visibility 0s linear 0.26s;
	visibility: hidden;
}

.ys-recognition-scroll__panel.is-active {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	transition:
		opacity 0.3s ease 0.18s,
		transform 0.3s ease 0.18s,
		visibility 0s;
	visibility: visible;
}

.ys-recognition-scroll.is-intro-rush .ys-recognition-scroll__panel,
.ys-recognition-scroll.is-intro-rush .ys-recognition-scroll__panel.is-active,
.ys-recognition-scroll.is-intro-rush .ys-recognition-scroll__panel.is-leaving {
	transition: none;
}

.ys-recognition-scroll__panel-inner {
	color: rgba(42, 15, 16, 0.72);
	font-size: clamp(1.35rem, 2.2vw, 2rem);
	line-height: 1.45;
	max-width: 34rem;
}

.ys-recognition-scroll__panel-inner strong {
	display: block;
	font-size: clamp(1.55rem, 2.5vw, 2.35rem);
	font-weight: 700;
	line-height: 1.15;
	margin-bottom: 0.65rem;
}

.ys-recognition-scroll__text-fill {
	--ys-fill: 0%;
	background: linear-gradient(
		90deg,
		var(--ys-brown) 0%,
		var(--ys-brown) calc(var(--ys-fill) - 14%),
		var(--ys-red) calc(var(--ys-fill) - 5%),
		var(--ys-red) var(--ys-fill),
		rgba(42, 15, 16, 0.24) calc(var(--ys-fill) + 1%),
		rgba(42, 15, 16, 0.24) 100%
	);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	display: inline;
	-webkit-text-fill-color: transparent;
}

.ys-recognition-scroll__text-fill.is-revealed {
	background: none;
	color: var(--ys-brown);
	-webkit-text-fill-color: var(--ys-brown);
}

.ys-recognition-scroll__footer-copy {
	font-size: clamp(1rem, 1.28vw, 1.2rem);
	line-height: 1.65;
	margin: 0;
	max-width: 28rem;
}

.ys-recognition-scroll__footer-copy > :last-child {
	margin-bottom: 0;
}

.ys-recognition-scroll__aside-actions {
	margin-top: clamp(0.5rem, 1.5vw, 1rem);
}

.ys-recognition-scroll__track {
	display: none;
	pointer-events: none;
}

.ys-landing--diagnostic .ys-recognition-scroll__pin {
	border-left: 1px solid rgba(42, 15, 16, 0.28);
	margin-left: var(--ys-gutter);
	padding-left: clamp(1.25rem, 3vw, 3.5rem);
}

html.ys-recognition-scroll-lock,
html.ys-recognition-scroll-lock body,
body.ys-recognition-scroll-lock {
	overflow: hidden;
	overscroll-behavior: none;
}

@media screen and (max-width: 900px) {
	.ys-hero-scroll__expand {
		display: none;
	}

	.ys-hero-scroll__pin {
		align-items: stretch;
		background: var(--ys-cream);
		display: block;
		min-height: auto;
		position: relative;
	}

	.ys-hero-scroll__stage {
		display: block;
		position: relative;
	}

	.ys-hero-scroll__intro {
		align-items: center;
		background: var(--ys-brown);
		color: var(--ys-cream);
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 88svh;
		padding: 8rem var(--ys-gutter) 5rem;
	}

	.ys-brand-card {
		height: auto;
		max-height: none;
		opacity: 0.72;
		pointer-events: none;
		right: 2vw;
		top: 30svh;
		width: min(30vw, 8.5rem);
	}

	.ys-brand-card__hint {
		display: none;
	}

	.ys-hero-scroll__statements {
		align-items: stretch;
		background: var(--ys-cream);
		color: var(--ys-brown);
		flex-direction: column;
		opacity: 1;
		padding: clamp(4rem, 12vw, 6rem) var(--ys-gutter) 1.5rem;
		pointer-events: auto;
		position: relative;
		visibility: visible;
	}

	.ys-hero-scroll__statement {
		border-top: 1px solid rgba(42, 15, 16, 0.24);
		margin: 0;
		max-width: none;
		opacity: 1;
		padding: clamp(2rem, 8vw, 3.5rem) 0;
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		width: 100%;
	}

	.ys-hero-scroll__statement:last-child {
		border-bottom: 1px solid rgba(42, 15, 16, 0.24);
	}

	.ys-hero-scroll__statement-inner,
	.ys-hero-scroll .ys-hero-scroll__statement:not(.ys-hero-scroll__statement--finale) .ys-landing__prose {
		font-size: clamp(1.75rem, 8vw, 2.5rem);
		line-height: 1.18;
	}

	.ys-hero-scroll__statement.is-past {
		color: var(--ys-brown);
		filter: none;
		opacity: 1;
		transform: none;
	}

	.ys-hero-scroll__actions {
		bottom: auto;
		left: auto;
		margin: 0;
		opacity: 1;
		padding: 1rem var(--ys-gutter) clamp(4rem, 12vw, 6rem);
		position: relative;
		transform: none;
		visibility: visible;
		width: 100%;
	}

	.ys-recognition-scroll__pin {
		align-items: stretch;
	}

	.ys-recognition-scroll__layout {
		grid-template-columns: minmax(0, 1fr);
		min-height: auto;
	}

	.ys-recognition-scroll__stage {
		min-height: auto;
	}

	.ys-recognition-scroll__panels {
		min-height: auto;
	}

	.ys-recognition-scroll__panel,
	.ys-recognition-scroll.is-intro-playing .ys-recognition-scroll__panel,
	.ys-recognition-scroll.is-intro-playing .ys-recognition-scroll__panel.is-active {
		opacity: 1;
		position: relative;
		transform: none;
	}

	.ys-recognition-scroll__panel:not(.is-active) {
		display: none;
	}

	.ys-recognition-scroll__track {
		display: none;
	}

}

/* Brand Consultant: align with Fractional CBO editorial layout */
.ys-landing--brand_consultant.ys-landing--diagnostic .ys-landing__section .ys-landing__inner {
	border-left: 0;
	padding-left: 0;
}

.ys-landing--brand_consultant.ys-landing--diagnostic .ys-landing__section:nth-of-type(odd) .ys-landing__inner {
	border-right: 0;
	padding-right: 0;
}

.ys-landing--brand_consultant.ys-landing--diagnostic .ys-recognition-scroll__pin {
	border-left: 0;
	margin-left: 0;
}

.ys-landing--brand_consultant .ys-recognition-scroll {
	background-color: #f4efe5;
	background-image: radial-gradient(rgba(42, 15, 16, 0.12) 0.7px, transparent 0.7px);
	background-size: 1.25rem 1.25rem;
	overflow: visible;
	padding: 0;
	position: relative;
}

.ys-landing--brand_consultant .ys-recognition-scroll::before {
	background: var(--ys-accent);
	content: "";
	height: 1px;
	left: var(--ys-gutter);
	position: absolute;
	top: -1px;
	width: clamp(4rem, 13vw, 12rem);
}

/* Brand Consultant: scroll-flip paper reality check (section 03) */
.ys-landing--brand_consultant .ys-reality-check-scroll {
	background-color: #f4efe5;
	background-image: radial-gradient(rgba(42, 15, 16, 0.11) 0.7px, transparent 0.7px);
	background-size: 1.25rem 1.25rem;
	overflow: visible;
	padding: 0;
}

.ys-landing--brand_consultant .ys-reality-check-scroll::before {
	background: var(--ys-green);
}

.ys-reality-check-scroll__pin {
	align-items: center;
	background: transparent;
	display: flex;
	min-height: auto;
	padding: clamp(3rem, 6vw, 5rem) var(--ys-gutter);
}

.ys-reality-check-scroll__layout {
	align-items: center;
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(18rem, 0.64fr) minmax(0, 1.36fr);
	margin: 0 auto;
	max-width: 96rem;
	min-height: auto;
	width: 100%;
}

.ys-reality-check-scroll__aside {
	align-self: center;
	display: flex;
	flex-direction: column;
	gap: clamp(1.25rem, 2.5vw, 2rem);
}

.ys-reality-check-scroll__heading {
	align-items: start;
	display: grid;
	gap: clamp(1rem, 2vw, 2rem);
	grid-template-columns: auto minmax(0, 1fr);
}

.ys-reality-check-scroll__intro {
	color: rgba(42, 15, 16, 0.78);
	font-size: clamp(1rem, 1.25vw, 1.15rem);
	line-height: 1.65;
	margin: 0;
	max-width: 30rem;
}

.ys-reality-check-scroll__intro > :last-child {
	margin-bottom: 0;
}

.ys-reality-check-scroll__footer-copy {
	color: rgba(42, 15, 16, 0.72);
	font-size: clamp(0.98rem, 1.15vw, 1.08rem);
	line-height: 1.6;
	margin: 0;
	max-width: 28rem;
}

.ys-reality-check-scroll__footer-copy blockquote {
	border-left: 2px solid rgba(42, 15, 16, 0.16);
	margin: 0;
	padding-left: 1rem;
}

.ys-reality-check-scroll__footer-copy p {
	margin: 0;
}

.ys-reality-check-scroll__aside-actions {
	margin-top: clamp(0.35rem, 1vw, 0.75rem);
}

.ys-reality-check-scroll__stage {
	--ys-book-paper: #fffdf8;
	--ys-book-paper-edge: #ded1bb;
	--ys-book-cover: #486850;
	--ys-reality-paper-height: clamp(24rem, 46vh, 30rem);
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: clamp(0.85rem, 1.5vw, 1.25rem);
	justify-content: center;
	min-height: auto;
	position: relative;
	width: 100%;
}

.ys-reality-check-scroll.is-transitioning .ys-reality-check-scroll__answers {
	pointer-events: none;
}

.ys-reality-check-scroll__nav {
	align-items: center;
	display: flex;
	gap: clamp(0.85rem, 2vw, 1.35rem);
	justify-content: space-between;
	margin-top: clamp(0.35rem, 1vw, 0.65rem);
	margin-left: auto;
	width: 50%;
}

.ys-reality-check-scroll__nav-btn {
	background: transparent;
	border: 1.5px solid rgba(42, 15, 16, 0.28);
	border-radius: 999px;
	color: var(--ys-brown);
	cursor: pointer;
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(0.82rem, 1vw, 0.92rem);
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1;
	min-width: 6.5rem;
	padding: 0.62rem 1.15rem;
	transition:
		background-color 160ms cubic-bezier(0.22, 1, 0.36, 1),
		border-color 160ms cubic-bezier(0.22, 1, 0.36, 1),
		color 160ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 160ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) and (pointer: fine) {
	.ys-reality-check-scroll__nav-btn:hover:not(:disabled) {
		background: rgba(42, 15, 16, 0.05);
		border-color: rgba(42, 15, 16, 0.42);
		transform: translateY(-2px);
	}
}

.ys-reality-check-scroll__nav-btn:active:not(:disabled) {
	transform: scale(0.97);
}

.ys-reality-check-scroll__nav-btn:focus-visible {
	outline: 2px solid var(--ys-red);
	outline-offset: 2px;
}

.ys-reality-check-scroll__nav-btn:disabled {
	cursor: not-allowed;
	opacity: 0.38;
}

.ys-reality-check-scroll__nav-status {
	color: rgba(42, 15, 16, 0.62);
	font-size: clamp(0.78rem, 0.95vw, 0.88rem);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}

.ys-reality-check-scroll__point {
	align-items: flex-start;
	color: var(--ys-accent);
	display: inline-flex;
	font-size: clamp(0.72rem, 1vw, 0.82rem);
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.15;
	min-height: 1.15em;
}

.ys-reality-check-scroll__point-prefix {
	display: inline-block;
}

.ys-reality-check-scroll__point-digit {
	display: inline-block;
	height: 1.15em;
	min-width: 0.55em;
	overflow: hidden;
	vertical-align: top;
}

.ys-reality-check-scroll__digit-strip {
	display: flex;
	flex-direction: column;
	position: relative;
	will-change: transform;
}

.ys-reality-check-scroll__digit-item {
	display: block;
	height: 1.15em;
	line-height: 1.15;
}

.ys-reality-check-scroll__book {
	isolation: isolate;
	min-height: var(--ys-reality-paper-height);
	perspective: 1800px;
	position: relative;
	width: 100%;
}

.ys-reality-check-scroll__book-cover {
	background:
		linear-gradient(90deg, rgba(18, 43, 27, 0.3), transparent 3.5%, transparent 96%, rgba(18, 43, 27, 0.22)),
		var(--ys-book-cover);
	border: 1px solid rgba(42, 15, 16, 0.25);
	border-radius: 0.45rem;
	box-shadow:
		0 1.5rem 2.6rem -1.2rem rgba(42, 15, 16, 0.42),
		0 0.35rem 0.7rem -0.3rem rgba(42, 15, 16, 0.28);
	inset: -0.55rem -0.65rem -0.75rem;
	position: absolute;
	z-index: 0;
}

.ys-reality-check-scroll__book-left {
	background-color: #fbf7ed;
	background-image:
		linear-gradient(to left, rgba(42, 15, 16, 0.12), transparent 10%),
		repeating-linear-gradient(
			to bottom,
			transparent,
			transparent calc(1.62rem - 1px),
			rgba(42, 15, 16, 0.055) calc(1.62rem - 1px),
			rgba(42, 15, 16, 0.055) 1.62rem
		);
	border: 1px solid rgba(42, 15, 16, 0.1);
	border-radius: 0.25rem 0 0 0.25rem;
	box-shadow: inset -1.4rem 0 1.5rem -1.4rem rgba(42, 15, 16, 0.42);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 2;
}

.ys-reality-check-scroll__book-left::before,
.ys-reality-check-scroll__book-left::after {
	border: 1px solid var(--ys-book-paper-edge);
	border-right: 0;
	border-radius: 0.2rem 0 0 0.2rem;
	content: "";
	inset: 0.2rem 0 0.2rem 0.24rem;
	position: absolute;
	transform: translate(-0.28rem, 0.22rem);
	z-index: -1;
}

.ys-reality-check-scroll__book-left::after {
	inset: 0.4rem 0 0.4rem 0.4rem;
	transform: translate(-0.5rem, 0.4rem);
}

.ys-reality-check-scroll__book-mark {
	border: 1px solid rgba(72, 104, 80, 0.55);
	border-radius: 50%;
	height: clamp(4rem, 7vw, 5.75rem);
	left: 50%;
	opacity: 0.72;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: clamp(4rem, 7vw, 5.75rem);
}

.ys-reality-check-scroll__book-mark::before,
.ys-reality-check-scroll__book-mark::after {
	background: rgba(72, 104, 80, 0.55);
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.ys-reality-check-scroll__book-mark::before {
	height: 1px;
	width: 140%;
}

.ys-reality-check-scroll__book-mark::after {
	height: 140%;
	width: 1px;
}

.ys-reality-check-scroll__book-spine {
	background: linear-gradient(90deg, rgba(42, 15, 16, 0.14), rgba(255, 255, 255, 0.72) 48%, rgba(42, 15, 16, 0.18));
	box-shadow: 0 0 1rem rgba(42, 15, 16, 0.22);
	height: calc(100% - 0.35rem);
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 0.18rem;
	transform: translateX(-50%);
	width: clamp(0.3rem, 0.7vw, 0.55rem);
	z-index: 5;
}

.ys-reality-check-scroll__papers {
	min-height: var(--ys-reality-paper-height);
	overflow: visible;
	perspective: 1800px;
	perspective-origin: 50% 42%;
	position: relative;
	width: 50%;
	margin-left: 50%;
	z-index: 3;
}

.ys-reality-check-scroll__papers::before,
.ys-reality-check-scroll__papers::after {
	background: var(--ys-book-paper);
	border: 1px solid var(--ys-book-paper-edge);
	border-radius: 0 0.2rem 0.2rem 0;
	content: "";
	inset: 0.18rem -0.22rem -0.24rem 0.16rem;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.ys-reality-check-scroll__papers::after {
	inset: 0.36rem -0.42rem -0.43rem 0.32rem;
	z-index: -2;
}

.ys-reality-check-scroll__stage {
	position: relative;
}

.ys-reality-check-scroll__curl-canvas {
	display: block;
	height: 100%;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	visibility: hidden;
	width: 100%;
	z-index: 120;
}

.ys-reality-check-scroll__curl-canvas.is-curl-ready {
	opacity: 1;
	visibility: visible;
}

.ys-reality-check-scroll__curl-canvas.is-curl-ready:not(.is-curling) {
	opacity: 0;
	visibility: hidden;
}

.ys-reality-check-scroll__paper {
	inset: 0 auto auto 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform-style: preserve-3d;
	visibility: hidden;
	width: 100%;
}

.ys-reality-check-scroll__paper.is-active {
	pointer-events: auto;
	visibility: visible;
}

.ys-reality-check-scroll__paper-fold {
	--ys-fold-crease: 0;
	--ys-fold-shade: 0;
	--ys-flip-shadow: 0.12;
	min-height: var(--ys-reality-paper-height);
	overflow: visible;
	perspective: 1400px;
	perspective-origin: 50% 44%;
	position: relative;
	transform-style: preserve-3d;
	width: 100%;
}

.ys-reality-check-scroll__paper-fold-stage {
	display: flex;
	flex-direction: column;
	height: 100%;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform-style: preserve-3d;
	visibility: hidden;
	width: 100%;
	z-index: 2;
}

.ys-reality-check-scroll__paper-fold.is-folding .ys-reality-check-scroll__paper-fold-stage {
	opacity: 1;
	visibility: visible;
}

.ys-reality-check-scroll__paper-interactive {
	position: relative;
	transform-style: preserve-3d;
	transition: opacity 120ms linear, visibility 120ms linear;
	width: 100%;
	z-index: 1;
}

.ys-reality-check-scroll__paper-fold.is-folding .ys-reality-check-scroll__paper-interactive {
	opacity: 0 !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

.ys-reality-check-scroll__paper-fold.is-folding .ys-reality-check-scroll__paper-inner::after {
	opacity: 0;
	transition: opacity 80ms linear;
}

.ys-reality-check-scroll__paper-fold-flap {
	height: 100%;
	inset: 0;
	position: absolute;
	transform-style: preserve-3d;
	width: 100%;
	will-change: transform;
}

.ys-reality-check-scroll__paper-fold-flap-inner {
	height: 100%;
	position: relative;
	transform-style: preserve-3d;
	width: 100%;
}

.ys-reality-check-scroll__paper-fold-face {
	backface-visibility: hidden;
	height: 100%;
	inset: 0;
	position: absolute;
	transform-style: preserve-3d;
	width: 100%;
}

.ys-reality-check-scroll__paper-fold-face--back {
	background-color: #f3ebe0;
	background-image:
		repeating-linear-gradient(
			to bottom,
			transparent,
			transparent calc(1.62rem - 1px),
			rgba(42, 15, 16, 0.05) calc(1.62rem - 1px),
			rgba(42, 15, 16, 0.05) 1.62rem
		);
	background-size: 100% 1.62rem;
	border: 1px solid rgba(42, 15, 16, 0.08);
	transform: rotateY(180deg);
}

.ys-reality-check-scroll__paper-fold-mirror {
	height: 100%;
	pointer-events: none;
	position: relative;
	width: 100%;
}

.ys-reality-check-scroll__paper-inner--mirror {
	box-shadow: none;
	min-height: var(--ys-reality-paper-height);
	pointer-events: none;
	user-select: none;
}

.ys-reality-check-scroll__paper-fold-shade {
	inset: 0;
	opacity: var(--ys-fold-shade-opacity, 0);
	pointer-events: none;
	position: absolute;
	width: 100%;
	z-index: 3;
}

.ys-reality-check-scroll__paper-fold[data-fold-direction="1"] .ys-reality-check-scroll__paper-fold-shade {
	background: linear-gradient(
		to left,
		rgba(42, 15, 16, calc(var(--ys-fold-shade-opacity, 0) * 0.85)),
		transparent 58%
	);
}

.ys-reality-check-scroll__paper-fold[data-fold-direction="-1"] .ys-reality-check-scroll__paper-fold-shade {
	background: linear-gradient(
		to right,
		rgba(42, 15, 16, calc(var(--ys-fold-shade-opacity, 0) * 0.85)),
		transparent 58%
	);
}

.ys-reality-check-scroll__paper-fold-crease {
	height: 100%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 3px;
	z-index: 4;
}

.ys-reality-check-scroll__paper-fold[data-fold-direction="1"] .ys-reality-check-scroll__paper-fold-crease {
	background: linear-gradient(
		to right,
		rgba(42, 15, 16, 0.02),
		rgba(42, 15, 16, 0.34) 48%,
		rgba(42, 15, 16, 0.34) 52%,
		rgba(42, 15, 16, 0.02)
	);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.42),
		-0.2rem 0 0.65rem rgba(42, 15, 16, 0.18),
		0.12rem 0 0.35rem rgba(42, 15, 16, 0.08);
	right: 0;
}

.ys-reality-check-scroll__paper-fold[data-fold-direction="-1"] .ys-reality-check-scroll__paper-fold-crease {
	background: linear-gradient(
		to left,
		rgba(42, 15, 16, 0.02),
		rgba(42, 15, 16, 0.34) 48%,
		rgba(42, 15, 16, 0.34) 52%,
		rgba(42, 15, 16, 0.02)
	);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.42),
		0.2rem 0 0.65rem rgba(42, 15, 16, 0.18),
		-0.12rem 0 0.35rem rgba(42, 15, 16, 0.08);
	left: 0;
}

.ys-reality-check-scroll__paper-fold.is-folding .ys-reality-check-scroll__paper-fold-crease {
	opacity: var(--ys-fold-crease, 0);
}

.ys-reality-check-scroll__paper-inner {
	--ys-paper-fold: #e8dfd0;
	background-color: #fffdf8;
	background-image:
		repeating-linear-gradient(
			to bottom,
			transparent,
			transparent calc(1.62rem - 1px),
			rgba(42, 15, 16, 0.065) calc(1.62rem - 1px),
			rgba(42, 15, 16, 0.065) 1.62rem
		);
	background-size: 100% 1.62rem;
	border: 1px solid rgba(42, 15, 16, 0.1);
	border-radius: 0 0.22rem 0.22rem 0;
	box-shadow:
		0 calc(0.35rem + var(--ys-flip-shadow, 0.12) * 1.2rem)
		calc(1.2rem + var(--ys-flip-shadow, 0.12) * 1.8rem)
		rgba(42, 15, 16, calc(0.14 + var(--ys-flip-shadow, 0.12) * 0.24));
	color: var(--ys-brown);
	min-height: var(--ys-reality-paper-height);
	padding: clamp(1.35rem, 2.2vw, 1.85rem) clamp(1.35rem, 2.2vw, 1.85rem) clamp(1.2rem, 2vw, 1.6rem) clamp(2rem, 3vw, 2.45rem);
	position: relative;
}

.ys-reality-check-scroll__paper-inner::before {
	background: rgba(246, 80, 88, 0.42);
	content: "";
	height: calc(100% - 1.5rem);
	left: 1.45rem;
	position: absolute;
	top: 0.75rem;
	width: 1px;
}

.ys-reality-check-scroll__paper-inner::after {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.55) 0 48%, transparent 49%),
		var(--ys-paper-fold);
	bottom: -1px;
	box-shadow: -0.28rem -0.28rem 0.55rem -0.42rem rgba(42, 15, 16, 0.55);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
	content: "";
	height: clamp(0.85rem, 1.2vw, 1.1rem);
	pointer-events: none;
	position: absolute;
	right: -1px;
	width: clamp(0.85rem, 1.2vw, 1.1rem);
}

.ys-reality-check-scroll__question {
	font-family: "Instrument Serif", serif;
	font-size: clamp(1.35rem, 2.1vw, 1.85rem);
	font-style: italic;
	font-weight: 400;
	line-height: 1.28;
	margin: 0 0 clamp(1.15rem, 2vw, 1.5rem);
	max-width: 24ch;
}

.ys-reality-check-scroll__answers {
	border: 0;
	display: grid;
	gap: clamp(0.7rem, 1.2vw, 0.95rem);
	margin: 0;
	min-width: 0;
	padding: 0;
}

.ys-reality-check-scroll__answer {
	align-items: flex-start;
	cursor: pointer;
	display: grid;
	gap: 0.75rem;
	grid-template-columns: auto minmax(0, 1fr);
}

.ys-reality-check-scroll__answer input {
	opacity: 0;
	position: absolute;
}

.ys-reality-check-scroll__radio {
	border: 1.5px solid rgba(42, 15, 16, 0.34);
	border-radius: 50%;
	flex-shrink: 0;
	height: 1.05rem;
	margin-top: 0.28rem;
	transition: border-color 160ms var(--ys-ease-feedback), box-shadow 160ms var(--ys-ease-feedback);
	width: 1.05rem;
}

.ys-reality-check-scroll__answer-text {
	font-family: "Instrument Serif", serif;
	font-size: clamp(1rem, 1.35vw, 1.14rem);
	font-style: italic;
	line-height: 1.55;
}

.ys-reality-check-scroll__answer input:checked + .ys-reality-check-scroll__radio {
	border-color: var(--ys-red);
	box-shadow: inset 0 0 0 0.22rem #fffdf8, inset 0 0 0 0.48rem var(--ys-red);
}

.ys-reality-check-scroll__answer input:focus-visible + .ys-reality-check-scroll__radio {
	outline: 2px solid var(--ys-red);
	outline-offset: 2px;
}

.ys-reality-check-scroll__track {
	display: none;
	pointer-events: none;
}

@media screen and (max-width: 900px) {
	.ys-reality-check-scroll__pin {
		align-items: stretch;
		min-height: auto;
	}

	.ys-reality-check-scroll__layout {
		grid-template-columns: minmax(0, 1fr);
		min-height: auto;
	}

	.ys-reality-check-scroll__stage {
		--ys-reality-paper-height: clamp(26rem, 54vh, 32rem);
		min-height: auto;
	}

	.ys-reality-check-scroll__papers {
		perspective: 1400px;
	}

	.ys-reality-check-scroll__nav {
		width: 50%;
	}
}

@media screen and (max-width: 640px) {
	.ys-reality-check-scroll__book-left {
		width: 1.1rem;
	}

	.ys-reality-check-scroll__book-mark {
		display: none;
	}

	.ys-reality-check-scroll__book-spine {
		left: 1.1rem;
	}

	.ys-reality-check-scroll__papers {
		margin-left: 1.1rem;
		width: calc(100% - 1.1rem);
	}

	.ys-reality-check-scroll__nav {
		width: calc(100% - 1.1rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ys-reality-check-scroll__nav-btn,
	.ys-reality-check-scroll__paper-interactive {
		transition-duration: 1ms;
	}

	.ys-reality-check-scroll__nav-btn:hover:not(:disabled),
	.ys-reality-check-scroll__nav-btn:active:not(:disabled) {
		transform: none;
	}
}

/* Services: LXL-style scroll card fan (2 groups of 3) */
.ys-services-scroll.ys-landing__section {
	overflow: visible;
	padding: 0;
}

@media screen and (min-width: 901px) {
	.ys-landing--brand_consultant {
		/* Keep Y visible for sticky/pin; clip X so scaled hero/cost cards can't widen the page. */
		overflow-x: clip;
		overflow-y: visible;
	}

	.ys-landing--brand_consultant .ys-services-scroll--fan.is-sticky-scroll {
		min-height: var(--ys-services-track-height, 100svh);
	}

	.ys-landing--brand_consultant .ys-services-scroll--fan.is-sticky-scroll .ys-services-scroll__pin {
		position: sticky;
		top: var(--ys-site-nav-height, 0px);
		z-index: 3;
	}
}

.ys-services-scroll__pin {
	align-items: center;
	background: var(--ys-cream);
	box-sizing: border-box;
	display: flex;
	min-height: calc(100svh - var(--ys-site-nav-height, 0px));
	min-height: calc(100vh - var(--ys-site-nav-height, 0px));
	padding: clamp(3rem, 6vw, 5rem) var(--ys-gutter);
	width: 100%;
}

.ys-services-scroll__layout {
	align-items: start;
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(14rem, 0.72fr) minmax(0, 1.28fr);
	margin: 0 auto;
	max-width: min(88rem, 100%);
	width: 100%;
}

.ys-services-scroll__heading {
	align-items: start;
	display: grid;
	gap: clamp(1rem, 2vw, 2rem);
	grid-template-columns: auto minmax(0, 1fr);
}

.ys-services-scroll__footer-copy {
	font-size: clamp(1rem, 1.28vw, 1.2rem);
	line-height: 1.65;
	margin: clamp(1.5rem, 3vw, 2.5rem) 0 0;
}

.ys-services-scroll__footer-copy > :last-child {
	margin-bottom: 0;
}

.ys-services-scroll__aside-actions {
	margin-top: clamp(1rem, 2vw, 1.75rem);
}

.ys-services-scroll__stage {
	min-height: min(72vh, 40rem);
	position: relative;
	width: 100%;
}

.ys-services-scroll__deck {
	inset: 0;
	position: absolute;
}

.ys-services-scroll__card {
	cursor: default;
	left: 50%;
	position: absolute;
	top: 50%;
	transform-origin: 50% 50%;
	width: min(15rem, 42vw);
	will-change: transform;
}

.ys-services-scroll__card.is-settled {
	cursor: pointer;
}

.ys-services-scroll__card-inner {
	border-radius: 1.1rem;
	box-shadow: 0 18px 40px rgba(42, 15, 16, 0.14);
	display: grid;
	gap: 0.85rem;
	min-height: 11.5rem;
	padding: clamp(1.15rem, 2vw, 1.5rem);
	position: relative;
	transition: box-shadow 0.28s ease;
}

@media (hover: hover) and (pointer: fine) {
	.ys-services-scroll__card.is-hovered .ys-services-scroll__card-inner,
	.ys-services-scroll__card.is-settled:hover .ys-services-scroll__card-inner {
		box-shadow: 0 28px 52px rgba(42, 15, 16, 0.24);
	}

	.ys-services-scroll.is-mobile-fallback .ys-services-scroll__card:hover .ys-services-scroll__card-inner {
		box-shadow: 0 22px 44px rgba(42, 15, 16, 0.2);
		transform: translateY(-6px);
		transition: box-shadow 0.28s ease, transform 0.28s ease;
	}
}

.ys-services-scroll__card--sky .ys-services-scroll__card-inner {
	background: #b8dff5;
	color: var(--ys-brown);
}

.ys-services-scroll__card--peach .ys-services-scroll__card-inner {
	background: var(--ys-peach);
	color: var(--ys-brown);
}

.ys-services-scroll__card--dark .ys-services-scroll__card-inner {
	background: var(--ys-brown);
	color: var(--ys-cream);
}

.ys-services-scroll__card--green .ys-services-scroll__card-inner {
	background: var(--ys-green);
	color: var(--ys-cream);
}

.ys-services-scroll__card--red .ys-services-scroll__card-inner {
	background: var(--ys-red);
	color: var(--ys-cream);
}

.ys-services-scroll__card--cream .ys-services-scroll__card-inner {
	background: var(--ys-cream);
	border: 1px solid rgba(42, 15, 16, 0.12);
	color: var(--ys-brown);
}

.ys-services-scroll__card-title {
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(1.05rem, 1.6vw, 1.25rem);
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
}

.ys-services-scroll__card-text {
	font-size: clamp(0.92rem, 1.15vw, 1rem);
	line-height: 1.45;
	margin: 0;
}

.ys-services-scroll__card-arrow {
	bottom: clamp(1rem, 1.8vw, 1.25rem);
	color: var(--ys-red);
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1;
	position: absolute;
	right: clamp(1rem, 1.8vw, 1.25rem);
}

.ys-services-scroll__card--dark .ys-services-scroll__card-arrow,
.ys-services-scroll__card--green .ys-services-scroll__card-arrow,
.ys-services-scroll__card--red .ys-services-scroll__card-arrow {
	color: var(--ys-peach);
}

@media screen and (max-width: 900px) {
	.ys-services-scroll__pin {
		min-height: auto;
	}

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

	.ys-services-scroll__stage {
		min-height: auto;
	}

	.ys-services-scroll__deck {
		display: grid;
		gap: 1rem;
		position: relative;
	}

	.ys-services-scroll__card {
		left: auto;
		position: relative;
		top: auto;
		transform: none !important;
		width: 100%;
	}

	.ys-services-scroll__card-inner {
		min-height: auto;
	}
}

/* Fractional CBO: section stack — each track scrolls fully before the next covers it */
@media screen and (min-width: 901px) {
	.ys-landing--fractional_cbo.ys-landing--stacked,
	.ys-landing--brand_consultant.ys-landing--stacked,
	.ys-landing--stacked-reveal {
		/* Stacked reveal: Y must stay visible for parallax handoff; clip X bleed. */
		overflow-x: clip;
		overflow-y: visible;
	}

	.ys-section-stack__track {
		position: relative;
	}

	.ys-section-stack__layer {
		background-color: var(--ys-cream);
		position: relative;
		z-index: 1;
	}

	.ys-section-stack__layer.ys-landing__hero.ys-hero-scroll {
		background-color: var(--ys-brown);
	}

	.ys-section-stack__layer:not(.ys-section-stack__layer--pinned) {
		min-height: 100vh;
		min-height: 100svh;
		position: sticky;
		top: 0;
	}

	.ys-section-stack__layer.is-stack-active {
		box-shadow: 0 -1.25rem 3rem rgba(42, 15, 16, 0.12);
		z-index: calc(var(--ys-stack-index, 1) * 2);
	}
}

/* Brand Consultant: cost of inaction — dropping question stack */
.ys-landing--brand_consultant .ys-cost-stack.ys-landing__section {
	overflow: visible;
	padding: 0;
}

.ys-cost-stack :where(h1, h2) {
	display: flex;
	text-wrap: wrap;
	width: 100%;
}

.ys-cost-stack__pin {
	background: var(--ys-cream);
	display: flex;
	flex-direction: column;
	min-height: calc(100svh - var(--ys-site-nav-height, 0px));
	min-height: calc(100vh - var(--ys-site-nav-height, 0px));
	position: relative;
}

.ys-cost-stack__header {
	background: var(--ys-cream);
	box-shadow: 0 1px 0 rgba(42, 15, 16, 0.08);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	padding: clamp(1rem, 2vw, 1.5rem) var(--ys-gutter) clamp(0.75rem, 1.5vw, 1rem);
	position: relative;
	width: 100%;
	z-index: 30;
}

.ys-cost-stack__header::after {
	background: linear-gradient(180deg, var(--ys-cream) 0%, var(--ys-cream) 80%, transparent 100%);
	bottom: -1rem;
	content: "";
	height: 1rem;
	left: 0;
	pointer-events: none;
	position: absolute;
	width: 100%;
}

.ys-cost-stack__header-inner {
	align-items: flex-start;
	display: flex;
	flex: 1;
	gap: clamp(0.75rem, 1.5vw, 1.25rem);
	margin: 0 auto;
	max-width: min(92rem, 100%);
	width: 100%;
}

.ys-cost-stack__heading-copy {
	flex: 1;
	min-width: 0;
	width: 100%;
}

.ys-cost-stack__title {
	font-size: clamp(1.85rem, 3.6vw, 3.1rem);
	line-height: 1.08;
	margin: 0;
	max-width: none;
	width: 100%;
}

.ys-cost-stack__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	margin: 0 auto;
	max-width: min(92rem, 100%);
	min-height: 0;
	padding: clamp(0.75rem, 2vw, 1.25rem) var(--ys-gutter) clamp(1.25rem, 2.5vw, 2rem);
	width: 100%;
}

.ys-cost-stack__stage {
	align-items: center;
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-between;
	margin: 0 auto;
	max-width: min(72rem, 100%);
	min-height: 0;
	position: relative;
	width: 100%;
}

.ys-cost-stack__stack {
	flex-shrink: 0;
	margin: auto;
	min-height: var(--ys-cost-stack-scaled-height, var(--ys-cost-stack-height, 5.5rem));
	overflow: visible;
	position: relative;
	width: min(100%, 44rem);
}

.ys-cost-stack__card {
	bottom: 0;
	left: 50%;
	position: absolute;
	top: auto;
	transform-origin: 50% 100%;
	width: 100%;
	will-change: transform, opacity;
}

.ys-cost-stack__card-inner {
	background: var(--ys-cream);
	border: 1px solid rgba(42, 15, 16, 0.14);
	box-shadow:
		0 6px 0 rgba(42, 15, 16, 0.04),
		0 10px 24px rgba(42, 15, 16, 0.08);
	min-height: clamp(4.25rem, 8.5vh, 5.75rem);
	padding: clamp(1.15rem, 2vh, 1.45rem) clamp(1.15rem, 1.8vw, 1.45rem) clamp(1.15rem, 2vh, 1.45rem) clamp(1.55rem, 2.2vw, 1.85rem);
	position: relative;
}

.ys-cost-stack__card.is-settled .ys-cost-stack__card-inner {
	box-shadow:
		0 8px 0 rgba(42, 15, 16, 0.05),
		0 14px 28px rgba(42, 15, 16, 0.12);
}

.ys-cost-stack__card-inner::before {
	background: var(--ys-red);
	border-radius: 50%;
	content: "";
	height: 0.5rem;
	left: clamp(0.75rem, 1.2vw, 0.95rem);
	position: absolute;
	top: clamp(1.15rem, 2vh, 1.45rem);
	width: 0.5rem;
}

.ys-cost-stack__card-text {
	font-size: clamp(1.05rem, 1.75vh, 1.22rem);
	line-height: 1.45;
	margin: 0;
}

.ys-cost-stack__quote {
	align-self: stretch;
	border: 0;
	border-left: 3px solid var(--ys-red);
	color: var(--ys-brown);
	flex-shrink: 0;
	font-family: "Instrument Serif", serif;
	font-size: clamp(1.35rem, 2.1vw, 1.75rem);
	font-style: italic;
	font-weight: 400;
	line-height: 1.45;
	margin: clamp(1.25rem, 2.5vw, 2rem) 0 0;
	max-width: none;
	opacity: 0;
	padding: 0 0 0 clamp(1rem, 2vw, 1.35rem);
	text-align: left;
	text-wrap: wrap;
	visibility: hidden;
	width: 100%;
}

.ys-cost-stack__quote p {
	margin: 0;
}

.ys-cost-stack.is-mobile-fallback .ys-cost-stack__quote {
	opacity: 1;
	visibility: visible;
}

.ys-cost-stack__actions {
	margin: clamp(1rem, 2vw, 1.5rem) 0 0;
	padding-bottom: clamp(1rem, 2vw, 1.5rem);
}

.ys-cost-stack.is-mobile-fallback .ys-cost-stack__stack {
	min-height: var(--ys-cost-stack-height, clamp(18rem, 42vw, 24rem));
}

.ys-cost-stack.is-mobile-fallback .ys-cost-stack__card {
	bottom: 0;
	left: 50%;
	position: absolute;
	top: auto;
	transform: translateX(-50%) translate(var(--ys-cost-x, 0), var(--ys-cost-y, 0)) rotate(var(--ys-cost-rot, 0deg));
	transform-origin: 50% 100%;
	width: 100%;
	z-index: var(--ys-cost-z, 1);
}

.ys-landing--brand_consultant .ys-services-scroll__card-inner,
.ys-landing--brand_consultant .ys-photo-scatter__item,
.ys-landing--brand_consultant .ys-photo-scatter__frame,
.ys-landing--brand_consultant .ys-photo-scatter__image,
.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li {
	transition-timing-function: var(--ys-ease-feedback);
}

@media (hover: hover) and (pointer: fine) {
	.ys-landing--brand_consultant .ys-services-scroll__card.is-settled:hover .ys-services-scroll__card-inner {
		box-shadow: 0 24px 46px rgba(42, 15, 16, 0.22);
	}

	.ys-landing--brand_consultant .ys-landing__section--future_state .ys-landing__prose > ul.ys-shifts > li:hover {
		transform: translateY(-0.25rem) rotate(0deg);
	}
}

@media screen and (max-width: 900px) {
	.ys-cost-stack__pin {
		min-height: auto;
	}

	.ys-cost-stack__header {
		position: relative;
	}

	.ys-cost-stack__body {
		padding-top: clamp(1.5rem, 3.5vw, 2rem);
	}

	.ys-cost-stack__title {
		max-width: none;
	}

	.ys-cost-stack__stage {
		min-height: auto;
	}

	.ys-cost-stack__stack {
		min-height: var(--ys-cost-stack-height, clamp(20rem, 58vw, 28rem));
	}
}

@media (prefers-reduced-motion: reduce) {
	.ys-landing--fractional_cbo.ys-landing--stacked,
	.ys-landing--brand_consultant.ys-landing--stacked,
	.ys-landing--stacked-reveal {
		overflow: clip;
	}

	.ys-section-stack__layer {
		box-shadow: none;
		min-height: auto;
		position: relative;
		top: auto;
		z-index: auto;
	}

	.ys-landing *,
	.ys-landing *::before,
	.ys-landing *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}

	.ys-cost-stack__quote {
		opacity: 1;
		visibility: visible;
	}
}

@media (forced-colors: active) {
	.ys-landing__cta,
	.ys-landing__section,
	.ys-landing__figure,
	.ys-landing__video {
		border: 1px solid CanvasText;
	}
}

/* Brand consultant — Section 02: notebook self-check
--------------------------------------------- */
.ys-landing--brand_consultant .ys-notebook-quiz {
	--notebook-coral: #f4525c;
	--notebook-cover: #3f5b47;
	--notebook-ink: #2b1013;
	--notebook-page: #fbf8ef;
	--notebook-rule: rgba(43, 16, 19, 0.11);
	--notebook-table: #f3eee4;
	background: var(--notebook-table);
	box-sizing: border-box;
	color: var(--notebook-ink);
	font-family: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
	overflow: clip;
	padding: max(5.5rem, calc(env(safe-area-inset-top) + 4.5rem)) max(1.25rem, calc(env(safe-area-inset-right) + 4vw)) max(4rem, calc(env(safe-area-inset-bottom) + 4rem)) max(1.25rem, calc(env(safe-area-inset-left) + 4vw));
	position: relative;
}

.ys-landing--brand_consultant .ys-notebook-quiz::before {
	display: none;
}

.ys-notebook-quiz__inner {
	align-items: center;
	display: grid;
	gap: clamp(3rem, 6vw, 7rem);
	grid-template-columns: minmax(17rem, 4.2fr) minmax(36rem, 7.8fr);
	margin: 0 auto;
	max-width: 112rem;
	min-height: calc(100svh - 10rem);
	width: 100%;
}

.ys-notebook-quiz__copy {
	align-self: center;
}

.ys-notebook-quiz__label {
	margin-bottom: clamp(2.5rem, 7vh, 5rem);
}

.ys-notebook-quiz__title {
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(2.7rem, 4.6vw, 7rem);
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 0.98;
	margin: 0;
	max-width: 11.8ch;
	text-wrap: balance;
}

.ys-notebook-quiz__title-word {
	display: inline-block;
	overflow: hidden;
	padding: 0 0.03em 0.08em 0;
	vertical-align: bottom;
}

.ys-notebook-quiz__title-word > span {
	display: inline-block;
	opacity: 0;
	transform: translateY(110%);
	transition: opacity 420ms cubic-bezier(.2,.8,.2,1), transform 480ms cubic-bezier(.2,.8,.2,1);
	transition-delay: calc(var(--word-index) * 35ms);
}

.ys-notebook-quiz.is-visible .ys-notebook-quiz__title-word > span {
	opacity: 1;
	transform: translateY(0);
}

.ys-notebook-quiz__intro {
	color: color-mix(in srgb, var(--notebook-ink) 78%, transparent);
	font-size: clamp(1rem, 1.15vw, 1.2rem);
	font-variation-settings: "opsz" 18, "wdth" 96, "wght" 420;
	line-height: 1.55;
	margin-top: clamp(1.75rem, 3vw, 3rem);
	max-width: 34rem;
}

.ys-notebook-quiz__intro p {
	margin: 0;
}

.ys-notebook-quiz__experience {
	perspective: 1800px;
	width: 100%;
}

.ys-notebook-quiz__book {
	--book-tilt-x: 0deg;
	--book-tilt-y: 0deg;
	--quiz-progress: 0;
	aspect-ratio: 3 / 2;
	container-type: inline-size;
	isolation: isolate;
	position: relative;
	transform: rotateX(var(--book-tilt-x)) rotateY(var(--book-tilt-y));
	transform-style: preserve-3d;
	transition: transform 650ms cubic-bezier(.2,.8,.2,1);
	width: 100%;
}

.ys-notebook-quiz__book::before {
	background: rgba(43, 16, 19, 0.26);
	border-radius: 50%;
	bottom: -1.4rem;
	content: "";
	filter: blur(1.4rem);
	height: 2.6rem;
	left: 7%;
	opacity: 0.55;
	position: absolute;
	transform: scaleX(calc(0.52 + var(--quiz-progress) * 0.05));
	transform-origin: left center;
	width: 86%;
	z-index: -1;
}

.ys-notebook-quiz__left-page,
.ys-notebook-quiz__page {
	--lh: clamp(1.45rem, 4cqw, 2rem);
	background-color: var(--notebook-page);
	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)
	);
	border: 1px solid rgba(43, 16, 19, 0.1);
	color: var(--notebook-ink);
	height: 100%;
	position: absolute;
	top: 0;
}

.ys-notebook-quiz__left-page {
	border-radius: 0.38rem 0 0 0.38rem;
	box-shadow: inset -1.5rem 0 1.8rem -1.5rem rgba(43, 16, 19, 0.36);
	left: 0;
	opacity: 0;
	padding: clamp(2rem, 6cqw, 4.5rem) clamp(1.5rem, 5cqw, 3.5rem);
	transform: translateX(50%) scaleX(0.02);
	transform-origin: right center;
	transition: opacity 280ms cubic-bezier(.2,.8,.2,1), transform 900ms cubic-bezier(.2,.8,.2,1);
	width: 50%;
	z-index: 3;
}

.ys-notebook-quiz.is-open .ys-notebook-quiz__left-page {
	opacity: 1;
	transform: translateX(0) scaleX(1) translateZ(4px);
	transition-delay: 360ms;
}

.ys-notebook-quiz__left-page::before,
.ys-notebook-quiz__page::before {
	background: color-mix(in srgb, var(--notebook-coral) 72%, transparent);
	content: "";
	height: calc(100% - 2rem);
	left: clamp(1.1rem, 3.5cqw, 2.1rem);
	position: absolute;
	top: 1rem;
	width: 1px;
}

.ys-notebook-quiz__page-label {
	color: color-mix(in srgb, var(--notebook-ink) 55%, transparent);
	/*font-family: "Bricolage Grotesque", sans-serif;*/
	font-size: clamp(0.68rem, 1.5cqw, 0.82rem);
	font-style: normal;
	font-weight: 700;
	/*letter-spacing: 0.08em;*/
	margin: 0 0 clamp(1.25rem, 4cqw, 2.5rem);
	/*text-transform: uppercase;*/
}

.ys-notebook-quiz__recap {
	font-family: "Instrument Serif", serif;
	font-size: clamp(1.4rem, 3.9cqw, 2.5rem);
	font-style: italic;
	line-height: var(--lh);
	margin-top: clamp(1rem, 6cqw, 4rem);
	max-width: 18ch;
}

.ys-notebook-quiz__recap p {
	margin: 0;
}

.ys-notebook-quiz__ribbon {
	background: var(--notebook-coral);
	bottom: -1.2rem;
	height: 4.5rem;
	left: 12%;
	position: absolute;
	width: 0.65rem;
}

.ys-notebook-quiz__spine {
	background: linear-gradient(90deg, rgba(43, 16, 19, 0.18), rgba(255,255,255,.76) 48%, rgba(43,16,19,.22));
	box-shadow: 0 0 1rem rgba(43, 16, 19, 0.2);
	height: calc(100% - 0.4rem);
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 0.2rem;
	transform: translateX(-50%);
	transition: opacity 250ms cubic-bezier(.2,.8,.2,1) 480ms;
	width: clamp(0.32rem, 0.8cqw, 0.62rem);
	z-index: 8;
}

.ys-notebook-quiz.is-open .ys-notebook-quiz__spine {
	opacity: 1;
}

.ys-notebook-quiz__right-pages {
	height: 100%;
	left: 50%;
	opacity: 0;
	perspective: 1800px;
	position: absolute;
	top: 0;
	transform: translateZ(3px);
	transform-style: preserve-3d;
	transition: opacity 280ms cubic-bezier(.2,.8,.2,1) 300ms;
	width: 50%;
	z-index: 11;
}

.ys-notebook-quiz.is-open .ys-notebook-quiz__right-pages {
	opacity: 1;
}

.ys-notebook-quiz__page {
	backface-visibility: hidden;
	border-radius: 0 0.38rem 0.38rem 0;
	box-shadow: 0 0.75rem 1.8rem -1.2rem rgba(43, 16, 19, 0.32);
	inset: 0;
	opacity: 0;
	pointer-events: none;
	transform-origin: left center;
	transform-style: preserve-3d;
	visibility: hidden;
	width: 100%;
}

.ys-notebook-quiz__page.is-active {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	z-index: 5;
}

.ys-notebook-quiz__page.is-under {
	z-index: 4;
}

.ys-notebook-quiz__page.is-turning-forward {
	animation: ys-notebook-turn-forward 780ms cubic-bezier(.2,.8,.2,1) forwards;
	pointer-events: none;
	z-index: 7;
}

.ys-notebook-quiz__page.is-turning-back {
	animation: ys-notebook-turn-back 780ms cubic-bezier(.2,.8,.2,1) forwards;
	pointer-events: none;
	z-index: 7;
}

@keyframes ys-notebook-turn-forward {
	0% { box-shadow: 0.2rem 0.8rem 1.5rem -1rem rgba(43,16,19,.25); transform: rotateY(0deg); }
	48% { box-shadow: -2rem 1rem 2.2rem -0.8rem rgba(43,16,19,.42); }
	100% { box-shadow: -0.3rem 0.5rem 1rem -0.8rem rgba(43,16,19,.2); transform: rotateY(-180deg); }
}

@keyframes ys-notebook-turn-back {
	0% { box-shadow: -0.3rem 0.5rem 1rem -0.8rem rgba(43,16,19,.2); transform: rotateY(-180deg); }
	52% { box-shadow: -2rem 1rem 2.2rem -0.8rem rgba(43,16,19,.42); }
	100% { box-shadow: 0.2rem 0.8rem 1.5rem -1rem rgba(43,16,19,.25); transform: rotateY(0deg); }
}

.ys-notebook-quiz__page-content {
	box-sizing: border-box;
	height: 100%;
	overflow: hidden;
	padding: clamp(1.7rem, 5cqw, 3.4rem) clamp(1.4rem, 4.8cqw, 3rem) clamp(1.4rem, 4cqw, 2.6rem) clamp(2rem, 6cqw, 3.7rem);
}

.ys-notebook-quiz__page h3 {
	font-family: "Instrument Serif", serif;
	font-size: clamp(1.25rem, 3.3cqw, 2.15rem);
	font-style: italic;
	font-weight: 400;
	line-height: 1.08;
	margin: 0 0 clamp(1.1rem, 3.5cqw, 2rem);
	max-width: 23ch;
}

.ys-notebook-quiz__page fieldset {
	border: 0;
	display: grid;
	gap: clamp(0.45rem, 1.7cqw, 0.9rem);
	margin: 0;
	min-width: 0;
	padding: 0;
}

.ys-notebook-quiz__answer {
	align-items: flex-start;
	cursor: pointer;
	display: grid;
	gap: clamp(0.55rem, 1.8cqw, 0.9rem);
	grid-template-columns: auto minmax(0, 1fr);
	position: relative;
}

.ys-notebook-quiz__answer input {
	opacity: 0;
	position: absolute;
}

.ys-notebook-quiz__radio {
	border: 1.5px solid rgba(43, 16, 19, 0.42);
	border-radius: 50%;
	height: clamp(0.9rem, 2.2cqw, 1.12rem);
	margin-top: 0.22em;
	transition: border-color 220ms cubic-bezier(.2,.8,.2,1), box-shadow 320ms cubic-bezier(.2,.8,.2,1), transform 320ms cubic-bezier(.2,.8,.2,1);
	width: clamp(0.9rem, 2.2cqw, 1.12rem);
}

.ys-notebook-quiz__answer-text {
	font-family: "Instrument Serif", serif;
	font-size: clamp(1.05rem, 2.4cqw, 1.45rem);
	font-style: italic;
	line-height: 1.22;
	position: relative;
	width: fit-content;
}

.ys-notebook-quiz__answer-text::after {
	background: var(--notebook-coral);
	bottom: -0.12em;
	content: "";
	height: 2px;
	left: 0;
	opacity: 0.75;
	position: absolute;
	transform: scaleX(0) rotate(-0.5deg);
	transform-origin: left center;
	transition: transform 520ms cubic-bezier(.2,.8,.2,1);
	width: 100%;
}

.ys-notebook-quiz__answer input:checked + .ys-notebook-quiz__radio {
	border-color: var(--notebook-coral);
	box-shadow: inset 0 0 0 0.2rem var(--notebook-page), inset 0 0 0 0.55rem var(--notebook-coral);
	transform: scale(1.05);
}

.ys-notebook-quiz__answer input:checked ~ .ys-notebook-quiz__answer-text::after {
	transform: scaleX(1) rotate(-0.5deg);
}

.ys-notebook-quiz__answer input:focus-visible + .ys-notebook-quiz__radio {
	outline: 3px solid var(--notebook-coral);
	outline-offset: 3px;
}

.ys-notebook-quiz__result-kicker,
.ys-notebook-quiz__result-meaning,
.ys-notebook-quiz__result-work {
	font-family: "Instrument Serif", serif;
	font-style: italic;
}

.ys-notebook-quiz__result-kicker {
	font-size: clamp(1rem, 2.3cqw, 1.35rem);
	margin: 0 0 0.35rem;
}

.ys-notebook-quiz__result .ys-notebook-quiz__result-stage {
	color: var(--notebook-coral);
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: clamp(3rem, 9cqw, 6.5rem);
	font-style: normal;
	font-variation-settings: "opsz" 96, "wdth" 90, "wght" 800;
	font-weight: 800;
	letter-spacing: -0.06em;
	line-height: 0.9;
	margin-bottom: clamp(1rem, 3cqw, 1.7rem);
}

.ys-notebook-quiz__result-meaning,
.ys-notebook-quiz__result-work {
	font-size: clamp(1rem, 2.35cqw, 1.35rem);
	line-height: 1.24;
	margin: 0 0 clamp(0.65rem, 2cqw, 1rem);
}

.ys-notebook-quiz__result-link {
	color: var(--notebook-ink);
	display: inline-block;
	font-size: clamp(0.76rem, 1.7cqw, 0.92rem);
	font-weight: 700;
	margin-top: clamp(0.5rem, 2cqw, 1rem);
	text-decoration-color: var(--notebook-coral);
	text-decoration-thickness: 2px;
	text-underline-offset: 0.3em;
}

.ys-notebook-quiz__result-link:focus-visible {
	outline: 3px solid var(--notebook-coral);
	outline-offset: 4px;
}

.ys-notebook-quiz__cover {
	align-items: center;
	backface-visibility: hidden;
	background:
		linear-gradient(135deg, rgba(255,255,255,.055), transparent 42%),
		repeating-linear-gradient(88deg, rgba(255,255,255,.018) 0 1px, rgba(0,0,0,.018) 1px 3px),
		linear-gradient(135deg, #46644e, #36503f);
	border: 1px solid rgba(30, 46, 35, 0.68);
	border-radius: 0.62rem;
	box-shadow: 0 1.5rem 3.5rem -1.5rem rgba(43,16,19,.48), inset 0 0 0 1px rgba(255,255,255,.06);
	color: #fff8f0;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	height: 100%;
	justify-content: center;
	left: 50%;
	padding: 2rem;
	position: absolute;
	top: 0;
	transform: translateX(-50%) rotateY(0deg);
	transform-origin: left center;
	transform-style: preserve-3d;
	transition: box-shadow 900ms cubic-bezier(.2,.8,.2,1), transform 900ms cubic-bezier(.2,.8,.2,1);
	width: 50%;
	z-index: 10;
}

.ys-notebook-quiz.is-open .ys-notebook-quiz__cover {
	box-shadow: -1.2rem 1rem 2.5rem -1.5rem rgba(43,16,19,.36);
	opacity: 0;
	pointer-events: none;
	transform: translateX(0) rotateY(-178deg);
	transition: box-shadow 900ms cubic-bezier(.2,.8,.2,1), opacity 180ms cubic-bezier(.2,.8,.2,1) 700ms, transform 900ms cubic-bezier(.2,.8,.2,1);
	z-index: 2;
}

.ys-notebook-quiz__cover-diamond {
	background: var(--notebook-coral);
	height: clamp(1.2rem, 3.5cqw, 2.2rem);
	transform: rotate(45deg);
	width: clamp(1.2rem, 3.5cqw, 2.2rem);
}

.ys-notebook-quiz__cover-title {
	font-size: clamp(0.72rem, 1.5cqw, 0.9rem);
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.ys-notebook-quiz__cover:focus-visible {
	outline: 4px solid var(--notebook-coral);
	outline-offset: 5px;
}

.ys-notebook-quiz__page-stack {
	height: calc(100% - 0.4rem);
	pointer-events: none;
	position: absolute;
	top: 0.2rem;
	width: 50%;
	z-index: 1;
}

.ys-notebook-quiz__page-stack--left { left: 0; }
.ys-notebook-quiz__page-stack--right { right: 0; }

.ys-notebook-quiz__page-stack span {
	border: 1px solid rgba(43,16,19,.16);
	border-radius: 0.3rem;
	inset: 0;
	opacity: 0;
	position: absolute;
	transition: opacity 300ms cubic-bezier(.2,.8,.2,1), transform 450ms cubic-bezier(.2,.8,.2,1);
}

.ys-notebook-quiz__page-stack--left span { transform: translate(-0.1rem, 0.1rem); }
.ys-notebook-quiz__page-stack--right span { transform: translate(0.1rem, 0.1rem); }
.ys-notebook-quiz__page-stack span:nth-child(2) { transform: translate(0.18rem, 0.18rem); }
.ys-notebook-quiz__page-stack span:nth-child(3) { transform: translate(0.3rem, 0.3rem); }
.ys-notebook-quiz__page-stack span:nth-child(4) { transform: translate(0.42rem, 0.42rem); }
.ys-notebook-quiz__page-stack span.is-visible { opacity: 1; }

.ys-notebook-quiz__nav {
	align-items: center;
	display: flex;
	gap: clamp(0.65rem, 1.4vw, 1.2rem);
	justify-content: space-between;
	margin-left: 50%;
	margin-top: clamp(1rem, 2vw, 1.5rem);
	opacity: 0;
	pointer-events: none;
	transform: translateY(0.75rem);
	transition: opacity 400ms cubic-bezier(.2,.8,.2,1) 600ms, transform 550ms cubic-bezier(.2,.8,.2,1) 600ms;
	visibility: hidden;
	width: 50%;
}

.ys-notebook-quiz.is-open .ys-notebook-quiz__nav {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	visibility: visible;
}

.ys-notebook-quiz__button {
	align-items: center;
	background: transparent;
	border: 1.5px solid color-mix(in srgb, var(--notebook-ink) 35%, transparent);
	border-radius: 999px;
	color: var(--notebook-ink);
	cursor: pointer;
	display: inline-flex;
	font-family: "Bricolage Grotesque", sans-serif;
	font-size: clamp(0.78rem, 1vw, 0.9rem);
	font-weight: 700;
	gap: 0.5rem;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0.65rem 1rem;
	transition: background 220ms cubic-bezier(.2,.8,.2,1), border-color 220ms cubic-bezier(.2,.8,.2,1), color 220ms cubic-bezier(.2,.8,.2,1), opacity 220ms cubic-bezier(.2,.8,.2,1), transform 320ms cubic-bezier(.2,.8,.2,1);
}

.ys-notebook-quiz__button:disabled {
	cursor: not-allowed;
	opacity: 0.34;
}

.ys-notebook-quiz__button:focus-visible {
	outline: 3px solid var(--notebook-coral);
	outline-offset: 3px;
}

.ys-notebook-quiz__status {
	color: color-mix(in srgb, var(--notebook-ink) 68%, transparent);
	font-size: clamp(0.72rem, 0.95vw, 0.84rem);
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	white-space: nowrap;
}

.ys-notebook-quiz.is-restarting .ys-notebook-quiz__right-pages {
	animation: ys-notebook-reset 360ms cubic-bezier(.2,.8,.2,1);
}

@keyframes ys-notebook-reset {
	50% { opacity: 0.35; transform: translateX(0.8rem); }
}

@media (hover: hover) and (pointer: fine) {
	.ys-notebook-quiz__button:hover:not(:disabled) {
		background: var(--notebook-ink);
		border-color: var(--notebook-ink);
		color: var(--notebook-table);
		transform: translateY(-2px);
	}

	.ys-notebook-quiz__button:active:not(:disabled) {
		transform: scale(0.97);
	}

	.ys-notebook-quiz__result-link:hover {
		color: var(--notebook-coral);
	}
}

@media screen and (max-width: 1279px) {
	.ys-notebook-quiz__book { aspect-ratio: 4 / 3; }
	.ys-notebook-quiz__inner { grid-template-columns: minmax(17rem, 4.2fr) minmax(34rem, 7.8fr); }
}

@media screen and (max-width: 1099px) {
	.ys-notebook-quiz__inner {
		gap: clamp(3rem, 7vw, 5rem);
		grid-template-columns: minmax(0, 1fr);
	}

	.ys-notebook-quiz__title {
		font-size: clamp(3.2rem, 8vw, 6.5rem);
		max-width: 13ch;
	}

	.ys-notebook-quiz__intro { max-width: 48rem; }
	.ys-notebook-quiz__experience { margin: 0 auto; max-width: 58rem; }
}

@media screen and (max-width: 820px) {
	.ys-landing--brand_consultant .ys-notebook-quiz {
		padding-left: max(1rem, calc(env(safe-area-inset-left) + 1rem));
		padding-right: max(1rem, calc(env(safe-area-inset-right) + 1rem));
	}

	.ys-notebook-quiz__title { font-size: clamp(2.9rem, 13vw, 5.5rem); }
	.ys-notebook-quiz__book { aspect-ratio: auto; min-height: clamp(32rem, 145vw, 38rem); }
	.ys-notebook-quiz__left-page,
	.ys-notebook-quiz__spine,
	.ys-notebook-quiz__page-stack { display: none; }

	.ys-notebook-quiz__right-pages {
		left: 0;
		perspective: none;
		width: 100%;
	}

	.ys-notebook-quiz__page {
		border-radius: 0.38rem;
		transform-origin: center;
	}

	.ys-notebook-quiz__page.is-turning-forward {
		animation: ys-notebook-mobile-out 430ms cubic-bezier(.2,.8,.2,1) forwards;
	}

	.ys-notebook-quiz__page.is-turning-back {
		animation: ys-notebook-mobile-in 430ms cubic-bezier(.2,.8,.2,1) forwards;
	}

	@keyframes ys-notebook-mobile-out {
		to { opacity: 0; transform: translateX(-1.2rem); }
	}

	@keyframes ys-notebook-mobile-in {
		from { opacity: 0; transform: translateX(-1.2rem); }
		to { opacity: 1; transform: translateX(0); }
	}

	.ys-notebook-quiz__cover {
		left: 0;
		transform: none;
		transform-origin: center;
		width: 100%;
	}

	.ys-notebook-quiz.is-open .ys-notebook-quiz__cover {
		opacity: 0;
		transform: translateY(-1rem) scale(0.97);
	}

	.ys-notebook-quiz__nav {
		margin-left: 0;
		width: 100%;
	}

	.ys-notebook-quiz__page-content {
		overflow-y: auto;
		padding: clamp(2rem, 9vw, 3rem) clamp(1.5rem, 8vw, 2.5rem) clamp(1.5rem, 7vw, 2.5rem) clamp(2.5rem, 11vw, 3.5rem);
	}
}

@media (prefers-color-scheme: dark) {
	.ys-landing--brand_consultant .ys-notebook-quiz {
		--notebook-ink: #fff1e8;
		--notebook-table: #1a0d0f;
	}

	.ys-notebook-quiz__page,
	.ys-notebook-quiz__left-page {
		color: #2b1013;
	}

	.ys-notebook-quiz__page-label { color: rgba(43,16,19,.55); }
	.ys-notebook-quiz__result-link { color: #2b1013; }
}

@media (prefers-reduced-motion: reduce) {
	.ys-notebook-quiz__title-word > span {
		opacity: 1;
		transform: none;
	}

	.ys-notebook-quiz__book,
	.ys-notebook-quiz__cover,
	.ys-notebook-quiz__left-page,
	.ys-notebook-quiz__spine,
	.ys-notebook-quiz__nav,
	.ys-notebook-quiz__page,
	.ys-notebook-quiz__answer-text::after,
	.ys-notebook-quiz__radio {
		animation: none !important;
		transition: none !important;
	}
}

@media (forced-colors: active) {
	.ys-notebook-quiz__cover,
	.ys-notebook-quiz__page,
	.ys-notebook-quiz__left-page,
	.ys-notebook-quiz__button { border: 1px solid CanvasText; }
}

/* Conversion line nav styles live in css/ys-line-nav.css (docked ↔ floating pill). */

/* Keynote speaker — Section 05: organiser experience portrait
--------------------------------------------- */
.ys-landing--speaker .ys-speaker-portrait {
	--ys-speaker-portrait-bg: #1c0a0d;
	--ys-speaker-portrait-ink: #fff1e8;
	background: var(--ys-speaker-portrait-bg);
	color: var(--ys-speaker-portrait-ink);
	font-family: "Instrument Sans", sans-serif;
	isolation: isolate;
	overflow: clip;
	padding: 0;
	position: relative;
}

.ys-speaker-portrait__track {
	height: 220svh;
	position: relative;
}

.ys-speaker-portrait__pin {
	background: var(--ys-speaker-portrait-bg);
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
	height: 100svh;
	min-height: 40rem;
	overflow: hidden;
	position: sticky;
	top: 0;
}

.ys-speaker-portrait__copy {
	align-content: center;
	display: grid;
	min-width: 0;
	padding: max(5.5rem, calc(env(safe-area-inset-top) + 4rem)) var(--ys-gutter) clamp(4.5rem, 11vh, 8rem);
	position: relative;
}

.ys-speaker-portrait__copy .ys-landing__section-heading {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: clamp(1.25rem, 3vh, 2rem);
	margin: 0;
}

.ys-speaker-portrait__copy .ys-landing__section-title {
	color: inherit;
	font-size: clamp(3.25rem, 6.6vw, 7.75rem);
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1.02;
	margin: 0;
	max-width: 10ch;
	padding-block: 0.04em 0.1em;
	text-wrap: balance;
}

.ys-speaker-portrait__details {
	max-width: 34rem;
}

.ys-speaker-portrait__details .ys-landing__prose {
	color: inherit;
	font-size: clamp(0.92rem, 1.15vw, 1.05rem);
	line-height: 1.48;
}

.ys-speaker-portrait__details .ys-flow:is(ul, ol) {
	margin: 0;
}

.ys-speaker-portrait__details .ys-flow li {
	padding: 0.6rem 0.75rem 1.2rem 1.35rem;
}

.ys-speaker-portrait__details .ys-flow li:not(:last-child)::after {
	bottom: 0.25rem;
	height: 0.62rem;
	left: -0.435rem;
	width: 0.62rem;
}

.ys-speaker-portrait__details .ys-landing__actions {
	margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
}

.ys-speaker-portrait.is-portrait-enhanced .ys-speaker-portrait__details {
	left: var(--ys-gutter);
	opacity: 0;
	position: absolute;
	right: clamp(2rem, 5vw, 6.5rem);
	top: 43%;
}

.ys-speaker-portrait__copy .ys-landing__ordinal {
	align-items: center;
	border-top: 0;
	display: inline-flex;
	font-family: "Instrument Sans", sans-serif;
	font-size: 0.8125rem;
	font-style: normal;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	gap: 0.65rem;
	letter-spacing: 0.02em;
	line-height: 1;
	min-width: 0;
	padding-top: 0;
	width: fit-content;
}

.ys-speaker-portrait__copy .ys-landing__ordinal::before {
	background: var(--ys-red);
	content: "";
	display: block;
	flex-shrink: 0;
	height: 0.3rem;
	width: 2.15rem;
}

.ys-speaker-portrait__media {
	background: var(--ys-speaker-portrait-bg);
	height: 100%;
	margin: 0;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.ys-speaker-portrait__media img {
	display: block;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center 18%;
	transform-origin: center center;
	width: 100%;
}

.ys-speaker-portrait.has-portrait-motion .ys-speaker-portrait__media img {
	will-change: transform;
}

.ys-speaker-portrait__scroll-cue {
	bottom: clamp(4.5rem, 11vh, 8rem);
	height: clamp(5rem, 14vh, 9rem);
	position: absolute;
	right: var(--ys-gutter);
	width: 1px;
	z-index: 3;
}

.ys-speaker-portrait__scroll-cue::before {
	background: color-mix(in srgb, var(--ys-speaker-portrait-ink) 22%, transparent);
	content: "";
	inset: 0;
	position: absolute;
}

.ys-speaker-portrait__scroll-cue span {
	animation: ys-why-cue 1.8s cubic-bezier(.2,.8,.2,1) infinite;
	background: #f4525c;
	height: 0.55rem;
	left: -0.265rem;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 0.55rem;
}

@media screen and (max-width: 900px) {
	.ys-speaker-portrait__pin {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.ys-speaker-portrait__copy {
		padding-inline: clamp(1.5rem, 4vw, 3rem);
	}
}

@media screen and (max-width: 759px) {
	.ys-speaker-portrait__track {
		height: auto;
	}

	.ys-speaker-portrait__pin {
		grid-template-columns: minmax(0, 1fr);
		height: auto;
		min-height: 0;
		position: relative;
	}

	.ys-speaker-portrait__copy {
		min-height: 70svh;
		padding: max(5.5rem, calc(env(safe-area-inset-top) + 4rem)) var(--ys-gutter) clamp(3.5rem, 10vh, 5rem);
	}

	.ys-speaker-portrait__media {
		height: 72svh;
		min-height: 32rem;
	}

	.ys-speaker-portrait__media img {
		transform: none !important;
	}

	.ys-speaker-portrait__scroll-cue {
		display: none;
	}
}


@media (prefers-reduced-motion: reduce) {
	.ys-speaker-portrait__track {
		height: auto;
	}

	.ys-speaker-portrait__pin {
		position: relative;
	}

	.ys-speaker-portrait__media img {
		transform: none !important;
		will-change: auto;
	}

	.ys-speaker-portrait__scroll-cue {
		display: none;
	}
}

/* Brand consultant — Section 08: Start with why
--------------------------------------------- */
.ys-landing--brand_consultant .ys-why-process {
	--ys-why-core: 0;
	--ys-why-drift: 0;
	--ys-why-finale: 0;
	--ys-why-flood: 0;
	--ys-why-grid-accent: rgba(244, 82, 92, 0.48);
	--ys-why-grid-line: rgba(43, 16, 19, 0.09);
	--ys-why-grid-major: rgba(36, 26, 23, 0.09);
	--ys-why-grid-minor: rgba(36, 26, 23, 0.035);
	--ys-why-ink: #2b1013;
	--ys-why-on-coral: #fff8f0;
	--ys-why-on-coral-strong: #2b1013;
	--ys-why-paper: #fffcf6;
	--ys-why-rail: 0;
	--ys-why-ring-1: 0;
	--ys-why-ring-2: 0;
	--ys-why-ring-3: 0;
	--ys-why-ring-4: 0;
	--ys-why-width: 88;
	background: var(--ys-why-paper);
	color: var(--ys-why-ink);
	font-family: "Instrument Sans", sans-serif;
	isolation: isolate;
	overflow: clip;
	padding: 0;
	position: relative;
}

.ys-why-ruler {
	--ys-ruler-bg: #fffcf5;
	--ys-ruler-line: #ebe6dc;
	--ys-ruler-num: #b8b0a4;
	--ys-ruler-red: #c65b4e;
	--ys-ruler-size: 26px;
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 8;
}

.ys-why-ruler__corner,
.ys-why-ruler__top,
.ys-why-ruler__left {
	background-color: var(--ys-ruler-bg);
	border-color: var(--ys-ruler-line);
	border-style: solid;
	box-sizing: border-box;
	position: absolute;
}

.ys-why-ruler__corner {
	background-image:
		linear-gradient(45deg, rgba(36, 26, 23, 0.028) 25%, transparent 25%, transparent 75%, rgba(36, 26, 23, 0.028) 75%),
		linear-gradient(45deg, rgba(36, 26, 23, 0.028) 25%, transparent 25%, transparent 75%, rgba(36, 26, 23, 0.028) 75%);
	background-position: 0 0, 4px 4px;
	background-size: 8px 8px;
	border-width: 0 1px 1px 0;
	height: var(--ys-ruler-size);
	left: 0;
	top: 0;
	width: var(--ys-ruler-size);
	z-index: 2;
}

.ys-why-ruler__top {
	background-image: repeating-linear-gradient(90deg, transparent 0 9px, var(--ys-ruler-line) 9px 10px);
	background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: auto 7px;
	border-width: 0 0 1px;
	height: var(--ys-ruler-size);
	left: var(--ys-ruler-size);
	right: 0;
	top: 0;
}

.ys-why-ruler__left {
	background-image: repeating-linear-gradient(0deg, transparent 0 9px, var(--ys-ruler-line) 9px 10px);
	background-position: 100% 0;
	background-repeat: repeat-y;
	background-size: 7px auto;
	border-width: 0 1px 0 0;
	bottom: 0;
	left: 0;
	top: var(--ys-ruler-size);
	width: var(--ys-ruler-size);
}

.ys-why-ruler__top::before,
.ys-why-ruler__left::before {
	content: "";
	position: absolute;
}

.ys-why-ruler__top::before {
	background: repeating-linear-gradient(90deg, var(--ys-ruler-num) 0 1px, transparent 1px 100px);
	bottom: 0;
	height: 13px;
	inset-inline: 0;
}

.ys-why-ruler__left::before {
	background: repeating-linear-gradient(0deg, var(--ys-ruler-num) 0 1px, transparent 1px 100px);
	inset-block: 0;
	right: 0;
	width: 13px;
}

.ys-why-ruler__label {
	color: var(--ys-ruler-num);
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
	font-size: 9px;
	font-variant-numeric: tabular-nums;
	font-weight: 400;
	line-height: 1;
	position: absolute;
	white-space: nowrap;
}

.ys-why-ruler__label--top {
	top: 4px;
	transform: translateX(4px);
}

.ys-why-ruler__label--left {
	left: 7px;
	transform: translate(-50%, -50%) rotate(-90deg);
	transform-origin: center;
}

.ys-why-ruler__guide {
	background: var(--ys-ruler-red);
	opacity: 0;
	position: absolute;
	transition: opacity 120ms ease;
	z-index: 3;
}

.ys-why-ruler__guide--x {
	bottom: 0;
	left: calc(var(--ys-ruler-size) + var(--ys-ruler-x, 0px));
	top: var(--ys-ruler-size);
	width: 1px;
}

.ys-why-ruler__guide--y {
	height: 1px;
	left: var(--ys-ruler-size);
	right: 0;
	top: calc(var(--ys-ruler-size) + var(--ys-ruler-y, 0px));
}

.ys-why-ruler__readout {
	background: var(--ys-ruler-bg);
	border: 1px solid var(--ys-ruler-line);
	color: #241a17;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
	font-size: 9px;
	font-variant-numeric: tabular-nums;
	line-height: 1;
	opacity: 0;
	padding: 4px 6px;
	position: absolute;
	transition: opacity 120ms ease;
	white-space: nowrap;
	z-index: 4;
}

.ys-why-ruler.is-tracking .ys-why-ruler__guide,
.ys-why-ruler.is-tracking .ys-why-ruler__readout {
	opacity: 1;
}

.ys-why-process__intro {
	align-items: flex-start;
	background-color: var(--ys-why-paper);
	background-image:
		linear-gradient(90deg, transparent 0 calc(57.5% - 1px), var(--ys-why-grid-accent) calc(57.5% - 1px) calc(57.5% + 1px), transparent calc(57.5% + 1px)),
		repeating-linear-gradient(90deg, var(--ys-why-grid-major) 0 1px, transparent 1px 100px),
		repeating-linear-gradient(0deg, var(--ys-why-grid-major) 0 1px, transparent 1px 100px),
		repeating-linear-gradient(90deg, var(--ys-why-grid-minor) 0 1px, transparent 1px 50px),
		repeating-linear-gradient(0deg, var(--ys-why-grid-minor) 0 1px, transparent 1px 50px);
	background-position: 0 0, 26px 26px, 26px 26px, 26px 26px, 26px 26px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100svh;
	padding: max(5.5rem, calc(env(safe-area-inset-top) + 4rem)) var(--ys-gutter) clamp(4.5rem, 11vh, 8rem);
	position: relative;
}

.ys-why-process__intro > .ys-why-process__label {
	margin-bottom: 0;
	position: static;
}

.ys-why-process__heading-row {
	align-items: center;
	display: grid;
	gap: clamp(1.5rem, 5vw, 4rem);
	grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
	width: 100%;
}

.ys-landing--brand_consultant .ys-why-process__brand-card {
	justify-self: center;
	margin-inline: auto clamp(0.75rem, 4vw, 3rem);
	position: relative;
	right: auto;
	top: auto;
	transform: translateX(clamp(-2.5rem, -4vw, -0.75rem));
	width: min(15vw, 15rem);
}

.ys-why-process__headline {
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(3.25rem, 6.6vw, 7.75rem);
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1.02;
	margin: 0;
	max-width: 11ch;
	padding-block: 0.04em 0.1em;
	text-wrap: balance;
}

.ys-why-process__headline-line {
	display: block;
	overflow: hidden;
	padding-block: 0.05em 0.16em;
}

.ys-why-process__headline-line:first-child {
	transform: translateX(calc(var(--ys-why-drift) * -2.5vw));
}

.ys-why-process__headline-line:last-child {
	transform: translateX(calc(var(--ys-why-drift) * 2.5vw));
}

.ys-why-process__headline-line > span {
	display: block;
	opacity: 0;
	transform: translateY(112%);
	transition: opacity 520ms cubic-bezier(.2,.8,.2,1), transform 600ms cubic-bezier(.2,.8,.2,1);
}

.ys-why-process.is-intro-visible .ys-why-process__headline-line > span {
	opacity: 1;
	transform: translateY(0);
}

.ys-why-process.is-intro-visible .ys-why-process__headline-line:nth-child(2) > span {
	transition-delay: 90ms;
}

.ys-why-process.is-intro-visible .ys-why-process__headline-line:nth-child(3) > span {
	transition-delay: 180ms;
}

.ys-why-process__scroll-cue {
	bottom: clamp(4.5rem, 11vh, 8rem);
	height: clamp(5rem, 14vh, 9rem);
	position: absolute;
	right: var(--ys-gutter);
	width: 1px;
}

.ys-why-process__scroll-cue::before {
	background: color-mix(in srgb, var(--ys-why-ink) 22%, transparent);
	content: "";
	inset: 0;
	position: absolute;
}

.ys-why-process__scroll-cue span {
	animation: ys-why-cue 1.8s cubic-bezier(.2,.8,.2,1) infinite;
	background: #f4525c;
	height: 0.55rem;
	left: -0.265rem;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 0.55rem;
}

@keyframes ys-why-cue {
	0% { opacity: 0; transform: translateY(0) rotate(45deg); }
	20% { opacity: 1; }
	80% { opacity: 1; }
	100% { opacity: 0; transform: translateY(clamp(4.5rem, 13vh, 8.5rem)) rotate(45deg); }
}

.ys-why-process__track {
	height: 620svh;
	position: relative;
}

.ys-why-process__pin {
	background-color: var(--ys-why-paper);
	background-image:
		repeating-linear-gradient(90deg, var(--ys-why-grid-major) 0 1px, transparent 1px 100px),
		repeating-linear-gradient(0deg, var(--ys-why-grid-major) 0 1px, transparent 1px 100px),
		repeating-linear-gradient(90deg, var(--ys-why-grid-minor) 0 1px, transparent 1px 50px),
		repeating-linear-gradient(0deg, var(--ys-why-grid-minor) 0 1px, transparent 1px 50px);
	background-position: 26px 26px;
	box-sizing: border-box;
	height: 100svh;
	min-height: 40rem;
	overflow: hidden;
	padding: max(4.5rem, calc(env(safe-area-inset-top) + 4.2rem)) var(--ys-gutter) max(1.5rem, calc(env(safe-area-inset-bottom) + 1.2rem));
	position: sticky;
	top: 0;
}

.ys-why-process__flood {
	background: #f4525c;
	border-radius: 50%;
	height: 12vmax;
	left: 75%;
	pointer-events: none;
	position: absolute;
	top: 52%;
	transform: translate(-50%, -50%) scale(calc(var(--ys-why-flood) * 20));
	width: 12vmax;
	z-index: 0;
}

.ys-why-process__topline,
.ys-why-process__layout,
.ys-why-process__finale {
	position: relative;
	z-index: 2;
}

.ys-why-process__topline {
	display: flex;
	justify-content: space-between;
}

.ys-why-process__counter {
	font-size: 0.8125rem;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin: 0;
}

.ys-why-process__layout {
	align-items: center;
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(22rem, 0.98fr);
	height: calc(100% - 1rem);
}

.ys-why-process__steps {
	display: grid;
	gap: clamp(0.65rem, 2vh, 1.35rem);
	position: relative;
	transition: opacity 400ms cubic-bezier(.2,.8,.2,1), transform 600ms cubic-bezier(.2,.8,.2,1);
}

.ys-why-process__rail {
	background: color-mix(in srgb, var(--ys-why-ink) 15%, transparent);
	bottom: clamp(1.2rem, 3vh, 2.8rem);
	left: 0.38rem;
	position: absolute;
	top: clamp(1.2rem, 3vh, 2.8rem);
	width: 1px;
}

.ys-why-process__rail span {
	background: #f4525c;
	display: block;
	height: calc(var(--ys-why-rail) * 100%);
	width: 2px;
}

.ys-why-process__step {
	display: grid;
	grid-template-columns: 1.25rem minmax(0, 1fr);
	grid-template-rows: auto 0fr;
	position: relative;
}

.ys-why-process__step h3 {
	color: color-mix(in srgb, var(--ys-why-ink) 50%, transparent);
	font-family: "Instrument Sans", sans-serif;
	font-size: min(4.8vw, 7.5vh);
	font-weight: 400;
	letter-spacing: -0.05em;
	line-height: 1.02;
	margin: 0;
	padding-block: 0.04em 0.1em;
	transition: color 480ms cubic-bezier(.2,.8,.2,1), font-weight 600ms cubic-bezier(.2,.8,.2,1);
}

.ys-why-process__step p {
	font-size: clamp(1rem, 1.5vw, 1.375rem);
	font-weight: 400;
	grid-column: 2;
	line-height: 1.28;
	margin: 0;
	max-width: 32ch;
	opacity: 0;
	overflow: hidden;
	padding-top: 0;
	transform: translateY(0.4rem);
	transition: opacity 350ms cubic-bezier(.2,.8,.2,1), padding 500ms cubic-bezier(.2,.8,.2,1), transform 500ms cubic-bezier(.2,.8,.2,1);
}

.ys-why-process__step.is-active {
	grid-template-rows: auto 1fr;
}

.ys-why-process__step.is-active h3 {
	color: var(--ys-why-ink);
	font-weight: 600;
}

.ys-why-process__step.is-active p {
	opacity: 1;
	padding-top: 0.65rem;
	transform: translateY(0);
}

.ys-why-process__node {
	background: var(--ys-why-paper);
	border: 1px solid color-mix(in srgb, var(--ys-why-ink) 45%, transparent);
	height: 0.58rem;
	margin-top: 0.16em;
	transform: rotate(45deg);
	transition: background 350ms cubic-bezier(.2,.8,.2,1), border-color 350ms cubic-bezier(.2,.8,.2,1), transform 500ms cubic-bezier(.2,.8,.2,1);
	width: 0.58rem;
	z-index: 1;
}

.ys-why-process__step.is-active .ys-why-process__node {
	background: #f4525c;
	border-color: #f4525c;
	transform: rotate(135deg) scale(1.16);
}

.ys-why-process__diagram {
	justify-self: end;
	position: relative;
	width: min(46vw, 68vh);
}

.ys-why-process__diagram svg {
	display: block;
	height: auto;
	overflow: visible;
	transform: rotate(-90deg);
	width: 100%;
}

.ys-why-process__ring {
	fill: none;
	opacity: clamp(0, calc(var(--ys-why-ring-progress) * 100), 1);
	stroke: var(--ys-why-ink);
	stroke-dasharray: var(--ys-why-ring-length);
	stroke-dashoffset: calc(var(--ys-why-ring-length) * (1 - var(--ys-why-ring-progress)));
	stroke-linecap: round;
	stroke-width: 2;
	transition: stroke 400ms cubic-bezier(.2,.8,.2,1);
}

/* Full circumferences in SVG units avoid relying on pathLength normalization. */
.ys-why-process__ring--2 {
	--ys-why-ring-length: 596.903px;
	--ys-why-ring-progress: var(--ys-why-ring-1, 0);
}

.ys-why-process__ring--3 {
	--ys-why-ring-length: 942.478px;
	--ys-why-ring-progress: var(--ys-why-ring-2, 0);
}

.ys-why-process__ring--4 {
	--ys-why-ring-length: 1288.053px;
	--ys-why-ring-progress: var(--ys-why-ring-3, 0);
}

.ys-why-process__ring--5 {
	--ys-why-ring-length: 1633.629px;
	--ys-why-ring-progress: var(--ys-why-ring-4, 0);
}

.ys-why-process__core {
	fill: #f4525c;
	transform: scale(var(--ys-why-core));
	transform-box: fill-box;
	transform-origin: center;
}

.ys-why-process__orbiters {
	inset: 0;
	opacity: var(--ys-why-finale);
	position: absolute;
	transform: rotate(calc(var(--ys-why-finale) * 28deg));
}

.ys-why-process.is-finale .ys-why-process__orbiters {
	animation: ys-why-orbit 18s linear infinite;
}

@keyframes ys-why-orbit {
	to { transform: rotate(388deg); }
}

.ys-why-process__orbiters span {
	background: var(--ys-why-on-coral);
	height: 0.65rem;
	left: calc(50% - 0.325rem);
	position: absolute;
	top: calc(50% - 0.325rem);
	transform: rotate(45deg) translateY(-13.2vw);
	width: 0.65rem;
}

.ys-why-process__orbiters span:nth-child(2) { transform: rotate(135deg) translateY(-13.2vw); }
.ys-why-process__orbiters span:nth-child(3) { transform: rotate(225deg) translateY(-13.2vw); }
.ys-why-process__orbiters span:nth-child(4) { transform: rotate(315deg) translateY(-13.2vw); }

.ys-why-process__finale {
	left: max(1.25rem, calc(env(safe-area-inset-left) + 4vw));
	opacity: var(--ys-why-finale);
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(calc(-42% + (1 - var(--ys-why-finale)) * 2rem));
}

.ys-why-process__finale p {
	color: var(--ys-why-on-coral);
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(3.4rem, 9vw, 9.5rem);
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 0.94;
	margin: 0 0 clamp(1.5rem, 4vh, 3rem);
}

.ys-why-process__cta {
	--ys-why-cta-x: 0px;
	--ys-why-cta-y: 0px;
	align-items: center;
	background: var(--ys-why-on-coral);
	border: 1px solid var(--ys-why-on-coral);
	border-radius: 100vw;
	color: var(--ys-why-on-coral-strong);
	display: inline-flex;
	font-size: clamp(0.88rem, 1.1vw, 1rem);
	font-weight: 700;
	gap: 2.5rem;
	justify-content: space-between;
	min-width: 13rem;
	padding: 1rem 1.2rem 1rem 1.35rem;
	pointer-events: auto;
	text-decoration: none;
	transform: translate(var(--ys-why-cta-x), var(--ys-why-cta-y));
	transition: background 260ms cubic-bezier(.2,.8,.2,1), color 260ms cubic-bezier(.2,.8,.2,1), transform 500ms cubic-bezier(.2,.8,.2,1);
}

.ys-why-process__cta:hover {
	background: var(--ys-why-on-coral-strong);
	color: var(--ys-why-on-coral);
}

.ys-why-process__cta:focus-visible {
	outline: 3px solid var(--ys-why-on-coral-strong);
	outline-offset: 4px;
}

.ys-why-process.is-flooding .ys-why-process__topline {
	color: var(--ys-why-on-coral-strong);
}

.ys-why-process.is-flooding .ys-why-process__topline .ys-section-index::before {
	background: var(--ys-why-on-coral);
}

.ys-why-process.is-flood-1 .ys-why-process__ring--2,
.ys-why-process.is-flood-2 .ys-why-process__ring--3,
.ys-why-process.is-flood-3 .ys-why-process__ring--4,
.ys-why-process.is-flood-4 .ys-why-process__ring--5 { stroke: var(--ys-why-on-coral); }

.ys-why-process.is-finale .ys-why-process__steps {
	opacity: 0;
	transform: translateX(-2rem);
}

.ys-why-process.is-finale .ys-why-process__core {
	fill: var(--ys-why-on-coral);
	transform: rotate(45deg) scale(calc(0.75 + var(--ys-why-finale) * 0.35));
}

@media (hover: hover) and (pointer: fine) {
	.ys-why-process__cta:active {
		transform: translate(var(--ys-why-cta-x), calc(var(--ys-why-cta-y) + 2px)) scale(0.97);
	}
}

@media screen and (max-width: 900px) {
	.ys-why-process__headline {
		font-size: clamp(2.5rem, 7.5vw, 5.25rem);
	}

	.ys-why-process__layout {
		grid-template-columns: minmax(0, 0.92fr) minmax(19rem, 1.08fr);
	}

	.ys-why-process__step h3 {
		font-size: min(5vw, 6.5vh);
	}

	.ys-why-process__diagram {
		width: min(50vw, 60vh);
	}
}

@media screen and (max-width: 759px) {
	.ys-why-process__intro {
		padding-bottom: clamp(3.25rem, 10vh, 5.5rem);
	}

	.ys-why-process__headline {
		font-size: clamp(2.2rem, 9.5vw, 4.25rem);
		max-width: 10ch;
		padding-block: 0.06em 0.12em;
	}

	.ys-why-process__headline-line {
		padding-block: 0.06em 0.18em;
	}

	.ys-why-process__heading-row {
		gap: clamp(0.75rem, 3vw, 1.25rem);
	}

	.ys-landing--brand_consultant .ys-why-process__brand-card {
		margin-inline: auto;
		transform: none;
		width: min(26vw, 7rem);
	}

	.ys-why-process__track {
		height: 620svh;
	}

	.ys-why-process__pin {
		min-height: 34rem;
	}

	.ys-why-process__layout {
		align-content: center;
		gap: clamp(1.5rem, 5vh, 3rem);
		grid-template-columns: 1fr;
		grid-template-rows: minmax(0, 1.1fr) minmax(0, 0.9fr);
		padding-top: 1rem;
	}

	.ys-why-process__diagram {
		grid-row: 1;
		justify-self: center;
		width: min(78vw, 44vh);
	}

	.ys-why-process__steps {
		align-self: start;
		grid-row: 2;
		min-height: 8rem;
	}

	.ys-why-process__rail {
		display: none;
	}

	.ys-why-process__step {
		grid-template-columns: 0.9rem minmax(0, 1fr);
		grid-template-rows: auto 1fr;
		inset: 0;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		transform: translateY(0.8rem);
		transition: opacity 400ms cubic-bezier(.2,.8,.2,1), transform 550ms cubic-bezier(.2,.8,.2,1);
	}

	.ys-why-process__step.is-active {
		opacity: 1;
		position: relative;
		transform: translateY(0);
	}

	.ys-why-process__step h3 {
		font-size: clamp(1.85rem, 9vw, 3.25rem);
	}

	.ys-why-process__step p {
		font-size: clamp(0.95rem, 4.2vw, 1.15rem);
	}

	.ys-why-process__node {
		height: 0.48rem;
		width: 0.48rem;
	}

	.ys-why-process__flood {
		left: 50%;
		top: 36%;
	}

	.ys-why-process__orbiters span {
		transform: rotate(45deg) translateY(-29vw);
	}

	.ys-why-process__orbiters span:nth-child(2) { transform: rotate(135deg) translateY(-29vw); }
	.ys-why-process__orbiters span:nth-child(3) { transform: rotate(225deg) translateY(-29vw); }
	.ys-why-process__orbiters span:nth-child(4) { transform: rotate(315deg) translateY(-29vw); }

	.ys-why-process__finale {
		top: auto;
		bottom: max(2rem, calc(env(safe-area-inset-bottom) + 1.5rem));
		transform: translateY(calc((1 - var(--ys-why-finale)) * 2rem));
	}

	.ys-why-process__finale p {
		font-size: clamp(3.5rem, 18vw, 6.5rem);
	}
}

@media (prefers-color-scheme: dark) {
	.ys-landing--brand_consultant .ys-why-process {
		--ys-why-grid-accent: rgba(244, 82, 92, 0.62);
		--ys-why-grid-line: rgba(255, 241, 232, 0.12);
		--ys-why-grid-major: rgba(255, 241, 232, 0.1);
		--ys-why-grid-minor: rgba(255, 241, 232, 0.035);
		--ys-why-ink: #fff1e8;
		--ys-why-on-coral-strong: #1c0a0d;
		--ys-why-paper: #1c0a0d;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ys-why-process__headline-line > span {
		opacity: 1;
		transform: none;
	}

	.ys-why-process__headline-line:first-child,
	.ys-why-process__headline-line:last-child {
		transform: none;
	}

	.ys-why-process.is-finale .ys-why-process__orbiters {
		animation: none;
	}

	.ys-why-process__scroll-cue {
		display: none;
	}

	.ys-why-process__track {
		height: auto;
	}

	.ys-why-process__pin {
		height: auto;
		min-height: 100svh;
		position: relative;
	}

	.ys-why-process__steps {
		display: grid;
		opacity: 1;
		transform: none;
	}

	.ys-why-process__step,
	.ys-why-process__step.is-active {
		grid-template-rows: auto 1fr;
		opacity: 1;
		pointer-events: auto;
		position: relative;
		transform: none;
	}

	.ys-why-process__step p,
	.ys-why-process__step.is-active p {
		opacity: 1;
		padding-top: 0.45rem;
		transform: none;
	}

	.ys-why-process__finale {
		display: none;
	}
}

@media (forced-colors: active) {
	.ys-why-process__flood {
		background: Canvas;
	}

	.ys-why-process__ring,
	.ys-why-process.is-flooding .ys-why-process__ring {
		stroke: CanvasText;
	}
}

/* Brand consultant — Section 03: diagnostic reveal
--------------------------------------------- */
.ys-landing--brand_consultant .ys-brand-diagnosis {
	--diagnosis-accent: #ff4e55;
	--diagnosis-canvas: #f4f0e8;
	--diagnosis-ink: #260c0d;
	--diagnosis-light: #fff9f1;
	--diagnosis-muted: #6e5b57;
	--diagnosis-rule: rgba(38, 12, 13, 0.18);
	background: var(--diagnosis-canvas);
	box-sizing: border-box;
	color: var(--diagnosis-ink);
	font-family: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
	isolation: isolate;
	min-height: 110svh;
	overflow: clip;
	padding: 0;
	position: relative;
}

.ys-brand-diagnosis::after {
	background-image:
		radial-gradient(circle at 16% 32%, rgba(38, 12, 13, 0.28) 0 0.6px, transparent 0.8px),
		radial-gradient(circle at 78% 68%, rgba(38, 12, 13, 0.2) 0 0.5px, transparent 0.75px);
	background-position: 0 0, 5px 7px;
	background-size: 9px 9px, 11px 11px;
	content: "";
	inset: 0;
	opacity: 0.025;
	pointer-events: none;
	position: absolute;
	z-index: 3;
}

.ys-brand-diagnosis__scan {
	height: 1px;
	left: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: clamp(5rem, 9vw, 8rem);
	z-index: 2;
}

.ys-brand-diagnosis__scan span {
	background: linear-gradient(90deg, transparent, var(--diagnosis-accent) 18%, var(--diagnosis-accent) 82%, transparent);
	display: block;
	height: 100%;
	opacity: 0.65;
	transform: translateX(-105%);
	width: 100%;
}

.ys-brand-diagnosis__inner {
	box-sizing: border-box;
	display: grid;
	gap: clamp(1rem, 2vw, 2rem);
	grid-template-columns: repeat(12, minmax(0, 1fr));
	margin: 0 auto;
	max-width: 90rem;
	min-height: 110svh;
	padding: clamp(7rem, 12vw, 11rem) clamp(1.5rem, 5vw, 5rem) clamp(6rem, 10vw, 10rem);
	position: relative;
	width: 100%;
	z-index: 1;
}

.ys-brand-diagnosis__rail {
	align-self: start;
	display: flex;
	flex-direction: column;
	grid-column: 1 / 3;
	position: sticky;
	top: clamp(6rem, 11vh, 9rem);
}

.ys-brand-diagnosis__index {
	line-height: 1;
}

.ys-brand-diagnosis__chapter {
	color: var(--diagnosis-muted);
	font-size: clamp(0.68rem, 0.75vw, 0.78rem);
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1;
	margin-top: 1.2rem;
	text-transform: uppercase;
	writing-mode: vertical-rl;
}

.ys-brand-diagnosis__content {
	grid-column: 3 / 11;
	min-width: 0;
}

.ys-brand-diagnosis__headline {
	color: var(--diagnosis-ink);
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(3.75rem, 7.3vw, 8rem);
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 0.98;
	margin: 0;
	text-wrap: balance;
}

.ys-brand-diagnosis__headline-mobile {
	display: none;
}

.ys-brand-diagnosis__headline-line {
	display: block;
	overflow: hidden;
	padding: 0 0.04em 0.08em 0;
	position: relative;
	width: max-content;
}

.ys-brand-diagnosis__headline-line > span {
	display: block;
}

.ys-brand-diagnosis__headline-line--pivot i {
	background: var(--diagnosis-accent);
	height: max(2px, 0.025em);
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 53%;
	transform: scaleX(0);
	transform-origin: left center;
	width: 100%;
}

.ys-brand-diagnosis__signals {
	border-bottom: 1px solid var(--diagnosis-rule);
	border-top: 1px solid var(--diagnosis-rule);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: clamp(3rem, 6vw, 6rem);
}

.ys-brand-diagnosis__signal {
	color: var(--diagnosis-ink);
	display: grid;
	gap: 0.7rem;
	min-width: 0;
	opacity: 0.46;
	padding: 1.25rem clamp(0.4rem, 1.4vw, 1.25rem) 1.35rem 0;
	position: relative;
	transition: opacity 240ms cubic-bezier(.22,1,.36,1);
}

.ys-brand-diagnosis__signal:not(:last-child) {
	border-right: 1px solid var(--diagnosis-rule);
	margin-right: clamp(0.75rem, 2vw, 2rem);
}

.ys-brand-diagnosis__signal > span {
	color: var(--diagnosis-muted);
	font-size: 0.68rem;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
}

.ys-brand-diagnosis__signal strong {
	font-size: clamp(1.2rem, 2vw, 1.85rem);
	font-weight: 620;
	letter-spacing: -0.025em;
	line-height: 1;
	width: fit-content;
}

.ys-brand-diagnosis__signal strong::after {
	background: var(--diagnosis-accent);
	content: "";
	display: block;
	height: 2px;
	margin-top: 0.45rem;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 280ms cubic-bezier(.22,1,.36,1);
	width: 100%;
}

.ys-brand-diagnosis__signal.is-active,
.ys-brand-diagnosis__signal:hover {
	opacity: 1;
}

.ys-brand-diagnosis__signal.is-active strong::after,
.ys-brand-diagnosis__signal:hover strong::after {
	transform: scaleX(1);
}

.ys-brand-diagnosis__signals:hover .ys-brand-diagnosis__signal:not(:hover) {
	opacity: 0.32;
}

.ys-brand-diagnosis__narrative {
	display: grid;
	gap: clamp(2rem, 4vw, 5rem);
	grid-template-columns: minmax(8rem, 2fr) minmax(0, 6fr);
	margin-top: clamp(4rem, 9vw, 9rem);
	min-width: 0;
}

.ys-brand-diagnosis__narrative-label {
	color: var(--diagnosis-muted);
	font-size: clamp(0.68rem, 0.75vw, 0.78rem);
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.35;
	margin: 0;
	text-transform: uppercase;
}

.ys-brand-diagnosis__paragraphs {
	max-width: 45rem;
	min-width: 0;
	width: 100%;
}

.ys-brand-diagnosis__paragraph {
	font-family: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: clamp(1.15rem, 1.65vw, 1.55rem);
	font-weight: 450;
	letter-spacing: -0.018em;
	line-height: 1.5;
	margin: 0;
}

.ys-brand-diagnosis__paragraph + .ys-brand-diagnosis__paragraph {
	border-top: 1px solid var(--diagnosis-rule);
	margin-top: clamp(1.6rem, 3vw, 2.5rem);
	padding-top: clamp(1.6rem, 3vw, 2.5rem);
}

.ys-brand-diagnosis__paragraph--closing {
	font-family: "Instrument Serif", Georgia, serif;
	font-size: clamp(1.5rem, 2.4vw, 2.4rem);
	font-style: italic;
	font-weight: 400;
	line-height: 1.25;
}

.ys-brand-diagnosis__cta.ys-landing__cta {
	align-items: center;
	background: var(--diagnosis-accent);
	border: 1px solid var(--diagnosis-accent);
	border-radius: 0.2rem;
	color: var(--diagnosis-ink);
	display: inline-flex;
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(0.78rem, 0.9vw, 0.9rem);
	font-weight: 700;
	isolation: isolate;
	justify-content: center;
	letter-spacing: 0.065em;
	line-height: 1.2;
	margin-top: clamp(3rem, 6vw, 5rem);
	min-height: 3.25rem;
	overflow: hidden;
	padding: 0.85rem 1rem 0.85rem 1.25rem;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	transform: none;
	width: auto;
}

.ys-brand-diagnosis__cta.ys-landing__cta::after {
	content: none;
}

.ys-brand-diagnosis__cta-fill {
	background: var(--diagnosis-ink);
	inset: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 420ms cubic-bezier(.22,1,.36,1);
	z-index: 0;
}

.ys-brand-diagnosis__cta-label,
.ys-brand-diagnosis__cta-arrow {
	position: relative;
	z-index: 1;
}

.ys-brand-diagnosis__cta-arrow {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	height: 1.25rem;
	justify-content: center;
	margin-left: 0.85rem;
	transition: transform 260ms cubic-bezier(.22,1,.36,1);
	width: 1.25rem;
}

.ys-brand-diagnosis__cta-arrow svg {
	fill: none;
	height: 1.1rem;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.6;
	width: 1.1rem;
}

.ys-brand-diagnosis__cta:focus-visible {
	outline: 3px solid var(--diagnosis-accent);
	outline-offset: 5px;
}

@media (hover: hover) and (pointer: fine) {
	.ys-brand-diagnosis__cta.ys-landing__cta:hover {
		color: var(--diagnosis-light);
		transform: none;
	}

	.ys-brand-diagnosis__cta:hover .ys-brand-diagnosis__cta-fill {
		transform: scaleX(1);
	}

	.ys-brand-diagnosis__cta:hover .ys-brand-diagnosis__cta-arrow {
		transform: translateX(0.5rem);
	}
}

.ys-brand-diagnosis__ambient {
	align-self: center;
	grid-column: 11 / 13;
	justify-self: end;
	position: relative;
	transform: translate3d(var(--diagnosis-pointer-x, 0), var(--diagnosis-pointer-y, 0), 0);
	transition: transform 700ms cubic-bezier(.22,1,.36,1);
	width: min(100%, 11rem);
}

.ys-brand-diagnosis__ambient svg {
	display: block;
	overflow: visible;
	width: 100%;
}

.ys-brand-diagnosis__ambient circle,
.ys-brand-diagnosis__ambient path {
	fill: none;
	stroke: var(--diagnosis-rule);
	stroke-width: 1;
}

.ys-brand-diagnosis__ambient-cross {
	stroke: var(--diagnosis-ink) !important;
}

.ys-brand-diagnosis__ambient > span {
	background: var(--diagnosis-accent);
	border-radius: 50%;
	filter: blur(0.65rem);
	height: 1rem;
	left: 50%;
	opacity: 0.55;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: filter 900ms cubic-bezier(.22,1,.36,1), opacity 900ms cubic-bezier(.22,1,.36,1);
	width: 1rem;
}

.ys-brand-diagnosis.is-diagnosis-revealed .ys-brand-diagnosis__ambient > span {
	filter: blur(0);
	opacity: 1;
}

@media screen and (max-width: 1199px) {
	.ys-brand-diagnosis__inner {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.ys-brand-diagnosis__rail {
		grid-column: 1 / 2;
		position: relative;
		top: 0;
	}

	.ys-brand-diagnosis__content {
		grid-column: 2 / 9;
	}

	.ys-brand-diagnosis__ambient {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.ys-landing--brand_consultant .ys-brand-diagnosis,
	.ys-brand-diagnosis__inner {
		min-height: 0;
	}

	.ys-brand-diagnosis__inner {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		padding: 6rem clamp(1.25rem, 6vw, 1.5rem) max(6rem, calc(env(safe-area-inset-bottom) + 6rem));
	}

	.ys-brand-diagnosis__scan {
		top: 3.5rem;
	}

	.ys-brand-diagnosis__rail {
		align-items: center;
		column-gap: 0.75rem;
		display: grid;
		grid-column: 1 / -1;
		grid-template-columns: auto 1fr;
	}

	.ys-brand-diagnosis__chapter {
		margin: 0;
		writing-mode: horizontal-tb;
	}

	.ys-brand-diagnosis__content {
		grid-column: 1 / -1;
		margin-top: 3rem;
	}

	.ys-brand-diagnosis__headline {
		font-size: clamp(2.45rem, 10vw, 4.75rem);
		letter-spacing: -0.05em;
		line-height: 0.98;
	}

	.ys-brand-diagnosis__headline-desktop {
		display: none;
	}

	.ys-brand-diagnosis__headline-mobile {
		display: block;
	}

	.ys-brand-diagnosis__signals {
		grid-template-columns: 1fr;
		margin-top: 3.5rem;
	}

	.ys-brand-diagnosis__signal {
		align-items: center;
		gap: 1rem;
		grid-template-columns: 2rem 1fr;
		padding: 1.1rem 0;
	}

	.ys-brand-diagnosis__signal:not(:last-child) {
		border-bottom: 1px solid var(--diagnosis-rule);
		border-right: 0;
		margin: 0;
	}

	.ys-brand-diagnosis__narrative {
		grid-template-columns: 1fr;
		margin-top: 4.5rem;
	}

	.ys-brand-diagnosis__narrative-label br {
		display: none;
	}

	.ys-brand-diagnosis__paragraph {
		font-size: clamp(1.08rem, 5vw, 1.3rem);
		overflow-wrap: anywhere;
	}

	.ys-brand-diagnosis__paragraph--closing {
		font-size: clamp(1.5rem, 7vw, 2rem);
	}

	.ys-brand-diagnosis__cta.ys-landing__cta {
		font-size: 0.76rem;
		margin-top: 3.5rem;
		min-height: 3.15rem;
		padding: 0.8rem 0.9rem 0.8rem 1rem;
	}

	.ys-brand-diagnosis__cta-label {
		max-width: 15rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ys-brand-diagnosis__scan span,
	.ys-brand-diagnosis__headline-line > span,
	.ys-brand-diagnosis__headline-line--pivot i,
	.ys-brand-diagnosis__rail > *,
	.ys-brand-diagnosis__signal,
	.ys-brand-diagnosis__paragraph,
	.ys-brand-diagnosis__cta,
	.ys-brand-diagnosis__ambient {
		opacity: 1 !important;
		transform: none !important;
		transition-duration: 0.01ms !important;
	}

	.ys-brand-diagnosis__headline-line--pivot i {
		display: none;
	}
}

/* Speaker stage video — Section 06 */
.ys-landing--speaker .stg {
	--stg-caption-y: 0;
	--stg-coral: #f4525c;
	--stg-cream: #fff8f0;
	--stg-heading-y: 0;
	--stg-ink: #2b1013;
	--stg-paper: #fffcf6;
	--stg-veil: 0;
	background: var(--stg-paper);
	color: var(--stg-ink);
	font-family: "Bricolage Grotesque", "Instrument Sans", sans-serif;
	isolation: isolate;
	overflow: visible;
	padding: 0;
	position: relative;
}

.stg-stage {
	height: 340svh;
	position: relative;
}

.stg-pin {
	background: var(--stg-paper);
	height: 100svh;
	overflow: clip;
	position: sticky;
	top: 0;
}

.stg-pin::after {
	background-image: repeating-radial-gradient(circle at 30% 20%, rgba(43, 16, 19, 0.18) 0 0.5px, transparent 0.7px 3px);
	content: "";
	inset: 0;
	mix-blend-mode: multiply;
	opacity: 0.08;
	pointer-events: none;
	position: absolute;
	z-index: 5;
}

.stg-copy {
	box-sizing: border-box;
	inset: 0;
	padding: clamp(1.25rem, 3vw, 2.5rem) clamp(1.25rem, 5vw, 5rem);
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.stg-index {
	align-items: center;
	display: inline-flex;
	font-family: "Bricolage Grotesque", "Instrument Sans", sans-serif;
	font-size: 0.8125rem;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	gap: 0.65rem;
	letter-spacing: 0.02em;
	line-height: 1;
}

.stg-index::before {
	background: var(--stg-coral);
	content: "";
	display: block;
	height: 0.1875rem;
	width: 2.25rem;
}

.stg-title {
	font-family: "Instrument Sans", sans-serif;
	font-size: clamp(2.8rem, 7.6vw, 10.5rem);
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 0.98;
	margin: clamp(3.25rem, 8svh, 6.5rem) 0 0;
	max-width: 10ch;
	padding: 0;
	transform: translateY(calc(var(--stg-heading-y) * 1px));
}

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

.stg-caption {
	border-left: 0.3125rem solid var(--stg-coral);
	font-family: "Instrument Serif", Georgia, serif;
	font-size: clamp(1.5rem, 2.6vw, 2.6rem);
	font-style: italic;
	left: clamp(1.25rem, 5vw, 5rem);
	line-height: 1.1;
	margin: 0;
	max-width: 21ch;
	padding: 0.15rem 0 0.15rem 1rem;
	position: absolute;
	top: 60svh;
	transform: translateY(calc(var(--stg-caption-y) * 1px));
}

.stg-frame {
	inset: 46svh 5vw 8svh 50vw;
	pointer-events: none;
	position: absolute;
	visibility: hidden;
}

.stg-media {
	clip-path: inset(46svh 5vw 8svh 50vw round 20px);
	inset: 0;
	position: absolute;
	will-change: clip-path;
	z-index: 2;
}

.stg-video-wrap {
	inset: 0;
	position: absolute;
	transform-origin: center;
	will-change: transform;
	z-index: 1;
}

.stg-video {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.stg-veil {
	background: linear-gradient(180deg, rgba(24, 8, 10, 0.56) 0%, rgba(24, 8, 10, 0.08) 42%, rgba(24, 8, 10, 0.74) 100%);
	inset: 0;
	opacity: var(--stg-veil);
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.stg-copy--outline {
	color: var(--stg-cream);
	z-index: 3;
}

.stg-copy--outline .stg-title {
	color: transparent;
	paint-order: stroke fill;
	-webkit-text-stroke: 1.6px var(--stg-cream);
}

.stg-copy--outline .stg-caption {
	color: var(--stg-cream);
	text-shadow: 0 2px 18px rgba(20, 6, 8, 0.78);
}

.stg-copy--outline .stg-index {
	color: var(--stg-cream);
}

.stg-toggle {
	align-items: center;
	appearance: none;
	background: var(--stg-cream);
	border: 0;
	border-radius: 50%;
	bottom: calc(8svh + 1rem);
	color: var(--stg-ink);
	cursor: pointer;
	display: flex;
	height: 2.75rem;
	justify-content: center;
	opacity: 0;
	padding: 0;
	pointer-events: none;
	position: absolute;
	right: calc(5vw + 1rem);
	transition: opacity 220ms ease, transform 220ms ease;
	width: 2.75rem;
	z-index: 4;
}

.stg.is-ready .stg-toggle {
	opacity: 1;
	pointer-events: auto;
}

.stg-toggle-icon,
.stg-toggle-icon::before {
	background: currentColor;
	content: "";
	display: block;
	height: 0.9rem;
	width: 0.16rem;
}

.stg-toggle-icon {
	margin-right: 0.28rem;
	position: relative;
}

.stg-toggle-icon::before {
	left: 0.42rem;
	position: absolute;
	top: 0;
}

.stg-toggle[aria-pressed="true"] .stg-toggle-icon {
	background: transparent;
	border-bottom: 0.45rem solid transparent;
	border-left: 0.7rem solid currentColor;
	border-top: 0.45rem solid transparent;
	height: 0;
	margin: 0 0 0 0.1rem;
	width: 0;
}

.stg-toggle[aria-pressed="true"] .stg-toggle-icon::before {
	display: none;
}

.stg-toggle:is(:hover, :focus-visible) {
	transform: scale(1.06);
}

.stg-toggle:focus-visible {
	outline: 0.2rem solid var(--stg-coral);
	outline-offset: 0.25rem;
}

.stg-cue {
	bottom: clamp(1.5rem, 4svh, 3rem);
	left: clamp(1.25rem, 5vw, 5rem);
	height: 4rem;
	opacity: 1;
	position: absolute;
	width: 0.1875rem;
	z-index: 6;
}

.stg-cue::before {
	background: color-mix(in srgb, var(--stg-ink) 25%, transparent);
	content: "";
	inset: 0;
	position: absolute;
}

.stg-cue span {
	animation: stg-cue-travel 1.6s cubic-bezier(0.2, 0.8, 0.2, 1) infinite;
	background: var(--stg-coral);
	height: 0.55rem;
	left: -0.18rem;
	position: absolute;
	transform: rotate(45deg);
	width: 0.55rem;
}

@keyframes stg-cue-travel {
	0% { opacity: 0; transform: translateY(0) rotate(45deg); }
	20%, 75% { opacity: 1; }
	100% { opacity: 0; transform: translateY(3.45rem) rotate(45deg); }
}

@media screen and (max-width: 820px) {
	.stg-frame {
		inset: 50svh 5vw 9svh;
	}

	.stg-media {
		clip-path: inset(50svh 5vw 9svh 5vw round 16px);
	}

	.stg-title {
		font-size: clamp(2.6rem, 12.4vw, 6rem);
		margin-top: clamp(2.5rem, 7svh, 4.5rem);
		max-width: 9.5ch;
	}

	.stg-caption {
		top: 43svh;
	}

	.stg-toggle {
		bottom: calc(9svh + 1rem);
		right: calc(5vw + 1rem);
	}
}

@media screen and (max-height: 520px) and (orientation: landscape) {
	.stg-title {
		font-size: clamp(2.25rem, 8vw, 4.25rem);
		margin-top: 1.75rem;
	}

	.stg-caption {
		font-size: 1.25rem;
		top: 47svh;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ys-landing--speaker .stg-stage {
		height: auto;
	}

	.ys-landing--speaker .stg-pin {
		position: relative;
	}

	.stg-cue {
		display: none;
	}

	.stg-video-wrap,
	.stg-title,
	.stg-caption {
		transform: none !important;
	}
}

@media (forced-colors: active) {
	.stg-toggle {
		border: 2px solid ButtonText;
	}
}

@media (forced-colors: active) {
	.ys-brand-diagnosis__cta.ys-landing__cta,
	.ys-brand-diagnosis__signals,
	.ys-brand-diagnosis__signal {
		border-color: CanvasText;
	}
}

.page-template-template-brand-consultant .ys-landing--brand_consultant {
	--ys-service-primary-font: "Brushine Collective", Georgia, "Times New Roman", serif;
}

.page-template-template-brand-consultant .ys-landing--brand_consultant :is(h1, h2) {
	font-family: var(--ys-service-primary-font);
	font-size: clamp(1.8rem, 4.2vw, 4rem);
	font-weight: 400;
	font-synthesis: none;
	line-height: 1.08;
	max-width: 100%;
}

.page-template-template-brand-consultant .ys-landing--brand_consultant h1 {
	font-size: clamp(3.5rem, 7.2vw, 7.2rem);
}

.page-template-template-brand-consultant .ys-landing--brand_consultant .ys-cost-stack__title {
	font-size: clamp(1.6rem, 3vw, 2.5rem);
}

.page-template-template-fractional-cbo .ys-landing--fractional_cbo {
	--ys-service-primary-font: "Brushine Collective", Georgia, "Times New Roman", serif;
}

.page-template-template-fractional-cbo .ys-landing--fractional_cbo :is(h1, h2) {
	font-family: var(--ys-service-primary-font);
	font-size: clamp(1.8rem, 4.2vw, 4rem);
	font-weight: 400;
	font-synthesis: none;
	line-height: 1.08;
	max-width: 100%;
}

.page-template-template-fractional-cbo .ys-landing--fractional_cbo h1 {
	font-size: clamp(3.5rem, 7.2vw, 7.2rem);
}