/*
 * Tech Us Forward / Tech Her Forward page styles.
 * Paste into Appearance → Editor → Styles → Additional CSS,
 * or Customize → Additional CSS. Scoped to .tuf-page so the
 * rest of the Outland theme is left alone.
 * Figtree, the theme font, is used throughout.
 */

.tuf-page {
	background: #fffcfa;
	color: #1a232b;
}

.tuf-page .tuf-inner {
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}

.tuf-page .tuf-events-soon {
	max-width: 40rem;
}

.tuf-page .tuf-events-soon .wp-block-buttons {
	margin-top: 28px;
}

.tuf-page h1.wp-block-heading,
.tuf-page h2.wp-block-heading,
.tuf-page h3.wp-block-heading,
.tuf-page .tuf-statement,
.tuf-page .tuf-vp,
.tuf-page .tuf-price,
.tuf-page .tuf-num,
.tuf-page .tuf-forward,
.tuf-page .tuf-team-link,
.tuf-page .wp-block-quote p {
	font-family: Figtree, sans-serif;
	font-weight: 600;
	letter-spacing: -0.015em;
}

.tuf-page h1.wp-block-heading {
	font-size: clamp(2.6rem, 5vw, 4.15rem);
	line-height: 1.12;
	margin-top: 0.4rem;
}

.tuf-page h2.wp-block-heading {
	font-size: clamp(2rem, 3.2vw, 2.75rem);
	line-height: 1.12;
}

.tuf-page h3.wp-block-heading {
	font-size: 1.65rem;
	line-height: 1.2;
}

.tuf-page .tuf-statement {
	font-size: clamp(1.7rem, 2.6vw, 2.15rem);
	line-height: 1.25;
}

.tuf-page .tuf-mission {
	max-width: 16em;
}

.tuf-page .tuf-vp {
	font-style: normal;
	font-weight: 400;
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	line-height: 1.3;
}

.tuf-page .tuf-lede {
	font-size: 1.125rem;
	line-height: 1.6;
	max-width: 62ch;
}

.tuf-page .tuf-fine,
.tuf-page .tuf-meta,
.tuf-page figcaption.wp-element-caption {
	color: #5c676e;
	font-size: 0.875rem;
}

.tuf-page .tuf-eyebrow {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	line-height: 1.3;
	text-transform: uppercase;
	color: #011528;
}

.tuf-page .tuf-eyebrow::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 1px;
	margin-right: 12px;
	background: #9a7344;
	vertical-align: middle;
}

.tuf-page .tuf-on-navy .tuf-eyebrow {
	color: rgba(255, 252, 250, 0.78);
}

.tuf-page .tuf-on-navy .tuf-eyebrow::before {
	background: #c4a574;
}

.tuf-page hr.wp-block-separator {
	border: 0;
	height: 1px;
	background: #e3dad0;
	color: #e3dad0;
}

.tuf-page hr.tuf-rule {
	width: 28px;
	margin-left: 0;
	margin-right: auto;
	background: #9a7344;
	color: #9a7344;
}

.tuf-page .tuf-kicker {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #011528;
}

.tuf-page .tuf-num {
	font-style: normal;
	font-size: 1.75rem;
	line-height: 1;
	color: #9a7344;
	margin-bottom: 0.25rem;
}

.tuf-page .tuf-price {
	font-size: 3.25rem;
	line-height: 0.9;
	margin-bottom: 0.15rem;
}

.tuf-page .tuf-price-unit,
.tuf-page .tuf-cadence {
	color: #5c676e;
}

.tuf-page .tuf-badge {
	display: inline-block;
	border: 1px solid #9a7344;
	padding: 4px 10px;
	font-size: 0.8125rem;
	letter-spacing: 0.04em;
}

.tuf-page .tuf-card {
	border: 1px solid #e3dad0;
	background: #fffcfa;
	padding: 32px;
	box-sizing: border-box;
	height: 100%;
}

.tuf-page .tuf-card-hold {
	border-style: dashed;
	border-color: #9a7344;
}

.tuf-page .tuf-placeholder {
	border: 1px dashed #c4a574;
	padding: 32px;
	box-sizing: border-box;
	height: 100%;
}

.tuf-page .tuf-placeholder-label {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #011528;
}

.tuf-page .tuf-forward,
.tuf-page .tuf-team-link {
	font-style: normal;
	font-size: 1.35rem;
	line-height: 1.35;
}

.tuf-page .tuf-team-link a,
.tuf-page .tuf-forward a {
	color: #011528;
	text-decoration-color: #9a7344;
	text-underline-offset: 6px;
}

.tuf-page .tuf-subnav {
	margin: 0;
	font-size: 0.875rem;
}

.tuf-page .tuf-subnav a {
	color: #011528;
	text-decoration: none;
}

.tuf-page .tuf-subnav a:hover {
	text-decoration: underline;
	text-decoration-color: #9a7344;
	text-underline-offset: 4px;
}

.tuf-page .tuf-logo img {
	max-width: 420px;
	height: auto;
}

.tuf-page .tuf-hero-photo img,
.tuf-page .tuf-photo img,
.tuf-page .tuf-office-photo img {
	width: 100%;
	object-fit: cover;
}

.tuf-page .tuf-hero-photo img {
	height: clamp(240px, 42vw, 560px);
	object-position: center 35%;
}

.tuf-page .tuf-photo img {
	height: auto;
	max-height: 640px;
	object-position: center;
}

.tuf-page .tuf-office-photo img {
	height: clamp(220px, 34vw, 480px);
	object-position: center;
}

.tuf-page .wp-block-quote {
	border: 0;
	padding: 0;
	margin: 0;
}

.tuf-page .wp-block-quote p {
	font-style: normal;
	font-weight: 500;
	font-size: clamp(1.85rem, 3.4vw, 2.85rem);
	line-height: 1.25;
}

.tuf-page .wp-block-quote.tuf-quote-quiet p {
	font-size: clamp(1.35rem, 2.4vw, 1.85rem);
}

.tuf-page .wp-block-quote cite {
	display: block;
	margin-top: 1.25rem;
	font-family: Figtree, sans-serif;
	font-style: normal;
	font-size: 0.95rem;
	color: #9a7344;
}

.tuf-page .tuf-on-navy,
.tuf-page .tuf-on-navy h1.wp-block-heading,
.tuf-page .tuf-on-navy h2.wp-block-heading,
.tuf-page .tuf-on-navy h3.wp-block-heading,
.tuf-page .tuf-on-navy p,
.tuf-page .tuf-on-navy .wp-block-quote p,
.tuf-page .tuf-card-navy,
.tuf-page .tuf-card-navy h3.wp-block-heading,
.tuf-page .tuf-card-navy p,
.tuf-page .tuf-card-navy li {
	color: #fffcfa;
}

.tuf-page .tuf-on-navy .wp-block-quote cite {
	color: #c4a574;
}

.tuf-page .tuf-card-navy .tuf-kicker,
.tuf-page .tuf-card-navy .tuf-cadence,
.tuf-page .tuf-card-navy .tuf-price-unit,
.tuf-page .tuf-on-navy .tuf-meta,
.tuf-page .tuf-on-navy .tuf-aside a {
	color: rgba(255, 252, 250, 0.78);
}

.tuf-page .tuf-card-navy .tuf-badge {
	border-color: #c4a574;
}

.tuf-page .wp-block-button__link {
	border-radius: 0;
	font-family: Figtree, sans-serif;
	font-weight: 600;
	font-size: 0.9375rem;
	line-height: 1.2;
	padding: 14px 20px;
}

.tuf-page .wp-block-button__link:hover {
	background-color: #16324a;
	color: #fffcfa;
}

.tuf-page .tuf-btn-light .wp-block-button__link:hover {
	background-color: #ebe4da;
	color: #011528;
}

.tuf-page .tuf-btn-ghost .wp-block-button__link {
	background: transparent;
	border: 1px solid rgba(255, 252, 250, 0.55);
}

.tuf-page .tuf-btn-ghost .wp-block-button__link:hover {
	background: #fffcfa;
	color: #011528;
	border-color: #fffcfa;
}

.tuf-page .tuf-btn-line .wp-block-button__link {
	background: transparent;
	border: 1px solid #011528;
}

.tuf-page .tuf-btn-line .wp-block-button__link:hover {
	background: #011528;
	color: #fffcfa;
}

.tuf-page .wp-block-buttons {
	gap: 12px;
}

.tuf-page .wp-block-columns {
	gap: 32px;
}

.tuf-page .tuf-book-band.wp-block-cover {
	padding: 0;
}

.tuf-page .tuf-book-band .wp-block-cover__inner-container {
	width: 100%;
}

@media (max-width: 781px) {
	.tuf-page .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}

	.tuf-page .tuf-card,
	.tuf-page .tuf-placeholder {
		padding: 24px;
	}
}

/* =====================================================================
 * v2 (Oct 7, 2026) — additions only. Everything above is unchanged.
 * Each rule below is scoped to a class that exists only on a draft:
 *   .tuf-page.tuf-thf  -> Tech Her Forward draft (page 1064)
 *   .tuf-brand         -> TUF Advisory & Consulting draft (page 1061)
 * No published page uses .tuf-page, .tuf-thf or .tuf-brand.
 * ===================================================================== */

/* ---------- Tech Her Forward polish (.tuf-page.tuf-thf) ---------- */

/* Remove the thin page-colour strips the theme's block gap left between bands. */
.tuf-page.tuf-thf.wp-block-group > * {
	margin-block-start: 0;
}

/* Subtitle and mission line sit flush with their headings
   (the constrained layout was centring them because they are narrower). */
.tuf-page.tuf-thf .tuf-inner > .tuf-lede,
.tuf-page.tuf-thf .tuf-inner > .tuf-mission {
	margin-left: 0 !important;
}

/* Keep the wordmark inside narrow phone screens (it forced sideways scrolling). */
.tuf-page.tuf-thf .tuf-logo img {
	max-width: min(420px, 100%);
}

/* Closing "Book a discovery call" band: line its text up with the sections above.
   (Its inner group had a fixed 24px inline padding, so it sat further left.) */
.tuf-page.tuf-thf .tuf-book-band .tuf-inner {
	max-width: 1168px;
}

.tuf-page.tuf-thf .tuf-book-band .tuf-inner.has-global-padding {
	padding-left: calc(24px + var(--wp--style--root--padding-left, 0px)) !important;
	padding-right: calc(24px + var(--wp--style--root--padding-right, 0px)) !important;
}

/* The Circle + Events: two equal cards side by side, stacking on mobile. */
.tuf-page.tuf-thf .tuf-thf-pair {
	gap: 32px;
	align-items: stretch;
}

.tuf-page.tuf-thf .tuf-thf-pair > .wp-block-column {
	display: flex;
}

.tuf-page.tuf-thf .tuf-thf-panel {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: auto;
	padding: 48px;
}

.tuf-page.tuf-thf .tuf-thf-panel > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-page.tuf-thf .tuf-thf-panel > h2.wp-block-heading {
	margin-top: 20px;
	font-size: clamp(1.85rem, 2.6vw, 2.35rem);
}

.tuf-page.tuf-thf .tuf-thf-panel > .tuf-lede {
	margin-top: 16px;
}

.tuf-page.tuf-thf .tuf-thf-panel > .wp-block-buttons {
	margin-top: auto;
	padding-top: 36px;
}

@media (max-width: 781px) {
	.tuf-page.tuf-thf .tuf-thf-pair {
		gap: 20px;
	}

	.tuf-page.tuf-thf .tuf-thf-panel {
		padding: 32px 24px;
	}
}

/* ---------- TUF Advisory & Consulting in the TUF brand (.tuf-brand) ----------
 * Colours are the live Outland theme presets on techusforward.com:
 * foreground #0a3238 (header/footer teal), primary #0097c7 (pill buttons),
 * tertiary #f8f5f2 (warm section background), secondary #5a6061 (body text).
 */

.tuf-brand {
	--tb-teal: var(--wp--preset--color--foreground, #0a3238);
	--tb-cyan: var(--wp--preset--color--primary, #0097c7);
	--tb-stone: var(--wp--preset--color--tertiary, #f8f5f2);
	--tb-ink: var(--wp--preset--color--secondary, #5a6061);
	--tb-line: #e6e1da;
	--tb-tint: #e5f4f9;
	background: #ffffff;
	color: var(--tb-ink);
	font-family: var(--wp--preset--font-family--figtree, Figtree), sans-serif;
}

/* No gaps between full-width bands. */
.tuf-brand.wp-block-group > * {
	margin-block-start: 0;
}

/* Content column: 1160px (the theme's wide size), aligned left inside it. */
.tuf-brand .tuf-inner {
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

.tuf-brand .tuf-inner > * {
	margin-left: 0 !important;
	margin-right: auto !important;
}

.tuf-brand .tuf-inner > * + * {
	margin-top: 20px;
}

.tuf-brand .tuf-inner > .wp-block-columns {
	margin-top: 56px;
}

.tuf-brand .tuf-inner > .tuf-fine {
	margin-top: 12px;
}

/* Type */
.tuf-brand h1.wp-block-heading,
.tuf-brand h2.wp-block-heading,
.tuf-brand h3.wp-block-heading {
	font-family: var(--wp--preset--font-family--figtree, Figtree), sans-serif;
	font-style: normal;
	font-weight: 600;
	color: var(--tb-teal);
}

.tuf-brand h2.wp-block-heading {
	font-size: clamp(2rem, 3.4vw, 2.9rem);
	line-height: 1.12;
	letter-spacing: -0.02em;
	max-width: 24ch;
}

.tuf-brand h3.wp-block-heading {
	font-size: 1.3rem;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

.tuf-brand .tuf-eyebrow {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.3;
	text-transform: uppercase;
	color: var(--tb-teal);
}

.tuf-brand .tuf-eyebrow::before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 2px;
	margin-right: 14px;
	border-radius: 2px;
	background: var(--tb-cyan);
	vertical-align: middle;
}

.tuf-brand .tuf-lede {
	font-size: 1.1875rem;
	line-height: 1.6;
	max-width: 60ch;
}

.tuf-brand .tuf-fine {
	font-size: 0.9375rem;
	color: var(--tb-ink);
}

/* Hero: full-bleed photo, teal overlay, headline and pill button. */
.tuf-brand .wp-block-cover.tuf-hero.has-custom-content-position .wp-block-cover__inner-container {
	width: 100%;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

.tuf-brand .tuf-hero-copy {
	max-width: 1160px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.tuf-brand .tuf-hero-copy > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand .tuf-hero .tuf-eyebrow {
	color: rgba(255, 255, 255, 0.88);
}

.tuf-brand .tuf-hero h1.wp-block-heading {
	margin-top: 28px;
	max-width: 12ch;
	font-size: clamp(2.6rem, 5.6vw, 4.8rem);
	line-height: 1.02;
	letter-spacing: -0.025em;
	color: #ffffff;
}

.tuf-brand .tuf-hero .tuf-vp {
	margin-top: 28px;
	max-width: 26ch;
	font-size: clamp(1.35rem, 2.1vw, 1.75rem);
	font-weight: 500;
	line-height: 1.35;
	color: #ffffff;
}

.tuf-brand .tuf-hero .tuf-lede {
	margin-top: 16px;
	max-width: 46ch;
	font-size: 1.125rem;
	color: rgba(255, 255, 255, 0.82);
}

.tuf-brand .tuf-hero .wp-block-buttons {
	margin-top: 40px;
}

/* Buttons: the site's bright teal pill. */
.tuf-brand .wp-block-buttons {
	gap: 12px;
}

.tuf-brand .wp-block-button__link {
	border-radius: 100px;
	padding: 16px 32px;
	font-family: var(--wp--preset--font-family--figtree, Figtree), sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.01em;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.tuf-brand .wp-block-button__link:hover,
.tuf-brand .wp-block-button__link:focus-visible {
	background-color: var(--tb-teal) !important;
	color: #ffffff !important;
}

.tuf-brand .tuf-hero .wp-block-button__link:hover,
.tuf-brand .tuf-hero .wp-block-button__link:focus-visible,
.tuf-brand .tuf-card-feature .wp-block-button__link:hover,
.tuf-brand .tuf-card-feature .wp-block-button__link:focus-visible,
.tuf-brand .tuf-cta-panel .wp-block-button__link:hover,
.tuf-brand .tuf-cta-panel .wp-block-button__link:focus-visible {
	background-color: #ffffff !important;
	color: var(--tb-teal) !important;
}

/* Columns */
.tuf-brand .wp-block-columns {
	gap: 40px;
}

/* Who it's for */
.tuf-brand .tuf-tiers > .wp-block-column {
	padding-top: 28px;
	border-top: 2px solid var(--tb-cyan);
}

.tuf-brand .tuf-tiers .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand .tuf-tiers .wp-block-column > * + * {
	margin-top: 12px;
}

.tuf-brand .tuf-tiers .tuf-fine {
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid var(--tb-line);
	font-weight: 600;
	color: var(--tb-teal);
}

/* Two ways to work together: price cards */
.tuf-brand .tuf-offers {
	gap: 32px;
	align-items: stretch;
}

.tuf-brand .tuf-offers > .wp-block-column {
	display: flex;
}

.tuf-brand .tuf-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	padding: 48px;
	border: 1px solid var(--tb-line);
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.05), 0 16px 40px rgba(10, 50, 56, 0.07);
}

.tuf-brand .tuf-card > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand .tuf-kicker {
	align-self: flex-start;
	padding: 6px 14px;
	border-radius: 100px;
	background: var(--tb-tint);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--tb-teal);
}

.tuf-brand .tuf-card > h3.wp-block-heading {
	margin-top: 22px;
	font-size: 1.6rem;
}

.tuf-brand .tuf-cadence {
	margin-top: 28px !important;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--tb-ink);
}

.tuf-brand .tuf-price {
	margin-top: 6px !important;
	font-size: clamp(3rem, 4.6vw, 4rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.03em;
	color: var(--tb-teal);
}

.tuf-brand .tuf-price-unit {
	margin-top: 10px !important;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--tb-ink);
}

.tuf-brand .tuf-desc {
	margin-top: 28px !important;
	padding-top: 28px;
	border-top: 1px solid var(--tb-line);
}

.tuf-brand .tuf-checks {
	margin-top: 20px !important;
	padding: 0;
	list-style: none;
}

.tuf-brand .tuf-checks li {
	position: relative;
	margin-top: 12px;
	padding-left: 32px;
	line-height: 1.5;
}

.tuf-brand .tuf-checks li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.1em;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--tb-tint);
}

.tuf-brand .tuf-checks li::after {
	content: "";
	position: absolute;
	left: 7px;
	top: calc(0.1em + 4px);
	width: 5px;
	height: 9px;
	border-right: 2px solid var(--tb-cyan);
	border-bottom: 2px solid var(--tb-cyan);
	transform: rotate(45deg);
}

.tuf-brand .tuf-card > .wp-block-buttons {
	margin-top: auto;
	padding-top: 40px;
}

/* Featured card (retainer) in the header/footer teal. */
.tuf-brand .tuf-card-feature {
	border-color: var(--tb-teal);
	background: var(--tb-teal);
	color: rgba(255, 255, 255, 0.8);
}

.tuf-brand .tuf-card-feature h3.wp-block-heading,
.tuf-brand .tuf-card-feature .tuf-price {
	color: #ffffff;
}

.tuf-brand .tuf-card-feature .tuf-kicker {
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.tuf-brand .tuf-card-feature .tuf-cadence,
.tuf-brand .tuf-card-feature .tuf-price-unit {
	color: rgba(255, 255, 255, 0.72);
}

.tuf-brand .tuf-card-feature .tuf-desc {
	border-top-color: rgba(255, 255, 255, 0.16);
}

.tuf-brand .tuf-card-feature .tuf-checks li {
	color: rgba(255, 255, 255, 0.9);
}

.tuf-brand .tuf-card-feature .tuf-checks li::before {
	background: rgba(0, 151, 199, 0.28);
}

.tuf-brand .tuf-card-feature .tuf-checks li::after {
	border-color: #ffffff;
}

/* The process */
.tuf-brand .tuf-steps > .wp-block-column {
	padding-top: 28px;
	border-top: 1px solid var(--tb-line);
}

.tuf-brand .tuf-steps .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand .tuf-steps .wp-block-column > * + * {
	margin-top: 12px;
}

.tuf-brand .tuf-num {
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.02em;
	color: var(--tb-cyan);
}

.tuf-brand .tuf-steps h3.wp-block-heading {
	margin-top: 20px !important;
}

/* Where the work lands: tiles */
.tuf-brand .tuf-tiles {
	gap: 24px;
}

.tuf-brand .tuf-inner > .tuf-tiles + .tuf-tiles {
	margin-top: 24px;
}

.tuf-brand .tuf-tiles > .wp-block-column {
	padding: 32px;
	border: 1px solid var(--tb-line);
	border-radius: 16px;
	background: #ffffff;
}

.tuf-brand .tuf-tiles .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand .tuf-tiles .wp-block-column > * + * {
	margin-top: 10px;
}

.tuf-brand .tuf-tiles h3.wp-block-heading::before {
	content: "";
	display: block;
	width: 28px;
	height: 3px;
	margin-bottom: 20px;
	border-radius: 3px;
	background: var(--tb-cyan);
}

/* Testimonial */
.tuf-brand .tuf-quote {
	max-width: 920px;
	margin: 0;
	padding: 4px 0 4px 40px;
	border: 0;
	border-left: 3px solid var(--tb-cyan);
}

.tuf-brand .tuf-quote p {
	margin: 0;
	font-size: clamp(1.75rem, 3.2vw, 2.6rem);
	font-style: normal;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.015em;
	color: var(--tb-teal);
}

.tuf-brand .tuf-quote cite {
	display: block;
	margin-top: 28px;
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--tb-ink);
}

/* Closing call to action */
.tuf-brand .tuf-cta-panel {
	padding: clamp(40px, 5vw, 72px);
	border-radius: 24px;
	background: radial-gradient(120% 140% at 100% 0%, rgba(0, 151, 199, 0.22) 0%, rgba(0, 151, 199, 0) 60%), var(--tb-teal) !important;
}

.tuf-brand .tuf-cta-panel .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand .tuf-cta-panel h2.wp-block-heading {
	max-width: none;
	color: #ffffff;
}

.tuf-brand .tuf-cta-panel p {
	margin-top: 12px !important;
	font-size: 1.125rem;
	color: rgba(255, 255, 255, 0.8);
}

.tuf-brand .tuf-cta-buttons {
	justify-content: flex-end;
}

@media (max-width: 781px) {
	.tuf-brand .wp-block-cover.tuf-hero .wp-block-cover__background {
		background: linear-gradient(180deg, rgba(10, 50, 56, 0.62) 0%, rgba(10, 50, 56, 0.9) 55%, rgba(10, 50, 56, 0.94) 100%) !important;
	}

	.tuf-brand .tuf-hero .tuf-lede {
		font-size: 1.0625rem;
	}

	.tuf-brand .tuf-quote {
		padding-left: 24px;
	}

	.tuf-brand .wp-block-columns {
		gap: 32px;
	}

	.tuf-brand .tuf-inner > .wp-block-columns {
		margin-top: 40px;
	}

	.tuf-brand .tuf-offers,
	.tuf-brand .tuf-tiles {
		gap: 16px;
	}

	.tuf-brand .tuf-inner > .tuf-tiles + .tuf-tiles {
		margin-top: 16px;
	}

	.tuf-brand .tuf-card {
		padding: 32px 24px;
	}

	.tuf-brand .tuf-tiles > .wp-block-column {
		padding: 28px 24px;
	}

	.tuf-brand .tuf-cta-buttons {
		justify-content: flex-start;
	}
}

/* =====================================================================
 * Career Branding Services (page 262), Oct 7, 2026: additions only.
 * Append to the END of Customize → Additional CSS. Nothing above changes.
 * Every rule is scoped to .tuf-brand (the wrapper used by /advisory-consulting/)
 * plus a class that only exists on this page, so no live page is affected.
 * Figtree only (inherits the theme font).
 * ===================================================================== */

/* Hero: secondary outline pill next to the main button. */
.tuf-brand.tuf-career .tuf-btn-outline .wp-block-button__link {
	background: transparent;
	border: 1.5px solid rgba(255, 255, 255, 0.6);
	color: #ffffff;
}

.tuf-brand.tuf-career .tuf-btn-outline .wp-block-button__link:hover,
.tuf-brand.tuf-career .tuf-btn-outline .wp-block-button__link:focus-visible {
	background-color: #ffffff !important;
	border-color: #ffffff;
	color: var(--tb-teal) !important;
}

/* Split sections (text + visual). */
.tuf-brand.tuf-career .tuf-inner > .wp-block-columns.tuf-split {
	margin-top: 0;
	gap: clamp(40px, 6vw, 88px);
}

.tuf-brand.tuf-career .tuf-split > .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-career .tuf-split > .wp-block-column > * + * {
	margin-top: 20px;
}

.tuf-brand.tuf-career .tuf-split > .wp-block-column > .tuf-checks {
	margin-top: 28px !important;
}

.tuf-brand.tuf-career .tuf-split > .wp-block-column > .wp-block-buttons {
	margin-top: 36px;
}

.tuf-brand.tuf-career .tuf-split > .wp-block-column > .tuf-kicker {
	display: inline-block;
	margin-top: 32px;
}

.tuf-brand.tuf-career .tuf-split .tuf-checks strong {
	color: var(--tb-teal);
	font-weight: 600;
}

/* Workshop list links. */
.tuf-brand.tuf-career .tuf-ws-list a {
	color: var(--tb-teal);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--tb-cyan);
	text-underline-offset: 4px;
}

/* Photo card. */
.tuf-brand.tuf-career .tuf-photo-card {
	margin: 0;
}

.tuf-brand.tuf-career .tuf-photo-card img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3.4;
	object-fit: cover;
	object-position: 60% 50%;
	border-radius: 20px;
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.06), 0 24px 56px rgba(10, 50, 56, 0.14);
}

/* Three package cards. */
.tuf-brand.tuf-career .tuf-offers-3 {
	gap: 24px;
}

.tuf-brand.tuf-career .tuf-offers-3 .tuf-card {
	padding: 40px 34px;
}

.tuf-brand.tuf-career .tuf-offers-3 .tuf-card > h3.wp-block-heading {
	font-size: 1.45rem;
}

.tuf-brand.tuf-career .tuf-offers-3 .tuf-price {
	font-size: clamp(2.75rem, 3.6vw, 3.4rem);
}

/* Signature tier: white card with a teal frame. */
.tuf-brand.tuf-career .tuf-card-signature {
	border: 1.5px solid var(--tb-teal);
}

.tuf-brand.tuf-career .tuf-card-signature .tuf-kicker {
	background: var(--tb-teal);
	color: #ffffff;
}

/* Cross-link to Tech Her Forward under the cards. */
.tuf-brand.tuf-career .tuf-inner > .tuf-crosslink {
	margin-top: 40px;
	font-size: 1.0625rem;
}

.tuf-brand.tuf-career .tuf-crosslink a {
	color: var(--tb-teal);
	font-weight: 600;
	text-decoration-color: var(--tb-cyan);
	text-underline-offset: 4px;
}

/* Closing panel: email link readable on teal. */
.tuf-brand.tuf-career .tuf-cta-panel p a {
	color: #ffffff;
	text-decoration-color: var(--tb-cyan);
	text-underline-offset: 4px;
}

/* Illustrative resume + profile (no real person, no third-party logos). */
.tuf-brand.tuf-career .tuf-mock {
	position: relative;
	max-width: 520px;
	min-height: 470px;
	margin-left: auto;
	padding: 0 0 40px;
}

.tuf-brand.tuf-career .tuf-mock-resume,
.tuf-brand.tuf-career .tuf-mock-profile {
	box-sizing: border-box;
	border: 1px solid var(--tb-line);
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.06), 0 24px 56px rgba(10, 50, 56, 0.12);
}

.tuf-brand.tuf-career .tuf-mock-resume {
	width: 74%;
	padding: 34px 32px 30px;
	border-radius: 14px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%);
}

.tuf-brand.tuf-career .tuf-mock-name {
	font-size: 1.35rem;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--tb-teal);
}

.tuf-brand.tuf-career .tuf-mock-role {
	margin-top: 4px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--tb-cyan);
}

.tuf-brand.tuf-career .tuf-mock-rule {
	height: 2px;
	width: 40px;
	margin: 16px 0 6px;
	border-radius: 2px;
	background: var(--tb-cyan);
}

.tuf-brand.tuf-career .tuf-mock-label {
	margin: 16px 0 8px;
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--tb-teal);
}

.tuf-brand.tuf-career .tuf-mock-line {
	display: block;
	height: 7px;
	margin-top: 7px;
	border-radius: 7px;
	background: #e9ecec;
}

.tuf-brand.tuf-career .tuf-mock-bullet {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 8px;
}

.tuf-brand.tuf-career .tuf-mock-bullet b {
	flex: 0 0 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--tb-cyan);
}

.tuf-brand.tuf-career .tuf-mock-bullet .tuf-mock-line {
	margin-top: 0;
	background: var(--tb-tint);
}

.tuf-brand.tuf-career .tuf-mock-profile {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 62%;
	padding: 0 24px 24px;
	border-radius: 16px;
	overflow: hidden;
}

.tuf-brand.tuf-career .tuf-mock-banner {
	height: 64px;
	margin: 0 -24px;
	background: radial-gradient(120% 160% at 100% 0%, rgba(0, 151, 199, 0.55) 0%, rgba(0, 151, 199, 0) 60%), var(--tb-teal);
}

.tuf-brand.tuf-career .tuf-mock-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin-top: -32px;
	border: 3px solid #ffffff;
	border-radius: 50%;
	background: var(--tb-tint);
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--tb-teal);
}

.tuf-brand.tuf-career .tuf-mock-pname {
	margin-top: 10px;
	font-size: 1.05rem;
	font-weight: 700;
	color: var(--tb-teal);
}

.tuf-brand.tuf-career .tuf-mock-headline {
	margin-top: 4px;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--tb-ink);
}

.tuf-brand.tuf-career .tuf-mock-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 12px;
}

.tuf-brand.tuf-career .tuf-mock-chips span {
	padding: 4px 10px;
	border-radius: 100px;
	background: var(--tb-tint);
	font-size: 0.6875rem;
	font-weight: 600;
	color: var(--tb-teal);
}

.tuf-brand.tuf-career .tuf-mock-tag {
	position: absolute;
	left: 8%;
	bottom: 6px;
	padding: 8px 14px;
	border-radius: 100px;
	background: var(--tb-teal);
	box-shadow: 0 10px 24px rgba(10, 50, 56, 0.2);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: #ffffff;
}

@media (max-width: 1100px) and (min-width: 782px) {
	.tuf-brand.tuf-career .tuf-offers-3 .tuf-card {
		padding: 32px 24px;
	}
}

@media (max-width: 781px) {
	.tuf-brand.tuf-career .tuf-split > .wp-block-column:has(.tuf-mock) {
		order: 2;
	}

	.tuf-brand.tuf-career .tuf-mock {
		min-height: 400px;
		margin: 8px auto 0;
	}

	.tuf-brand.tuf-career .tuf-mock-resume {
		width: 82%;
		padding: 26px 22px 24px;
	}

	.tuf-brand.tuf-career .tuf-mock-profile {
		width: 72%;
	}

	.tuf-brand.tuf-career .tuf-offers-3 .tuf-card {
		padding: 32px 24px;
	}

	.tuf-brand.tuf-career .tuf-photo-card img {
		aspect-ratio: 4 / 3;
	}
}


/* =====================================================================
 * Blog (/blog/, page 358), Oct 7, 2026: additions only.
 * Append to the END of Customize → Additional CSS. Nothing above changes.
 * Every rule is scoped to .tuf-brand.tuf-blog, a wrapper that exists only on
 * the new Blog markup, so no other live page is affected. It builds on the
 * shared .tuf-brand rules (hero, eyebrow, bands, buttons, CTA panel).
 * Figtree only (inherits the theme font).
 * ===================================================================== */

/* ---------- Hero: shorter than the service pages, with topic pills ---------- */
.tuf-brand.tuf-blog .tuf-hero h1.wp-block-heading {
	max-width: 14ch;
	font-size: clamp(2.6rem, 5.2vw, 4.4rem);
	text-wrap: balance;
}

.tuf-brand.tuf-blog .tuf-hero .tuf-lede {
	margin-top: 24px;
	max-width: 44ch;
}

.tuf-brand.tuf-blog .tuf-hero .tuf-topics-label {
	margin-top: 44px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.7);
}

.tuf-brand.tuf-blog .tuf-topics {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
	max-width: 640px;
}

.tuf-brand.tuf-blog .tuf-topics li {
	margin: 0;
	padding: 0;
}

.tuf-brand.tuf-blog .tuf-topics a {
	display: inline-block;
	padding: 9px 18px;
	border: 1.5px solid rgba(255, 255, 255, 0.45);
	border-radius: 100px;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.2;
	color: #ffffff;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.tuf-brand.tuf-blog .tuf-topics a:hover,
.tuf-brand.tuf-blog .tuf-topics a:focus-visible {
	border-color: #ffffff;
	background: #ffffff;
	color: var(--tb-teal);
}

/* ---------- Shared: Newspack "Blog Posts" block inside .tuf-blog ---------- */
.tuf-brand.tuf-blog .wpnbha article {
	margin: 0;
}

.tuf-brand.tuf-blog .wpnbha .entry-wrapper > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-blog .wpnbha .cat-links {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
}

.tuf-brand.tuf-blog .wpnbha .cat-links a {
	color: var(--tb-teal);
	text-decoration: none;
}

.tuf-brand.tuf-blog .wpnbha .entry-title {
	font-family: var(--wp--preset--font-family--figtree, Figtree), sans-serif;
	font-style: normal;
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--tb-teal);
}

.tuf-brand.tuf-blog .wpnbha .entry-title a {
	color: inherit;
	text-decoration: none;
	background-image: linear-gradient(var(--tb-cyan), var(--tb-cyan));
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 0 2px;
	transition: background-size 0.25s ease;
}

.tuf-brand.tuf-blog .wpnbha .entry-title a:hover,
.tuf-brand.tuf-blog .wpnbha .entry-title a:focus-visible {
	background-size: 100% 2px;
}

.tuf-brand.tuf-blog .wpnbha .entry-meta {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--tb-ink);
}

.tuf-brand.tuf-blog .wpnbha .entry-meta .updated {
	display: none;
}

.tuf-brand.tuf-blog .wpnbha .post-thumbnail {
	margin: 0;
	overflow: hidden;
}

.tuf-brand.tuf-blog .wpnbha .post-thumbnail a {
	display: block;
}

.tuf-brand.tuf-blog .wpnbha .post-thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.tuf-brand.tuf-blog .wpnbha article:hover .post-thumbnail img {
	transform: scale(1.03);
}

/* ---------- Latest post spotlight ---------- */
.tuf-brand.tuf-blog .tuf-latest-band .tuf-inner > .tuf-feature {
	margin-top: 28px;
}

.tuf-brand.tuf-blog .tuf-feature [data-posts] {
	display: block;
}

.tuf-brand.tuf-blog .tuf-feature article {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	align-items: stretch;
	width: 100%;
	overflow: hidden;
	border: 1px solid var(--tb-line);
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.06), 0 24px 56px rgba(10, 50, 56, 0.1);
}

.tuf-brand.tuf-blog .tuf-feature .post-thumbnail {
	width: auto !important;
	max-width: none !important;
	min-height: 100%;
	flex: none;
}

.tuf-brand.tuf-blog .tuf-feature .post-thumbnail a,
.tuf-brand.tuf-blog .tuf-feature .post-thumbnail img {
	height: 100%;
	min-height: 360px;
}

.tuf-brand.tuf-blog .tuf-feature .entry-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(32px, 4.5vw, 64px);
}

.tuf-brand.tuf-blog .tuf-feature .cat-links a {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 100px;
	background: var(--tb-tint);
}

.tuf-brand.tuf-blog .tuf-feature .entry-title {
	margin-top: 22px;
	font-size: clamp(1.85rem, 3vw, 2.6rem);
	line-height: 1.12;
	letter-spacing: -0.02em;
}

.tuf-brand.tuf-blog .tuf-feature .entry-wrapper > p {
	margin-top: 18px;
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--tb-ink);
}

.tuf-brand.tuf-blog .tuf-feature .more-link {
	align-self: flex-start;
	order: 10;
	margin-top: 32px;
	padding: 15px 30px;
	border-radius: 100px;
	background: var(--tb-cyan);
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;
	color: #ffffff;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.tuf-brand.tuf-blog .tuf-feature .more-link:hover,
.tuf-brand.tuf-blog .tuf-feature .more-link:focus-visible {
	background: var(--tb-teal);
	color: #ffffff;
}

.tuf-brand.tuf-blog .tuf-feature .entry-meta {
	margin-top: 20px;
}

/* Newest post without a featured image: a teal "letter" panel instead of a half-empty card. */
.tuf-brand.tuf-blog .tuf-feature article:not(.post-has-image) {
	display: block;
	border-color: var(--tb-teal);
	background: radial-gradient(120% 140% at 100% 0%, rgba(0, 151, 199, 0.24) 0%, rgba(0, 151, 199, 0) 60%), var(--tb-teal);
}

.tuf-brand.tuf-blog .tuf-feature article:not(.post-has-image) {
	position: relative;
}

.tuf-brand.tuf-blog .tuf-feature article:not(.post-has-image)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -140px;
	width: 460px;
	height: 460px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	box-shadow: 0 0 0 70px rgba(255, 255, 255, 0.025), 0 0 0 140px rgba(255, 255, 255, 0.02);
	transform: translateY(-50%);
	pointer-events: none;
}

.tuf-brand.tuf-blog .tuf-feature article:not(.post-has-image) .entry-wrapper {
	position: relative;
	z-index: 1;
	max-width: 820px;
	padding: clamp(40px, 6vw, 88px);
}

.tuf-brand.tuf-blog .tuf-feature article:not(.post-has-image) .cat-links a {
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.tuf-brand.tuf-blog .tuf-feature article:not(.post-has-image) .entry-title {
	font-size: clamp(2rem, 3.6vw, 3rem);
	color: #ffffff;
}

.tuf-brand.tuf-blog .tuf-feature article:not(.post-has-image) .entry-wrapper > p,
.tuf-brand.tuf-blog .tuf-feature article:not(.post-has-image) .entry-meta {
	color: rgba(255, 255, 255, 0.8);
}

.tuf-brand.tuf-blog .tuf-feature article:not(.post-has-image) .more-link:hover,
.tuf-brand.tuf-blog .tuf-feature article:not(.post-has-image) .more-link:focus-visible {
	background: #ffffff;
	color: var(--tb-teal);
}

/* ---------- All posts: card grid ---------- */
.tuf-brand.tuf-blog .tuf-posts-band .tuf-archive-note a {
	color: var(--tb-teal);
	font-weight: 600;
	text-decoration-color: var(--tb-cyan);
	text-underline-offset: 4px;
}

.tuf-brand.tuf-blog .tuf-posts-band .tuf-inner > .tuf-grid {
	margin-top: 48px;
}

.tuf-brand.tuf-blog .tuf-grid [data-posts] {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
	margin: 0 !important;
}

.tuf-brand.tuf-blog .tuf-grid article {
	display: flex;
	flex-direction: column;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid var(--tb-line);
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.05), 0 12px 32px rgba(10, 50, 56, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tuf-brand.tuf-blog .tuf-grid article:hover {
	transform: translateY(-4px);
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.06), 0 24px 48px rgba(10, 50, 56, 0.12);
}

.tuf-brand.tuf-blog .tuf-grid .post-thumbnail {
	aspect-ratio: 3 / 2;
}

.tuf-brand.tuf-blog .tuf-grid .entry-wrapper {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 26px 28px 24px;
}

.tuf-brand.tuf-blog .tuf-grid .cat-links a::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 2px;
	margin-right: 10px;
	border-radius: 2px;
	background: var(--tb-cyan);
	vertical-align: middle;
}

.tuf-brand.tuf-blog .tuf-grid .entry-title {
	margin-top: 14px;
	font-size: 1.25rem;
	line-height: 1.3;
}

.tuf-brand.tuf-blog .tuf-grid .entry-wrapper > p {
	margin-top: 12px;
	font-size: 0.9875rem;
	line-height: 1.6;
	color: var(--tb-ink);
}

.tuf-brand.tuf-blog .tuf-grid .entry-meta {
	margin-top: auto;
	padding-top: 20px;
}

.tuf-brand.tuf-blog .tuf-grid .entry-meta::before {
	content: "";
	display: block;
	margin-bottom: 16px;
	border-top: 1px solid var(--tb-line);
}

/* Load more: the site's pill, centred. */
.tuf-brand.tuf-blog .tuf-grid.has-more-button > button.wp-block-button__link {
	display: block;
	margin: 56px auto 0;
	padding: 16px 34px;
	border: 0;
	border-radius: 100px;
	background: var(--tb-cyan);
	color: #ffffff;
	cursor: pointer;
}

.tuf-brand.tuf-blog .tuf-grid.has-more-button > button.wp-block-button__link:hover,
.tuf-brand.tuf-blog .tuf-grid.has-more-button > button.wp-block-button__link:focus-visible {
	background: var(--tb-teal) !important;
	color: #ffffff !important;
}

/* ---------- Close: discovery call + Tech Her Forward ---------- */
.tuf-brand.tuf-blog .tuf-close {
	gap: 24px;
	align-items: stretch;
	margin-top: 0 !important;
}

.tuf-brand.tuf-blog .tuf-close > .wp-block-column {
	display: flex;
}

.tuf-brand.tuf-blog .tuf-close-panel,
.tuf-brand.tuf-blog .tuf-close-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
}

.tuf-brand.tuf-blog .tuf-close-panel > *,
.tuf-brand.tuf-blog .tuf-close-card > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-blog .tuf-close-panel .tuf-kicker,
.tuf-brand.tuf-blog .tuf-close-card .tuf-kicker {
	align-self: flex-start;
	margin-top: 0 !important;
	font-size: 0.75rem;
	line-height: 1.3;
}

.tuf-brand.tuf-blog .tuf-close-panel .tuf-kicker {
	background: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}

.tuf-brand.tuf-blog .tuf-close-panel h2.wp-block-heading {
	margin-top: 22px;
	max-width: 16ch;
}

.tuf-brand.tuf-blog .tuf-close-panel p a {
	color: #ffffff;
	text-decoration-color: var(--tb-cyan);
	text-underline-offset: 4px;
}

.tuf-brand.tuf-blog .tuf-close-panel > p:not(.tuf-kicker) {
	max-width: 46ch;
	margin-top: 16px !important;
}

.tuf-brand.tuf-blog .tuf-close-panel > .wp-block-buttons,
.tuf-brand.tuf-blog .tuf-close-card > .wp-block-buttons {
	margin-top: auto;
	padding-top: 36px;
}

.tuf-brand.tuf-blog .tuf-close-panel {
	padding: clamp(36px, 4.5vw, 64px);
}

.tuf-brand.tuf-blog .tuf-close-card {
	overflow: hidden;
	padding: 0 0 clamp(32px, 3.5vw, 44px);
	border: 1px solid var(--tb-line);
	border-radius: 24px;
	background: var(--tb-stone);
}

.tuf-brand.tuf-blog .tuf-close-card > *:not(.tuf-thf-photo) {
	margin-left: clamp(28px, 3.5vw, 44px);
	margin-right: clamp(28px, 3.5vw, 44px);
}

.tuf-brand.tuf-blog .tuf-thf-photo {
	margin: 0 0 28px;
}

.tuf-brand.tuf-blog .tuf-thf-photo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: 50% 35%;
}

.tuf-brand.tuf-blog .tuf-close-card .tuf-kicker {
	background: #ffffff;
}

.tuf-brand.tuf-blog .tuf-close-card h3.wp-block-heading {
	margin-top: 16px;
	font-size: 1.45rem;
}

.tuf-brand.tuf-blog .tuf-close-card > p:not(.tuf-kicker) {
	margin-top: 10px;
	max-width: 38ch;
}

.tuf-brand.tuf-blog .tuf-close-card > .wp-block-buttons {
	padding-top: 28px;
}

.tuf-brand.tuf-blog .tuf-btn-outline-dark .wp-block-button__link {
	border: 1.5px solid var(--tb-teal);
	background: transparent;
	color: var(--tb-teal);
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.tuf-brand.tuf-blog .tuf-grid [data-posts] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}
}

@media (max-width: 781px) {
	.tuf-brand.tuf-blog .tuf-hero h1.wp-block-heading {
		max-width: 11ch;
	}

	.tuf-brand.tuf-blog .tuf-hero .tuf-topics-label {
		margin-top: 36px;
	}

	.tuf-brand.tuf-blog .tuf-topics a {
		padding: 8px 15px;
		font-size: 0.875rem;
	}

	.tuf-brand.tuf-blog .tuf-feature article {
		display: block;
		border-radius: 16px;
	}

	.tuf-brand.tuf-blog .tuf-feature .post-thumbnail a,
	.tuf-brand.tuf-blog .tuf-feature .post-thumbnail img {
		min-height: 0;
		aspect-ratio: 3 / 2;
	}

	.tuf-brand.tuf-blog .tuf-feature .entry-wrapper {
		padding: 28px 24px 32px;
	}

	.tuf-brand.tuf-blog .tuf-feature article:not(.post-has-image) .entry-wrapper {
		padding: 36px 24px 40px;
	}

	.tuf-brand.tuf-blog .tuf-feature article:not(.post-has-image)::after {
		display: none;
	}

	.tuf-brand.tuf-blog .tuf-feature .entry-wrapper > p {
		font-size: 1.0625rem;
	}

	.tuf-brand.tuf-blog .tuf-posts-band .tuf-inner > .tuf-grid {
		margin-top: 36px;
	}

	.tuf-brand.tuf-blog .tuf-close {
		gap: 16px;
	}

	.tuf-brand.tuf-blog .tuf-close-card > *:not(.tuf-thf-photo) {
		margin-left: 24px;
		margin-right: 24px;
	}
}

@media (max-width: 640px) {
	.tuf-brand.tuf-blog .tuf-grid [data-posts] {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.tuf-brand.tuf-blog .tuf-grid .entry-wrapper {
		padding: 22px 22px 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tuf-brand.tuf-blog .wpnbha article,
	.tuf-brand.tuf-blog .wpnbha .post-thumbnail img {
		transition: none;
	}

	.tuf-brand.tuf-blog .tuf-grid article:hover,
	.tuf-brand.tuf-blog .wpnbha article:hover .post-thumbnail img {
		transform: none;
	}
}

/* Blog v3 (group hero), Oct 7, 2026. If the Blog CSS is already in Additional CSS, paste ONLY this block
 * directly above the existing "@media (max-width: 1024px)" Blog rule (or at the very end; either works).
 * Tablet landscape / small laptops: narrow the hero copy so it stays clear of the people on the right of the photo */
@media (min-width: 782px) and (max-width: 1180px) {
	.tuf-brand.tuf-blog .tuf-hero .tuf-lede {
		max-width: 34ch;
	}

	.tuf-brand.tuf-blog .tuf-topics {
		max-width: 440px;
	}
}

/* =====================================================================
 * Homepage v2, Oct 7, 2026: REPLACES the whole "Homepage (new)" v1 block.
 * In Customize → Additional CSS, delete the v1 block (from its first line
 * "/* ===...  * Homepage (new), Oct 7, 2026: additions only." to the closing
 * brace of its final @media (prefers-reduced-motion) rule), then paste this
 * whole file in its place. Nothing else in Additional CSS changes.
 * Every rule is scoped to .tuf-brand.tuf-home, a wrapper that exists only on
 * the homepage markup, so no other live page is affected. Builds on the shared
 * .tuf-brand rules (hero, eyebrow, bands, kicker, prices). Figtree only.
 * ===================================================================== */

/* ---------- Hero: full-bleed photo (the current homepage image), teal gradient, pill buttons ---------- */
.tuf-brand.tuf-home .wp-block-cover.tuf-hero {
	background-color: var(--tb-teal);
	overflow: hidden;
}

.tuf-brand.tuf-home .tuf-hero h1.wp-block-heading {
	max-width: 11ch;
	font-size: clamp(2.8rem, 6vw, 5.2rem);
	text-wrap: balance;
}

.tuf-brand.tuf-home .tuf-hero .tuf-vp {
	max-width: 30ch;
}

.tuf-brand.tuf-home .tuf-hero .tuf-lede {
	max-width: 50ch;
}

.tuf-brand.tuf-home .tuf-btn-outline .wp-block-button__link {
	background: transparent;
	border: 1.5px solid rgba(255, 255, 255, 0.6);
	color: #ffffff;
}

.tuf-brand.tuf-home .tuf-btn-outline .wp-block-button__link:hover,
.tuf-brand.tuf-home .tuf-btn-outline .wp-block-button__link:focus-visible {
	background-color: #ffffff !important;
	border-color: #ffffff;
	color: var(--tb-teal) !important;
}

.tuf-brand.tuf-home .tuf-btn-outline-dark .wp-block-button__link {
	border: 1.5px solid var(--tb-teal);
	background: transparent;
	color: var(--tb-teal);
}

.tuf-brand.tuf-home .tuf-band {
	scroll-margin-top: 24px;
}

.tuf-brand.tuf-home .tuf-band p a {
	color: var(--tb-teal);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--tb-cyan);
	text-underline-offset: 4px;
}

/* Two-column bands: tidy vertical rhythm inside each column. */
.tuf-brand.tuf-home .tuf-intro > .wp-block-column > *,
.tuf-brand.tuf-home .tuf-founder > .wp-block-column > *,
.tuf-brand.tuf-home .tuf-insights > .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-home .tuf-intro > .wp-block-column > * + *,
.tuf-brand.tuf-home .tuf-founder > .wp-block-column > * + *,
.tuf-brand.tuf-home .tuf-insights > .wp-block-column > * + * {
	margin-top: 20px;
}

.tuf-brand.tuf-home .tuf-founder > .wp-block-column > .wp-block-buttons,
.tuf-brand.tuf-home .tuf-insights > .wp-block-column > .wp-block-buttons {
	margin-top: 32px;
}

/* ---------- Intro: one big statement beside the detail ---------- */
.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-intro {
	margin-top: 0;
	gap: clamp(40px, 6vw, 96px);
}

.tuf-brand.tuf-home .tuf-intro h2.tuf-statement-h {
	max-width: 10ch;
	font-size: clamp(2.5rem, 5vw, 4.2rem);
	line-height: 1.02;
	letter-spacing: -0.03em;
}

.tuf-brand.tuf-home .tuf-intro > .wp-block-column:last-child {
	align-self: flex-end;
	padding-left: clamp(0px, 3vw, 48px);
	border-left: 1px solid var(--tb-line);
}

.tuf-brand.tuf-home .tuf-intro .tuf-lede {
	font-size: clamp(1.1875rem, 1.6vw, 1.375rem);
	color: var(--tb-teal);
}

/* ---------- Three paths (the v1 cards, kept) ---------- */
.tuf-brand.tuf-home .tuf-paths-band .tuf-inner > .tuf-lede {
	margin-top: 20px;
}

.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-paths {
	gap: 24px;
	align-items: stretch;
}

.tuf-brand.tuf-home .tuf-paths > .wp-block-column {
	display: flex;
}

.tuf-brand.tuf-home .tuf-path-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0 0 36px;
	border: 1px solid var(--tb-line);
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.05), 0 16px 40px rgba(10, 50, 56, 0.07);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tuf-brand.tuf-home .tuf-path-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.06), 0 24px 52px rgba(10, 50, 56, 0.12);
}

.tuf-brand.tuf-home .tuf-path-card > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-home .tuf-path-card > *:not(.tuf-path-photo) {
	margin-left: 32px;
	margin-right: 32px;
}

.tuf-brand.tuf-home .tuf-path-photo {
	margin: 0 0 28px;
	overflow: hidden;
}

.tuf-brand.tuf-home .tuf-path-photo a {
	display: block;
}

.tuf-brand.tuf-home .tuf-path-photo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.tuf-brand.tuf-home .tuf-path-card:hover .tuf-path-photo img {
	transform: scale(1.03);
}

/* Photo positions (matched by file name, so they hold with or without attachment IDs). */
.tuf-brand.tuf-home .tuf-path-photo img[src*="tuf-home-card-advisory"] {
	object-position: 50% 40%;
}

.tuf-brand.tuf-home .tuf-path-photo img[src*="tuf-home-card-career"] {
	object-position: 45% 40%;
}

.tuf-brand.tuf-home .tuf-path-photo img[src*="tuf-home-card-thf"] {
	object-position: 25% 50%;
}

.tuf-brand.tuf-home .tuf-path-card .tuf-kicker {
	align-self: flex-start;
	margin-top: 0 !important;
}

.tuf-brand.tuf-home .tuf-path-card h3.wp-block-heading {
	margin-top: 18px;
	font-size: 1.5rem;
}

.tuf-brand.tuf-home .tuf-path-card .tuf-path-desc {
	flex-grow: 1;
	margin-top: 10px;
	line-height: 1.6;
}

.tuf-brand.tuf-home .tuf-path-card .tuf-cadence {
	margin-top: 24px !important;
	padding-top: 22px;
	border-top: 1px solid var(--tb-line);
}

.tuf-brand.tuf-home .tuf-path-card .tuf-price {
	font-size: clamp(2.6rem, 3.6vw, 3.25rem);
}

.tuf-brand.tuf-home .tuf-path-card > .wp-block-buttons {
	padding-top: 28px;
}

.tuf-brand.tuf-home .tuf-inner > .tuf-paths-note {
	margin-top: 28px;
}

/* ---------- Value band: Strategy. Execution. Success. ---------- */
.tuf-brand.tuf-home .tuf-words-band {
	background: radial-gradient(90% 120% at 100% 0%, rgba(0, 151, 199, 0.24) 0%, rgba(0, 151, 199, 0) 60%), var(--tb-teal) !important;
	color: #ffffff;
}

.tuf-brand.tuf-home .tuf-words-band .tuf-eyebrow {
	color: rgba(255, 255, 255, 0.88);
}

.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-words {
	gap: 0;
	margin-top: 48px;
}

.tuf-brand.tuf-home .tuf-words > .wp-block-column {
	padding: 4px clamp(20px, 3vw, 40px);
	border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.tuf-brand.tuf-home .tuf-words > .wp-block-column:first-child {
	padding-left: 0;
	border-left: 0;
}

.tuf-brand.tuf-home .tuf-words > .wp-block-column:last-child {
	padding-right: 0;
}

.tuf-brand.tuf-home .tuf-words p {
	margin: 0;
}

.tuf-brand.tuf-home .tuf-words .tuf-word-num {
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	color: var(--tb-cyan);
}

.tuf-brand.tuf-home .tuf-words .tuf-word {
	margin-top: 14px;
	font-size: clamp(2.1rem, 3.6vw, 3.4rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.03em;
	color: #ffffff;
}

.tuf-brand.tuf-home .tuf-words .tuf-word::after {
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	margin-top: 22px;
	border-radius: 3px;
	background: var(--tb-cyan);
}

.tuf-brand.tuf-home .tuf-words .tuf-word-line {
	margin-top: 22px;
	max-width: 28ch;
	font-size: 1.0625rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.8);
}

/* ---------- Founder: editorial row, photo on an offset teal block ---------- */
.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-founder {
	margin-top: 0;
	gap: clamp(48px, 7vw, 104px);
}

.tuf-brand.tuf-home .tuf-founder h2.wp-block-heading {
	font-size: clamp(2.2rem, 3.8vw, 3.2rem);
}

.tuf-brand.tuf-home .tuf-founder .tuf-founder-role {
	margin-top: 8px;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--tb-teal);
}

.tuf-brand.tuf-home .tuf-founder p {
	max-width: 58ch;
}

.tuf-brand.tuf-home .tuf-founder .tuf-pull {
	margin-top: 28px;
	padding-left: 24px;
	border-left: 3px solid var(--tb-cyan);
	font-size: clamp(1.4rem, 2.2vw, 1.75rem);
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: var(--tb-teal);
}

.tuf-brand.tuf-home .tuf-founder .tuf-pull + p {
	margin-top: 28px;
}

.tuf-brand.tuf-home .tuf-founder-photo {
	position: relative;
	margin: 0;
	padding: 0 28px 28px 0;
}

.tuf-brand.tuf-home .tuf-founder-photo::before {
	content: "";
	position: absolute;
	top: 28px;
	right: 0;
	bottom: 0;
	left: 28px;
	border-radius: 24px;
	background: radial-gradient(120% 120% at 100% 100%, rgba(0, 151, 199, 0.35) 0%, rgba(0, 151, 199, 0) 60%), var(--tb-teal);
}

.tuf-brand.tuf-home .tuf-founder-photo img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: 50% 30%;
	border-radius: 24px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.06), 0 20px 48px rgba(10, 50, 56, 0.1);
}

/* ---------- How it works: a horizontal timeline ---------- */
.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-timeline {
	position: relative;
	gap: 40px;
}

.tuf-brand.tuf-home .tuf-timeline::before {
	content: "";
	position: absolute;
	top: 27px;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, var(--tb-cyan) 0%, #ddd6cc 100%);
}

.tuf-brand.tuf-home .tuf-timeline > .wp-block-column {
	position: relative;
}

.tuf-brand.tuf-home .tuf-timeline .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-home .tuf-timeline .tuf-dot {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--tb-teal);
	box-shadow: 0 0 0 10px #ffffff;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
}

.tuf-brand.tuf-home .tuf-timeline h3.wp-block-heading {
	margin-top: 28px;
	font-size: 1.375rem;
}

.tuf-brand.tuf-home .tuf-timeline h3 + p {
	margin-top: 10px;
	max-width: 32ch;
	line-height: 1.6;
}

/* ---------- Client words: centred, large ---------- */
.tuf-brand.tuf-home .tuf-quote-band .tuf-inner {
	text-align: center;
}

.tuf-brand.tuf-home .tuf-quote-band .tuf-inner > * {
	margin-left: auto !important;
	margin-right: auto !important;
}

.tuf-brand.tuf-home .tuf-quote-band .tuf-eyebrow::after {
	content: "";
	display: inline-block;
	width: 32px;
	height: 2px;
	margin-left: 14px;
	border-radius: 2px;
	background: var(--tb-cyan);
	vertical-align: middle;
}

.tuf-brand.tuf-home .wp-block-quote.tuf-quote-center {
	max-width: 920px;
	margin-top: 28px;
	padding: 0;
	border: 0;
	background: none;
}

.tuf-brand.tuf-home .wp-block-quote.tuf-quote-center::before {
	content: "\201C";
	display: block;
	height: 0.55em;
	font-size: 7rem;
	font-weight: 500;
	line-height: 1;
	color: var(--tb-cyan);
}

.tuf-brand.tuf-home .wp-block-quote.tuf-quote-center p {
	margin: 0;
	font-size: clamp(1.5rem, 2.8vw, 2.3rem);
	font-style: normal;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.015em;
	color: var(--tb-teal);
}

.tuf-brand.tuf-home .wp-block-quote.tuf-quote-center cite {
	display: block;
	margin-top: 28px;
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--tb-ink);
}

/* ---------- Insights: editorial list (WordPress.com Blog Posts block, list layout) ---------- */
.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-insights {
	margin-top: 0;
	gap: clamp(40px, 6vw, 88px);
}

.tuf-brand.tuf-home .tuf-insights > .wp-block-column:first-child {
	position: sticky;
	top: 32px;
	align-self: flex-start;
}

.tuf-brand.tuf-home .tuf-insights h2.wp-block-heading {
	max-width: 12ch;
}

.tuf-brand.tuf-home .tuf-home-list {
	margin: 0 !important;
}

.tuf-brand.tuf-home .tuf-home-list [data-posts] {
	display: block !important;
	margin: 0 !important;
}

.tuf-brand.tuf-home .tuf-home-list article {
	display: grid !important;
	grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
	align-items: start;
	column-gap: 32px;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 32px 0 !important;
	border-top: 1px solid var(--tb-line);
}

.tuf-brand.tuf-home .tuf-home-list article:first-child {
	padding-top: 0 !important;
	border-top: 0;
}

.tuf-brand.tuf-home .tuf-home-list .post-thumbnail {
	grid-column: 1;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	overflow: hidden;
	aspect-ratio: 3 / 2;
	border-radius: 12px;
}

.tuf-brand.tuf-home .tuf-home-list .post-thumbnail a {
	display: block;
	height: 100%;
}

.tuf-brand.tuf-home .tuf-home-list .post-thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.tuf-brand.tuf-home .tuf-home-list article:hover .post-thumbnail img {
	transform: scale(1.04);
}

/* A post without a featured image gets a teal panel in the photo slot, so the list stays even. */
.tuf-brand.tuf-home .tuf-home-list article:not(.post-has-image)::before {
	content: "";
	display: block;
	grid-column: 1;
	aspect-ratio: 3 / 2;
	border-radius: 12px;
	background:
		radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0) 0 48px, rgba(255, 255, 255, 0.12) 49px 50px, rgba(255, 255, 255, 0) 51px 84px, rgba(255, 255, 255, 0.07) 85px 86px, rgba(255, 255, 255, 0) 87px),
		radial-gradient(120% 140% at 100% 0%, rgba(0, 151, 199, 0.32) 0%, rgba(0, 151, 199, 0) 60%),
		var(--tb-teal);
}

.tuf-brand.tuf-home .tuf-home-list .entry-wrapper {
	grid-column: 2;
	display: flex;
	flex-direction: column;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.tuf-brand.tuf-home .wpnbha .entry-wrapper > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-home .wpnbha .cat-links {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
}

.tuf-brand.tuf-home .wpnbha .cat-links a {
	color: var(--tb-teal);
	text-decoration: none;
}

.tuf-brand.tuf-home .wpnbha .cat-links a::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 2px;
	margin-right: 10px;
	border-radius: 2px;
	background: var(--tb-cyan);
	vertical-align: middle;
}

.tuf-brand.tuf-home .wpnbha .entry-title {
	margin-top: 12px;
	font-family: var(--wp--preset--font-family--figtree, Figtree), sans-serif;
	font-size: clamp(1.25rem, 1.8vw, 1.5rem);
	font-style: normal;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.01em;
	color: var(--tb-teal);
}

.tuf-brand.tuf-home .wpnbha .entry-title a {
	color: inherit;
	text-decoration: none;
	background-image: linear-gradient(var(--tb-cyan), var(--tb-cyan));
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 0 2px;
	transition: background-size 0.25s ease;
}

.tuf-brand.tuf-home .wpnbha .entry-title a:hover,
.tuf-brand.tuf-home .wpnbha .entry-title a:focus-visible {
	background-size: 100% 2px;
}

.tuf-brand.tuf-home .wpnbha .entry-wrapper > p {
	margin-top: 10px;
	font-size: 0.9875rem;
	line-height: 1.6;
	color: var(--tb-ink);
}

.tuf-brand.tuf-home .wpnbha .more-link {
	order: 10;
	align-self: flex-start;
	margin-top: 14px;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--tb-teal);
	text-decoration: none;
}

.tuf-brand.tuf-home .wpnbha .more-link::after {
	content: " →";
	color: var(--tb-cyan);
}

.tuf-brand.tuf-home .wpnbha .more-link:hover,
.tuf-brand.tuf-home .wpnbha .more-link:focus-visible {
	color: var(--tb-cyan);
}

.tuf-brand.tuf-home .wpnbha .entry-meta {
	display: none;
}

/* ---------- Close: team photo beside a teal panel ---------- */
.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-close2 {
	gap: 0 !important;
	margin-top: 0;
	overflow: hidden;
	border-radius: 24px;
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.06), 0 24px 56px rgba(10, 50, 56, 0.12);
}

.tuf-brand.tuf-home .tuf-close2 > .wp-block-column {
	display: flex;
}

.tuf-brand.tuf-home .tuf-close-photo {
	width: 100%;
	margin: 0;
}

.tuf-brand.tuf-home .tuf-close-photo img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 420px;
	object-fit: cover;
	object-position: 55% 35%;
}

.tuf-brand.tuf-home .tuf-close-panel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	padding: clamp(40px, 5vw, 72px);
	background: radial-gradient(120% 140% at 100% 0%, rgba(0, 151, 199, 0.24) 0%, rgba(0, 151, 199, 0) 60%), var(--tb-teal) !important;
}

.tuf-brand.tuf-home .tuf-close-panel > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-home .tuf-close-panel .tuf-eyebrow {
	color: rgba(255, 255, 255, 0.88);
}

.tuf-brand.tuf-home .tuf-close-panel h2.wp-block-heading {
	margin-top: 20px;
	color: #ffffff;
}

.tuf-brand.tuf-home .tuf-close-panel p:not(.tuf-eyebrow) {
	margin-top: 16px;
	font-size: 1.125rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.82);
}

.tuf-brand.tuf-home .tuf-close-panel p a {
	color: #ffffff;
	font-weight: 600;
	text-decoration-color: var(--tb-cyan);
	overflow-wrap: anywhere;
}

.tuf-brand.tuf-home .tuf-close-panel > .wp-block-buttons {
	margin-top: 32px;
}

.tuf-brand.tuf-home .tuf-close-panel .wp-block-button__link:hover,
.tuf-brand.tuf-home .tuf-close-panel .wp-block-button__link:focus-visible {
	background-color: #ffffff !important;
	color: var(--tb-teal) !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1100px) and (min-width: 782px) {
	.tuf-brand.tuf-home .tuf-path-card > *:not(.tuf-path-photo) {
		margin-left: 24px;
		margin-right: 24px;
	}
}

/* Portrait tablets: the three path cards stack as wide horizontal cards. */
@media (max-width: 999px) and (min-width: 782px) {
	.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-paths {
		flex-direction: column;
		gap: 20px;
	}

	.tuf-brand.tuf-home .tuf-paths > .wp-block-column {
		flex-basis: auto !important;
	}

	.tuf-brand.tuf-home .tuf-path-card {
		display: grid;
		grid-template-columns: minmax(0, 46%) minmax(0, 1fr);
		column-gap: 32px;
		padding: 0 32px 0 0;
	}

	/* Taller crops here: keep the man and the women in frame. */
	.tuf-brand.tuf-home .tuf-path-photo img[src*="tuf-home-card-thf"] {
		object-position: 0% 50%;
	}

	.tuf-brand.tuf-home .tuf-path-photo img[src*="tuf-home-card-career"] {
		object-position: 35% 40%;
	}

	.tuf-brand.tuf-home .tuf-path-photo {
		grid-column: 1;
		grid-row: 1 / span 7;
		margin: 0;
	}

	.tuf-brand.tuf-home .tuf-path-photo a,
	.tuf-brand.tuf-home .tuf-path-photo img {
		height: 100%;
	}

	.tuf-brand.tuf-home .tuf-path-photo img {
		aspect-ratio: auto;
		min-height: 100%;
	}

	.tuf-brand.tuf-home .tuf-path-card > *:not(.tuf-path-photo) {
		grid-column: 2;
		margin-left: 0;
		margin-right: 0;
	}

	.tuf-brand.tuf-home .tuf-path-card .tuf-kicker {
		justify-self: start;
		margin-top: 32px !important;
	}

	.tuf-brand.tuf-home .tuf-path-card > .wp-block-buttons {
		padding: 24px 0 32px;
	}

	.tuf-brand.tuf-home .tuf-home-list article {
		grid-template-columns: minmax(0, 160px) minmax(0, 1fr);
		column-gap: 24px;
	}
}

@media (max-width: 781px) {
	/* Phones: let the photo (hands and laptops, no faces) show above the copy, then fade to solid teal. */
	.tuf-brand.tuf-home .wp-block-cover.tuf-hero {
		align-items: flex-end;
		padding-top: 30vh !important;
	}

	.tuf-brand.tuf-home .wp-block-cover.tuf-hero .wp-block-cover__background {
		background: linear-gradient(180deg, rgba(10, 50, 56, 0.25) 0%, rgba(10, 50, 56, 0.55) 22vh, rgba(10, 50, 56, 0.92) 40vh, rgba(10, 50, 56, 0.96) 100%) !important;
	}

	.tuf-brand.tuf-home .tuf-intro > .wp-block-column:last-child {
		padding-left: 0;
		border-left: 0;
	}

	.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-paths {
		gap: 20px;
	}

	.tuf-brand.tuf-home .tuf-path-card > *:not(.tuf-path-photo) {
		margin-left: 24px;
		margin-right: 24px;
	}

	.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-words {
		gap: 28px;
		margin-top: 32px;
	}

	.tuf-brand.tuf-home .tuf-words > .wp-block-column,
	.tuf-brand.tuf-home .tuf-words > .wp-block-column:first-child {
		padding: 28px 0 0;
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.18);
	}

	.tuf-brand.tuf-home .tuf-words > .wp-block-column:first-child {
		padding-top: 0;
		border-top: 0;
	}

	.tuf-brand.tuf-home .tuf-words .tuf-word {
		font-size: 2.6rem;
	}

	.tuf-brand.tuf-home .tuf-words .tuf-word::after,
	.tuf-brand.tuf-home .tuf-words .tuf-word-line {
		margin-top: 16px;
	}

	.tuf-brand.tuf-home .tuf-founder-photo {
		max-width: 420px;
		padding: 0 16px 16px 0;
	}

	.tuf-brand.tuf-home .tuf-founder-photo::before {
		top: 16px;
		left: 16px;
	}

	.tuf-brand.tuf-home .tuf-founder-photo img {
		aspect-ratio: 1 / 1;
	}

	/* Timeline turns vertical: line down the left, dots on it. */
	.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-timeline {
		gap: 36px;
	}

	.tuf-brand.tuf-home .tuf-timeline::before {
		top: 8px;
		bottom: 8px;
		left: 23px;
		right: auto;
		width: 2px;
		height: auto;
		background: linear-gradient(180deg, var(--tb-cyan) 0%, #ddd6cc 100%);
	}

	.tuf-brand.tuf-home .tuf-timeline > .wp-block-column {
		padding-left: 76px;
	}

	.tuf-brand.tuf-home .tuf-timeline .tuf-dot {
		position: absolute;
		top: 0;
		left: 0;
		width: 48px;
		height: 48px;
		box-shadow: 0 0 0 8px #ffffff;
		font-size: 1.125rem;
	}

	.tuf-brand.tuf-home .tuf-timeline h3.wp-block-heading {
		margin-top: 10px;
	}

	.tuf-brand.tuf-home .wp-block-quote.tuf-quote-center::before {
		font-size: 5rem;
	}

	.tuf-brand.tuf-home .tuf-insights > .wp-block-column:first-child {
		position: static;
	}

	.tuf-brand.tuf-home .tuf-close-photo img {
		height: auto;
		min-height: 0;
		aspect-ratio: 3 / 2;
	}

	.tuf-brand.tuf-home .tuf-close-panel {
		padding: 36px 24px 40px;
	}
}

@media (max-width: 640px) {
	.tuf-brand.tuf-home .tuf-home-list article {
		grid-template-columns: minmax(0, 104px) minmax(0, 1fr);
		column-gap: 18px;
		padding: 24px 0 !important;
	}

	.tuf-brand.tuf-home .tuf-home-list .post-thumbnail,
	.tuf-brand.tuf-home .tuf-home-list article:not(.post-has-image)::before {
		aspect-ratio: 1 / 1;
		border-radius: 10px;
	}

	.tuf-brand.tuf-home .wpnbha .entry-title {
		margin-top: 8px;
		font-size: 1.125rem;
	}

	.tuf-brand.tuf-home .wpnbha .entry-wrapper > p {
		font-size: 0.9375rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tuf-brand.tuf-home .tuf-path-card,
	.tuf-brand.tuf-home .tuf-path-photo img,
	.tuf-brand.tuf-home .wpnbha .post-thumbnail img {
		transition: none;
	}

	.tuf-brand.tuf-home .tuf-path-card:hover,
	.tuf-brand.tuf-home .tuf-path-card:hover .tuf-path-photo img,
	.tuf-brand.tuf-home .tuf-home-list article:hover .post-thumbnail img {
		transform: none;
	}
}
/* =====================================================================
 * Advisory v3, Oct 8, 2026: "Business plans & funding applications"
 * band on /advisory-consulting/ (APPEND-ONLY). Paste this whole block at
 * the very END of Customize → Additional CSS. Nothing above it changes.
 * Every selector starts ".tuf-brand .tuf-funding", a class used by no
 * other page, so no live page changes until the new band is pasted.
 * Figtree only (inherited from .tuf-brand).
 * ===================================================================== */

/* Teal band (the hero/footer teal), soft cyan glow like the closing panel. */
.tuf-brand .tuf-funding {
	background: radial-gradient(90% 120% at 100% 0%, rgba(0, 151, 199, 0.2) 0%, rgba(0, 151, 199, 0) 60%), var(--tb-teal) !important;
	color: rgba(255, 255, 255, 0.82);
}

.tuf-brand .tuf-funding .tuf-inner > .wp-block-columns.tuf-funding-cols {
	margin-top: 0;
	gap: clamp(40px, 6vw, 88px);
	align-items: center;
}

.tuf-brand .tuf-funding .tuf-funding-cols > .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand .tuf-funding .tuf-funding-cols > .wp-block-column > * + * {
	margin-top: 20px;
}

.tuf-brand .tuf-funding .tuf-eyebrow {
	color: rgba(255, 255, 255, 0.88);
}

.tuf-brand .tuf-funding h2.wp-block-heading {
	max-width: 18ch;
	color: #ffffff;
	text-wrap: balance;
}

.tuf-brand .tuf-funding .tuf-lede {
	color: rgba(255, 255, 255, 0.86);
}

.tuf-brand .tuf-funding .tuf-funding-quoted {
	margin-top: 32px !important;
	padding-top: 28px;
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.4;
	color: #ffffff;
}

.tuf-brand .tuf-funding .tuf-funding-terms {
	margin-top: 10px !important;
	max-width: 58ch;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.72);
}

.tuf-brand .tuf-funding .tuf-funding-cols .wp-block-buttons {
	margin-top: 32px !important;
}

.tuf-brand .tuf-funding .wp-block-button__link:hover,
.tuf-brand .tuf-funding .wp-block-button__link:focus-visible {
	background-color: #ffffff !important;
	color: var(--tb-teal) !important;
}

/* White deliverables card on the teal band (the page's price-card pattern). */
.tuf-brand .tuf-funding .tuf-funding-card {
	color: var(--tb-ink);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
}

.tuf-brand .tuf-funding .tuf-funding-card .tuf-checks {
	margin-top: 24px !important;
}

.tuf-brand .tuf-funding .tuf-funding-card .tuf-checks li {
	margin-top: 0;
	padding-top: 16px;
	padding-bottom: 16px;
	border-top: 1px solid var(--tb-line);
	color: var(--tb-teal);
	font-weight: 500;
}

.tuf-brand .tuf-funding .tuf-funding-card .tuf-checks li:last-child {
	padding-bottom: 0;
}

.tuf-brand .tuf-funding .tuf-funding-card .tuf-checks li::before {
	top: calc(16px + 0.1em);
}

.tuf-brand .tuf-funding .tuf-funding-card .tuf-checks li::after {
	top: calc(16px + 0.1em + 4px);
}

@media (max-width: 781px) {
	.tuf-brand .tuf-funding .tuf-inner > .wp-block-columns.tuf-funding-cols {
		gap: 40px;
	}

	.tuf-brand .tuf-funding .tuf-funding-quoted {
		margin-top: 28px !important;
		padding-top: 24px;
	}
}
/* =====================================================================
 * Homepage v2b + v2c, Oct 8, 2026: logo strip, "Our expertise" (4 items) (APPEND-ONLY).
 * Paste this whole block at the very END of Customize → Additional CSS,
 * directly after the v2 block's final "}" (the closing brace of its
 * @media (prefers-reduced-motion) rule). Nothing above it changes.
 * Scoped to .tuf-brand.tuf-home like the rest. Figtree only.
 * ===================================================================== */

/* ---------- Logo strip: two labelled rows on white ---------- */
.tuf-brand.tuf-home .tuf-logos-band {
	padding-top: clamp(40px, 5vw, 64px) !important;
	padding-bottom: clamp(40px, 5vw, 64px) !important;
}

.tuf-brand.tuf-home .tuf-logo-set {
	display: grid;
	grid-template-columns: minmax(0, 200px) minmax(0, 1fr);
	align-items: center;
	gap: 24px clamp(32px, 4vw, 48px);
	margin: 0;
	padding: 28px 0;
}

.tuf-brand.tuf-home .tuf-logo-set + .tuf-logo-set {
	border-top: 1px solid var(--tb-line);
}

.tuf-brand.tuf-home .tuf-logo-label {
	margin: 0;
	max-width: 22ch;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--tb-teal);
}

.tuf-brand.tuf-home .tuf-logo-label::before {
	content: "";
	display: block;
	width: 32px;
	height: 2px;
	margin-bottom: 14px;
	border-radius: 2px;
	background: var(--tb-cyan);
}

.tuf-brand.tuf-home .tuf-logo-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 28px 32px;
	margin: 0;
}

.tuf-brand.tuf-home .tuf-logo-row > .wp-block-image.tuf-logo {
	flex: 0 0 auto;
	margin: 0;
}

.tuf-brand.tuf-home .tuf-logo img {
	display: block;
	width: auto;
	height: 42px;
	max-width: 150px;
	object-fit: contain;
	filter: grayscale(1);
	opacity: 0.78;
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.tuf-brand.tuf-home .tuf-logo.tuf-logo-wide img {
	height: 38px;
	max-width: 160px;
}

.tuf-brand.tuf-home .tuf-logo.tuf-logo-tall img {
	height: 54px;
}

.tuf-brand.tuf-home .tuf-logo:hover img {
	filter: none;
	opacity: 1;
}

/* Dream Legacy's own hotlinked SVG is white (made for a dark nav): show it dark until the PNG is uploaded. */
.tuf-brand.tuf-home .tuf-logo img[src*="dreamnavlogo"],
.tuf-brand.tuf-home .tuf-logo:hover img[src*="dreamnavlogo"] {
	filter: brightness(0);
}

/* ---------- Our expertise: statement + numbered three-up on stone ---------- */
.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-exp-head {
	margin-top: 0;
	gap: clamp(32px, 6vw, 96px);
}

.tuf-brand.tuf-home .tuf-exp-head > .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-home .tuf-exp-head > .wp-block-column > * + * {
	margin-top: 20px;
}

.tuf-brand.tuf-home .tuf-exp-head h2.wp-block-heading {
	max-width: 21ch;
	font-size: clamp(2rem, 3.6vw, 3rem);
	line-height: 1.08;
	letter-spacing: -0.02em;
	text-wrap: balance;
}

.tuf-brand.tuf-home .tuf-exp-head .tuf-lede {
	padding-left: clamp(0px, 3vw, 40px);
	border-left: 1px solid var(--tb-line);
	font-size: clamp(1.125rem, 1.5vw, 1.3125rem);
	line-height: 1.55;
	color: var(--tb-teal);
}

.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-exp-grid {
	gap: 0;
	margin-top: clamp(40px, 5vw, 64px);
	border-top: 1px solid #ddd6cc;
}

.tuf-brand.tuf-home .tuf-exp-grid > .wp-block-column {
	display: flex;
	flex-direction: column;
	padding: 36px clamp(20px, 3vw, 40px) 0;
	border-left: 1px solid #ddd6cc;
}

.tuf-brand.tuf-home .tuf-exp-grid > .wp-block-column:first-child {
	padding-left: 0;
	border-left: 0;
}

.tuf-brand.tuf-home .tuf-exp-grid > .wp-block-column:last-child {
	padding-right: 0;
}

.tuf-brand.tuf-home .tuf-exp-grid > .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-home .tuf-exp-grid .tuf-exp-num {
	font-size: clamp(2.6rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.04em;
	color: var(--tb-cyan);
}

.tuf-brand.tuf-home .tuf-exp-grid h3.wp-block-heading {
	margin-top: 22px;
	font-size: clamp(1.25rem, 1.7vw, 1.5rem);
	line-height: 1.25;
	letter-spacing: -0.01em;
	color: var(--tb-teal);
}

.tuf-brand.tuf-home .tuf-exp-grid h3.wp-block-heading + p {
	margin-top: 14px;
	font-size: 1.0625rem;
	line-height: 1.6;
}

.tuf-brand.tuf-home .tuf-exp-grid .tuf-exp-link {
	margin-top: auto !important;
	padding-top: 18px;
	font-size: 0.9375rem;
}

.tuf-brand.tuf-home .tuf-exp-grid .tuf-exp-link a::after {
	content: " →";
}

/* ---------- Value band (now Excellence. Professionalism. Execution.): fit the longer words ---------- */
.tuf-brand.tuf-home .tuf-words .tuf-word {
	font-size: clamp(1.75rem, 2.7vw, 2.6rem);
	letter-spacing: -0.025em;
}

.tuf-brand.tuf-home .tuf-words .tuf-word-line {
	max-width: 32ch;
}

@media (max-width: 1099px) and (min-width: 782px) {
	.tuf-brand.tuf-home .tuf-logo-set {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.tuf-brand.tuf-home .tuf-logo-label {
		max-width: none;
	}

	.tuf-brand.tuf-home .tuf-logo-row {
		gap: 24px;
	}

	.tuf-brand.tuf-home .tuf-logo img {
		height: 36px;
		max-width: 132px;
	}

	.tuf-brand.tuf-home .tuf-logo.tuf-logo-wide img {
		height: 34px;
		max-width: 136px;
	}

	.tuf-brand.tuf-home .tuf-logo.tuf-logo-tall img {
		height: 48px;
	}

	.tuf-brand.tuf-home .tuf-words .tuf-word {
		font-size: 1.625rem;
	}
}

@media (max-width: 781px) {
	.tuf-brand.tuf-home .tuf-logo-set {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
		padding: 24px 0;
	}

	.tuf-brand.tuf-home .tuf-logo-label {
		max-width: none;
	}

	/* Phones: a tidy two-column grid, logos left-aligned under the label. */
	.tuf-brand.tuf-home .tuf-logo-row {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		justify-items: start;
		gap: 28px 24px;
	}

	.tuf-brand.tuf-home .tuf-logo img {
		height: 32px;
		max-width: 132px;
	}

	.tuf-brand.tuf-home .tuf-logo.tuf-logo-wide img {
		height: 30px;
		max-width: 140px;
	}

	.tuf-brand.tuf-home .tuf-logo.tuf-logo-tall img {
		height: 42px;
	}

	.tuf-brand.tuf-home .tuf-exp-head .tuf-lede {
		padding-left: 0;
		border-left: 0;
	}

	.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-exp-grid {
		gap: 0;
		border-top: 0;
	}

	.tuf-brand.tuf-home .tuf-exp-grid > .wp-block-column,
	.tuf-brand.tuf-home .tuf-exp-grid > .wp-block-column:first-child {
		padding: 28px 0;
		border-left: 0;
		border-top: 1px solid #ddd6cc;
	}

	.tuf-brand.tuf-home .tuf-exp-grid > .wp-block-column:last-child {
		padding-bottom: 0;
	}

	.tuf-brand.tuf-home .tuf-exp-grid .tuf-exp-num {
		font-size: 2.4rem;
	}

	.tuf-brand.tuf-home .tuf-words .tuf-word {
		font-size: 2.4rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tuf-brand.tuf-home .tuf-logo img {
		transition: none;
	}
}

/* =====================================================================
 * Homepage v2c, Oct 8, 2026: "Our expertise" with a 4th item (Business
 * plans & funding applications): 4-up from 1200px, 2x2 from 782 to 1199px,
 * stacked on phones (the v2b phone rules already handle four items).
 * ===================================================================== */
@media (min-width: 1200px) {
	.tuf-brand.tuf-home .tuf-exp-grid-4 > .wp-block-column {
		padding: 36px clamp(20px, 2.2vw, 32px) 0;
	}

	.tuf-brand.tuf-home .tuf-exp-grid-4 > .wp-block-column:first-child {
		padding-left: 0;
	}

	.tuf-brand.tuf-home .tuf-exp-grid-4 > .wp-block-column:last-child {
		padding-right: 0;
	}

	.tuf-brand.tuf-home .tuf-exp-grid-4 h3.wp-block-heading {
		font-size: clamp(1.2rem, 1.45vw, 1.375rem);
		text-wrap: balance;
	}

	.tuf-brand.tuf-home .tuf-exp-grid-4 h3.wp-block-heading + p {
		font-size: 1rem;
	}
}

@media (min-width: 782px) and (max-width: 1199px) {
	.tuf-brand.tuf-home .tuf-inner > .wp-block-columns.tuf-exp-grid-4 {
		flex-wrap: wrap !important;
	}

	.tuf-brand.tuf-home .tuf-exp-grid-4 > .wp-block-column {
		flex: 0 0 50% !important;
		box-sizing: border-box;
		padding: 36px 0 44px 40px;
		border-left: 1px solid #ddd6cc;
	}

	.tuf-brand.tuf-home .tuf-exp-grid-4 > .wp-block-column:nth-child(odd) {
		padding-left: 0;
		padding-right: 40px;
		border-left: 0;
	}

	.tuf-brand.tuf-home .tuf-exp-grid-4 > .wp-block-column:nth-child(n+3) {
		padding-bottom: 0;
		border-top: 1px solid #ddd6cc;
	}

	.tuf-brand.tuf-home .tuf-exp-grid-4 h3.wp-block-heading {
		font-size: 1.375rem;
	}

	.tuf-brand.tuf-home .tuf-exp-grid-4 h3.wp-block-heading + p {
		font-size: 1.0625rem;
	}
}

/* =====================================================================
 * Contact page (page 149, /contact-us/), Oct 8, 2026: additions only.
 * Paste at the very END of Customizer > Additional CSS. Every selector is scoped to .tuf-brand.tuf-contact,
 * so no other page changes. Uses the shared .tuf-brand variables (teal #0a3238, cyan #0097c7). Figtree only.
 * ===================================================================== */

/* ---------- Header: teal band, no photo ---------- */
.tuf-brand.tuf-contact .tuf-contact-hero {
	background: radial-gradient(90% 140% at 100% 0%, rgba(0, 151, 199, 0.24) 0%, rgba(0, 151, 199, 0) 62%), var(--tb-teal) !important;
}

.tuf-brand.tuf-contact .tuf-contact-hero .tuf-inner > * + * {
	margin-top: 0;
}

.tuf-brand.tuf-contact .tuf-contact-hero .tuf-eyebrow {
	color: rgba(255, 255, 255, 0.88);
}

.tuf-brand.tuf-contact .tuf-contact-hero h1.wp-block-heading {
	margin-top: 24px;
	max-width: 16ch;
	font-size: clamp(2.5rem, 5vw, 4.2rem);
	line-height: 1.04;
	letter-spacing: -0.025em;
	color: #ffffff;
}

.tuf-brand.tuf-contact .tuf-contact-hero .tuf-lede {
	margin-top: 20px;
	max-width: 52ch;
	color: rgba(255, 255, 255, 0.82);
}

/* ---------- Main band: copy + steps beside the form card ---------- */
.tuf-brand.tuf-contact .tuf-contact-main .tuf-inner > .wp-block-columns {
	margin-top: 0;
	gap: clamp(40px, 6vw, 88px);
	align-items: flex-start;
}

.tuf-brand.tuf-contact .tuf-contact-cols > .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-contact .tuf-contact-cols > .wp-block-column > * + * {
	margin-top: 20px;
}

.tuf-brand.tuf-contact .tuf-contact-cols h2.wp-block-heading {
	max-width: 14ch;
}

.tuf-brand.tuf-contact h3.tuf-steps-title {
	margin-top: 40px !important;
	font-size: 1.0625rem;
}

.tuf-brand.tuf-contact .tuf-steps {
	list-style: none;
	counter-reset: tuf-step;
	padding-left: 0;
}

.tuf-brand.tuf-contact .tuf-steps li {
	counter-increment: tuf-step;
	position: relative;
	padding: 18px 0 18px 56px;
	border-top: 1px solid var(--tb-line);
	line-height: 1.55;
}

.tuf-brand.tuf-contact .tuf-steps li:last-child {
	border-bottom: 1px solid var(--tb-line);
}

.tuf-brand.tuf-contact .tuf-steps li::before {
	content: counter(tuf-step, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 18px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: var(--tb-cyan);
}

.tuf-brand.tuf-contact .tuf-steps strong {
	color: var(--tb-teal);
	font-weight: 600;
}

/* ---------- Form card ---------- */
.tuf-brand.tuf-contact .tuf-contact-card {
	padding: clamp(28px, 4vw, 48px);
	border-radius: 24px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.04), 0 24px 48px -24px rgba(10, 50, 56, 0.18);
}

.tuf-brand.tuf-contact .tuf-contact-card > * {
	margin-top: 0;
	margin-bottom: 0;
}

/* Jetpack Form: labels, fields, dropdown, submit */
.tuf-brand.tuf-contact .tuf-form {
	gap: 20px 16px;
}

.tuf-brand.tuf-contact .tuf-form .grunion-field-label {
	margin-bottom: 8px;
	font-family: var(--wp--preset--font-family--figtree, Figtree), sans-serif;
	font-size: 0.9375rem;
	font-weight: 600;
	color: var(--tb-teal);
}

.tuf-brand.tuf-contact .tuf-form .grunion-label-required {
	margin-left: 6px;
	font-size: 0.8125rem;
	font-weight: 400;
	color: var(--tb-ink);
	opacity: 0.8;
}

.tuf-brand.tuf-contact .tuf-form input.grunion-field,
.tuf-brand.tuf-contact .tuf-form textarea.grunion-field,
.tuf-brand.tuf-contact .tuf-form .contact-form__select-wrapper {
	width: 100%;
	border: 1px solid #d9d3cb !important;
	border-radius: 12px !important;
	background: #ffffff;
	font-family: var(--wp--preset--font-family--figtree, Figtree), sans-serif;
	font-size: 1rem;
	color: var(--tb-teal);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.tuf-brand.tuf-contact .tuf-form input.grunion-field,
.tuf-brand.tuf-contact .tuf-form textarea.grunion-field {
	padding: 14px 16px;
}

.tuf-brand.tuf-contact .tuf-form textarea.grunion-field {
	min-height: 150px;
	height: 150px;
	resize: vertical;
}

.tuf-brand.tuf-contact .tuf-form .contact-form__select-wrapper select {
	padding: 14px 44px 14px 16px;
	border: 0;
	background: transparent;
	font: inherit;
	color: inherit;
}

.tuf-brand.tuf-contact .tuf-form input.grunion-field::placeholder,
.tuf-brand.tuf-contact .tuf-form textarea.grunion-field::placeholder {
	color: #8a9091;
}

.tuf-brand.tuf-contact .tuf-form input.grunion-field:focus,
.tuf-brand.tuf-contact .tuf-form textarea.grunion-field:focus,
.tuf-brand.tuf-contact .tuf-form .contact-form__select-wrapper:focus-within {
	outline: none;
	border-color: var(--tb-cyan) !important;
	box-shadow: 0 0 0 3px rgba(0, 151, 199, 0.18);
}

.tuf-brand.tuf-contact .tuf-form .wp-block-button {
	margin-top: 8px;
}

.tuf-brand.tuf-contact .tuf-form .wp-block-button__link {
	padding: 16px 36px;
}

/* After sending: Jetpack's confirmation in the brand type */
.tuf-brand.tuf-contact .contact-form-submission h4,
.tuf-brand.tuf-contact .contact-form-submission p {
	font-family: var(--wp--preset--font-family--figtree, Figtree), sans-serif;
	color: var(--tb-teal);
}

.tuf-brand.tuf-contact .contact-form-submission h4 {
	font-size: 1.5rem;
	font-weight: 600;
}

/* Email fallback + privacy line under the form */
.tuf-brand.tuf-contact .tuf-contact-alt {
	margin-top: 28px !important;
	padding-top: 24px;
	border-top: 1px solid var(--tb-line);
	font-size: 1rem;
}

.tuf-brand.tuf-contact .tuf-contact-alt a {
	font-weight: 600;
	color: var(--tb-teal);
	text-decoration: underline;
	text-decoration-color: var(--tb-cyan);
	text-underline-offset: 3px;
}

.tuf-brand.tuf-contact .tuf-privacy {
	margin-top: 8px !important;
	font-size: 0.875rem;
}

/* Land the #discovery anchor below the header, not under it. */
.tuf-brand.tuf-contact #discovery {
	scroll-margin-top: 24px;
}

@media (max-width: 781px) {
	.tuf-brand.tuf-contact .tuf-contact-hero h1.wp-block-heading {
		font-size: clamp(2.25rem, 9vw, 2.9rem);
	}

	.tuf-brand.tuf-contact .tuf-form .grunion-field-width-50-wrap {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}

	.tuf-brand.tuf-contact .tuf-form .wp-block-button,
	.tuf-brand.tuf-contact .tuf-form .wp-block-button__link {
		width: 100%;
	}
}

/* Contact: remove gap above footer */
body:has(.tuf-contact) .wp-site-blocks > footer, body:has(.tuf-contact) .wp-site-blocks > main { margin-block-start: 0; margin-block-end: 0; }
body:has(.tuf-contact) main .tuf-contact:last-child, body:has(.tuf-contact) .entry-content { margin-block-end: 0; }

/* =====================================================================
 * About page (page 1, /about/), Oct 8, 2026: additions only (APPEND-ONLY).
 * Paste at the very END of Customize > Additional CSS. Nothing above changes.
 * Every selector starts ".tuf-brand.tuf-about", a wrapper used only by the
 * new About markup, so no other live page is affected. Builds on the shared
 * .tuf-brand rules (bands, eyebrow, buttons, kicker, CTA panel) and mirrors
 * the home page's founder, value band and logo rows. Figtree only (inherited).
 * ===================================================================== */

.tuf-brand.tuf-about .tuf-band {
	scroll-margin-top: 24px;
}

.tuf-brand.tuf-about .tuf-band p a {
	color: var(--tb-teal);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--tb-cyan);
	text-underline-offset: 4px;
}

.tuf-brand.tuf-about .tuf-btn-outline .wp-block-button__link {
	background: transparent;
	border: 1.5px solid rgba(255, 255, 255, 0.6);
	color: #ffffff;
}

.tuf-brand.tuf-about .tuf-btn-outline .wp-block-button__link:hover,
.tuf-brand.tuf-about .tuf-btn-outline .wp-block-button__link:focus-visible {
	background-color: #ffffff !important;
	border-color: #ffffff;
	color: var(--tb-teal) !important;
}

/* Two-column bands: tidy rhythm inside each column. */
.tuf-brand.tuf-about .tuf-about-hero-cols > .wp-block-column > *,
.tuf-brand.tuf-about .tuf-intro > .wp-block-column > *,
.tuf-brand.tuf-about .tuf-founder > .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-about .tuf-intro > .wp-block-column > * + *,
.tuf-brand.tuf-about .tuf-founder > .wp-block-column > * + * {
	margin-top: 20px;
}

/* ---------- 1. Hero: teal band, copy beside the team photo ---------- */
.tuf-brand.tuf-about .tuf-about-hero {
	background: radial-gradient(90% 140% at 100% 0%, rgba(0, 151, 199, 0.24) 0%, rgba(0, 151, 199, 0) 62%), var(--tb-teal) !important;
	color: #ffffff;
}

.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-about-hero-cols {
	margin-top: 0;
	gap: clamp(40px, 6vw, 88px);
}

.tuf-brand.tuf-about .tuf-about-hero .tuf-eyebrow {
	color: rgba(255, 255, 255, 0.88);
}

.tuf-brand.tuf-about .tuf-about-hero h1.wp-block-heading {
	margin-top: 24px;
	max-width: 15ch;
	font-size: clamp(2.5rem, 5vw, 4.2rem);
	line-height: 1.04;
	letter-spacing: -0.025em;
	color: #ffffff;
	text-wrap: balance;
}

.tuf-brand.tuf-about .tuf-about-hero .tuf-lede {
	margin-top: 24px;
	max-width: 50ch;
	color: rgba(255, 255, 255, 0.82);
}

.tuf-brand.tuf-about .tuf-about-hero .wp-block-buttons {
	margin-top: 36px;
}

.tuf-brand.tuf-about .tuf-about-hero .wp-block-button__link:hover,
.tuf-brand.tuf-about .tuf-about-hero .wp-block-button__link:focus-visible {
	background-color: #ffffff !important;
	color: var(--tb-teal) !important;
}

.tuf-brand.tuf-about .tuf-about-hero-photo {
	margin: 0;
}

.tuf-brand.tuf-about .tuf-about-hero-photo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	object-position: 55% 40%;
	border-radius: 24px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
}

/* ---------- 2. Our story: statement beside the copy ---------- */
.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-intro {
	margin-top: 0;
	gap: clamp(40px, 6vw, 96px);
}

.tuf-brand.tuf-about .tuf-intro h2.tuf-statement-h {
	max-width: 11ch;
	font-size: clamp(2.4rem, 4.6vw, 3.9rem);
	line-height: 1.04;
	letter-spacing: -0.03em;
}

.tuf-brand.tuf-about .tuf-intro > .wp-block-column:last-child {
	padding-left: clamp(0px, 3vw, 48px);
	border-left: 1px solid var(--tb-line);
}

.tuf-brand.tuf-about .tuf-intro .tuf-lede {
	font-size: clamp(1.1875rem, 1.6vw, 1.375rem);
	color: var(--tb-teal);
}

.tuf-brand.tuf-about .tuf-intro p {
	max-width: 60ch;
}

.tuf-brand.tuf-about .tuf-intro h3.tuf-about-why-h {
	margin-top: 36px !important;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--tb-teal);
}

.tuf-brand.tuf-about .tuf-intro h3.tuf-about-why-h + p {
	margin-top: 12px;
}

.tuf-brand.tuf-about .tuf-pull {
	margin-top: 24px !important;
	padding-left: 24px;
	border-left: 3px solid var(--tb-cyan);
	font-size: clamp(1.4rem, 2.2vw, 1.75rem);
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: var(--tb-teal);
}

.tuf-brand.tuf-about .tuf-pull + p {
	margin-top: 24px !important;
}

/* ---------- 3. Founder: portrait on the offset teal block (as on the home page) ---------- */
.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-founder {
	margin-top: 0;
	gap: clamp(48px, 7vw, 104px);
}

.tuf-brand.tuf-about .tuf-founder h2.wp-block-heading {
	font-size: clamp(2.2rem, 3.8vw, 3.2rem);
}

.tuf-brand.tuf-about .tuf-founder .tuf-founder-role {
	margin-top: 8px;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--tb-teal);
}

.tuf-brand.tuf-about .tuf-founder p {
	max-width: 58ch;
}

.tuf-brand.tuf-about .tuf-founder-photo {
	position: relative;
	margin: 0;
	padding: 0 28px 28px 0;
}

.tuf-brand.tuf-about .tuf-founder-photo::before {
	content: "";
	position: absolute;
	top: 28px;
	right: 0;
	bottom: 0;
	left: 28px;
	border-radius: 24px;
	background: radial-gradient(120% 120% at 100% 100%, rgba(0, 151, 199, 0.35) 0%, rgba(0, 151, 199, 0) 60%), var(--tb-teal);
}

.tuf-brand.tuf-about .tuf-founder-photo img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: 50% 30%;
	border-radius: 24px;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.06), 0 20px 48px rgba(10, 50, 56, 0.1);
}

.tuf-brand.tuf-about .tuf-about-facts {
	margin-top: 32px !important;
	padding: 0;
	list-style: none;
	border-top: 1px solid #ddd6cc;
}

.tuf-brand.tuf-about .tuf-about-facts li {
	display: grid;
	grid-template-columns: minmax(0, 120px) minmax(0, 1fr);
	gap: 16px;
	margin: 0;
	padding: 14px 0;
	border-bottom: 1px solid #ddd6cc;
	line-height: 1.5;
}

.tuf-brand.tuf-about .tuf-about-facts strong {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 2;
	text-transform: uppercase;
	color: var(--tb-teal);
}

/* ---------- 4. What we do: three text cards on stone ---------- */
.tuf-brand.tuf-about .tuf-practices-band .tuf-inner > .tuf-lede {
	margin-top: 20px;
}

.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-practices {
	gap: 24px;
	align-items: stretch;
}

.tuf-brand.tuf-about .tuf-practices > .wp-block-column {
	display: flex;
}

.tuf-brand.tuf-about .tuf-practice-card {
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	padding: 40px 36px 36px;
	border-top: 3px solid var(--tb-cyan);
	border-radius: 4px 4px 20px 20px;
	background: var(--tb-stone);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tuf-brand.tuf-about .tuf-practice-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 1px 2px rgba(10, 50, 56, 0.05), 0 20px 44px rgba(10, 50, 56, 0.1);
}

.tuf-brand.tuf-about .tuf-practice-card > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-about .tuf-practice-card .tuf-practice-num {
	font-size: clamp(2.4rem, 3.6vw, 3.25rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.04em;
	color: var(--tb-cyan);
}

.tuf-brand.tuf-about .tuf-practice-card .tuf-kicker {
	margin-top: 24px;
	background: #ffffff;
}

.tuf-brand.tuf-about .tuf-practice-card h3.wp-block-heading {
	margin-top: 18px;
	font-size: 1.5rem;
}

.tuf-brand.tuf-about .tuf-practice-card .tuf-practice-desc {
	flex-grow: 1;
	margin-top: 12px;
	line-height: 1.6;
}

.tuf-brand.tuf-about .tuf-practice-card .tuf-practice-desc + .tuf-practice-link {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #ddd6cc;
}

.tuf-brand.tuf-about .tuf-practice-card .tuf-practice-link + .tuf-practice-link {
	margin-top: 8px;
}

.tuf-brand.tuf-about .tuf-practice-card .tuf-practice-link {
	font-size: 0.9375rem;
}

.tuf-brand.tuf-about .tuf-practice-card .tuf-practice-link a::after {
	content: " →";
}

/* ---------- 5. Values: teal band (home page pattern) + her four values ---------- */
.tuf-brand.tuf-about .tuf-words-band {
	background: radial-gradient(90% 120% at 100% 0%, rgba(0, 151, 199, 0.24) 0%, rgba(0, 151, 199, 0) 60%), var(--tb-teal) !important;
	color: #ffffff;
}

.tuf-brand.tuf-about .tuf-words-band .tuf-eyebrow {
	color: rgba(255, 255, 255, 0.88);
}

.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-words {
	gap: 0;
	margin-top: 48px;
}

.tuf-brand.tuf-about .tuf-words > .wp-block-column {
	padding: 4px clamp(20px, 3vw, 40px);
	border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.tuf-brand.tuf-about .tuf-words > .wp-block-column:first-child {
	padding-left: 0;
	border-left: 0;
}

.tuf-brand.tuf-about .tuf-words > .wp-block-column:last-child {
	padding-right: 0;
}

.tuf-brand.tuf-about .tuf-words p {
	margin: 0;
}

.tuf-brand.tuf-about .tuf-words .tuf-word-num {
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	color: var(--tb-cyan);
}

.tuf-brand.tuf-about .tuf-words .tuf-word {
	margin-top: 14px;
	font-size: clamp(1.75rem, 2.7vw, 2.6rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.025em;
	color: #ffffff;
}

.tuf-brand.tuf-about .tuf-words .tuf-word::after {
	content: "";
	display: block;
	width: 40px;
	height: 3px;
	margin-top: 22px;
	border-radius: 3px;
	background: var(--tb-cyan);
}

.tuf-brand.tuf-about .tuf-words .tuf-word-line {
	margin-top: 22px;
	max-width: 32ch;
	font-size: 1.0625rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.8);
}

.tuf-brand.tuf-about .tuf-words-band h3.tuf-principles-h {
	margin-top: clamp(56px, 6vw, 80px);
	padding-top: 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.88);
}

.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-principles {
	gap: 20px;
	margin-top: 24px;
	align-items: stretch;
}

.tuf-brand.tuf-about .tuf-principles > .wp-block-column {
	padding: 28px 24px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.05);
}

.tuf-brand.tuf-about .tuf-principles > .wp-block-column > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-about .tuf-principles h3.wp-block-heading {
	font-size: 1.125rem;
	line-height: 1.3;
	color: #ffffff;
	text-wrap: pretty;
}

.tuf-brand.tuf-about .tuf-principles h3.wp-block-heading::before {
	content: "";
	display: block;
	width: 28px;
	height: 3px;
	margin-bottom: 18px;
	border-radius: 3px;
	background: var(--tb-cyan);
}

.tuf-brand.tuf-about .tuf-principles p {
	margin-top: 12px;
	font-size: 0.9875rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.78);
}

/* ---------- 6. Experience: the home page's two labelled logo rows ---------- */
.tuf-brand.tuf-about .tuf-logos-band .tuf-inner > h2.wp-block-heading {
	max-width: 22ch;
}

.tuf-brand.tuf-about .tuf-logos-band .tuf-inner > .tuf-logo-set:first-of-type,
.tuf-brand.tuf-about .tuf-logos-band h2.wp-block-heading + .tuf-logo-set {
	margin-top: 40px;
}

.tuf-brand.tuf-about .tuf-logo-set {
	display: grid;
	grid-template-columns: minmax(0, 200px) minmax(0, 1fr);
	align-items: center;
	gap: 24px clamp(32px, 4vw, 48px);
	margin: 0;
	padding: 28px 0;
	border-top: 1px solid var(--tb-line);
}

.tuf-brand.tuf-about .tuf-logo-set + .tuf-logo-set {
	margin-top: 0;
}

.tuf-brand.tuf-about .tuf-logo-label {
	margin: 0;
	max-width: 22ch;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.5;
	text-transform: uppercase;
	color: var(--tb-teal);
}

.tuf-brand.tuf-about .tuf-logo-label::before {
	content: "";
	display: block;
	width: 32px;
	height: 2px;
	margin-bottom: 14px;
	border-radius: 2px;
	background: var(--tb-cyan);
}

.tuf-brand.tuf-about .tuf-logo-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 28px 32px;
	margin: 0;
}

.tuf-brand.tuf-about .tuf-logo-row > .wp-block-image.tuf-logo {
	flex: 0 0 auto;
	margin: 0;
}

.tuf-brand.tuf-about .tuf-logo img {
	display: block;
	width: auto;
	height: 42px;
	max-width: 150px;
	object-fit: contain;
	filter: grayscale(1);
	opacity: 0.78;
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.tuf-brand.tuf-about .tuf-logo.tuf-logo-wide img {
	height: 38px;
	max-width: 160px;
}

.tuf-brand.tuf-about .tuf-logo.tuf-logo-tall img {
	height: 54px;
}

.tuf-brand.tuf-about .tuf-logo:hover img {
	filter: none;
	opacity: 1;
}

/* ---------- 7. Close: teal panel on stone ---------- */
.tuf-brand.tuf-about .tuf-cta-panel a:not(.wp-block-button__link) {
	color: #ffffff;
	text-decoration-color: var(--tb-cyan);
}

/* No white strip above the footer (same fix as the Contact page; only matches a page containing .tuf-about). */
body:has(.tuf-brand.tuf-about) .wp-site-blocks > footer,
body:has(.tuf-brand.tuf-about) .wp-site-blocks > main {
	margin-block-start: 0;
	margin-block-end: 0;
}

body:has(.tuf-brand.tuf-about) .entry-content {
	margin-block-end: 0;
}

/* ---------- Responsive ---------- */
@media (max-width: 1099px) and (min-width: 782px) {
	.tuf-brand.tuf-about .tuf-logo-set {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.tuf-brand.tuf-about .tuf-logo-label {
		max-width: none;
	}

	.tuf-brand.tuf-about .tuf-logo img {
		height: 36px;
		max-width: 132px;
	}

	.tuf-brand.tuf-about .tuf-logo.tuf-logo-wide img {
		height: 34px;
		max-width: 136px;
	}

	.tuf-brand.tuf-about .tuf-logo.tuf-logo-tall img {
		height: 48px;
	}

	.tuf-brand.tuf-about .tuf-words .tuf-word {
		font-size: 1.625rem;
	}

	.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-principles {
		flex-wrap: wrap !important;
	}

	.tuf-brand.tuf-about .tuf-principles > .wp-block-column {
		flex: 1 1 calc(50% - 10px) !important;
	}

	.tuf-brand.tuf-about .tuf-practice-card {
		padding: 32px 24px 28px;
	}
}

@media (max-width: 781px) {
	.tuf-brand.tuf-about .tuf-about-hero-photo img {
		aspect-ratio: 3 / 2;
		object-position: 60% 40%;
	}

	.tuf-brand.tuf-about .tuf-intro > .wp-block-column:last-child {
		padding-left: 0;
		border-left: 0;
	}

	.tuf-brand.tuf-about .tuf-founder-photo {
		max-width: 420px;
		padding: 0 16px 16px 0;
	}

	.tuf-brand.tuf-about .tuf-founder-photo::before {
		top: 16px;
		left: 16px;
	}

	.tuf-brand.tuf-about .tuf-founder-photo img {
		aspect-ratio: 1 / 1;
	}

	.tuf-brand.tuf-about .tuf-about-facts li {
		grid-template-columns: minmax(0, 1fr);
		gap: 2px;
	}

	.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-practices {
		gap: 20px;
	}

	.tuf-brand.tuf-about .tuf-practice-card {
		padding: 32px 24px 28px;
	}

	.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-words {
		gap: 28px;
		margin-top: 32px;
	}

	.tuf-brand.tuf-about .tuf-words > .wp-block-column,
	.tuf-brand.tuf-about .tuf-words > .wp-block-column:first-child {
		padding: 28px 0 0;
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.18);
	}

	.tuf-brand.tuf-about .tuf-words > .wp-block-column:first-child {
		padding-top: 0;
		border-top: 0;
	}

	.tuf-brand.tuf-about .tuf-words .tuf-word {
		font-size: 2.4rem;
	}

	.tuf-brand.tuf-about .tuf-words .tuf-word::after,
	.tuf-brand.tuf-about .tuf-words .tuf-word-line {
		margin-top: 16px;
	}

	.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-principles {
		gap: 14px;
	}

	.tuf-brand.tuf-about .tuf-logo-set {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
		padding: 24px 0;
	}

	.tuf-brand.tuf-about .tuf-logo-label {
		max-width: none;
	}

	.tuf-brand.tuf-about .tuf-logo-row {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		justify-items: start;
		gap: 28px 24px;
	}

	.tuf-brand.tuf-about .tuf-logo img {
		height: 32px;
		max-width: 132px;
	}

	.tuf-brand.tuf-about .tuf-logo.tuf-logo-wide img {
		height: 30px;
		max-width: 140px;
	}

	.tuf-brand.tuf-about .tuf-logo.tuf-logo-tall img {
		height: 42px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tuf-brand.tuf-about .tuf-practice-card,
	.tuf-brand.tuf-about .tuf-logo img {
		transition: none;
	}

	.tuf-brand.tuf-about .tuf-practice-card:hover {
		transform: none;
	}
}

/* =====================================================================
 * About page, Oct 9, 2026: leadership band (Kerry-Ann + Calvin). APPEND-ONLY.
 * Paste at the very END of Customize > Additional CSS, after the Oct 8
 * About delta. Nothing above changes. (Rebalanced Oct 9 ~11:00 ET.) Every selector starts
 * ".tuf-brand.tuf-about", so no other page is affected. Reuses the existing
 * .tuf-founder-photo offset teal frame, .tuf-founder-role and .tuf-about-facts.
 * ===================================================================== */

.tuf-brand.tuf-about .tuf-founder-band .tuf-inner > .tuf-eyebrow {
	margin-top: 0;
}

.tuf-brand.tuf-about .tuf-founder-band h2.tuf-leaders-h {
	margin-top: 20px;
	font-size: clamp(2.2rem, 3.8vw, 3.2rem);
	line-height: 1.06;
	letter-spacing: -0.025em;
	text-wrap: balance;
}

.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-leaders {
	margin-top: clamp(48px, 5vw, 72px);
	gap: clamp(40px, 5vw, 72px);
	align-items: stretch;
}

.tuf-brand.tuf-about .tuf-leaders > .wp-block-column {
	display: flex;
}

.tuf-brand.tuf-about .tuf-leader-card {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.tuf-brand.tuf-about .tuf-leader-card > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-about .tuf-leader-card > * + * {
	margin-top: 18px;
}

/* Both portraits: same square crop on the same offset teal frame. */
.tuf-brand.tuf-about .tuf-leader-card .tuf-founder-photo {
	max-width: 440px;
}

.tuf-brand.tuf-about .tuf-leader-card .tuf-founder-photo img {
	aspect-ratio: 1 / 1;
	object-position: 50% 35%;
	background: #2e2f33;
}

.tuf-brand.tuf-about .tuf-leader-card h3.tuf-leader-name {
	margin-top: 36px;
	font-size: clamp(1.75rem, 2.6vw, 2.25rem);
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--tb-teal);
}

.tuf-brand.tuf-about .tuf-leader-card .tuf-founder-role {
	margin-top: 8px;
	font-size: 1.0625rem;
	font-weight: 600;
	color: var(--tb-teal);
}

.tuf-brand.tuf-about .tuf-leader-card p {
	max-width: 58ch;
}

/* Bios grow to fill the card, so both two-row facts lists start and end on the same lines. */
.tuf-brand.tuf-about .tuf-leader-card p:last-of-type {
	flex-grow: 1;
	margin-bottom: 32px;
}

.tuf-brand.tuf-about .tuf-leader-card .tuf-about-facts {
	margin-top: 0 !important;
	padding-top: 0;
}

.tuf-brand.tuf-about .tuf-leader-card .tuf-about-facts li {
	grid-template-columns: minmax(0, 104px) minmax(0, 1fr);
	align-items: start;
}

/* Shared note under both cards: Toronto + workshops, once. */
.tuf-brand.tuf-about .tuf-founder-band .tuf-leaders-note {
	margin-top: clamp(40px, 4vw, 56px);
	padding-top: 28px;
	border-top: 1px solid #ddd6cc;
	max-width: none;
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(10, 50, 56, 0.72);
}

/* Tablet: card text columns are narrow enough that a value may wrap in one card only;
   reserve two lines per row so both facts lists still align. */
@media (max-width: 1099px) and (min-width: 782px) {
	.tuf-brand.tuf-about .tuf-leader-card .tuf-about-facts li {
		box-sizing: border-box;
		min-height: calc(3em + 28px);
	}
}

@media (max-width: 781px) {
	.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-leaders {
		gap: 64px;
		margin-top: 40px;
	}

	.tuf-brand.tuf-about .tuf-leader-card .tuf-founder-photo {
		max-width: 420px;
	}

	.tuf-brand.tuf-about .tuf-leader-card h3.tuf-leader-name {
		margin-top: 28px;
	}

	.tuf-brand.tuf-about .tuf-leader-card p:last-of-type {
		margin-bottom: 24px;
	}

	.tuf-brand.tuf-about .tuf-founder-band .tuf-leaders-note {
		margin-top: 48px;
		font-size: 0.9375rem;
	}
}/* =====================================================================
 * About page, Oct 9, 2026: leadership band (Kerry-Ann + Calvin). APPEND-ONLY.
 * Paste at the very END of Customize > Additional CSS, after the Oct 8
 * About delta. Nothing above changes. (Rebalanced Oct 9 ~11:00 ET.) Every selector starts
 * ".tuf-brand.tuf-about", so no other page is affected. Reuses the existing
 * .tuf-founder-photo offset teal frame, .tuf-founder-role and .tuf-about-facts.
 * ===================================================================== */

.tuf-brand.tuf-about .tuf-founder-band .tuf-inner > .tuf-eyebrow {
	margin-top: 0;
}

.tuf-brand.tuf-about .tuf-founder-band h2.tuf-leaders-h {
	margin-top: 20px;
	font-size: clamp(2.2rem, 3.8vw, 3.2rem);
	line-height: 1.06;
	letter-spacing: -0.025em;
	text-wrap: balance;
}

.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-leaders {
	margin-top: clamp(48px, 5vw, 72px);
	gap: clamp(40px, 5vw, 72px);
	align-items: stretch;
}

.tuf-brand.tuf-about .tuf-leaders > .wp-block-column {
	display: flex;
}

.tuf-brand.tuf-about .tuf-leader-card {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.tuf-brand.tuf-about .tuf-leader-card > * {
	margin-top: 0;
	margin-bottom: 0;
}

.tuf-brand.tuf-about .tuf-leader-card > * + * {
	margin-top: 18px;
}

/* Both portraits: same square crop on the same offset teal frame. */
.tuf-brand.tuf-about .tuf-leader-card .tuf-founder-photo {
	max-width: 440px;
}

.tuf-brand.tuf-about .tuf-leader-card .tuf-founder-photo img {
	aspect-ratio: 1 / 1;
	object-position: 50% 35%;
	background: #2e2f33;
}

.tuf-brand.tuf-about .tuf-leader-card h3.tuf-leader-name {
	margin-top: 36px;
	font-size: clamp(1.75rem, 2.6vw, 2.25rem);
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--tb-teal);
}

.tuf-brand.tuf-about .tuf-leader-card .tuf-founder-role {
	margin-top: 8px;
	font-size: 1.0625rem;
	font-weight: 600;
	color: var(--tb-teal);
}

.tuf-brand.tuf-about .tuf-leader-card p {
	max-width: 58ch;
}

/* Bios grow to fill the card, so both two-row facts lists start and end on the same lines. */
.tuf-brand.tuf-about .tuf-leader-card p:last-of-type {
	flex-grow: 1;
	margin-bottom: 32px;
}

.tuf-brand.tuf-about .tuf-leader-card .tuf-about-facts {
	margin-top: 0 !important;
	padding-top: 0;
}

.tuf-brand.tuf-about .tuf-leader-card .tuf-about-facts li {
	grid-template-columns: minmax(0, 104px) minmax(0, 1fr);
	align-items: start;
}

/* Shared note under both cards: Toronto + workshops, once. */
.tuf-brand.tuf-about .tuf-founder-band .tuf-leaders-note {
	margin-top: clamp(40px, 4vw, 56px);
	padding-top: 28px;
	border-top: 1px solid #ddd6cc;
	max-width: none;
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(10, 50, 56, 0.72);
}

/* Tablet: card text columns are narrow enough that a value may wrap in one card only;
   reserve two lines per row so both facts lists still align. */
@media (max-width: 1099px) and (min-width: 782px) {
	.tuf-brand.tuf-about .tuf-leader-card .tuf-about-facts li {
		box-sizing: border-box;
		min-height: calc(3em + 28px);
	}
}

@media (max-width: 781px) {
	.tuf-brand.tuf-about .tuf-inner > .wp-block-columns.tuf-leaders {
		gap: 64px;
		margin-top: 40px;
	}

	.tuf-brand.tuf-about .tuf-leader-card .tuf-founder-photo {
		max-width: 420px;
	}

	.tuf-brand.tuf-about .tuf-leader-card h3.tuf-leader-name {
		margin-top: 28px;
	}

	.tuf-brand.tuf-about .tuf-leader-card p:last-of-type {
		margin-bottom: 24px;
	}

	.tuf-brand.tuf-about .tuf-founder-band .tuf-leaders-note {
		margin-top: 48px;
		font-size: 0.9375rem;
	}
}
