/* Mobile vs Figma fixes: About (post 33, Figma frame 109:5 "About - Mobile",
   440 x 13948). Every value below is a Figma measurement at the 440px
   artboard; y positions in comments are artboard coordinates. Verified with
   compare/about_anchor_check.py (Figma node y/x/w/h vs live box, 3px). Shared
   header / menu / button rules live in custom.css "Mobile vs Figma pass". */

@media (max-width: 767px) {

	/* ── Hero ─────────────────────────────────────────────────────────────
	   Script "About Us" y=237, h1 300, intro 434, stag 546 (65x98), maroon
	   ends at y=712. The container was a fixed 765px with 170/190 padding. */
	body.page-id-33 .elementor-element-c307f80 {
		min-height: 0 !important;
		height: auto !important;
		padding: 156px 28px 68px !important;
	}
	body.page-id-33 .elementor-element-c307f80 > h1 {
		margin-top: 27px !important;
	}
	body.page-id-33 .elementor-element-c307f80 > p:nth-of-type(2) {
		margin-top: 21px !important;
	}
	body.page-id-33 .elementor-element-c307f80 > img {
		width: 66px !important;
		height: 98px !important;
		margin-top: 68px !important;
	}

	/* ── "Cinderella" block ───────────────────────────────────────────────
	   Eyebrow y=791 in a 215px measure (two lines), h2 855, copy 1044 / 1292
	   CENTRED (the build left-aligned it), "Now, I'm no rodent" 1542,
	   232x51 CTA 1638, rule 1751. */
	body.page-id-33 .elementor-element-61c0355 {
		min-height: 0 !important;
		padding: 79px 28px 60px !important;
	}
	body.page-id-33 .elementor-element-61c0355 > p:first-child {
		max-width: min(215px, 100%) !important;
	}
	body.page-id-33 .elementor-element-61c0355 > h2 {
		margin-top: 27px !important;
	}
	body.page-id-33 .elementor-element-a1f1979 {
		margin-top: 38px !important;
		row-gap: 28px !important;
	}
	body.page-id-33 .elementor-element-a1f1979 > p {
		text-align: center !important;
	}
	body.page-id-33 .elementor-element-61c0355 > p:nth-last-of-type(1) {
		margin-top: 52px !important;
	}
	body.page-id-33 .elementor-element-61c0355 > a.e-button-base {
		margin-top: 52px !important;
	}

	/* ── Founder photo band ───────────────────────────────────────────────
	   Same composite-asset fault as the homepage: the shared 75/35px inset
	   shrank the gilt frame to 249x318. Figma's frame is 332x424 at x=50
	   y=1841, i.e. about_founder_col.jpg (758x819) at 0.7408 scale, offset
	   -57.3 / +6 inside the 605px band, bottom bleed clipped. */
	body.page-id-33 .elementor-element-0a12729 {
		min-height: 0 !important;
		overflow-x: clip !important;
	}
	/* The portrait is its own image inside .sh-founder-frame-fluid now (see
	   desktop-pages/founder-frame.css), so the band's box sits on the
	   wrapper: the same 561.5px width and offset, 611.7px tall (the old
	   606.7px image plus its 5px top padding). */
	body.page-id-33 .elementor-element-0a12729 > .sh-founder-frame-fluid {
		flex: 0 0 auto !important;
		box-sizing: border-box !important;
		width: 561.5px !important;
		max-width: none !important;
		height: 611.7px !important;
		margin: 0 0 -7.7px calc(50% - 277.3px) !important;
		clip-path: inset(0 0 7.7px 0);
		border-top: 1px solid #3B1919;
		border-bottom: 0;
	}

	/* ── Meet the founder ─────────────────────────────────────────────────
	   Eyebrow y=2408, h2 2460 (365px measure), copy 2752 / 2950 / 2982 all
	   22px in a 350px measure (the second was 18px, the third 40px), 141x51
	   CTA 3161, ticker rule 3264. */
	body.page-id-33 .elementor-element-db1f3c4 {
		padding: 50px 28px 52px !important;
		border-top: 1px solid #3B1919;
	}
	body.page-id-33 .elementor-element-db1f3c4 > h2 {
		max-width: min(365px, 100%) !important;
		margin-bottom: 43px !important;
	}
	body.page-id-33 .elementor-element-db1f3c4 > h2 ~ p {
		font-family: 'Source Serif Pro', Georgia, serif !important;
		font-size: 22px !important;
		line-height: 22px !important;
		letter-spacing: -0.66px !important;
		color: #462222 !important;
		max-width: min(350px, 100%) !important;
	}
	body.page-id-33 .elementor-element-db1f3c4 > a.e-button-base {
		min-width: 141px !important;
		width: 141px !important;
		margin-top: 13px !important;
	}

	/* ── Ticker: rules at y=3264 / 3327, 30px text at 3282 ───────────── */
	body.page-id-33 .elementor-element-bf1a9cd {
		padding: 17px 0 !important;
		border-top: 1px solid #3B1919;
		border-bottom: 1px solid #3B1919;
		box-sizing: border-box;
		height: 63px !important;
	}
	body.page-id-33 .elementor-element-bf1a9cd .sh-marquee-track,
	body.page-id-33 .elementor-element-bf1a9cd .sh-marquee-track p {
		height: 27px !important;
		min-height: 0 !important;
		line-height: 27px !important;
	}

	/* ── A quick overview of our proof (pink) ────────────────────────────
	   The desktop accordion (desktop-pages/about.css) on the 440 phone frame:
	   heading on the 317px measure, rows full width inside 28px margins,
	   left-aligned titles with the round toggle, a rule under each. The client
	   list keeps two columns (its longest line is ~125px at 18px); Experience
	   and Adjunct have long lines and run in one. Rows carry sh-faq-row /
	   sh-faq-head (post 33 data); mobile-nav.js toggles .sh-faq-open. */
	body.page-id-33 .elementor-element-88f54db {
		min-height: 0 !important;
		padding: 67px 28px 71px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}
	body.page-id-33 .elementor-element-88f54db > h2 {
		max-width: min(317px, 100%) !important;
	}
	body.page-id-33 .elementor-element-3831c00 {
		display: block !important;
		width: 100% !important;
		margin-top: 44px !important;
		padding: 0 !important;
	}
	body.page-id-33 .elementor-element-3831c00 > .sh-ov-row {
		display: block !important;
		position: relative;
		flex: none !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	body.page-id-33 .elementor-element-3831c00 .sh-ov-head {
		position: relative;
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		padding: 24px 46px 18px 0 !important;
		height: auto !important;
		min-height: 0 !important;
		border-bottom: 1px solid #3B1919;
		font-size: 30px !important;
		line-height: 28px !important;
		letter-spacing: -0.3px !important;
		text-align: left !important;
		cursor: pointer;
		user-select: none;
	}
	body.page-id-33 .elementor-element-3831c00 .sh-ov-head::after {
		content: "";
		position: absolute;
		left: auto;
		right: 0;
		top: 24px;
		width: 28px;
		height: 28px;
		border-radius: 50%;
		background:
			linear-gradient(#EAE4D8, #EAE4D8) center / 17px 1px no-repeat,
			linear-gradient(#EAE4D8, #EAE4D8) center / 1px 17px no-repeat,
			#3B1919;
	}
	body.page-id-33 .elementor-element-3831c00 .sh-faq-open > .sh-ov-head::after {
		background:
			linear-gradient(#EAE4D8, #EAE4D8) center / 17px 1px no-repeat,
			#3B1919;
	}
	body.page-id-33 .elementor-element-3831c00 .sh-ov-body {
		margin: 0 !important;
		padding: 24px 0 12px !important;
		/* never under 15px on screen: the 440 frame is drawn at 73% on a
		   320px phone, where 18px would render at 13px */
		font-size: max(18px, calc(15px / var(--sh-zoom, 1))) !important;
		line-height: 27px !important;
		letter-spacing: -0.54px !important;
		text-align: left !important;
	}
	body.page-id-33 .elementor-element-3831c00 .sh-faq-row:not(.sh-faq-open) > .sh-ov-body {
		display: none !important;
	}
	body.page-id-33 .elementor-element-3831c00 :is(.e-796409a-842de6, .e-2f78727-81790f) {
		columns: 2;
		column-gap: 16px;
	}
	body.page-id-33 .elementor-element-88f54db > .sh-proof-more {
		align-self: center !important;
		min-width: 141px !important;
		height: 51px !important;
		margin: 40px auto 0 !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
	}

	/* ── The Services intro + cards (same fault set as the homepage) ─────
	   "The Services" y=4795, h3 4870, spa-day line 5213 at 45px, double rule
	   5428 / 5464, cards: thumbnail 113x149 31px under each rule, heading
	   20px under it at x=28 (Spree 27px), body 30px under the heading, card
	   bottoms 50/40/54/44px; "read more about services" 256x51 at 7536. */
	body.page-id-33 .elementor-element-b1ea6d2 {
		min-height: 0 !important;
	}
	body.page-id-33 .elementor-element-06d4d6d {
		padding: 82px 28px 0 !important;
	}
	body.page-id-33 .elementor-element-06d4d6d > h3:nth-of-type(1) {
		margin-top: 32px !important;
	}
	body.page-id-33 .elementor-element-06d4d6d > h3:nth-of-type(2) {
		font-size: 45px !important;
		line-height: 37.8px !important;
		letter-spacing: normal !important;
		margin: 41px 0 64px !important;
	}
	body.page-id-33 .elementor-element-afdba5a {
		height: 35px !important;
		min-height: 0 !important;
	}
	body.page-id-33 .elementor-element-9aa6b94 > .e-flexbox-base:not(.elementor-element-afdba5a) {
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
	}
	body.page-id-33 .elementor-element-769aae4 { padding: 31px 28px 50px !important; }
	body.page-id-33 .elementor-element-d309475 { padding: 31px 28px 40px !important; }
	body.page-id-33 .elementor-element-3d94271 { padding: 31px 28px 54px !important; }
	body.page-id-33 .elementor-element-94bc971 { padding: 31px 28px 44px !important; }
	body.page-id-33 .elementor-element-9aa6b94 > .e-flexbox-base > img {
		width: 113px !important;
		height: 149px !important;
		object-fit: cover !important;
		margin: 0 0 20px !important;
	}
	body.page-id-33 .elementor-element-9aa6b94 > .elementor-element-3d94271 > img {
		margin-bottom: 27px !important;
	}
	body.page-id-33 .elementor-element-9aa6b94 > .e-flexbox-base > .e-heading-base {
		margin: 0 0 30px !important;
		width: 100% !important;
	}
	/* Mobile-only CTA (added to post 33 as .sh-about-svc-cta, cloned from the
	   homepage block); its atomic styles are restated here so it does not
	   depend on Elementor regenerating the page stylesheet. */
	body.page-id-33 .sh-about-svc-cta {
		display: flex !important;
		justify-content: center !important;
		width: 100% !important;
		padding: 31px 28px 70px !important;
		box-sizing: border-box !important;
	}
	body.page-id-33 .sh-about-svc-cta a.e-button-base {
		min-height: 51px !important;
		min-width: 256px !important;
		width: 256px !important;
		background-color: #AF2A45 !important;
		color: #EAE4D8 !important;
		font-family: "Sofia Sans Extra Condensed", sans-serif !important;
		text-transform: uppercase !important;
		letter-spacing: -0.2px !important;
		text-decoration: none !important;
		padding: 0 20px !important;
		border: 0 !important;
	}

	/* ── Imposter syndrome (maroon): h2 y=7727 in a 381px measure, three
	   22px paragraphs from 7923 (the second and third were 18px), maroon
	   ends at 8599. ───────────────────────────────────────────────────── */
	body.page-id-33 .elementor-element-89f90ab {
		min-height: 0 !important;
		padding: 70px 28px 60px !important;
	}
	body.page-id-33 .elementor-element-89f90ab > h2 {
		max-width: min(381px, 100%) !important;
		margin-bottom: 23px !important;
	}
	body.page-id-33 .elementor-element-89f90ab > p {
		font-size: 22px !important;
		line-height: 22px !important;
		letter-spacing: -0.66px !important;
		max-width: min(379px, 100%) !important;
	}

	/* ── Client logos: one row centred on y=8647 in a 102px cream band; no
	   label or edge fade on mobile. ───────────────────────────────────── */
	body.page-id-33 .elementor-element-f653b2d {
		height: 102px !important;
		padding: 0 0 6px !important;
		box-sizing: border-box;
	}
	body.page-id-33 .elementor-element-f653b2d > p,
	body.page-id-33 .elementor-element-f653b2d .sh-logo-fade {
		display: none !important;
	}
	body.page-id-33 .elementor-element-4a62fa7 {
		flex: 0 0 100% !important;
		height: 96px !important;
	}
	body.page-id-33 .sh-logo-track {
		gap: 34px !important;
	}
	body.page-id-33 .sh-logo-track img[src*="logo_autotrader"] { height: 49px !important; width: auto !important; }
	body.page-id-33 .sh-logo-track img[src*="logo_kbb"]        { width: 195px !important; height: auto !important; }
	body.page-id-33 .sh-logo-track img[src*="logo_peloton"]    { height: 50px !important; width: auto !important; }
	body.page-id-33 .sh-logo-track img[src*="logo_wix"]        { height: 38px !important; width: auto !important; }
	body.page-id-33 .sh-logo-track img[src*="logo_backlinko"]  { width: 151px !important; height: auto !important; }
	/* The IFF mark is near-square (184x132); at the shared 210px logo width it
	   rendered 151px tall in this 96px band - cut off at the bottom and
	   dragging every other logo below the band's centre line. */
	body.page-id-33 .sh-logo-track img[src*="logo_iff"]        { height: 50px !important; width: auto !important; }

	/* ── Collaborations: Figma is a full-bleed theatre photo (Rectangle 130,
	   703x852 at x=-134, cover-filled) with cream type ON it: heading y=9158
	   (373px measure), copy 9331 (365px), 141x51 cream CTA 9447, band ends
	   9553. The build stacked a rounded photo above dark type on a sand
	   diamond panel. ─────────────────────────────────────────────────── */
	body.page-id-33 .elementor-element-57c2e2c {
		min-height: 0 !important;
		height: auto !important;
	}
	body.page-id-33 .elementor-element-7e66e0c {
		padding: 0 !important;
	}
	body.page-id-33 .sh-collab-frame {
		display: block !important;
		position: relative !important;
		flex: 0 0 100% !important;
		width: 100% !important;
		height: 852px !important;
		padding: 457px 0 0 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		border-radius: 0 !important;
	}
	body.page-id-33 .sh-collab-photo {
		position: absolute !important;
		top: 0 !important;
		left: calc(50% - 776.5px) !important;
		width: 1548px !important;
		max-width: none !important;
		height: 852px !important;
		object-fit: fill !important;
		border-radius: 0 !important;
		z-index: 0;
	}
	/* The exported band is uniformly ~0.69x the photo's luminance (sampled
	   every 60px down y=8720-9380), i.e. a ~30% black scrim over the image. */
	body.page-id-33 .sh-collab-frame::after {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.3);
		z-index: 0;
		pointer-events: none;
	}
	body.page-id-33 .sh-collab-heading {
		position: relative !important;
		inset: auto !important;
		z-index: 1;
		width: 100% !important;
		padding: 0 39px 0 28px !important;
		margin: 0 0 22px !important;
		box-sizing: border-box !important;
		color: #EAE4D8 !important;
	}
	body.page-id-33 .sh-collab-text {
		position: relative !important;
		inset: auto !important;
		z-index: 1;
		width: 100% !important;
		padding: 0 47px 0 28px !important;
		box-sizing: border-box !important;
		row-gap: 0 !important;
	}
	body.page-id-33 .sh-collab-text p {
		color: #EAE4D8 !important;
		margin: 0 0 28px !important;
	}
	body.page-id-33 .sh-collab-text a.e-button-base {
		min-width: 141px !important;
		width: 141px !important;
		background-color: #EAE4D8 !important;
		color: #462222 !important;
	}

	/* ── Results: eyebrow y=9606 (223px measure), h2 9677, stat headings
	   10146 / 10424 / 10712 (now flip cards, below),
	   CTA 11018, band ends 11145. */
	body.page-id-33 .elementor-element-8feb9ba {
		min-height: 0 !important;
		padding: 53px 28px 76px !important;
	}
	body.page-id-33 .elementor-element-8feb9ba > p:first-child {
		max-width: min(223px, 100%) !important;
	}
	body.page-id-33 .elementor-element-8feb9ba > h2 {
		margin: 34px 0 91px !important;
	}
	/* Stat flip cards (desktop-pages/about.css) on the phone frame: full
	   width, stacked 24px apart, the stat at 46/40. Phones have no hover, so
	   a tap flips a card to its copy and a second tap flips it back
	   (mobile-nav.js toggles .sh-stat-revealed). */
	:is(body.page-id-33 .elementor-element-e6968ce, body.page-id-35 .sh-stat-grid) {
		display: flex !important;
		flex-direction: column !important;
		gap: 24px !important;
	}
	:is(body.page-id-33 .elementor-element-e6968ce, body.page-id-35 .sh-stat-grid) > .sh-stat-card {
		position: relative !important;
		width: 100% !important;
		height: 270px !important;
		min-height: 0 !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		padding: 0 24px !important;
		margin: 0 !important;
		border: 1px solid #462222 !important;
		overflow: hidden !important;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	:is(body.page-id-33 .elementor-element-e6968ce, body.page-id-35 .sh-stat-grid) > .sh-stat-card > h3 {
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		font-size: 46px !important;
		line-height: 40px !important;
		text-align: center !important;
	}
	:is(body.page-id-33 .elementor-element-e6968ce, body.page-id-35 .sh-stat-grid) > .sh-stat-card > p {
		position: absolute !important;
		inset: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		width: auto !important;
		max-width: none !important;
		max-height: none !important;
		margin: 0 !important;
		padding: 0 34px !important;
		background: #EAC8C6 url('../../img/stat-card-hover.webp') center / cover no-repeat;
		font-size: max(20px, calc(15px / var(--sh-zoom, 1))) !important;
		line-height: 24px !important;
		letter-spacing: -0.6px !important;
		text-align: center !important;
		opacity: 0 !important;
		overflow: hidden !important;
		transition: opacity 0.25s ease !important;
		pointer-events: none;
	}
	:is(body.page-id-33 .elementor-element-e6968ce, body.page-id-35 .sh-stat-grid) > .sh-stat-card:is(:focus-visible, .sh-stat-revealed) > p {
		opacity: 1 !important;
	}
	body.page-id-33 .elementor-element-8feb9ba > a.e-button-base {
		margin-top: 67px !important;
	}

	/* ── The Mission: photo band y=11145-11923. Figma cover-fills a 1513px
	   wide rectangle (500x300 asset at 3.026x, 63px cropped top) and sets
	   THE MISSION at 11609 (x=24) with two 22px paragraphs from 11670; there
	   is no CTA in this band on mobile. ──────────────────────────────── */
	body.page-id-33 .elementor-element-4e2d7a9 > img {
		width: 1513px !important;
		max-width: none !important;
		height: 908px !important;
		top: -63px !important;
		left: calc(50% - 900px) !important;
		inset-block-start: -63px !important;
		inset-inline-start: calc(50% - 900px) !important;
		object-fit: fill !important;
		/* vw is measured in device px but this layout is zoomed (body zoom =
		   --sh-zoom), so 50vw was not half the band: at 390 it clipped the
		   photo 25px short on each side and the maroon section colour showed
		   as two strips. 50vw / zoom is half the band in layout px. */
		clip-path: inset(63px calc(613px - 50vw / var(--sh-zoom, 1)) 67px calc(900px - 50vw / var(--sh-zoom, 1)));
	}
	/* The fawn photo on phones: the band is portrait here, so the wide
	   desktop strip would be upscaled ~3x. The image widget is hidden (it is
	   lazy, so a hidden one is never fetched) and the band carries its own
	   1000x1778 portrait crop under an even coal wash for the copy. */
	body.page-id-33 .elementor-element-4e2d7a9 > img.e-e8596f8-cacca1 {
		display: none !important;
	}
	body.page-id-33 .elementor-element-4e2d7a9 {
		background: #5a3220 url('../../img/about-mission-fawn-mobile.webp') center / cover no-repeat !important;
	}
	body.page-id-33 .elementor-element-9631dec {
		background: rgba(43, 20, 16, 0.66) !important;
	}
	body.page-id-33 .elementor-element-333ea16 {
		min-height: 778px !important;
		align-content: flex-start !important;
		padding: 464px 28px 0 !important;
		box-sizing: border-box !important;
	}
	body.page-id-33 .elementor-element-333ea16 > h2 {
		margin: 0 0 0 -4px !important;
	}
	body.page-id-33 .elementor-element-da3a210 {
		margin-top: 23px !important;
	}
	body.page-id-33 .elementor-element-da3a210 > p {
		font-size: 22px !important;
		line-height: 22px !important;
		letter-spacing: -0.66px !important;
	}
	body.page-id-33 .elementor-element-333ea16 > a.e-button-base {
		display: none !important;
	}
	/* Luggage tag: Figma's is the cream tag (274x283 at x=130, y=11961), not
	   the pink one, hanging across the values ticker into the olive band. */
	body.page-id-33 .elementor-element-4e2d7a9 > img.sh-hover-nudge {
		content: url('../../../../../uploads/2026/08/tag_transparent.png');
		inset-block-start: 816px !important;
		inset-block-end: auto !important;
		inset-inline-start: 29.55% !important;
		width: 62.27% !important;
		max-width: none !important;
		height: auto !important;
		aspect-ratio: 274 / 283;
		object-fit: contain !important;
		clip-path: none;
	}

	/* ── Brand values ticker: 96px cream band, 40px words at y=11950 spaced
	   94px apart (the build ran 18px type in an 83px band). ─────────── */
	body.page-id-33 .elementor-element-39e9873 {
		height: 96px !important;
		padding: 27px 0 33px !important;
		box-sizing: border-box !important;
	}
	body.page-id-33 .elementor-element-39e9873 .sh-marquee-track,
	body.page-id-33 .elementor-element-39e9873 .sh-brand-values {
		height: 36px !important;
		line-height: 36px !important;
	}
	body.page-id-33 .elementor-element-39e9873 .sh-brand-values {
		font-size: 40px !important;
		letter-spacing: -0.4px !important;
		text-transform: lowercase;
	}

	/* ── Content coal (olive): stag y=12169, h2 12294, copy 12447, 238x51
	   CTA 12600, pink starts 12796. ─────────────────────────────────── */
	body.page-id-33 .elementor-element-d1e7029 {
		padding: 150px 28px 145px !important;
	}
	body.page-id-33 .elementor-element-d1e7029 > img {
		width: 66px !important;
		height: 98px !important;
	}
	body.page-id-33 .elementor-element-d1e7029 > p {
		margin: 40px 0 43px !important;
	}
	body.page-id-33 .elementor-element-d1e7029 > a.e-button-base {
		min-width: 238px !important;
		width: 238px !important;
	}

	/* ── Newsletter (identical to the homepage frame) ────────────────── */
	body.page-id-33 .elementor-element-5281e34 {
		border-top: 1px solid #3B1919;
		border-bottom: 1px solid #3B1919;
	}
	body.page-id-33 .elementor-element-3d493e6 {
		padding: 58px 28px 69px !important;
	}
	body.page-id-33 .sh-newsletter-form {
		margin-top: 49px !important;
	}
	body.page-id-33 .sh-newsletter-form .elementor-form-fields-wrapper {
		margin-bottom: 0 !important;
	}
	body.page-id-33 .sh-newsletter-form .elementor-field-group {
		margin-bottom: 13px !important;
	}
	body.page-id-33 .sh-newsletter-form .elementor-field-group.e-form__buttons {
		margin: 14px 0 0 !important;
		justify-content: flex-start !important;
	}
	body.page-id-33 .sh-newsletter-form input.elementor-field-textual {
		height: 55px !important;
		min-height: 55px !important;
		padding: 0 19px !important;
		border: 1px solid #3B1919 !important;
		border-radius: 0 !important;
		background: transparent !important;
		font-family: 'Source Serif Pro', Georgia, serif !important;
		font-size: 20px !important;
		letter-spacing: -0.6px !important;
		color: #3B1919 !important;
	}
	body.page-id-33 .sh-newsletter-form input.elementor-field-textual::placeholder {
		color: #3B1919 !important;
		opacity: 1 !important;
	}
	body.page-id-33 .sh-newsletter-form .e-form__buttons .elementor-button {
		flex: 0 0 auto !important;
		min-width: 281px !important;
		width: 281px !important;
		min-height: 51px !important;
		height: 51px !important;
		padding: 0 20px !important;
		white-space: nowrap !important;
	}

	/* ── Footer (identical to the homepage frame) ────────────────────── */
	body.page-id-33 .elementor-element-b245f4f {
		padding: 70px 28px 0 !important;
	}
	body.page-id-33 .elementor-element-de5fd21 {
		display: none !important;
	}
	body.page-id-33 .elementor-element-35cc2eb {
		margin-left: 31px !important;
		gap: 0 !important;
		flex-wrap: nowrap !important;
	}
	body.page-id-33 .elementor-element-c3ab206 {
		flex: 0 0 215px !important;
		width: 215px !important;
	}
	body.page-id-33 .elementor-element-35cc2eb p:not(:first-child),
	body.page-id-33 .elementor-element-35cc2eb .e-paragraph-link-base {
		font-size: 20px !important;
		letter-spacing: -0.6px !important;
	}
	body.page-id-33 .elementor-element-35cc2eb .e-paragraph-link-base {
		min-height: 28px !important;
		line-height: 28px !important;
	}
	body.page-id-33 .elementor-element-c3ab206 > p:not(:first-child) {
		padding-left: 4px !important;
	}
	body.page-id-33 .elementor-element-aac3aff {
		padding: 91px 28px 27px !important;
	}
	body.page-id-33 .elementor-element-aac3aff > img {
		content: url('../../img/socialhart-wordmark-2line-dark.png');
		width: 376px !important;
		max-width: 100% !important;
		height: 173px !important;
		object-fit: contain !important;
		margin: 0 !important;
	}
	body.page-id-33 .elementor-element-70ba940 {
		padding: 23px 25px 22px !important;
		flex-wrap: nowrap !important;
		justify-content: flex-start !important;
		column-gap: 12px !important;
	}
	body.page-id-33 .elementor-element-e15a7a4 {
		flex: 0 0 auto !important;
		width: auto !important;
		flex-wrap: nowrap !important;
		column-gap: 12px !important;
	}
	body.page-id-33 .elementor-element-61b86fc {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 0 !important;
		justify-content: flex-start !important;
	}
}

/* Below the 440px artboard the legal row cannot hold all three links. */
@media (max-width: 439px) {
	body.page-id-33 .elementor-element-70ba940,
	body.page-id-33 .elementor-element-e15a7a4 {
		flex-wrap: wrap !important;
	}
}

/* The services CTA exists only in the mobile frame (desktop About has none). */
@media (min-width: 768px) {
	body.page-id-33 .sh-about-svc-cta {
		display: none !important;
	}
}