/* The contact and footer at the end of every page: Quiet (2026-10-15), after the way Rothschild & Co and Evercore end a
   page. "Let's start the conversation." in navy on the white page, with the site's small vertical divider between the
   line and its note; the New York skyline in plain black and white as a wide photograph, standing half on the white and
   half on the deep navy (#071426); then a compact footer on the navy: the name small at the top left, the email and
   office, the two lists of links without their labels (screen readers still hear them), the compliance text unchanged,
   and a square that goes back to the top. Every rule is confined to .end, so the older page styles never reach it and it
   never reaches them. The same file is served as /assets/contact-ending/contact-ending.css and
   /_services/contact-ending.css, the two stylesheets every page already links. The home page adds the motion
   (assets/home/home.css and home.js). */

/* Open Font License (assets/fonts/OFL-*.txt), latin subset from @fontsource 5.3.0 */
@font-face{font-family:'PX Spectral';font-style:normal;font-weight:200;font-display:swap;src:url(/assets/fonts/spectral-200.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'PX Spectral';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/spectral-300.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+3000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'PX Spectral';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/spectral-300.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'PX Spectral';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/spectral-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'PX Source Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/source-sans-3-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'PX Source Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/source-sans-3-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* --phw is the photograph's width, the width of the text; it is resolved against the width of .end where it is used */
.end{--navy:#071426;--serif:'PX Spectral',Georgia,serif;--sans:'PX Source Sans',system-ui,sans-serif;--pad:60px;--g:24px;
  --ease:cubic-bezier(.2,.7,.2,1);--wipe:cubic-bezier(.76,0,.24,1);--phw:min(100% - 2 * var(--pad),1440px - 2 * var(--pad));
  position:relative;z-index:1;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;margin:0;padding:0;background:#fff;color:rgba(255,255,255,.62);
  font:400 18px/1.6 var(--sans);letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.end *,.end *::before,.end *::after{box-sizing:border-box}
.end :is(h2,h4,p,ul,li,figure,address){margin:0;padding:0;border:0}
.end ul{list-style:none}
.end address{font-style:normal}
.end a{color:inherit;text-decoration:none}
.end__wrap{position:relative;max-width:1440px;margin:0 auto;padding:0 var(--pad)}

/* the invitation: the line in navy on the white page, the small divider, then the note and the button */
.end>.end__inv{order:1;padding:40px 0 110px}
/* after a navy or grey block (the further reading under a research note, the 404 and team pages) the white invitation
   keeps as much space above it as below it */
main:has(> :last-child:is(.sec--alt,.page-e__open),> :last-child>.dark:last-child)+.end>.end__inv{padding-top:110px}
.end .end__h{margin:0;font:300 clamp(48px,calc(100vw / var(--z,1) / 18),80px)/1.04 var(--serif);letter-spacing:-.026em;color:var(--navy);text-transform:none;text-wrap:wrap;white-space:normal;max-width:6.4em}
.end__inv .end__wrap::after{content:"";display:block;width:1px;height:72px;background:var(--navy);opacity:.5}
.end__sub{display:block}
.end .end__lede{max-width:none;font:400 20px/1.6 var(--sans);color:#2E3A4B}
/* the button: a solid navy block whose label rolls up while a copy rolls in (menu.js builds the roll); it lifts a shade
   on hover, like the site's other navy buttons */
.end .end__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:54px;margin:36px 0 0;padding:16px 28px;
  border:0;border-radius:0;box-shadow:none;background:var(--navy);color:#fff;font:600 15px/1.2 var(--sans);letter-spacing:.01em;text-transform:none;white-space:nowrap;
  transition:background-color .45s var(--ease)}
.end .end__btn::before,.end .end__btn::after{content:none;display:none}
.end .end__btn:is(:hover,:focus-visible){background:#1e2635;color:#fff}
.end .end__btn:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.end .end__btn .roll{display:inline-block;position:relative;overflow:hidden;vertical-align:top}
.end .end__btn .roll>span{display:block;transition:transform .52s var(--wipe)}
.end .end__btn .roll>.roll-b{position:absolute;left:0;top:100%;white-space:nowrap}
.end .end__btn:is(:hover,:focus-visible) .roll>span{transform:translateY(-100%)}

/* the skyline: plain black and white, the width of the text, 12 by 5, standing half on the white and half on the navy.
   It holds still (the home page's drift is switched off for it). */
.end>.end__ph{order:2;position:relative;z-index:2;flex:none;width:var(--phw);aspect-ratio:12/5;margin:0 auto;overflow:hidden}
.end>.end__ph img{position:absolute;left:0;top:0;display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:50% 58%;transform:none!important}
.end>.end__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,10,.16) 0%,rgba(8,9,10,0) 40%,rgba(8,9,10,.14) 100%)}

/* the footer: on the navy, which starts halfway down the photograph */
.end .foot.foot{order:3;position:relative;z-index:1;margin:calc(var(--phw) * -5 / 24) 0 0;padding:calc(var(--phw) * 5 / 24 + 110px) 0 56px;border:0;
  background:var(--navy);color:rgba(255,255,255,.62);font:400 16px/1.6 var(--sans);letter-spacing:normal}
/* the name, small, in the serif's spaced capitals */
.end .end__mark{margin:0;font:400 19px/1.3 var(--serif);letter-spacing:.34em;text-transform:uppercase;color:#fff;white-space:nowrap}
.end__cols{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);align-items:start}
.end__contact{grid-column:1/span 6;display:grid;grid-template-columns:minmax(0,1fr);row-gap:22px}
.end__cols>:nth-child(2){grid-column:7/span 2}
.end__cols>:nth-child(3){grid-column:9/span 4}
/* the labels (Email, Office, Company, Practices) are kept for screen readers only */
.end .end__k{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.end .end__v{display:block;font:300 21px/1.4 var(--serif);letter-spacing:-.004em;color:#fff}
.end .end__col li{margin:0 0 10px;font:400 16px/1.6 var(--sans)}
/* links brighten on hover, as in the site's other footers (no underline, no blue) */
.end .end__col a,.end a.end__v{transition:color .3s ease}
.end .end__col a{color:rgba(255,255,255,.84)}
.end a.end__v{color:rgba(255,255,255,.92)}
.end .end__col a:is(:hover,:focus-visible),.end a.end__v:is(:hover,:focus-visible){color:#fff}
/* the compliance text, with no rule above it; it keeps clear of the square in the corner */
.end__legal{margin-top:110px;max-width:min(1040px,100% - 78px);font:400 13.5px/1.75 var(--sans);color:rgba(255,255,255,.62)}
.end__legal p+p{margin-top:14px}
.end .end__legal a{border:0;color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px;transition:text-decoration-color .3s ease}
.end .end__legal .links a{margin-right:22px}
.end .end__legal a:is(:hover,:focus-visible){text-decoration-color:#fff}
/* back to the top: a light square like the Research arrows, in the bottom right corner */
.end .end__top{position:absolute;right:var(--pad);bottom:0;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;padding:0;border:0;border-radius:0;
  background:#F2F4F7;color:var(--navy);transition:background-color .45s var(--ease)}
.end .end__top svg{display:block}
.end .end__top:is(:hover,:focus-visible){background:#fff;color:var(--navy)}
.end .end__top:focus-visible{outline:2px solid #F2F4F7;outline-offset:3px}

@media (min-width:901px){
  /* the line on the left half, the divider, the note and the button on the right */
  .end__inv .end__wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--g);align-items:center}
  .end .end__h{grid-column:1/span 6;grid-row:1}
  .end__inv .end__wrap::after{grid-column:7;grid-row:1;justify-self:center}
  .end__sub{grid-column:8/span 5;grid-row:1}
  /* narrower computers: the name on its own line above the columns */
  .end .end__mark{margin-bottom:56px}
}
@media (min-width:1280px){
  /* wide screens: the name at the top left, in line with the columns */
  .end .end__mark{position:absolute;left:var(--pad);top:4px;margin:0}
  .end__contact{grid-column:4/span 4}
  .end__cols>:nth-child(2){grid-column:8/span 2}
  .end__cols>:nth-child(3){grid-column:10/span 3}
}
@media (max-width:900px){
  .end{--pad:20px;font-size:17px}
  .end>.end__inv{padding:16px 0 56px}
  main:has(> :last-child:is(.sec--alt,.page-e__open),> :last-child>.dark:last-child)+.end>.end__inv{padding-top:56px}
  .end .end__h{font-size:44px}
  /* the divider turns to lie under the line */
  .end__inv .end__wrap{display:flex;flex-direction:column}
  .end__inv .end__wrap::after{order:1;width:40px;height:1px;margin-top:28px}
  .end__sub{order:2;margin-top:28px}
  .end .end__lede{font-size:18px}
  .end>.end__ph{aspect-ratio:5/4}
  .end .foot.foot{margin-top:calc(var(--phw) * -2 / 5);padding:calc(var(--phw) * 2 / 5 + 64px) 0 40px}
  .end .end__mark{margin-bottom:40px}
  .end__cols{grid-template-columns:minmax(0,1fr)}
  .end__cols>*,.end__cols>:nth-child(n){grid-column:1/-1;margin-bottom:36px}
  .end__contact{row-gap:16px}
  .end__legal{margin-top:24px;max-width:none;padding-bottom:88px}
}
@media (prefers-reduced-motion:reduce){.end *{transition:none!important}}