/* ══════════════════════════════════════════════════════════════════════════
   css/media-press.css — /media-press  (prefix fw-pm)

   The press room. Its heart is "In brief": the paragraph a journalist can
   paste, set large behind a pink rule with a Copy button, beside the
   figures the site counts itself. Around it: the masthead with the press
   desk email on the photograph, the lead story beside the list of
   coverage, the latest releases in three columns, the press kit as a
   register (the kind on the left, its files on the right), and how to
   reach the press team beside who can speak with them.

   A sibling of the other About pages with its own grammar (a register,
   a pasteable paragraph, an outlet logo strip). 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 and
   logos 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.
   ══════════════════════════════════════════════════════════════════════════ */

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

.fw-pm-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);
	background:var(--wh);
	-webkit-text-size-adjust:100%
}

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

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

.fw-pm-head{display:grid;gap:8px;margin-bottom:clamp(18px, 3vh, 30px)}
.fw-pm-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.fw-pm-head--row > div{display:grid;gap:8px}
.fw-pm-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-pm-sub{margin:0;font-size:clamp(15px, 2vh, 17px);line-height:1.6;color:var(--g6);text-wrap:pretty}
.fw-pm-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-pm-kicker .fw-ico{width:18px;height:18px}
.fw-pm-note{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:13.5px;line-height:1.55;color:var(--g6)}
.fw-pm-note .bi{margin-top:2px;color:var(--bl-d)}
.fw-pm-note a,.fw-pm-note b{font-weight:600;color:var(--bl-ink)}
.fw-pm-note a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bl-ring)}

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

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

/* ══════════════════════════════════════════════════════════════
   01 · THE PRESS ROOM
   The press desk email sits on the photograph's corner, a round
   megaphone disc and the address, the way /insurance-finance carries
   its featured partner.
   ══════════════════════════════════════════════════════════════ */

.fw-pm-mast__grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:var(--gap);align-items:center}
.fw-pm-mast__say{display:grid;justify-items:start}
.fw-pm-mast__say .fw-pm-kicker{margin-top:clamp(8px, 1.6vh, 16px)}
.fw-pm .fw-pm-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-pm-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-pm-lede b{font-weight:600;color:var(--pk-dd)}
.fw-pm-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-pm-trust::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg, var(--line), transparent)}
.fw-pm-trust li{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--g7)}
.fw-pm-trust .bi{font-size:15px;color:var(--bl-d)}
.fw-pm-mast__fig{position:relative;justify-self:end;margin:0;background:var(--g1)}
.fw-pm-mast__fig img{display:block;height:clamp(250px, 46vh, 470px);width:auto;max-width:100%;aspect-ratio:1400 / 787}
.fw-pm-desk{position:absolute;left:clamp(-28px, -2vw, -14px);bottom:clamp(14px, 2.4vh, 24px);display:flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border-radius:100px;background:var(--wh);box-shadow:var(--sh-soft)}
.fw-pm-desk__ico{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--wh);background:linear-gradient(135deg, var(--pk), var(--pk-dd))}
.fw-pm-desk__ico .fw-ico{width:20px;height:20px}
.fw-pm-desk > span:last-child{display:grid;line-height:1.25}
.fw-pm-desk small{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-dd)}
.fw-pm-desk a{font-size:15px;font-weight:700;color:var(--ink);text-decoration:none}
.fw-pm-desk a:hover{color:var(--bl-ink)}

/* ══════════════════════════════════════════════════════════════
   02 · IN BRIEF
   The pasteable paragraph large behind a pink rule, Copy and the
   name note under it; the live figures on the right, four across two
   rows divided by fade rules. Both columns end level (stretch).
   ══════════════════════════════════════════════════════════════ */

.fw-pm-brief{background:linear-gradient(180deg, var(--wh), var(--pk-wash) 55%, var(--wh))}
.fw-pm-brief__grid{display:grid;grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr);gap:var(--gap);align-items:stretch}
.fw-pm-brief__grid.is-solo{grid-template-columns:minmax(0, 1fr)}
.fw-pm-brief__say{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.fw-pm-para{position:relative;flex:1 1 auto;margin:clamp(6px, 1.4vh, 12px) 0 0;padding:4px 0 4px clamp(18px, 2vw, 26px);border:0}
.fw-pm-para::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px;background:linear-gradient(180deg, var(--pk), var(--bl))}
.fw-pm-para p{margin:0;font-size:clamp(17px, 2.5vh, 22px);font-weight:400;line-height:1.6;color:var(--g8);text-wrap:pretty}
.fw-pm-brief__foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:clamp(10px, 2vh, 18px)}
.fw-pm-copy{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:100px;cursor:pointer;font-family:var(--ff);font-size:14px;font-weight:600;color:var(--bl-ink);background:var(--bl-l);transition:background .25s, color .25s}
.fw-pm-copy:hover{background:var(--bl-wash);box-shadow:inset 0 0 0 1.5px var(--bl-ring)}
.fw-pm-copy.is-done{color:var(--wh);background:var(--mt-d)}

.fw-pm-figs{display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.fw-pm-figs ul{flex:1 1 auto;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));margin:0;padding:0;list-style:none}
.fw-pm-figs li{position:relative;display:grid;grid-template-columns:auto minmax(0, 1fr);grid-template-rows:auto auto auto;column-gap:14px;align-content:center;padding:clamp(14px, 2.6vh, 24px) clamp(12px, 1.6vw, 22px)}
.fw-pm-figs li:nth-child(n+3)::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-pm-figs li:nth-child(2n)::after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-pm-figs__ico{grid-row:1 / span 3;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--pk-dd);background:var(--pk-l)}
.fw-pm-figs li:nth-child(2) .fw-pm-figs__ico{color:var(--bl-ink);background:var(--bl-l)}
.fw-pm-figs li:nth-child(3) .fw-pm-figs__ico{color:var(--mt-ink);background:var(--mt-l)}
.fw-pm-figs li:nth-child(4) .fw-pm-figs__ico{color:var(--pu-ink);background:var(--pu-l)}
.fw-pm-figs__ico .fw-ico{width:24px;height:24px}
.fw-pm-figs b{font-size:clamp(28px, 4.6vh, 44px);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--ink)}
.fw-pm-figs li > span:not(.fw-pm-figs__ico){font-size:14.5px;font-weight:600;color:var(--g7)}
.fw-pm-figs small{font-size:12.5px;color:var(--g5)}
.fw-pm-figs__src{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;color:var(--g5)}
.fw-pm-figs__src .bi{color:var(--mt-ink)}

/* ══════════════════════════════════════════════════════════════
   03 · IN THE NEWS
   The lead story: the outlet logo in a fixed frame on the left edge,
   the headline large, the quote filling the column and the outlet,
   day and Read link on a fade rule at the foot, level with the last
   list row. The list: every logo in the same frame, left-aligned, so
   the outlets, headlines and kinds each form one straight column.
   ══════════════════════════════════════════════════════════════ */

.fw-pm-news__grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.1fr);gap:var(--gap);align-items:stretch}
.fw-pm-news__grid.is-solo{grid-template-columns:minmax(0, 1fr)}
.fw-pm-lead{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.fw-pm-news__grid:not(.is-solo) .fw-pm-lead::after{content:"";position:absolute;right:calc(var(--gap) / -2);top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-pm-lead__logo{display:flex;align-items:center;width:clamp(150px, 15vw, 210px);height:clamp(44px, 6.2vh, 58px)}
.fw-pm-lead__logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
.fw-pm-lead__logo b{font-size:20px;font-weight:700;color:var(--ink)}
.fw-pm-lead__h{margin:0;font-family:var(--ff);font-size:clamp(24px, 4vh, 38px);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.fw-pm-lead__q{position:relative;flex:1 1 auto;margin:0;padding-left:40px;font-size:clamp(16px, 2.4vh, 21px);line-height:1.55;color:var(--g7)}
.fw-pm-lead__q::before{content:"\201C";position:absolute;left:0;top:-12px;font-size:60px;font-weight:700;line-height:1;color:var(--pk)}
.fw-pm-lead__foot{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;width:100%;margin-top:auto;padding-top:clamp(12px, 2vh, 16px)}
.fw-pm-lead__foot::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg, var(--line), transparent)}
.fw-pm-list{display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:0;list-style:none}
.fw-pm-list li{position:relative;display:grid;grid-template-columns:clamp(104px, 9vw, 128px) minmax(0, 1fr) auto;align-items:center;gap:clamp(16px, 1.6vw, 24px);padding:clamp(10px, 1.6vh, 14px) 0}
.fw-pm-list li + li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--fade-x)}
.fw-pm-list__logo{display:flex;align-items:center;justify-content:flex-start;height:clamp(36px, 4.8vh, 44px);color:var(--g5)}
.fw-pm-list__logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;mix-blend-mode:multiply}
.fw-pm-list__logo .fw-ico{width:26px;height:26px}
.fw-pm-list__say{display:grid;gap:3px;min-width:0}
.fw-pm-list__say small{font-size:12.5px;font-weight:600;color:var(--g5)}
.fw-pm-list__say small i{font-style:normal;margin:0 2px}
.fw-pm-list__say a,.fw-pm-list__say b{font-size:15.5px;font-weight:700;line-height:1.35;color:var(--ink);text-decoration:none}
.fw-pm-list__say a:hover{color:var(--bl-ink)}
.fw-pm-list__kind{justify-self:end;min-width:clamp(88px, 8vw, 132px);padding:5px 12px;border-radius:100px;font-size:11.5px;font-weight:700;text-align:center;white-space:nowrap;color:var(--bl-ink);background:var(--bl-l)}

/* ══════════════════════════════════════════════════════════════
   04 · PRESS RELEASES
   Three equal columns split by soft vertical fades. Without a cover of
   its own for every post (the topic fallbacks repeat), each is set as a
   dateline: the day large, month and year beside it, the topic, the
   title, two lines and Read on the bottom edge, level across columns.
   ══════════════════════════════════════════════════════════════ */

.fw-pm-rel__list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--gap);margin:0;padding:0;list-style:none}
.fw-pm-rel__list li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.fw-pm-rel__list li + li::before{content:"";position:absolute;left:calc(var(--gap) / -2);top:0;bottom:0;width:1px;background:var(--fade-y)}
.fw-pm-rel__date{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.fw-pm-rel__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-pm-rel__date span{font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;color:var(--g5)}
.fw-pm-rel__topic{padding:4px 12px;border-radius:100px;font-size:11.5px;font-weight:700;color:var(--pk-dd);background:var(--pk-l)}
.fw-pm-rel__pic{display:block;width:100%;overflow:hidden;background:var(--g1)}
.fw-pm-rel__pic img{display:block;width:100%;aspect-ratio:16 / 10;height:auto;object-fit:cover;transition:transform .8s var(--ease-soft)}
.fw-pm-rel__list li:hover .fw-pm-rel__pic img{transform:scale(1.03)}
.fw-pm-rel__h{margin:0;font-family:var(--ff);font-size:clamp(18px, 2.5vh, 22px);font-weight:700;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.fw-pm-rel__h a{color:var(--ink);text-decoration:none}
.fw-pm-rel__h a:hover{color:var(--bl-ink)}
.fw-pm-rel__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-pm-rel__go{margin-top:auto;padding-top:4px}

/* ══════════════════════════════════════════════════════════════
   05 · THE PRESS KIT
   One even grid: every tile the same width and the same 3:2 frame,
   so the frames, titles and Download links each run in one line. A
   logo sits whole on white inside a hairline; a photograph fills its
   frame (the download is the whole file); a document shows its glyph.
   The kind rides on the frame's corner as a small white pill.
   ══════════════════════════════════════════════════════════════ */

.fw-pm-kit{background:linear-gradient(180deg, var(--wh), var(--bl-wash) 60%, var(--wh))}
.fw-pm-kit__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:clamp(18px, 2vw, 30px) clamp(16px, 1.8vw, 26px);margin:0;padding:0;list-style:none}
.fw-pm-tile{display:flex;flex-direction:column;gap:6px;min-width:0}
.fw-pm-tile__frame{position:relative;display:block;width:100%;aspect-ratio:3 / 2;overflow:hidden;margin-bottom:6px;background:var(--g1)}
.fw-pm-tile__frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-soft)}
.fw-pm-tile:hover .fw-pm-tile__frame img{transform:scale(1.03)}
.fw-pm-tile--logo .fw-pm-tile__frame{background:var(--wh);box-shadow:inset 0 0 0 1px var(--line)}
.fw-pm-tile--logo .fw-pm-tile__frame img{object-fit:contain;padding:16% 14%}
.fw-pm-tile--logo:hover .fw-pm-tile__frame img{transform:none}
.fw-pm-tile__doc{position:absolute;inset:0;display:grid;place-items:center;color:var(--bl-ink);background:var(--bl-l)}
.fw-pm-tile__doc .fw-ico{width:28%;height:auto;aspect-ratio:1}
.fw-pm-tile__kind{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:100px;font-size:11px;font-weight:700;color:var(--ink);background:var(--wh);box-shadow:var(--sh-soft)}
.fw-pm-tile__kind .fw-ico{width:13px;height:13px;color:var(--pk-dd)}
.fw-pm-tile__h{font-size:15px;font-weight:700;line-height:1.3;color:var(--ink)}
.fw-pm-tile__note{min-height:calc(2 * 1.45em);font-size:12.5px;line-height:1.45;color:var(--g6);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fw-pm-tile__go{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:auto;padding-top:2px}
.fw-pm-tile__go a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--bl-ink);text-decoration:none}
.fw-pm-tile__go a:hover{color:var(--pk-dd)}

/* ══════════════════════════════════════════════════════════════
   06 · TALK TO US
   The photograph whole on the left at one height, the words beside it.
   The steps spread so the email and the note end level with the
   photograph's foot; the experts ride in step three as pill links.
   ══════════════════════════════════════════════════════════════ */

.fw-pm-talk__grid{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:var(--gap);align-items:stretch}
.fw-pm-pic{position:relative;margin:0;line-height:0;height:100%;aspect-ratio:1600 / 1073;max-width:46vw}
.fw-pm-pic img{display:block;width:100%;height:100%}
.fw-pm-talk__say{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.fw-pm-steps{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-evenly;gap:clamp(8px, 1.3vh, 13px);width:100%;margin:clamp(6px, 1.2vh, 10px) 0 0;padding:0;list-style:none}
.fw-pm-steps li{display:grid;grid-template-columns:auto minmax(0, 1fr);align-items:start;gap:16px}
.fw-pm-steps__n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-size:15px;font-weight:700;color:var(--wh);background:linear-gradient(135deg, var(--pk), var(--pk-dd));box-shadow:0 0 0 6px var(--pk-l)}
.fw-pm-steps li > span:last-child{font-size:14.5px;line-height:1.55;color:var(--g6)}
.fw-pm-steps b{display:block;font-size:17px;font-weight:700;color:var(--ink)}
.fw-pm-who{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.fw-pm-who a{display:inline-flex;align-items:center;gap:7px;padding:6px 14px 6px 10px;border-radius:100px;font-size:13px;font-weight:600;color:var(--bl-ink);text-decoration:none;background:var(--bl-l);transition:background .25s, box-shadow .25s}
.fw-pm-who a .fw-ico{width:16px;height:16px}
.fw-pm-who a:hover{background:var(--bl-wash);box-shadow:inset 0 0 0 1.5px var(--bl-ring)}
.fw-pm-talk__say .fw-pm-act{align-items:center;margin-top:clamp(6px, 1.2vh, 10px)}
.fw-pm-talk__say .fw-pm-act .fw-pm-note{flex:1 1 220px}

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

@media (max-width: 1024px){
	.fw-pm-mast__grid,.fw-pm-brief__grid,.fw-pm-news__grid,.fw-pm-talk__grid{grid-template-columns:minmax(0, 1fr)}
	.fw-pm-mast__fig{justify-self:start}
	.fw-pm-mast__fig img{height:auto;width:100%}
	.fw-pm-desk{left:12px}
	.fw-pm-news__grid:not(.is-solo) .fw-pm-lead::after{display:none}
	.fw-pm-rel__list{grid-template-columns:repeat(2, minmax(0, 1fr))}
	.fw-pm-rel__list li:nth-child(3){display:none}
	.fw-pm-pic{height:auto;max-width:none;width:100%}
	.fw-pm-pic img{height:auto;aspect-ratio:1600 / 1073}
}
@media (max-width: 768px){
	.fw-pm-page{--pad:14px}
	.fw-pm .fw-pm-h1{font-size:clamp(30px, 8.4vw, 40px)}
	.fw-pm-act{width:100%}
	.fw-pm-act .fw-pm-btn{width:100%}
	.fw-pm-desk{position:static;margin-top:10px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line)}
	.fw-pm-mast__fig{background:none}
	.fw-pm-figs li{padding:14px 10px}
	.fw-pm-list li{grid-template-columns:84px minmax(0, 1fr)}
	.fw-pm-list__kind{display:none}
	.fw-pm-rel__list{grid-template-columns:minmax(0, 1fr);gap:22px}
	.fw-pm-rel__list li:nth-child(3){display:flex}
	.fw-pm-rel__list li + li{padding-top:22px}
	.fw-pm-rel__list li + li::before{left:0;right:0;bottom:auto;width:auto;height:1px;background:var(--fade-x)}
	.fw-pm-kit__grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px 12px}
	.fw-pm-tile__kind{left:6px;top:6px;padding:3px 8px 3px 6px;font-size:10px}
}
@media (prefers-reduced-motion: reduce){
	.fw-pm *{transition:none!important}
}