/* ══════════════════════════════════════════════════════════════════════════
   css/leadership-team.css — /leadership-team  (prefix fw-ld)

   THE TEAM: an opening line beside the leaders' own faces (one large, a
   small block beside it); a founder's note set as a quotation; the team as
   one row per group, the group named on the left and the people on the
   right as portrait, name, role and two lines; how our leaders look after
   your care beside a lab photograph; how to reach the right person; the
   questions in two columns.
   Each person's profile is leadership-detail.php with its own sheet
   (css/leadership-detail.css, prefix fw-lp).

   House rules kept: bright grounds with soft brand light; no max-width;
   colour only from :root; no boxed cards, structure from space and fade
   rules; photographs square-cornered, no shadow; icon discs, pills and
   buttons stay round; 28px / 14px gutters; each band about 55vh with its
   type and photographs sized in vh, released at 1024px and below.
   ══════════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════
   00 · TOKENS & PRIMITIVES
   ══════════════════════════════════════════════════════════════ */

.fw-ld-page{
	--pad:28px;
	--ink:var(--dk-d);
	--line:color-mix(in srgb, var(--dk) 9%, transparent);
	--fade-x:linear-gradient(90deg, transparent, var(--line) 10%, var(--line) 90%, transparent);
	--fade-y:linear-gradient(180deg, transparent, var(--line) 14%, var(--line) 86%, transparent);
	--sec:clamp(30px, 5.2vh, 62px);
	--gap:clamp(22px, 3.2vw, 64px);
	--ease:cubic-bezier(.22,1,.36,1);
	--ease-soft:cubic-bezier(.16,1,.3,1);
	--ac:var(--pk);--ac-dd:var(--pk-dd);--ac-ink:var(--pk-ink);--ac-l:var(--pk-l);--ac-t:var(--pk-t);
	background:var(--wh);
	-webkit-text-size-adjust:100%
}
.fw-ld-ac--pk{--ac:var(--pk);--ac-dd:var(--pk-dd);--ac-ink:var(--pk-ink);--ac-l:var(--pk-l);--ac-t:var(--pk-t)}
.fw-ld-ac--bl{--ac:var(--bl);--ac-dd:var(--bl-dd);--ac-ink:var(--bl-ink);--ac-l:var(--bl-l);--ac-t:var(--bl-t)}
.fw-ld-ac--mt{--ac:var(--mt);--ac-dd:var(--mt-dd);--ac-ink:var(--mt-ink);--ac-l:var(--mt-l);--ac-t:var(--mt-t)}
.fw-ld-ac--pu{--ac:var(--pu);--ac-dd:var(--pu-dd);--ac-ink:var(--pu-ink);--ac-l:var(--pu-l);--ac-t:var(--pu-t)}
.fw-ld-ac--co{--ac:var(--co);--ac-dd:var(--co-dd);--ac-ink:var(--co-ink);--ac-l:var(--co-l);--ac-t:var(--co-t)}

.fw-ld{display:block;position:relative}
.fw-ld-page em{font-family:var(--ff)}
.fw-ld .fw-ico{stroke-width:1.6}
.fw-ld-inner{position:relative;z-index:1;width:100%;padding-inline:var(--pad)}

.fw-ld-eyebrow{margin:0;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ac-ink)}
.fw-ld-h1{margin:10px 0 0;font-family:var(--ff);font-size:clamp(28px, 5vh, 54px);font-weight:600;line-height:1.08;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.fw-ld-h2{margin:0;font-family:var(--ff);font-size:clamp(24px, 3.9vh, 40px);font-weight:600;line-height:1.12;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.fw-ld-h3{margin:0;font-family:var(--ff);font-size:clamp(18px, 2.7vh, 24px);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
.fw-ld-lead{margin:0;font-size:clamp(15px, 2vh, 17.5px);font-weight:400;line-height:1.6;color:var(--g6);text-wrap:pretty}
.fw-ld-more{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--ac-ink)}
.fw-ld-more i{font-size:12px;transition:transform .3s var(--ease)}
.fw-ld-more:hover{color:var(--ac-dd)}
.fw-ld-more:hover i{transform:translateX(3px)}

.fw-ld-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:clamp(46px, 5.8vh, 54px);padding:0 26px;border:0;border-radius:100px;cursor:pointer;
	font-family:var(--ff);font-size:15px;font-weight:600;white-space:nowrap;color:var(--wh);background:linear-gradient(100deg, var(--pk), var(--pk-d) 45%, var(--pk-dd));box-shadow:var(--pk-glow);
	transition:box-shadow .3s, transform .25s var(--ease)
}
.fw-ld-btn i{font-size:13px;transition:transform .3s var(--ease)}
.fw-ld-btn:hover{color:var(--wh);box-shadow:var(--pk-glow-lg);transform:translateY(-1px)}
.fw-ld-btn:hover i{transform:translateX(3px)}
.fw-ld-btn--ghost{color:var(--ink);background:var(--wh);box-shadow:inset 0 0 0 1.5px var(--line)}
.fw-ld-btn--ghost:hover{color:var(--bl-ink);background:var(--bl-wash);box-shadow:inset 0 0 0 1.5px var(--bl-ring)}
.fw-ld-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:clamp(18px, 3vh, 30px)}

/* An icon disc: an object, so it stays round. */
.fw-ld-disc{display:grid;place-items:center;flex:0 0 auto;width:clamp(44px, 6vh, 54px);height:clamp(44px, 6vh, 54px);border-radius:50%;font-size:clamp(20px, 2.7vh, 24px);color:var(--ac-ink);background:var(--ac-l)}

/* A person without a portrait yet: their initials on the group's tint. */
.fw-ld-mono{display:grid;place-items:center;width:100%;height:100%;font-family:var(--ff);font-size:clamp(28px, 6vh, 64px);font-weight:600;letter-spacing:-.02em;color:var(--ac-ink);background:linear-gradient(150deg, var(--ac-l), var(--ac-t))}

.fw-ld img.lazy{opacity:0;transition:opacity .6s var(--ease-soft)}
.fw-ld img.lazy-loaded,
.fw-ld img.lazy-error{opacity:1}

/* The gentle reveal (custom/js/leadership-team.js adds .fw-ld-anim). */
.fw-ld-anim [data-ld-reveal]{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease-soft), transform .8s var(--ease-soft)}
.fw-ld-anim [data-ld-reveal].is-in{opacity:1;transform:none}

/* ══════════════════════════════════════════════════════════════
   01 · WHO LEADS
   ══════════════════════════════════════════════════════════════ */

.fw-ld-hero{
	--hh:clamp(260px, 44vh, 470px);--fg:clamp(8px, 1.2vh, 12px);
	position:relative;display:grid;grid-template-columns:minmax(0, 1fr) auto;column-gap:var(--gap);align-items:center;
	padding:clamp(12px, 2vh, 24px) var(--pad) clamp(28px, 4.6vh, 56px) 0;
	background:
		radial-gradient(60% 80% at 88% 20%, color-mix(in srgb, var(--pk) 9%, transparent), transparent 70%),
		radial-gradient(50% 70% at 12% 100%, color-mix(in srgb, var(--bl) 8%, transparent), transparent 70%),
		var(--wh)
}
.fw-ld-crumb{margin-bottom:clamp(12px, 2.4vh, 24px)}
.fw-ld-hero .fw-ld-lead{margin-top:clamp(12px, 2vh, 18px)}

/* The live figures under the opening line: an icon disc, the number and
   its label beside it, in equal columns split by fade rules. */
.fw-ld-facts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0, 1fr);width:fit-content;margin:clamp(20px, 3.4vh, 34px) 0 0;padding:0;list-style:none}
.fw-ld-facts li{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:0 clamp(18px, 2vw, 32px)}
.fw-ld-facts li:first-child{padding-left:0}
.fw-ld-facts li + li::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--fade-y)}
.fw-ld-facts .fw-ld-disc{grid-row:1 / span 2;width:clamp(42px, 5.6vh, 50px);height:clamp(42px, 5.6vh, 50px);font-size:clamp(19px, 2.5vh, 22px)}
.fw-ld-facts b{align-self:end;font-family:var(--ff);font-size:clamp(24px, 3.8vh, 36px);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--ac-ink);font-variant-numeric:tabular-nums}
.fw-ld-facts__label{align-self:start;margin-top:5px;font-size:13px;font-weight:500;line-height:1.3;color:var(--g6);white-space:nowrap}

/* The faces: one large, then a block of smaller ones, all the same 4:5
   shape as the portraits, so nothing is cropped. */
.fw-ld-faces{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2, calc((var(--hh) - var(--fg)) / 2));gap:var(--fg);margin:0;padding:0;list-style:none}
.fw-ld-faces li{position:relative;height:100%;aspect-ratio:4 / 5}
.fw-ld-faces li:first-child{grid-row:span 2}
.fw-ld-faces a{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:var(--g1)}
.fw-ld-faces img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-soft)}
.fw-ld-faces a:hover img{transform:scale(1.03)}
/* The name on a small white pill: shown on the large face, and on the
   smaller ones when pointed at or focused. */
.fw-ld-faces__tag{
	position:absolute;left:10px;bottom:10px;display:flex;flex-direction:column;padding:7px 14px;border-radius:100px;
	font-size:11.5px;font-weight:500;line-height:1.3;color:var(--g6);background:var(--wh);
	opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease), transform .35s var(--ease)
}
.fw-ld-faces__tag b{font-size:13px;font-weight:600;color:var(--ink)}
.fw-ld-faces li:first-child .fw-ld-faces__tag,
.fw-ld-faces a:hover .fw-ld-faces__tag,
.fw-ld-faces a:focus-visible .fw-ld-faces__tag{opacity:1;transform:none}
.fw-ld-faces li:not(:first-child) .fw-ld-faces__tag{left:6px;right:6px;bottom:6px;padding:5px 10px;border-radius:14px}

/* No faces yet: the team photograph, whole. */
.fw-ld-hero__fig{margin:0;height:var(--hh);aspect-ratio:1600 / 893;background:var(--g1)}
.fw-ld-hero__fig img{display:block;width:100%;height:100%;object-fit:contain}

/* ══════════════════════════════════════════════════════════════
   02 · A NOTE FROM OUR FOUNDER
   ══════════════════════════════════════════════════════════════ */

.fw-ld-note{position:relative;padding:var(--sec) 0;background:linear-gradient(110deg, color-mix(in srgb, var(--pk) 6%, var(--wh)), var(--wh) 55%, color-mix(in srgb, var(--bl) 5%, var(--wh)))}
.fw-ld-note__grid{display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:var(--gap);align-items:center}
.fw-ld-note__fig{display:block;height:clamp(250px, 42vh, 430px);aspect-ratio:4 / 5;overflow:hidden;background:var(--g1)}
.fw-ld-note__fig img{display:block;width:100%;height:100%;object-fit:cover}
.fw-ld-note__say{display:flex;flex-direction:column;align-items:flex-start}
.fw-ld-note__say .fw-ld-lead{margin-top:clamp(10px, 1.8vh, 16px)}

/* Their own words: large, with one pink quotation mark hung in the margin. */
.fw-ld-quote{position:relative;margin:clamp(12px, 2vh, 18px) 0 0;padding:0 0 0 clamp(30px, 3vw, 44px);border:0;font-size:inherit}
.fw-ld-quote::before{content:'\201C';position:absolute;left:0;top:-.12em;font-family:var(--ff);font-size:clamp(46px, 8vh, 80px);font-weight:700;line-height:1;color:var(--pk)}
.fw-ld-quote p{margin:0;font-family:var(--ff);font-size:clamp(20px, 3.3vh, 32px);font-weight:500;line-height:1.3;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.fw-ld-sign{position:relative;display:flex;flex-direction:column;margin:clamp(14px, 2.4vh, 22px) 0 clamp(8px, 1.4vh, 12px);padding-top:clamp(10px, 1.6vh, 14px)}
.fw-ld-sign::before{content:'';position:absolute;left:0;top:0;width:clamp(120px, 14vw, 200px);height:1px;background:linear-gradient(90deg, var(--pk), transparent)}
.fw-ld-sign b{font-family:var(--ff);font-size:16px;font-weight:600;color:var(--ink)}
.fw-ld-sign span{font-size:13.5px;color:var(--g6)}

/* ══════════════════════════════════════════════════════════════
   03 · MEET THE TEAM
   ══════════════════════════════════════════════════════════════ */

.fw-ld-team{position:relative;padding:var(--sec) 0}
.fw-ld-team__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}

/* Jump to a group: plain links, the page scrolls there (core.js). */
.fw-ld-jump{display:flex;flex-wrap:wrap;gap:8px}
.fw-ld-jump a{
	display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 8px 0 16px;border-radius:100px;
	font-size:13.5px;font-weight:600;color:var(--ink);background:var(--wh);box-shadow:inset 0 0 0 1.5px var(--line);transition:background .25s, box-shadow .25s, color .25s
}
.fw-ld-jump a span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:100px;font-size:12px;color:var(--ac-ink);background:var(--ac-l)}
.fw-ld-jump a:hover{color:var(--ac-ink);background:var(--ac-t);box-shadow:inset 0 0 0 1.5px var(--ac-l)}

/* One row per group: its name on the left, the people on the right. The
   portrait is sized by height, so a row stays inside the window. */
.fw-ld-group{
	--ph:clamp(140px, 21vh, 210px);
	position:relative;display:grid;grid-template-columns:clamp(170px, 15vw, 260px) minmax(0, 1fr);column-gap:var(--gap);
	margin-top:clamp(20px, 3.4vh, 34px);padding-top:clamp(20px, 3.4vh, 34px);scroll-margin-top:110px
}
.fw-ld-group::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-ld-group__head{position:relative;padding-left:16px}
.fw-ld-group__head::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:3px;background:linear-gradient(180deg, var(--ac), transparent)}
.fw-ld-group__head p{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--g6);text-wrap:pretty}

.fw-ld-people{display:grid;grid-template-columns:repeat(auto-fill, minmax(clamp(250px, 19vw, 340px), 1fr));gap:clamp(18px, 2.8vh, 30px) clamp(20px, 2.4vw, 40px);margin:0;padding:0;list-style:none}
/* A person: the portrait at the row's height, their words beside it. */
.fw-ld-person{display:grid;grid-template-columns:calc(var(--ph) * .8) minmax(0, 1fr);grid-template-rows:auto auto auto 1fr;column-gap:clamp(14px, 1.4vw, 22px);align-content:start;min-width:0}
.fw-ld-person > :not(.fw-ld-person__pic){grid-column:2}
.fw-ld-person__pic{grid-row:1 / span 5;display:block;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:var(--g1)}
.fw-ld-person__pic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-soft)}
.fw-ld-person:hover .fw-ld-person__pic img{transform:scale(1.03)}
.fw-ld-person__name{margin:clamp(4px, 1vh, 10px) 0 0;font-family:var(--ff);font-size:clamp(15.5px, 2.2vh, 18px);font-weight:600;line-height:1.25;letter-spacing:-.01em}
.fw-ld-person__name a{color:var(--ink)}
.fw-ld-person__name a:hover{color:var(--ac-ink)}
.fw-ld-person__role{margin:4px 0 0;font-size:13.5px;font-weight:500;line-height:1.35;color:var(--ac-ink)}
.fw-ld-person__place{display:flex;align-items:center;gap:7px;margin:8px 0 0;font-size:13px;font-weight:500;color:var(--g7)}
.fw-ld-person__place img{display:block;width:18px;aspect-ratio:4 / 3;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.fw-ld-person__intro{margin:8px 0 0;font-size:13.5px;line-height:1.55;color:var(--g6);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}

/* ══════════════════════════════════════════════════════════════
   04 · HOW OUR LEADERS LOOK AFTER YOUR CARE
   ══════════════════════════════════════════════════════════════ */

.fw-ld-care{position:relative;padding:var(--sec) 0;background:linear-gradient(120deg, color-mix(in srgb, var(--bl) 7%, var(--wh)), color-mix(in srgb, var(--mt) 6%, var(--wh)))}
.fw-ld-care__grid{display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:var(--gap);align-items:center}
.fw-ld-care__fig{margin:0;height:clamp(220px, 40vh, 420px);aspect-ratio:1600 / 1073;background:var(--g1)}
.fw-ld-care__fig img{display:block;width:100%;height:100%;object-fit:contain}
.fw-ld-promises{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0 clamp(20px, 2.6vw, 44px);margin:clamp(14px, 2.4vh, 24px) 0 0;padding:0;list-style:none}
.fw-ld-promises li{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:14px;align-items:start;padding:clamp(12px, 2vh, 20px) 0}
.fw-ld-promises li:nth-child(n+3)::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-ld-promises .fw-ld-disc{grid-row:span 2}
.fw-ld-promises b{font-family:var(--ff);font-size:clamp(15.5px, 2.2vh, 18px);font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.fw-ld-promises span:not(.fw-ld-disc){margin-top:4px;font-size:14px;line-height:1.55;color:var(--g6);text-wrap:pretty}

/* ══════════════════════════════════════════════════════════════
   05 · REACH THE RIGHT PERSON
   ══════════════════════════════════════════════════════════════ */

.fw-ld-reach{position:relative;padding:var(--sec) 0}
.fw-ld-reach__grid{display:grid;grid-template-columns:minmax(0, 1fr) auto;column-gap:var(--gap);align-items:center}
.fw-ld-reach .fw-ld-lead{margin-top:clamp(8px, 1.4vh, 12px)}
.fw-ld-reach__fig{margin:0;height:clamp(220px, 38vh, 400px);aspect-ratio:1600 / 1073;background:var(--g1)}
.fw-ld-reach__fig img{display:block;width:100%;height:100%;object-fit:contain}
.fw-ld-ways{margin:clamp(12px, 2vh, 20px) 0 0;padding:0;list-style:none}
.fw-ld-ways li{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr) auto;column-gap:16px;align-items:center;padding:clamp(10px, 1.8vh, 16px) 0}
.fw-ld-ways li + li::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-ld-ways div{display:flex;flex-direction:column;min-width:0}
.fw-ld-ways b{font-family:var(--ff);font-size:clamp(15.5px, 2.2vh, 17.5px);font-weight:600;color:var(--ink)}
.fw-ld-ways div span{margin-top:2px;font-size:13.5px;line-height:1.5;color:var(--g6)}
.fw-ld-ways .fw-ld-more{justify-self:end;white-space:nowrap}

/* ══════════════════════════════════════════════════════════════
   06 · QUESTIONS
   ══════════════════════════════════════════════════════════════ */

.fw-ld-faq{position:relative;padding:var(--sec) 0 calc(var(--sec) * 1.2);background:linear-gradient(180deg, var(--wh), color-mix(in srgb, var(--pk) 4%, var(--wh)))}
.fw-ld-qs{columns:2;column-gap:clamp(24px, 3.4vw, 64px);margin-top:clamp(14px, 2.4vh, 24px)}
.fw-ld-q{position:relative;break-inside:avoid;padding:clamp(10px, 1.7vh, 15px) 0}
.fw-ld-q::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--fade-x)}
.fw-ld-q summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;font-family:var(--ff);font-size:clamp(15px, 2.1vh, 17px);font-weight:600;line-height:1.35;color:var(--ink)}
.fw-ld-q summary::-webkit-details-marker{display:none}
.fw-ld-q summary i{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;font-size:13px;color:var(--pk-ink);background:var(--pk-l);transition:transform .35s var(--ease)}
.fw-ld-q[open] summary i{transform:rotate(45deg)}
.fw-ld-q summary:hover{color:var(--pk-ink)}
.fw-ld-q p{margin:8px 44px 2px 0;font-size:14.5px;line-height:1.6;color:var(--g6);text-wrap:pretty}

/* ══════════════════════════════════════════════════════════════
   07 · SMALLER SCREENS — the bands are released and stacked
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 1024px){
	.fw-ld-hero{--hh:clamp(240px, 36vw, 380px)}
	.fw-ld-group{grid-template-columns:minmax(0, 1fr);row-gap:16px}
	.fw-ld-care__grid,
	.fw-ld-reach__grid,
	.fw-ld-note__grid{column-gap:28px}
	.fw-ld-care__fig,
	.fw-ld-reach__fig{height:clamp(200px, 26vw, 300px)}
}

@media (max-width: 768px){
	.fw-ld-page{--pad:14px;--gap:18px}
	.fw-ld-h1{font-size:clamp(27px, 7.6vw, 36px)}
	.fw-ld-h2{font-size:clamp(22px, 6.4vw, 30px)}

	/* The opening: words first, the faces as a strip under them. */
	.fw-ld-hero{grid-template-columns:minmax(0, 1fr);row-gap:22px;padding:10px var(--pad) 28px 0}
	.fw-ld-hero__say{padding-right:0}
	/* One large face and two columns of small ones must fit the phone:
	   the block is 1.6 times its height wide, plus two gaps. */
	.fw-ld-faces{--fg:8px;--hh:calc((100vw - var(--pad) * 2 - var(--fg) * 2) / 1.6);margin-left:var(--pad)}
	.fw-ld-faces li:first-child .fw-ld-faces__tag{left:6px;bottom:6px;padding:5px 10px}
	.fw-ld-faces__tag{font-size:10.5px}
	.fw-ld-faces__tag b{font-size:12px}
	.fw-ld-hero__fig{height:auto;width:calc(100% - var(--pad));margin-left:var(--pad)}
	/* On a phone each figure stands as a column: icon, number, label. */
	.fw-ld-facts{width:100%}
	.fw-ld-facts li{grid-template-columns:minmax(0, 1fr);grid-template-rows:auto auto auto;row-gap:6px;justify-items:start;padding:0 12px}
	.fw-ld-facts .fw-ld-disc{grid-row:auto;width:40px;height:40px;font-size:18px}
	.fw-ld-facts__label{margin-top:0;font-size:12px;white-space:normal}
	.fw-ld-act .fw-ld-btn{flex:1 1 auto}

	.fw-ld-note__grid,
	.fw-ld-care__grid,
	.fw-ld-reach__grid{grid-template-columns:minmax(0, 1fr);row-gap:20px}
	.fw-ld-note__fig{height:auto;width:62vw}
	.fw-ld-care__fig,
	.fw-ld-reach__fig{height:auto;width:100%}
	.fw-ld-reach__fig{grid-row:1}

	/* The team as one list of people, portrait beside words, like an app's contacts. */
	.fw-ld-people{grid-template-columns:minmax(0, 1fr);gap:18px}
	.fw-ld-group{--ph:clamp(140px, 42vw, 190px)}
	.fw-ld-jump{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:calc(var(--pad) * -1);padding-right:var(--pad)}
	.fw-ld-jump::-webkit-scrollbar{display:none}
	.fw-ld-jump a{flex:0 0 auto}

	.fw-ld-promises{grid-template-columns:minmax(0, 1fr)}
	.fw-ld-promises li:nth-child(n+2)::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
	.fw-ld-ways li{grid-template-columns:auto minmax(0, 1fr);row-gap:6px}
	.fw-ld-ways .fw-ld-more{grid-column:2;justify-self:start}
	.fw-ld-qs{columns:1}
}

@media (prefers-reduced-motion: reduce){
	.fw-ld-anim [data-ld-reveal]{opacity:1;transform:none;transition:none}
	.fw-ld-faces img,.fw-ld-person__pic img{transition:none}
}