/* v50: the v49 homepage language carried through inner pages. Loads after site.css and motion.css. */
.edition-50{background:var(--paper);color:var(--ink)}

/* Page hero: the homepage cinema at a shorter height, with an optional glass panel. */
.cinema-page{height:auto;min-height:max(640px,calc(86svh - 114px));max-height:none}
.cinema-page .cinema-title{padding-bottom:130px}

.cinema-page .cinema-title>p{max-width:600px}
.cinema-aside{position:absolute;right:35px;bottom:105px;width:min(360px,30vw);padding:24px 26px;border:1px solid #ffffff38;background:#0d17119c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#e9efe6;z-index:2}
.cinema-aside *{color:inherit!important}.cinema-aside ol{list-style:none;margin:14px 0;padding:0}.cinema-aside li{display:flex;gap:16px;padding:11px 0;border-top:1px solid #ffffff26;font-size:15px}.cinema-aside .map-index,.cinema-aside .doc-label,.cinema-aside .small{font-size:11px;opacity:.75}
.motion-enhanced .cinema-aside{animation:aside-arrive 1.2s .5s cubic-bezier(.16,1,.3,1) both}
@keyframes aside-arrive{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}

/* Text-only heroes keep their layout; the title rises into place. */
.type-hero h1 .title-mask>span{animation:none}.motion-enhanced .type-hero h1 .title-mask>span{animation:title-arrive 1.2s cubic-bezier(.16,1,.3,1) both}

/* Results ticker, after Max's outcome band. Pauses on hover and focus, and stops for reduced motion. */
.ticker{border-bottom:1px solid var(--line);padding:0 0 18px;overflow:hidden}
.ticker-track{display:flex;width:max-content;animation:ticker 48s linear infinite;padding:26px 0 14px}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}
.ticker ul{display:flex;list-style:none;margin:0;padding:0}
.ticker li{display:flex;align-items:center;gap:34px;padding-right:34px;font-size:13px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:var(--ink)}
.ticker li:after{content:'';width:7px;height:7px;background:var(--cherokee,#c8553d);display:block}

@keyframes ticker{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;flex-wrap:wrap;width:auto}.ticker ul[aria-hidden]{display:none}.ticker ul{flex-wrap:wrap;padding-inline:20px;row-gap:12px}}

/* Figures */
.figures-section{padding-block:20px 120px}
.figures{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.figure{padding:34px 30px 0 0;display:grid;gap:16px;align-content:start}
.figure+.figure{padding-left:30px;border-left:1px solid var(--line)}
.figure strong{font-size:clamp(30px,3.3vw,52px);letter-spacing:-.05em;line-height:1;white-space:nowrap}
.figure span{font-size:14px;line-height:1.6;color:var(--muted);max-width:260px}

/* Case and evidence bands */
.case-section{background:var(--scene);color:#eef3ea;padding-block:120px;position:relative}
.case-section .section-label{color:#b6c5b7}.case-section h2{color:#eef3ea}
.case-heading{margin-bottom:70px;max-width:1000px}
.case-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.case-col{border-top:1px solid #ffffff30;padding-top:28px}
.case-col h3{font-size:clamp(24px,2.2vw,32px);color:#eef3ea;margin:0 0 20px}
.case-col p{font-size:16px;line-height:1.75;color:#c5d0c4;margin:0}
.evidence-case{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin:70px 0 0;padding:32px 34px;background:#ffffff0d;font-size:18px;line-height:1.6;color:#e2e9df}
.evidence-case .arrow-link{color:#fff;border-color:#ffffff50;white-space:nowrap}
.motion-enhanced:not(.motion-static) .case-section{clip-path:inset(0 calc((1 - var(--section-entry,1))*3vw))}

/* Principles reuse solution rows; no links. */
.principles .solution-row p{margin:0}

/* Timeline */
.timeline-section{padding-block:40px 120px}
.timeline-row{display:grid;grid-template-columns:150px 1fr 1.15fr;gap:50px;padding-block:34px;border-top:1px solid var(--line)}
.timeline-period{font-size:13px;color:var(--muted);padding-top:6px}
.timeline-row h3{font-size:clamp(22px,2vw,30px);line-height:1.15;margin:0 0 8px}
.timeline-org{font-size:14px;color:var(--muted);margin:0}
.timeline-row>p{font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.timeline-foot{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:30px;margin:0}

/* Mandates */
.mandates-section{padding-block:20px 120px}
.mandates{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.mandate{border-top:1px solid var(--ink);padding-top:26px}
.mandate h3{font-size:clamp(24px,2.3vw,34px);line-height:1.1;margin:18px 0 18px}
.mandate p{font-size:16px;line-height:1.7;color:var(--muted)}
.mandates-note{font-size:13px;color:var(--muted);margin:45px 0 0}

/* Mandate tabs, after Max's "Why" panel. Content stays in the document; script only switches panels. */
.tabs-section{background:var(--panel);padding-block:120px}
.tabs-heading{margin-bottom:60px}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}
.tab-list{display:grid}
.tab{all:unset;cursor:pointer;display:grid;grid-template-columns:44px 1fr;align-items:baseline;padding:24px 0;border-top:1px solid var(--line);font-size:clamp(22px,2.3vw,34px);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--muted);transition:color .3s,padding .5s cubic-bezier(.16,1,.3,1)}
.tab:last-child{border-bottom:1px solid var(--line)}
.tab:hover{color:var(--ink)}
.tab[aria-selected=true]{color:var(--ink);padding-left:14px}
.tab:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.tab .solution-num{font-weight:400;letter-spacing:0}
.tab-panel{padding:36px 38px;background:var(--paper);border:1px solid var(--line)}
.tab-panel:not([hidden]){animation:panel-in .6s cubic-bezier(.16,1,.3,1)}
.tab-panel .section-label{margin-bottom:12px}
.tab-fit{font-size:20px;line-height:1.55;margin:0 0 36px}
.tab-panel ul{list-style:none;margin:0;padding:0}
.tab-panel li{padding:15px 0 15px 34px;border-top:1px solid var(--line);font-size:16px;line-height:1.5;position:relative}
.tab-panel li:before{content:'✓';position:absolute;left:0;color:var(--accent)}
@keyframes panel-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Governance statement closes the page quietly. */
.governance{border-top:1px solid var(--line);padding-block:120px}

/* Staggered reveals inside grids. */
.motion-reveal[style*="--i"]{transition-delay:calc(var(--i)*90ms)}

@media(max-width:1250px){.cinema-aside{display:none}.figures{grid-template-columns:repeat(2,1fr)}.figure:nth-child(3){padding-left:0;border-left:0}.figure{padding-bottom:34px}.timeline-row{grid-template-columns:120px 1fr 1fr;gap:30px}}
@media(max-width:900px){.cinema-page{min-height:620px;height:auto}.case-cols,.mandates{grid-template-columns:1fr;gap:30px}.tabs{grid-template-columns:1fr;gap:30px}.evidence-case{grid-template-columns:1fr;gap:20px}.timeline-row{grid-template-columns:1fr;gap:12px}.case-section,.tabs-section{padding-block:80px}}
@media(max-width:650px){.cinema-page{min-height:600px}.figures{grid-template-columns:1fr}.figure,.figure+.figure{padding:26px 0;border-left:0;border-bottom:1px solid var(--line)}.figures{border-top:1px solid var(--line)}.figures-section,.timeline-section,.mandates-section,.governance{padding-block:60px}.case-heading,.tabs-heading{margin-bottom:40px}.tab-panel{padding:26px 22px}.tab-fit{font-size:18px}.evidence-case{padding:24px 22px;font-size:16px}.ticker li{font-size:11px;gap:24px;padding-right:24px}}
@media print{.ticker{display:none}.case-section,.tabs-section{background:#fff;color:#111}.case-section h2,.case-section h3,.case-section p{color:#111}.tab-panel[hidden]{display:block!important}}
/* Narrow columns on resource pages keep their own heading scale; long words never push the page sideways. */
.edition-50 h1,.edition-50 h2,.edition-50 h3{overflow-wrap:break-word}
.edition-50 .resource-aside h2{font-size:clamp(22px,1.9vw,28px);line-height:1.15}
@media print{.edition-50,.edition-50 body{background:#fff!important;color:#111}}
/* About: the person behind the work, after Max's founders section. Square portrait shown at or below its
   native 400px so it stays sharp; a tint block offset behind it gives depth without a decorative rule. */
.person-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7vw;align-items:center;padding-block:30px 130px}
.person-photo{margin:0;position:relative;width:min(100%,380px);justify-self:end}
.person-photo:before{content:'';position:absolute;inset:28px -28px -28px 28px;background:var(--panel);z-index:0}
.person-photo img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;filter:saturate(.85)}
.motion-enhanced .person-photo.motion-reveal img{transition:clip-path 1.3s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1)}
.motion-enhanced .person-photo.motion-reveal:not(.in-view){opacity:1;transform:none}
.motion-enhanced .person-photo.motion-reveal:not(.in-view) img{clip-path:inset(100% 0 0 0);transform:scale(1.08)}
.person-copy h2{font-size:clamp(42px,4.6vw,70px);margin:0 0 14px}
.person-role{font-size:15px;color:var(--muted);margin:0 0 34px}
.person-bio{font-size:21px;line-height:1.6;max-width:640px;margin:0 0 22px}
.person-detail{font-size:15px;color:var(--muted);margin:0 0 20px}
@media(max-width:900px){.person-section{grid-template-columns:1fr;gap:60px}.person-photo{justify-self:start;width:min(calc(100% - 28px),340px)}}
@media(max-width:650px){.person-section{padding-block:10px 70px}.person-bio{font-size:18px}}

/* Solutions as three tiles, after Max's tinted capability row. Each tile shows a small piece of the work the
   solution produces; the tint is the tile's ground, never an accent bar. Stacks on phones. */
.edition-50{--tint-1:#e6dfd5;--tint-2:#eee9db;--tint-3:#dfe5d9;--wf-ground:#dfe5d9;--ok-bg:#d9e8da;--ok:#24553a;--watch-bg:#f1e4c6;--watch:#71500f;--act-bg:#f2dbd4;--act:#8a2c1f}
:root[data-theme=dark] .edition-50{--tint-1:#37322c;--tint-2:#35332b;--tint-3:#2c332d;--wf-ground:#252c27;--ok-bg:#24392a;--ok:#a9d5b0;--watch-bg:#3f3420;--watch:#ecd08f;--act-bg:#43281f;--act:#f0ab98}
.solution-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.solution-tile{display:grid;grid-template-rows:auto 1fr;min-width:0}
.tile-work{height:330px;display:grid;place-items:center;padding:34px;background:var(--tint-1);overflow:hidden}
.tile-2 .tile-work{background:var(--tint-2)}.tile-3 .tile-work{background:var(--tint-3)}
.tile-work>div{width:min(100%,290px);background:var(--paper);border:1px solid var(--line);padding:20px 20px 16px;box-shadow:0 22px 40px #1c20241a;font-size:12px;line-height:1.35;transform:rotate(-2deg) translateY(6px);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.tile-2 .tile-work>div{transform:rotate(1.5deg) translateY(6px)}
.solution-tile:hover .tile-work>div{transform:none}
.tile-work p{margin:0 0 14px;display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.tile-work p b{font-size:14px;letter-spacing:-.02em}
.tile-work p span{font-size:10px;color:var(--muted);white-space:nowrap}
.doc-line{display:grid;grid-template-columns:1fr 1.1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);color:var(--muted)}
.doc-line i{height:5px;background:var(--line);display:block}
.work-doc .doc-line:nth-of-type(1) i{width:85%}.work-doc .doc-line:nth-of-type(2) i{width:60%}.work-doc .doc-line:nth-of-type(3) i{width:72%;background:var(--accent)}
.work-sheet .doc-line i{background:var(--accent);opacity:.75}
.work-sheet .doc-line:nth-of-type(1) i{width:78%}.work-sheet .doc-line:nth-of-type(2) i{width:52%}.work-sheet .doc-line:nth-of-type(3) i{width:64%}
.work-sheet .doc-line:nth-of-type(1){outline:1px solid var(--accent);outline-offset:-1px;padding-inline:6px;margin-inline:-6px;color:var(--ink)}
.tile-work .doc-foot{margin:12px 0 0;font-size:10.5px;color:var(--muted);justify-content:flex-start}
.work-doc .doc-foot{color:var(--ok)}
.work-flow ol{list-style:none;margin:0;padding:0;display:grid;gap:0}
.work-flow li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:center;padding:10px 0;position:relative}
.work-flow li span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--line);font-size:10px;color:var(--muted);background:var(--paper);position:relative;z-index:1}
.work-flow li:not(:last-child):after{content:'';position:absolute;left:12px;top:34px;height:calc(100% - 24px);border-left:1px solid var(--line)}
.work-flow .flow-check span{border-color:var(--ok);color:var(--ok);background:var(--ok-bg)}
.work-flow .flow-check{color:var(--ink);font-weight:600}
.tile-copy{padding:28px 4px 0;display:grid;align-content:start;gap:0}
.tile-copy .solution-num{padding:0 0 12px}
.tile-copy h3{font-size:clamp(24px,2.2vw,32px);line-height:1.08;margin:0 0 14px}
.tile-copy p{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 18px}
.tile-copy .arrow-link{border:0;padding-block:4px;justify-self:start}
.motion-enhanced .solution-tile.motion-reveal:nth-child(2){transition-delay:.1s}.motion-enhanced .solution-tile.motion-reveal:nth-child(3){transition-delay:.2s}
@media(max-width:1100px){.tile-work{height:290px;padding:24px}}
@media(max-width:900px){.solution-tiles{grid-template-columns:1fr;gap:56px}.tile-work{height:280px}.tile-copy{padding-top:22px}}

/* WorkFunds: the method section's scroll pattern, mirrored. The workspace is pinned on the left and builds as the
   three steps on the right scroll past. Sticky needs the band's v49 overflow and cover layer removed. */
.funds-section.wf-section{background:var(--wf-ground);overflow:visible;padding-block:120px 70px}
.funds-section.wf-section:before{content:none}
.wf-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:40px}
.wf-heading h2{font-size:clamp(65px,7.3vw,112px);margin:0}
.wf-heading h3{font-size:30px;line-height:1.15;margin:0 0 20px}
.wf-heading p:not(.section-label){font-size:17px;line-height:1.75;color:var(--muted);max-width:560px;margin:0 0 18px}
.wf-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7vw;align-items:start}
.wf-pin{position:sticky;top:120px;margin-top:40px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.wf-demo{border-radius:999px;padding-inline:24px}
.wf-visual{width:100%;background:var(--paper);border:1px solid var(--line);box-shadow:0 30px 60px #17221b14;min-width:0;overflow:hidden}
.wf-top{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}
.wf-top strong{font-size:17px;letter-spacing:-.035em}
.wf-mark{width:28px;height:28px;flex-shrink:0;color:var(--ink)}
/* The status reports what the workspace is doing at each step; the square repeats the step's state in colour. */
.wf-status{margin-left:auto;display:grid;justify-items:end;font-size:11px;color:var(--ok)}
.wf-status span{grid-area:1/1;display:flex;align-items:center;gap:7px;opacity:0;transition:opacity .5s;white-space:nowrap}
.wf-status span:before{content:'';width:7px;height:7px;background:currentColor}
.wf-visual[data-step="0"] .wf-status{color:var(--muted)}.wf-visual[data-step="2"] .wf-status{color:var(--accent)}
.wf-body{padding:24px 22px 20px;font-size:12px;line-height:1.35}
.wf-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.wf-file{display:grid;gap:5px;padding:10px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:11px;transition:transform .9s cubic-bezier(.16,1,.3,1),border-color .5s,background .5s,color .5s}
.wf-file b{font-size:10px;letter-spacing:.06em;color:var(--ink)}
.wf-file[data-kind=xlsx] b{color:var(--ok)}.wf-file[data-kind=pdf] b{color:var(--act)}.wf-file[data-kind=csv] b{color:var(--accent)}
.wf-unit{display:grid;margin:18px 0 8px;font-size:11px;color:var(--muted);min-height:15px}
.wf-unit span{grid-area:1/1;opacity:0;transition:opacity .5s}
.wf-table{display:grid}
.wf-row{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,.8fr)) 82px;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}
.wf-head{font-size:10.5px;color:var(--muted);padding-block:8px}
.wf-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-row i{height:6px;display:block;background:var(--line);transform-origin:left;transition:background .6s,transform .9s cubic-bezier(.16,1,.3,1),outline-color .5s;outline:2px solid transparent;outline-offset:4px}
.wf-row:nth-child(2) i:nth-of-type(1){width:82%}.wf-row:nth-child(2) i:nth-of-type(2){width:54%}.wf-row:nth-child(2) i:nth-of-type(3){width:66%}
.wf-row:nth-child(3) i:nth-of-type(1){width:64%}.wf-row:nth-child(3) i:nth-of-type(2){width:70%}.wf-row:nth-child(3) i:nth-of-type(3){width:48%}
.wf-row:nth-child(4) i:nth-of-type(1){width:90%}.wf-row:nth-child(4) i:nth-of-type(2){width:38%}.wf-row:nth-child(4) i:nth-of-type(3){width:58%}
.wf-row:nth-child(5) i:nth-of-type(1){width:56%}.wf-row:nth-child(5) i:nth-of-type(2){width:30%}.wf-row:nth-child(5) i:nth-of-type(3){width:35%}
.wf-chip{font-style:normal;font-size:10.5px;text-align:center;padding:4px 6px;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .6s}
.wf-chip[data-state=on]{background:var(--ok-bg);color:var(--ok)}.wf-chip[data-state=watch]{background:var(--watch-bg);color:var(--watch)}.wf-chip[data-state=act]{background:var(--act-bg);color:var(--act)}
.wf-row:nth-child(3) .wf-chip{transition-delay:.08s}.wf-row:nth-child(4) .wf-chip{transition-delay:.16s}.wf-row:nth-child(5) .wf-chip{transition-delay:.24s}
.wf-trace{display:flex;gap:12px;align-items:baseline;margin-top:16px;padding:12px 14px;background:var(--panel);font-size:12px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .6s}
.wf-trace span{font-size:10.5px;color:var(--muted)}
.wf-trace strong{font-weight:600;color:var(--accent)}
.wf-foot{padding:16px 22px 18px;border-top:1px solid var(--line)}
.wf-jumps{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 14px}
.wf-jumps a{font-size:11px;color:var(--muted);text-decoration:none;padding-bottom:4px;border-bottom:1px solid transparent}
.wf-jumps a[aria-current]{color:var(--ink);border-bottom-color:var(--accent)}
.wf-foot .phase-progress{background:var(--line)}.wf-foot .phase-progress i{background:var(--accent)}
.wf-step{min-height:62svh;display:grid;grid-template-columns:44px 1fr;gap:26px;align-content:center;padding:60px 0;border-top:1px solid var(--line);scroll-margin-top:120px}
.wf-step .chapter-number{font-size:13px;color:var(--muted);padding-top:6px}
.wf-step .section-label{margin-bottom:20px}
.wf-step h3{font-size:clamp(30px,3vw,46px);line-height:1.04;margin:0 0 22px;max-width:480px}
.wf-step p:not(.section-label){font-size:17px;line-height:1.75;color:var(--muted);max-width:470px;margin:0}
/* Step 1 collect: files arrive loose, rows still empty. Step 2 reconcile: rows fill, units agree, status shows.
   Step 3 trace: one figure and its source light up together. */
.wf-visual[data-step="0"] .wf-file:nth-child(1){transform:translateY(-6px) rotate(-3deg)}.wf-visual[data-step="0"] .wf-file:nth-child(3){transform:translateY(6px) rotate(3deg)}
.wf-visual[data-step="0"] .wf-row:not(.wf-head) i{transform:scaleX(.35)}
.wf-visual[data-step="0"] [data-step-copy="0"],.wf-visual[data-step="1"] [data-step-copy="1"],.wf-visual[data-step="2"] [data-step-copy="2"]{opacity:1}
.wf-visual:not([data-step="0"]) .wf-row:not(.wf-head) i{background:var(--accent);opacity:.72}
.wf-visual:not([data-step="0"]) .wf-chip{opacity:1;transform:none}
.wf-visual:not([data-step="0"]) .wf-unit span{color:var(--ink)}
.wf-visual[data-step="1"] .phase-progress i{width:66.66%}.wf-visual[data-step="2"] .phase-progress i{width:100%}
.wf-visual[data-step="2"] .wf-traced{opacity:1!important;outline-color:var(--accent)}
.wf-visual[data-step="2"] .wf-file[data-kind=xlsx]{border-color:var(--accent);background:var(--paper);color:var(--ink)}
.wf-visual[data-step="2"] .wf-trace{opacity:1;transform:none}
.wf-visual[data-step="2"] .wf-row:not(.wf-head) i:not(.wf-traced){opacity:.35}
@media(max-width:1250px){.wf-layout{gap:45px}.wf-row{grid-template-columns:1.3fr repeat(3,minmax(0,.7fr)) 76px;gap:9px}}
@media(max-width:900px){.wf-heading{grid-template-columns:1fr;gap:26px}.wf-layout{display:flex;flex-direction:column;gap:0}.wf-pin{position:relative;top:0;margin:10px 0 30px}.wf-step{min-height:0;padding:40px 0;grid-template-columns:28px 1fr;gap:16px}.funds-section.wf-section{padding-block:80px 40px}}
@media(max-width:650px){.wf-heading h3{font-size:25px}.wf-body{padding:18px 14px 16px}.wf-row{grid-template-columns:1.25fr repeat(3,minmax(0,.55fr)) 66px;gap:7px;font-size:11px}.wf-head{font-size:9.5px}.wf-chip{font-size:9.5px;padding:3px 4px}.wf-file{font-size:10px;padding:8px}.wf-step h3{font-size:28px}.wf-trace{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.wf-file,.wf-row i,.wf-chip,.wf-trace,.tile-work>div{transition:none}}
.motion-static .wf-step{min-height:0;padding-block:50px}.motion-static .wf-pin{position:relative;top:0}
@media print{.wf-pin{display:none}.funds-section.wf-section{background:#fff}.wf-step{min-height:0}}

/* Header, 28 Oct: one row from 1181px; below that the logo and the language and theme controls share the first row and the navigation takes the second (it used to give the controls a row of their own). */
@media(min-width:1181px) and (max-width:1250px){.header-inner{flex-wrap:nowrap}.header-inner .logo{margin-right:0}#site-nav{order:0;width:auto;justify-content:flex-start}.header-tools{width:auto;margin:0 0 0 auto}}
@media(min-width:901px) and (max-width:1180px){.header-tools{width:auto;margin-top:0}}

/* Closing run, 28 Oct: after the sage WorkFunds band, the founder sits on paper, "Take a closer look" on a warm
   clay band and the contact back on paper, so the three sections read as three. Both headings share one size. */
.edition-50{--clay:#e9e2d6}
:root[data-theme=dark] .edition-50{--clay:#2b2722}
.next-band{background:var(--clay)}
.next-band .next-section{padding-block:110px}
.edition-50 .next-section h2{font-size:clamp(36px,4.2vw,64px)}
.next-band+.contact{border-top:0}
@media(max-width:650px){.next-band .next-section{padding-block:70px}.edition-50 .next-section h2{font-size:40px}}
@media print{.next-band{background:#fff}}

/* No pause button (owner decision, 28 Oct): decorative hero motion plays once and settles, the scroll cue pulses three
   times, and prefers-reduced-motion still stops everything. Scroll-linked effects only move when the reader scrolls. */
.cinema-pane img{animation-iteration-count:1;animation-fill-mode:forwards}
.hero-stream path{animation-iteration-count:1;animation-fill-mode:forwards}
.scroll-line:after{animation-iteration-count:3}

/* Inner page heroes use the homepage headline and lead sizes (owner, 28 Oct); the logo reads on one line, as on the
   live site, from tablet width up. */
@media(min-width:601px){.header-inner .logo{font-size:19px;font-weight:500}.header-inner .logo span{max-width:none;white-space:nowrap}}
/* Law firms: the hero is taller on wide screens so the service panel sits below the full-size headline. */
@media(max-width:1360px){.cinema-aside{display:none}}
@media(min-width:1361px){.cinema-page:has(.cinema-aside){min-height:max(740px,calc(86svh - 14px),calc(28vw + 400px))}}

/* v51 questions page */
.answers .article-heading .lede{max-width:720px;margin-top:22px}
.answers .answer{scroll-margin-top:30px}
.answers .answer+.answer{margin-top:46px;padding-top:40px;border-top:1px solid var(--line)}
.answers .answer h2{margin-top:0;font-size:34px;line-height:1.12;letter-spacing:-.03em}
.answers .answer-lede{font-weight:600}
.answers-entry{display:flex;flex-direction:column;gap:12px;padding-block:40px 0}.answers-entry .arrow-link{border-bottom:0}
@media (max-width:650px){.answers .article-heading h1{font-size:32px}.answers .answer h2{font-size:26px}}