/* ══════════════════════════════════════════════════════════════════════════
   css/awards-recognition.css — /awards-recognition  (prefix fw-ar)

   The honours given to the network, its clinics and its people. A sibling
   of Milestones with its own grammar: a laurel seal on the stage
   photograph; a podium for the medal table; THE HEART, a spotlight stage
   showing one featured award at a time (photograph, medal, who gave it,
   the citation and the words on the night) with arrows and numbered dots;
   a register of every honour year by year; the awarding bodies; questions;
   and the closing thanks beside a family's photograph.

   House rules kept: bright grounds with soft brand light (gold only on the
   medals, never as a wash); no max-width on bands; colour only from :root;
   structure from space and fade rules, no boxed cards; photographs whole
   and square-cornered; discs, pills and buttons round; 28px / 14px
   gutters; type in vh, released at 1024px and below. Never a class
   containing "bi-", "fa-" or "uil-": the theme draws those as icons.
   ══════════════════════════════════════════════════════════════════════════ */

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

.fw-ar-page{
	--pad:28px;
	--ink:var(--dk-d);
	--line:color-mix(in srgb, var(--dk) 9%, transparent);
	--fade-x:linear-gradient(90deg, transparent, var(--line) 8%, var(--line) 92%, transparent);
	--sec:clamp(34px, 6vh, 72px);
	--gap:clamp(24px, 4vw, 76px);
	--ease:cubic-bezier(.22,1,.36,1);
	--ease-soft:cubic-bezier(.16,1,.3,1);
	--ac:var(--pk);--ac-ink:var(--pk-dd);--ac-l:var(--pk-l);
	--tn:var(--go);--tn-d:var(--go-dd);--tn-l:var(--go-l);
	background:var(--wh);
	-webkit-text-size-adjust:100%
}
.fw-ar-ac--pk{--ac:var(--pk);--ac-ink:var(--pk-dd);--ac-l:var(--pk-l)}
.fw-ar-ac--bl{--ac:var(--bl);--ac-ink:var(--bl-ink);--ac-l:var(--bl-l)}
.fw-ar-ac--mt{--ac:var(--mt);--ac-ink:var(--mt-ink);--ac-l:var(--mt-l)}
.fw-ar-ac--pu{--ac:var(--pu);--ac-ink:var(--pu-ink);--ac-l:var(--pu-l)}
.fw-ar-ac--co{--ac:var(--co);--ac-ink:var(--co-ink);--ac-l:var(--co-l)}
.fw-ar-ac--go{--ac:var(--go);--ac-ink:var(--go-ink);--ac-l:var(--go-l)}
/* medal tones */
.fw-ar-tone--gold{--tn:var(--go);--tn-d:var(--go-dd);--tn-l:var(--go-l)}
.fw-ar-tone--silver{--tn:var(--g4);--tn-d:var(--gy-ink);--tn-l:var(--gy-l)}
.fw-ar-tone--bronze{--tn:var(--co);--tn-d:var(--co-dd);--tn-l:var(--co-l)}
.fw-ar-tone--blue{--tn:var(--bl);--tn-d:var(--bl-dd);--tn-l:var(--bl-l)}
.fw-ar-tone--pink{--tn:var(--pk);--tn-d:var(--pk-dd);--tn-l:var(--pk-l)}

.fw-ar{display:block;position:relative}
.fw-ar-page em{font-family:var(--ff);font-style:normal}
.fw-ar .fw-ico{stroke-width:1.6}

.fw-ar-sec{position:relative;padding:var(--sec) var(--pad)}
.fw-ar-sec + .fw-ar-sec::before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:var(--fade-x)}

.fw-ar-head{display:grid;gap:8px;margin-bottom:clamp(20px, 3.4vh, 34px)}
.fw-ar-head--c{justify-items:center;text-align:center}
.fw-ar-head--row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}
.fw-ar-head__say{display:grid;gap:8px}
.fw-ar-h2{margin:0;font-family:var(--ff);font-size:clamp(25px, 4vh, 40px);font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.fw-ar-sub{margin:0;font-size:clamp(15px, 2vh, 17px);line-height:1.6;color:var(--g6);text-wrap:pretty}
.fw-ar-kicker{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pk-dd)}
.fw-ar-kicker .fw-ico{width:18px;height:18px}
.fw-ar-note{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:14px;line-height:1.55;color:var(--g6)}
.fw-ar-note .bi{margin-top:2px;color:var(--pk-dd)}
.fw-ar-note a{font-weight:700;color:var(--bl-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bl-ring)}

.fw-ar-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), background .25s
}
.fw-ar-btn i{font-size:14px}
.fw-ar-btn:hover{color:var(--wh);box-shadow:var(--pk-glow-lg);transform:translateY(-1px)}
.fw-ar-btn--ghost{color:var(--ink);background:var(--wh);box-shadow:inset 0 0 0 1.5px var(--line)}
.fw-ar-btn--ghost:hover{color:var(--bl-ink);background:var(--bl-wash);box-shadow:inset 0 0 0 1.5px var(--bl-ring)}
.fw-ar-act{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:clamp(18px, 3vh, 28px)}

/* the awarding body: its logo, or its initials in the kind's colour */
.fw-ar-org{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:50%;font-size:14px;font-weight:700;letter-spacing:.03em;color:var(--ac-ink);background:var(--ac-l);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ac) 25%, transparent)}
.fw-ar-org--logo{background:var(--wh);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.fw-ar-org--logo img{display:block;width:78%;height:78%;object-fit:contain}
.fw-ar-org--lg{width:76px;height:76px;font-size:22px}

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

/* ══════════════════════════════════════════════════════════════
   01 · HONOURED FOR THE CARE FAMILIES FEEL
   The stage photograph whole, a laurel seal of the count riding on
   its lower left corner.
   ══════════════════════════════════════════════════════════════ */

.fw-ar-mast__grid{display:grid;grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);gap:var(--gap);align-items:center}
.fw-ar-mast__say{display:grid;justify-items:start}
.fw-ar-mast__say .fw-ar-kicker{margin-top:clamp(8px, 1.6vh, 16px)}
.fw-ar .fw-ar-h1{margin:clamp(8px, 1.4vh, 14px) 0 0;font-size:clamp(34px, 6.2vh, 62px);line-height:1.04;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.fw-ar .fw-ar-h1 em{display:block;background:linear-gradient(100deg, var(--pk-dd), var(--pk) 50%, var(--go-dd));-webkit-background-clip:text;background-clip:text;color:transparent}
.fw-ar-lede{margin:clamp(10px, 1.8vh, 16px) 0 0;font-size:clamp(16px, 2.2vh, 19px);line-height:1.55;color:var(--g6);text-wrap:pretty}
.fw-ar-trust{position:relative;display:grid;grid-template-columns:repeat(3, auto);justify-content:start;width:100%;margin:clamp(18px, 3vh, 28px) 0 0;padding:clamp(14px, 2.2vh, 18px) 0 0;list-style:none}
.fw-ar-trust::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg, var(--line), transparent)}
.fw-ar-trust li{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:0 clamp(16px, 2vw, 28px)}
.fw-ar-trust__ico{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--tn-d);background:var(--tn-l)}
.fw-ar-trust li:not([class*="tone"]) .fw-ar-trust__ico{color:var(--pk-dd);background:var(--pk-l)}
.fw-ar-trust__ico .fw-ico{width:21px;height:21px}
.fw-ar-trust li:first-child{padding-left:0}
.fw-ar-trust li + li::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--line)}
.fw-ar-trust b{align-self:end;font-size:clamp(22px, 3.4vh, 30px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.fw-ar-trust b + span{align-self:start;font-size:12.5px;font-weight:600;color:var(--g6)}
.fw-ar-mast__fig{position:relative;justify-self:end;margin:0;line-height:0}
.fw-ar-mast__fig img{display:block;height:clamp(260px, 50vh, 500px);width:auto;max-width:100%;aspect-ratio:1600 / 1073;object-fit:cover}
.fw-ar-seal{position:absolute;left:clamp(-40px, -2.6vw, -16px);bottom:clamp(-26px, -2.6vh, -12px);display:grid;place-items:center;width:clamp(124px, 19vh, 168px);aspect-ratio:1;border-radius:50%;line-height:1;background:radial-gradient(circle at 35% 30%, var(--wh), var(--go-l) 140%);box-shadow:0 0 0 6px var(--wh), var(--sh-soft)}
.fw-ar-seal__wreath{position:absolute;inset:8%;width:84%;height:84%;fill:var(--go);color:var(--go)}
.fw-ar-seal__in{position:relative;display:grid;justify-items:center;gap:3px;text-align:center}
.fw-ar-seal__in b{font-size:clamp(34px, 5.6vh, 48px);font-weight:700;letter-spacing:-.04em;background:linear-gradient(160deg, var(--go), var(--go-dd));-webkit-background-clip:text;background-clip:text;color:transparent}
.fw-ar-seal__in > span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.fw-ar-seal__in small{font-size:10.5px;font-weight:600;color:var(--g6)}

/* ══════════════════════════════════════════════════════════════
   02 · THE MEDAL TABLE
   A podium (silver, gold, bronze) whose blocks rise when the band is
   seen; the words and the numbers beside it.
   ══════════════════════════════════════════════════════════════ */

.fw-ar-table{background:radial-gradient(60% 70% at 25% 100%, var(--pk-wash), transparent 70%), radial-gradient(50% 60% at 90% 0%, var(--bl-wash), transparent 70%), var(--wh)}
.fw-ar-table__grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:var(--gap);align-items:end}
.fw-ar-podium{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));align-items:end;gap:clamp(8px, 1vw, 14px);padding-top:8px}
.fw-ar-step{display:grid;justify-items:center;gap:clamp(10px, 1.8vh, 16px)}
.fw-ar-step__medal{position:relative;display:grid;place-items:center;width:clamp(84px, 12vh, 112px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%, var(--wh), var(--tn-l) 120%);box-shadow:0 0 0 5px var(--wh), 0 18px 34px -20px var(--tn)}
.fw-ar-step__wreath{position:absolute;inset:6%;width:88%;height:88%;fill:var(--tn);color:var(--tn)}
.fw-ar-step__medal b{position:relative;font-size:clamp(30px, 5vh, 44px);font-weight:700;letter-spacing:-.04em;color:var(--tn-d)}
.fw-ar-step__block{position:relative;display:grid;align-content:start;justify-items:center;gap:4px;width:100%;padding:clamp(12px, 2vh, 18px) 8px 0;text-align:center;background:linear-gradient(180deg, var(--tn-l), color-mix(in srgb, var(--tn-l) 30%, var(--wh)));box-shadow:inset 0 4px 0 var(--tn);transform-origin:bottom}
.fw-ar-step--1 .fw-ar-step__block{height:clamp(150px, 24vh, 230px)}
.fw-ar-step--2 .fw-ar-step__block{height:clamp(108px, 17vh, 166px)}
.fw-ar-step--3 .fw-ar-step__block{height:clamp(80px, 12.5vh, 122px)}
.fw-ar-step__block em{font-size:clamp(34px, 6vh, 56px);font-weight:800;line-height:1;color:color-mix(in srgb, var(--tn) 45%, var(--wh))}
.fw-ar-step__block span{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--tn-d)}
.fw-ar-table.is-ready .fw-ar-step__block{transform:scaleY(.08);transition:transform 1.1s var(--ease-soft)}
.fw-ar-table.is-ready .fw-ar-step__medal{opacity:0;transform:translateY(30px) scale(.8);transition:opacity .6s .5s, transform .9s var(--ease) .5s}
.fw-ar-table.is-ready .fw-ar-step--1 .fw-ar-step__block{transition-delay:.1s}
.fw-ar-table.is-ready .fw-ar-step--3 .fw-ar-step__block{transition-delay:.2s}
.fw-ar-table.is-in .fw-ar-step__block{transform:none}
.fw-ar-table.is-in .fw-ar-step__medal{opacity:1;transform:none}

.fw-ar-table__say{display:grid;gap:10px;align-content:end}
.fw-ar-nums{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0, 1fr);gap:0;margin:clamp(12px, 2.4vh, 22px) 0 0;padding:0;list-style:none}
.fw-ar-nums li{position:relative;display:grid;justify-items:center;align-content:start;row-gap:6px;padding:4px 8px;text-align:center}
.fw-ar-nums li + li::before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:1px;background:linear-gradient(180deg, transparent, var(--line), transparent)}
.fw-ar-nums__ico{display:grid;place-items:center;width:46px;height:46px;margin-bottom:4px;border-radius:50%;color:var(--tn-d);background:var(--tn-l)}
.fw-ar-nums__ico .fw-ico{width:21px;height:21px}
.fw-ar-nums b{font-size:clamp(28px, 4.6vh, 42px);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--tn-d)}
.fw-ar-nums b + span{font-size:13px;font-weight:600;line-height:1.3;color:var(--g6)}

/* ══════════════════════════════════════════════════════════════
   03 · IN THE SPOTLIGHT
   One featured award at a time on a softly lit stage: the photograph
   whole with its medal, the words beside it. The stage scrolls sideways
   (snap); arrows and numbered dots move it.
   ══════════════════════════════════════════════════════════════ */

.fw-ar-spot{background:radial-gradient(40% 70% at 30% 10%, color-mix(in srgb, var(--go-l) 55%, var(--wh)), transparent 70%), radial-gradient(50% 60% at 85% 90%, var(--pk-wash), transparent 70%), var(--wh)}
.fw-ar-ctrl{display:flex;align-items:center;gap:10px}
.fw-ar-ctrl__n{margin-right:6px;font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--g5)}
.fw-ar-ctrl__n b{font-size:22px;font-weight:700;color:var(--ink)}
.fw-ar-ctrl button{display:grid;place-items:center;width:clamp(46px, 6vh, 54px);height:clamp(46px, 6vh, 54px);padding:0;border:0;border-radius:50%;cursor:pointer;font-size:18px;color:var(--wh);background:linear-gradient(135deg, var(--pk), var(--pk-dd));box-shadow:var(--pk-glow);transition:transform .25s var(--ease), box-shadow .25s}
.fw-ar-ctrl button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--pk-glow-lg)}
.fw-ar-ctrl button:disabled{cursor:default;color:var(--g4);background:var(--wh);box-shadow:inset 0 0 0 1.5px var(--line)}

.fw-ar-stage{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;outline:0}
.fw-ar-stage::-webkit-scrollbar{display:none}
.fw-ar-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--bl-ring)}
.fw-ar-slide{flex:0 0 100%;display:grid;grid-template-columns:auto minmax(0, 1fr);gap:clamp(24px, 3.6vw, 60px);align-items:center;scroll-snap-align:start}
.fw-ar-slide__pic{position:relative;margin:0;line-height:0;height:clamp(260px, 46vh, 460px);aspect-ratio:3 / 2;max-width:56vw;background:var(--tn-l)}
.fw-ar-slide__pic img{display:block;width:100%;height:100%;object-fit:cover}
.fw-ar-slide__art{position:absolute;inset:0;display:grid;place-items:center;color:var(--ac);background:radial-gradient(circle at 50% 40%, var(--wh), var(--ac-l) 80%)}
.fw-ar-slide__wreath{position:absolute;width:52%;height:auto;aspect-ratio:1;fill:var(--tn);color:var(--tn);opacity:.55}
.fw-ar-slide__art > .fw-ico{position:relative;width:22%;height:auto;aspect-ratio:1;stroke-width:1.2}
.fw-ar-medal{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:100px;line-height:1.2;background:var(--wh);box-shadow:var(--sh-soft)}
.fw-ar-medal__disc{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:var(--wh);background:linear-gradient(140deg, var(--tn), var(--tn-d))}
.fw-ar-medal__wreath{position:absolute;inset:3px;width:44px;height:44px;fill:color-mix(in srgb, var(--wh) 70%, transparent);color:color-mix(in srgb, var(--wh) 70%, transparent)}
.fw-ar-medal__disc .fw-ico{position:relative;width:20px;height:20px}
.fw-ar-medal > span:last-child{display:grid}
.fw-ar-medal b{font-size:16px;font-weight:700;color:var(--tn-d)}
.fw-ar-medal small{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:var(--g5)}

.fw-ar-slide__say{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px, 1.4vh, 12px)}
.fw-ar-slide__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g5)}
.fw-ar-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 10px;border-radius:100px;font-size:11.5px;letter-spacing:.04em;color:var(--ac-ink);background:var(--ac-l)}
.fw-ar-pill .fw-ico{width:14px;height:14px}
.fw-ar-slide__h{margin:0;font-family:var(--ff);font-size:clamp(25px, 4.2vh, 40px);font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.fw-ar-from{display:flex;align-items:center;gap:12px;margin:2px 0 0}
.fw-ar-from > span:last-child{display:grid;line-height:1.35}
.fw-ar-from small{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g5)}
.fw-ar-from b{font-size:15.5px;font-weight:700;color:var(--ink)}
.fw-ar-from em{font-size:13.5px;color:var(--g6)}
.fw-ar-cite{margin:0;font-size:clamp(15px, 2vh, 17px);line-height:1.65;color:var(--g6);text-wrap:pretty}
.fw-ar-quote{position:relative;margin:2px 0 0;padding:2px 0 2px 42px;border:0}
.fw-ar-quote::before{content:"\201C";position:absolute;left:0;top:-14px;font-size:64px;font-weight:700;line-height:1;color:var(--pk)}
.fw-ar-quote p{margin:0;font-size:clamp(16px, 2.3vh, 19px);font-weight:500;line-height:1.5;color:var(--ink)}
.fw-ar-quote footer{margin-top:6px;font-size:13px;font-weight:700;color:var(--pk-dd)}
.fw-ar-tags{display:flex;flex-wrap:wrap;gap:8px 18px;margin:4px 0 0;padding:0;list-style:none;font-size:13.5px;font-weight:600;color:var(--g6)}
.fw-ar-tags li{display:inline-flex;align-items:center;gap:8px}
.fw-ar-tags .bi{color:var(--ac-ink)}
.fw-ar-tags img{display:block;width:18px;height:13px;object-fit:cover}
.fw-ar-tags a{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--bl-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bl-ring)}

.fw-ar-dots{display:flex;flex-wrap:wrap;gap:6px clamp(14px, 2vw, 28px);margin-top:clamp(16px, 2.8vh, 26px);padding-top:12px;position:relative}
.fw-ar-dots::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-ar-dots button{position:relative;display:inline-flex;align-items:baseline;gap:8px;padding:6px 0;border:0;cursor:pointer;font-family:var(--ff);background:none}
.fw-ar-dots button::before{content:"";position:absolute;left:0;right:0;top:-13px;height:3px;border-radius:3px;background:transparent;transition:background .3s}
.fw-ar-dots span{font-size:15px;font-weight:700;color:var(--g4);transition:color .25s}
.fw-ar-dots em{font-size:12.5px;font-weight:600;color:var(--g5)}
.fw-ar-dots button:hover span{color:var(--ink)}
.fw-ar-dots button.is-on::before{background:linear-gradient(90deg, var(--pk), var(--go))}
.fw-ar-dots button.is-on span{color:var(--pk-dd)}

/* ══════════════════════════════════════════════════════════════
   04 · EVERY HONOUR, YEAR BY YEAR
   The year large on the left, its honours as rows on the right: the
   medal disc, the award and the event, who gave it, the standing and
   the day. Fade rules between rows and between years.
   ══════════════════════════════════════════════════════════════ */

.fw-ar-chips{display:flex;flex-wrap:wrap;gap:8px}
.fw-ar-chips button{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 8px 0 14px;border:0;border-radius:100px;cursor:pointer;font-family:var(--ff);font-size:13.5px;font-weight:600;color:var(--g7);background:var(--wh);box-shadow:inset 0 0 0 1px var(--line);transition:background .25s, color .25s, box-shadow .25s}
.fw-ar-chips button .fw-ico{width:16px;height:16px;color:var(--ac-ink)}
.fw-ar-chips button span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:100px;font-size:11.5px;font-weight:700;color:var(--ac-ink);background:var(--ac-l)}
.fw-ar-chips button:hover{box-shadow:inset 0 0 0 1.5px var(--ac)}
.fw-ar-chips button.is-on{color:var(--wh);background:var(--ac);box-shadow:none}
.fw-ar-chips button.is-on .fw-ico{color:var(--wh)}
.fw-ar-chips button.is-on span{color:var(--ac-ink);background:var(--wh)}

.fw-ar-years{--cols:60px minmax(0, 2.2fr) minmax(0, 1.4fr) 120px minmax(0, 1.2fr) 40px;--rail:30px;position:relative;display:grid}
/* the timeline: one line down through the medals and the year markers */
.fw-ar-years::before{content:"";position:absolute;left:calc(var(--rail) - 1px);top:44px;bottom:30px;width:2px;border-radius:2px;background:var(--pk-l)}
.fw-ar-cols{display:grid;grid-template-columns:var(--cols);gap:clamp(14px, 1.8vw, 28px);padding:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g5)}
.fw-ar-year{display:grid}
.fw-ar-year[hidden]{display:none}
.fw-ar-year__n{position:relative;display:grid;grid-template-columns:var(--cols);align-items:center;gap:clamp(14px, 1.8vw, 28px);margin:clamp(14px, 2.4vh, 22px) 0 2px}
.fw-ar-year__n b{position:relative;z-index:1;justify-self:center;padding:6px 14px;border-radius:100px;font-size:clamp(16px, 2.2vh, 19px);font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--wh);background:var(--pk-dd);box-shadow:0 0 0 5px var(--wh)}
.fw-ar-year__n span{grid-column:2 / -1;display:flex;align-items:center;gap:12px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g5)}
.fw-ar-year__n span::after{content:"";flex:1;height:1px;background:linear-gradient(90deg, var(--line), transparent)}
.fw-ar-rows{margin:0;padding:0;list-style:none}
.fw-ar-row{position:relative;display:grid;grid-template-columns:var(--cols);align-items:center;gap:clamp(14px, 1.8vw, 28px);min-height:88px;padding:14px 0;transition:background .25s}
.fw-ar-row[hidden]{display:none}
.fw-ar-row + .fw-ar-row::before{content:"";position:absolute;left:calc(60px + clamp(14px, 1.8vw, 28px));right:0;top:0;height:1px;background:linear-gradient(90deg, var(--line), transparent)}
.fw-ar-row__medal{position:relative;z-index:1;justify-self:center;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--wh);background:var(--tn);box-shadow:0 0 0 4px var(--tn-l), 0 0 0 8px var(--wh)}
.fw-ar-row__medal .fw-ico{width:22px;height:22px}
.fw-ar-row__main{display:grid;gap:3px;min-width:0}
.fw-ar-row__main h3{margin:0;font-family:var(--ff);font-size:clamp(16px, 2.2vh, 18px);font-weight:700;line-height:1.3;color:var(--ink)}
.fw-ar-row__main p{margin:0;font-size:13.5px;line-height:1.45;color:var(--g6)}
.fw-ar-row__to{display:flex;align-items:center;gap:7px;font-size:13px!important;font-weight:600}
.fw-ar-row__to .bi{color:var(--ac-ink)}
.fw-ar-row__by{display:flex;align-items:center;gap:12px;min-width:0}
.fw-ar-row__by .fw-ar-org{width:42px;height:42px;font-size:13px}
.fw-ar-row__by b{font-size:14px;font-weight:600;line-height:1.35;color:var(--ink)}
.fw-ar-stand{display:inline-block;padding:5px 12px;border-radius:100px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tn-d);background:var(--tn-l)}
.fw-ar-row__when{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--g6)}
.fw-ar-row__when time,.fw-ar-row__at{display:inline-flex;align-items:center;gap:8px}
.fw-ar-row__when .bi{width:18px;text-align:center;color:var(--g5)}
.fw-ar-row__at img{display:block;width:18px;height:13px;object-fit:cover}
.fw-ar-row__go{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--bl-ink);background:var(--wh);box-shadow:inset 0 0 0 1px var(--line);transition:background .25s, color .25s}
.fw-ar-row__go:hover{color:var(--wh);background:var(--bl)}
.fw-ar-empty{margin:16px 0 0;font-size:15px;color:var(--g6)}
.fw-ar-empty button{border:0;padding:0;cursor:pointer;font:inherit;font-weight:700;color:var(--bl-ink);background:none;text-decoration:underline;text-underline-offset:3px}

.fw-ar-years.is-ready .fw-ar-row{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-soft), transform .7s var(--ease-soft)}
.fw-ar-years.is-ready .fw-ar-row.is-in{opacity:1;transform:none}

/* ══════════════════════════════════════════════════════════════
   05 · WHO RECOGNISED US
   Each awarding body once: its logo or initials, its name, how many
   honours and when.
   ══════════════════════════════════════════════════════════════ */

.fw-ar-bodies{background:linear-gradient(180deg, var(--wh), var(--bl-wash))}
.fw-ar-tl{position:relative;margin:0 calc(-1 * var(--pad))}
.fw-ar-tl__track{--node:84px;--yr:34px;position:relative;display:flex;gap:0;margin:0;padding:0 var(--pad) 6px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;outline:0}
.fw-ar-tl__track::-webkit-scrollbar{display:none}
.fw-ar-tl__item{position:relative;flex:1 0 170px;display:grid;justify-items:center;align-content:start;gap:8px;padding:0 10px;text-align:center;scroll-snap-align:start}
/* the line runs through every node, in each body's colour, ending in an arrow */
.fw-ar-tl__item::before{content:"";position:absolute;left:0;right:0;top:calc(var(--yr) + 12px + var(--node) / 2 - 1px);height:2px;background:color-mix(in srgb, var(--ac) 35%, var(--wh))}
.fw-ar-tl__item:first-child::before{left:50%}
.fw-ar-tl__item:last-child::before{right:calc(50% - var(--node) / 2 - 26px)}
.fw-ar-tl__item:last-child::after{content:"";position:absolute;top:calc(var(--yr) + 12px + var(--node) / 2 - 6px);left:calc(50% + var(--node) / 2 + 24px);border-left:10px solid color-mix(in srgb, var(--ac) 35%, var(--wh));border-top:6px solid transparent;border-bottom:6px solid transparent}
.fw-ar-tl__year{display:grid;place-items:center;height:var(--yr);padding:0 14px;border-radius:100px;font-size:14px;font-weight:700;color:var(--ac-ink);background:var(--ac-l)}
.fw-ar-tl__node{position:relative;z-index:1;display:grid;place-items:center;width:var(--node);height:var(--node);margin-top:4px;border-radius:50%;background:var(--wh);box-shadow:0 0 0 2px color-mix(in srgb, var(--ac) 30%, var(--wh)), 0 14px 28px -18px var(--ac)}
.fw-ar-tl__node .fw-ar-org--lg{width:68px;height:68px;font-size:20px}
.fw-ar-tl__item b{margin-top:4px;font-size:15px;font-weight:700;line-height:1.35;color:var(--ink);text-wrap:balance}
.fw-ar-tl__n{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--g6)}
.fw-ar-tl__n .bi{color:var(--ac-ink)}

/* ══════════════════════════════════════════════════════════════
   06 · QUESTIONS (only when the team has written them in Manage)
   ══════════════════════════════════════════════════════════════ */

.fw-ar-qs{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0 clamp(24px, 4vw, 64px);align-items:start}
.fw-ar-q{position:relative}
.fw-ar-q::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--fade-x)}
.fw-ar-q summary{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;gap:14px;padding:clamp(12px, 2vh, 17px) 6px;cursor:pointer;list-style:none}
.fw-ar-q summary::-webkit-details-marker{display:none}
.fw-ar-q__n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:12.5px;font-weight:700;color:var(--pk-dd);background:var(--pk-l);transition:background .25s, color .25s}
.fw-ar-q__t{font-size:clamp(15px, 2vh, 17px);font-weight:600;line-height:1.4;color:var(--ink);transition:color .25s}
.fw-ar-q summary > i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:13px;color:var(--g6);background:var(--wh);box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s var(--ease), color .25s, background .25s}
.fw-ar-q summary:hover .fw-ar-q__t,.fw-ar-q[open] .fw-ar-q__t{color:var(--pk-dd)}
.fw-ar-q p{margin:0;padding:0 48px clamp(14px, 2.2vh, 20px) calc(36px + 14px + 6px);font-size:15px;line-height:1.7;color:var(--g6)}
.fw-ar-q[open] .fw-ar-q__n{color:var(--wh);background:var(--pk-dd)}
.fw-ar-q[open] summary > i{transform:rotate(45deg);color:var(--wh);background:var(--pk-dd);box-shadow:none}

/* ══════════════════════════════════════════════════════════════
   07 · THE AWARD THAT MATTERS MOST
   The thanks on the left, the family's photograph whole at the words'
   height on the right.
   ══════════════════════════════════════════════════════════════ */

.fw-ar-close{background:radial-gradient(50% 70% at 80% 50%, var(--pk-wash), transparent 70%), var(--wh)}
.fw-ar-close__grid{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:var(--gap);align-items:stretch}
.fw-ar-close__say{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}
.fw-ar-close__say .fw-ar-note{margin-top:6px}
.fw-ar-pic{position:relative;margin:0;line-height:0;height:100%;min-height:300px;aspect-ratio:1400 / 1045;max-width:48vw;background:var(--g1)}
.fw-ar-pic img{display:block;width:100%;height:100%}

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

@media (max-width: 1024px){
	.fw-ar-mast__grid,.fw-ar-table__grid,.fw-ar-close__grid{grid-template-columns:minmax(0, 1fr)}
	.fw-ar-table__say{order:-1}
	.fw-ar-mast__fig{justify-self:start;margin-bottom:30px}
	.fw-ar-mast__fig img{height:auto;width:100%}
	.fw-ar-seal{left:14px}
	.fw-ar-slide{grid-template-columns:minmax(0, 1fr)}
	.fw-ar-slide__pic{height:auto;width:100%;max-width:none}
	.fw-ar-years{--cols:52px minmax(0, 1fr) 40px;--rail:26px}
	.fw-ar-years::before{top:10px}
	.fw-ar-cols{display:none}
	.fw-ar-row{align-items:start;row-gap:10px}
	.fw-ar-row__by,.fw-ar-row__stand,.fw-ar-row__when{grid-column:2}
	.fw-ar-row__go{grid-column:3;grid-row:1}
	.fw-ar-row > span:last-child:empty{display:none}
	.fw-ar-row__when{display:flex;flex-wrap:wrap;gap:6px 16px}
	.fw-ar-qs{grid-template-columns:minmax(0, 1fr)}
	.fw-ar-pic{height:auto;max-width:none;width:100%;min-height:0}
	.fw-ar-pic img{height:auto;aspect-ratio:1400 / 1045}
}
@media (max-width: 768px){
	.fw-ar-page{--pad:14px}
	.fw-ar .fw-ar-h1{font-size:clamp(30px, 8.4vw, 40px)}
	.fw-ar-act{width:100%}
	.fw-ar-act .fw-ar-btn{width:100%}
	.fw-ar-trust{grid-template-columns:repeat(3, minmax(0, 1fr))}
	.fw-ar-trust li{grid-template-columns:auto;padding:0 10px;row-gap:2px}
	.fw-ar-trust__ico{grid-row:auto;width:36px;height:36px;margin-bottom:4px}
	.fw-ar-seal{width:112px;bottom:-22px}
	.fw-ar-seal__in b{font-size:30px}
	.fw-ar-seal__in small{display:none}
	.fw-ar-step__medal{width:72px}
	.fw-ar-step__medal b{font-size:26px}
	.fw-ar-head--row .fw-ar-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:calc(100% + 2 * var(--pad));margin:0 calc(-1 * var(--pad));padding:0 var(--pad)}
	.fw-ar-chips button{flex:0 0 auto}
	.fw-ar-ctrl__n{display:none}
	.fw-ar-ctrl button{width:44px;height:44px;font-size:16px}
	.fw-ar-medal{left:10px;bottom:10px;padding-right:14px}
	.fw-ar-years{--cols:44px minmax(0, 1fr) 36px;--rail:22px}
	.fw-ar-row + .fw-ar-row::before{left:58px}
	.fw-ar-row{column-gap:14px}
	.fw-ar-row__medal{width:40px;height:40px;box-shadow:0 0 0 3px var(--tn-l), 0 0 0 6px var(--wh)}
	.fw-ar-year__n b{padding:5px 10px;font-size:14px}
	.fw-ar-row__medal .fw-ico{width:20px;height:20px}
	.fw-ar-row__go{width:36px;height:36px}
	.fw-ar-tl__track{--node:72px}
	.fw-ar-tl__item{flex-basis:46vw}
	.fw-ar-q p{padding:0 6px clamp(14px, 2.2vh, 20px)}
}
@media (prefers-reduced-motion: reduce){
	.fw-ar *{transition:none!important;animation:none!important}
	.fw-ar-stage{scroll-behavior:auto}
}