/* ============================================================
   Trivèlla — design system v3 "editorial cinema"
   Dark navy canvas, Instrument Serif display + Inter UI, gold only
   as accent (one filled .btn-gold per viewport). Tokens on :root.
   Copy-paste markup for every pattern: CLAUDE.md "Section recipes".

   PATTERN LIBRARY (class → use)
   .statement            centered serif closing line (+ .cine--line/--deep)
   .stats-strip          4 static confirmed facts (only "25" counts up)
   .three-doors/.door    investors / founders / companies (includes/cta-band-*.php)
   .index-list/.index-row numbered hairline rows; a.index-row--link = linked row
   .fund-list            .index-list modifier; .index-row__head + .badge
   .process-rail         step rail (--3/--5/--6 columns, --compact = names only,
                         --timeline = always vertical, name | text; long steps, .prose)
   .split                5/7 columns, sticky serif head
   .factsheet            dl of facts (dt label / dd value)
   .cta-panel            contained closing box (+ .cine--deep)
   .featured-insight     essay teaser, 7/5 art + body
   .article/.prose/.pullquote  long-form reading (body on .sec-paper)
   .doc-list             downloadable documents rows
   .faq                  details/summary rows
   .risk-note / .note    visible compliance text / small print
   .hero-short           utility-page hero (forms, contact, regulatory, credits, 404)
   .form .form-row .req-note .check .form-layout .form-aside .channel-list  forms
   .sibling .sec-foot    centered sibling link / spacing after a block
   .ctas .link-arrow .link-quiet .btn-line .btn-lg .nav-login .badge .meta
   .cine--dawn/--deep/--line  generative art variants (no photos)
   .sec-paper            cream section: remaps the text/line/gold/focus tokens (see "surfaces")
   .struct-mark/.struct-rule/.struct-bg  signature "structure lines" motif (see "art direction v2")
   .hero-center/.hero-panel/.hero-masthead  hero compositions (firma / consultoria / insights)
   PORTAL DEPENDS ON: .btn .btn-gold .btn-ghost .btn-ghost-invert .lede
   .kicker .accent .wrap h1 h2 — keep their look.
   ============================================================ */

/* ---------- fonts (self-hosted, site/fonts/) ---------- */
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/InstrumentSerif-400.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/InstrumentSerif-400-italic.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/Inter-var.woff2') format('woff2')}

/* ---------- tokens ---------- */
:root{
  color-scheme:dark;
  /* canvas */
  --bg:#0c1322; --bg-2:#111c31; --bg-foot:#0a101c; --navy:#14223d;
  /* paper (cream reading surface; text tokens are remapped on .sec-paper, see "surfaces" below) */
  --paper:#f7f3ea; --paper-card:#fffdf8; --ink:#14223d; --body:#46536b; --line:#d9d1c0;
  --ink-3:#5c6679;         /* muted on paper, 5.2:1 */
  --ink-form:#8f897a;      /* UI borders on paper, 3.1:1 */
  --gold-ink:#7a612d;      /* gold as text/marks on paper, 5.3:1 (#c5a253 is only 2.2:1 there) */
  /* brand */
  --gold-solid:#bd9a4f; --gold-deep:#8a6f33; --gold-hover:#c5a253; --on-gold:#101828;
  /* type */
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --fs-display:clamp(52px,7.4vw,116px);
  --fs-h1:clamp(44px,5.6vw,84px);
  --fs-h2:clamp(34px,4.2vw,60px);
  --fs-h3:clamp(24px,2.1vw,30px);
  --fs-h4:17px;
  --fs-lead:clamp(19px,1.5vw,23px);
  --fs-body:17px;
  --fs-small:14.5px;
  --fs-label:12.5px;
  /* spacing (8px base) */
  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:32px; --s-5:48px; --s-6:64px; --s-7:96px; --s-8:128px; --s-9:160px;
  --section-y:clamp(80px,10vw,160px);
  --gutter:clamp(20px,4vw,40px);
  --maxw:1280px; --measure:680px; --nav-h:88px;
  --surface:var(--bg);     /* current section background (rail nodes) */
  /* signature motif "structure lines": nested squares sharing one corner (the five stages), used as a CSS mask
     so it takes the current surface's gold (currentColor). --struct-mark = small mark, --struct-field = corner field (the five
     squares share the TOP-RIGHT corner, only their left + bottom edges are drawn, no filled tile) */
  --struct-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000'%3E%3Cpath d='M.5 47.5L47.5.5' stroke-opacity='.5' stroke-dasharray='2 3'/%3E%3Crect x='.5' y='.5' width='47' height='47' stroke-opacity='.45'/%3E%3Crect x='.5' y='12.5' width='35' height='35' stroke-opacity='.65'/%3E%3Crect x='.5' y='24.5' width='23' height='23' stroke-opacity='.85'/%3E%3C/g%3E%3Crect y='36' width='12' height='12'/%3E%3C/svg%3E");
  --struct-field:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-16 0 616 616'%3E%3Cg fill='none' stroke='%23000' vector-effect='non-scaling-stroke'%3E%3Cpath vector-effect='non-scaling-stroke' d='M0 600L600 0' stroke-dasharray='3 6' stroke-opacity='.45'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M0 0V600H600' stroke-opacity='0.35'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M120 0V480H600' stroke-opacity='0.5'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M240 0V360H600' stroke-opacity='0.65'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M360 0V240H600' stroke-opacity='0.8'/%3E%3Cpath vector-effect='non-scaling-stroke' d='M480 0V120H600' stroke-opacity='0.95'/%3E%3C/g%3E%3Ccircle cx='480' cy='120' r='5'/%3E%3Ccircle cx='360' cy='240' r='6'/%3E%3Ccircle cx='240' cy='360' r='7'/%3E%3Ccircle cx='120' cy='480' r='8'/%3E%3Ccircle cx='0' cy='600' r='12'/%3E%3C/svg%3E");
}

/* ---------- surfaces: one token set per background ----------
   Components never hard-code a surface colour: they read --tx/--tx-2/--tx-3/--line-d/--line-form/--gold/--focus.
   NAVY (default, and any .cine box placed inside a paper section) vs PAPER (.sec-paper).
   Contrast (WCAG AA, checked 2026-10-05): navy  tx 16:1 · tx-2 9.1:1 · tx-3 6.0:1 (5.1 on --navy) · gold 7.7:1
                                            paper tx 14.3:1 · tx-2 7.0:1 · tx-3 5.2:1 · gold-ink 5.3:1 · focus 16.8:1 */
:root,.sec-paper .cine{
  --tx:#eef1f7; --tx-2:#aab6cc;
  --tx-3:#8693ad;          /* muted, >=5:1 on --bg/--bg-2 */
  --line-d:#243350;        /* hairline on dark */
  --line-form:#56678a;     /* form/UI borders (>=3:1) */
  --gold:#c5a253;          /* gold as text/marks on navy */
  --focus:#c5a253;         /* focus ring */
}
.sec-paper{--tx:var(--ink);--tx-2:var(--body);--tx-3:var(--ink-3);--line-d:var(--line);--line-form:var(--ink-form);--gold:var(--gold-ink);--focus:#0c1322}
.sec-paper .cine{color:var(--tx-2)}

*{box-sizing:border-box}
[hidden]{display:none!important}
img{max-width:100%;height:auto}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html{scroll-padding-top:calc(var(--nav-h) + 16px)}
body{margin:0;font-family:var(--sans);font-size:var(--fs-body);line-height:1.65;color:var(--tx-2);background:var(--bg);-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
p{text-wrap:pretty}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{position:fixed;left:16px;top:16px;z-index:100;background:var(--gold-solid);color:var(--on-gold);padding:10px 18px;font-weight:600;font-size:14px;text-decoration:none}

/* ---------- typography ---------- */
h1,h2,h3{font-weight:400;margin:0 0 .4em;color:var(--tx)}
h1{font-family:var(--serif);font-size:var(--fs-h1);line-height:1.02;letter-spacing:-.015em;text-wrap:balance}
h2{font-family:var(--serif);font-size:var(--fs-h2);line-height:1.06;letter-spacing:-.01em;text-wrap:balance}
h3,.h3{font-family:var(--serif);font-weight:400;font-size:var(--fs-h3);line-height:1.15;color:var(--tx)}
h4,.h4{font-family:var(--sans);font-weight:600;font-size:var(--fs-h4);line-height:1.4;color:var(--tx);margin:0 0 .4em}
.hero-home h1{font-size:var(--fs-display);line-height:.98;letter-spacing:-.02em}
h1 .accent,h2 .accent,.statement .accent{font-style:italic;color:var(--gold)}
.label{font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.kicker{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--s-3)}
.kicker::before{content:"";width:34px;height:1px;background:var(--gold-solid);flex:none}
.lede{font-size:var(--fs-lead);line-height:1.55;max-width:640px;color:var(--tx-2)}
.meta{font-size:var(--fs-small);color:var(--tx-3);letter-spacing:.02em;margin:0 0 var(--s-2)}
.note{font-size:13.5px;line-height:1.6;color:var(--tx-3);max-width:820px}
.risk-note{font-size:var(--fs-small);line-height:1.65;color:var(--tx-2);border-top:1px solid var(--line-d);padding-top:var(--s-3);margin:var(--s-5) 0 0;max-width:820px}
.sec-head{margin-bottom:var(--s-5)}
.index-list + .risk-note,.faq + .risk-note,.doc-list + .risk-note{border-top:0}
.sec-head .lede{margin-bottom:0}

/* in-text links (main only; classed links style themselves) */
main :where(p,li,dd,.lede) a:not([class]){color:var(--gold);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:opacity .2s}
main :where(p,li,dd,.lede) a:not([class]):hover{opacity:.75}

/* ---------- buttons & links ---------- */
.btn{display:inline-block;font-size:14px;font-weight:600;letter-spacing:.03em;padding:15px 30px;border-radius:2px;text-decoration:none;transition:background-color .25s,border-color .25s,color .25s,transform .25s;cursor:pointer;font-family:var(--sans);line-height:1.3}
.btn-gold{background:var(--gold-solid);color:var(--on-gold);border:1px solid var(--gold-solid)}
.btn-gold:hover{background:var(--gold-hover);border-color:var(--gold-hover);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--tx);border:1px solid var(--line-form)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.btn-ghost-invert{border-color:rgba(238,241,247,.45);color:#fff}
.btn-ghost-invert:hover{border-color:var(--gold);color:var(--gold)}
.btn-line{background:transparent;color:var(--gold);border:1px solid var(--gold-solid)}
.btn-line:hover{background:rgba(197,162,83,.1);color:var(--tx)}
.btn-sm{padding:10px 18px;font-size:13px}
.btn-lg{padding:18px 34px;font-size:15px}
.ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:var(--s-4)}
.link-arrow{display:inline-flex;align-items:center;gap:10px;color:var(--tx);font-weight:600;font-size:15px;text-decoration:none;padding:6px 0;background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 1px no-repeat;transition:background-size .4s ease,color .2s}
.link-arrow::after{content:"→";color:var(--gold);transition:transform .25s ease}
.link-arrow:hover{background-size:100% 1px;color:var(--tx)}
.link-arrow:hover::after{transform:translateX(4px)}
.link-quiet{color:var(--tx-2);font-size:var(--fs-small);text-decoration:underline;text-decoration-color:var(--line-form);text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
.link-quiet:hover{color:var(--tx);text-decoration-color:var(--gold)}
.badge{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--line-form);color:var(--tx-2);border-radius:2px;line-height:1.4}
.badge--active{border-color:var(--gold-solid);color:var(--gold)}
.badge--restricted{border-color:var(--line-form);color:var(--tx-2)}

/* ---------- header / nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;transition:border-color .35s;border-bottom:1px solid transparent}
/* the blur lives on ::before, never on .nav itself: a backdrop-filter on .nav would become the
   containing block of the fixed mobile overlay (.nav-menu) and clip it to the header height */
.nav::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:transparent;transition:background-color .35s}
.nav.scrolled{border-bottom-color:var(--line-d)}
.nav.scrolled::before{background:rgba(12,19,34,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.nav-in{display:flex;align-items:center;gap:40px;height:var(--nav-h)}
.brand{display:block;flex:none;position:relative;z-index:72}
.brand-img{height:60px;width:auto;display:block}  /* option A (Jon 2026-10-05): full official logo, "investments" below */
.nav-menu{display:flex;align-items:center;flex:1;gap:32px;min-width:0}
.nav-menu nav{display:flex;gap:28px}
.nav-menu nav a{color:var(--tx-2);text-decoration:none;font-size:14px;letter-spacing:.02em;transition:color .2s;padding:6px 0;border-bottom:1px solid transparent}
.nav-menu nav a:hover{color:var(--tx)}
.nav-menu nav a[aria-current="page"]{color:var(--tx);border-bottom-color:var(--gold-solid)}
.nav-cta{display:flex;align-items:center;gap:20px;margin-left:auto}
.nav-menu nav a,.nav-cta > *{white-space:nowrap}
.lang{font-size:13px;color:var(--tx-2);text-decoration:none;letter-spacing:.08em}
.lang:hover{color:var(--gold)}
.nav-login{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--tx-2);text-decoration:none;transition:color .2s}
.nav-login svg{width:12px;height:12px;flex:none}
.nav-login:hover{color:var(--tx)}
.nav-toggle{display:none;position:relative;z-index:72;width:44px;height:44px;margin-left:auto;background:none;border:0;padding:0;cursor:pointer;color:var(--tx)}
.nav-toggle span{position:absolute;left:11px;right:11px;height:1px;background:currentColor;transition:transform .3s ease}
.nav-toggle span:first-child{top:18px}
.nav-toggle span:last-child{top:25px}
html.nav-open .nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}
html.nav-open .nav-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
html.nav-open body{overflow:hidden}
html.nav-open .consent{display:none}
@media (max-width:1100px) and (min-width:900px){
  .nav-in{gap:24px}.nav-menu{gap:20px}.nav-menu nav{gap:18px}.nav-cta{gap:14px}
  .nav-menu nav a,.nav-login{font-size:13.5px}
}
@media (max-width:899px){
  :root{--nav-h:72px}
  .brand-img{height:48px}
  .nav-toggle{display:block}
  html.js .nav-menu{display:none}
  html.js.nav-open .nav-menu{display:flex;position:fixed;inset:0;z-index:70;background:var(--bg);padding:96px var(--gutter) 40px;flex-direction:column;align-items:stretch;gap:var(--s-5);overflow-y:auto}
  html.js .nav-menu nav{flex-direction:column;gap:0}
  html.js .nav-menu nav a{font-family:var(--serif);font-size:36px;line-height:1.2;color:var(--tx);padding:14px 0;border-bottom:1px solid var(--line-d)}
  html.js .nav-menu nav a[aria-current="page"]{color:var(--gold)}
  html.js .nav-cta{margin:auto 0 0;flex-wrap:wrap;gap:18px 24px}
  html.js .nav-cta .nav-login,html.js .nav-cta .lang{font-size:15px}
  /* no JS: wrapped row under the logo */
  html:not(.js) .nav{position:absolute}
  html:not(.js) .nav-in{flex-wrap:wrap;height:auto;padding-top:16px;padding-bottom:16px;gap:12px}
  html:not(.js) .nav-toggle{display:none}
  html:not(.js) .nav-menu{flex-basis:100%;flex-wrap:wrap;gap:12px 20px}
  html:not(.js) .nav-menu nav{flex-wrap:wrap;gap:4px 18px}
  html:not(.js) .nav-cta{margin-left:0}
}

/* ---------- hero ---------- */
.hero-navy{position:relative;min-height:100svh;display:flex;align-items:center;background:
  radial-gradient(1200px 700px at 75% 8%,rgba(197,162,83,.11),transparent 60%),
  radial-gradient(900px 600px at 12% 92%,rgba(29,52,97,.55),transparent 60%),
  var(--bg);padding:150px 0 100px;overflow:hidden}
.hero-navy.hero-compact{min-height:74svh;padding:160px 0 80px}
.hero-navy > .wrap{width:100%}  /* flex child: without this the wrap shrinks to its text and drifts off the page grid */
.hero-navy h1{max-width:1060px}
.hero-navy .lede{margin-top:var(--s-4)}
.hero-home{min-height:100svh;padding:calc(var(--nav-h) + 56px) 0 112px}
.hero-home h1{max-width:1120px}
.hero-home .lede{max-width:680px}
/* hero signature figures (includes/hero-figure.php; section gets .has-figure) — ≥1024px only.
   The hero .wrap becomes a 2-column grid: text in column 1, figure in column 2, so the
   headline can never run into the figure. Home: H1 spans both columns and the figure sits
   beside the lede + CTAs (bottom-aligned). Interior pages: figure centred beside all text. */
.hero-figure{display:none}
@media (min-width:1024px){
  .has-figure{--hf-w:clamp(240px,23vw,340px)}
  .hero-home.has-figure{--hf-w:clamp(230px,20vw,300px)}
  .has-figure > .wrap{display:grid;grid-template-columns:minmax(0,1fr) var(--hf-w);grid-template-rows:repeat(5,auto) 1fr;column-gap:clamp(48px,6vw,112px)}
  .has-figure > .wrap > *{grid-column:1}
  .has-figure .hero-figure{display:block;grid-column:2;grid-row:1 / -1;align-self:center;pointer-events:none}
  .hero-home.has-figure h1{grid-column:1 / -1}
  .hero-home.has-figure .hero-figure{grid-row:3 / -1;align-self:start;margin-top:var(--s-4)}
  .hero-figure svg{display:block;width:100%;height:auto;overflow:visible}
}
.hf-diag,.hf-sq,.hf-test,.hf-ray,.hf-base,.hf-gates path,.hf-grid rect{fill:none;stroke:var(--gold);stroke-width:1;vector-effect:non-scaling-stroke}
.hf-diag{stroke-opacity:.36;stroke-dasharray:4 6}
.hf-test{stroke-opacity:.7;stroke-dasharray:6 6}
.hf-ray,.hf-base{stroke-opacity:.24}
.hf-gates path{stroke-opacity:.2;stroke-dasharray:2 8}
.hf-grid rect{stroke-opacity:.16}
.hf-sq{stroke-opacity:.55}
.hf-sq--5{stroke-opacity:.3}.hf-sq--4{stroke-opacity:.4}.hf-sq--3{stroke-opacity:.5}.hf-sq--2{stroke-opacity:.64}
.hf-core{fill:var(--gold-solid);fill-opacity:.3;stroke-opacity:.9}
.hf-nodes circle{fill:var(--bg);stroke:var(--gold);stroke-width:1.2;vector-effect:non-scaling-stroke}
.hf-nodes .hf-node--last{fill:var(--gold-solid)}
.hf-num text{fill:var(--gold);font-family:var(--sans);font-size:21px;font-weight:600;letter-spacing:.12em;opacity:.9}
.hero-routes{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;font-size:15px}
.hero-routes__lbl{color:var(--tx-3);font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-right:18px}
.hero-routes a{color:var(--tx);text-decoration:none;padding:6px 0;border-bottom:1px solid var(--line-form);transition:color .2s,border-color .2s}
.hero-routes a:hover{color:var(--gold);border-color:var(--gold)}
.hero-routes a + a{margin-left:28px;position:relative}
.hero-routes a + a::before{content:"";position:absolute;left:-15px;top:50%;width:3px;height:3px;background:var(--gold-deep);transform:translateY(-50%)}
.scroll-cue{position:absolute;z-index:2;bottom:36px;left:50%;transform:translateX(-50%);width:1px;height:56px;background:linear-gradient(var(--gold),transparent);animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%,100%{opacity:.25;transform:translateX(-50%) scaleY(.55)}50%{opacity:1;transform:translateX(-50%) scaleY(1)}}

/* ---------- sections & grids ---------- */
.sec{padding:var(--section-y) 0;background:var(--bg);--surface:var(--bg)}
.sec-alt{padding:var(--section-y) 0;background:var(--bg-2);--surface:var(--bg-2)}
.sec-paper{padding:var(--section-y) 0;background:var(--paper);color:var(--tx-2);--surface:var(--paper)}
/* everything else follows the remapped tokens; only surface fills and decorative gold need a paper value */
.sec-paper .card,.sec-paper .fund-card{background:var(--paper-card)}
.sec-paper .fund-card--restricted{background:repeating-linear-gradient(135deg,rgba(20,34,61,.035) 0 1px,transparent 1px 14px),var(--paper-card)}
.sec-paper .kicker::before,.sec-paper .pillar::before{background:var(--gold)}
.sec-paper :where(p,li) a:not([class]){color:var(--tx)}
.sec-paper .cine :where(p,li) a:not([class]){color:var(--gold)}
.grid2,.grid3,.grid4{display:grid;gap:22px;grid-template-columns:1fr}
@media (min-width:641px){.grid2,.grid3,.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){
  .grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ---------- cards (only a.card / .card--link lift) ---------- */
.card{display:block;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0));border:1px solid var(--line-d);border-radius:4px;padding:36px 32px;transition:border-color .3s,transform .3s;color:inherit;text-decoration:none}
a.card:hover,.card--link:hover{border-color:var(--gold-deep);transform:translateY(-3px)}
.card p{color:var(--tx-2);font-size:15.5px}
.card .n{font-family:var(--serif);font-size:46px;color:var(--gold);margin-bottom:14px;line-height:1}
.card .floor{border-top:1px solid var(--line-d);margin-top:18px;padding-top:14px;font-size:13.5px;color:var(--tx-3)}
.card .floor b{color:var(--gold);font-weight:600}
.card .eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin:0 0 10px}

/* ---------- (1) stats-strip ---------- */
.stats-strip{background:var(--bg);padding:var(--s-6) 0 0}
.stats-strip__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.stats-strip .stat{padding:var(--s-4) var(--s-3) var(--s-4) 0}
.stats-strip .stat:nth-child(even){border-left:1px solid var(--line-d);padding-left:var(--s-3)}
.stats-strip .stat:nth-child(n+3){border-top:1px solid var(--line-d)}
.stat__num{font-family:var(--serif);font-size:clamp(34px,3.6vw,52px);line-height:1;color:var(--tx);white-space:nowrap}
.stat__lbl{font-size:var(--fs-small);color:var(--tx-2);margin-top:12px;line-height:1.5;max-width:260px}
.stats-strip__note{font-size:var(--fs-small);color:var(--tx-3);text-align:center;margin:var(--s-4) auto 0;max-width:760px}
@media (max-width:640px){.stat__num{font-size:30px;white-space:normal}}
@media (min-width:1024px){
  .stats-strip__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .stats-strip .stat{padding:var(--s-5) var(--s-4) var(--s-5) 0}
  .stats-strip .stat+.stat{border-left:1px solid var(--line-d);padding-left:var(--s-4)}
  .stats-strip .stat:nth-child(n+3){border-top:0}
}

/* ---------- (2) three doors ---------- */
.doors-sec h2{margin-bottom:var(--s-5)}
.three-doors{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.door{display:flex;flex-direction:column;padding:var(--s-5) 0}
.door+.door{border-top:1px solid var(--line-d)}
.door__label{font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 var(--s-2)}
.door__title{font-size:var(--fs-h3);margin-bottom:var(--s-2)}
.door p{font-size:15.5px;max-width:440px}
.door__links{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin:auto 0 0;padding-top:var(--s-2)}
@media (min-width:1024px){
  .three-doors{grid-template-columns:repeat(3,minmax(0,1fr))}
  .door{padding:var(--s-5) var(--s-4)}
  .door:first-child{padding-left:0}
  .door:last-child{padding-right:0}
  .door+.door{border-top:0;border-left:1px solid var(--line-d)}
}

/* ---------- (3) index-list · (4) fund-list ---------- */
.index-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line-d)}
.index-list > li{margin:0}
.index-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--s-2);padding:var(--s-5) 0;border-top:1px solid var(--line-d);color:inherit;text-decoration:none}
.index-row__n{font-family:var(--serif);font-size:28px;line-height:1.1;color:var(--gold)}
.index-row__body > *{margin-top:0}
.index-row__body h3{margin-bottom:.35em}
.index-row__body p{margin:0 0 .7em;max-width:720px}
.index-row__body > :last-child{margin-bottom:0}
.index-row__how{font-size:var(--fs-small);color:var(--tx-3)}
.index-row__how span{color:var(--gold);font-weight:600;letter-spacing:.02em}
.index-row__head .badge{margin-bottom:var(--s-2)}
.index-row__meta{font-family:var(--serif);font-size:24px;color:var(--tx);margin:.1em 0 .6em}
.index-row--link{grid-template-columns:56px minmax(0,1fr) 32px;align-items:baseline;transition:background-color .3s}
.index-row__arrow{color:var(--gold);font-size:20px;transition:transform .25s ease;justify-self:end}
.index-row--link:hover .index-row__arrow{transform:translateX(6px)}
.index-row--link:hover h3,.index-row--link:hover .index-row__title{color:var(--gold)}
@media (min-width:641px){.index-row{grid-template-columns:96px minmax(0,1fr);gap:var(--s-3)}.index-row--link{grid-template-columns:96px minmax(0,1fr) 40px}}
@media (min-width:1024px){
  /* first child of the body (h3 or .index-row__head) = left column; the rest stack on the right */
  .index-row__body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:repeat(4,auto) 1fr;column-gap:var(--s-5)}
  .index-row__body > :first-child{grid-column:1;grid-row:1 / -1;margin-bottom:0}
  .index-row__body > :not(:first-child){grid-column:2}
}

/* ---------- (4b) fund-grid: 2x2 fund cards with status chip (home #fundos, /venture-capital#fundos) ---------- */
.fund-grid{display:grid;grid-template-columns:1fr;gap:var(--s-3);list-style:none;margin:0;padding:0}
@media (min-width:768px){.fund-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fund-card{min-height:300px}}
.fund-card{position:relative;display:flex;flex-direction:column;padding:clamp(28px,3vw,44px);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 70%);border:1px solid var(--line-d);border-radius:4px}
.fund-card::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--line-form);border-radius:4px 4px 0 0}
.fund-card--active::before{background:var(--gold-solid)}
.fund-card--restricted{background:repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 14px)}
.fund-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-bottom:var(--s-5)}
.fund-card__mark{width:14px;height:14px;border:1px solid var(--gold-solid);flex:none}
.fund-card--active .fund-card__mark{background:var(--gold-solid)}
.fund-card__name{font-size:clamp(28px,2.6vw,38px);line-height:1.08;margin:0 0 .25em}
.fund-card__meta{font-family:var(--serif);font-size:clamp(22px,2vw,28px);color:var(--gold);margin:0 0 var(--s-2);line-height:1.2}
.fund-card__basis{display:inline-block;margin-left:.6em;font-family:var(--sans);font-size:var(--fs-label);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-3);vertical-align:.2em;white-space:nowrap}
.fund-card__desc{margin:0 0 var(--s-3);max-width:420px;font-size:15.5px}
.fund-card__foot{margin:auto 0 0;padding-top:var(--s-3);border-top:1px solid var(--line-d)}
.fund-grid + .risk-note{border-top:0}
.fund-next{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px;margin-top:var(--s-4)}
.fund-next__note{font-size:var(--fs-small);color:var(--tx-3);margin:0;max-width:620px}
@media (min-width:768px) and (max-width:1023px){.fund-grid > li:last-child:nth-child(odd){grid-column:1 / -1}}
@media (min-width:1024px){.fund-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- (4c) pillars: 3 un-numbered columns with a top rule (situations, theses) ---------- */
.pillars{display:grid;grid-template-columns:1fr;gap:var(--s-5) var(--s-5);list-style:none;margin:0;padding:0}
@media (min-width:768px){.pillars{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pillar{padding-top:var(--s-3);border-top:1px solid var(--line-form);position:relative}
.pillar::before{content:"";position:absolute;left:0;top:-1px;width:48px;height:1px;background:var(--gold)}
.pillar h3{margin:0 0 .45em}
.pillar p{margin:0;font-size:15.5px;max-width:380px}

/* ---------- (4d) service cards: 3 static cards with a "you receive" footer (consulting) ---------- */
.service-card{display:flex;flex-direction:column;padding:clamp(28px,2.8vw,40px)}
.service-card__mark{display:block;width:22px;height:22px;border:1px solid var(--gold-solid);margin-bottom:var(--s-4);position:relative}
.service-card__mark::after{content:"";position:absolute;left:-1px;bottom:-1px;width:9px;height:9px;background:var(--gold-solid)}
.service-card h3{margin:0 0 .5em}
.service-card .floor{margin-top:auto;padding-top:var(--s-3)}
.service-card .floor b{display:block;font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.service-card > p:not(.floor){margin:0 0 var(--s-3)}

/* ---------- (4e) milestones: schematic of capital released by milestones (/venture-capital) ---------- */
.milestones{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0;counter-reset:ms}
.milestone{position:relative;display:grid;align-content:start;grid-template-columns:40px minmax(0,1fr);gap:var(--s-2);padding:0 0 var(--s-4)}
.milestone::before{content:"";position:absolute;left:19px;top:22px;bottom:0;width:1px;background:var(--gold-deep)}
.milestone:last-child::before{display:none}
.milestone__node{width:40px;height:40px;display:grid;place-items:center}
.milestone__node::before{content:"";width:12px;height:12px;border:1px solid var(--gold-solid);transform:rotate(45deg);background:var(--surface)}
.milestone--gate .milestone__node::before{background:var(--gold-solid)}
.milestone__bar{display:block;box-sizing:border-box;height:8px;margin:6px 0 14px;width:100%;border:1px solid var(--line-d);border-radius:1px;background:linear-gradient(90deg,var(--gold-solid),rgba(197,162,83,.4)) 0 0/var(--w,0%) 100% no-repeat}
.milestone__bar--1{--w:34%}.milestone__bar--2{--w:67%}.milestone__bar--3{--w:100%}
.milestone__bar--none{--w:0%;border-style:dashed;border-color:var(--line-form)}
.milestone h3{font-size:22px;margin:4px 0 .2em}
.milestone p{margin:0;font-size:15.5px;max-width:520px}
.milestones-note{font-size:13.5px;color:var(--tx-3);margin:var(--s-2) 0 0}
@media (min-width:1024px){
  .milestones{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3)}
  .milestone{grid-template-columns:1fr;padding:0}
  .milestone::before{left:20px;right:calc(-1 * var(--s-3));top:19px;bottom:auto;width:auto;height:1px}
  .milestone__node{justify-content:start;width:40px}
  .milestone__node::before{margin-left:14px}
}

/* ---------- (5) process-rail ---------- */
.process-rail{list-style:none;margin:var(--s-5) 0 0;padding:0;position:relative;display:grid;gap:var(--s-4);grid-template-columns:1fr}
.process-rail::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:var(--gold-deep)}
.rail-step{position:relative;padding-left:40px}
.rail-step::before{content:"";position:absolute;left:0;top:.35em;width:11px;height:11px;border-radius:50%;border:1px solid var(--gold-solid);background:var(--gold-solid);box-sizing:border-box;transition:background-color .5s ease,box-shadow .5s ease}
html.js .rail-step:not(.in)::before{background:var(--surface)}
.rail-step.in::before{box-shadow:0 0 0 4px rgba(197,162,83,.14)}
.rail-step__n{display:block;font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;color:var(--gold);margin-bottom:6px}
.rail-step__name{margin:0 0 .35em}
.rail-step p{font-size:15.5px;margin:0}
.process-rail--compact .rail-step p{display:none}
.process-rail--compact{gap:var(--s-3)}
.process-rail--compact .rail-step__name{font-size:clamp(26px,2.4vw,36px)}
.sec-paper .process-rail::before{background:var(--gold)}
.sec-paper .rail-step::before{border-color:var(--gold);background:var(--gold)}
@media (min-width:900px){
  .process-rail{grid-template-columns:repeat(var(--rail-n,5),minmax(0,1fr));gap:var(--s-3)}
  .process-rail--3{--rail-n:3}.process-rail--4{--rail-n:4}.process-rail--5{--rail-n:5}.process-rail--6{--rail-n:6}
  .process-rail::before{left:5px;right:0;top:5px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-deep) 85%,transparent)}
  .rail-step{padding:34px var(--s-2) 0 0}
  .rail-step::before{top:0}
}

/* ---------- (6) split ---------- */
.split{display:grid;grid-template-columns:1fr;gap:var(--s-4)}
.split__head h2{margin:0}
@media (min-width:1024px){
  .split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-6)}
  .split__head{position:sticky;top:120px;align-self:start}
}

/* ---------- (7) factsheet ---------- */
.factsheet{margin:0;border-bottom:1px solid var(--line-d)}
.factsheet > div{display:grid;grid-template-columns:1fr;gap:4px;padding:var(--s-3) 0;border-top:1px solid var(--line-d)}
.factsheet dt{font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-3)}
.factsheet dd{margin:0;font-size:var(--fs-h4);color:var(--tx)}
@media (min-width:641px){.factsheet > div{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--s-3);align-items:baseline}}

/* ---------- (8) cta-panel ---------- */
.cta-panel{max-width:980px;margin:0 auto;padding:var(--s-7) var(--s-6);border:1px solid var(--line-d);text-align:center}
.cta-panel__in{position:relative;z-index:2}
.cta-panel h2{max-width:760px;margin-left:auto;margin-right:auto}
.cta-panel .lede{margin:var(--s-2) auto 0}
.cta-panel .ctas{justify-content:center}
.cta-panel .kicker{justify-content:center}
.cta-panel .note{margin:var(--s-3) auto 0;max-width:620px}
@media (max-width:640px){.cta-panel{padding:var(--s-6) var(--s-3)}}

/* ---------- (9) statement ---------- */
.statement{padding:var(--s-8) 0;text-align:center;background:var(--bg)}
.statement__rule{display:block;width:34px;height:2px;background:var(--gold-solid);margin:0 auto var(--s-3)}
.statement__text{font-family:var(--serif);font-size:clamp(28px,3.4vw,46px);line-height:1.22;color:var(--tx);max-width:760px;margin:0 auto;text-wrap:balance}
.statement .link-arrow{margin-top:var(--s-4)}
@media (max-width:640px){.statement{padding:var(--s-6) 0}}

/* ---------- (10) featured-insight ---------- */
.featured-insight{display:grid;grid-template-columns:1fr;gap:var(--s-4);align-items:center}
.featured-insight__art{display:block;aspect-ratio:16/10;border:1px solid var(--line-d)}
/* typographic essay cover (includes/insight-cover.php) */
.insight-cover{display:flex;flex-direction:column;justify-content:space-between;gap:var(--s-3);padding:clamp(22px,3.2vw,44px);text-decoration:none;transition:border-color .3s}
.insight-cover:hover{border-color:var(--gold-deep)}
.insight-cover > *{position:relative;z-index:2}
.insight-cover__kicker{font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.insight-cover__title{font-family:var(--serif);font-size:clamp(30px,3.6vw,54px);line-height:1.02;letter-spacing:-.01em;color:var(--tx);max-width:9em}
.insight-cover__title em{color:var(--gold)}
.insight-cover__rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;padding-top:20px}
.insight-cover__rail::before{content:"";position:absolute;left:5px;right:0;top:5px;height:1px;background:linear-gradient(90deg,var(--gold-deep),var(--gold-deep) 85%,transparent)}
.insight-cover__step{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding-right:6px}
.insight-cover__step::before{content:"";position:absolute;left:0;top:-20px;width:11px;height:11px;border-radius:50%;border:1px solid var(--gold-solid);background:var(--bg);box-sizing:border-box}
.insight-cover__step:last-child::before{background:var(--gold-solid)}
.insight-cover__n{font-size:11.5px;font-weight:600;letter-spacing:.14em;color:var(--gold)}
.insight-cover__name{font-size:13px;color:var(--tx-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){.insight-cover__name{display:none}}
.featured-insight__title{font-size:clamp(28px,2.8vw,40px);line-height:1.12;margin-bottom:var(--s-2)}
.featured-insight__title a{color:var(--tx);text-decoration:none}
.featured-insight__title a:hover{color:var(--gold)}
.featured-insight__body p{max-width:520px}
@media (min-width:1024px){.featured-insight{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-6)}}

/* ---------- (11) article / prose / pullquote ---------- */
.article__head{max-width:900px}
.prose{max-width:var(--measure);margin:0 auto;font-size:19px;line-height:1.7}
.prose h2{font-size:clamp(28px,2.6vw,36px);line-height:1.15;margin:1.6em 0 .5em}
.prose h3{margin:1.4em 0 .4em}
.prose p,.prose ul,.prose ol{margin:0 0 1.1em}
.pullquote{font-family:var(--serif);font-style:italic;font-size:28px;line-height:1.3;color:var(--gold);border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);padding:var(--s-3) 0;margin:var(--s-5) 0}

/* ---------- (12) doc-list ---------- */
.doc-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line-d)}
.doc-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px var(--s-3);align-items:baseline;padding:var(--s-3) 0;border-top:1px solid var(--line-d)}
.doc-list__name{display:block;color:var(--tx);font-size:var(--fs-h4)}
.doc-list__gloss{display:block;color:var(--tx-3);font-size:var(--fs-small)}
.doc-list__year{color:var(--tx-3);font-size:var(--fs-small)}
.doc-list__dl{grid-column:1 / -1;color:var(--gold);font-size:var(--fs-small);font-weight:600;text-decoration:none}
.doc-list__dl:hover{text-decoration:underline;text-underline-offset:3px}
.doc-list__size{color:var(--tx-3);font-weight:400}
@media (min-width:641px){.doc-list li{grid-template-columns:minmax(0,1fr) auto auto}.doc-list__dl{grid-column:auto}}

/* ---------- (13) faq ---------- */
.faq{border-bottom:1px solid var(--line-d)}
.faq details{border-top:1px solid var(--line-d)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) 0;font-family:var(--serif);font-size:22px;line-height:1.3;color:var(--tx)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-family:var(--sans);font-size:22px;line-height:1;flex:none}
.faq details[open] summary::after{content:"−"}
.faq__a{padding:0 0 var(--s-3);max-width:760px}
.faq__a p{margin:0 0 .8em}

/* ---------- (5b) process-rail--timeline: always vertical; name | text ≥900 (long steps, prose) ---------- */
@media (min-width:900px){
  .process-rail--timeline{grid-template-columns:1fr;gap:0}
  .process-rail--timeline::before{left:5px;right:auto;top:8px;bottom:8px;width:1px;height:auto;background:var(--gold-deep)}
  .process-rail--timeline .rail-step{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:auto auto 1fr;align-content:start;column-gap:var(--s-5);padding:0 0 var(--s-5) 48px}
  .process-rail--timeline .rail-step::before{top:.45em}
  .process-rail--timeline .rail-step__n{grid-column:1}
  .process-rail--timeline .rail-step__name{grid-column:1}
  .process-rail--timeline .rail-step p{grid-column:2;grid-row:1 / span 3;max-width:640px}
  .process-rail--timeline .rail-step:last-child{padding-bottom:0}
}
.prose .process-rail--timeline .rail-step{grid-template-columns:1fr}
.prose .process-rail--timeline .rail-step p{grid-column:1;grid-row:auto}
.prose .process-rail--timeline{gap:var(--s-3)}
.prose .process-rail--timeline .rail-step{padding-bottom:0}
.prose .rail-step__name{font-size:24px;margin:0 0 .2em}
.prose .rail-step p{font-size:17px}
.prose .process-rail{margin:var(--s-4) 0 var(--s-5)}

/* ---------- page bits: short hero, stacked notices, fit blocks, sibling link ---------- */
.hero-navy.hero-short{min-height:0;padding:calc(var(--nav-h) + var(--s-7)) 0 var(--s-6)}
.hero-navy .note{margin-top:var(--s-3)}
.risk-note + .risk-note{border-top:0;margin-top:var(--s-2);padding-top:0}
.split__body > h3{margin-top:var(--s-5)}
.split__body > h3:first-child{margin-top:0}
.split__body p{max-width:680px}
.sec-foot{margin-top:var(--s-5)}
.sibling{text-align:center;margin:var(--s-5) 0 0}

/* ---------- forms layout (contact, Prova de Valor application) ---------- */
.form{max-width:760px}
.form-row{display:grid;grid-template-columns:1fr;gap:0 var(--s-3)}
@media (min-width:641px){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.req-note{font-size:13.5px;color:var(--tx-3);margin:0 0 var(--s-3)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-small);line-height:1.55;color:var(--tx-2);margin:var(--s-3) 0 var(--s-2);cursor:pointer}
.check input{margin-top:3px;flex:none;width:18px;height:18px}
/* consent checkbox: 22px custom box (the label is the touch target); checked = gold fill + navy tick */
.check input[type=checkbox]{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:22px;height:22px;min-height:0;padding:0;margin:0;flex:none;border:1px solid var(--line-form);border-radius:2px;background:transparent;cursor:pointer;transition:background-color .15s,border-color .15s}
.check input[type=checkbox]:hover{border-color:var(--gold)}
.check input[type=checkbox]:checked{border-color:var(--gold-solid);background:var(--gold-solid) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%230c1322' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E") center/14px no-repeat}
.check input[type=checkbox]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.check a{color:var(--gold)}
.form .note{margin:var(--s-2) 0}
.form .btn{margin-top:var(--s-3)}
.form-layout{display:grid;grid-template-columns:1fr;gap:var(--s-6)}
@media (min-width:1024px){.form-layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s-7)}}
.form-aside h2{font-size:var(--fs-h3)}
@media (min-width:1024px){.form-aside--sticky{position:sticky;top:calc(var(--nav-h) + var(--s-4));align-self:start}}
.form-aside .process-rail{margin:var(--s-4) 0 var(--s-5)}
.process-rail--aside{gap:var(--s-3)}
.process-rail--aside .rail-step__name{margin:0 0 .25em}
@media (min-width:900px){
  .process-rail--aside.process-rail--timeline .rail-step{grid-template-columns:1fr;padding:0 0 0 40px}
  .process-rail--aside.process-rail--timeline .rail-step p{grid-column:1;grid-row:auto}
  .process-rail--aside.process-rail--timeline .rail-step::before{top:.35em}
}
.form-aside .note{margin-top:var(--s-3)}
.channel-list{margin:0;border-bottom:1px solid var(--line-d)}
.channel-list > div{padding:var(--s-3) 0;border-top:1px solid var(--line-d)}
.channel-list dt{font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.channel-list dd{margin:0;font-size:15.5px;color:var(--tx-2)}
.channel-list + .channel-list{margin-top:var(--s-5)}
.sec-foot-sm{margin:0 0 var(--s-5)}
.sec-foot-sm .meta{margin:0}
/* questionnaires (/consultoria/questionario, /investidores/questionario + EN): multiple choice = fieldset + radio "chips";
   the first radio of a group carries `required`. 44px touch targets; checked = gold border + tint */
.form__group{font-family:var(--sans);font-size:var(--fs-label);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:var(--s-5) 0 var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line-d)}
.form .req-note + .form__group{margin-top:0}
.choices{border:0;margin:0 0 22px;padding:0;min-width:0}
.choices legend{display:block;float:left;width:100%;font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--tx-2);text-transform:uppercase;margin:0 0 10px;padding:0}
.choices__opts{clear:both;display:flex;flex-wrap:wrap;gap:10px}
.choice{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:9px 14px;border:1px solid var(--line-form);border-radius:3px;cursor:pointer;font-size:15px;line-height:1.3;color:var(--tx-2);transition:border-color .2s,background-color .2s,color .2s}
.choice input{width:18px;height:18px;margin:0;padding:0;flex:none}
.choice:hover{border-color:var(--gold)}
.choice:has(input:checked){border-color:var(--gold-solid);background:rgba(197,162,83,.1);color:var(--tx)}
.choice input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
/* success state of a form page (includes/form-done.php): the form collapses into confirmation + next steps + newsletter */
.form-done{max-width:760px}
.form-done .process-rail{margin:var(--s-3) 0 var(--s-5)}
.form-done__nl{border-top:1px solid var(--line-d);padding-top:var(--s-4)}
.form-done__nl p{margin:0 0 var(--s-2);color:var(--tx-2)}

/* ---------- footer ---------- */
.footer{background:var(--bg-foot);color:var(--tx-3);padding:var(--s-7) 0 var(--s-5);font-size:14px;border-top:1px solid var(--line-d)}
.foot-grid{display:grid;grid-template-columns:1fr;gap:var(--s-5);margin-bottom:var(--s-5)}
.foot-nav{display:grid;grid-template-columns:1fr;gap:var(--s-4)}
.foot-h{color:var(--tx);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;margin:0 0 var(--s-2);font-weight:600}
.foot-links{list-style:none;margin:0;padding:0}
.foot-links li{margin:0 0 10px;line-height:1.45}
.footer a,.foot-link{color:var(--tx-2);text-decoration:none;transition:color .2s}
.footer a:hover,.foot-link:hover{color:var(--gold)}
.foot-links span{display:block;color:var(--tx-3);font-size:13px}
.foot-link{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.brand-foot{display:inline-block;margin-bottom:var(--s-2)}
.brand-foot img{height:56px;width:auto;display:block}
.foot-mut{color:var(--tx-3);max-width:280px}
.foot-legal{font-size:12.5px;color:var(--tx-3);border-top:1px solid var(--line-d);padding-top:20px;margin:0 0 14px;line-height:1.65}
.foot-legal a{color:var(--tx-2)}
.foot-legal + .foot-legal{border-top:0;padding-top:0}
.foot-anbima{margin:0 0 22px;padding-top:8px}
.foot-anbima a{display:inline-block}
.foot-anbima img{height:96px;width:auto;opacity:1;display:block}
@media (min-width:641px){.foot-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.foot-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,4fr);gap:var(--s-4)}.foot-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- motion: reveals (motion.js adds .in) ---------- */
html.js .rv{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.6,.2,1),transform .9s cubic-bezier(.2,.6,.2,1)}
html.js .rv.in{opacity:1;transform:none}
/* heroes are the first screen: never hidden waiting for the deferred motion.js (FCP/LCP) — only content further down fades in */
html.js .hero-navy .rv{opacity:1;transform:none;transition:none}
.rv-d1{transition-delay:.12s}.rv-d2{transition-delay:.24s}.rv-d3{transition-delay:.36s}

/* ---------- forms ---------- */
.field{margin-bottom:18px}
.field label,.field-label{display:block;font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--tx-2);text-transform:uppercase;margin-bottom:8px}
input,textarea,select{width:100%;padding:13px 15px;background:rgba(255,255,255,.03);border:1px solid var(--line-form);border-radius:3px;font-size:15px;font-family:var(--sans);color:var(--tx);transition:border-color .2s}
input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--gold-solid)}
input:focus,textarea:focus,select:focus{border-color:var(--gold)}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
input::placeholder,textarea::placeholder{color:var(--tx-3)}
select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%238693ad' stroke-width='1.5'/></svg>");background-repeat:no-repeat;background-position:right 14px center}
option{background:var(--bg-2);color:var(--tx)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.banner-ok,.banner-err{border-radius:3px;padding:15px 20px;margin-bottom:28px;font-size:14.5px;border:1px solid}
.banner-ok{background:rgba(29,158,117,.12);border-color:rgba(29,158,117,.4);color:#7fd6b6}
.banner-err{background:rgba(226,75,74,.1);border-color:rgba(226,75,74,.4);color:#f0a0a0}
.sec-paper .banner-ok{background:rgba(29,158,117,.08);color:#17654c}   /* 6.3:1 on paper */
.sec-paper .banner-err{background:rgba(226,75,74,.07);color:#a33232}  /* 6.0:1 on paper */
.sec-paper input,.sec-paper select,.sec-paper textarea{color-scheme:light}   /* native checkbox/select chrome follows the cream surface */

/* ---------- newsletter "Cartas da Trivèlla" (includes/newsletter-form.php) ----------
   --essay: end of every essay, aligned with .prose on paper · --foot: first row of both footers (2 columns >=1024) */
.newsletter{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-3)}
.newsletter__title{font-family:var(--serif);font-weight:400;font-size:var(--fs-h3);line-height:1.1;letter-spacing:0;margin:0 0 8px;color:var(--tx)}
.newsletter__dek{margin:0;color:var(--tx-2);font-size:var(--fs-small);line-height:1.6;max-width:46ch}
.newsletter__row{display:flex;gap:12px;align-items:flex-end}
.newsletter__row .field{flex:1;min-width:0;margin:0}
.newsletter__row .btn{flex:none;margin:0;min-height:48px}
.newsletter .check{margin:14px 0 0;font-size:13px;color:var(--tx-3)}
.newsletter .check a{color:var(--gold)}
.newsletter__status{margin:0}
.newsletter--essay{max-width:var(--measure);margin:var(--s-6) auto 0;padding-top:var(--s-5);border-top:1px solid var(--line-d)}
.newsletter--foot{padding-bottom:var(--s-5);margin-bottom:var(--s-5);border-bottom:1px solid var(--line-d)}
.newsletter--foot .newsletter__title{font-size:26px}
@media (min-width:1024px){.newsletter--foot{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-6);align-items:start}}
@media (max-width:480px){.newsletter__row{flex-direction:column;align-items:stretch}}

/* ---------- consent banner (consent.js) ---------- */
.consent{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--navy);border-top:1px solid var(--line-d);color:var(--tx-2);font-family:var(--sans);font-size:14px;line-height:1.55;padding:16px var(--gutter)}
.consent__in{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.consent__in p{margin:0;flex:1 1 420px}
.consent a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.consent__actions{display:flex;gap:10px}
.consent__btn{background:transparent;color:var(--tx);border:1px solid var(--line-form);border-radius:2px;padding:9px 22px;font:600 14px/1.2 var(--sans);cursor:pointer;min-width:110px}
.consent__btn:hover{border-color:var(--gold);color:var(--gold)}

/* ---------- generative art "cine" (no photos): gold mesh + grain + veil ---------- */
.cine{position:relative;overflow:hidden;background:#090f1c;
  --c1-at:22% 30%;--c1:rgba(197,162,83,.38);
  --c2-at:78% 24%;--c2:rgba(189,154,79,.26);
  --c3-at:62% 82%;--c3:rgba(120,86,32,.34);
  --c4-at:12% 88%;--c4:rgba(29,52,97,.55)}
.cine::before{content:"";position:absolute;inset:-40% -20%;z-index:0;will-change:transform;
  background:
    radial-gradient(48% 58% at var(--c1-at),var(--c1),transparent 72%),
    radial-gradient(42% 50% at var(--c2-at),var(--c2),transparent 74%),
    radial-gradient(58% 66% at var(--c3-at),var(--c3),transparent 72%),
    radial-gradient(52% 62% at var(--c4-at),var(--c4),transparent 72%);
  animation:cineDrift 26s ease-in-out infinite alternate}
@keyframes cineDrift{0%{transform:translate3d(-3%,-2%,0) scale(1.05) rotate(0deg)}100%{transform:translate3d(3%,2%,0) scale(1.12) rotate(2deg)}}
.cine::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.45;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}
.cine.is-off::before{animation-play-state:paused}
.cine > .wrap{position:relative;z-index:2}
.cine-veil{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(120% 100% at 50% 42%,transparent 30%,rgba(9,15,28,.55) 78%,rgba(9,15,28,.9) 100%),
            linear-gradient(180deg,rgba(9,15,28,.35),rgba(9,15,28,.15) 40%,rgba(9,15,28,.75))}
/* dawn: gold mass upper-right (home hero, founders hero) */
.cine--dawn{--c1-at:78% 18%;--c1:rgba(197,162,83,.40);--c2-at:56% 4%;--c2:rgba(189,154,79,.20);--c3-at:92% 64%;--c3:rgba(120,86,32,.30);--c4-at:10% 90%;--c4:rgba(29,52,97,.60)}
/* deep: navy-dominant, gold low-left at half intensity (CTA panels, firm band) */
.cine--deep{--c1-at:15% 85%;--c1:rgba(197,162,83,.19);--c2-at:34% 100%;--c2:rgba(189,154,79,.10);--c3-at:80% 20%;--c3:rgba(29,52,97,.65);--c4-at:55% 50%;--c4:rgba(20,34,61,.70)}
/* line: no mass — fine gold contour lines over --bg (statement bands, article header) */
.cine--line{background:var(--bg)}
.cine--line::before{inset:-25%;opacity:.14;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='900' viewBox='0 0 1400 900'%3E%3Cdefs%3E%3Cpath id='c' d='M-60 260C200 150 420 400 700 300S1120 120 1460 230' fill='none' stroke='%23c5a253' stroke-width='1.1'/%3E%3C/defs%3E%3Cuse href='%23c' transform='translate(0 -136) scale(1 0.860)'/%3E%3Cuse href='%23c' transform='translate(0 -102) scale(1 0.895)'/%3E%3Cuse href='%23c' transform='translate(0 -68) scale(1 0.930)'/%3E%3Cuse href='%23c' transform='translate(0 -34) scale(1 0.965)'/%3E%3Cuse href='%23c'/%3E%3Cuse href='%23c' transform='translate(0 34) scale(1 1.035)'/%3E%3Cuse href='%23c' transform='translate(0 68) scale(1 1.070)'/%3E%3Cuse href='%23c' transform='translate(0 102) scale(1 1.105)'/%3E%3Cuse href='%23c' transform='translate(0 136) scale(1 1.140)'/%3E%3Cuse href='%23c' transform='translate(0 170) scale(1 1.175)'/%3E%3Cuse href='%23c' transform='translate(0 204) scale(1 1.210)'/%3E%3Cuse href='%23c' transform='translate(0 238) scale(1 1.245)'/%3E%3Cuse href='%23c' transform='translate(0 272) scale(1 1.280)'/%3E%3Cuse href='%23c' transform='translate(0 306) scale(1 1.315)'/%3E%3Cuse href='%23c' transform='translate(0 340) scale(1 1.350)'/%3E%3Cuse href='%23c' transform='translate(0 374) scale(1 1.385)'/%3E%3Cuse href='%23c' transform='translate(0 408) scale(1 1.420)'/%3E%3Cuse href='%23c' transform='translate(0 442) scale(1 1.455)'/%3E%3C/svg%3E") center/cover no-repeat;animation-duration:40s}
.cine--line::after{opacity:.25}


/* ---------- art direction v2 (2026-10-05): structure lines, paper rhythm, hero compositions ----------
   RHYTHM   interior pages alternate navy (.sec/.sec-alt) and cream (.sec-paper) — never two papers in a row;
            heroes, statements, CTA panels and the three-doors band stay navy.
   MOTIF    .struct-mark (the mark), .struct-rule (divider: hairline + mark), .struct-bg (corner field bleeding off the
            top-right corner of a section, kept in the top padding / right gutter), .statement__rule (mark above every statement), essay cover mark.
   HEROES   VC: split + free figure on dawn · Consultoria: split + framed figure panel (.hero-panel) on deep ·
            Firma: centred statement + divider (.hero-center) · Insights: masthead, display H1 | lede (.hero-masthead).
            Home hero is locked (Jon chooses the copy) — do not restyle it. */
.struct-mark{display:block;flex:none;width:36px;height:36px;background:currentColor;-webkit-mask:var(--struct-mark) center/contain no-repeat;mask:var(--struct-mark) center/contain no-repeat}
.struct-rule{display:flex;align-items:center;gap:18px;color:var(--gold);margin:var(--s-5) 0 0}
.struct-rule::before,.struct-rule::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,currentColor);opacity:.6}
.struct-rule::after{background:linear-gradient(90deg,currentColor,transparent)}
.struct-rule--start::before{display:none}
.struct-rule--gap{margin:var(--s-6) 0}
/* .struct-bg corner field: anchored to the section's top-right corner and sized so it can NEVER reach the content —
   it fits either in the top padding (side = section-y − 24px) or, on wide screens, in the right gutter beside the
   .wrap column (side = gutter space − 32px), whichever is larger; capped at 400px. (100% = section width.) */
.struct-bg{position:relative;overflow:hidden;isolation:isolate}
.struct-bg::before{content:"";position:absolute;z-index:-1;top:0;right:0;width:min(400px,max(calc(var(--section-y) - 24px),calc((100% - var(--maxw)) / 2 + var(--gutter) - 32px)));aspect-ratio:1;background:var(--gold);opacity:.4;pointer-events:none;-webkit-mask:var(--struct-field) right top/contain no-repeat;mask:var(--struct-field) right top/contain no-repeat}
.sec-paper.struct-bg::before{opacity:.5}
/* statements open with the mark instead of a plain bar */
.statement__rule{width:40px;height:40px;background:var(--gold-solid);-webkit-mask:var(--struct-mark) center/contain no-repeat;mask:var(--struct-mark) center/contain no-repeat}
/* essay cover carries the mark top-right */
.insight-cover__top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-2)}
.insight-cover__top .struct-mark{color:var(--gold);width:clamp(28px,3vw,44px);height:clamp(28px,3vw,44px)}

/* hero: centred statement (/firma) */
.hero-center > .wrap{text-align:center}
.hero-center .kicker{justify-content:center}
.hero-center .kicker::after{content:"";width:34px;height:1px;background:var(--gold-solid);flex:none}
.hero-center h1{max-width:1000px;margin-left:auto;margin-right:auto}
.hero-center .lede{margin-left:auto;margin-right:auto}
.hero-center .struct-rule{max-width:560px;margin:var(--s-5) auto 0}
/* hero: split with a framed figure panel (/consultoria) */
@media (min-width:1024px){
  .hero-panel{--hf-w:clamp(300px,29vw,420px)}
  .hero-panel .hero-figure{position:relative;padding:clamp(32px,3.2vw,48px);border:1px solid var(--line-d);background:linear-gradient(160deg,rgba(20,34,61,.9),rgba(9,15,28,.55))}
  .hero-panel .hero-figure::before,.hero-panel .hero-figure::after{content:"";position:absolute;width:16px;height:16px;border:0 solid var(--gold-solid)}
  .hero-panel .hero-figure::before{top:-1px;left:-1px;border-top-width:1px;border-left-width:1px}
  .hero-panel .hero-figure::after{right:-1px;bottom:-1px;border-right-width:1px;border-bottom-width:1px}
}
/* hero: editorial masthead (/insights/) */
.hero-masthead h1{font-size:var(--fs-display);line-height:.95;letter-spacing:-.02em;margin:0}
.hero-masthead .lede{margin-top:var(--s-3)}
@media (min-width:1024px){
  .hero-masthead > .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--s-6);align-items:end}
  .hero-masthead .kicker,.hero-masthead .struct-rule{grid-column:1 / -1}
  .hero-masthead .lede{margin:0;padding-bottom:.4em}
}

/* ---------- responsive (≤640 / 641–1023 / ≥1024) ---------- */
@media (max-width:899px){.hero-navy{padding:120px 0 80px}}
@media (max-width:640px){
  .hero-home{min-height:88svh;padding:calc(var(--nav-h) + 32px) 0 96px}
  .hero-navy.hero-compact{min-height:0;padding:calc(var(--nav-h) + 40px) 0 var(--s-6)}
  .lede-more{display:none}  /* second lede sentence repeated further down the page; keeps the CTA in the first screen */
  .btn-lg{padding:16px 28px}
  /* touch targets >= 44px tall (links inside running text are exempt: they are part of the sentence) */
  .btn-sm{padding:13px 18px}
  .doc-list__dl{display:inline-block;padding:12px 0}  /* not flex: it would swallow the space before the size */
  .link-arrow,.link-quiet,.foot-links a,.foot-link,.channel-list dd > a:only-child,
  html.js .nav-cta .nav-login,html.js .nav-cta .lang{display:inline-flex;align-items:center;min-height:44px}
  .foot-links li{margin:0}
  .foot-links span{margin-top:8px}
  .consent__btn{min-height:44px}
  .featured-insight__title a,.reading .reading__title a{padding:6px 0}
  /* audience links: one row of three (grid never wraps, so a separator can never be orphaned); label above */
  .ctas .hero-routes{flex-basis:100%}
  .hero-routes{--rg:clamp(14px,5.6vw,22px);display:grid;grid-template-columns:repeat(3,auto);justify-content:start;column-gap:var(--rg);row-gap:2px;font-size:clamp(13px,3.9vw,15px)}
  .hero-routes__lbl{grid-column:1 / -1;margin:0}
  .hero-routes a{display:inline-flex;align-items:center;min-height:44px;padding:0}
  .hero-routes a + a{margin-left:0}
  .hero-routes a + a::before{left:calc(var(--rg) / -2 - 1.5px)}
}

/* ---------- reduced motion: everything off ---------- */
@media (prefers-reduced-motion:reduce){
  html.js .rv,.rv{opacity:1;transform:none;transition:none}
  .scroll-cue{display:none}
  .cine::before{animation:none}
  html.js .rail-step:not(.in)::before,.rail-step::before{background:var(--gold-solid);transition:none}
  .btn-gold:hover,a.card:hover,.card--link:hover{transform:none}
  .link-arrow,.link-arrow::after,.index-row__arrow,.nav-toggle span{transition:none}
  .link-arrow:hover::after,.index-row--link:hover .index-row__arrow{transform:none}
}


/* ---------- (9) leader: leadership profile on /firma (photo 4:5 with monogram fallback) ---------- */
.leader{display:grid;grid-template-columns:1fr;gap:var(--s-4)}
@media (min-width:768px){.leader{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-6);align-items:start}}
.leader__photo{position:relative;margin:0;aspect-ratio:4/5;max-width:460px;overflow:hidden;background:linear-gradient(160deg,var(--navy),var(--bg));border:1px solid var(--line-d)}
.leader__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.leader__mono{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:clamp(64px,7vw,96px);color:var(--gold)}
.leader__name{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3vw,44px);line-height:1.1;margin:0 0 var(--s-1)}
.leader__role{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 var(--s-3)}
.leader__body > p{color:var(--tx-2);max-width:var(--measure)}
.leader__creds{list-style:none;margin:var(--s-4) 0 0;padding:var(--s-3) 0 0;border-top:1px solid var(--line-d);display:grid;gap:var(--s-1);font-size:var(--fs-small);color:var(--tx-3)}
.leader__creds li{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:var(--s-2)}
.leader__creds li::before{content:"";width:14px;height:1px;margin-top:.7em;background:var(--gold-deep)}
.leader--text{margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--line-d)}
@media (min-width:768px){.leader--text{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.leader--text .leader__body{grid-column:2}
  /* no portrait (by decision): the left column carries a framed structure-mark tile instead of a void */
  .leader--text::before{content:"";grid-column:1;grid-row:1;justify-self:start;width:clamp(120px,12vw,168px);aspect-ratio:1;border:1px solid var(--line-d);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23c5a253'%3E%3Cpath d='M.5 47.5L47.5.5' stroke-opacity='.5' stroke-dasharray='2 3'/%3E%3Crect x='.5' y='.5' width='47' height='47' stroke-opacity='.45'/%3E%3Crect x='.5' y='12.5' width='35' height='35' stroke-opacity='.65'/%3E%3Crect x='.5' y='24.5' width='23' height='23' stroke-opacity='.85'/%3E%3C/g%3E%3Crect fill='%23c5a253' y='36' width='12' height='12'/%3E%3C/svg%3E") center/46% no-repeat,linear-gradient(160deg,var(--navy),var(--bg))}}
.more-insights{margin-top:var(--s-7)}
.more-insights .kicker{margin-bottom:var(--s-3);font-family:var(--sans);font-size:var(--fs-label)}
.more-insights .index-row__body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:6px}
.more-insights .index-row__body > *{grid-column:1;grid-row:auto}
/* cover thumbnail (the essay's own og:image) between the text and the arrow, ≥1024 only */
.index-row__thumb{display:none}
@media (min-width:1024px){
  .more-insights .index-row--link{grid-template-columns:96px minmax(0,1fr) 240px 40px;align-items:start}
  .more-insights .index-row__thumb{display:block;width:240px;height:auto;aspect-ratio:1200/630;border:1px solid var(--line-d)}
  .more-insights .index-row__arrow{align-self:center}
}
/* ≤640: the number sits above the title (arrow on the same line), so the text gets the full measure */
@media (max-width:640px){
  .more-insights .index-row--link{grid-template-columns:minmax(0,1fr) 32px;row-gap:var(--s-1);align-items:center}
  .more-insights .index-row__n{grid-column:1;grid-row:1;font-size:22px}
  .more-insights .index-row__arrow{grid-column:2;grid-row:1}
  .more-insights .index-row__body{grid-column:1 / -1;grid-row:2}
}
.index-row__desc{color:var(--tx-2);font-size:var(--fs-small);max-width:var(--measure)}
/* ---------- (10) reading: "Leituras recomendadas" (includes/reading-list.php) ---------- */
.reading{margin-top:var(--s-7)}
.reading .kicker{font-family:var(--sans);font-size:var(--fs-label);margin-bottom:var(--s-2)}
.reading__intro{color:var(--tx-3);font-size:var(--fs-small);margin:0 0 var(--s-3)}
.reading__list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line-d)}
.reading__item{padding:var(--s-4) 0;border-top:1px solid var(--line-d);display:grid;gap:6px}
.reading__item .meta{margin:0}
.reading__title{font-family:var(--serif);font-weight:400;font-size:var(--fs-h3);line-height:1.15;margin:0}
.reading .reading__title a{color:var(--tx);text-decoration:none}.reading .reading__title a:hover{color:var(--gold);text-decoration:underline}
.reading__note{color:var(--tx-2);max-width:var(--measure);margin:0}.reading__note span{color:var(--gold);font-weight:600}
/* conversas (/conversas, /en/conversations — includes/conversations.php): reuses the .reading list */
.reading.convo{margin-top:0}
.convo-list__host{margin:0;font-size:var(--fs-small);color:var(--tx-3)}
.convo-list__third{margin:0 0 4px}
.convo__note{margin:var(--s-4) 0}
.leader__more{margin-top:var(--s-3)}