/**
 * Home page — measured against Figma nodes 186:1417 (1512px desktop)
 * and 262:2 (390px mobile).
 */

/* The Figma page base is white; the colour comes from the atmosphere ellipses. */
	body.home {
		background-color: #fff;
	}

.cohen-home-main,
	.cohen-home-main > .wp-block-post-content {
		margin-block-start: 0;
	}

	/* The five Figma atmosphere ellipses (186:1438, 186:1436, 186:1420,
	   186:1419, 186:1418): faint periwinkle washes anchored to the page, painted
	   full-bleed so letterboxed sides keep the tint. */
	.cohen-home-main {
		background-color: #fff;
		background-image:
			radial-gradient(80.0926% 12.8818% at -3.5714% 9.988%, rgb(178 190 240 / 0.62) 0%, rgb(178 190 240 / 0.28) 45%, rgb(178 190 240 / 0) 82%),
			radial-gradient(96.4286% 17.2911% at 100% 28.2199%, rgb(178 190 240 / 0.82) 0%, rgb(178 190 240 / 0.37) 45%, rgb(178 190 240 / 0) 82%),
			radial-gradient(85.1521% 15.2683% at -12.3347% 48.9636%, rgb(178 190 240 / 0.7) 0%, rgb(178 190 240 / 0.31) 45%, rgb(178 190 240 / 0) 82%),
			radial-gradient(106.6468% 17.1526% at 93.4193% 65.3126%, rgb(178 190 240 / 0.88) 0%, rgb(178 190 240 / 0.4) 45%, rgb(178 190 240 / 0) 82%),
			radial-gradient(106.6468% 17.1526% at -21.5278% 80.7189%, rgb(178 190 240 / 0.7) 0%, rgb(178 190 240 / 0.31) 45%, rgb(178 190 240 / 0) 82%);
		overflow: clip;
		margin-block: 0 !important;
	}

	/* The Home is a fixed 1512px Figma composition: cap it and centre it so its
	   viewport-relative positions align with the centred header at every width
	   ≥1512px; below 1512px the min(vw, px) values scale down as intended. */
	.cohen-home-main > .wp-block-post-content {
		margin-inline: auto;
		max-inline-size: calc(100 * var(--cohen-u));
	}

	.cohen-home-main .wp-block-post-content > * {
		margin-block: 0 !important;
	}

	.cohen-home-main p,
	.cohen-home-main h1,
	.cohen-home-main h2,
	.cohen-home-main h3,
	.cohen-home-main figure {
		margin-block: 0;
	}

	.cohen-mobile-only,
	.cohen-home-hero__intro--mobile,
	.cohen-home-quote__lead,
	.cohen-home-quote__mobile-copy {
		display: none;
	}

	/* Hero: Figma y=0–986. All geometry below is taken literally from Figma:
	   the photograph is masked by the exported mask vector 186:1441 (a
	   1781.86×1057 box at frame position −119,−71) and the navy swoosh 186:1448
	   renders mirrored in a 1614×259 box at frame position −65,753 — its blunt
	   end lands exactly at x=1512, so the frame edge cuts it vertically and the
	   whole curve stays visible. overflow-x clips the side overhangs like the
	   Figma frame; overflow-y lets the swoosh dip 26px into the next section. */
	.cohen-home-hero {
		background: none;
		block-size: calc(65.212 * var(--cohen-uv));
		isolation: isolate;
		min-block-size: 0 !important;
		overflow-x: clip;
		overflow-y: visible;
		padding: 0 !important;
		position: relative;
	}

	.cohen-home-hero .wp-block-cover__image-background {
		display: block;
		block-size: 100%;
		inline-size: 100%;
		inset: 0;
		-webkit-mask: url("../images/home-hero-mask.svg") 44.096% 100% / 117.8479% 107.2008% no-repeat;
		mask: url("../images/home-hero-mask.svg") 44.096% 100% / 117.8479% 107.2008% no-repeat;
		object-fit: cover;
		object-position: 62% 40%;
		position: absolute;
		z-index: 0;
	}

	/* Figma 186:1443: the readability shading is one rotated gradient —
	   rgba(0,0,0,.54) to 61.5%, out by 76.3%, on a 1920.76x945.97 rect at
	   -6.39deg. Expressed on the full hero box: net angle -30.32deg, stops 62.63%/77.67%
	   (dark mass right and bottom, bright top-left, per the in-frame render). */
	.cohen-home-hero .wp-block-cover__background {
		background:
			linear-gradient(166deg, rgb(0 0 0 / 0.15), rgb(0 0 0 / 0) 58%),
			linear-gradient(-30.32deg, rgb(0 0 0 / 0.54) 62.63%, rgb(0 0 0 / 0) 77.67%) !important;
		display: block;
		inset: 0;
		-webkit-mask: url("../images/home-hero-mask.svg") 44.096% 100% / 117.8479% 107.2008% no-repeat;
		mask: url("../images/home-hero-mask.svg") 44.096% 100% / 117.8479% 107.2008% no-repeat;
		opacity: 1 !important;
		position: absolute;
		z-index: 1;
	}

	/* Swoosh box as fractions of the hero box (1614×259 at −65,753 in the
	   1512×986 frame), so it scales with the hero exactly like in Figma. */
	.cohen-home-hero::after {
		background: url("../images/home-hero-curve.svg") 0 0 / 100% 100% no-repeat;
		block-size: 26.2677%;
		content: "";
		display: block;
		inline-size: 106.746%;
		inset-block-end: -2.6369%;
		left: -4.2989%;
		pointer-events: none;
		position: absolute;
		z-index: 2;
	}

	.cohen-home-hero .wp-block-cover__inner-container {
		block-size: 100%;
		inline-size: 100%;
		padding: 0 !important;
		position: relative;
		z-index: 3;
	}

	.cohen-home-hero__content {
		inline-size: 100%;
		inset: 0;
		margin: 0;
		max-inline-size: none;
		position: absolute;
	}

	.cohen-home-hero__title {
		color: #fff;
		direction: rtl;
		font-size: calc(6.349 * var(--cohen-uv));
		font-weight: 700;
		inline-size: calc(51.786 * var(--cohen-u));
		inset-block-start: calc(15.079 * var(--cohen-uv));
		inset-inline-start: calc(8.466 * var(--cohen-u));
		line-height: 0.9;
		position: absolute;
		text-align: right;
		text-shadow: 2px 2px 25px rgb(0 0 0 / 0.49);
	}

	.cohen-home-hero__title-accent {
		color: var(--wp--preset--color--periwinkle);
	}

	.cohen-home-hero__intro {
		color: #fff;
		direction: rtl;
		font-size: calc(1.455 * var(--cohen-uv));
		font-weight: 500;
		inline-size: calc(40.146 * var(--cohen-uv));
		inset-block-start: calc(39.22 * var(--cohen-uv));
		inset-inline-start: calc(8.466 * var(--cohen-u));
		line-height: 1.2;
		position: absolute;
		text-align: right;
	}

	.cohen-home-hero__actions {
		align-items: center;
		direction: rtl;
		display: flex;
		flex-direction: row;
		gap: calc(2.05 * var(--cohen-u));
		inset-block-start: calc(47.301 * var(--cohen-uv));
		inset-inline-start: calc(8.466 * var(--cohen-u));
		margin: 0;
		position: absolute;
	}

	.cohen-home-hero__actions .wp-block-button__link {
		align-items: center;
		border-radius: 999px;
		block-size: calc(3.505 * var(--cohen-uv));
		box-sizing: border-box;
		display: flex;
		font-size: calc(1.323 * var(--cohen-uv));
		font-weight: 800;
		justify-content: center;
		min-block-size: calc(3.505 * var(--cohen-uv));
		padding: 0;
	}

	.cohen-home-hero__primary .wp-block-button__link {
		background: #fff !important;
		border: 2px solid #fff;
		color: var(--wp--preset--color--red) !important;
		inline-size: calc(13.823 * var(--cohen-uv));
	}

	.cohen-home-hero__accident .wp-block-button__link {
		background: var(--wp--preset--color--red) !important;
		border: 2px solid var(--wp--preset--color--red);
		color: #fff !important;
		inline-size: calc(14.737 * var(--cohen-uv));
	}

	/* Statistics: Figma y=986–1458. */
	.cohen-home-trust {
		background: transparent;
		block-size: calc(31.217 * var(--cohen-uv));
		padding: 0;
		position: relative;
	}

	/* Figma frame 186:1453: 172..1279 — deliberately off-centre in the frame. */
	.cohen-home-trust__grid {
		display: grid;
		gap: calc(6.349 * var(--cohen-u));
		grid-template-columns: repeat(3, minmax(0, calc(20.172 * var(--cohen-u))));
		inline-size: calc(73.214 * var(--cohen-u));
		inset-block-start: calc(11.31 * var(--cohen-uv));
		left: calc(11.376 * var(--cohen-u));
		justify-content: start;
		position: absolute;
	}

	.cohen-home-metric {
		block-size: calc(12.368 * var(--cohen-uv));
		margin: 0 !important;
		position: relative;
		text-align: center;
	}

	.cohen-home-metric::after {
		background: url("../images/home-metric-swoosh.svg") center / 100% 100% no-repeat;
		block-size: calc(3.307 * var(--cohen-uv));
		content: "";
		inline-size: 100%;
		inset-block-end: 0;
		inset-inline: 0;
		position: absolute;
	}

	.cohen-home-metric:first-child::after {
		background-image: url("../images/home-metric-swoosh-first.svg");
	}

	.cohen-home-metric__value {
		color: var(--wp--preset--color--navy);
		font-size: calc(4.233 * var(--cohen-uv));
		font-weight: 800;
		line-height: 1.15;
	}

	.cohen-home-metric__label {
		color: #000;
		font-size: calc(1.323 * var(--cohen-uv));
		font-weight: 600;
		line-height: 1;
		margin-block-start: calc(1.058 * var(--cohen-uv)) !important;
	}

	/* Founder story: Figma y=1458–2142 (content ends ~2022). */
	.cohen-home-founder {
		background: transparent;
		block-size: calc(45.238 * var(--cohen-uv));
		padding: 0;
		position: relative;
	}

	.cohen-home-founder__grid {
		block-size: 100%;
		inline-size: calc(87.103 * var(--cohen-u));
		margin-inline: auto;
		max-inline-size: none;
		position: relative;
	}

	.cohen-home-founder__copy {
		inline-size: calc(34.259 * var(--cohen-uv));
		inset-block-start: calc(9.458 * var(--cohen-uv));
		inset-inline-start: 0;
		position: absolute;
	}

	/* Figma 186:1470: heading box 71px tall (48px Heebo at normal leading) with
	   a 48px gap to the story text (186:1471 top = heading top + 119). */
	.cohen-home-founder__copy h2 {
		color: var(--wp--preset--color--navy);
		font-size: calc(3.175 * var(--cohen-uv));
		font-weight: 800;
		line-height: normal;
		margin-block-end: calc(3.175 * var(--cohen-uv));
	}

	.cohen-home-founder__copy p {
		color: #000;
		font-size: calc(1.058 * var(--cohen-uv));
		line-height: 1.45;
	}

	.cohen-home-founder__copy p + p {
		margin-block-start: calc(1.058 * var(--cohen-uv));
	}

	.cohen-home-founder__portrait {
		block-size: calc(37.301 * var(--cohen-uv));
		inline-size: calc(44.649 * var(--cohen-uv));
		inset-block-start: 0;
		inset-inline-end: 0;
		margin: 0 !important;
		position: absolute;
	}

	/* Periwinkle plate 186:1473: a 650.55×310.1 r40 rectangle rotated 5deg whose
	   centre sits at (337.55, 380.36) of the 675.1×563.17 portrait box. */
	.cohen-home-founder__portrait::before {
		background: var(--wp--preset--color--periwinkle);
		border-radius: calc(2.646 * var(--cohen-uv));
		block-size: 55.064%;
		content: "";
		inline-size: 96.363%;
		inset-block-start: 40.008%;
		left: 1.819%;
		position: absolute;
		transform: rotate(5deg);
	}

	.cohen-home-founder__accent {
		inline-size: calc(37.831 * var(--cohen-uv));
		inset-block-start: calc(25.86 * var(--cohen-uv));
		inset-inline-end: calc(2.315 * var(--cohen-uv));
		position: absolute;
		transform: scaleX(-1);
		z-index: 2;
	}

	.cohen-home-founder__accent img {
		display: block;
		inline-size: 100%;
	}

	/* Portrait 186:1474: home-founder.png is Figma's own export of the Union
	   boolean (photo with the blob alpha baked). Figma renders the node with a
	   horizontal mirror; the export is pre-mirror, so the CSS flip reproduces it
	   (verified numerically against the node render: flipped diff 13.1 vs 39.1). */
	.cohen-home-founder__image {
		block-size: calc(31.415 * var(--cohen-uv));
		inline-size: calc(31.481 * var(--cohen-uv));
		inset-block-start: 0;
		inset-inline-end: calc(7.937 * var(--cohen-uv));
		overflow: visible;
		position: absolute;
		transform: scaleX(-1);
		z-index: 1;
	}

	.cohen-home-founder__image img {
		block-size: 100%;
		display: block;
		inline-size: 100%;
		object-fit: contain;
	}

	/* Three overlapping statement bands: Figma group 186:1887, y=2142–2858. */
	.cohen-home-quotes {
		background: transparent;
		block-size: calc(64.55 * var(--cohen-uv));
		padding: 0;
		position: relative;
	}

	.cohen-home-quotes__stack {
		block-size: 100%;
		inline-size: calc(91.534 * var(--cohen-u));
		margin-inline: auto;
		position: relative;
	}

	.cohen-home-quote,
	.cohen-home-quote-ribbon {
		box-shadow: none;
		margin: 0 !important;
		position: absolute;
		text-align: center;
	}

	/* The two floating gershayim are frame-level nodes (186:1891/1901): 200px
	   Heebo ExtraBold at 9.82°, independent of the band rotations, so they live
	   on the stack (frame x 64..1448), not inside the rotated bands. */
	/* The marks hang off the words they read with ("הידיעה", "שלכם לעומק"), so
	   they track them on every viewport, not just at the 1512 frame. Offsets
	   are calibrated against the node render; the extra rotation cancels each
	   band's own tilt so the glyph keeps the design's net 9.82°. */
	.cohen-home-quote__anchor {
		position: relative;
	}

	.cohen-home-quote__anchor::before {
		color: var(--wp--preset--color--red);
		content: "״";
		font-size: calc(13.228 * var(--cohen-uv));
		font-weight: 800;
		line-height: 1;
		pointer-events: none;
		position: absolute;
		z-index: 3;
	}

	.cohen-home-quote__anchor--open::before {
		inset-block-start: calc(-7.744 * var(--cohen-uv));
		left: calc(0.741 * var(--cohen-uv));
		transform: rotate(12.54deg);
	}

	.cohen-home-quote__anchor--close::before {
		inset-block-start: calc(-7.804 * var(--cohen-uv));
		left: calc(2.215 * var(--cohen-uv));
		transform: rotate(6.8deg);
	}

	.cohen-home-quote__mark {
		display: none;
	}

	/* Navy band: Figma 186:1889 — 1051.77×181.29 r40 rect, centre (747, 2363.4),
	   −2.24°. Paint order per Figma, bottom to top: white band, periwinkle
	   band, navy band, then the periwinkle band's text with its gershay
	   (z-index 1/2/3/4). */
	.cohen-home-quote {
		background: var(--wp--preset--color--navy);
		border-radius: calc(2.646 * var(--cohen-u));
		block-size: calc(11.99 * var(--cohen-uv));
		color: #fff;
		inline-size: calc(69.561 * var(--cohen-u));
		inset-block-start: calc(8.644 * var(--cohen-uv));
		left: 50%;
		transform: translateX(calc(-50% - calc(0.595 * var(--cohen-u)))) rotate(-2.24deg);
		z-index: 3;
	}

	/* Text node 186:1890 has its own centre, width and −2.72° tilt. */
	.cohen-home-quote__desktop-copy {
		font-size: calc(1.852 * var(--cohen-uv));
		font-weight: 600;
		inline-size: calc(62.328 * var(--cohen-u));
		inset-block-start: calc(6.206 * var(--cohen-uv));
		left: calc(35.012 * var(--cohen-u));
		line-height: 1.05;
		margin: 0 !important;
		position: absolute;
		transform: translate(-50%, -50%) rotate(-0.48deg);
	}

	.cohen-home-quote-ribbon {
		font-size: calc(1.852 * var(--cohen-uv));
		font-weight: 600;
		line-height: 1.05;
	}

	/* Periwinkle band: Figma 186:1899 — 1051.77×171.21 r40, +3.05°. The band
	   visual lives on ::before so the text (and its word-anchored gershay,
	   which overlaps the navy band) can stack above the navy band while the
	   navy band covers this band's top edge. */
	.cohen-home-quote-ribbon--one {
		block-size: calc(11.324 * var(--cohen-uv));
		color: var(--wp--preset--color--navy);
		inline-size: calc(69.561 * var(--cohen-u));
		inset-block-start: calc(22.294 * var(--cohen-uv));
		left: calc(50% - calc(38.343 * var(--cohen-u)));
	}

	.cohen-home-quote-ribbon--one::before {
		background: var(--wp--preset--color--periwinkle);
		border-radius: calc(2.646 * var(--cohen-u));
		content: "";
		inset: 0;
		position: absolute;
		transform: rotate(3.05deg);
		z-index: 2;
	}

	/* Text node 186:1900: own centre and +3.02° tilt. */
	.cohen-home-quote-ribbon__body {
		inline-size: calc(55.359 * var(--cohen-u));
		inset-block-start: calc(5.597 * var(--cohen-uv));
		left: calc(34.184 * var(--cohen-u));
		position: absolute;
		transform: translate(-50%, -50%) rotate(3.02deg);
		z-index: 4;
	}

	/* White CTA band: Figma 186:1895 — 847.27×176.78, 7px red border, −3°,
	   no fill (the page atmosphere shows through); the lowest card: the
	   periwinkle band covers its top right corner. */
	.cohen-home-quote-ribbon--two {
		background: transparent;
		border: calc(0.463 * var(--cohen-u)) solid var(--wp--preset--color--red);
		border-radius: calc(2.646 * var(--cohen-u));
		block-size: calc(11.692 * var(--cohen-uv));
		display: block;
		inline-size: calc(56.036 * var(--cohen-u));
		inset-block-start: calc(34.263 * var(--cohen-uv));
		left: 50%;
		transform: translateX(calc(-50% + calc(4.034 * var(--cohen-u)))) rotate(-3deg);
		z-index: 1;
	}

	/* Logo 186:1897: part of the sentence — "…יעיד שב־[כהן]" — so it flows
	   inline with the text and wraps with it. Figma displays a crop of the
	   primary logo (the navy wordmark without the tagline row: top 57.5%,
	   middle 72% of the source); the crop box is sized in vertical units so
	   it stays rigid. Negative block margins cancel the extra height so the
	   logo juts beyond its line, as in the frame, without pushing the
	   designed lines apart. */
	.cohen-home-quote-ribbon__logo {
		block-size: calc(3.864 * var(--cohen-uv));
		display: inline-block;
		inline-size: calc(9.467 * var(--cohen-uv));
		margin-block: calc(-0.96 * var(--cohen-uv));
		/* The frame centres line one by its TEXT while the logo hangs further
		   left: the negative end margin makes the logo width invisible to the
		   centring math, and the start margin is the frame's text-to-logo gap. */
		margin-inline: calc(0.926 * var(--cohen-uv)) calc(-10.978 * var(--cohen-uv));
		overflow: hidden;
		position: relative;
		inset-block-start: calc(-0.794 * var(--cohen-uv));
		vertical-align: middle;
	}

	.cohen-home-quote-ribbon__logo img {
		block-size: 174.08%;
		display: block;
		inline-size: 138.44%;
		inset-block-start: -0.13%;
		left: -17.85%;
		max-inline-size: none;
		position: absolute;
	}

	/* Text node 186:1896: Bold, own centre right of the band centre. */
	.cohen-home-quote-ribbon--two p {
		color: var(--wp--preset--color--navy);
		direction: rtl;
		font-weight: 700;
		inline-size: calc(41.848 * var(--cohen-u));
		inset-block-start: calc(6.402 * var(--cohen-uv));
		left: calc(30.401 * var(--cohen-u));
		margin: 0 !important;
		position: absolute;
		transform: translate(-50%, -50%);
	}

	/* Office image and its text: Figma y=3118–4234. */
	.cohen-home-experience {
		background: transparent;
		block-size: calc(79.696 * var(--cohen-uv));
		border-radius: 0;
		margin-inline: auto;
		min-block-size: 0 !important;
		overflow: visible;
		position: relative;
	}

	/* All office geometry is literal Figma: the photograph and its shading are
	   masked by the exported vector 186:1424 (1393.48×1152.04 at frame 37,3118 —
	   the tilt and angular bottom edge are baked into the path, so no CSS
	   rotation), the shading is Figma's 29.09°-rotated darkening gradient
	   (186:1433), and the navy swoosh 186:1434 (1413×251 at frame 62,4009.5)
	   overlays the photo's lower edge. Everything is sized in fractions of the
	   1512×1205 section box so it scales together. */
	.cohen-home-experience::after {
		background: url("../images/home-office-curve.svg") 0 0 / 100% 100% no-repeat;
		block-size: 20.8299%;
		content: "";
		inline-size: 93.4524%;
		inset-block-start: 73.9834%;
		left: 4.1005%;
		pointer-events: none;
		position: absolute;
		z-index: 1;
	}

	.cohen-home-experience .wp-block-cover__image-background,
	.cohen-home-experience .wp-block-cover__background {
		block-size: 95.6047%;
		border-radius: 0;
		inline-size: 92.1614%;
		inset-block-start: 0;
		inset-inline: auto;
		left: 2.4471%;
		-webkit-mask: url("../images/home-office-mask.svg") 0 0 / 100% 100% no-repeat;
		mask: url("../images/home-office-mask.svg") 0 0 / 100% 100% no-repeat;
		transform: none;
	}

	.cohen-home-experience .wp-block-cover__image-background {
		object-fit: cover;
		object-position: center;
	}

	.cohen-home-experience .wp-block-cover__background {
		background: linear-gradient(29.09deg, rgb(0 0 0 / 0.69) 26.8%, rgb(0 0 0 / 0) 49.1%) !important;
		opacity: 1;
	}

	.cohen-home-experience .wp-block-cover__inner-container {
		block-size: 100%;
		inline-size: 100%;
		position: relative;
		z-index: 2;
	}

	/* The cover's 18px root padding offsets the containing block; subtract it
	   here (mobile's own offsets already account for it) so the copy lands on
	   the Figma nodes (x 122, y 3876). */
	.cohen-home-experience__content {
		inline-size: calc(34.259 * var(--cohen-uv));
		inset-block-start: calc(50.132 * var(--cohen-uv) - 18px);
		inset-inline-end: calc(8.069 * var(--cohen-u) - 18px);
		position: absolute;
	}

	.cohen-home-experience__item + .cohen-home-experience__item {
		margin-block-start: calc(1.719 * var(--cohen-uv));
	}

	.cohen-home-experience__item h2 {
		font-size: calc(2.381 * var(--cohen-uv));
		font-weight: 800;
		line-height: 1.2;
	}

	.cohen-home-experience__item p {
		font-size: calc(1.058 * var(--cohen-uv));
		line-height: 1.45;
		margin-block-start: calc(0.529 * var(--cohen-uv));
	}

	/* Leadership cards: Figma y=4323–5234. */
	.cohen-home-leadership {
		background: transparent;
		block-size: calc(58.929 * var(--cohen-uv));
		padding: 0;
		position: relative;
	}

	/* Wrappers stay static so the absolutely-positioned cards resolve their
	   percentage geometry against the section box itself (1512×891), free of
	   the container's gutter padding and block-gap margins. */
	.cohen-home-leadership > .cohen-container {
		block-size: 100%;
		inline-size: 100%;
		margin: 0;
		max-inline-size: none;
		padding: 0;
		position: static;
	}

	.cohen-home-leadership__title {
		display: none;
	}

	.cohen-home-leadership__grid {
		block-size: 100%;
		margin: 0 !important;
		position: static;
	}

	/* Leadership cards: exact Figma boxes (Adiel 186:1977 at 784,4323; Momik
	   186:1983 at −2,4582; both 681×506.806) as fractions of the 1512×891
	   section. The artwork is two separate layers sharing one full-box viewBox:
	   ::before is the exported card shape 186:1978 (the placeholder — and the
	   mask shape for the future person photo) and ::after is the exported navy
	   swoosh 186:1982 overlaying it. Both cards reuse the same assets; Figma
	   mirrors the artwork on the Adiel card only. */
	.cohen-home-person {
		block-size: 56.8805%;
		color: #fff;
		inline-size: calc(45.0397 * var(--cohen-uv));
		isolation: isolate;
		/* WP's block-gap margin on `* + *` would shift the second card's
		   absolutely-positioned top edge by its margin box. */
		margin: 0 !important;
		padding: calc(17.857 * var(--cohen-uv)) calc(3.307 * var(--cohen-u)) calc(2.646 * var(--cohen-uv));
		position: absolute;
	}

	.cohen-home-person::before {
		background: url("../images/home-leader-shape.svg") 0 0 / 100% 100% no-repeat;
		content: "";
		inset: 0;
		pointer-events: none;
		position: absolute;
		z-index: -2;
	}

	.cohen-home-person::after {
		background: url("../images/home-leader-swoosh.svg") 0 0 / 100% 100% no-repeat;
		content: "";
		inset: 0;
		pointer-events: none;
		position: absolute;
		z-index: -1;
	}

	.cohen-home-person--adiel {
		inset-block-start: 0;
		left: calc((75.99205 * var(--cohen-u)) - (22.51985 * var(--cohen-uv)));
	}

	.cohen-home-person--adiel::before,
	.cohen-home-person--adiel::after {
		transform: scaleX(-1);
	}

	.cohen-home-person--momik {
		inset-block-start: 29.0685%;
		left: calc((24.00795 * var(--cohen-u)) - (22.51985 * var(--cohen-uv)));
	}

	/* Card texts are separate frame nodes in Figma (names 186:1989/1990, role
	   and quote groups 186:1991/1995); place them at their exact card-local
	   offsets. Adiel's block is inset 97px from the card's right edge, Momik's
	   39px; tops per node. */
	.cohen-home-person > * {
		margin: 0 !important;
		position: absolute;
		text-align: right;
		z-index: 1;
	}

	.cohen-home-person h3 {
		color: #fff;
		font-size: calc(2.381 * var(--cohen-uv));
		font-weight: 800;
		line-height: normal;
	}

	.cohen-home-person__role {
		font-size: calc(1.587 * var(--cohen-uv));
		font-weight: 400;
		line-height: normal;
	}

	.cohen-home-person p:last-child {
		font-size: calc(1.058 * var(--cohen-uv));
		inline-size: 76.0646%;
		line-height: normal;
	}

	.cohen-home-person--adiel h3 {
		inset-block-start: 50.7099%;
		right: 14.2438%;
	}

	.cohen-home-person--adiel .cohen-home-person__role {
		inset-block-start: 60.1809%;
		right: 14.2438%;
	}

	.cohen-home-person--adiel p:last-child {
		inset-block-start: 71.0335%;
		right: 14.2438%;
	}

	.cohen-home-person--momik h3 {
		inset-block-start: 55.0509%;
		right: 5.7269%;
	}

	.cohen-home-person--momik .cohen-home-person__role {
		inset-block-start: 64.5218%;
		right: 5.7269%;
	}

	.cohen-home-person--momik p:last-child {
		inset-block-start: 75.3838%;
		right: 5.7269%;
	}

	/* Services: page band 5214–6300 (content per Figma 186:1480 at 5234–6235,
	   leaving Figma's 202px gap to the vehicles heading). Each icon composition
	   sits at its own exact Figma box — the design staggers them individually,
	   so this is not a uniform grid. Offsets are frame_y − 5214 as fractions of
	   the 1512×1086 section. */
	.cohen-home-services {
		background: transparent;
		block-size: calc(71.8254 * var(--cohen-uv));
		padding: 0;
		position: relative;
	}

	.cohen-home-services > .cohen-container {
		block-size: 100%;
		inline-size: 100%;
		margin: 0;
		max-inline-size: none;
		padding: 0;
		position: static;
	}

	.cohen-home-services h2 {
		color: var(--wp--preset--color--navy);
		font-size: calc(3.175 * var(--cohen-uv));
		font-weight: 800;
		inset-block-start: 1.8877%;
		line-height: normal;
		margin: 0 !important;
		position: absolute;
		right: 9.2593%;
		text-align: right;
	}

	.cohen-home-section-intro {
		color: #000;
		font-size: calc(1.587 * var(--cohen-uv));
		inline-size: 43.5847%;
		inset-block-start: 12.8453%;
		line-height: 1.45;
		margin: 0 !important;
		position: absolute;
		right: 9.127%;
		text-align: right;
	}

	.cohen-home-services__grid {
		block-size: 100%;
		inline-size: 100%;
		margin: 0 !important;
		position: static;
	}

	.cohen-home-service-card {
		margin: 0 !important;
		position: absolute;
	}

	/* Exact Figma boxes (markup order: home, car, critical, health, business,
	   life, travel, pension). */
	.cohen-home-service-card:nth-child(1) { inline-size: calc(19.4444 * var(--cohen-uv)); inset-block-start: 30.6169%; left: calc((51.5873 * var(--cohen-u)) - (9.7222 * var(--cohen-uv))); }
	.cohen-home-service-card:nth-child(2) { inline-size: calc(19.4444 * var(--cohen-uv)); inset-block-start: 33.5635%; left: calc((80.6217 * var(--cohen-u)) - (9.7222 * var(--cohen-uv))); }
	.cohen-home-service-card:nth-child(3) { inline-size: calc(19.4444 * var(--cohen-uv)); inset-block-start: 56.9613%; left: calc((51.8188 * var(--cohen-u)) - (9.7222 * var(--cohen-uv))); }
	.cohen-home-service-card:nth-child(4) { inline-size: calc(19.4444 * var(--cohen-uv)); inset-block-start: 56.9613%; left: calc((80.6217 * var(--cohen-u)) - (9.7222 * var(--cohen-uv))); }
	.cohen-home-service-card:nth-child(5) { inline-size: calc(19.4444 * var(--cohen-uv)); inset-block-start: 31.6298%; left: calc((22.619 * var(--cohen-u)) - (9.7222 * var(--cohen-uv))); }
	.cohen-home-service-card:nth-child(6) { inline-size: calc(19.5701 * var(--cohen-uv)); inset-block-start: 57.3389%; left: calc((23.18455 * var(--cohen-u)) - (9.78505 * var(--cohen-uv))); }
	.cohen-home-service-card:nth-child(7) { inline-size: calc(19.4444 * var(--cohen-uv)); inset-block-start: 77.919%; left: calc((33.2606 * var(--cohen-u)) - (9.7222 * var(--cohen-uv))); }
	.cohen-home-service-card:nth-child(8) { inline-size: calc(20.6349 * var(--cohen-uv)); inset-block-start: 77.2099%; left: calc((63.80285 * var(--cohen-u)) - (10.31745 * var(--cohen-uv))); }

	.cohen-home-service-card figure {
		margin: 0;
	}

	.cohen-home-service-card__desktop-art {
		inline-size: 100%;
		transition: transform 0.2s ease, filter 0.2s ease;
		will-change: transform;
	}

	.cohen-home-service-card:hover .cohen-home-service-card__desktop-art,
	.cohen-home-service-card:focus-within .cohen-home-service-card__desktop-art {
		filter: drop-shadow(0 0.9vw 1.4vw rgb(0 22 115 / 0.28));
		transform: scale(1.09) translateY(-0.4vw);
	}

	.cohen-home-service-card__desktop-art img {
		display: block;
		inline-size: 100%;
	}

	.cohen-home-service-card__mobile-art {
		display: none;
	}

	.cohen-home-service-card h3 {
		font-size: 0;
		inset: 0;
		line-height: 0;
		margin: 0 !important;
		overflow: hidden;
		position: absolute;
	}

	.cohen-home-service-card h3 a {
		display: block;
		block-size: 100%;
		color: transparent !important;
		font-size: 0 !important;
		inline-size: 100%;
		overflow: hidden;
		text-indent: -9999px;
		text-decoration: none !important;
	}

	.cohen-home-service-card:focus-within {
		outline: 3px solid var(--wp--preset--color--red);
		outline-offset: 5px;
	}

	/* Vehicle teaser: Figma y≈6300–7412. */
	.cohen-home-vehicles {
		background: transparent;
		block-size: calc(73.545 * var(--cohen-uv));
		padding: 0;
		position: relative;
	}

	.cohen-home-vehicles > .cohen-container {
		block-size: 100%;
		inline-size: 100%;
		max-inline-size: none;
		position: relative;
	}

	/* Vehicles band 6300–7412. Heading 186:1795 at frame 6437 (local 137),
	   brand logo 186:1796 at 6518.5 (local 218.5), cars 186:1560 at 6654.5
	   (local 354.5). */
	.cohen-home-vehicles__brand {
		inline-size: calc(17.0917 * var(--cohen-uv));
		inset-block-start: calc(14.4511 * var(--cohen-uv));
		left: calc((83.01495 * var(--cohen-u)) - (8.54585 * var(--cohen-uv)));
		position: absolute;
		right: auto;
	}

	.cohen-home-vehicles__brand img {
		inline-size: 100%;
	}

	.cohen-home-vehicles h2 {
		color: var(--wp--preset--color--navy);
		font-size: calc(3.175 * var(--cohen-uv));
		font-weight: 800;
		inset-block-start: calc(9.0608 * var(--cohen-uv));
		line-height: normal;
		margin: 0 !important;
		position: absolute;
		right: calc(9.2593 * var(--cohen-u));
		text-align: right;
	}

	.cohen-home-vehicles > .cohen-container > .cohen-home-section-intro {
		display: none;
	}

	/* Centre-focused carousel (Figma 186:1560): the cards overlap — centre
	   470×421, neighbours scaled to 362.8/328.2 and layered beneath — so the
	   track uses negative card margins for a 316px centre-to-centre slot and
	   home-vehicles.js applies the scale/fade/stacking falloff and dots. */
	.cohen-home-vehicles__track {
		display: flex;
		gap: 0;
		inline-size: 100%;
		inset-block-start: calc(23.4458 * var(--cohen-uv));
		overflow-x: auto;
		overflow-y: visible;
		padding-block: 0;
		padding-inline: calc(50% - calc(10.4497 * var(--cohen-uv)));
		position: absolute;
		scroll-snap-type: inline mandatory;
		scrollbar-width: none;
	}

	.cohen-home-vehicles__track::-webkit-scrollbar {
		display: none;
	}

	.cohen-home-vehicle-card,
	.cohen-home-vehicle-card:nth-child(n) {
		background: #535353;
		block-size: calc(27.8439 * var(--cohen-uv));
		border-radius: calc(2.646 * var(--cohen-uv));
		color: #fff;
		flex: 0 0 calc(31.085 * var(--cohen-uv));
		inline-size: calc(31.085 * var(--cohen-uv));
		inset: auto;
		margin: 0 calc(-1 * calc(5.0926 * var(--cohen-uv)));
		min-block-size: 0;
		opacity: var(--card-fade, 1);
		padding: 0;
		position: relative;
		scroll-snap-align: center;
		transform: scale(var(--card-scale, 1));
		transition: transform 0.25s ease, opacity 0.25s ease;
		z-index: auto;
	}

	.cohen-home-vehicle-card figure {
		display: none;
	}

	/* Centre-card content per Figma 186:1785: name top-right (757,6914),
	   navy price pill 156×44 top-left (564,6920), meta row at y 6982. */
	/* Long names (סקודה אוקטביה) wrap to a second line instead of being cut
	   (designer note). Anchored by the BOTTOM at the design's name-row
	   baseline, so a single line sits exactly where it always did and a
	   second line grows upward into the card's empty band - never into the
	   meta row below. */
	.cohen-home-vehicle-card h3 {
		color: #fff;
		font-size: calc(2.381 * var(--cohen-uv));
		font-weight: 800;
		inset-block-end: 25.65%;
		line-height: normal;
		margin: 0 !important;
		/* Ends where the price pill ends (pill right edge = 45.96% of the
		   card) plus a gap, so a long single line wraps before it can ever
		   reach the pill at any viewport shape. */
		max-inline-size: 38%;
		position: absolute;
		right: 12.9787%;
		text-align: right;
	}

	.cohen-home-vehicle-card__price {
		align-items: center;
		background: var(--wp--preset--color--navy);
		block-size: calc(2.9101 * var(--cohen-uv));
		border-radius: 999px;
		display: flex;
		font-size: calc(1.5873 * var(--cohen-uv));
		font-weight: 800;
		inline-size: calc(10.3175 * var(--cohen-uv));
		inset-block-start: 63.1829%;
		justify-content: center;
		left: 12.766%;
		margin: 0 !important;
		padding: 0;
		position: absolute;
	}

	.cohen-home-vehicle-card__meta {
		display: flex;
		font-size: calc(1.455 * var(--cohen-uv));
		inline-size: 74.2553%;
		inset-block-start: 77.9097%;
		justify-content: space-between;
		left: 12.766%;
		margin: 0 !important;
		position: absolute;
		direction: rtl;
	}

	.cohen-home-vehicle-card__meta span {
		background: transparent;
		padding: 0;
	}

	.cohen-home-vehicles .wp-block-buttons {
		inset-block-start: calc(59.7884 * var(--cohen-uv));
		left: 50%;
		margin: 0 !important;
		position: absolute;
		transform: translateX(-50%);
	}

	.cohen-home-vehicles .wp-block-button__link {
		background: var(--wp--preset--color--red) !important;
		inline-size: calc(13.823 * var(--cohen-uv));
	}

	.cohen-home-vehicles .wp-block-buttons::before {
		color: var(--wp--preset--color--navy);
		content: "רוצים לקבל הצעה למימון רכב החלומות שלכם?";
		font-size: calc(1.587 * var(--cohen-uv));
		font-weight: 800;
		inset-block-end: calc(100% + calc(0.8598 * var(--cohen-uv)));
		left: 50%;
		position: absolute;
		white-space: nowrap;
		transform: translateX(-50%);
	}

	.cohen-home-vehicles > .cohen-container::after {
		color: var(--wp--preset--color--navy);
		content: "●  ●  ●  ●";
		font-size: calc(1.323 * var(--cohen-uv));
		inset-block-start: calc(54.4312 * var(--cohen-uv));
		left: 50%;
		letter-spacing: calc(0.529 * var(--cohen-uv));
		position: absolute;
		transform: translateX(-50%);
	}

	.cohen-home-vehicles.has-carousel > .cohen-container::after {
		display: none;
	}

	.cohen-home-vehicles__dots {
		display: flex;
		gap: calc(1.3228 * var(--cohen-uv));
		inset-block-start: calc(54.4312 * var(--cohen-uv));
		left: 50%;
		margin: 0 !important;
		position: absolute;
		transform: translateX(-50%);
	}

	.cohen-home-vehicles__dots button {
		background: var(--wp--preset--color--periwinkle);
		block-size: calc(0.9259 * var(--cohen-uv));
		border: 0;
		border-radius: 50%;
		cursor: pointer;
		inline-size: calc(0.9259 * var(--cohen-uv));
		padding: 0;
	}

	.cohen-home-vehicles__dots button.is-active {
		background: var(--wp--preset--color--navy);
	}

	/* Form: Figma y=7412–8080. */
	.cohen-home-contact {
		background: transparent;
		block-size: calc(44.18 * var(--cohen-uv));
		padding: 0;
		position: relative;
	}

	.cohen-home-contact__inner {
		inline-size: calc(90.608 * var(--cohen-u));
		margin-inline: auto;
		max-inline-size: none;
		position: relative;
	}

	.cohen-home-contact h2 {
		color: var(--wp--preset--color--navy);
		font-size: calc(3.175 * var(--cohen-uv));
		font-weight: 800;
		inline-size: calc(33.069 * var(--cohen-u));
		inset-inline-start: calc(3.968 * var(--cohen-u));
		position: absolute;
	}

	.cohen-home-contact__intro {
		font-size: calc(1.587 * var(--cohen-uv));
		font-weight: 300;
		inline-size: calc(43.717 * var(--cohen-uv));
		inset-block-start: calc(5.423 * var(--cohen-uv));
		inset-inline-start: calc(3.968 * var(--cohen-u));
		position: absolute;
	}

	.cohen-home-form-preview {
		background: var(--wp--preset--color--periwinkle);
		border-radius: calc(2.646 * var(--cohen-u));
		block-size: calc(22.685 * var(--cohen-uv));
		display: grid;
		/* Column geometry from the frame: left column 137..665, gutter 176,
		   right column 841..1359 (label rail 1359, underline rail 1241). */
		gap: calc(0.794 * var(--cohen-uv)) calc(11.64 * var(--cohen-u));
		grid-template-columns: calc(34.921 * var(--cohen-u)) calc(34.259 * var(--cohen-u));
		grid-template-rows: repeat(3, minmax(0, 1fr));
		inset-block-start: calc(11.243 * var(--cohen-uv));
		inline-size: 100%;
		padding: calc(3.638 * var(--cohen-uv)) calc(5.423 * var(--cohen-u)) calc(3.638 * var(--cohen-uv)) calc(4.365 * var(--cohen-u));
		position: absolute;
		direction: ltr;
	}

	.cohen-home-form-field {
		align-items: baseline;
		color: var(--wp--preset--color--navy);
		display: flex;
		font-size: calc(1.587 * var(--cohen-uv));
		font-weight: 700;
		gap: calc(0.794 * var(--cohen-u));
		direction: rtl;
	}

	.cohen-home-form-field > span {
		flex: 0 0 auto;
		white-space: nowrap;
	}

	.cohen-home-form-field--name {
		grid-column: 2;
		grid-row: 1;
	}

	.cohen-home-form-field--insurance {
		grid-column: 1;
		grid-row: 1;
	}

	.cohen-home-form-field--phone {
		grid-column: 2;
		grid-row: 2;
	}

	.cohen-home-form-field--email {
		grid-column: 2;
		grid-row: 3;
	}

	.cohen-home-form-field input,
	.cohen-home-form-field select {
		appearance: none;
		background: transparent;
		border: 0;
		border-block-end: 1px solid var(--wp--preset--color--navy);
		border-radius: 0;
		color: var(--wp--preset--color--navy);
		flex: 1 1 auto;
		font: inherit;
		font-weight: 400;
		inline-size: auto;
		min-inline-size: 0;
		padding: 0 0 calc(0.265 * var(--cohen-uv));
	}

	.cohen-home-form-field select::-ms-expand {
		display: none;
	}

	/* The desktop design shows blank underlines: placeholders and the select's
	   option text exist for the phone design only. */
	.cohen-home-form-field input::placeholder {
		color: transparent;
	}

	.cohen-home-form-field select {
		color: transparent;
	}

	.cohen-home-form-preview button {
		align-self: end;
		background: var(--wp--preset--color--red);
		border: 0;
		border-radius: 999px;
		color: #fff;
		font-size: calc(1.323 * var(--cohen-uv));
		font-weight: 800;
		inline-size: calc(13.823 * var(--cohen-u));
		min-block-size: calc(3.042 * var(--cohen-uv));
		grid-column: 1;
		grid-row: 3;
	}

	.cohen-home-form-preview :disabled {
		cursor: not-allowed;
		opacity: 1;
	}

	.cohen-home-form-note {
		display: none;
	}

	/* Partners: Figma y=8080–8425. */
	.cohen-home-partners {
		background: transparent;
		block-size: calc(22.817 * var(--cohen-uv));
		padding: 0;
	}

	/* Frame rails: title right 1421, logo strip 151..1388. Core's constrained
	   layout forces margin auto !important, so the off-centre position comes
	   from a transform, which the layout styles never touch. */
	.cohen-home-partners > .cohen-container {
		inline-size: calc(83.995 * var(--cohen-u));
		max-inline-size: none;
		transform: translateX(calc(1.984 * var(--cohen-u)));
	}

	.cohen-home-partners__title {
		color: var(--wp--preset--color--navy);
		font-size: calc(1.587 * var(--cohen-uv)) !important;
		font-weight: 800;
		line-height: 1.2;
		text-align: start;
	}

	/* Grid of five equal cells (owner-approved alignment); each logo gets its
	   Figma display size, uniform-scaled (uv both axes) so it can't distort. */
	.cohen-home-partners__strip {
		align-items: center;
		direction: ltr;
		display: grid;
		gap: calc(3.307 * var(--cohen-u));
		grid-template-columns: repeat(5, minmax(0, 1fr));
		margin-block-start: calc(2.646 * var(--cohen-uv));
		margin-right: calc(2.183 * var(--cohen-u));
	}

	.cohen-home-partners__strip figure {
		align-items: center;
		display: flex;
		justify-content: center;
		min-block-size: calc(10.251 * var(--cohen-uv));
	}

@media (min-width: 48rem) {
	.cohen-home-partners__strip figure:nth-child(1) img { inline-size: calc(11.045 * var(--cohen-uv)); }
	.cohen-home-partners__strip figure:nth-child(2) img { inline-size: calc(12.321 * var(--cohen-uv)); }
	.cohen-home-partners__strip figure:nth-child(3) img { inline-size: calc(10.251 * var(--cohen-uv)); }
	.cohen-home-partners__strip figure:nth-child(4) img { inline-size: calc(13.823 * var(--cohen-uv)); }
	.cohen-home-partners__strip figure:nth-child(5) img { inline-size: calc(13.095 * var(--cohen-uv)); }
}

.cohen-home-partners__strip img {
		block-size: auto;
		object-fit: contain;
	}

@media (max-width: 47.999rem) {
	.cohen-home-main {
		background: #fff;
	}

	.cohen-desktop-only,
	.cohen-home-hero__intro--desktop,
	.cohen-home-quote__desktop-copy,
	.cohen-home-quote-ribbon,
	.cohen-home-quote__anchor::before {
		display: none !important;
	}

	.cohen-mobile-only,
	.cohen-home-hero__intro--mobile,
	.cohen-home-quote__lead,
	.cohen-home-quote__mobile-copy {
		display: inline;
	}

	.cohen-home-hero {
		background: none;
		block-size: 470px;
		border-radius: 0;
		min-block-size: 470px !important;
	}

	.cohen-home-hero::after {
		display: none;
	}

	.cohen-home-hero .wp-block-cover__image-background {
		clip-path: none;
		display: block;
		-webkit-mask: none;
		mask: none;
		object-position: 50% center;
	}

	.cohen-home-hero .wp-block-cover__background {
		background: rgb(0 22 115 / 0.2) !important; /* mobile frame 265:3: flat navy veil */
		display: block;
	}

	.cohen-home-hero__title {
		color: #fff;
		font-size: 30px;
		font-weight: 800;
		inline-size: 350px;
		inset-block-start: 253px;
		inset-inline-start: 20px;
		line-height: 1.12;
		text-shadow: none;
	}

	.cohen-home-hero__title br:nth-of-type(1),
	.cohen-home-hero__title br:nth-of-type(2) {
		display: none;
	}

	.cohen-home-hero__title br:nth-of-type(3) {
		display: none;
	}

	.cohen-home-hero__title-accent {
		color: #fff;
	}

	.cohen-home-hero__title span:nth-of-type(1)::after,
	.cohen-home-hero__title span:nth-of-type(3)::after {
		content: " ";
	}

	.cohen-home-hero__title span:nth-of-type(2)::after {
		content: "";
		display: block;
	}

	.cohen-home-hero__intro {
		color: rgb(255 255 255 / 0.9);
		display: block;
		font-size: 15px;
		font-weight: 400;
		inline-size: 350px;
		inset-block-start: 336px;
		inset-inline-start: 20px;
		line-height: 1.5;
	}

	.cohen-home-hero__actions {
		inset: 0;
	}

	.cohen-home-hero__actions .wp-block-button__link {
		block-size: 35px !important;
		font-size: 16px;
		min-block-size: 35px !important;
		min-inline-size: 0 !important;
		padding-block: 0 !important;
	}

	.cohen-home-hero__actions.wp-block-buttons > .wp-block-button {
		inline-size: auto !important;
	}

	.cohen-home-hero__primary {
		inset-block-start: 397px;
		inset-inline-start: 20px;
		position: absolute;
	}

	.cohen-home-hero__primary .wp-block-button__link {
		inline-size: 131px !important;
		padding-inline: 0 !important;
	}

	.cohen-home-hero__accident {
		inset-block-start: 399px;
		inset-inline-end: 20px;
		position: absolute;
	}

	.cohen-home-hero__accident::before {
		color: #fff;
		content: "במקרה של תאונה";
		font-size: 12px;
		inset-block-end: calc(100% + 4px);
		inset-inline-end: 5px;
		position: absolute;
		white-space: nowrap;
	}

	.cohen-home-hero__accident .wp-block-button__link {
		font-size: 14px;
		inline-size: 94px !important;
	}

	.cohen-home-hero__accident .wp-block-button__link {
		font-size: 0;
	}

	.cohen-home-hero__accident .wp-block-button__link::after {
		content: "לחצו כאן";
		font-size: 16px;
	}

	.cohen-home-trust {
		background: #f9f7f1;
		block-size: 125px;
	}

	.cohen-home-trust__grid {
		gap: 0;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		inline-size: 100%;
		inset-block-start: 0;
		left: 0;
		padding: 26px 12px;
		transform: none;
	}

	.cohen-home-metric {
		block-size: 73px;
	}

	.cohen-home-metric + .cohen-home-metric {
		border-inline-start: 1px solid #ccccd9;
	}

	.cohen-home-metric::after {
		display: none;
	}

	.cohen-home-metric__value {
		font-size: 34px;
		line-height: 1;
	}

	.cohen-home-metric__label {
		color: #535353;
		font-size: 13px;
		font-weight: 500;
		line-height: 1;
		margin-block-start: 4px !important;
	}

	.cohen-home-founder {
		display: none;
	}

	.cohen-home-quotes {
		background: #fff;
		block-size: 341px;
		padding: 6px 18px 30px;
	}

	.cohen-home-quotes__stack {
		inline-size: 100%;
	}

	.cohen-home-quote {
		background: var(--wp--preset--color--navy);
		border-radius: 22px;
		block-size: 305px;
		display: block;
		inline-size: 100%;
		inset: 0;
		padding: 26px 24px;
		text-align: start;
		transform: none;
	}

	.cohen-home-quote__mark {
		color: var(--wp--preset--color--red);
		display: block;
		font-size: 64px;
		font-weight: 800;
		inset: auto;
		line-height: normal;
		position: static;
	}

	.cohen-home-quote__lead {
		color: #fff;
		display: block;
		font-size: 19px;
		font-weight: 700;
		line-height: 1.5;
		margin-block-start: 14px !important;
	}

	.cohen-home-quote__mobile-copy {
		color: var(--wp--preset--color--periwinkle);
		display: block;
		font-size: 14px;
		line-height: 1.6;
		margin-block-start: 14px !important;
	}

	.cohen-home-experience {
		background: #f9f7f1;
		block-size: 484px;
		min-block-size: 484px !important;
		padding: 34px 22px;
	}

	.cohen-home-experience::after,
	.cohen-home-experience .wp-block-cover__background {
		display: none;
	}

	.cohen-home-experience .wp-block-cover__image-background {
		block-size: 200px;
		border-radius: 18px;
		clip-path: none;
		inline-size: calc(100% - 44px);
		inset: 34px 22px auto;
		left: auto;
		-webkit-mask: none;
		mask: none;
		object-position: center;
		transform: none;
	}

	.cohen-home-experience .wp-block-cover__inner-container {
		block-size: 100%;
	}

	.cohen-home-experience__content {
		inline-size: calc(100% - 44px);
		inset-block-start: 256px;
		inset-inline-end: auto;
		inset-inline-start: 22px;
	}

	.cohen-home-experience__item + .cohen-home-experience__item {
		margin-block-start: 22px;
	}

	.cohen-home-experience__item h2 {
		color: var(--wp--preset--color--navy) !important;
		font-size: 20px;
	}

	.cohen-home-experience__item p {
		color: #535353 !important;
		font-size: 14px;
		line-height: 1.6;
		margin-block-start: 6px;
	}

	.cohen-home-leadership {
		background: #fff;
		block-size: 299px;
		padding: 34px 22px;
	}

	.cohen-home-leadership > .cohen-container {
		inline-size: 100%;
	}

	.cohen-home-leadership__title {
		color: var(--wp--preset--color--navy) !important;
		display: block;
		font-size: 24px;
		margin-block-end: 14px !important;
	}

	.cohen-home-leadership__grid {
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.cohen-home-person--momik {
		order: 1;
	}

	.cohen-home-person--adiel {
		order: 2;
	}

	.cohen-home-person,
	.cohen-home-person--adiel,
	.cohen-home-person--momik {
		align-items: center;
		background: #f9f7f1;
		border-radius: 16px;
		block-size: 84px;
		display: flex;
		flex-direction: column;
		inline-size: 100%;
		inset: auto;
		justify-content: center;
		min-block-size: 0;
		padding: 12px 82px 12px 16px;
		position: relative;
	}

	.cohen-home-person::before {
		background: var(--wp--preset--color--periwinkle);
		border-radius: 50%;
		block-size: 52px;
		content: "";
		inline-size: 52px;
		inset-block-start: 13px;
		inset-inline-start: 16px;
		position: absolute;
		transform: none;
		z-index: 0;
	}

	.cohen-home-person::after {
		display: none;
	}

	.cohen-home-person > * {
		inset: auto;
		position: static;
		text-align: start;
	}

	.cohen-home-person h3 {
		color: var(--wp--preset--color--navy) !important;
		font-size: 18px;
		inline-size: 100%;
	}

	.cohen-home-person__role {
		color: #535353 !important;
		font-size: 13.5px;
		inline-size: 100%;
		margin-block-start: 3px !important;
	}

	.cohen-home-person p:last-child {
		display: none;
	}

	.cohen-home-services {
		background: #fff;
		block-size: auto;
		min-block-size: 0;
		padding: 36px 20px 40px;
	}

	.cohen-home-services > .cohen-container {
		inline-size: 100%;
	}

	.cohen-home-services h2,
	.cohen-home-services .cohen-home-section-intro,
	.cohen-home-services__grid {
		inset: auto;
		position: relative;
	}

	.cohen-home-services h2 {
		font-size: 26px;
	}

	.cohen-home-services .cohen-home-section-intro {
		color: #535353;
		font-size: 14px;
		inline-size: 100%;
		line-height: 1.55;
		margin-block-start: 18px !important;
		text-align: start;
	}

	.cohen-home-services__grid {
		display: grid;
		direction: ltr;
		gap: 18px 12px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-block-start: 18px !important;
	}

	.cohen-home-service-card,
	.cohen-home-service-card:nth-child(n) {
		align-items: center;
		background: #f9f7f1;
		border-radius: 16px;
		display: flex;
		flex-direction: column;
		grid-column: auto;
		inline-size: auto;
		inset: auto;
		justify-content: center;
		min-block-size: 130px;
		order: initial;
		padding: 20px 10px;
		position: relative;
		direction: rtl;
	}

	.cohen-home-service-card__desktop-art {
		display: none;
	}

	.cohen-home-service-card__mobile-art {
		display: block;
	}

	.cohen-home-service-card__mobile-art img {
		block-size: 52px;
		inline-size: 95px;
		object-fit: contain;
	}

	.cohen-home-service-card h3 {
		color: var(--wp--preset--color--navy) !important;
		display: block;
		font-size: 14.5px !important;
		font-weight: 800;
		inset: auto;
		margin-block-start: 10px;
		position: static;
	}

	.cohen-home-service-card h3 a {
		block-size: auto !important;
		color: var(--wp--preset--color--navy) !important;
		display: inline-block !important;
		font-size: inherit !important;
		inline-size: auto !important;
		line-height: normal;
		opacity: 1 !important;
		text-decoration: none;
		text-indent: 0 !important;
		visibility: visible !important;
	}

	/* Whole card tappable: the visible label's link grows an invisible
	   overlay covering the card. */
	.cohen-home-service-card h3 a::after {
		content: "";
		inset: 0;
		position: absolute;
	}

	.cohen-home-vehicles {
		background: #f9f7f1;
		block-size: 514px;
		padding-block: 36px;
	}

	.cohen-home-vehicles__brand,
	.cohen-home-vehicles h2,
	.cohen-home-vehicles > .cohen-container > .cohen-home-section-intro,
	.cohen-home-vehicles__track,
	.cohen-home-vehicles .wp-block-buttons {
		inset: auto;
		position: relative;
	}

	.cohen-home-vehicles__brand {
		block-size: 60px;
		inline-size: 114px;
		margin-left: auto;
		margin-right: 0;
	}

	.cohen-home-vehicles__brand img {
		block-size: 60px;
	}

	.cohen-home-vehicles h2 {
		font-size: 24px;
		inset: auto;
		margin: 18px 22px 0 !important;
		position: relative;
		right: auto;
		text-align: start;
	}

	.cohen-home-vehicles > .cohen-container > .cohen-home-section-intro {
		color: #535353;
		display: block;
		font-size: 14px;
		inline-size: auto;
		inset: auto;
		line-height: 1.5;
		margin: 6px 22px 0 !important;
		position: relative;
		right: auto;
		text-align: start;
	}

	.cohen-home-vehicles__track {
		block-size: 214px;
		display: flex;
		gap: 14px;
		inline-size: 100%;
		margin-block-start: 18px;
		overflow-x: auto;
		overflow-y: hidden;
		padding-inline: 22px;
		scroll-snap-type: inline mandatory;
	}

	.cohen-home-vehicles__track::after {
		display: none;
	}

	.cohen-home-vehicle-card,
	.cohen-home-vehicle-card:nth-child(n) {
		background: #fff;
		border-radius: 18px;
		block-size: 214px;
		box-shadow: 0 6px 16px rgb(0 20 115 / 0.12);
		color: var(--wp--preset--color--navy);
		flex: 0 0 224px;
		inline-size: 224px;
		margin: 0;
		min-block-size: 214px;
		opacity: 1;
		padding: 16px;
		position: relative;
		scroll-snap-align: start;
		transform: none;
	}

	.cohen-home-vehicle-card figure {
		align-items: center;
		background: #f1f2f8;
		border-radius: 12px;
		block-size: 74px;
		display: flex;
		justify-content: center;
	}

	.cohen-home-vehicle-card figure img {
		block-size: 46px;
		inline-size: 84px;
	}

	.cohen-home-vehicle-card h3 {
		color: var(--wp--preset--color--navy);
		font-size: 18px;
		inset: auto;
		margin-block-start: 10px !important;
		max-inline-size: none;
		position: static;
		text-align: start;
	}

	.cohen-home-vehicle-card__price {
		background: transparent;
		block-size: auto;
		color: var(--wp--preset--color--red);
		display: block;
		font-size: 17px;
		inline-size: auto;
		inset: auto;
		margin-block-start: 10px !important;
		padding: 0;
		position: static;
	}

	.cohen-home-vehicle-card__meta {
		font-size: 11.5px;
		gap: 6px;
		inline-size: auto;
		inset: auto;
		justify-content: flex-start;
		margin-block-start: 10px !important;
		position: static;
	}

	.cohen-home-vehicle-card__meta span {
		background: #f1f2f8;
		border-radius: 20px;
		color: var(--wp--preset--color--navy);
		font-weight: 500;
		padding: 5px 9px;
	}

	/* Figma 273:76: red CTA 142×52 at the row's inline start (right). */
	.cohen-home-vehicles .wp-block-buttons {
		display: flex;
		inset: auto !important;
		justify-content: flex-start;
		margin: 18px 22px 0 !important;
		transform: none !important;
	}

	.cohen-home-vehicles .wp-block-buttons::before,
	.cohen-home-vehicles > .cohen-container::after,
	.cohen-home-vehicles__dots {
		display: none !important;
	}

	.cohen-home-vehicles .wp-block-button {
		flex: 0 0 auto !important;
		inline-size: auto !important;
	}

	.cohen-home-vehicles .wp-block-button__link {
		block-size: 52px !important;
		inline-size: 142px !important;
	}

	.cohen-home-contact {
		background: #fff;
		block-size: 617px;
		padding: 36px 22px 40px;
	}

	.cohen-home-contact__inner {
		inline-size: 100%;
	}

	.cohen-home-contact h2,
	.cohen-home-contact__intro,
	.cohen-home-form-preview {
		inset: auto;
		position: relative;
	}

	.cohen-home-form-field--name { order: 1; }
	.cohen-home-form-field--phone { order: 2; }
	.cohen-home-form-field--email { order: 3; }
	.cohen-home-form-field--insurance { order: 4; }
	.cohen-home-form-preview button { order: 5; }

	.cohen-home-contact h2 {
		font-size: 26px;
		inline-size: 100%;
	}

	.cohen-home-contact__intro {
		color: #535353;
		font-size: 20px;
		inline-size: 100%;
		line-height: 1.15;
		margin-block: 14px;
	}

	.cohen-home-form-preview {
		background: transparent;
		block-size: auto;
		display: flex;
		flex-direction: column;
		gap: 14px;
		inline-size: 100%;
		padding: 0;
	}

	.cohen-home-form-field {
		align-items: stretch;
		display: flex;
		flex-direction: column;
		font-size: 14px;
		gap: 6px;
	}

	.cohen-home-form-field input::placeholder {
		color: #91959a;
	}

	.cohen-home-form-field select {
		color: #91959a;
	}

	.cohen-home-form-field input,
	.cohen-home-form-field select {
		background: #f5f6fa;
		border: 1px solid #e0e3f0;
		border-radius: 12px;
		inline-size: 100%;
		min-block-size: 47px;
		padding-inline: 14px;
	}

	.cohen-home-form-preview button {
		font-size: 16px;
		inline-size: 100%;
		min-block-size: 54px;
	}

	.cohen-home-partners {
		background: #f9f7f1;
		block-size: auto;
		min-block-size: 266px;
		padding: 34px 18px 40px;
	}

	.cohen-home-partners > .cohen-container {
		transform: none;
		inline-size: 100%;
	}

	.cohen-home-partners__title {
		font-size: 22px !important;
		text-align: center;
	}

	.cohen-home-partners__strip {
		block-size: auto;
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		justify-content: center;
		margin-block-start: 18px;
		margin-right: 0;
	}

	.cohen-home-partners__strip figure {
		align-items: center;
		background: #fff;
		border-radius: 12px;
		block-size: 68px;
		display: flex;
		flex: 0 1 106px;
		inset: auto;
		justify-content: center;
		min-inline-size: 96px;
		min-block-size: 68px;
		position: static;
		transform: none;
		padding: 8px 10px;
	}

	.cohen-home-partners__strip img {
		block-size: 38px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cohen-home-service-card {
		transition: none;
	}
}