/* ============================================================
   FIRM — Law-firm style · light + dark · styles.css
   ============================================================ */
@font-face{font-family:'Montserrat';font-weight:400;src:url('../assets/fonts/Montserrat-Regular.woff') format('woff');font-display:swap;}
@font-face{font-family:'Montserrat';font-weight:500;src:url('../assets/fonts/Montserrat-Medium.woff') format('woff');font-display:swap;}
@font-face{font-family:'Montserrat';font-weight:600;src:url('../assets/fonts/Montserrat-SemiBold.woff') format('woff');font-display:swap;}
@font-face{font-family:'Spectral';font-weight:400;src:url('../assets/fonts/Spectral-Regular.woff') format('woff');font-display:swap;}
@font-face{font-family:'Spectral';font-weight:500;src:url('../assets/fonts/Spectral-Medium.woff') format('woff');font-display:swap;}
@font-face{font-family:'Spectral';font-weight:600;src:url('../assets/fonts/Spectral-SemiBold.woff') format('woff');font-display:swap;}

/* ---- Theme tokens ---- */
:root,html[data-theme="light"]{
  --bg:#F6F6F4; --bg-alt:#FFFFFF; --surface:#FFFFFF; --surface-2:#FBFBFA;
  --ink:#1C2024; --text:#3D4248; --muted:#5E646A; --grey:#8A9097;
  --line:#E4E3DE; --line-soft:#EDECE8;
  --nav-bg:rgba(246,246,244,.88);
  --btn-bg:#1C2024; --btn-fg:#FFFFFF;
  --tog:#3D4248;
}
html[data-theme="dark"]{
  --bg:#15181B; --bg-alt:#1A1D21; --surface:#1E2226; --surface-2:#191C20;
  --ink:#F1F2F0; --text:#C2C7CC; --muted:#9CA2A8; --grey:#7E858C;
  --line:#2B2F34; --line-soft:#23272B;
  --nav-bg:rgba(21,24,27,.86);
  --btn-bg:#E7EAEC; --btn-fg:#15181B;
  --tog:#C2C7CC;
}
/* fixed accents (both themes) */
:root{
  --silver:#C7CCD2;
  --graf:linear-gradient(135deg,#23262B 0%,#15181B 100%);
  --night:#121417;
  --serif:'Spectral',Georgia,'Times New Roman',serif;
  --sans:'Montserrat','Helvetica Neue',Arial,sans-serif;
  --maxw:1180px; --ease:cubic-bezier(.22,.61,.36,1);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:120px;}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.5;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  transition:background .35s var(--ease),color .35s var(--ease);}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 40px;}
.eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;color:var(--grey);}

/* ---- Logo theme swap ---- */
.logo--ondark{display:none;}
html[data-theme="dark"] .logo--onlight{display:none;}
html[data-theme="dark"] .logo--ondark{display:block;}

/* ---- Buttons ---- */
.btn{display:inline-block;font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:1.3px;
  text-transform:uppercase;padding:16px 30px;border-radius:2px;border:1px solid transparent;cursor:pointer;transition:.22s var(--ease);}
.btn--solid{background:var(--btn-bg);color:var(--btn-fg);}
.btn--solid:hover{transform:translateY(-1px);opacity:.92;}
.btn--full{width:100%;text-align:center;}
.link-arrow{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px;}
.link-arrow i{font-style:normal;display:inline-block;transition:.2s var(--ease);}
.link-arrow:hover i{transform:translateX(4px);}

/* ---- Utility bar ---- */
.utility{background:var(--night);}
.utility__inner{display:flex;justify-content:space-between;align-items:center;height:40px;}
.utility__tag{font-size:11px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:#A7ADB3;}
.utility__right{display:flex;align-items:center;}
.lang{display:flex;gap:2px;}
.lang__btn{background:none;border:0;cursor:pointer;font-family:var(--sans);font-size:11px;font-weight:600;
  letter-spacing:1px;color:#7C828A;padding:6px 8px;transition:color .2s;}
.lang__btn:hover{color:#C7CCD2;}
.lang__btn.is-active{color:#FFFFFF;}

/* ---- Nav ---- */
.nav{position:sticky;top:0;z-index:60;background:var(--nav-bg);backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--line);transition:box-shadow .3s,background .35s var(--ease),border-color .35s var(--ease);}
.nav.scrolled{box-shadow:0 4px 22px rgba(0,0,0,.10);}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:78px;gap:24px;}
.nav__logo{display:flex;}
.nav__logo img{height:28px;}
.nav__links{display:flex;align-items:center;gap:34px;margin-left:auto;}
.nav__links a{font-size:14px;font-weight:500;color:var(--text);transition:color .2s;}
.nav__links a:hover{color:var(--ink);}
.nav__cta{font-weight:600 !important;color:var(--ink) !important;border-bottom:1px solid var(--ink);padding-bottom:3px;}
.nav__tools{display:flex;align-items:center;gap:8px;}
.theme-toggle{background:none;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;display:flex;
  align-items:center;justify-content:center;cursor:pointer;color:var(--tog);transition:.2s;}
.theme-toggle:hover{border-color:var(--grey);color:var(--ink);}
.ic--sun{display:none;}
html[data-theme="dark"] .ic--moon{display:none;}
html[data-theme="dark"] .ic--sun{display:block;}
.nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;}
.nav__burger span{width:24px;height:2px;background:var(--ink);transition:.3s var(--ease);}
.nav__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav__burger.open span:nth-child(2){opacity:0;}
.nav__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ---- Hero (centered) ---- */
.hero{border-bottom:1px solid var(--line);}
.hero__inner{padding:104px 0 100px;text-align:center;}
.hero__title{font-family:var(--serif);font-weight:500;font-size:72px;line-height:1.06;letter-spacing:-1px;
  color:var(--ink);margin:24px auto 0;max-width:900px;}
.hero__lead{font-size:18px;line-height:1.66;color:var(--text);margin:30px auto 0;max-width:620px;}
.hero__cta{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;}

/* ---- Section scaffold ---- */
.section{padding:104px 0;border-bottom:1px solid var(--line);}
.sec-head{display:grid;grid-template-columns:64px 1fr;gap:0 26px;align-items:baseline;margin-bottom:56px;}
.sec-num{font-size:14px;font-weight:600;letter-spacing:1px;color:var(--grey);padding-top:8px;}
.sec-title{font-family:var(--serif);font-weight:500;font-size:42px;letter-spacing:-.5px;color:var(--ink);}
.sec-intro{grid-column:2;font-size:17px;line-height:1.6;color:var(--muted);max-width:580px;margin-top:16px;}

/* ---- Practice areas (2x2) ---- */
.pa-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);}
.pa{padding:40px 40px 40px 0;border-bottom:1px solid var(--line);}
.pa:nth-child(odd){border-right:1px solid var(--line);padding-right:48px;}
.pa:nth-child(even){padding-left:48px;}
.pa__n{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:1px;color:var(--grey);}
.pa h3{font-family:var(--serif);font-weight:500;font-size:26px;color:var(--ink);margin:14px 0 10px;}
.pa p{font-size:15px;line-height:1.62;color:var(--muted);}

/* ---- Approach ---- */
.appr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;}
.appr__rn{font-family:var(--serif);font-size:30px;color:var(--silver);display:block;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line);}
.appr h3{font-family:var(--serif);font-weight:500;font-size:24px;margin-bottom:12px;color:var(--ink);}
.appr p{font-size:15px;line-height:1.65;color:var(--muted);}

/* ---- Pull quote (always dark) ---- */
.quote{background:var(--graf);padding:118px 0;}
.quote__text{font-family:var(--serif);font-weight:400;font-size:38px;line-height:1.34;letter-spacing:-.3px;color:#F1F2F0;max-width:920px;}
.quote__by{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#8A9097;margin-top:34px;}

/* ---- Figures ---- */
.figures__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.fig{border-top:2px solid var(--ink);padding-top:22px;}
.fig__n{font-family:var(--serif);font-weight:500;font-size:54px;line-height:1;color:var(--ink);letter-spacing:-1px;display:block;}
.fig__l{font-size:12.5px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--grey);margin-top:12px;display:block;}

/* ---- The Firm ---- */
.firm__grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:start;}
.firm__text{font-family:var(--serif);font-size:23px;line-height:1.55;color:var(--ink);}
.firm__payoff{font-family:var(--serif);font-weight:600;font-size:40px;line-height:1.1;color:var(--ink);text-align:right;}

/* ---- Perspectives ---- */
.per-list{list-style:none;border-top:1px solid var(--line);}
.per{display:grid;grid-template-columns:160px 1fr 40px;gap:0 26px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);transition:padding .25s var(--ease);}
.per__k{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--grey);}
.per h3{font-family:var(--serif);font-weight:500;font-size:23px;color:var(--ink);}
.per__arrow{font-size:20px;color:var(--grey);text-align:right;opacity:0;transform:translateX(-8px);transition:.25s var(--ease);}
.per:hover{padding-left:12px;}
.per:hover .per__arrow{opacity:1;transform:none;color:var(--ink);}

/* ---- Contact ---- */
.contact__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start;}
.contact__details > div{padding:20px 0;border-bottom:1px solid var(--line);}
.contact__details > div:first-child{padding-top:0;}
.contact__details dt{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--grey);margin-bottom:8px;}
.contact__details dd{font-family:var(--serif);font-size:18px;color:var(--ink);line-height:1.5;}
.contact__form{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:36px;}
.field{margin-bottom:18px;}
.field label{display:block;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
.field input,.field textarea{width:100%;font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--surface-2);
  border:1px solid var(--line);border-radius:3px;padding:13px 14px;transition:.2s;}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--ink);}
.field textarea{resize:vertical;}
.contact__note{font-size:12px;color:var(--grey);margin-top:14px;text-align:center;}

/* ---- Footer (always dark) ---- */
.footer{background:var(--night);padding:72px 0 34px;}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;}
.footer__brand img{height:32px;margin-bottom:22px;}
.footer__brand p{font-size:14px;color:#8E949A;line-height:1.7;max-width:280px;}
.footer__col h4{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#7E858C;margin-bottom:20px;}
.footer__col a{display:block;font-size:14px;color:#AEB4BA;margin-bottom:12px;transition:color .2s;}
.footer__col a:hover{color:#fff;}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:50px;padding-top:24px;border-top:1px solid #2B2F34;}
.footer__bottom span{font-size:12px;color:#6E747A;}

/* ---- News & Updates (slider) ---- */
.news__top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;}
.news__heading{display:grid;grid-template-columns:64px 1fr;gap:0 26px;align-items:baseline;}
.news__heading .sec-num{padding-top:8px;}
.news__heading .sec-intro{grid-column:2;}
.news__nav{display:flex;gap:8px;flex-shrink:0;}
.news__btn{width:46px;height:46px;border:1px solid var(--line);background:none;color:var(--ink);font-family:var(--serif);font-size:24px;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.2s;}
.news__btn:hover{border-color:var(--grey);}
.news__btn:disabled{opacity:.3;cursor:default;}
.news__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none;}
.news__track::-webkit-scrollbar{display:none;}
.news__card{flex:0 0 366px;max-width:366px;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:30px;transition:border-color .2s,transform .2s var(--ease);}
.news__card:hover{border-color:var(--grey);transform:translateY(-2px);}
.news__meta{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.news__date{font-size:12px;letter-spacing:.4px;color:var(--grey);}
.news__tag{font-size:10px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);border-radius:2px;padding:3px 8px;}
.news__card h3{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.22;color:var(--ink);margin-bottom:12px;letter-spacing:-.2px;}
.news__excerpt{font-size:14.5px;line-height:1.62;color:var(--muted);flex-grow:1;}
.news__more{margin-top:22px;font-size:13px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:2px;align-self:flex-start;transition:.2s;}
.news__more:hover{opacity:.7;}


/* ============================================================ Responsive */
@media (max-width:980px){
  .hero__title{font-size:54px;}
  .sec-title{font-size:34px;}
  .section{padding:80px 0;}
  .nav__links{display:none;}
  .nav__burger{display:flex;}
  .nav__links{position:fixed;inset:78px 0 auto 0;flex-direction:column;align-items:flex-start;gap:0;margin-left:0;
    background:var(--bg);border-bottom:1px solid var(--line);padding:14px 40px 26px;
    transform:translateY(-12px);opacity:0;visibility:hidden;transition:.28s var(--ease);}
  .nav__links.open{display:flex;transform:none;opacity:1;visibility:visible;}
  .nav__links a{width:100%;padding:15px 0;font-size:16px;border-bottom:1px solid var(--line);}
  .pa-grid{grid-template-columns:1fr;}
  .pa,.pa:nth-child(odd){border-right:0;padding:34px 0;}
  .pa:nth-child(even){padding:34px 0;}
  .appr-grid{grid-template-columns:1fr;gap:36px;}
  .firm__grid{grid-template-columns:1fr;gap:28px;}
  .firm__payoff{text-align:left;}
  .contact__grid{grid-template-columns:1fr;gap:40px;}
  .quote{padding:88px 0;}
  .quote__text{font-size:30px;}
  .figures__grid{grid-template-columns:1fr 1fr;gap:36px 30px;}
  .footer__grid{grid-template-columns:1fr 1fr;gap:36px;}
  .footer__brand{grid-column:1 / -1;}
  .per{grid-template-columns:1fr;gap:6px;}
  .per__arrow{display:none;}
}
@media (max-width:600px){
  .container{padding:0 22px;}
  .utility__tag{font-size:10px;letter-spacing:1px;}
  .hero__inner{padding:72px 0 66px;}
  .hero__title{font-size:40px;letter-spacing:-.5px;}
  .hero__lead{font-size:16px;}
  .hero__cta{flex-direction:column;gap:18px;}
  .hero__cta .btn{width:100%;text-align:center;}
  .sec-head{grid-template-columns:1fr;gap:6px;margin-bottom:40px;}
  .sec-num{padding-top:0;}
  .sec-intro{grid-column:1;}
  .sec-title{font-size:30px;}
  .figures__grid{grid-template-columns:1fr 1fr;}
  .fig__n{font-size:44px;}
  .firm__text{font-size:20px;}
  .contact__form{padding:24px;}
  .footer__grid{grid-template-columns:1fr;gap:30px;}
  .footer__bottom{flex-direction:column;gap:10px;align-items:flex-start;}
}

/* ---- News responsive ---- */
@media (max-width:980px){
  .news__top{flex-direction:column;align-items:flex-start;gap:24px;}
  .news__heading{grid-template-columns:1fr;gap:6px;}
  .news__heading .sec-num{padding-top:0;}
  .news__heading .sec-intro{grid-column:1;}
}
@media (max-width:600px){
  .news__card{flex-basis:84%;max-width:none;padding:24px;}
}

/* ---- News overview + article pages ---- */
.is-current{color:var(--ink) !important;}
.news__all{display:inline-block;margin-top:36px;font-size:13px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px;transition:.2s;}
.news__all:hover{opacity:.65;}

.page-hero{border-bottom:1px solid var(--line);padding:80px 0 70px;}
.page-hero__kicker{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--grey);margin-bottom:22px;}
.page-hero h1{font-family:var(--serif);font-weight:500;font-size:60px;line-height:1.05;letter-spacing:-1px;color:var(--ink);}
.page-hero p{font-size:18px;line-height:1.6;color:var(--muted);max-width:600px;margin-top:22px;}

.news-page{padding:72px 0 104px;}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.news-grid .news__card{flex:initial;max-width:none;width:100%;}

.article-wrap{padding:72px 0 100px;}
.article{max-width:760px;margin:0 auto;}
.article__back{display:inline-block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:42px;transition:.2s;}
.article__back:hover{color:var(--ink);}
.article__meta{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.article__title{font-family:var(--serif);font-weight:600;font-size:46px;line-height:1.1;letter-spacing:-.6px;color:var(--ink);}
.article__body{margin-top:34px;}
.article__body p{font-family:var(--serif);font-size:19px;line-height:1.74;color:var(--text);margin-bottom:24px;}
.article__body p:last-child{margin-bottom:0;}
.article__nav{display:flex;justify-content:space-between;gap:30px;margin-top:56px;padding-top:30px;border-top:1px solid var(--line);}
.article__nav a{font-size:14px;font-weight:600;color:var(--ink);max-width:46%;transition:.2s;}
.article__nav a:hover{color:var(--grey);}
.article__next{text-align:right;margin-left:auto;}
.article__nav span{flex:1;}

@media (max-width:980px){
  .page-hero h1{font-size:46px;}
  .news-grid{grid-template-columns:1fr 1fr;}
  .article__title{font-size:38px;}
}
@media (max-width:600px){
  .page-hero{padding:56px 0 48px;}
  .page-hero h1{font-size:36px;}
  .news-grid{grid-template-columns:1fr;}
  .article__title{font-size:31px;}
  .article__body p{font-size:17px;}
  .article__nav{flex-direction:column;gap:14px;}
  .article__next{text-align:left;margin-left:0;}
}

/* ---- Live banner (home + news page) ---- */
.live-banner{display:inline-flex;align-items:center;gap:9px;margin-bottom:28px;padding:6px 14px;border:1px solid var(--line);border-radius:30px;}
.live-dot{width:8px;height:8px;border-radius:50%;background:#2FA968;box-shadow:0 0 0 0 rgba(47,169,104,.5);animation:livePulse 1.5s ease-out infinite;}
.live-text{font-size:11px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);}
@keyframes livePulse{0%{opacity:1;box-shadow:0 0 0 0 rgba(47,169,104,.45);}70%{opacity:.5;box-shadow:0 0 0 7px rgba(47,169,104,0);}100%{opacity:1;box-shadow:0 0 0 0 rgba(47,169,104,0);}}
@media (prefers-reduced-motion:reduce){.live-dot{animation:none;}}

/* ---- Article share ---- */
.article__share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:46px;padding-top:30px;border-top:1px solid var(--line);}
.article__share-label{font-size:11px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--grey);margin-right:6px;}
.share-btn{font-family:var(--sans);font-size:12.5px;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:30px;padding:9px 16px;cursor:pointer;background:none;transition:.2s;text-decoration:none;display:inline-block;line-height:1;}
.share-btn:hover{border-color:var(--grey);}
.share-btn.copied{border-color:var(--ink);background:var(--ink);color:var(--bg);}

/* ---- CTA band ---- */
.cta-band{background:var(--graf);padding:84px 0;}
.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;}
.cta-band__title{font-family:var(--serif);font-weight:500;font-size:38px;color:#F2F3F1;letter-spacing:-.3px;}
.cta-band .btn--solid{background:#E7EAEC;color:#15181B;}
.cta-band .btn--solid:hover{background:#fff;}

/* ---- Detail list (Expertise page) ---- */
.detail-list{border-top:1px solid var(--ink);}
.detail{display:grid;grid-template-columns:90px 1fr;gap:0 30px;align-items:start;padding:44px 0;border-bottom:1px solid var(--line);}
.detail__n{font-family:var(--serif);font-size:30px;color:var(--silver);line-height:1;}
.detail__body h2{font-family:var(--serif);font-weight:500;font-size:30px;letter-spacing:-.4px;color:var(--ink);margin-bottom:14px;}
.detail__body p{font-size:16px;line-height:1.66;color:var(--muted);max-width:640px;}

@media (max-width:600px){
  .cta-band{padding:60px 0;}
  .cta-band__inner{flex-direction:column;align-items:flex-start;gap:22px;}
  .cta-band__title{font-size:30px;}
  .cta-band .btn--solid{width:100%;text-align:center;}
  .detail{grid-template-columns:1fr;gap:10px;padding:34px 0;}
  .detail__body h2{font-size:25px;}
  .article__share{gap:8px;}
}