/* ══════════════════════════════════════════════════════════════════════════
   css/social-impact.css — /social-impact  (prefix fw-si)

   Plain on purpose (the owner, 29 Sep: "complicated, rethink for a normal
   user"). Six simple sections a visitor reads top to bottom: what we do and
   a button beside a photograph; four plain points on how we help; big
   numbers with one small source line; programmes as photograph, title,
   place and two lines, three across; three steps to get help beside the
   questions; and one compact row to get involved. No map, tabs, filters,
   arches or footnote marks.

   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 section about 55vh.
   ══════════════════════════════════════════════════════════════════════════ */

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

.fw-si-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(32px, 5.4vh, 64px);
	--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);
	background:var(--wh);
	-webkit-text-size-adjust:100%
}
.fw-si-ac--pk{--ac:var(--pk);--ac-dd:var(--pk-dd);--ac-ink:var(--pk-ink);--ac-l:var(--pk-l)}
.fw-si-ac--bl{--ac:var(--bl);--ac-dd:var(--bl-dd);--ac-ink:var(--bl-ink);--ac-l:var(--bl-l)}
.fw-si-ac--mt{--ac:var(--mt);--ac-dd:var(--mt-dd);--ac-ink:var(--mt-ink);--ac-l:var(--mt-l)}
.fw-si-ac--pu{--ac:var(--pu);--ac-dd:var(--pu-dd);--ac-ink:var(--pu-ink);--ac-l:var(--pu-l)}
.fw-si-ac--co{--ac:var(--co);--ac-dd:var(--co-dd);--ac-ink:var(--co-ink);--ac-l:var(--co-l)}

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

.fw-si-eyebrow{margin:0;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--pk-ink)}
.fw-si-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-si-lead{margin:0;font-size:clamp(15px, 2vh, 17.5px);font-weight:400;line-height:1.6;color:var(--g6);text-wrap:pretty}
.fw-si-more{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--ac-ink)}
.fw-si-more i{font-size:12px;transition:transform .3s var(--ease)}
.fw-si-more:hover{color:var(--ac-dd)}
.fw-si-more:hover i{transform:translateX(3px)}

.fw-si-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-si-btn i{font-size:13px;transition:transform .3s var(--ease)}
.fw-si-btn:hover{color:var(--wh);box-shadow:var(--pk-glow-lg);transform:translateY(-1px)}
.fw-si-btn:hover i{transform:translateX(3px)}
.fw-si-btn--ghost{color:var(--ink);background:var(--wh);box-shadow:inset 0 0 0 1.5px var(--line)}
.fw-si-btn--ghost:hover{color:var(--bl-ink);background:var(--bl-wash);box-shadow:inset 0 0 0 1.5px var(--bl-ring)}

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

/* ══════════════════════════════════════════════════════════════
   01 · WHAT WE DO
   ══════════════════════════════════════════════════════════════ */

.fw-si-hero{
	--hh:clamp(240px, 42vh, 450px);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:linear-gradient(120deg, var(--wh), color-mix(in srgb, var(--pk) 6%, var(--wh)) 60%, color-mix(in srgb, var(--bl) 7%, var(--wh)))
}
.fw-si-crumb{margin-bottom:clamp(12px, 2.4vh, 24px)}
.fw-si-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-si-hero .fw-si-lead{margin-top:clamp(12px, 2vh, 18px)}
.fw-si-act{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:clamp(18px, 3vh, 30px)}
.fw-si-hero__fig{position:relative;margin:0;height:var(--hh);aspect-ratio:1376 / 768;background:var(--g1)}
.fw-si-hero__fig img{display:block;width:100%;height:100%;object-fit:cover}

/* ══════════════════════════════════════════════════════════════
   02 · HOW WE HELP EVERY FAMILY
   ══════════════════════════════════════════════════════════════ */

.fw-si-help{position:relative;padding:var(--sec) 0}
.fw-si-points{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));column-gap:clamp(18px, 2.6vw, 44px);margin:clamp(20px, 3.4vh, 34px) 0 0;padding:0;list-style:none}
.fw-si-point{position:relative;display:flex;flex-direction:column;align-items:flex-start}
.fw-si-point + .fw-si-point::before{content:'';position:absolute;left:calc(clamp(18px, 2.6vw, 44px) / -2);top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-si-point__ico{display:grid;place-items:center;width:clamp(50px, 7vh, 60px);height:clamp(50px, 7vh, 60px);border-radius:50%;font-size:clamp(22px, 3vh, 27px);color:var(--ac-ink);background:var(--ac-l)}
.fw-si-point__t{margin:clamp(12px, 2vh, 18px) 0 0;font-family:var(--ff);font-size:clamp(17px, 2.5vh, 20px);font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--ink)}
.fw-si-point__p{margin:6px 0 12px;font-size:14.5px;line-height:1.55;color:var(--g6);text-wrap:pretty}
.fw-si-point .fw-si-more{margin-top:auto}

/* ══════════════════════════════════════════════════════════════
   03 · OUR IMPACT SO FAR
   ══════════════════════════════════════════════════════════════ */

.fw-si-nums{position:relative;padding:var(--sec) 0;background:linear-gradient(120deg, color-mix(in srgb, var(--pk) 7%, var(--wh)), color-mix(in srgb, var(--bl) 7%, var(--wh)))}
.fw-si-nums__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0, 1fr);margin:clamp(18px, 3vh, 30px) 0 0;padding:0;list-style:none}
.fw-si-nums__row li{position:relative;display:flex;flex-direction:column;padding:0 clamp(12px, 2vw, 30px)}
/* The 3D icon above each number, on a transparent ground. */
.fw-si-nums__ico{display:block;width:clamp(64px, 9vh, 88px);height:auto;margin:0 0 6px -6px}
.fw-si-nums__row li:first-child{padding-left:0}
.fw-si-nums__row li + li::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-si-nums__row b{font-family:var(--ff);font-size:clamp(34px, 6vh, 60px);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--pk-ink);font-variant-numeric:tabular-nums}
.fw-si-nums__row li:nth-child(4n+2) b{color:var(--bl-ink)}
.fw-si-nums__row li:nth-child(4n+3) b{color:var(--pu-ink)}
.fw-si-nums__row li:nth-child(4n+4) b{color:var(--mt-ink)}
.fw-si-nums__row span{margin-top:8px;font-size:clamp(14px, 1.95vh, 16px);font-weight:600;line-height:1.3;color:var(--ink)}
.fw-si-nums__note{margin:clamp(16px, 2.8vh, 26px) 0 0;font-size:12.5px;color:var(--g6)}

/* ══════════════════════════════════════════════════════════════
   04 · FIND A PROGRAMME NEAR YOU
   ══════════════════════════════════════════════════════════════ */

.fw-si-progs{position:relative;padding:clamp(28px, 4.6vh, 56px) 0}
.fw-si-progs__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px}
/* The flag row: one pill per country with how many programmes run there. */
/* The stats beside the heading: three calm badges, number first. */
.fw-si-stats{display:flex;flex-wrap:wrap;gap:8px 10px;margin:0;padding:0;list-style:none}
.fw-si-stats li{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:100px;font-size:13.5px;font-weight:500;color:var(--g7);background:var(--wh);box-shadow:inset 0 0 0 1.5px var(--line)}
.fw-si-stats span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:14px;color:var(--ac-ink);background:var(--ac-l)}
.fw-si-stats b{font-family:var(--ff);font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--ac-ink)}
/* The flag bar: always ONE row, however many countries. It scrolls
   sideways; arrows and faded edges appear only when there is more to see
   (data-more-left / data-more-right, set by the script). */
.fw-si-flagbar{position:relative;display:flex;align-items:center;gap:8px;margin-top:clamp(12px, 2vh, 18px)}
.fw-si-flags{display:flex;flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:8px;padding:2px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}
.fw-si-flags::-webkit-scrollbar{display:none}
.fw-si-flagbar[data-more-right] .fw-si-flags{-webkit-mask-image:linear-gradient(90deg, var(--ink) 88%, transparent);mask-image:linear-gradient(90deg, var(--ink) 88%, transparent)}
.fw-si-flagbar[data-more-left] .fw-si-flags{-webkit-mask-image:linear-gradient(90deg, transparent, var(--ink) 12%);mask-image:linear-gradient(90deg, transparent, var(--ink) 12%)}
.fw-si-flagbar[data-more-left][data-more-right] .fw-si-flags{-webkit-mask-image:linear-gradient(90deg, transparent, var(--ink) 10%, var(--ink) 90%, transparent);mask-image:linear-gradient(90deg, transparent, var(--ink) 10%, var(--ink) 90%, transparent)}
.fw-si-flagbar__go{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;cursor:pointer;font-size:14px;color:var(--bl-ink);background:var(--wh);box-shadow:inset 0 0 0 1.5px var(--bl-ring);transition:background .25s, color .25s}
.fw-si-flagbar__go[hidden]{display:none}
.fw-si-flagbar__go:hover{color:var(--wh);background:var(--bl)}
.fw-si-flagbar__go:disabled{opacity:.35;cursor:default;color:var(--bl-ink);background:var(--wh)}
.fw-si-flags button{
	flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:5px 8px 5px 5px;border:0;border-radius:100px;cursor:pointer;
	font-family:var(--ff);font-size:13.5px;font-weight:600;color:var(--ink);background:var(--wh);box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow .25s, background .25s, color .25s
}
.fw-si-flags img,
.fw-si-flags__all{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;object-fit:cover;font-size:13px;color:var(--bl-ink);background:var(--bl-l)}
.fw-si-flags b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:100px;font-size:11.5px;color:var(--g7);background:var(--g1)}
.fw-si-flags button:hover{box-shadow:inset 0 0 0 1.5px var(--bl-ring)}
.fw-si-flags button.is-on{color:var(--wh);background:var(--bl);box-shadow:none}
.fw-si-flags button.is-on b{color:var(--bl-ink);background:var(--wh)}
/* The grid: three across, a small photograph beside the words. */
.fw-si-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:clamp(12px, 2vh, 18px) clamp(16px, 2.2vw, 32px);margin:clamp(14px, 2.4vh, 22px) 0 0;padding:0;list-style:none}
.fw-si-tile{display:grid;grid-template-columns:clamp(104px, 9vw, 132px) minmax(0, 1fr);column-gap:14px;align-items:center;min-width:0}
.fw-si-tile[hidden]{display:none}
.fw-si-tile__fig{position:relative;margin:0;aspect-ratio:4 / 3;overflow:hidden;background:var(--g1)}
.fw-si-tile__fig img{display:block;width:100%;height:100%;object-fit:cover}
.fw-si-tile__none{display:grid;place-items:center;width:100%;height:100%;font-size:34px;color:var(--ac-ink);background:var(--ac-l)}
.fw-si-tile__say{min-width:0}
.fw-si-tile__kind{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ac-ink)}
.fw-si-tile__t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:3px 0 0;font-family:var(--ff);font-size:clamp(14.5px, 2vh, 16.5px);font-weight:600;line-height:1.3;letter-spacing:-.015em;color:var(--ink)}
.fw-si-tile__where{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:12.5px;color:var(--g6)}
.fw-si-tile__where img{width:16px;height:16px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--line)}
.fw-si-more-row{display:flex;justify-content:center;margin-top:clamp(12px, 2vh, 18px)}
.fw-si-more-row:has([hidden]){display:none}
.fw-si-more-row .fw-si-btn{min-height:42px;font-size:14px}

/* ══════════════════════════════════════════════════════════════
   04b · A NOTE TO EVERY FAMILY STILL WAITING
   ══════════════════════════════════════════════════════════════ */

.fw-si-letter{position:relative;padding:var(--sec) 0;background:linear-gradient(120deg, color-mix(in srgb, var(--pk) 10%, var(--wh)), color-mix(in srgb, var(--pk) 4%, var(--wh)) 55%, color-mix(in srgb, var(--bl) 7%, var(--wh)))}
.fw-si-letter__grid{--lh:clamp(240px, 40vh, 420px);display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:var(--gap);align-items:center}
.fw-si-letter__fig{position:relative;margin:0;height:var(--lh);aspect-ratio:3 / 2;overflow:hidden;background:var(--g1)}
.fw-si-letter__fig img{display:block;width:100%;height:100%;object-fit:cover}
.fw-si-letter__heart{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:21px;color:var(--wh);background:linear-gradient(135deg, var(--pk), var(--pk-dd))}
.fw-si-letter__h{margin:clamp(10px, 1.8vh, 16px) 0 0;font-family:var(--ff);font-size:clamp(26px, 4.4vh, 46px);font-weight:600;line-height:1.1;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.fw-si-letter__say > p{margin:clamp(8px, 1.4vh, 12px) 0 0;font-size:clamp(15px, 2.05vh, 17.5px);line-height:1.65;color:var(--g7);text-wrap:pretty}
.fw-si-letter__say{padding-right:clamp(0px, 9vw, 180px)}
.fw-si-letter__sign{font-style:italic;color:var(--g6)}
.fw-si-letter__sign b{font-style:normal;font-weight:600;color:var(--pk-ink)}
.fw-si-letter .fw-si-btn{margin-top:clamp(14px, 2.4vh, 22px)}

/* ══════════════════════════════════════════════════════════════
   05 · NEED HELP WITH THE COST?
   ══════════════════════════════════════════════════════════════ */

.fw-si-need{position:relative;padding:var(--sec) 0;background:linear-gradient(180deg, color-mix(in srgb, var(--mt) 6%, var(--wh)), var(--wh))}
.fw-si-need__grid{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);column-gap:var(--gap);align-items:start}
.fw-si-steps{margin:clamp(18px, 3vh, 28px) 0;padding:0;list-style:none}
.fw-si-steps li{position:relative;display:grid;grid-template-columns:40px minmax(0, 1fr);column-gap:14px;padding-bottom:clamp(14px, 2.4vh, 22px)}
/* A line joins the step numbers. */
.fw-si-steps li:not(:last-child)::before{content:'';position:absolute;left:19px;top:40px;bottom:2px;width:2px;background:var(--mt-l)}
.fw-si-steps span{grid-row:1 / 3;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-family:var(--ff);font-size:17px;font-weight:700;color:var(--wh);background:var(--mt-d)}
.fw-si-steps b{padding-top:2px;font-size:clamp(15.5px, 2.2vh, 17.5px);font-weight:600;color:var(--ink)}
.fw-si-steps small{font-size:14px;line-height:1.5;color:var(--g6)}
.fw-si-qa__k{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g5)}
.fw-si-q{position:relative}
.fw-si-q::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--fade-x)}
.fw-si-q:last-child::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--fade-x)}
.fw-si-q summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:clamp(11px, 1.8vh, 15px) 0;cursor:pointer;list-style:none;font-size:clamp(15px, 2.05vh, 17px);font-weight:600;line-height:1.35;color:var(--ink)}
.fw-si-q summary::-webkit-details-marker{display:none}
.fw-si-q summary i{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:13px;color:var(--pk-ink);background:var(--pk-l);transition:transform .35s var(--ease), background .3s, color .3s}
.fw-si-q[open] summary i{transform:rotate(45deg);color:var(--wh);background:var(--pk)}
.fw-si-q summary:hover span,
.fw-si-q[open] summary span{color:var(--pk-ink)}
.fw-si-q p{margin:0;padding:0 40px clamp(12px, 2vh, 16px) 0;font-size:15px;line-height:1.6;color:var(--g6);text-wrap:pretty}

/* ══════════════════════════════════════════════════════════════
   06 · GET INVOLVED
   ══════════════════════════════════════════════════════════════ */

.fw-si-join{position:relative;padding:var(--sec) 0;background:linear-gradient(120deg, color-mix(in srgb, var(--bl) 6%, var(--wh)), color-mix(in srgb, var(--pk) 6%, var(--wh)))}
.fw-si-join__grid{--jh:clamp(160px, 25vh, 260px);display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:var(--gap);align-items:center}
.fw-si-join__fig{position:relative;margin:0;height:var(--jh);aspect-ratio:3 / 2;overflow:hidden;background:var(--g1)}
.fw-si-join__fig img{display:block;width:100%;height:100%;object-fit:cover}
.fw-si-ways{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));column-gap:clamp(16px, 2.2vw, 36px);margin:clamp(16px, 2.8vh, 26px) 0 0;padding:0;list-style:none}
.fw-si-ways li{position:relative;display:flex;flex-direction:column;align-items:flex-start}
.fw-si-ways li + li::before{content:'';position:absolute;left:calc(clamp(16px, 2.2vw, 36px) / -2);top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-si-ways__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-size:20px;color:var(--ac-ink);background:var(--ac-l)}
.fw-si-ways b{margin-top:10px;font-family:var(--ff);font-size:17px;font-weight:600;color:var(--ink)}
.fw-si-ways small{margin:4px 0 10px;font-size:14px;line-height:1.5;color:var(--g6)}
.fw-si-ways .fw-si-more{margin-top:auto}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════ */

@media(max-width:1024px){
	.fw-si-page{--pad:14px;--sec:clamp(32px, 7vw, 48px)}
	.fw-si-hero{grid-template-columns:minmax(0, 1fr);padding-right:0}
	.fw-si-hero__fig{order:-1;height:auto;width:100%;margin-bottom:18px}
	.fw-si-points{grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:28px}
	.fw-si-point:nth-child(odd)::before{display:none}
	.fw-si-nums__row{grid-auto-flow:row;grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:24px}
	.fw-si-nums__row li:nth-child(odd){padding-left:0}
	.fw-si-nums__row li:nth-child(odd)::before{display:none}
	.fw-si-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
	.fw-si-letter__grid{grid-template-columns:minmax(0, 1fr);row-gap:22px}
	.fw-si-letter__say{padding-right:0}
	.fw-si-letter__fig{height:auto;width:100%}
	.fw-si-need__grid,
	.fw-si-join__grid{grid-template-columns:minmax(0, 1fr);row-gap:24px}
	.fw-si-join__fig{height:auto;width:100%}
	.fw-si-h1{font-size:clamp(28px, 6vw, 44px)}
	.fw-si-h2{font-size:clamp(24px, 5.2vw, 32px)}}

@media(max-width:768px){
	.fw-si-hero{padding-top:0}
	.fw-si-act .fw-si-btn{flex:1 1 100%}
	.fw-si-points{grid-template-columns:minmax(0, 1fr);row-gap:0}
	.fw-si-point{display:grid;grid-template-columns:50px minmax(0, 1fr);column-gap:14px;padding:16px 0}
	.fw-si-point::before{display:none}
	.fw-si-point + .fw-si-point::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--fade-x)}
	.fw-si-point__ico{grid-row:1 / 4;width:50px;height:50px;font-size:22px}
	.fw-si-point__t{margin-top:2px}
	.fw-si-nums__row b{font-size:clamp(30px, 9.5vw, 44px)}
	/* On a phone the flags are swiped, so the arrows step aside. */
	.fw-si-flagbar__go{display:none}
	.fw-si-flagbar{margin-inline:calc(var(--pad) * -1)}
	.fw-si-flags{padding-inline:var(--pad)}
	.fw-si-stats li{font-size:12.5px}
	.fw-si-grid{grid-template-columns:minmax(0, 1fr);row-gap:12px}
	.fw-si-tile{grid-template-columns:112px minmax(0, 1fr)}
	.fw-si-letter__fig{margin-inline:calc(var(--pad) * -1);width:auto}
	.fw-si-letter .fw-si-btn,
	.fw-si-more-row .fw-si-btn{width:100%}
	.fw-si-need .fw-si-btn{width:100%}
	.fw-si-q p{padding-right:0}
	.fw-si-ways{grid-template-columns:minmax(0, 1fr);row-gap:0}
	.fw-si-ways li{display:grid;grid-template-columns:44px minmax(0, 1fr);column-gap:14px;padding:14px 0}
	.fw-si-ways li::before{display:none}
	.fw-si-ways li + li::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--fade-x)}
	.fw-si-ways__ico{grid-row:1 / 4}
	.fw-si-ways b{margin-top:0}
	.fw-si-join__fig{margin-inline:calc(var(--pad) * -1);width:auto}}

/* ══════════════════════════════════════════════════════════════
   09 · MOTION — gentle, and only when welcome
   ══════════════════════════════════════════════════════════════ */

@media(prefers-reduced-motion:no-preference){
	.fw-si-anim [data-si-reveal]{opacity:0;transform:translate3d(0,20px,0);transition:opacity .8s var(--ease-soft), transform .9s var(--ease-soft)}
	.fw-si-anim [data-si-reveal].is-in{opacity:1;transform:none}
	.fw-si-q[open] p{animation:fwSiIn .4s var(--ease-soft)}}
@keyframes fwSiIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){
	.fw-si-page *,
	.fw-si-page *::before,
	.fw-si-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
	.fw-si img.lazy{opacity:1}}

@media(hover:none){
	.fw-si-btn:hover,
	.fw-si-btn:hover i,
	.fw-si-more:hover i{transform:none}}

.fw-si-page a:focus-visible,
.fw-si-page button:focus-visible,
.fw-si-q summary:focus-visible{outline:2px solid var(--bl);outline-offset:3px;border-radius:8px}