/* ══════════════════════════════════════════════════════════════════════════
   css/investor-relations.css — /investor-relations  (prefix fw-ir)

   The investor page. Its heart is "The network in figures": the figures
   the company publishes in equal columns (the number large, what it
   measures, the change, then period and source), over a strip of the live
   counts the directory keeps, both counting up as they arrive. Around it:
   the masthead with the latest document on the photograph's corner; how
   the network works as three nodes on one line (patients, Fertility World,
   clinics); the register of every figure by group; documents as an
   aligned table with filters; the calendar (coming up beside recently);
   updates; company information beside governance; questions beside the
   investor contact.

   A sibling of the other About pages with its own grammar (equal-column
   KPI band, a three-node flow, a register, a document table). House rules
   kept: bright grounds with soft brand light; no max-width; colour only
   from :root; structure from space and fade rules, no boxed cards;
   photographs whole and square-cornered; icon discs, pills and buttons
   round; 28px / 14px gutters; type in vh, released at 1024px and below;
   two columns always end level, and equal items share their edges.
   ══════════════════════════════════════════════════════════════════════════ */

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

.fw-ir-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);
	--fade-y:linear-gradient(180deg, transparent, var(--line) 12%, var(--line) 88%, 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(--bl);--ac-ink:var(--bl-ink);--ac-l:var(--bl-l);
	background:var(--wh);
	-webkit-text-size-adjust:100%
}
.fw-ir-ac--pk{--ac:var(--pk);--ac-ink:var(--pk-dd);--ac-l:var(--pk-l)}
.fw-ir-ac--bl{--ac:var(--bl);--ac-ink:var(--bl-ink);--ac-l:var(--bl-l)}
.fw-ir-ac--mt{--ac:var(--mt);--ac-ink:var(--mt-ink);--ac-l:var(--mt-l)}
.fw-ir-ac--pu{--ac:var(--pu);--ac-ink:var(--pu-ink);--ac-l:var(--pu-l)}

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

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

.fw-ir-head{display:grid;gap:8px;margin-bottom:clamp(18px, 3vh, 30px)}
.fw-ir-head--c{justify-items:center;text-align:center}
.fw-ir-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px 32px;flex-wrap:wrap}
.fw-ir-head--row > div:not(.fw-ir-chips){display:grid;gap:8px}
.fw-ir-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-ir-h2--sm{font-size:clamp(22px, 3.2vh, 30px)}
.fw-ir-sub{margin:0;max-width:62ch;font-size:clamp(15px, 2vh, 17px);line-height:1.6;color:var(--g6);text-wrap:pretty}
.fw-ir-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-ir-kicker .fw-ico{width:18px;height:18px}
.fw-ir-stamp{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:var(--g5)}
.fw-ir-stamp .bi{color:var(--mt-ink)}

.fw-ir-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-ir-btn .fw-ico{width:18px;height:18px}
.fw-ir-btn i{font-size:14px}
.fw-ir-btn:hover{color:var(--wh);box-shadow:var(--pk-glow-lg);transform:translateY(-1px)}
.fw-ir-btn--ghost{color:var(--ink);background:var(--wh);box-shadow:inset 0 0 0 1.5px var(--line)}
.fw-ir-btn--ghost:hover{color:var(--bl-ink);background:var(--bl-wash);box-shadow:inset 0 0 0 1.5px var(--bl-ring)}
.fw-ir-act{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:clamp(18px, 3vh, 28px)}
.fw-ir-more{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:700;color:var(--bl-ink);text-decoration:none;white-space:nowrap}
.fw-ir-more .bi{font-size:13px;transition:transform .25s var(--ease)}
.fw-ir-more:hover{color:var(--pk-dd)}
.fw-ir-more:hover .bi{transform:translateX(3px)}
.fw-ir-disc{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;color:var(--ac-ink);background:var(--ac-l)}
.fw-ir-disc .fw-ico{width:21px;height:21px}
.fw-ir-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;margin:0;font-size:12.5px;font-weight:600;color:var(--g5)}
.fw-ir-meta > span + span::before{content:"";display:inline-block;width:4px;height:4px;margin:0 10px 2px;border-radius:50%;background:var(--g4);vertical-align:middle}
.fw-ir-meta a{color:var(--bl-ink);text-decoration:none}
.fw-ir-meta a:hover{text-decoration:underline;text-underline-offset:3px}

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

/* ══════════════════════════════════════════════════════════════
   01 · INVESTOR RELATIONS (masthead)
   The latest document rides on the photograph's corner: its glyph in a
   blue disc, "Latest · period", the title and its format.
   ══════════════════════════════════════════════════════════════ */

.fw-ir-mast__grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:var(--gap);align-items:center}
.fw-ir-mast__say{display:grid;justify-items:start}
.fw-ir-mast__say .fw-ir-kicker{margin-top:clamp(8px, 1.6vh, 16px)}
.fw-ir .fw-ir-h1{margin:clamp(8px, 1.4vh, 14px) 0 0;font-size:clamp(34px, 6vh, 60px);line-height:1.04;letter-spacing:-.035em;background:linear-gradient(100deg, var(--dk-d) 30%, var(--bl-d) 72%, var(--pk-d));-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}
.fw-ir-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-ir-lede b{font-weight:600;color:var(--pk-dd)}
.fw-ir-trust{position:relative;display:flex;flex-wrap:wrap;gap:8px 20px;width:100%;margin:clamp(20px, 3.4vh, 32px) 0 0;padding:clamp(14px, 2.2vh, 18px) 0 0;list-style:none}
.fw-ir-trust::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg, var(--line), transparent)}
.fw-ir-trust li{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--g7)}
.fw-ir-trust .bi{font-size:15px;color:var(--bl-d)}
.fw-ir-mast__fig{position:relative;justify-self:end;margin:0;line-height:0}
.fw-ir-mast__fig img{display:block;height:clamp(250px, 46vh, 470px);width:auto;max-width:100%;aspect-ratio:1600 / 893}
.fw-ir-latest{position:absolute;left:clamp(-28px, -2vw, -14px);bottom:clamp(14px, 2.4vh, 24px);display:flex;align-items:center;gap:12px;max-width:calc(100% - 20px);padding:10px 14px 10px 10px;border-radius:100px;line-height:1.25;background:var(--wh);box-shadow:var(--sh-soft)}
.fw-ir-latest__ico{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;color:var(--wh);background:linear-gradient(135deg, var(--bl), var(--bl-d))}
.fw-ir-latest__ico .fw-ico{width:20px;height:20px}
.fw-ir-latest > span:nth-child(2){display:grid;min-width:0}
.fw-ir-latest small{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-dd)}
.fw-ir-latest a{overflow:hidden;font-size:15px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;color:var(--ink);text-decoration:none}
.fw-ir-latest a:hover{color:var(--bl-ink)}
.fw-ir-latest em{flex:0 0 auto;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:700;color:var(--bl-ink);background:var(--bl-l)}

/* ══════════════════════════════════════════════════════════════
   02 · THE NETWORK IN FIGURES
   Equal columns split by vertical fades: the group, the number large
   in its accent gradient, what it measures, the change chip and the
   period and source on the foot, level across columns. Under it the
   live strip: five equal cells, glyph disc and count.
   ══════════════════════════════════════════════════════════════ */

.fw-ir-glance{background:linear-gradient(180deg, var(--wh), var(--bl-wash) 55%, var(--wh))}
.fw-ir-kpis{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));margin:0;padding:0;list-style:none}
.fw-ir-kpis--1{grid-template-columns:minmax(0, 1fr)}
.fw-ir-kpis--2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.fw-ir-kpis--3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.fw-ir-kpis li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:4px clamp(16px, 2vw, 32px)}
.fw-ir-kpis li:first-child{padding-left:0}
.fw-ir-kpis li + li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-ir-kpis__grp{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ac-ink)}
.fw-ir-kpis__grp .fw-ico{width:16px;height:16px}
.fw-ir-kpis__v{font-size:clamp(40px, 7vh, 66px);font-weight:700;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg, var(--ac), var(--dk-d));-webkit-background-clip:text;background-clip:text;color:transparent}
.fw-ir-kpis__l{font-size:clamp(15px, 2vh, 17px);font-weight:600;line-height:1.35;color:var(--ink);text-wrap:balance}
.fw-ir-kpis__c{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:700;color:var(--mt-ink);background:var(--mt-l)}
.fw-ir-kpis__c .bi{font-size:11px}
.fw-ir-kpis__s{margin-top:auto;padding-top:4px;font-size:12px;line-height:1.45;color:var(--g5)}
.fw-ir-live{position:relative;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:0;margin:clamp(22px, 3.6vh, 34px) 0 0;padding:clamp(16px, 2.6vh, 22px) 0 0;list-style:none}
.fw-ir-live::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-ir-live--4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.fw-ir-live--3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.fw-ir-live li{position:relative;display:flex;align-items:center;gap:12px;padding:0 clamp(12px, 1.6vw, 24px)}
.fw-ir-live li:first-child{padding-left:0}
.fw-ir-live li + li::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--fade-y)}
.fw-ir-live__ico{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;color:var(--bl-ink);background:var(--wh);box-shadow:inset 0 0 0 1px var(--line)}
.fw-ir-live__ico .fw-ico{width:20px;height:20px}
.fw-ir-live li > span:last-child{display:grid;line-height:1.15}
.fw-ir-live b{font-size:clamp(22px, 3.4vh, 30px);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.fw-ir-live small{font-size:12.5px;font-weight:600;color:var(--g6)}

/* ══════════════════════════════════════════════════════════════
   03 · HOW THE NETWORK WORKS
   Three equal nodes on one line, a dashed gradient rule joining the
   discs; Fertility World in the middle on a larger white disc with the
   logo. Each node centred: disc, name, its lines divided by short
   fades, and for clinics the ways to join as pills.
   ══════════════════════════════════════════════════════════════ */

.fw-ir-flow__row{position:relative;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--gap);margin:0;padding:0;list-style:none}
.fw-ir-flow__row::before{content:"";position:absolute;left:16.66%;right:16.66%;top:36px;height:2px;background:repeating-linear-gradient(90deg, var(--pk) 0 8px, transparent 8px 15px);opacity:.45}
.fw-ir-node{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.fw-ir-node__disc{position:relative;z-index:1;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;color:var(--bl-ink);background:var(--wh);box-shadow:0 0 0 8px var(--bl-l), var(--sh-soft)}
.fw-ir-node__disc .fw-ico{width:32px;height:32px}
.fw-ir-node--patients .fw-ir-node__disc{color:var(--pk-dd);box-shadow:0 0 0 8px var(--pk-l), var(--sh-soft)}
.fw-ir-node--clinics .fw-ir-node__disc{color:var(--mt-ink);box-shadow:0 0 0 8px var(--mt-l), var(--sh-soft)}
.fw-ir-node--hub .fw-ir-node__disc{box-shadow:0 0 0 8px var(--bl-l), 0 0 0 9px var(--bl-ring), var(--sh-soft)}
.fw-ir-node--hub .fw-ir-node__disc img{display:block;width:56px;height:auto}
.fw-ir-node__h{margin:6px 0 0;font-family:var(--ff);font-size:clamp(18px, 2.5vh, 21px);font-weight:700;color:var(--ink)}
.fw-ir-node__list{display:grid;gap:0;width:100%;max-width:340px;margin:0;padding:0;list-style:none}
.fw-ir-node__list li{position:relative;padding:7px 0;font-size:14.5px;line-height:1.45;color:var(--g6)}
.fw-ir-node__list li + li::before{content:"";position:absolute;left:20%;right:20%;top:0;height:1px;background:var(--fade-x)}
.fw-ir-node__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:440px}
.fw-ir-node__pills span{padding:3px 9px;border-radius:100px;font-size:11.5px;font-weight:600;color:var(--mt-ink);background:var(--mt-l)}

/* ══════════════════════════════════════════════════════════════
   04 · PERFORMANCE
   One column per group, equal widths, split by vertical fades; inside,
   each figure a row: what it measures with its period, date and source
   under it, the figure right-aligned.
   ══════════════════════════════════════════════════════════════ */

.fw-ir-perf__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:var(--gap)}
.fw-ir-perf__group{position:relative;display:grid;align-content:start;gap:6px}
.fw-ir-perf__group + .fw-ir-perf__group::before{content:"";position:absolute;left:calc(var(--gap) / -2);top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-ir-perf__h{display:flex;align-items:center;gap:12px;margin:0 0 6px;font-family:var(--ff);font-size:17px;font-weight:700;color:var(--ink)}
.fw-ir-perf dl{margin:0}
.fw-ir-perf dl > div{position:relative;display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:start;gap:14px;padding:12px 0}
.fw-ir-perf dl > div + div::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-ir-perf dt{display:grid;gap:4px;font-size:14.5px;font-weight:600;line-height:1.35;color:var(--ink)}
.fw-ir-perf dt small{font-size:12px;font-weight:500;line-height:1.45;color:var(--g5)}
.fw-ir-perf dd{margin:0;font-size:clamp(22px, 3.2vh, 28px);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ac-ink);white-space:nowrap}
.fw-ir-perf dt em{justify-self:start;padding:2px 9px;border-radius:100px;font-size:11.5px;font-weight:700;color:var(--mt-ink);background:var(--mt-l)}

/* ══════════════════════════════════════════════════════════════
   05 · REPORTS AND DOCUMENTS
   A table of rows on one grid: disc, title and summary, kind, period,
   date and the open link, every column aligned down the list. Filter
   chips sit on the heading's right.
   ══════════════════════════════════════════════════════════════ */

.fw-ir-docs{background:linear-gradient(180deg, var(--wh), var(--pk-wash) 60%, var(--wh))}
.fw-ir-chips{display:flex;flex-wrap:wrap;gap:8px}
.fw-ir-chips button{display:inline-flex;align-items:center;gap:8px;height:38px;padding: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-ir-chips button span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:100px;font-size:11.5px;font-weight:700;color:var(--g6);background:var(--g1)}
.fw-ir-chips button:hover{color:var(--bl-ink);box-shadow:inset 0 0 0 1.5px var(--bl-ring)}
.fw-ir-chips button.is-on{color:var(--wh);background:var(--bl-d);box-shadow:none}
.fw-ir-chips button.is-on span{color:var(--bl-d);background:var(--wh)}
.fw-ir-docs__list{margin:0;padding:0;list-style:none}
.fw-ir-docs__list li{position:relative;display:grid;grid-template-columns:44px minmax(0, 1fr) 150px 110px 110px 132px;align-items:center;gap:clamp(12px, 1.6vw, 24px);padding:clamp(12px, 2vh, 16px) 0}
.fw-ir-docs__list li + li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-ir-docs__list li[hidden]{display:none}
.fw-ir-docs__say{display:grid;gap:3px;min-width:0}
.fw-ir-docs__say b{font-size:16px;font-weight:700;line-height:1.3;color:var(--ink)}
.fw-ir-docs__say small{overflow:hidden;font-size:13.5px;line-height:1.45;white-space:nowrap;text-overflow:ellipsis;color:var(--g6)}
.fw-ir-docs__kind{justify-self:start;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:700;color:var(--bl-ink);background:var(--bl-l)}
.fw-ir-docs__per,.fw-ir-docs__date{font-size:13.5px;font-weight:600;color:var(--g6)}
.fw-ir-docs__go{justify-self:end;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:100px;font-size:13.5px;font-weight:700;color:var(--ink);text-decoration:none;background:var(--wh);box-shadow:inset 0 0 0 1.5px var(--line);transition:background .25s, color .25s, box-shadow .25s}
.fw-ir-docs__go .bi{font-size:12px}
.fw-ir-docs__go:hover{color:var(--bl-ink);background:var(--bl-wash);box-shadow:inset 0 0 0 1.5px var(--bl-ring)}

/* ══════════════════════════════════════════════════════════════
   06 · INVESTOR CALENDAR
   Coming up (date block, meta, title, summary, Add to calendar and the
   joining link) beside Recently (date, title, slides and replay); the
   past column stretches so both end level.
   ══════════════════════════════════════════════════════════════ */

.fw-ir-cal__grid{display:grid;grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);gap:var(--gap);align-items:stretch}
.fw-ir-cal__grid.is-solo{grid-template-columns:minmax(0, 1fr)}
.fw-ir-cal__col{position:relative;display:flex;flex-direction:column}
.fw-ir-cal__col--past{padding-left:0}
.fw-ir-cal__grid:not(.is-solo) .fw-ir-cal__col--past::before{content:"";position:absolute;left:calc(var(--gap) / -2);top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-ir-cal__label{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g5)}
.fw-ir-events,.fw-ir-past{margin:0;padding:0;list-style:none}
.fw-ir-events li{position:relative;display:grid;grid-template-columns:84px minmax(0, 1fr);gap:clamp(16px, 2vw, 26px);padding:clamp(10px, 1.6vh, 14px) 0}
.fw-ir-events li + li::before,.fw-ir-past li + li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-ir-date{display:grid;place-content:center;justify-items:center;gap:4px;width:84px;height:84px;border-radius:50%;background:var(--wh);box-shadow:0 0 0 6px var(--pk-l), var(--sh-soft)}
.fw-ir-date b{font-size:30px;font-weight:700;line-height:.9;letter-spacing:-.03em;background:linear-gradient(135deg, var(--pk), var(--bl-d));-webkit-background-clip:text;background-clip:text;color:transparent}
.fw-ir-date span{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g6)}
.fw-ir-events__say{display:grid;align-content:center;gap:6px}
.fw-ir-events__h{margin:0;font-family:var(--ff);font-size:clamp(18px, 2.5vh, 21px);font-weight:700;line-height:1.3;color:var(--ink)}
.fw-ir-events__x{margin:0;font-size:14.5px;line-height:1.55;color:var(--g6)}
.fw-ir-events__go{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:4px}
.fw-ir-events__go a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--bl-ink);text-decoration:none}
.fw-ir-events__go a:hover{color:var(--pk-dd)}
.fw-ir-cal__add{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:0;border-radius:100px;cursor:pointer;font-family:var(--ff);font-size:13.5px;font-weight:700;color:var(--bl-ink);background:var(--bl-l);transition:background .25s, box-shadow .25s}
.fw-ir-cal__add:hover{background:var(--bl-wash);box-shadow:inset 0 0 0 1.5px var(--bl-ring)}
.fw-ir-calnote{display:grid;gap:4px;margin-top:6px;font-size:13px;line-height:1.5;color:var(--g6)}
.fw-ir-calnote p{margin:0}
.fw-ir-calnote__ok{display:flex;gap:6px;color:var(--mt-ink)}
.fw-ir-calnote__link{font-weight:600;color:var(--bl-ink)}
.fw-ir-past{flex:1 1 auto;display:flex;flex-direction:column}
.fw-ir-past li{position:relative;display:grid;gap:4px;padding:clamp(12px, 2vh, 16px) 0}
.fw-ir-past time{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pk-dd)}
.fw-ir-past b{font-size:16px;font-weight:700;color:var(--ink)}
.fw-ir-past span{font-size:13.5px;color:var(--g6)}
.fw-ir-past a{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font-size:14px;font-weight:700;color:var(--bl-ink);text-decoration:none}
.fw-ir-past a:hover{color:var(--pk-dd)}
.fw-ir-cal__foot{position:relative;display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:clamp(14px, 2.2vh, 18px);font-size:14px;line-height:1.5;color:var(--g6)}
.fw-ir-cal__foot::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-ir-cal__foot a{font-weight:700;color:var(--bl-ink);text-decoration:none}
.fw-ir-cal__foot a:hover{text-decoration:underline;text-underline-offset:3px}

/* ══════════════════════════════════════════════════════════════
   07 · INVESTOR UPDATES
   Three dated columns split by vertical fades, Read on the bottom edge.
   ══════════════════════════════════════════════════════════════ */

.fw-ir-upd__list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--gap);margin:0;padding:0;list-style:none}
.fw-ir-upd__list li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.fw-ir-upd__list li + li::before{content:"";position:absolute;left:calc(var(--gap) / -2);top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-ir-upd__date{display:flex;align-items:center;gap:12px}
.fw-ir-upd__date b{font-size:clamp(40px, 6.4vh, 58px);font-weight:700;line-height:.9;letter-spacing:-.04em;background:linear-gradient(135deg, var(--pk), var(--bl-d));-webkit-background-clip:text;background-clip:text;color:transparent}
.fw-ir-upd__date span{font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--g5)}
.fw-ir-upd__h{margin:0;font-family:var(--ff);font-size:clamp(18px, 2.5vh, 22px);font-weight:700;line-height:1.3}
.fw-ir-upd__h a{color:var(--ink);text-decoration:none}
.fw-ir-upd__h a:hover{color:var(--bl-ink)}
.fw-ir-upd__x{margin:0;font-size:14.5px;line-height:1.55;color:var(--g6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fw-ir-upd__go{margin-top:auto}

/* ══════════════════════════════════════════════════════════════
   08 · THE COMPANY AND ITS GOVERNANCE
   Company information as label | value rows beside the governance
   links; the links spread so both columns end level.
   ══════════════════════════════════════════════════════════════ */

.fw-ir-co__grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:var(--gap);align-items:stretch}
.fw-ir-co__grid.is-solo{grid-template-columns:minmax(0, 1fr)}
.fw-ir-co__facts,.fw-ir-co__gov{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.fw-ir-co__grid:not(.is-solo) .fw-ir-co__gov::before{content:"";position:absolute;left:calc(var(--gap) / -2);top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-ir-dl{width:100%;margin:clamp(8px, 1.6vh, 14px) 0 0}
.fw-ir-dl > div{position:relative;display:grid;grid-template-columns:clamp(130px, 12vw, 170px) minmax(0, 1fr);gap:16px;padding:12px 0}
.fw-ir-dl > div + div::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-ir-dl dt{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g5);padding-top:2px}
.fw-ir-dl dd{display:grid;justify-items:start;gap:4px;margin:0;font-size:15px;font-weight:500;line-height:1.55;color:var(--ink)}
.fw-ir-dl dd a{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--bl-ink);text-decoration:none}
.fw-ir-dl dd a:hover{text-decoration:underline;text-underline-offset:3px}
.fw-ir-gov{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;width:100%;margin:clamp(8px, 1.6vh, 14px) 0 0;padding:0;list-style:none}
.fw-ir-gov li{position:relative}
.fw-ir-gov li + li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-ir-gov a{display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;gap:14px;padding:12px 0;font-size:14px;line-height:1.45;color:var(--g6);text-decoration:none}
.fw-ir-gov b{display:block;font-size:16px;font-weight:700;color:var(--ink)}
.fw-ir-gov .bi{font-size:14px;color:var(--bl-ink);transition:transform .25s var(--ease)}
.fw-ir-gov a:hover b{color:var(--bl-ink)}
.fw-ir-gov a:hover .bi{transform:translateX(3px)}
.fw-ir-gov li:nth-child(2) .fw-ir-disc{color:var(--mt-ink);background:var(--mt-l)}
.fw-ir-gov li:nth-child(3) .fw-ir-disc{color:var(--pk-dd);background:var(--pk-l)}
.fw-ir-gov li:nth-child(4) .fw-ir-disc{color:var(--pu-ink);background:var(--pu-l)}

/* ══════════════════════════════════════════════════════════════
   09 · QUESTIONS AND THE INVESTOR CONTACT
   The questions beside the photograph and the contact; the contact's
   words sit on the column's foot so both end level whichever question
   is open.
   ══════════════════════════════════════════════════════════════ */

.fw-ir-end__grid{display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);gap:var(--gap);align-items:stretch}
.fw-ir-end__faq .fw-ir-head{margin-bottom:clamp(10px, 1.8vh, 16px)}
.fw-ir-qs{display:grid}
.fw-ir-q{position:relative}
.fw-ir-q + .fw-ir-q::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--fade-x)}
.fw-ir-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-ir-q summary::-webkit-details-marker{display:none}
.fw-ir-q__n{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:12.5px;font-weight:700;color:var(--bl-ink);background:var(--bl-l);transition:background .25s, color .25s}
.fw-ir-q__t{font-size:clamp(15px, 2vh, 17px);font-weight:600;line-height:1.4;color:var(--ink);transition:color .25s}
.fw-ir-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-ir-q summary:hover .fw-ir-q__t,.fw-ir-q[open] .fw-ir-q__t{color:var(--bl-ink)}
.fw-ir-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-ir-q[open] .fw-ir-q__n{color:var(--wh);background:var(--bl-d)}
.fw-ir-q[open] summary > i{transform:rotate(45deg);color:var(--wh);background:var(--bl-d);box-shadow:none}
.fw-ir-end__talk{display:flex;flex-direction:column;gap:clamp(14px, 2.4vh, 22px)}
.fw-ir-pic{margin:0;line-height:0;background:var(--g1)}
.fw-ir-pic img{display:block;width:100%;height:auto;aspect-ratio:1600 / 1073;max-height:23vh;object-fit:cover}
.fw-ir-talk{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto}
.fw-ir-talk .fw-ir-btn{margin-top:6px}

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

@media (max-width: 1200px){
	.fw-ir-docs__list li{grid-template-columns:44px minmax(0, 1fr) 130px 110px 120px}
	.fw-ir-docs__per{display:none}
}
@media (max-width: 1024px){
	.fw-ir-mast__grid,.fw-ir-cal__grid,.fw-ir-co__grid,.fw-ir-end__grid{grid-template-columns:minmax(0, 1fr)}
	.fw-ir-mast__fig{justify-self:start}
	.fw-ir-mast__fig img{height:auto;width:100%}
	.fw-ir-latest{left:12px}
	.fw-ir-kpis,.fw-ir-kpis--3,.fw-ir-kpis--4{grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:26px}
	.fw-ir-kpis li:nth-child(odd){padding-left:0}
	.fw-ir-kpis li:nth-child(odd)::before{display:none}
	.fw-ir-live,.fw-ir-live--4{grid-template-columns:repeat(3, minmax(0, 1fr));row-gap:18px}
	.fw-ir-live li:nth-child(3n+1){padding-left:0}
	.fw-ir-live li:nth-child(3n+1)::before{display:none}
	.fw-ir-flow__row{grid-template-columns:minmax(0, 1fr);gap:34px}
	.fw-ir-flow__row::before{display:none}
	.fw-ir-node + .fw-ir-node::before{content:"";position:absolute;left:50%;top:-30px;width:2px;height:22px;background:repeating-linear-gradient(180deg, var(--pk) 0 6px, transparent 6px 11px);opacity:.45}
	.fw-ir-cal__grid:not(.is-solo) .fw-ir-cal__col--past::before,.fw-ir-co__grid:not(.is-solo) .fw-ir-co__gov::before{left:0;right:0;top:calc(var(--gap) / -2);bottom:auto;width:auto;height:1px;background:var(--fade-x)}
	.fw-ir-upd__list{grid-template-columns:repeat(2, minmax(0, 1fr))}
	.fw-ir-upd__list li:nth-child(3){display:none}
	.fw-ir-pic img{max-height:none}
}
@media (max-width: 768px){
	.fw-ir-page{--pad:14px}
	.fw-ir .fw-ir-h1{font-size:clamp(30px, 8.4vw, 40px)}
	.fw-ir-act{width:100%}
	.fw-ir-act .fw-ir-btn{width:100%;white-space:normal}
	.fw-ir-latest{position:static;margin-top:10px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line)}
	.fw-ir-kpis li{padding:0 10px}
	.fw-ir-kpis__v{font-size:clamp(30px, 9vw, 40px)}
	.fw-ir-live,.fw-ir-live--4,.fw-ir-live--3{grid-template-columns:repeat(2, minmax(0, 1fr))}
	.fw-ir-live li{padding:0 10px}
	.fw-ir-live li:nth-child(3n+1){padding-left:10px}
	.fw-ir-live li:nth-child(3n+1)::before{display:block}
	.fw-ir-live li:nth-child(odd){padding-left:0}
	.fw-ir-live li:nth-child(odd)::before{display:none}
	.fw-ir-docs__list li{grid-template-columns:44px minmax(0, 1fr);row-gap:8px}
	.fw-ir-docs__kind,.fw-ir-docs__date,.fw-ir-docs__go{grid-column:2}
	.fw-ir-docs__go{justify-self:start}
	.fw-ir-docs__say small{white-space:normal}
	.fw-ir-events li{grid-template-columns:72px minmax(0, 1fr)}
	.fw-ir-date{width:72px;height:72px}
	.fw-ir-date b{font-size:26px}
	.fw-ir-upd__list{grid-template-columns:minmax(0, 1fr)}
	.fw-ir-upd__list li:nth-child(3){display:flex}
	.fw-ir-dl > div{grid-template-columns:minmax(0, 1fr);gap:4px}
	.fw-ir-q p{padding:0 6px clamp(14px, 2.2vh, 20px)}
}
@media (prefers-reduced-motion: reduce){
	.fw-ir *{transition:none!important}
}