/* =====================================================================
   NorthBridge V2 "Gallery" layer (Oct 12 2026 design preview)
   Reference: Apple's photography-first gallery (oversized display type with
   tight negative tracking, edge-to-edge tiles on alternating light and dark
   canvases, pill controls, chrome that recedes so the imagery and the numbers
   speak). Translated to NorthBridge (V4 type: see the font block at the end), forest / gold /
   ivory. Loaded after minimal.css; nothing in minimal.css is edited.
   Shape system: containers 30px / cards 22px / inner media 16px / controls pill.
   ===================================================================== */
:root{
  --ivory:#F4EFE3;--ivory-2:#EAE3D0;--forest:#071510;--forest-2:#0C2219;--ink:#0F3524;
  --spring:cubic-bezier(.32,.72,0,1);
  --r-xl:30px;--r-lg:22px;--r-md:16px;
}
.wrap{max-width:1320px;}
main > section,.footer{--gx:min(clamp(12px,3.6vw,56px),max(16px,calc((100vw - 1320px) / 2 + 16px)));--gr:clamp(22px,3.2vw,48px);}

/* ── type: bigger, tighter display ── */
.sec h2{font-size:clamp(40px,5.3vw,80px);line-height:1.02;letter-spacing:-.034em;margin:22px 0 28px;max-width:14em;}
.sec p.body{font-size:18px;line-height:1.7;max-width:36em;}
h3{letter-spacing:-.012em;}

/* section labels become small pills (one shape everywhere: controls and tags are pills) */
.sec > .wrap > p.eyebrow,.hero .hero-copy > .eyebrow,.phero .wrap > .eyebrow,.quiet .eyebrow,.ol-head .eyebrow{
  display:inline-flex;align-items:center;gap:0;width:fit-content;
  font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;line-height:1;
  padding:9px 15px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);
  background:color-mix(in srgb,var(--gold) 8%,transparent);}
.sec > .wrap > p.eyebrow::before,.hero .hero-copy > .eyebrow::before,.phero .wrap > .eyebrow::before,.quiet .eyebrow::before,.ol-head .eyebrow::before,
.statement > .wrap > p.eyebrow::after,.scale > .wrap > p.eyebrow::after{content:none;display:none;}
.statement > .wrap > p.eyebrow,.scale > .wrap > p.eyebrow{margin-left:auto;margin-right:auto;}

/* ── floating island nav ── */
.nav{padding-top:14px;pointer-events:none;border-bottom:0!important;}
.nav-in{pointer-events:auto;position:relative;width:calc(100% - 28px);max-width:1380px;height:66px;margin:0 auto;padding:0 9px 0 24px;}
.nav::before{left:max(14px,calc((100% - 1380px) / 2));right:max(14px,calc((100% - 1380px) / 2));top:14px;bottom:auto;height:66px;border-radius:999px;
  background:rgba(7,21,16,.9);-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);
  box-shadow:inset 0 1px 0 rgba(244,239,227,.07),0 0 0 1px rgba(201,164,92,.18),0 24px 48px -24px rgba(3,10,7,.6);
  transition:background .6s var(--spring),box-shadow .6s var(--spring);}
.nav.scrolled::before,.nav.open::before{background:rgba(7,21,16,.94);}
.brand img{height:38px;}
.brand-name{border-left-color:rgba(201,164,92,.28);}
.nav-links{gap:26px;}
.nav-links a{font-size:13px;letter-spacing:.01em;text-transform:none;font-weight:500;color:rgba(244,239,227,.7);}
.nav-links a:not(.nav-cta)::after{bottom:-2px;}
.nav-links a.nav-cta{border-radius:999px;background:var(--gold);border-color:var(--gold);color:#10231A;padding:13px 22px;font-weight:600;letter-spacing:.01em;}
.nav-links a.nav-cta:hover{background:#DDBF7E;border-color:#DDBF7E;color:#10231A;}
@media(min-width:1201px){.brand img{height:38px;}}
@media(max-width:1320px) and (min-width:1201px){.nav-links{gap:18px;}.nav-links a{font-size:12.5px;}.nav-links a.nav-cta{padding:12px 16px;}.brand img{height:32px;}}
/* menu (tablets and phones): a full-screen panel that wipes down, links rise in one after another */
@media(max-width:1200px){
  .brand,.burger{position:relative;z-index:2;}
  .burger{width:48px;height:48px;border-radius:50%;background:rgba(244,239,227,.06);}
  .burger span{left:14px;right:14px;}
  .burger span:nth-child(1){top:19px;}.burger span:nth-child(2){top:28px;}
  .nav.open .burger span:nth-child(1),.nav.open .burger span:nth-child(2){top:23.5px;}
  .nav-links{inset:0;z-index:1;padding:118px max(28px,6vw) 48px;background:#071510;overflow-y:auto;
    clip-path:inset(0 0 100% 0);opacity:1;visibility:hidden;transition:clip-path .8s var(--spring),visibility 0s linear .8s;}
  .nav.open .nav-links{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .8s var(--spring),visibility 0s;}
  .nav-links a{border-bottom-color:rgba(244,239,227,.08);opacity:0;transform:translate3d(0,32px,0);transition:opacity .6s var(--spring),transform .9s var(--spring),color .3s;}
  .nav.open .nav-links a{opacity:1;transform:none;}
  .nav-links a:not(.nav-cta){font-size:clamp(28px,4.4vw,40px);letter-spacing:-.02em;padding:14px 0;}
  .nav-links a.nav-cta{margin-top:32px;width:100%;justify-content:center;text-align:center;font-family:var(--f-body);font-size:15px;padding:20px;}
  .nav.open .nav-links a:nth-child(1){transition-delay:.10s;}.nav.open .nav-links a:nth-child(2){transition-delay:.15s;}
  .nav.open .nav-links a:nth-child(3){transition-delay:.20s;}.nav.open .nav-links a:nth-child(4){transition-delay:.25s;}
  .nav.open .nav-links a:nth-child(5){transition-delay:.30s;}.nav.open .nav-links a:nth-child(6){transition-delay:.35s;}
  .nav.open .nav-links a:nth-child(7){transition-delay:.40s;}.nav.open .nav-links a:nth-child(8){transition-delay:.48s;}
}
@media(max-width:640px){
  .nav{padding-top:10px;}
  .nav-in{width:calc(100% - 20px);height:60px;padding:0 6px 0 16px;}
  .nav::before{top:10px;height:60px;left:10px;right:10px;}
  .brand img{height:30px;}
  .nav-links{padding-top:100px;}
}

/* ── buttons: pills with the arrow in its own circle ── */
.btn{border-radius:999px;text-transform:none;letter-spacing:.005em;font-size:15px;font-weight:600;gap:18px;min-height:58px;padding:9px 9px 9px 28px;
  transition:background .5s var(--spring),color .5s var(--spring),border-color .5s var(--spring),transform .5s var(--spring);}
.btn:not(:has(.arrow)){padding:9px 30px;}
.btn .arrow{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:rgba(16,35,26,.14);font-size:16px;line-height:1;
  transition:transform .6s var(--spring),background .5s var(--spring),color .5s var(--spring);}
.btn:hover .arrow{transform:translate3d(3px,-1px,0) scale(1.06);}
.btn-gold:hover{transform:none;}
.btn:active{transform:scale(.98);}
.btn-ghost{border-color:rgba(221,191,126,.4);}
/* on ivory and cream canvases the primary action is forest green, its arrow sits in a gold circle */
.hero-v2 .btn-gold,.phero .btn-gold,main > section:nth-of-type(even) .btn-gold{background:#123D2A;border-color:#123D2A;color:#F4EFE3;}
.hero-v2 .btn-gold .arrow,.phero .btn-gold .arrow,main > section:nth-of-type(even) .btn-gold .arrow{background:#C9A45C;color:#10231A;}
.hero-v2 .btn-gold:hover,.phero .btn-gold:hover,main > section:nth-of-type(even) .btn-gold:hover{background:#0B2A1C;border-color:#0B2A1C;color:#F4EFE3;}
.hero-v2 .btn-ghost,.phero .btn-ghost,main > section:nth-of-type(even) .btn-ghost{border-color:rgba(18,61,42,.3);color:#123D2A;}
.hero-v2 .btn-ghost:hover,.phero .btn-ghost:hover,main > section:nth-of-type(even) .btn-ghost:hover{border-color:#123D2A;background:rgba(18,61,42,.05);color:#0B2A1C;}
.tlink{font-size:14px;letter-spacing:.01em;text-transform:none;font-weight:600;padding-bottom:6px;}

/* ── home hero: ivory editorial split, the bridge in an arched window ── */
.hero.hero-v2{
  --cream:#0F3524;--muted:#2D5A43;--muted2:#56765F;--gold:#85651F;--gold-light:#7A5C25;--gold-dim:#B5A06C;--line:#E0D9C6;--line2:#D2CAB4;
  display:block;min-height:max(720px,100svh);padding:96px 0 40px;background:var(--ivory);color:var(--ink);overflow:hidden;}
.hero.hero-v2::before,.hero.hero-v2::after,.hero .glow,.phero .glow{content:none;display:none;}
.hero-grid{max-width:1320px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,1fr);gap:clamp(32px,4.5vw,80px);align-items:center;min-height:calc(max(720px,100svh) - 136px);}
.hero-v2 h1{font-size:clamp(52px,8.1vw,128px);line-height:.95;letter-spacing:-.045em;font-weight:400;margin:30px 0 30px;max-width:none;color:var(--ink);}
.hero-v2 h1 .hl{display:block;padding-bottom:.02em;}
.hero-v2 h1 em{color:var(--gold);font-style:italic;letter-spacing:-.04em;}
.hero-v2 h1 .row2{display:block;font-size:clamp(20px,1.9vw,29px);line-height:1.3;font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--muted);margin-top:.95em;}
.hero-v2 .lede{font-size:18px;line-height:1.7;color:var(--muted);max-width:31em;margin-bottom:38px;}
.hero-v2 .hero-ctas{gap:12px;margin-bottom:0;}
.hero-media{position:relative;height:min(calc(100svh - 150px),760px);min-height:540px;}
.hero-media::before{content:'';position:absolute;inset:-11px;border-radius:50% 50% 34px 34px / 31% 31% 34px 34px;border:1px solid rgba(133,101,31,.38);pointer-events:none;}
.arch{position:absolute;inset:0;overflow:hidden;background:#0A1D14;border-radius:50% 50% 24px 24px / 30% 30% 24px 24px;
  box-shadow:0 50px 90px -50px rgba(7,21,16,.7);isolation:isolate;}
.arch::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,21,16,0) 55%,rgba(7,21,16,.45) 100%);pointer-events:none;}
.arch video{width:100%;height:100%;object-fit:cover;display:block;transform:translate3d(0,calc(var(--py,0px) * -.5),0) scale(1.06);}
html.mo.pre .hero-media{opacity:0;}
html.mo:not(.pre) .hero-media{animation:archIn 1.7s var(--spring) .25s both;}
html.mo:not(.pre) .arch video{animation:archZoom 2.6s var(--spring) .25s both;}
@keyframes archIn{from{opacity:0;translate:0 70px;}to{opacity:1;translate:0 0;}}
@keyframes archZoom{from{scale:1.22;}to{scale:1;}}

/* every page: the first section now rises over the ivory header as a sheet (motion.js drives --e) */
main > section:first-of-type{background-color:var(--ivory);}
main > section:first-of-type::before{left:calc(var(--gx) * (1 - var(--e)));right:calc(var(--gx) * (1 - var(--e)));
  border-radius:calc(var(--gr) * (1 - var(--e))) calc(var(--gr) * (1 - var(--e))) 0 0;
  box-shadow:0 -30px 70px -30px rgba(7,21,16,calc(.45 * (1 - var(--e))));}
.sec{padding:clamp(96px,11vw,160px) 0;}
.phero + .sec,main > section:first-of-type.sec{padding-top:clamp(88px,10vw,140px);}

/* ── home: figures ledger + practice tiles ── */
#what{padding-top:clamp(88px,10vw,140px);padding-bottom:clamp(96px,11vw,150px);}
.figs{display:grid;grid-template-columns:minmax(0,2.5fr) repeat(3,minmax(0,1fr));border-top:1px solid var(--line2);}
.fig{padding:30px 28px 0 0;}
.fig + .fig{padding-left:28px;box-shadow:inset 1px 0 0 var(--line2);}
.fig-n{display:block;font-family:var(--f-display);font-weight:400;font-size:clamp(48px,5.6vw,88px);line-height:.95;letter-spacing:-.045em;color:var(--cream);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;}
.fig-wide .fig-n{font-size:clamp(44px,4.9vw,76px);}
.fig-n i{font-size:.4em;letter-spacing:0;color:var(--gold);vertical-align:.5em;margin:0 .1em;}
.fig-l{display:block;margin-top:18px;font-size:14px;line-height:1.55;color:var(--muted);font-weight:400;max-width:17em;}
.bento{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(300px,auto));gap:18px;margin-top:clamp(64px,8vw,110px);}
.tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:clamp(28px,3vw,40px);
  border-radius:var(--r-xl);background:#0C2219;color:#F4EFE3;box-shadow:0 0 0 1px rgba(201,164,92,.16);}
.tile:first-child{grid-row:1 / span 2;min-height:640px;}
.tile-img{position:absolute;inset:0;z-index:-2;background:center/cover no-repeat;transform:scale(1.04);filter:saturate(.8) contrast(1.04);transition:transform 1.8s var(--spring),filter 1.2s var(--spring);}
.ti-acq .tile-img{background-image:url('img-pg-handshake-docs.jpg');}
.ti-exit .tile-img{background-image:url('img-pg-signing.jpg');}
.ti-cap .tile-img{background-image:url('img-city.jpg');}
.tile::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,21,16,.12) 0%,rgba(7,21,16,.5) 42%,rgba(7,21,16,.94) 100%);}
.tile:hover .tile-img{transform:scale(1.1);filter:saturate(.95) contrast(1.04);}
.tile .n{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#DDBF7E;}
.tile h3{font-size:clamp(28px,2.7vw,42px);line-height:1.04;letter-spacing:-.025em;margin:14px 0 12px;max-width:12em;color:#F4EFE3;}
.tile:first-child h3{font-size:clamp(36px,4.2vw,64px);}
.tile p{color:rgba(244,239,227,.8);font-size:15.5px;line-height:1.6;max-width:30em;font-weight:400;}
.tile-go{position:absolute;top:clamp(22px,2.4vw,30px);right:clamp(22px,2.4vw,30px);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;
  border:1px solid rgba(244,239,227,.28);background:rgba(7,21,16,.35);color:#F4EFE3;font-size:18px;transition:transform .7s var(--spring),background .5s var(--spring),color .5s,border-color .5s;}
.tile:hover .tile-go{transform:rotate(-45deg);background:#C9A45C;border-color:#C9A45C;color:#10231A;}
.tile:focus-visible{outline:2px solid #DDBF7E;outline-offset:4px;}

/* ── cards: soft containers with a concentric second edge (double bezel) ── */
.trio{gap:20px;}
.trio .item{position:relative;border-top:0;padding:34px 30px 34px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--cream) 4%,transparent);
  box-shadow:0 0 0 1px var(--line2),0 0 0 7px var(--sec-bg,#071510),0 0 0 8px color-mix(in srgb,var(--line2) 55%,transparent);
  transition:transform .7s var(--spring),box-shadow .7s var(--spring);}
.trio .item:hover{transform:translate3d(0,-4px,0);}
.trio{padding:8px;margin-left:-8px;margin-right:-8px;}
.trio .n{font-family:var(--f-display);font-size:30px;letter-spacing:-.02em;text-transform:none;font-weight:400;font-style:italic;margin-bottom:28px;color:var(--gold);}
.trio .item h3{font-size:clamp(23px,1.9vw,28px);line-height:1.15;}
.trio .item.dl::before,.trio .item.dl::after,.mo .trio .item.dl::after{display:none;}
.trio.six > .item:first-child:nth-last-child(5){grid-column:span 2;}
#what .trio .item + .item{box-shadow:none;}
/* about: the standard reads as words, not numbers */
#about-standard .trio .n,#about-what .trio .n{font-size:13px;font-style:normal;font-family:var(--f-body);letter-spacing:.2em;text-transform:uppercase;font-weight:600;}

/* home M&A: two doors */
.pair{gap:22px;border-top:0;margin-top:56px;padding:8px;margin-left:-8px;margin-right:-8px;}
.pair.dl::before{display:none;}
.pair .col,.pair .col+.col{padding:clamp(32px,3.6vw,52px);border:0;border-radius:var(--r-xl);background:#FBF8F1;
  box-shadow:0 0 0 1px var(--line2),0 0 0 8px var(--sec-bg),0 0 0 9px color-mix(in srgb,var(--line2) 60%,transparent),0 40px 70px -50px rgba(23,74,51,.45);}
.pair .col > p.eyebrow{font-family:var(--f-display);font-size:clamp(46px,5.4vw,84px);font-style:italic;font-weight:400;letter-spacing:-.04em;text-transform:none;line-height:1;color:var(--gold);}
.pair h3{font-size:clamp(24px,2.2vw,32px);margin:22px 0 14px;}
.pair p{font-size:16.5px;}

/* vertical step lists: big serif numerals */
.steps .sn,.sector .sn{font-family:var(--f-display);font-weight:400;letter-spacing:-.01em;}
.steps:not(.track) .sn{font-size:22px;}
.steps:not(.track) li{grid-template-columns:62px 1fr;}
.steps h3{font-size:clamp(23px,2vw,28px);}
.split-do{margin-top:56px;}
.do-cta{margin-top:36px;}

/* ── the signature: a process line that draws across the stages ── */
.process{margin-top:64px;}
.process .col-head{margin-bottom:56px;}
.toggle{gap:4px;padding:5px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2);}
.toggle button{border:0;border-radius:999px;padding:11px 20px;font-size:12px;letter-spacing:.08em;}
.toggle button.active{background:var(--gold);color:#10231A;}
.steps.track[hidden]{display:none;}
.steps.track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:0;padding:0;}
.steps.track::before,.steps.track::after{content:'';position:absolute;z-index:0;left:28px;right:0;top:27px;height:1px;background:var(--line2);pointer-events:none;}
.steps.track::after{height:2px;top:26.5px;background:linear-gradient(90deg,var(--gold-dim),var(--gold) 70%,#E6C98C);transform:scaleX(0);transform-origin:left center;transition:transform 2.4s cubic-bezier(.65,0,.35,1) .15s;}
.steps.track.lit::after{transform:scaleX(1);}
html:not(.mo) .steps.track::after{transform:scaleX(1);}
.steps.track > li{display:block;position:relative;z-index:1;padding:0 clamp(18px,2.4vw,40px) 0 0;border:0;--i:0;}
.steps.track > li:nth-child(2){--i:1;}.steps.track > li:nth-child(3){--i:2;}.steps.track > li:nth-child(4){--i:3;}.steps.track > li:nth-child(5){--i:4;}
.steps.track > li > *{transform:none!important;}
.steps.track .sn{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;font-size:19px;letter-spacing:0;color:var(--muted2);
  background:var(--sec-bg,#071510);box-shadow:inset 0 0 0 1px var(--line2);
  transition:background .7s var(--spring),color .7s var(--spring),box-shadow .9s var(--spring);transition-delay:calc(.25s + var(--i) * .62s);}
.steps.track.lit .sn{background:var(--gold);color:#10231A;box-shadow:inset 0 0 0 1px var(--gold),0 0 0 9px color-mix(in srgb,var(--gold) 16%,transparent);}
html:not(.mo) .steps.track .sn{background:var(--gold);color:#10231A;}
.steps.track h3{font-size:clamp(25px,2.3vw,34px);line-height:1.1;letter-spacing:-.02em;margin:34px 0 12px;}
.steps.track p{font-size:15px;line-height:1.6;color:var(--muted);max-width:19em;}
.mo .steps.track h3,.mo .steps.track p{opacity:.28;transition:opacity 1s var(--spring);transition-delay:calc(.35s + var(--i) * .62s);}
.mo .steps.track.lit h3,.mo .steps.track.lit p{opacity:1;}
.steps.track .stag{display:inline-block;margin-top:16px;font-size:10.5px;letter-spacing:.18em;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--gold) 12%,transparent);}
.steps.track li:hover > *{transform:none;}

/* who we work with: five tiles */
.who{margin-top:clamp(80px,9vw,130px);}
.aud.aud-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;border-top:0;padding:8px;margin:0 -8px;}
.aud.aud-tiles.dl::before{display:none;}
.aud-tiles li{border:0;padding:26px 22px 26px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--cream) 5%,transparent);box-shadow:0 0 0 1px var(--line2);
  display:flex;flex-direction:column;gap:10px;transition:transform .7s var(--spring),box-shadow .7s var(--spring);}
.aud-tiles li:hover{transform:translate3d(0,-4px,0);box-shadow:0 0 0 1px var(--gold-dim);}
.aud-tiles h3{font-size:21px;line-height:1.2;margin:0;}
.aud-tiles p{font-size:14px;line-height:1.6;}
.who .aud-foot{max-width:60em;margin-top:30px;}

/* ── sectors index ── */
.sector-list{margin-top:56px;}
.sector{grid-template-columns:110px minmax(0,1.05fr) minmax(0,1fr);gap:34px;padding:42px 0;align-items:baseline;}
.sector .sn{font-size:clamp(44px,4.6vw,70px);line-height:.9;letter-spacing:-.04em;color:var(--gold);padding-top:0;}
.sector h3{font-size:clamp(28px,3.1vw,46px);line-height:1.04;letter-spacing:-.028em;transition:transform .8s var(--spring),color .5s;}
.sector:hover h3{transform:translate3d(10px,0,0);color:var(--gold);}
.sector p{font-size:15.5px;}

/* ── home capital: a centered statement ── */
.sec-quiet{padding:clamp(110px,13vw,190px) 0;}
.wrap.quiet{display:block;text-align:center;max-width:1060px;}
.wrap.quiet > div{margin:0 auto;}
.wrap.quiet .eyebrow{margin:0 auto;}
.wrap.quiet h2{font-size:clamp(40px,5.6vw,84px);line-height:1.02;letter-spacing:-.036em;margin:26px auto 30px;max-width:13em;}
.wrap.quiet p:not(.eyebrow){font-size:19px;line-height:1.7;margin:0 auto 32px;max-width:38em;}

/* ── market outlook: photo cards with the image as a header ── */
.ol-grid{gap:22px;margin-top:48px;}
.ol-card{border:0;border-radius:var(--r-lg);overflow:hidden;min-height:440px;padding:0 26px 22px;background:color-mix(in srgb,var(--cream) 4%,var(--sec-bg,#071510));
  box-shadow:0 0 0 1px var(--line2);transition:transform .8s var(--spring),box-shadow .8s var(--spring);}
main > section:nth-of-type(even) .ol-card{background:#FBF8F1;}
.ol-card:hover{transform:translate3d(0,-6px,0);box-shadow:0 0 0 1px var(--gold-dim),0 40px 60px -40px rgba(7,21,16,.45);}
.ol-card.has-photo{padding-top:206px;}
.ol-card .ol-bg{inset:0 0 auto 0;height:186px;filter:saturate(.85) contrast(1.03);transform:scale(1.02);}
.ol-card.has-photo:hover .ol-bg{transform:scale(1.08);filter:saturate(1) contrast(1.03);}
.ol-card.has-photo::before,main > section:nth-of-type(even) .ol-card.has-photo::before{inset:0 0 auto 0;height:186px;background:linear-gradient(180deg,rgba(7,21,16,0) 40%,rgba(7,21,16,.35) 100%);opacity:1;}
.ol-card.has-photo:hover::before{opacity:1;}
.ol-card h3{font-size:24px;line-height:1.24;letter-spacing:-.015em;margin:16px 0 12px;}
.ol-src{border-top-color:var(--line2);}
.ol-edition{font-size:12px;letter-spacing:.14em;}

/* ── B2B niche grid (Sectors page): rounded cards with a second edge ── */
.niche-grid{gap:22px;padding:8px;margin-left:-8px;margin-right:-8px;}
.niche,.niche:hover{border:0;border-radius:var(--r-lg);padding:28px 26px 24px;background:color-mix(in srgb,var(--cream) 4%,var(--sec-bg,#071510));
  box-shadow:0 0 0 1px var(--line2),0 0 0 7px var(--sec-bg,#071510),0 0 0 8px color-mix(in srgb,var(--line2) 50%,transparent);}
main > section:nth-of-type(even) .niche{background:#FBF8F1;}
.niche{transition:transform .7s var(--spring);}
.niche:hover{transform:translate3d(0,-4px,0);box-shadow:0 0 0 1px var(--gold-dim),0 0 0 7px var(--sec-bg,#071510),0 0 0 8px color-mix(in srgb,var(--gold-dim) 50%,transparent);}
.niche h3{font-size:22px;letter-spacing:-.015em;}
.chips span,.niche .chips span{border-radius:999px;}
.niche-wrap{border-top:0;padding-top:0;margin-top:64px;}
.sector-read{border:0;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line2);}
.grp .gh{border-top:0;padding-top:0;}

/* ── capital page: the range is the headline ── */
.scale h2 em{font-size:clamp(64px,12.5vw,196px);line-height:.92;letter-spacing:-.05em;white-space:nowrap;margin-top:.12em;}
.scale h2{max-width:none;}

/* about: centered statement and leadership portraits */
.statement h2{font-size:clamp(44px,6.4vw,100px);line-height:1;letter-spacing:-.04em;max-width:13em;}
.team{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:980px;margin-top:56px;}
.tm-photo{border:0;border-radius:var(--r-xl);aspect-ratio:4/5;box-shadow:0 0 0 1px var(--line2),0 0 0 8px var(--sec-bg),0 0 0 9px color-mix(in srgb,var(--line2) 60%,transparent);}
.tm-photo img{object-position:center 18%;}
.tm h3{font-size:clamp(28px,2.6vw,36px);letter-spacing:-.02em;margin:30px 0 8px;}

/* ── inner page headers: ivory editorial headline, the page photo as a rounded panel below ── */
.phero{
  --cream:#0F3524;--muted:#2D5A43;--muted2:#56765F;--gold:#85651F;--gold-light:#7A5C25;--gold-dim:#B5A06C;--line:#E0D9C6;--line2:#D2CAB4;
  --panel:clamp(230px,34vh,400px);
  background:var(--ivory);color:var(--ink);}
.phero.has-img{padding:150px 0 calc(var(--panel) + 72px);}
.phero.has-img::after{content:none;}
.phero.has-img::before{inset:auto;top:auto;bottom:36px;height:var(--panel);
  left:max(32px,calc((100% - 1256px) / 2));right:max(32px,calc((100% - 1256px) / 2));
  border-radius:var(--r-xl);filter:saturate(.85) contrast(1.03);background-position:center 55%;
  box-shadow:0 0 0 1px rgba(133,101,31,.3),0 0 0 10px var(--ivory),0 0 0 11px rgba(133,101,31,.22),0 50px 90px -60px rgba(7,21,16,.75);
  transform:translate3d(0,calc(var(--py,0px) * -.35),0);}
.mo .phero.has-img::before{animation:panelIn 1.6s var(--spring) .2s both;}
@keyframes panelIn{from{opacity:0;translate:0 60px;scale:1;}to{opacity:1;translate:0 0;scale:1;}}
.phero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);column-gap:clamp(32px,6vw,110px);align-items:end;}
.phero .wrap > *{grid-column:1 / -1;}
.phero h1{font-size:clamp(46px,6.9vw,110px);line-height:.98;letter-spacing:-.042em;font-weight:400;margin:26px 0 40px;max-width:12.5em;color:var(--ink);}
.phero h1 em{color:var(--gold);}
.phero .wrap > .lede{grid-column:2;grid-row:3;margin:0;font-size:18px;line-height:1.65;color:var(--muted);max-width:32em;}
.phero .wrap > .btn-row{grid-column:1;grid-row:3;margin:0;align-self:end;}
.phero .wrap > .ol-edition{grid-column:2;grid-row:4;padding:18px 0 0!important;color:var(--muted2);}

/* ── closing call: cinematic photo, oversized type ── */
main > section.final{
  --cream:#F4EFE3;--muted:#C5CFC6;--muted2:#9DAEA1;--gold:#C9A45C;--gold-light:#DDBF7E;--gold-dim:#8E6F3C;--line:#14281D;--line2:#2A4434;
  min-height:min(92svh,860px);display:flex;align-items:center;color:#F4EFE3;padding:clamp(120px,14vw,200px) 0;}
main > section.final::before{background:linear-gradient(180deg,rgba(7,21,16,.62) 0%,rgba(7,21,16,.72) 55%,rgba(7,21,16,.96) 100%),url('img-pg-towers-up.jpg') center 45%/cover no-repeat,#071510;}
main > section.final > .wrap{width:100%;}
.final h2{font-size:clamp(52px,8.4vw,136px);line-height:.96;letter-spacing:-.045em;max-width:10.5em;margin-bottom:30px;}
.final p{font-size:19px;color:var(--muted);max-width:34em;}
main > section.final .btn-gold{background:#C9A45C;border-color:#C9A45C;color:#10231A;}
main > section.final .btn-gold .arrow{background:rgba(16,35,26,.14);color:#10231A;}
main > section.final .btn-gold:hover{background:#DDBF7E;border-color:#DDBF7E;color:#10231A;}
main > section.final .btn-ghost{border-color:rgba(244,239,227,.4);color:#F4EFE3;}
main > section.final .btn-ghost:hover{border-color:#DDBF7E;background:rgba(244,239,227,.06);color:#F4EFE3;}
.final .assure{margin-top:34px;color:rgba(244,239,227,.62);}

/* ── footer: quieter grid, the firm name set very large across the bottom ── */
.footer,main:has(> section:nth-of-type(even):last-of-type) + .footer{background-color:#071510;}
.footer{padding:104px 0 0;overflow:hidden;}
.foot-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:56px;}
.foot-brand{display:inline-flex;align-items:center;gap:14px;margin-bottom:22px;}
.foot-grid .foot-brand img{height:46px;margin:0;}
.foot-blurb{font-size:15px;max-width:24em;}
.foot-h{font-size:12px;letter-spacing:.14em;margin-bottom:18px;}
.foot-links a{font-size:15px;padding:6px 0;}
.disclosure{border-top-color:rgba(244,239,227,.08);}
.copyright{letter-spacing:.08em;}

/* ── section photo backgrounds keep the rounded sheet corners ── */
.sec-bg{border-radius:calc(var(--gr) * (1 - var(--e))) calc(var(--gr) * (1 - var(--e))) 0 0;}

/* ── tablets ── */
@media(max-width:1100px){
  .figs{grid-template-columns:repeat(3,minmax(0,1fr));}
  .fig-wide{grid-column:1 / -1;padding-bottom:30px;border-bottom:1px solid var(--line2);}
  .fig-wide + .fig{padding-left:0;box-shadow:none;}
  .aud.aud-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
  .aud-tiles li:last-child{grid-column:1 / -1;}
  .hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);}
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;min-height:0;gap:56px;}
  .hero.hero-v2{padding:118px 0 56px;}
  .hero-media{height:min(118vw,620px);min-height:0;margin:0 6px;}
  .bento{grid-template-columns:1fr;grid-template-rows:none;}
  .tile:first-child{grid-row:auto;min-height:440px;}
  .tile{min-height:340px;}
  .steps.track{grid-template-columns:1fr;gap:44px;}
  .steps.track::before,.steps.track::after{left:27px;right:auto;top:28px;bottom:28px;width:1px;height:auto;}
  .steps.track::after{width:2px;left:26.5px;transform:scaleY(0);transform-origin:center top;}
  .steps.track.lit::after,html:not(.mo) .steps.track::after{transform:scaleY(1);}
  .steps.track > li{padding:0 0 0 84px;min-height:56px;}
  .steps.track .sn{position:absolute;left:0;top:0;}
  .steps.track h3{margin:10px 0 10px;}
  .sector{grid-template-columns:72px minmax(0,1fr);gap:12px 18px;}
  .phero .wrap{grid-template-columns:1fr;}
  .phero .wrap > *,.phero .wrap > .lede,.phero .wrap > .btn-row,.phero .wrap > .ol-edition{grid-column:1;grid-row:auto;}
  .phero .wrap > .btn-row{margin-top:28px;}
  .trio.six > .item:first-child:nth-last-child(5){grid-column:auto;}
}
/* ── phones ── */
@media(max-width:640px){
  .sec h2{font-size:clamp(36px,10vw,48px);}
  .sec p.body{font-size:16.5px;}
  .hero.hero-v2{padding:104px 0 44px;}
  .hero-grid{padding:0 20px;gap:44px;}
  .hero-v2 h1{font-size:clamp(46px,13.2vw,64px);margin:22px 0 24px;}
  .hero-v2 h1 .row2{font-size:20px;}
  .hero-v2 .lede{font-size:16.5px;margin-bottom:30px;}
  .hero-media{height:118vw;margin:0 4px;}
  .btn{width:100%;justify-content:space-between;min-height:56px;font-size:15px;}
  .btn:not(:has(.arrow)){justify-content:center;}
  .hero-v2 .btn,.phero .btn,.final .btn,.hero-ctas .btn{padding:8px 8px 8px 24px;justify-content:space-between;}
  .hero-ctas .btn:not(:has(.arrow)){justify-content:center;padding:8px 24px;}
  .figs{grid-template-columns:1fr 1fr;}
  .fig,.fig + .fig{padding:24px 16px 0 0;box-shadow:none;}
  .fig-wide{grid-column:1 / -1;}
  .fig-n{font-size:clamp(46px,13vw,60px);}
  .fig-wide .fig-n{font-size:clamp(40px,11.4vw,56px);}
  .fig:last-child{grid-column:1 / -1;}
  .tile{padding:26px;min-height:300px;}
  .tile:first-child{min-height:380px;}
  .trio .item{padding:28px 24px;}
  .pair .col,.pair .col+.col{padding:30px 24px;}
  .aud.aud-tiles{grid-template-columns:1fr;}
  .sector{grid-template-columns:1fr;padding:32px 0;}
  .sector p,.sector .net{grid-column:1;}
  .sector .sn{font-size:40px;}
  .ol-card.has-photo{padding-top:190px;}
  .ol-card .ol-bg,.ol-card.has-photo::before,main > section:nth-of-type(even) .ol-card.has-photo::before{height:170px;}
  .ol-card{min-height:0;padding-left:22px;padding-right:22px;}
  .phero{--panel:210px;}
  .phero.has-img,.phero{padding:112px 0 calc(var(--panel) + 52px);}
  .phero.has-img::before{left:16px;right:16px;bottom:24px;border-radius:var(--r-lg);box-shadow:0 0 0 1px rgba(133,101,31,.3),0 0 0 7px var(--ivory),0 0 0 8px rgba(133,101,31,.22);}
  .phero h1{font-size:clamp(42px,11.6vw,56px);margin:20px 0 22px;}
  .phero .wrap > .lede{font-size:16.5px;}
  .final h2{font-size:clamp(44px,12.4vw,60px);}
  .final p{font-size:16.5px;}
  main > section.final{min-height:0;}
  .scale h2 em{font-size:clamp(46px,13.4vw,72px);}
  .statement h2{font-size:clamp(38px,10.4vw,52px);}
  .team{grid-template-columns:1fr;max-width:440px;}
  .footer{padding-top:72px;}
  .foot-grid{grid-template-columns:1fr;gap:36px;}
    .toggle button{padding:10px 14px;letter-spacing:.06em;}
}
@media(max-width:380px){
  .hero-v2 h1{font-size:12.4vw;}
  .btn{font-size:14px;}
}
@media(prefers-reduced-motion:reduce){
  html .hero-media,html .arch video,.mo .phero.has-img::before{animation:none!important;opacity:1!important;translate:none!important;scale:none!important;}
  .steps.track::after{transform:scaleX(1);}
  .tile:hover .tile-img,.ol-card.has-photo:hover .ol-bg{transform:scale(1.04);}
}
@media(prefers-reduced-motion:reduce) and (max-width:900px){.steps.track::after{transform:scaleY(1);}}

/* service groups (Capital, M&A pages): the group name is a serif heading that stays in view beside its list */
.grp{align-items:start;}
.grp .gh{position:sticky;top:112px;padding-top:22px;}
.grp .gh .eyebrow{font-family:var(--f-display);font-size:clamp(26px,2.4vw,36px);line-height:1.12;letter-spacing:-.02em;text-transform:none;font-weight:400;color:var(--cream);max-width:12em;}
.has-bg .trio .item{box-shadow:0 0 0 1px var(--line2);background:rgba(7,21,16,.55);}
@media(max-width:900px){.grp .gh{position:static;}.grp .gh .eyebrow{font-size:26px;}}
/* niche grids never leave an empty cell in the last row */
@media(min-width:1001px){
  .niche-grid > .niche:last-child:nth-child(3n+2){grid-column:span 2;}
  .niche-grid > .niche:last-child:nth-child(3n+1){grid-column:1 / -1;}
}
@media(max-width:1000px) and (min-width:641px){
  .niche-grid > .niche:last-child:nth-child(2n+1){grid-column:1 / -1;}
}

/* =====================================================================
   V4 (Oct 12 2026, Sumeet: "everything was great on version 2", with four changes)
   1. Home hero: the bridge plays full-bleed behind the V2 headline (no ivory, no arch).
   2. Footer: the giant wordmark is gone.
   3. Type: V5 returns to the live Newsreader + Montserrat (see the V5 block below).
   4. Footer address: 136 Madison Avenue, New York, NY.
   ===================================================================== */

/* (type and shape rules for V5 are in the block at the end of this file) */

/* ── 1. home hero: bridge video full-bleed behind the V2 headline ── */
.hero.hero-v2.hero-bg{
  --cream:#F4EFE3;--muted:#C9D2C9;--muted2:#9DAEA1;--gold:#C9A45C;--gold-light:#DDBF7E;--gold-dim:#8E6F3C;--line:#14281D;--line2:#2A4434;
  background:#071510;color:#F4EFE3;isolation:isolate;}
.hero-bgmedia{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#071510 url('img-bridge-hero.jpg') 62% 50%/cover no-repeat;}
.hero-bgmedia video{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:translate3d(0,calc(var(--py,0px) * .45),0) scale(1.04);}
.hero.hero-v2.hero-bg::after{content:'';display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(0deg,#071510 0%,rgba(7,21,16,0) 30%),
  linear-gradient(180deg,rgba(7,21,16,.55) 0%,rgba(7,21,16,0) 22%),
  linear-gradient(100deg,rgba(7,21,16,.93) 0%,rgba(7,21,16,.8) 36%,rgba(7,21,16,.38) 68%,rgba(7,21,16,.22) 100%);}
html.mo.pre .hero-bgmedia{opacity:0;}
html.mo:not(.pre) .hero-bgmedia{animation:bgSettleV4 2.6s var(--spring) .1s both;}
@keyframes bgSettleV4{from{opacity:0;scale:1.08;}to{opacity:1;scale:1;}}
.hero-bg .hero-grid{grid-template-columns:minmax(0,1fr);}
.hero-bg .hero-copy{max-width:880px;}
.hero-bg h1{color:#F4EFE3;}
.hero-bg h1 em{color:#C9A45C;}
.hero-bg h1 .row2{color:rgba(244,239,227,.78);}
.hero-bg .lede{color:rgba(244,239,227,.84);max-width:33em;}
.hero-bg .btn-gold{background:#C9A45C;border-color:#C9A45C;color:#10231A;}
.hero-bg .btn-gold .arrow{background:rgba(16,35,26,.14);color:#10231A;}
.hero-bg .btn-gold:hover{background:#DDBF7E;border-color:#DDBF7E;color:#10231A;}
.hero-bg .btn-ghost{border-color:rgba(244,239,227,.42);color:#F4EFE3;background:rgba(7,21,16,.2);}
.hero-bg .btn-ghost:hover{border-color:#DDBF7E;color:#F4EFE3;background:rgba(244,239,227,.06);}
.hero-bg .glow{display:block;}
/* the floating nav over the video: a lighter glass island with a gold hairline until the page scrolls */
.home-dark .nav:not(.scrolled):not(.open)::before{background:rgba(7,21,16,.4);
  box-shadow:inset 0 1px 0 rgba(244,239,227,.10),0 0 0 1px rgba(221,191,126,.26),0 24px 48px -24px rgba(3,10,7,.5);}
/* the figures band continues straight out of the video's fade, its hairline drawing in */
.home-dark main > section:first-of-type{background-color:#071510;}
.home-dark main > section:first-of-type::before{left:0;right:0;border-radius:0;box-shadow:none;}
.home-dark #what{padding-top:clamp(16px,2.5vw,40px);}
@media(max-width:900px){
  .hero.hero-v2.hero-bg{min-height:100svh;display:flex;align-items:flex-end;padding:120px 0 52px;}
  .hero-bg .hero-grid{min-height:0;width:100%;}
  .hero.hero-v2.hero-bg::after{background:
    linear-gradient(0deg,#071510 0%,rgba(7,21,16,.82) 34%,rgba(7,21,16,.4) 68%,rgba(7,21,16,.38) 100%);}
  .hero-bgmedia,.hero-bgmedia video{background-position:50% 50%;object-position:50% 50%;}
}
@media(prefers-reduced-motion:reduce){html .hero-bgmedia{animation:none!important;opacity:1!important;}}

/* ── 2 + 4. footer: no wordmark, address under the firm blurb ── */
.footer{padding:104px 0 52px;}
.foot-addr{margin-top:18px;font-style:normal;font-size:15px;line-height:1.6;color:var(--muted);}
@media(max-width:640px){.footer{padding:72px 0 40px;}}
/* the capital range may wrap on small phones rather than overflow */
@media(max-width:640px){.scale h2 em{font-size:clamp(38px,11.2vw,64px);white-space:normal;}}

/* ── V5 (Oct 12 2026, Sumeet: "go back to this font, go lighter on the bubbly stuff") ──
   The live site's Newsreader + Montserrat on the V2/V4 structure.
   V6 (Sumeet: cream background, V2's "edges and nice little curves"): V2's rounded frames and floating nav are back. */
:root{
  --f-display:'Newsreader',Georgia,serif;
  --f-body:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;
}

/* ── type: the live treatments ── */
body{font-weight:300;font-size:17px;line-height:1.75;letter-spacing:0;}
h1,h2,h3{font-family:var(--f-display);font-weight:500;letter-spacing:-.01em;}
h1 em,h2 em{font-style:italic;color:var(--gold);}
.phero h1{font-size:clamp(40px,6vw,80px);line-height:1.06;letter-spacing:-.01em;font-weight:500;}
.sec h2{font-size:clamp(32px,4.4vw,58px);line-height:1.1;letter-spacing:-.01em;font-weight:500;margin:20px 0 26px;}
.final h2{font-size:clamp(34px,5vw,66px);line-height:1.1;letter-spacing:-.01em;font-weight:500;}
.statement h2{font-size:clamp(34px,4.8vw,64px);line-height:1.1;letter-spacing:-.01em;font-weight:500;}
.wrap.quiet h2{font-size:clamp(30px,3.8vw,52px);line-height:1.12;letter-spacing:-.01em;font-weight:500;}
.scale h2 em{font-size:clamp(56px,10vw,150px);letter-spacing:-.02em;font-weight:500;}
.fig-n{font-weight:400;letter-spacing:-.02em;font-size:clamp(46px,5vw,80px);}
.fig-wide .fig-n{font-size:clamp(42px,4.4vw,70px);}
.tile h3{font-weight:500;letter-spacing:-.01em;font-size:clamp(26px,2.4vw,38px);}
.tile:first-child h3{font-size:clamp(32px,3.4vw,52px);}
.sector .sn{font-weight:400;letter-spacing:-.01em;}
.sector h3{font-weight:500;letter-spacing:-.01em;}
.steps.track h3{font-weight:500;letter-spacing:-.01em;}
.pair .col > p.eyebrow{font-weight:400;letter-spacing:-.02em;}
.trio .n{font-family:var(--f-body);font-size:11px;font-style:normal;letter-spacing:.3em;text-transform:uppercase;font-weight:600;margin-bottom:22px;}
.grp .gh .eyebrow{font-weight:500;letter-spacing:-.01em;}
.brand-name .bn1{font-weight:500;letter-spacing:.01em;}
/* eyebrows: plain uppercase tracked gold text (no capsules) */
.eyebrow,.sec > .wrap > p.eyebrow,.hero .wrap > .eyebrow,.phero .wrap > .eyebrow,.quiet .eyebrow,.ol-head .eyebrow{
  display:block;width:auto;padding:0;border:0;background:none;border-radius:0;
  font-family:var(--f-body);font-size:11px;letter-spacing:.32em;text-transform:uppercase;font-weight:600;line-height:1.75;color:var(--gold);}
.sec > .wrap > p.eyebrow::before,.hero .wrap > .eyebrow::before,.phero .wrap > .eyebrow::before,.quiet .eyebrow::before,.ol-head .eyebrow::before{content:none;display:none;}
.statement > .wrap > p.eyebrow,.scale > .wrap > p.eyebrow,.wrap.quiet .eyebrow{text-align:center;}
.tile .n,.foot-h,.ol-meta,.sr-label{letter-spacing:.28em;font-weight:600;}

/* ── buttons and links (V6): V2's rounded pills, the live uppercase tracked Montserrat labels, arrow in a circle on the primary ── */
.btn{border-radius:999px;text-transform:uppercase;font-family:var(--f-body);font-size:12px;letter-spacing:.2em;font-weight:600;gap:16px;min-height:56px;padding:8px 8px 8px 28px;}
.btn:not(:has(.arrow)){padding:8px 30px;}
.btn .arrow{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:rgba(16,35,26,.14);font-size:15px;letter-spacing:0;line-height:1;}
.btn:hover .arrow{transform:translate3d(3px,-1px,0) scale(1.06);}
.btn:active{transform:scale(.98);}
.tlink{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;}
.toggle button{font-size:10.5px;letter-spacing:.16em;}
@media(max-width:640px){
  .btn,.hero-ctas .btn,.phero .btn,.final .btn{width:100%;justify-content:space-between;padding:8px 8px 8px 24px;letter-spacing:.16em;}
  .btn:not(:has(.arrow)),.hero-ctas .btn:not(:has(.arrow)){justify-content:center;padding:8px 24px;}
}

/* (V7: the nav is V2's dark forest island again, as Sumeet asked; the V6 cream nav was removed) */

/* ── home hero (V6): cream paper, the bridge video melting into it from the lower right ── */
.hero.hero-bg{
  --cream:#0F3524;--muted:#2D5A43;--muted2:#56765F;--gold:#85651F;--gold-light:#7A5C25;--gold-dim:#B5A06C;--line:#E0D9C6;--line2:#D2CAB4;
  min-height:max(700px,100svh);display:flex;align-items:center;padding:140px 0 110px;background:#F4EFE3;color:#0F3524;}
.hero.hero-bg::before{content:none;}
.hero.hero-bg::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(0deg,#F4EFE3 0%,rgba(244,239,227,0) 18%),
  linear-gradient(90deg,rgba(244,239,227,.9) 0%,rgba(244,239,227,.55) 40%,rgba(244,239,227,0) 62%);}
.hero-bgmedia{inset:0;left:auto;width:66%;background:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 34%,#000 58%),linear-gradient(180deg,transparent 0%,transparent 34%,rgba(0,0,0,.75) 56%,#000 72%,rgba(0,0,0,.6) 88%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.6) 34%,#000 58%),linear-gradient(180deg,transparent 0%,transparent 34%,rgba(0,0,0,.75) 56%,#000 72%,rgba(0,0,0,.6) 88%,transparent 100%);
  mask-composite:intersect;}
.hero-bgmedia video{object-position:40% 62%;filter:saturate(.9) contrast(1.02);}
.hero-bg .glow{display:none;}
.hero.hero-bg .wrap{max-width:1180px;width:100%;}
.hero.hero-bg h1{font-size:clamp(42px,6.2vw,84px);line-height:1.06;font-weight:500;letter-spacing:-.01em;max-width:16em;margin:26px 0 30px;color:#0F3524;}
.hero.hero-bg h1 .row2{display:block;font-style:italic;font-weight:500;color:#85651F;font-size:.5em;line-height:1.25;margin-top:.5em;letter-spacing:0;}
.hero.hero-bg .eyebrow{color:#85651F;}
.hero.hero-bg .lede{font-size:19px;line-height:1.7;color:#2D5A43;max-width:34em;margin-bottom:46px;font-weight:400;}
.hero.hero-bg .hero-ctas{gap:14px;margin-bottom:40px;}
.hero.hero-bg .assure{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#56765F;}
.hero-bg .btn-gold{background:#123D2A;border-color:#123D2A;color:#F4EFE3;}
.hero-bg .btn-gold .arrow{background:#C9A45C;color:#10231A;}
.hero-bg .btn-gold:hover{background:#0B2A1C;border-color:#0B2A1C;color:#F4EFE3;}
.hero-bg .btn-ghost{background:rgba(244,239,227,.6);border-color:rgba(18,61,42,.3);color:#123D2A;}
.hero-bg .btn-ghost:hover{border-color:#123D2A;background:rgba(244,239,227,.9);color:#0B2A1C;}
html.mo.pre .hero-bgmedia{opacity:0;}
@media(max-width:900px){
  .hero.hero-bg{align-items:flex-start;min-height:0;padding:300px 0 52px;}
  .hero-bgmedia{left:0;right:0;width:100%;bottom:auto;height:360px;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 48%,rgba(0,0,0,.4) 74%,transparent 100%);-webkit-mask-composite:source-over;
    mask-image:linear-gradient(180deg,#000 0%,#000 48%,rgba(0,0,0,.4) 74%,transparent 100%);mask-composite:add;}
  .hero-bgmedia video{object-position:50% 55%;}
  .hero.hero-bg::after{background:linear-gradient(180deg,rgba(244,239,227,0) 0%,rgba(244,239,227,0) 150px,rgba(244,239,227,.7) 270px,#F4EFE3 340px);}
}

/* ── optional gold highlight behind "Capital." (off unless ?hl=1, 2 or 3) ── */
.hero h1 em.hl-word{font-style:normal;color:inherit;letter-spacing:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat;}
html[data-hl="1"] .hero h1 em.hl-word{color:#0E2A1F;padding:0 .12em .02em;background-image:linear-gradient(#C9A45C,#C9A45C);background-size:100% 100%;box-shadow:.08em .08em 0 0 rgba(201,164,92,.3);}
html[data-hl="2"] .hero h1 em.hl-word{padding:0 .05em;background-image:linear-gradient(rgba(201,164,92,.55),rgba(201,164,92,.55));background-size:100% 36%;background-position:0 86%;}
html[data-hl="3"] .hero h1 em.hl-word{color:#85651F;text-shadow:0 0 .6em rgba(201,164,92,.45);}
html[data-hl="3"] .hero.hero-bg h1{position:relative;z-index:0;isolation:isolate;}
html[data-hl="3"] .hero.hero-bg h1::before{content:'';position:absolute;z-index:-1;left:-8%;right:-6%;top:-40%;bottom:-30%;pointer-events:none;
  background:radial-gradient(ellipse 55% 60% at 50% 45%,rgba(201,164,92,.2),rgba(201,164,92,.07) 45%,rgba(201,164,92,0) 72%);filter:blur(6px);}
.mo[data-hl="1"] .hero .wd:not(.in) em.hl-word{background-size:0% 100%;box-shadow:none;}
.mo[data-hl="1"] .hero .wd.in em.hl-word{animation:hlDraw1 1s cubic-bezier(.65,0,.35,1) .5s both;}
@keyframes hlDraw1{0%{background-size:0% 100%;box-shadow:0 0 0 0 rgba(201,164,92,0);}100%{background-size:100% 100%;box-shadow:.08em .08em 0 0 rgba(201,164,92,.3);}}
.mo[data-hl="2"] .hero .wd:not(.in) em.hl-word{background-size:0% 36%;}
.mo[data-hl="2"] .hero .wd.in em.hl-word{animation:hlDraw2 1.1s cubic-bezier(.65,0,.35,1) .55s both;}
@keyframes hlDraw2{from{background-size:0% 36%;}to{background-size:100% 36%;}}
.mo[data-hl="3"] .hero h1::before{opacity:0;transition:opacity 2s ease .4s;}
.mo[data-hl="3"] .hero h1.in::before{opacity:1;}
@media(prefers-reduced-motion:reduce){.hero h1 em.hl-word{animation:none!important;}}

/* =====================================================================
   V5 mobile pass (Oct 12 2026, Sumeet: "make sure the website is mobile-formatted ... not a stupid
   amount of open space ... structured and clear, and visibility is there").
   Phones only (and a light tablet touch); desktop is unchanged.
   ===================================================================== */
@media(max-width:640px){
  /* rhythm: about 56px between sections, 20px gutters, no inset "sheets" */
  main > section,.footer{--gx:8px;--gr:22px;}
  .wrap{padding:0 20px;}
  .sec,.phero + .sec,main > section:first-of-type.sec{padding:56px 0;}
  .sec-quiet{padding:64px 0;}
  #what,.home-dark #what{padding:12px 0 56px;}
  main > section.final{min-height:0;padding:72px 0;}
  .sec h2{font-size:clamp(29px,8.2vw,36px);line-height:1.14;margin:12px 0 16px;}
  .sec h2 br{display:none;}
  main [style*="margin-top:56px"],main [style*="margin-top:48px"]{margin-top:28px!important;}
  main [style*="margin-top:44px"],main [style*="margin-top:34px"]{margin-top:24px!important;}
  .grp{margin-top:36px;}
  .grp .gh .eyebrow{font-size:22px;}
  .chips-wrap{margin-top:40px;padding-top:24px;}
  .niche-wrap{margin-top:40px;}
  .niche-grid{gap:12px;margin-top:20px;}
  .sector-deep{margin-top:32px;gap:28px;}
  .sec-more{margin-top:28px;}
  .split-do{margin-top:28px;}
  .do-cta{margin-top:24px;}
  .process{margin-top:32px;}
  .process .col-head{margin-bottom:28px;}
  .who{margin-top:56px;}
  .bento{margin-top:36px;gap:12px;}
  .ol-grid{margin-top:24px;gap:14px;}
  .ol-head{gap:4px;}
  .team{margin-top:28px;gap:28px;}
  .sector-list{margin-top:28px;}
  .sector{padding:24px 0;gap:6px;}
  .sector .sn{font-size:34px;}
  .sector h3{font-size:24px;}
  .steps li{padding:18px 0;}
  .steps.track{gap:28px;}
  .trio{gap:12px;}
  .trio .item{padding:24px 22px;}
  .trio .n{margin-bottom:14px;}
  .aud.aud-tiles{gap:10px;}
  .aud-tiles li{padding:20px;}
  .pair{margin-top:28px;gap:14px;}
  .pair .col,.pair .col+.col{padding:26px 22px;}
  .pair .col > p.eyebrow{font-size:40px;}

  /* readable body copy: 16px minimum, comfortable line height */
  .sec p.body,.trio p,.steps p,.aud p,.niche p,.ol-card p,.sector p,.pair p,.tile p,.bul li,.ol-deep p,.ol-points li,.tm p,.grp-note,.wrap.quiet p:not(.eyebrow),.final p,.phero .wrap > .lede,.hero.hero-bg .lede{font-size:16px;line-height:1.65;}
  .fig-l{font-size:14px;}
  /* everything readable at once: no dimmed scroll-lit words, faster reveals */
  .mo .scrub .sw{opacity:1!important;}
  .mo .rv{transition-duration:.6s,.7s;}
  .mo .wd .wi{transition-duration:.6s,.7s;}

  /* home hero: video band on top melting into cream, text below, buttons on the first screen */
  .hero.hero-bg{padding:262px 0 44px;}
  .hero-bgmedia{height:320px;}
  .hero.hero-bg::after{background:linear-gradient(180deg,rgba(244,239,227,0) 0%,rgba(244,239,227,0) 130px,rgba(244,239,227,.72) 240px,#F4EFE3 300px);}
  .hero.hero-bg h1{font-size:clamp(36px,10.6vw,44px);margin:14px 0 18px;}
  .hero.hero-bg .lede{margin-bottom:24px;}
  .hero.hero-bg .hero-ctas{margin-bottom:20px;gap:10px;}
  .hero.hero-bg .assure{letter-spacing:.1em;font-size:10.5px;}

  /* numbers: range across the top, then 4 and 6 side by side, then 2 with its line beside it */
  .figs{grid-template-columns:1fr 1fr;column-gap:16px;}
  .fig,.fig + .fig{padding:20px 0 0;box-shadow:none;}
  .fig-wide{grid-column:1 / -1;padding-bottom:20px;border-bottom:1px solid var(--line2);}
  .fig-wide .fig-n{font-size:clamp(38px,11vw,48px);}
  .fig-n{font-size:46px;}
  .fig-l{margin-top:8px;}
  .fig:last-child{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin-top:8px;padding-top:20px;border-top:1px solid var(--line2);}
  .fig:last-child .fig-l{margin-top:0;max-width:none;}

  /* tiles and cards: consistent stacked spacing */
  .tile{min-height:250px;padding:22px;}
  .tile:first-child{min-height:300px;}
  .tile h3{font-size:26px;margin:10px 0 8px;}
  .tile:first-child h3{font-size:30px;}
  .tile-go{top:16px;right:16px;}
  .ol-card.has-photo{padding-top:168px;}
  .ol-card .ol-bg,.ol-card.has-photo::before,main > section:nth-of-type(even) .ol-card.has-photo::before{height:150px;}
  .ol-card{padding-left:20px;padding-right:20px;}
  .ol-card h3{font-size:21px;}

  /* inner page headers: tighter, smaller photo panel */
  .phero{--panel:180px;}
  .phero.has-img,.phero{padding:104px 0 calc(var(--panel) + 40px);}
  .phero.has-img::before{left:20px;right:20px;bottom:20px;}
  .phero h1{font-size:clamp(34px,9.6vw,40px);margin:14px 0 18px;}
  .phero .wrap > .btn-row{margin-top:22px;}

  /* closing and statements */
  .final h2{font-size:clamp(32px,9vw,40px);margin-bottom:18px;}
  .final p{margin-bottom:28px;}
  .statement h2{font-size:clamp(30px,8.6vw,38px);}
  .wrap.quiet h2{font-size:clamp(29px,8.2vw,36px);margin:12px auto 18px;}
  .scale{padding:56px 0;}

  /* tap targets: 44px minimum */
  .tlink{min-height:44px;align-items:flex-end;font-size:11.5px;letter-spacing:.14em;line-height:1.4;}
  .toggle button{min-height:44px;}
  .btn{min-height:52px;}
  .foot-links a{padding:10px 0;}

  /* footer: compact, two link columns side by side, address readable */
  .footer{padding:52px 0 32px;}
  .foot-grid{grid-template-columns:1fr 1fr;gap:28px 16px;}
  .foot-grid > div:first-child{grid-column:1 / -1;}
  .foot-brand{margin-bottom:14px;}
  .foot-addr{font-size:15px;margin-top:12px;color:var(--cream);}
  .foot-h{margin-bottom:6px;}
  .disclosure{margin-top:32px;padding-top:20px;font-size:12px;}
}
@media(max-width:380px){
  .wrap{padding:0 18px;}
  .hero.hero-bg h1{font-size:34px;}
  .sec h2{font-size:28px;}
  .fig-wide .fig-n{font-size:36px;}
  .tile h3{font-size:24px;}
  .btn,.hero-ctas .btn,.phero .btn,.final .btn{letter-spacing:.1em;font-size:11.5px;padding:16px 10px;}
}
/* tablet: trim the largest gaps a little */
@media(min-width:641px) and (max-width:900px){
  .sec{padding:88px 0;}
  main > section.final{min-height:0;padding:100px 0;}
}

/* =====================================================================
   V7 (Oct 12 2026, Sumeet): green nav again (V2 island above), and the bridge sits BEHIND the
   headline across the whole hero under a translucent cream wash, so it still reads as the cream
   design while the bridge and city stay visible. ?bg=video (default) or ?bg=photo.
   ===================================================================== */
.hero-bgmedia,.hero-bgmedia{inset:0;left:0;right:0;width:auto;height:auto;bottom:0;
  -webkit-mask-image:none;mask-image:none;background:#1B2A22 url('img-bridge-hero.jpg') 50% 55%/cover no-repeat;}
.hero-bgmedia video{object-position:50% 55%;filter:saturate(.85) sepia(.12);}
html[data-bg="photo"] .hero-bgmedia{background-image:url('img-bridge.jpg');background-position:50% 62%;}
html[data-bg="photo"] .hero-bgmedia video{display:none;}
.hero-bgmedia::after{content:'';position:absolute;inset:0;pointer-events:none;background:rgba(244,239,227,.0);}
/* the cream wash: firm behind the text column and the headline band, lighter toward the lower right where the bridge shows */
.hero.hero-bg::after{background:
  linear-gradient(0deg,#F4EFE3 0%,rgba(244,239,227,0) 16%),
  linear-gradient(180deg,rgba(244,239,227,.5) 0%,rgba(244,239,227,.42) 46%,rgba(244,239,227,0) 66%),
  linear-gradient(90deg,rgba(244,239,227,.8) 0%,rgba(244,239,227,.72) 42%,rgba(244,239,227,.46) 72%,rgba(244,239,227,.34) 100%);}
@media(max-width:900px){
  .hero.hero-bg{padding:128px 0 52px;}
  .hero-bgmedia{height:auto;bottom:0;}
  .hero.hero-bg::after{background:
    linear-gradient(0deg,#F4EFE3 0%,rgba(244,239,227,0) 12%),
    linear-gradient(180deg,rgba(244,239,227,.42) 0%,rgba(244,239,227,.62) 30%,rgba(244,239,227,.78) 55%,rgba(244,239,227,.82) 100%);}
}
@media(max-width:640px){
  .hero.hero-bg{padding:112px 0 44px;}
}
.hero.hero-bg .assure{color:#2D5A43;font-weight:500;}
.hero.hero-bg .lede{color:#1F4A35;}
/* V7 contrast tuning: firmer cream under the text column, a deeper gold for the small hero text */
.hero.hero-bg::after{background:
  linear-gradient(0deg,#F4EFE3 0%,rgba(244,239,227,0) 16%),
  linear-gradient(180deg,rgba(244,239,227,.45) 0%,rgba(244,239,227,.38) 46%,rgba(244,239,227,0) 66%),
  linear-gradient(90deg,rgba(244,239,227,.9) 0%,rgba(244,239,227,.86) 44%,rgba(244,239,227,.52) 66%,rgba(244,239,227,.3) 100%);}
.hero.hero-bg .eyebrow{color:#6F5216;}
.hero.hero-bg h1 .row2{color:#7A5A1C;}
@media(max-width:900px){
  .hero.hero-bg{padding:210px 0 52px;}
  .hero.hero-bg::after{background:
    linear-gradient(0deg,#F4EFE3 0%,rgba(244,239,227,0) 10%),
    linear-gradient(180deg,rgba(244,239,227,.2) 0%,rgba(244,239,227,.3) 120px,rgba(244,239,227,.86) 200px,rgba(244,239,227,.88) 100%);}
}
@media(max-width:640px){
  .hero.hero-bg{padding:200px 0 40px;}
}
/* the confidential line: darker and readable everywhere (desktop and phones) */
.hero.hero-bg .assure{color:#1F4A35;font-weight:500;}
@media(min-width:768px){
  .hero.hero-bg::after{background:
    linear-gradient(0deg,#F4EFE3 0%,rgba(244,239,227,.86) 14%,rgba(244,239,227,0) 30%),
    linear-gradient(180deg,rgba(244,239,227,.45) 0%,rgba(244,239,227,.38) 46%,rgba(244,239,227,0) 66%),
    linear-gradient(90deg,rgba(244,239,227,.92) 0%,rgba(244,239,227,.88) 44%,rgba(244,239,227,.52) 66%,rgba(244,239,227,.3) 100%);}
}

/* =====================================================================
   V8 phones (Sumeet: "make the tint a little bit darker, a little bit bolder ... show a little side
   of the video ... one-third or one and a half-thirds of the page"): the bridge is a rich band across
   the top third of the phone hero, under the green nav, melting into clean cream; the headline and
   everything below sit on solid cream. Desktop keeps the V7 full-width bridge.
   ===================================================================== */
@media(max-width:767px){
  html:not([data-layout="full"]) .hero.hero-bg{padding:330px 0 36px;}
  html:not([data-layout="full"]) .hero-bgmedia{top:0;bottom:auto;left:0;right:0;height:340px;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 64%,rgba(0,0,0,.55) 82%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 64%,rgba(0,0,0,.55) 82%,transparent 100%);
    -webkit-mask-composite:source-over;mask-composite:add;}
  html:not([data-layout="full"]) .hero-bgmedia video{object-position:50% 60%;filter:saturate(.95) sepia(.08);}
  html[data-bg="photo"]:not([data-layout="full"]) .hero-bgmedia{background-position:46% 60%;}
  /* a light warm tint over the band only (the image stays bold); the rest of the hero is plain cream */
  html:not([data-layout="full"]) .hero.hero-bg::after{background:linear-gradient(180deg,rgba(244,239,227,.06) 0%,rgba(244,239,227,.12) 210px,rgba(244,239,227,0) 340px);}
}
@media(max-width:380px){
  html:not([data-layout="full"]) .hero.hero-bg{padding-top:296px;}
  html:not([data-layout="full"]) .hero-bgmedia{height:318px;}
}

/* =====================================================================
   V8 desktop default (Sumeet: "everything beige on the background and having some of the background
   be a little bit of the video"): beige hero, the bridge fills the right side at full hero height,
   clearly visible with a warm tint, fading into the beige toward the text. ?layout=full = V7.
   ===================================================================== */
@media(min-width:768px){
  html:not([data-layout="full"]) .hero-bgmedia{left:auto;right:0;width:45%;top:0;bottom:0;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 18%,#000 38%),linear-gradient(0deg,transparent 0%,#000 16%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 18%,#000 38%),linear-gradient(0deg,transparent 0%,#000 16%);
    mask-composite:intersect;}
  html:not([data-layout="full"]) .hero-bgmedia video{object-position:46% 58%;filter:saturate(.95) sepia(.1);}
  html[data-bg="photo"]:not([data-layout="full"]) .hero-bgmedia{background-position:58% 55%;}
  html:not([data-layout="full"]) .hero-bgmedia::after{background:rgba(214,176,108,.16);mix-blend-mode:multiply;}
  html:not([data-layout="full"]) .hero.hero-bg::after{background:linear-gradient(0deg,#F4EFE3 0%,rgba(244,239,227,0) 12%);}
  html:not([data-layout="full"]) .hero.hero-bg h1{font-size:clamp(42px,5vw,72px);max-width:9.6em;}
  html:not([data-layout="full"]) .hero.hero-bg .lede{max-width:31em;}
}

/* =====================================================================
   V9 (Oct 12 2026, Sumeet: "keep it green and make a footer beige, and then Acquisitions, Exits and
   Capital should be in the same line"). Default: green hero (bridge full-bleed under a forest tint),
   beige floating nav on every page, one-line headline from 1100px up.
   ?hero=beige brings back V8 exactly (beige hero with the bridge at the side, green nav).
   ===================================================================== */

/* (V10: the beige nav was removed; the nav is V2's dark green island on every page again) */

/* ── green hero (default on the home page) ── */
html[data-hero="green"] .hero.hero-bg{
  --cream:#F4EFE3;--muted:#C9D2C9;--muted2:#9DAEA1;--gold:#C9A45C;--gold-light:#DDBF7E;--gold-dim:#8E6F3C;--line:#14281D;--line2:#2A4434;
  min-height:max(700px,100svh);display:flex;align-items:center;padding:150px 0 110px;background:#071510;color:#F4EFE3;}
html[data-hero="green"] .hero-bgmedia{inset:0;top:0;bottom:0;left:0;right:0;width:auto;height:auto;
  -webkit-mask-image:none;mask-image:none;background:#071510 url('img-bridge-hero.jpg') 50% 55%/cover no-repeat;}
html[data-hero="green"][data-bg="photo"] .hero-bgmedia{background-image:url('img-bridge.jpg');background-position:50% 62%;}
html[data-hero="green"] .hero-bgmedia video{object-position:56% 55%;filter:none;}
html[data-hero="green"] .hero-bgmedia::after{background:none;mix-blend-mode:normal;}
html[data-hero="green"] .hero.hero-bg::after{background:
  linear-gradient(0deg,#071510 0%,rgba(7,21,16,0) 26%),
  linear-gradient(180deg,rgba(7,21,16,.35) 0%,rgba(7,21,16,0) 20%),
  linear-gradient(100deg,rgba(9,30,21,.92) 0%,rgba(10,34,24,.82) 42%,rgba(12,40,28,.56) 74%,rgba(12,40,28,.46) 100%);}
html[data-hero="green"] .hero.hero-bg h1{color:#F4EFE3;font-size:clamp(42px,6.2vw,84px);max-width:none;}
html[data-hero="green"] .hero.hero-bg h1 .row2{color:#C9A45C;}
html[data-hero="green"] .hero.hero-bg .eyebrow{color:#C9A45C;}
html[data-hero="green"] .hero.hero-bg .lede{color:rgba(244,239,227,.86);max-width:34em;}
html[data-hero="green"] .hero.hero-bg .assure{color:rgba(244,239,227,.72);font-weight:500;}
html[data-hero="green"] .hero-bg .btn-gold{background:#C9A45C;border-color:#C9A45C;color:#10231A;}
html[data-hero="green"] .hero-bg .btn-gold .arrow{background:rgba(16,35,26,.14);color:#10231A;}
html[data-hero="green"] .hero-bg .btn-gold:hover{background:#DDBF7E;border-color:#DDBF7E;color:#10231A;}
html[data-hero="green"] .hero-bg .btn-ghost{background:rgba(7,21,16,.25);border-color:rgba(244,239,227,.45);color:#F4EFE3;}
html[data-hero="green"] .hero-bg .btn-ghost:hover{border-color:#DDBF7E;background:rgba(244,239,227,.06);color:#F4EFE3;}
/* one line from laptop widths up */
/* the numbers band continues straight out of the green hero */
html[data-hero="green"] main > section:first-of-type{background-color:#071510;}
html[data-hero="green"] main > section:first-of-type::before{left:0;right:0;border-radius:0;box-shadow:none;}
html[data-hero="green"] #what{padding-top:clamp(16px,2.5vw,40px);}
@media(max-width:767px){
  html[data-hero="green"] .hero.hero-bg{min-height:0;align-items:flex-start;padding:112px 0 44px;}
  html[data-hero="green"] .hero-bgmedia{height:auto;bottom:0;}
  html[data-hero="green"] .hero-bgmedia video{object-position:50% 55%;}
  html[data-hero="green"] .hero.hero-bg::after{background:
    linear-gradient(0deg,#071510 0%,rgba(7,21,16,0) 14%),
    linear-gradient(180deg,rgba(9,30,21,.5) 0%,rgba(9,30,21,.74) 26%,rgba(9,30,21,.84) 60%,rgba(9,30,21,.88) 100%);}
  html[data-hero="green"] .hero.hero-bg .assure{letter-spacing:.1em;font-size:10.5px;}
  html[data-hero="green"] #what{padding-top:12px;}
}
@media(max-width:380px){html[data-hero="green"] .hero.hero-bg{padding-top:104px;}}

/* =====================================================================
   V10 (Oct 12 2026, Sumeet on the V4 screenshot: "I like this version, I just want to move [Capital]
   next to Exits"): green nav again, headline on two lines ("Acquisitions." / "Exits. Capital.") with
   "Capital." in gold italic, and a cleaner phone hero (the bridge shows in the top band, text below
   on a firmer tint, buttons on the first screen).
   ===================================================================== */
html[data-hero="green"] .hero.hero-bg h1{font-size:clamp(46px,7vw,104px);line-height:1.02;letter-spacing:-.015em;margin:24px 0 30px;}
.hero h1 .hl1{display:block;}
html[data-hero="green"] .hero h1 em.hl-word{font-style:italic;color:#C9A45C;}
html[data-hero="green"] .hero.hero-bg h1 .row2{font-size:clamp(20px,.3em,30px);font-size:max(20px,min(.3em,30px));margin-top:.75em;}
@media(max-width:767px){
  html[data-hero="green"] .hero.hero-bg{padding:228px 0 40px;}
  html[data-hero="green"] .hero-bgmedia video{object-position:52% 28%;}
  html[data-hero="green"][data-bg="photo"] .hero-bgmedia{background-position:50% 20%;}
  html[data-hero="green"] .hero.hero-bg::after{background:
    linear-gradient(0deg,#071510 0%,rgba(7,21,16,0) 10%),
    linear-gradient(180deg,rgba(9,30,21,.18) 0%,rgba(9,30,21,.3) 110px,rgba(9,30,21,.8) 215px,rgba(9,30,21,.88) 330px,rgba(9,30,21,.9) 100%);}
  html[data-hero="green"] .hero.hero-bg h1{font-size:clamp(40px,12.2vw,50px);margin:12px 0 18px;}
  html[data-hero="green"] .hero.hero-bg h1 .row2{font-size:19px;margin-top:.7em;}
  html[data-hero="green"] .hero.hero-bg .lede{margin-bottom:22px;}
  html[data-hero="green"] .hero.hero-bg .hero-ctas{margin-bottom:18px;}
}
@media(max-width:380px){
  html[data-hero="green"] .hero.hero-bg{padding-top:200px;}
  html[data-hero="green"] .hero.hero-bg h1{font-size:40px;}
}
/* V10 phones: the bridge as a clear band under the nav (the whole frame fits the band), fading into the green */
@media(max-width:767px){
  html[data-hero="green"] .hero-bgmedia{top:0;bottom:auto;height:340px;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.45) 80%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.45) 80%,transparent 100%);}
  html[data-hero="green"] .hero-bgmedia video{object-position:50% 50%;}
  html[data-hero="green"][data-bg="photo"] .hero-bgmedia{background-position:50% 55%;}
  html[data-hero="green"] .hero.hero-bg::after{background:
    linear-gradient(0deg,#071510 0%,rgba(7,21,16,0) 10%),
    linear-gradient(180deg,rgba(9,30,21,.12) 0%,rgba(9,30,21,.22) 120px,rgba(9,30,21,.72) 220px,rgba(9,30,21,.9) 330px,rgba(9,30,21,.9) 100%);}
}
@media(max-width:380px){
  .btn,.hero-ctas .btn,.phero .btn,.final .btn{padding:8px 8px 8px 18px;letter-spacing:.12em;}
  .btn:not(:has(.arrow)),.hero-ctas .btn:not(:has(.arrow)){padding:8px 18px;}
}