/* Poppins, self-hosted (no requests to Google) */
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/poppins-latin-ext-300-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/poppins-latin-300-normal.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:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-400-normal.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:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-500-normal.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:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.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:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-700-normal.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}
:root{
    /* hazelheartwood brand palette */
    --orange:#FE5900;
    --teal:#005266;
    --teal-light:#97CECC;
    --grey:#E4E2E0;
    --slate:#414A4F;
    --black:#000000;
    --white:#FFFFFF;

    --ink:var(--slate);
    --heading:var(--black);
    --muted:#6f777b;
    --line:var(--grey);
    --bg:var(--white);
    --max:900px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:"Draft C","Poppins","Century Gothic","Futura",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
    font-size:17px;
    line-height:1.68;
    -webkit-font-smoothing:antialiased;
    overflow-wrap:break-word;
  }
  .wrap{max-width:var(--max);margin:0 auto;padding:44px 24px 96px}

  /* ---- brand bar ---- */
  .brandbar{
    display:flex;align-items:center;justify-content:space-between;
    padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:48px;
    flex-wrap:wrap;gap:10px
  }
  .wordmark{font-size:19px;font-weight:400;letter-spacing:-.01em;color:var(--black)}
  .wordmark b{font-weight:700;color:var(--orange)}
  .wordmark span{font-weight:700;color:var(--black)}
  .brandbar .tag{font-size:12px;letter-spacing:.1em;color:var(--muted)}

  /* ---- headings ---- */
  .eyebrow{
    font-size:13px;letter-spacing:.08em;
    color:var(--orange);font-weight:700;margin:0 0 14px
  }
  .rule{display:block;width:44px;height:4px;background:var(--orange);margin:0 0 18px}
  h1{
    font-size:46px;line-height:1.08;letter-spacing:-.01em;
    font-weight:700;margin:0 0 14px;color:var(--heading);text-transform:uppercase
  }
  .standfirst{font-size:20px;color:var(--muted);margin:0 0 20px;max-width:42em;line-height:1.55}
  .readtime{
    display:flex;align-items:center;gap:8px;
    font-size:12px;letter-spacing:.1em;text-transform:uppercase;
    color:var(--muted);font-weight:700;margin:0 0 44px
  }
  .readtime svg{flex:none;stroke:var(--orange)}
  h2{
    font-size:27px;line-height:1.22;letter-spacing:-.01em;
    margin:0 0 14px;font-weight:700;color:var(--heading)
  }
  h3{font-size:14px;letter-spacing:.08em;color:var(--orange);font-weight:700;margin:38px 0 10px}
  p{margin:0 0 18px}
  .lead{font-size:18px}
  hr{border:0;border-top:1px solid var(--line);margin:52px 0}

  /* ---- key takeaways: stat pair ---- */
  .takeaways{margin:0 0 40px}
  .takeaways h3{margin:0 0 16px}
  .tk-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:4px solid var(--orange)}
  .tk{padding:22px 26px 24px 0}
  .tk + .tk{padding-left:26px;border-left:1px solid var(--line)}
  .tk .v{font-size:52px;line-height:1;font-weight:700;color:var(--orange);margin:0 0 10px;letter-spacing:-.02em}
  .tk .k{font-weight:700;color:var(--black);margin:0 0 8px;line-height:1.35}
  .tk .d{font-size:15px;color:var(--muted);margin:0;line-height:1.55}

  /* ---- exhibit ---- */
  figure{margin:40px 0;padding:0}
  figure svg{width:100%;height:auto;display:block}
  figcaption{font-size:13px;color:var(--muted);margin-top:12px;line-height:1.55}
  figcaption a{color:var(--teal)}

  /* ---- principle callout ---- */
  .principle{
    border-left:4px solid var(--orange);padding:4px 0 4px 20px;margin:0 0 24px
  }
  .principle .p-label{
    font-size:12px;letter-spacing:.1em;color:var(--orange);font-weight:700;margin:0 0 2px
  }
  .principle .p-name{font-size:19px;font-weight:700;color:var(--black);margin:0 0 8px;line-height:1.3}
  .principle p{margin:0;color:var(--slate)}

  /* ---- definition box ---- */
  .define{
    background:var(--grey);padding:16px 20px;margin:0 0 24px;font-size:15px;line-height:1.6
  }
  .define b{color:var(--black)}

  /* ---- area cards ---- */
  .cats{display:grid;gap:20px;margin-top:10px;counter-reset:cat}
  .cat{
    background:var(--white);border:1px solid var(--line);padding:26px 28px;
    border-top:4px solid var(--orange);counter-increment:cat
  }
  .cat .num{
    display:flex;align-items:baseline;gap:9px;
    font-size:12px;letter-spacing:.1em;text-transform:uppercase;
    color:var(--muted);font-weight:700;margin:0 0 6px
  }
  .cat .num:before{
    content:counter(cat,decimal-leading-zero);
    font-size:34px;line-height:1;letter-spacing:-.02em;color:var(--orange)
  }
  .cat h2{font-size:23px;margin-bottom:6px}
  .cat .lede{color:var(--muted);margin:0 0 16px}

  /* ---- proof point ---- */
  .proof{
    border:1px solid var(--teal-light);border-top:4px solid var(--teal);
    padding:20px 22px;margin:0 0 18px;background:var(--white)
  }
  .proof .p-eyebrow{
    font-size:12px;letter-spacing:.1em;color:var(--teal);font-weight:700;margin:0 0 8px
  }
  .proof p{font-size:15px;line-height:1.6;margin:0 0 12px}
  .proof p:last-child{margin-bottom:0}
  .proof-figs{display:flex;gap:28px;flex-wrap:wrap;margin:14px 0 12px}
  .proof-fig .v{font-size:26px;font-weight:700;color:var(--orange);line-height:1.1}
  .proof-fig .l{font-size:13px;color:var(--muted);line-height:1.4}

  /* ---- comparison exhibit ---- */
  .cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cmp{
    display:grid;grid-template-columns:112px repeat(3,1fr);
    min-width:600px;column-gap:0;row-gap:0
  }
  .cmp > *{padding:12px 14px;border-top:1px solid var(--line)}
  .cmp .hd{border-top:0;padding-top:0;padding-bottom:14px}
  .cmp-lbl{
    font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
    color:var(--muted);font-weight:700;line-height:1.45;padding-left:0
  }
  .cmp .c-c{background:rgba(151,206,204,.16)}
  .cmp .hd .k{
    display:block;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;
    font-weight:700;margin-bottom:5px
  }
  .cmp .hd b{display:block;font-size:15.5px;line-height:1.25;color:var(--black)}
  .cmp .hd.c-a{border-top:4px solid var(--slate)}
  .cmp .hd.c-a .k{color:var(--slate)}
  .cmp .hd.c-b{border-top:4px solid var(--orange)}
  .cmp .hd.c-b .k{color:var(--orange)}
  .cmp .hd.c-c{border-top:4px solid var(--teal)}
  .cmp .hd.c-c .k{color:var(--teal)}
  .cmp .v{font-size:13.5px;line-height:1.45;color:var(--slate)}
  .cmp .v b{color:var(--black)}
  .cmp .note{display:block;font-size:11px;color:var(--orange);font-weight:700;margin-top:8px;line-height:1.4}
  .cmp .note.mut{color:var(--muted);font-weight:400}
  .chipline{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
  .chip{
    display:inline-block;background:var(--grey);color:var(--black);
    font-size:11px;font-weight:700;padding:4px 8px;line-height:1.2;white-space:nowrap
  }
  .chip.gone{
    background:transparent;border:1px dashed #b9b5b1;color:var(--muted);
    font-weight:400;text-decoration:line-through
  }
  .chip.new{background:var(--teal);color:var(--white)}
  .chipline .ar{color:var(--muted);font-size:12px}
  .cmp .last{padding-bottom:14px}
  .proof figure{margin:24px 0 0}
  .proof figcaption{margin-top:10px}

  /* ---- footnotes ---- */
  sup.fn{font-size:11px;line-height:0;vertical-align:super}
  sup.fn a{color:var(--orange);text-decoration:none;font-weight:700}
  .footnotes{
    border-top:1px solid var(--line);margin:44px 0 0;padding:18px 0 0 20px;
    font-size:13px;color:var(--muted);line-height:1.6
  }
  .footnotes li{margin-bottom:8px}
  .footnotes a{color:var(--teal)}

  /* ---- contact ---- */
  .talk{
    border-top:4px solid var(--orange);background:var(--grey);
    padding:30px 32px;margin-top:56px
  }
  .talk h2{font-size:24px;margin-bottom:10px}
  .talk p{margin-bottom:14px;color:var(--slate)}
  .talk .asks{margin:0 0 20px;padding-left:20px;color:var(--slate)}
  .talk .asks li{margin-bottom:8px}
  .btn{
    display:inline-block;background:var(--orange);color:var(--white);
    text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.08em;
    padding:12px 22px;margin-right:8px
  }
  .btn:hover{background:var(--black)}
  .btn.alt{background:var(--white);color:var(--black);border:1px solid var(--black)}
  .btn.alt:hover{background:var(--black);color:var(--white)}

  /* ---- inline links in body copy ---- */
  section p a,.talk p a,.talk .asks a,.define a{color:var(--teal);text-decoration:none;border-bottom:1px solid var(--teal-light)}
  section p a:hover,.talk p a:hover{border-bottom-color:var(--teal)}
  section p sup.fn a,section p sup.fn a:hover{border-bottom:0}

  footer{margin-top:44px;font-size:13px;color:var(--muted);line-height:1.6}
  footer a{color:var(--teal)}
  footer .o{color:var(--orange)}

  /* ---- reading progress bar ---- */
  .progress{
    position:fixed;top:0;left:0;height:3px;width:0;
    background:var(--orange);z-index:60;transition:width .08s linear
  }

  /* ---- sticky section nav ---- */
  .subnav{
    position:fixed;top:0;left:0;right:0;z-index:50;
    background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);
    transform:translateY(-110%);transition:transform .22s ease
  }
  .subnav.on{transform:translateY(0)}  /* .on and .active are toggled by the script at the foot of the page */
  .subnav-in{
    max-width:var(--max);margin:0 auto;padding:0 24px;
    display:flex;align-items:center;gap:16px;height:48px
  }
  .subnav .who{
    margin:0;font-size:12px;font-weight:700;letter-spacing:.02em;
    color:var(--black);white-space:nowrap
  }
  .subnav .who b{color:var(--orange);font-weight:700}
  .subnav nav{display:flex;gap:2px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
  .subnav nav::-webkit-scrollbar{display:none}
  .subnav a{
    display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
    text-decoration:none;color:var(--muted);font-size:11px;font-weight:700;
    letter-spacing:.07em;text-transform:uppercase;padding:7px 7px 6px;
    border-bottom:2px solid transparent
  }
  .subnav a i{font-style:normal;color:var(--orange)}
  .subnav a .sm{display:none}
  .subnav a:hover{color:var(--black)}
  .subnav a.active{color:var(--black);border-bottom-color:var(--orange)}
  section[id],article[id]{scroll-margin-top:72px}

  /* ---- summary box ---- */
  .tldr{
    border:1px solid var(--line);border-top:4px solid var(--teal);
    padding:24px 26px 26px;margin:0 0 44px
  }
  .tldr h3{margin:0 0 10px;color:var(--teal)}
  .tldr .thesis{
    font-size:18px;font-weight:700;color:var(--black);line-height:1.45;
    border-left:4px solid var(--orange);padding-left:18px;margin:0 0 16px
  }
  .tldr .lbl{
    font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
    font-weight:700;margin:20px 0 14px;padding-top:18px;border-top:1px solid var(--line)
  }
  .tldr ol{margin:0;padding:0;list-style:none;counter-reset:t}
  .tldr li{position:relative;padding:12px 0 12px 42px;border-top:1px solid var(--line)}
  .tldr li:first-of-type{border-top:0;padding-top:0}
  .tldr li:before{
    counter-increment:t;content:counter(t,decimal-leading-zero);
    position:absolute;left:0;top:13px;font-size:14px;font-weight:700;color:var(--orange)
  }
  .tldr li:first-of-type:before{top:1px}
  .tldr a{
    color:var(--black);text-decoration:none;font-weight:700;font-size:16.5px;
    line-height:1.35;border-bottom:1px solid var(--line)
  }
  .tldr a:hover{border-bottom-color:var(--orange)}
  .tldr .why{display:block;font-size:14.5px;color:var(--muted);line-height:1.5;margin-top:4px}
  .tldr .sub{font-size:15.5px;color:var(--slate);line-height:1.62;margin:0}
  .tldr .sub b{color:var(--black)}

  @media print{.progress,.subnav{display:none}}

  @media(max-width:640px){
    h1{font-size:32px}.standfirst{font-size:18px}
    .tk-grid{grid-template-columns:1fr}
    .tk{padding:20px 0 22px}
    .tk + .tk{padding-left:0;border-left:0;border-top:1px solid var(--line)}
    .tk .v{font-size:44px}
    .subnav .who{display:none}
    .subnav a span{display:none}
    .subnav a .keep{display:inline}
    .subnav a{font-size:12px;padding:7px 9px 6px}
    .subnav a i{color:var(--orange)}
    .subnav-in{height:44px;padding:0 12px;gap:0}
    .subnav nav{margin-left:0;width:100%;justify-content:space-between}
    section[id],article[id]{scroll-margin-top:56px}
    .tldr{padding:20px 18px 22px}
    .tldr a{font-size:15.5px}
    .tldr .thesis{font-size:16.5px;padding-left:14px}

    /* page gutters: give the nested boxes room to breathe */
    .wrap{padding:32px 16px 72px}
    h2{font-size:23px}
    hr{margin:40px 0}

    /* failure cards */
    .cat{padding:22px 16px}
    .cat h2{font-size:20px}
    .cat .num:before{font-size:28px}

    /* "from our work" boxes, nested inside the cards */
    .proof{padding:18px 14px}
    .proof-figs{gap:14px 22px}
    .proof-fig{min-width:44%}
    .proof-fig .v{font-size:22px}

    /* comparison exhibit: bleed to the edges of the proof box, then scroll */
    .proof .cmp-scroll{margin:0 -14px;padding:0 14px}
    .cmp{grid-template-columns:88px repeat(3,minmax(150px,1fr));min-width:0}
    .cmp > *{padding:10px 10px}
    .cmp .hd b{font-size:14px}

    /* chart exhibits: keep the labels legible, scroll rather than shrink */
    figure{overflow-x:auto}
    figure > svg{min-width:520px}

    .define{padding:14px 16px}
    .principle{padding-left:16px}
    .talk{padding:24px 18px}
    .btn{display:block;text-align:center;margin:0 0 8px}
    .footnotes{padding-left:16px}
  }

:root{--orange:#FE5900;--teal:#005266;--teal-light:#97CECC;--grey:#E4E2E0;--slate:#414A4F;--black:#000;--white:#fff;
--ink:#1d2426;--muted:#6f777b;--line:#dcdad7;--paper:#F4F3F1;--night:#07181d;--night2:#0b2a32;--max:1280px}
header.top{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .25s,border-color .25s;border-bottom:1px solid transparent}
header.top .in{max-width:var(--max);margin:0 auto;padding:0 40px;display:flex;align-items:center;height:76px;gap:24px}
.wordmark{font-size:21px;text-decoration:none;white-space:nowrap;letter-spacing:-.01em;color:var(--white)}
.wordmark b{color:var(--orange)}.wordmark span{font-weight:700}
header nav{margin-left:auto;display:flex;gap:4px;align-items:center}
header nav a{text-decoration:none;color:rgba(255,255,255,.85);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;white-space:nowrap;border-bottom:2px solid transparent}
header nav a:hover{color:var(--white);border-bottom-color:var(--orange)}
header nav a.cta{background:var(--orange);color:var(--white);padding:12px 18px;margin-left:10px;border:0}
header nav a.cta:hover{background:var(--white);color:var(--black)}
header.top.scrolled{background:rgba(7,24,29,.96);border-bottom-color:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}  /* over the hero while scrolling: dark bar, no overlap with the banner text */
header.top.solid{background:rgba(255,255,255,.96);border-bottom-color:var(--line)}
header.top.solid .wordmark{color:var(--black)}
header.top.solid nav a{color:var(--slate)}
header.top.solid nav a:hover{color:var(--black)}
header.top.solid nav a.cta{color:var(--white)}
header.top.solid nav a.cta:hover{background:var(--black)}
header nav a:focus-visible,.btn:focus-visible,.arrow:focus-visible,.menu:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
/* mobile menu: the button shows under 760px; the nav becomes a full-width panel under the header bar */
header .menu{display:none;margin-left:auto;width:44px;height:44px;padding:10px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
header .menu span{display:block;height:2px;background:var(--white);transition:transform .2s,opacity .2s}
header.top.solid .menu span,header.top.open .menu span{background:var(--black)}
header.top.open .menu span:nth-child(1){transform:translateY(7px) rotate(45deg)}
header.top.open .menu span:nth-child(2){opacity:0}
header.top.open .menu span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:760px){
 header .menu{display:flex}
 header nav{display:none;position:fixed;top:76px;left:0;right:0;bottom:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 30px;background:var(--white);border-top:1px solid var(--line);overflow:auto}
 header.top.open{background:var(--white);border-bottom-color:var(--line)}
 header.top.open .wordmark{color:var(--black)}
 header.top.open nav{display:flex}
 header nav a,header.top.solid nav a{color:var(--black);font-size:15px;padding:16px 0;border-bottom:1px solid var(--line);white-space:normal}
 header nav a:hover{border-bottom-color:var(--line)}
 header nav a.cta,header.top.solid nav a.cta{margin:18px 0 0;padding:16px;text-align:center;border:0;color:var(--white)}
}

header .lang{position:relative;margin-left:8px;flex:none}
header .lang summary{list-style:none;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.1em;color:rgba(255,255,255,.85);padding:8px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;display:inline-flex;align-items:center;gap:6px}
header .lang summary::-webkit-details-marker{display:none}
header .lang summary:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
header.top.solid .lang summary{color:var(--black);border-color:var(--line)}
header .lang ul{position:absolute;right:0;top:calc(100% + 8px);margin:0;padding:8px 0;list-style:none;background:var(--white);border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.14);min-width:170px;z-index:60}
header .lang li{margin:0}
header .lang li a,header .lang li span{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 16px;font-size:14px;color:var(--black);text-decoration:none;white-space:nowrap}
header .lang li a:hover{background:var(--paper)}
header .lang li .cur{font-weight:600}
header .lang li .cur:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}
header .lang li .soon{color:var(--muted)}
header .lang li .soon small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);padding:2px 6px;border-radius:999px}
@media (max-width:760px){header .lang{margin-left:auto;order:4}header .lang summary{padding:7px 9px}header .menu{margin-left:0;order:5}header.top .in{gap:12px}}

footer.site{background:var(--night);color:#a9bcc0;font-size:14px;border-top:1px solid rgba(255,255,255,.1)}
footer.site .in{max-width:var(--max);margin:0 auto;padding:56px 40px 40px;display:grid;grid-template-columns:1.2fr 1.3fr 1.2fr;gap:40px}
footer.site.noffices .in{grid-template-columns:1.4fr 1fr}
footer.site .flinks a{white-space:nowrap}
footer.site a{color:#c9d6d8;text-decoration:none}
footer.site a:hover{color:var(--white)}
footer.site p{margin:0 0 10px}
footer.site .fcol>b{display:block;color:var(--white);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
footer.site .brand .wordmark{display:inline-block;margin-bottom:12px}
footer.site .brand a:not(.wordmark){color:var(--orange)}
footer.site .flinks{display:grid;grid-template-columns:1fr 1fr;gap:8px 40px;grid-auto-flow:column;grid-template-rows:repeat(4,auto)}  /* two columns of four (14 Sept): the eight links in one column made the footer tall and left the row empty */
footer.site .offices{display:block;margin:0;padding:0;border:0}
footer.site .offices p b{display:block;color:var(--white);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.offices a.map{color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22)}.offices a.map:hover{color:var(--white);border-bottom-color:var(--orange)}
footer.site .legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 40px 26px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#7f9498}

@media (max-width:760px){footer.site .in,footer.site.noffices .in{grid-template-columns:1fr;gap:28px;padding:44px 22px 24px}footer.site .legal{padding:16px 22px 22px}}body{padding-top:0;overflow-x:hidden}.brandbar{display:none}section.night{background:var(--night);color:#c9d6d8}.phead{padding:180px 0 96px;position:relative;overflow:hidden}.phead canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.phead:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,24,29,.94) 0%,rgba(7,24,29,.6) 48%,rgba(7,24,29,.1) 100%);pointer-events:none}.phead .wrap{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 40px}.crumb{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#8fa3a7;margin:0 0 28px;font-weight:700}.crumb a{color:#c9d6d8;text-decoration:none}.crumb a:hover{color:var(--white)}.phead .eyebrow{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-light);font-weight:700;margin:0 0 18px}.phead h1{color:var(--white);font-weight:300;line-height:1.02;letter-spacing:-.02em;text-transform:none;font-size:clamp(44px,6vw,88px);max-width:10em;margin:0 0 26px}.phead .lede{font-size:20px;line-height:1.55;color:#a9bcc0;max-width:34em;margin:0}.phead .meta{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8fa3a7;font-weight:700;margin:28px 0 0}.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}.wrap{max-width:1280px;margin:0 auto;padding:72px 40px 96px}.wrap>*{max-width:900px;min-width:0}.wrap>footer{display:none}h2{font-weight:400;letter-spacing:-.02em}h3,.tldr h3,.proof .p-eyebrow,.cat .num,.principle .p-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-weight:700}.tldr .lbl{letter-spacing:.14em}.tldr{background:var(--paper);border:0;padding:32px 36px 34px}.tldr h3{margin-bottom:14px}.tldr li,.tldr .lbl{border-top-color:#dcdad7}.tldr a{border-bottom-color:transparent}.tldr a:hover{border-bottom-color:var(--orange)}.proof{background:var(--paper);border:0;padding:24px 26px}.proof .p-eyebrow{margin-bottom:10px}.define{background:var(--paper)}.cmp .c-c{background:rgba(255,255,255,.75)}.cmp .hd.c-a{border-top-color:var(--muted)}.cmp .hd.c-a .k{color:var(--muted)}.cmp .hd.c-b{border-top-color:var(--slate)}.cmp .hd.c-b .k{color:var(--slate)}.cmp .hd.c-c{border-top-color:var(--orange)}.cmp .hd.c-c .k{color:var(--orange)}.cmp .note{color:var(--black)}.chip.new{background:var(--orange)}section p a,.talk p a,.talk .asks a,.define a,figcaption a,.footnotes a,.tldr .sub a{color:var(--black);border-bottom:1px solid var(--orange);text-decoration:none}section p a:hover,.talk p a:hover,figcaption a:hover,.footnotes a:hover{color:var(--orange);border-bottom-color:var(--orange)}.proof p a,.proof figcaption a{color:var(--black)}.talk{background:var(--night);color:#c9d6d8;border-top:0;padding:44px 48px 48px;margin-top:64px}.talk h2{color:var(--white);font-size:clamp(26px,2.6vw,34px);font-weight:300}.talk p,.talk .asks{color:#a9bcc0}.talk .asks b,.talk p b{color:var(--white)}.talk p a,.talk .asks a{color:var(--white)}.btn{font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:16px 28px;border:1px solid var(--orange)}.btn:hover{background:var(--black);border-color:var(--black)}.btn.alt{background:transparent;color:var(--white);border-color:rgba(255,255,255,.55)}.btn.alt:hover{background:var(--white);color:var(--black);border-color:var(--white)}.subnav{top:76px;z-index:40;transform:translateY(calc(-100% - 80px))}.subnav.on{transform:none}.subnav-in{max-width:1280px;padding:0 40px}section[id],article[id]{scroll-margin-top:136px}@media (max-width:760px){.phead{padding:130px 0 56px}.phead .wrap{padding:0 22px}.phead h1{font-size:clamp(34px,9vw,44px)}.phead .lede{font-size:17px}}@media (max-width:640px){.wrap{padding:44px 22px 72px}.subnav-in{padding:0 12px}.cats{grid-template-columns:minmax(0,1fr)}.cat,.proof{min-width:0}.tldr{padding:24px 20px 26px}.proof{padding:20px 16px}.talk{padding:32px 22px 34px}.btn{display:block;text-align:center;margin:0 0 10px}section[id],article[id]{scroll-margin-top:124px}}

/* former inline style="" attributes (kept identical, moved here for the CSP) */
.u-1{margin-top:56px !important}
.u-2{margin-top:14px !important;white-space:nowrap !important}
.u-3{margin:72px 0 22px !important}
.u-4{margin-top:30px !important}
.u-5{margin-top:36px !important}
.u-6{margin-top:40px !important}
.u-7{left:45.8% !important;top:9.6% !important;width:24% !important}
.u-8{left:15.0% !important;top:22.4% !important;width:22% !important}
.u-9{left:68.1% !important;top:21.8% !important;width:18% !important}
.u-10{left:87.9% !important;top:35.2% !important;width:20% !important}
.u-11{margin-top:6px !important}
.u-12{color:#a9bcc0 !important}
/* reserve space for images while they load; same size as before */
:where(img[width][height]){height:auto}