/*
 * Blueprint Brand Strategy — page 170 only.
 * Editorial direction: DIRECTION → CHOICE → POSITION → SIGNAL → ALIGNMENT.
 */

.bbg-brand-strategy-page {
	--bs-navy: #061426;
	--bs-navy-soft: #0b1d34;
	--bs-cobalt: #315cff;
	--bs-cream: #f3f0e9;
	--bs-ink: #101116;
	--bs-muted: #626570;
	--bs-rule: rgba(16,17,22,.2);
	--bs-light-rule: rgba(255,255,255,.22);
	--bs-pad: clamp(4.75rem,8vw,8rem);
	--bs-gutter: clamp(1.25rem,4vw,4.5rem);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.bbg-brand-strategy-page,
.bbg-brand-strategy-page * {
	box-sizing: border-box;
	min-width: 0;
}

.bbg-brand-strategy-page > .bbg-section {
	position: relative;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: var(--bs-pad) max(var(--bs-gutter),calc((100vw - 86rem)/2));
}

.bbg-brand-strategy-page > .bbg-section > * { max-width: 86rem; }

.bbg-brand-strategy-page .bbg-index {
	margin: 0 0 clamp(1.4rem,2.5vw,2.25rem);
	font-size: .76rem;
	font-weight: 750;
	letter-spacing: .16em;
	line-height: 1.3;
	text-transform: uppercase;
}

.bbg-brand-strategy-page h1,
.bbg-brand-strategy-page h2,
.bbg-brand-strategy-page h3 {
	margin-top: 0;
	text-wrap: balance;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.bbg-brand-strategy-page h2 {
	font-size: clamp(2.75rem,5.5vw,5.8rem);
	line-height: .95;
	letter-spacing: -.055em;
}

.bbg-brand-strategy-page h3 {
	font-size: clamp(1.25rem,1.8vw,1.75rem);
	line-height: 1.08;
	letter-spacing: -.025em;
}

.bbg-brand-strategy-page p { line-height: 1.58; }

.bbg-brand-strategy-page .has-lead-font-size {
	font-size: clamp(1.25rem,1.8vw,1.65rem);
	line-height: 1.45;
}

.bbg-brand-strategy-page a { text-underline-offset: .2em; }

.bbg-brand-strategy-page .bbg-button-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
}

.bbg-brand-strategy-page .bbg-button-row > .wp-block-button { margin: 0; }
.bbg-brand-strategy-page .bbg-button-row .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3.25rem;
}

.bbg-brand-strategy-page a:focus-visible,
.bbg-brand-strategy-page summary:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 4px;
}

/* 01 — Hero */
.bbg-brand-strategy-page .bbg-brand-strategy-hero {
	display: grid;
	grid-template-columns: minmax(0,1.08fr) minmax(19rem,.72fr);
	column-gap: clamp(3rem,7vw,8rem);
	min-height: min(52rem,calc(100vh - 5rem));
	padding-top: clamp(5rem,8vw,8rem);
	padding-bottom: clamp(5rem,8vw,7.5rem);
	background: linear-gradient(90deg,rgba(49,92,255,.08) 1px,transparent 1px) 0 0/6.5rem 100%,var(--bs-navy);
	color: #fff;
}

.bbg-brand-strategy-hero > * { grid-column: 1; }
.bbg-brand-strategy-hero > .bbg-index:first-child { color: #8fa8ff; }

.bbg-brand-strategy-hero > h1 {
	max-width: 11.5ch;
	margin-bottom: clamp(2rem,3.8vw,3.25rem);
	font-size: clamp(4rem,7.4vw,8rem);
	line-height: .88;
	letter-spacing: -.07em;
}

.bbg-brand-strategy-hero > .has-lead-font-size,
.bbg-brand-strategy-hero > .has-lead-font-size ~ p:not(.bbg-index) { max-width: 43rem; }
.bbg-brand-strategy-hero > .bbg-button-row { margin: clamp(2rem,3.5vw,3rem) 0 0; }

.bbg-brand-strategy-hero a:not(.wp-block-button__link),
.bbg-brand-strategy-moments a:not(.wp-block-button__link) {
	color: #b9c8ff;
	text-decoration-color: rgba(185,200,255,.72);
	text-decoration-thickness: .09em;
}

.bbg-brand-strategy-hero a:not(.wp-block-button__link):hover,
.bbg-brand-strategy-moments a:not(.wp-block-button__link):hover { color: #fff; }

.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2),
.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2) + p {
	grid-column: 2;
	align-self: end;
}

.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2) { grid-row: 1 / span 7; }
.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2) + p { grid-row: 7; }

.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2) {
	position: relative;
	margin: 0 0 1rem;
	padding-top: clamp(18rem,30vw,26rem);
	color: #8fa8ff;
}

.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2)::before,
.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2)::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	top: 1.5rem;
	height: clamp(13rem,22vw,19rem);
	border: 1px solid rgba(143,168,255,.42);
	background: linear-gradient(135deg,transparent 0 23%,rgba(49,92,255,.28) 23% 24%,transparent 24% 52%,rgba(49,92,255,.5) 52% 53%,transparent 53%),repeating-linear-gradient(0deg,transparent 0 3.1rem,rgba(143,168,255,.13) 3.1rem calc(3.1rem + 1px));
	clip-path: polygon(0 0,100% 10%,100% 100%,27% 78%);
}

.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2)::after {
	inset: auto auto clamp(2.7rem,4vw,4rem) 45%;
	width: 1.05rem;
	height: 1.05rem;
	border: 0;
	background: var(--bs-cobalt);
	clip-path: none;
	box-shadow: -7rem -5rem 0 -.22rem #8fa8ff,6rem -9rem 0 -.22rem #8fa8ff;
}

.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2) + p {
	max-width: 26rem;
	margin: 0;
	color: #d7ddec;
}

/* 02 — Cost of unclear direction */
.bbg-brand-strategy-cost {
	display: grid;
	grid-template-columns: minmax(24rem,.98fr) minmax(24rem,1.02fr);
	column-gap: clamp(4rem,9vw,10rem);
	padding-block: clamp(4.4rem,7vw,7rem);
	background: var(--bs-cream);
	color: var(--bs-ink);
}

.bbg-brand-strategy-cost > .bbg-index,
.bbg-brand-strategy-cost > h2,
.bbg-brand-strategy-cost > .has-lead-font-size,
.bbg-brand-strategy-cost > .has-lead-font-size + p,
.bbg-brand-strategy-cost > .has-lead-font-size + p + p { grid-column: 1; }
.bbg-brand-strategy-cost > h2 { max-width: 10.5ch; margin-bottom: 2rem; font-size: clamp(2.75rem,5vw,5.25rem); }
.bbg-brand-strategy-cost > .has-lead-font-size + p + p { margin-bottom: 0; }
.bbg-brand-strategy-cost > h3,
.bbg-brand-strategy-cost > h3 + p { grid-column: 2; margin-left: 0; }

.bbg-brand-strategy-cost > h3 {
	margin-bottom: .65rem;
	padding-top: clamp(1.5rem,2.5vw,2.2rem);
	border-top: 1px solid var(--bs-rule);
}

.bbg-brand-strategy-cost > h3:first-of-type { margin-top: 3.75rem; }
.bbg-brand-strategy-cost > h3 + p {
	margin-top: 0;
	margin-bottom: clamp(1.4rem,2.6vw,2.25rem);
	max-width: 40rem;
	color: var(--bs-muted);
}

.bbg-brand-strategy-cost > h2,.bbg-brand-strategy-cost > h3:nth-of-type(1) { grid-row: 2; }
.bbg-brand-strategy-cost > .has-lead-font-size,.bbg-brand-strategy-cost > h3:nth-of-type(1) + p { grid-row: 3; }
.bbg-brand-strategy-cost > .has-lead-font-size + p,.bbg-brand-strategy-cost > h3:nth-of-type(2) { grid-row: 4; }
.bbg-brand-strategy-cost > .has-lead-font-size + p + p,.bbg-brand-strategy-cost > h3:nth-of-type(2) + p { grid-row: 5; }
.bbg-brand-strategy-cost > h3:nth-of-type(3) { grid-row: 6; }
.bbg-brand-strategy-cost > h3:nth-of-type(3) + p { grid-row: 7; }

/* 03 — Strategic Spine */
.bbg-brand-strategy-spine {
	display: grid;
	grid-template-columns: 1.25fr 1fr 1.05fr 1fr 1.25fr;
	column-gap: 0;
	background: var(--bs-cobalt);
	color: #fff;
}

.bbg-brand-strategy-spine > .bbg-index:first-child,
.bbg-brand-strategy-spine > h2,
.bbg-brand-strategy-spine > .has-lead-font-size,
.bbg-brand-strategy-spine > .has-lead-font-size + p { grid-column: 1 / -1; }
.bbg-brand-strategy-spine > h2 { max-width: 12ch; margin-bottom: 2rem; font-size: clamp(3.2rem,6.5vw,7rem); }
.bbg-brand-strategy-spine > .has-lead-font-size { max-width: 58rem; }
.bbg-brand-strategy-spine > .has-lead-font-size + p { max-width: 54rem; margin-bottom: clamp(3.5rem,6vw,6rem); color: rgba(255,255,255,.8); }

.bbg-brand-strategy-spine > h3,
.bbg-brand-strategy-spine > h3 + p {
	margin: 0;
	padding-inline: clamp(1rem,2.4vw,2.2rem);
	border-left: 1px solid rgba(255,255,255,.38);
}

.bbg-brand-strategy-spine > h3 {
	position: relative;
	padding-top: clamp(2.25rem,4vw,3.75rem);
	padding-bottom: 1.15rem;
	font-size: clamp(1.55rem,2.6vw,2.65rem);
	text-transform: uppercase;
	letter-spacing: -.04em;
}

.bbg-brand-strategy-spine > h3::before {
	content: "";
	position: absolute;
	top: -.38rem;
	left: -1px;
	width: .78rem;
	height: .78rem;
	background: #fff;
	transform: translateX(-50%);
}

.bbg-brand-strategy-spine > h3 + p { padding-bottom: clamp(2.5rem,4.5vw,4rem); color: rgba(255,255,255,.86); }
.bbg-brand-strategy-spine > .bbg-index:first-child { grid-row: 1; }
.bbg-brand-strategy-spine > h2 { grid-row: 2; }
.bbg-brand-strategy-spine > .has-lead-font-size { grid-row: 3; }
.bbg-brand-strategy-spine > .has-lead-font-size + p { grid-row: 4; }
.bbg-brand-strategy-spine > h3 { grid-row: 5; }
.bbg-brand-strategy-spine > h3 + p { grid-row: 6; }
.bbg-brand-strategy-spine > h3:nth-of-type(1),.bbg-brand-strategy-spine > h3:nth-of-type(1) + p { grid-column: 1; }
.bbg-brand-strategy-spine > h3:nth-of-type(2),.bbg-brand-strategy-spine > h3:nth-of-type(2) + p { grid-column: 2; }
.bbg-brand-strategy-spine > h3:nth-of-type(3),.bbg-brand-strategy-spine > h3:nth-of-type(3) + p { grid-column: 3; background: rgba(6,20,38,.2); }
.bbg-brand-strategy-spine > h3:nth-of-type(4),.bbg-brand-strategy-spine > h3:nth-of-type(4) + p { grid-column: 4; }
.bbg-brand-strategy-spine > h3:nth-of-type(5),.bbg-brand-strategy-spine > h3:nth-of-type(5) + p { grid-column: 5; border-right: 1px solid rgba(255,255,255,.38); }

.bbg-brand-strategy-spine > h3:nth-of-type(3)::before {
	width: 1.05rem;
	height: 1.05rem;
	background: var(--bs-navy);
	outline: 3px solid rgba(255,255,255,.6);
}

.bbg-brand-strategy-spine > .bbg-index:last-child {
	grid-column: 1 / -1;
	grid-row: 7;
	margin: clamp(2.25rem,4vw,4rem) 0 0;
	padding-top: 1.5rem;
	border-top: 1px solid rgba(255,255,255,.5);
	color: #fff;
}

/* 04 — Clarification index */
.bbg-brand-strategy-clarify {
	display: grid;
	grid-template-columns: minmax(24rem,.82fr) minmax(0,1.18fr);
	column-gap: clamp(4rem,9vw,10rem);
	padding-block: clamp(4.4rem,7vw,7rem);
	background: var(--bs-cream);
	color: var(--bs-ink);
	counter-reset: clarify;
}

.bbg-brand-strategy-clarify > .bbg-index,
.bbg-brand-strategy-clarify > h2,
.bbg-brand-strategy-clarify > .has-lead-font-size,
.bbg-brand-strategy-clarify > .has-lead-font-size + p { grid-column: 1; }
.bbg-brand-strategy-clarify > h2 { max-width: 11.5ch; margin-bottom: 2rem; font-size: clamp(2.75rem,4.8vw,5.15rem); }
.bbg-brand-strategy-clarify > h3,.bbg-brand-strategy-clarify > h3 + p { grid-column: 2; }

.bbg-brand-strategy-clarify > h3 {
	counter-increment: clarify;
	position: relative;
	margin: 0;
	padding: clamp(1.55rem,2.5vw,2.25rem) 0 .7rem 5.2rem;
	border-top: 1px solid var(--bs-rule);
}

.bbg-brand-strategy-clarify > h3::before {
	content: "0" counter(clarify);
	position: absolute;
	left: 0;
	top: clamp(1.75rem,2.7vw,2.4rem);
	color: var(--bs-cobalt);
	font-size: .78rem;
	letter-spacing: .16em;
}

.bbg-brand-strategy-clarify > h3:first-of-type { margin-top: 2.75rem; }
.bbg-brand-strategy-clarify > h3 + p { margin: 0; padding: 0 0 clamp(1.5rem,2.6vw,2.3rem) 5.2rem; color: var(--bs-muted); }
.bbg-brand-strategy-clarify > h2,.bbg-brand-strategy-clarify > h3:nth-of-type(1) { grid-row: 2; }
.bbg-brand-strategy-clarify > .has-lead-font-size,.bbg-brand-strategy-clarify > h3:nth-of-type(1) + p { grid-row: 3; }
.bbg-brand-strategy-clarify > .has-lead-font-size + p,.bbg-brand-strategy-clarify > h3:nth-of-type(2) { grid-row: 4; }
.bbg-brand-strategy-clarify > h3:nth-of-type(2) + p { grid-row: 5; }
.bbg-brand-strategy-clarify > h3:nth-of-type(3) { grid-row: 6; }
.bbg-brand-strategy-clarify > h3:nth-of-type(3) + p { grid-row: 7; }
.bbg-brand-strategy-clarify > h3:nth-of-type(4) { grid-row: 8; }
.bbg-brand-strategy-clarify > h3:nth-of-type(4) + p { grid-row: 9; }
.bbg-brand-strategy-clarify > h3:nth-of-type(5) { grid-row: 10; }
.bbg-brand-strategy-clarify > h3:nth-of-type(5) + p { grid-row: 11; }

/* 05 — Moments of change */
.bbg-brand-strategy-moments {
	display: grid;
	grid-template-columns: minmax(27rem,.95fr) minmax(28rem,1.05fr);
	column-gap: clamp(4rem,8vw,9rem);
	background: var(--bs-navy);
	color: #fff;
	counter-reset: moment;
}

.bbg-brand-strategy-moments > .bbg-index,
.bbg-brand-strategy-moments > h2,
.bbg-brand-strategy-moments > .has-lead-font-size,
.bbg-brand-strategy-moments > .has-lead-font-size + p { grid-column: 1; }
.bbg-brand-strategy-moments > .bbg-index { color: #8fa8ff; }
.bbg-brand-strategy-moments > h2 { max-width: 11.5ch; margin-bottom: 2rem; font-size: clamp(2.75rem,4.8vw,5.15rem); }
.bbg-brand-strategy-moments > h3,.bbg-brand-strategy-moments > h3 + p { grid-column: 2; }

.bbg-brand-strategy-moments > h3 {
	counter-increment: moment;
	position: relative;
	margin: 0;
	padding: clamp(1.3rem,2vw,1.8rem) 0 .45rem 4.25rem;
	border-top: 1px solid var(--bs-light-rule);
}

.bbg-brand-strategy-moments > h3::before {
	content: "0" counter(moment);
	position: absolute;
	left: 0;
	top: clamp(1.5rem,2.15vw,1.95rem);
	color: #8fa8ff;
	font-size: .75rem;
	letter-spacing: .15em;
}

.bbg-brand-strategy-moments > h3:first-of-type { margin-top: 3.5rem; }
.bbg-brand-strategy-moments > h3 + p { margin: 0; padding: 0 0 clamp(1.25rem,2vw,1.8rem) 4.25rem; color: #c7cfdd; }
.bbg-brand-strategy-moments > h2,.bbg-brand-strategy-moments > h3:nth-of-type(1) { grid-row: 2; }
.bbg-brand-strategy-moments > .has-lead-font-size,.bbg-brand-strategy-moments > h3:nth-of-type(1) + p { grid-row: 3; }
.bbg-brand-strategy-moments > .has-lead-font-size + p,.bbg-brand-strategy-moments > h3:nth-of-type(2) { grid-row: 4; }
.bbg-brand-strategy-moments > h3:nth-of-type(2) + p { grid-row: 5; }
.bbg-brand-strategy-moments > h3:nth-of-type(3) { grid-row: 6; }
.bbg-brand-strategy-moments > h3:nth-of-type(3) + p { grid-row: 7; }
.bbg-brand-strategy-moments > h3:nth-of-type(4) { grid-row: 8; }
.bbg-brand-strategy-moments > h3:nth-of-type(4) + p { grid-row: 9; }
.bbg-brand-strategy-moments > h3:nth-of-type(5) { grid-row: 10; }
.bbg-brand-strategy-moments > h3:nth-of-type(5) + p { grid-row: 11; }
.bbg-brand-strategy-moments > h3:nth-of-type(6) { grid-row: 12; }
.bbg-brand-strategy-moments > h3:nth-of-type(6) + p { grid-row: 13; }
.bbg-brand-strategy-moments > h3:nth-of-type(7) { grid-row: 14; }
.bbg-brand-strategy-moments > h3:nth-of-type(7) + p { grid-row: 15; }

/* 06 — Strategy to expression */
.bbg-brand-strategy-expression {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	column-gap: clamp(2rem,5vw,5rem);
	padding-block: clamp(4.4rem,7vw,7rem);
	background: #fff;
	color: var(--bs-ink);
}

.bbg-brand-strategy-expression > .bbg-index,
.bbg-brand-strategy-expression > h2,
.bbg-brand-strategy-expression > .has-lead-font-size,
.bbg-brand-strategy-expression > .has-lead-font-size + p { grid-column: 1 / -1; }
.bbg-brand-strategy-expression > h2 { max-width: 10.5ch; margin-bottom: 2rem; }
.bbg-brand-strategy-expression > .has-lead-font-size,.bbg-brand-strategy-expression > .has-lead-font-size + p { max-width: 61rem; }
.bbg-brand-strategy-expression > .has-lead-font-size + p { margin-bottom: clamp(2.5rem,4vw,3.75rem); }

.bbg-brand-strategy-expression > h3,
.bbg-brand-strategy-expression > h3 + p {
	margin-left: 0;
	margin-right: 0;
	padding-left: clamp(1rem,2vw,1.6rem);
	border-left: 2px solid var(--bs-cobalt);
}

.bbg-brand-strategy-expression > h3 { position: relative; margin-top: 0; margin-bottom: .75rem; padding-top: 1.2rem; }
.bbg-brand-strategy-expression > h3::before { content: "→"; position: absolute; top: -1.7rem; left: clamp(1rem,2vw,1.6rem); color: var(--bs-cobalt); font-size: 1rem; }
.bbg-brand-strategy-expression > h3 + p { margin-top: 0; padding-bottom: 1.5rem; color: var(--bs-muted); }
.bbg-brand-strategy-expression > .bbg-index { grid-row: 1; }
.bbg-brand-strategy-expression > h2 { grid-row: 2; }
.bbg-brand-strategy-expression > .has-lead-font-size { grid-row: 3; }
.bbg-brand-strategy-expression > .has-lead-font-size + p { grid-row: 4; }
.bbg-brand-strategy-expression > h3 { grid-row: 5; }
.bbg-brand-strategy-expression > h3 + p { grid-row: 6; }
.bbg-brand-strategy-expression > h3:nth-of-type(1),.bbg-brand-strategy-expression > h3:nth-of-type(1) + p { grid-column: 1; }
.bbg-brand-strategy-expression > h3:nth-of-type(2),.bbg-brand-strategy-expression > h3:nth-of-type(2) + p { grid-column: 2; }
.bbg-brand-strategy-expression > h3:nth-of-type(3),.bbg-brand-strategy-expression > h3:nth-of-type(3) + p { grid-column: 3; }
.bbg-brand-strategy-expression > p:nth-of-type(5) { grid-column: 1; grid-row: 7; }
.bbg-brand-strategy-expression > p:nth-of-type(7) { grid-column: 2; grid-row: 7; }
.bbg-brand-strategy-expression > p:nth-of-type(8) { grid-column: 2; grid-row: 8; }
.bbg-brand-strategy-expression > p:nth-of-type(10) { grid-column: 3; grid-row: 7; }
.bbg-brand-strategy-expression > p:nth-of-type(5),
.bbg-brand-strategy-expression > p:nth-of-type(7),
.bbg-brand-strategy-expression > p:nth-of-type(8),
.bbg-brand-strategy-expression > p:nth-of-type(10) {
	margin: 0;
	padding: 0 0 1.2rem clamp(1rem,2vw,1.6rem);
	border-left: 2px solid var(--bs-cobalt);
}
.bbg-brand-strategy-expression > p:last-child,.bbg-brand-strategy-expression > .bbg-button-row:last-child { grid-column: 1 / -1; grid-row: 9; margin-top: 2.25rem; }

/* 07 — FAQs */
.bbg-brand-strategy-faq {
	display: grid;
	grid-template-columns: minmax(19rem,.72fr) minmax(30rem,1.28fr);
	column-gap: clamp(4rem,8vw,9rem);
	align-items: start;
	background: var(--bs-cream);
	color: var(--bs-ink);
}

.bbg-brand-strategy-faq > .bbg-index,.bbg-brand-strategy-faq > h2,.bbg-brand-strategy-faq > .has-lead-font-size { grid-column: 1; }
.bbg-brand-strategy-faq > h2 { max-width: 10.5ch; margin-bottom: 2rem; font-size: clamp(2.9rem,5vw,5.4rem); }
.bbg-brand-strategy-faq > details { grid-column: 2; margin: 0; border-top: 1px solid var(--bs-rule); }
.bbg-brand-strategy-faq > details:first-of-type { margin-top: 3.7rem; }
.bbg-brand-strategy-faq > details:last-of-type { border-bottom: 1px solid var(--bs-rule); }

.bbg-brand-strategy-faq summary {
	position: relative;
	padding: clamp(1.3rem,2.4vw,2rem) 3.5rem clamp(1.3rem,2.4vw,2rem) 0;
	cursor: pointer;
	font-size: clamp(1.1rem,1.7vw,1.4rem);
	font-weight: 700;
	line-height: 1.28;
	list-style: none;
}

.bbg-brand-strategy-faq summary::-webkit-details-marker { display: none; }
.bbg-brand-strategy-faq summary::after { content: "+"; position: absolute; right: .35rem; top: 50%; color: var(--bs-cobalt); font-size: 1.7rem; font-weight: 400; transform: translateY(-50%); }
.bbg-brand-strategy-faq details[open] summary::after { content: "−"; }
.bbg-brand-strategy-faq details > :not(summary) { max-width: 46rem; margin-top: 0; padding: 0 3.5rem 1.75rem 0; color: var(--bs-muted); }

/* 08 — Begin */
.bbg-brand-strategy-begin {
	display: grid;
	grid-template-columns: minmax(0,1.1fr) minmax(19rem,.58fr);
	column-gap: clamp(4rem,10vw,11rem);
	align-items: end;
	min-height: 38rem;
	background: linear-gradient(90deg,transparent 0 72%,rgba(49,92,255,.08) 72% 72.1%,transparent 72.1%),var(--bs-navy);
	color: #fff;
}

.bbg-brand-strategy-begin > .bbg-index,.bbg-brand-strategy-begin > h2,.bbg-brand-strategy-begin > .has-lead-font-size { grid-column: 1; }
.bbg-brand-strategy-begin > .bbg-index { color: #8fa8ff; }
.bbg-brand-strategy-begin > h2 { max-width: 11ch; margin-bottom: 2rem; font-size: clamp(3.2rem,6.2vw,6.8rem); }
.bbg-brand-strategy-begin > .has-lead-font-size { max-width: 47rem; }

.bbg-brand-strategy-begin > .bbg-button-row {
	grid-column: 2;
	grid-row: 1 / span 4;
	align-self: end;
	flex-direction: column;
	align-items: flex-start;
	margin: 0;
	padding-top: 2rem;
	border-top: 1px solid rgba(143,168,255,.45);
	gap: 1rem;
}

.bbg-brand-strategy-begin .wp-block-button,.bbg-brand-strategy-begin .wp-block-button__link { width: 100%; text-align: center; }

@media (max-width: 64rem) {
	.bbg-brand-strategy-page { --bs-pad: clamp(4rem,8vw,6rem); }
	.bbg-brand-strategy-hero { grid-template-columns: minmax(0,1fr) minmax(17rem,.66fr); column-gap: 3rem; min-height: auto; }
	.bbg-brand-strategy-hero > h1 { font-size: clamp(3.7rem,7.5vw,6.2rem); }
	.bbg-brand-strategy-cost,.bbg-brand-strategy-clarify,.bbg-brand-strategy-moments { column-gap: 3.5rem; }
	.bbg-brand-strategy-cost { grid-template-columns: minmax(0,.98fr) minmax(0,1.02fr); }
	.bbg-brand-strategy-clarify { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); }
	.bbg-brand-strategy-moments { grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); }
	.bbg-brand-strategy-spine { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.bbg-brand-strategy-spine > h3:nth-of-type(n),.bbg-brand-strategy-spine > h3:nth-of-type(n) + p { border-right: 0; }
	.bbg-brand-strategy-spine > h3:nth-of-type(1),.bbg-brand-strategy-spine > h3:nth-of-type(1) + p { grid-column: 1; }
	.bbg-brand-strategy-spine > h3:nth-of-type(2),.bbg-brand-strategy-spine > h3:nth-of-type(2) + p { grid-column: 2; }
	.bbg-brand-strategy-spine > h3:nth-of-type(1),.bbg-brand-strategy-spine > h3:nth-of-type(2) { grid-row: 5; }
	.bbg-brand-strategy-spine > h3:nth-of-type(1) + p,.bbg-brand-strategy-spine > h3:nth-of-type(2) + p { grid-row: 6; }
	.bbg-brand-strategy-spine > h3:nth-of-type(3),.bbg-brand-strategy-spine > h3:nth-of-type(3) + p { grid-column: 1; }
	.bbg-brand-strategy-spine > h3:nth-of-type(4),.bbg-brand-strategy-spine > h3:nth-of-type(4) + p { grid-column: 2; }
	.bbg-brand-strategy-spine > h3:nth-of-type(3),.bbg-brand-strategy-spine > h3:nth-of-type(4) { grid-row: 7; }
	.bbg-brand-strategy-spine > h3:nth-of-type(3) + p,.bbg-brand-strategy-spine > h3:nth-of-type(4) + p { grid-row: 8; }
	.bbg-brand-strategy-spine > h3:nth-of-type(5),.bbg-brand-strategy-spine > h3:nth-of-type(5) + p { grid-column: 1 / -1; }
	.bbg-brand-strategy-spine > h3:nth-of-type(5) { grid-row: 9; }
	.bbg-brand-strategy-spine > h3:nth-of-type(5) + p { grid-row: 10; }
	.bbg-brand-strategy-spine > .bbg-index:last-child { grid-row: 11; }
	.bbg-brand-strategy-faq { grid-template-columns: minmax(16rem,.72fr) minmax(25rem,1.28fr); column-gap: 3rem; }
}

@media (max-width: 48rem) {
	.bbg-brand-strategy-page > .bbg-section { padding-inline: clamp(1.25rem,5vw,2.4rem); }
	.bbg-brand-strategy-page .bbg-brand-strategy-hero,
	.bbg-brand-strategy-cost,.bbg-brand-strategy-clarify,.bbg-brand-strategy-moments,.bbg-brand-strategy-faq,.bbg-brand-strategy-begin { display: block; }
	.bbg-brand-strategy-hero > *,
	.bbg-brand-strategy-cost > *,
	.bbg-brand-strategy-clarify > *,
	.bbg-brand-strategy-moments > *,
	.bbg-brand-strategy-faq > *,
	.bbg-brand-strategy-begin > * { grid-row: auto !important; }
	.bbg-brand-strategy-hero > h1 { max-width: 10ch; font-size: clamp(3.7rem,12vw,5.5rem); }
	.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2) { margin-top: 3.5rem; padding-top: 17rem; }
	.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2)::before { height: 14rem; }
	.bbg-brand-strategy-cost > h2,.bbg-brand-strategy-clarify > h2,.bbg-brand-strategy-moments > h2 { max-width: 11ch; }
	.bbg-brand-strategy-cost > h3:first-of-type,.bbg-brand-strategy-clarify > h3:first-of-type,.bbg-brand-strategy-moments > h3:first-of-type,.bbg-brand-strategy-faq > details:first-of-type { margin-top: 3.25rem; }
	.bbg-brand-strategy-spine { display: block; }
	.bbg-brand-strategy-spine > h2 { max-width: 11ch; }
	.bbg-brand-strategy-spine > h3,.bbg-brand-strategy-spine > h3 + p { padding-left: 3rem; padding-right: 0; border-left: 1px solid rgba(255,255,255,.42); }
	.bbg-brand-strategy-spine > h3 { padding-top: 2.5rem; }
	.bbg-brand-strategy-spine > h3 + p { padding-bottom: 2rem; }
	.bbg-brand-strategy-spine > h3:nth-of-type(n),.bbg-brand-strategy-spine > h3:nth-of-type(n) + p { background: transparent; }
	.bbg-brand-strategy-expression { grid-template-columns: 1fr; }
	.bbg-brand-strategy-expression > * { grid-column: 1 !important; grid-row: auto !important; }
	.bbg-brand-strategy-expression > h3:not(:first-of-type) { margin-top: 2.5rem; }
	.bbg-brand-strategy-faq > h2 { max-width: 11ch; font-size: clamp(2.8rem,9vw,4.7rem); }
	.bbg-brand-strategy-begin { min-height: 0; }
	.bbg-brand-strategy-begin > .bbg-button-row { margin-top: 3rem; }
}

@media (max-width: 30rem) {
	.bbg-brand-strategy-page { --bs-pad: 4.25rem; }
	.bbg-brand-strategy-page h2 { font-size: clamp(2.55rem,12vw,3.8rem); line-height: .98; }
	.bbg-brand-strategy-hero { padding-top: 4.4rem; padding-bottom: 4.5rem; }
	.bbg-brand-strategy-hero > h1 { font-size: clamp(3.35rem,15vw,4.65rem); line-height: .9; }
	.bbg-brand-strategy-hero > h1 { max-width: none; text-wrap: wrap; font-size: clamp(3rem,13vw,3.8rem); }
	.bbg-brand-strategy-page .bbg-button-row { flex-direction: column; align-items: stretch; gap: .85rem; }
	.bbg-brand-strategy-page .wp-block-button,.bbg-brand-strategy-page .wp-block-button__link { width: 100%; text-align: center; }
	.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2) { padding-top: 14rem; }
	.bbg-brand-strategy-hero > .bbg-index:nth-last-child(2)::before { height: 11.5rem; }
	.bbg-brand-strategy-cost > h3,.bbg-brand-strategy-cost > h3 + p { padding-left: 0; }
	.bbg-brand-strategy-clarify > h3,.bbg-brand-strategy-clarify > h3 + p,.bbg-brand-strategy-moments > h3,.bbg-brand-strategy-moments > h3 + p { padding-left: 3.2rem; }
	.bbg-brand-strategy-spine > h2,.bbg-brand-strategy-begin > h2 { font-size: clamp(2.8rem,13vw,4.25rem); }
	.bbg-brand-strategy-faq > h2 { max-width: 10.5ch; font-size: clamp(2.65rem,12vw,3.85rem); }
	.bbg-brand-strategy-faq summary { padding-right: 2.75rem; }
	.bbg-brand-strategy-faq details > :not(summary) { padding-right: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.bbg-brand-strategy-page *,
	.bbg-brand-strategy-page *::before,
	.bbg-brand-strategy-page *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}