:root{
  --navy:#061426;
  --navy2:#0a2342;
  --blue:#123b70;
  --blue2:#1c4c86;
  --ivory:#f6f3ed;
  --paper:#fbfaf7;
  --white:#fff;
  --ink:#07162a;
  --muted:#69717c;
  --gold:#77808a;
  --gold2:#aeb5bd;
  --accent:#b9974f;
  --line:rgba(7,22,42,.14);
  --lineLight:rgba(255,255,255,.14);
  --serif:"Bodoni MT","Bodoni 72","Didot",Georgia,serif;
  --sans:"Manrope", Arial, sans-serif;
  --max:1360px;
  --ease:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:15px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{display:block;width:100%}
::selection{background:var(--gold2);color:var(--navy)}

.wrap{width:min(var(--max),calc(100% - 96px));margin:0 auto}
section.page{display:none;min-height:100vh}
section.page.active{display:block;animation:pageIn .55s var(--ease) both}
@keyframes pageIn{from{opacity:0}to{opacity:1}}

.reveal{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .75s var(--ease),transform .75s var(--ease);
}
.reveal.in{opacity:1;transform:none}
.reveal.delay1{transition-delay:.08s}
.reveal.delay2{transition-delay:.15s}

.nav{
  position:fixed;
  top:0;left:0;right:0;
  height:78px;
  z-index:100;
  color:#fff;
  transition:height .3s ease,background .3s ease,border-color .3s ease;
  border-bottom:1px solid transparent;
}
.nav.scrolled,.nav.force-dark{
  height:68px;
  background:rgba(6,20,38,.95);
  backdrop-filter:blur(16px);
  border-color:rgba(255,255,255,.08);
}
.nav-inner{
  height:100%;
  display:flex;
  align-items:center;
  gap:34px;
}
.brand{
  flex:0 0 auto;
  font-family:var(--serif);
  font-size:23px;
  line-height:1;
  letter-spacing:-.025em;
}
.brand span{color:var(--gold2)}
.nav-main{
  display:flex;
  align-items:center;
  gap:27px;
  margin-left:auto;
}
.nav-main>a,.nav-dd-button{
  appearance:none;
  border:0;
  background:none;
  padding:0;
  color:rgba(255,255,255,.68);
  font-size:12px;
  font-weight:500;
  cursor:pointer;
  transition:color .2s ease;
}
.nav-main>a:hover,.nav-dd-button:hover{color:#fff}
.nav-dd{position:relative}
.nav-dd-button{display:flex;align-items:center;gap:7px}
.nav-dd-button i{
  width:5px;height:5px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .2s ease;
}
.nav-dd:hover .nav-dd-button i{transform:rotate(225deg) translate(-1px,-2px)}
.nav-panel{
  position:absolute;
  top:28px;
  right:-80px;
  width:610px;
  padding:10px;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:rgba(248,246,241,.98);
  border:1px solid rgba(7,22,42,.1);
  color:var(--ink);
  box-shadow:0 28px 70px rgba(2,12,28,.22);
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:.22s var(--ease);
}
.nav-dd:hover .nav-panel,.nav-dd:focus-within .nav-panel,.nav-dd.open .nav-panel{opacity:1;transform:none;pointer-events:auto}
.nav-panel a{
  padding:16px 17px;
  border-bottom:1px solid var(--line);
}
.nav-panel a:nth-last-child(-n+2){border-bottom:0}
.nav-panel a:hover{background:#fff}
.nav-panel b{
  display:block;
  font-family:var(--serif);
  font-weight:500;
  font-size:18px;
  letter-spacing:-.02em;
}
.nav-panel span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:10px;
  line-height:1.55;
}
.nav-contact{
  margin-left:5px;
  padding:10px 15px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
}
.nav-contact:hover{background:#fff!important;color:var(--navy)!important}
.menu{
  display:none;
  margin-left:auto;
  width:42px;height:42px;
  border:0;background:transparent;
}
.menu span{display:block;width:22px;height:1px;background:#fff;margin:6px auto}

.mobile-nav{
  position:fixed;
  inset:68px 0 0;
  z-index:95;
  background:var(--navy);
  color:#fff;
  padding:28px 24px 60px;
  overflow:auto;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}
.mobile-nav.open{opacity:1;pointer-events:auto}
.mobile-nav a{
  display:block;
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.1);
  font-family:var(--serif);
  font-size:26px;
}
.mobile-nav .mobile-sub a{
  font-family:var(--sans);
  font-size:13px;
  color:rgba(255,255,255,.55);
  padding:11px 0 11px 18px;
}

/* HERO HOME */
.home-hero{
  position:relative;
  min-height:860px;
  display:flex;
  align-items:flex-end;
  background:var(--navy);
  color:#fff;
  overflow:hidden;
}
.home-hero:after{
  content:"";
  position:absolute;inset:auto 0 0;
  height:1px;background:rgba(255,255,255,.1);
}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}
.hero-vignette{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(6,20,38,.98) 0%,rgba(6,20,38,.89) 43%,rgba(6,20,38,.30) 76%,rgba(6,20,38,.65) 100%),
    linear-gradient(to top,rgba(6,20,38,.66),transparent 45%);
  z-index:1;
}
.hero-inner{
  position:relative;z-index:2;
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.48fr);
  gap:100px;
  align-items:end;
  padding-top:165px;
  padding-bottom:82px;
}
.kicker{
  margin-bottom:22px;
  color:rgba(255,255,255,.54);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:600;
}
.home-hero h1{
  margin:0;
  max-width:910px;
  font-family:var(--serif);
  font-size:clamp(61px,6.25vw,96px);
  line-height:.94;
  letter-spacing:-.055em;
  font-weight:400;
}
.home-hero h1 em{
  color:var(--gold2);
  font-style:italic;
  font-weight:400;
}
.hero-copy{
  max-width:690px;
  margin:30px 0 0;
  color:rgba(255,255,255,.65);
  font-size:16px;
  line-height:1.75;
}
.hero-actions{display:flex;gap:24px;align-items:center;margin-top:32px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 20px;
  font-size:11px;font-weight:600;
  transition:.22s ease;
}
.btn-light{background:#fff;color:var(--navy)}
.btn-light:hover{background:var(--gold2)}
.text-cta{font-size:11px;color:rgba(255,255,255,.75)}
.text-cta span{display:inline-block;margin-left:7px;transition:transform .2s ease}
.text-cta:hover span{transform:translateX(4px)}

.hero-note{
  border-left:1px solid rgba(255,255,255,.15);
  padding-left:28px;
  margin-bottom:3px;
}
.hero-note small{
  display:block;
  margin-bottom:14px;
  color:var(--gold2);
  font-size:9px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.hero-note h2{
  margin:0 0 15px;
  font-family:var(--serif);
  font-size:28px;
  line-height:1.16;
  font-weight:400;
  letter-spacing:-.025em;
}
.hero-note p{
  margin:0;color:rgba(255,255,255,.44);
  font-size:11px;line-height:1.72;
}

/* HOME PRACTICE INTRO */
.home-practices{padding:112px 0 0;background:var(--paper)}
.home-practices-head{
  display:grid;
  grid-template-columns:.62fr 1.38fr;
  gap:90px;
  align-items:start;
  padding-bottom:64px;
}
.label{
  color:var(--gold);
  font-size:9px;
  font-weight:600;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.label.light{color:var(--gold2)}
.big-statement{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(43px,4.1vw,63px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:400;
}
.big-statement em{font-weight:400;color:var(--gold);font-style:italic}

.practice-feature{
  display:grid;
  grid-template-columns:.96fr 1.04fr;
  min-height:580px;
  border-top:1px solid var(--line);
}
.practice-feature.reverse{grid-template-columns:1.04fr .96fr}
.practice-copybox{
  padding:65px 64px 64px 0;
  display:flex;flex-direction:column;
}
.practice-feature.reverse .practice-copybox{order:2;padding:65px 0 64px 64px}
.practice-number{
  margin-bottom:auto;
  color:var(--gold);
  font-size:10px;
  letter-spacing:.12em;
}
.practice-copybox h2{
  margin:44px 0 17px;
  font-family:var(--serif);
  font-size:clamp(42px,4.3vw,62px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:400;
}
.practice-copybox>p{
  max-width:570px;
  margin:0;color:var(--muted);
  font-size:13px;line-height:1.8;
}
.mini-services{
  display:grid;grid-template-columns:1fr 1fr;
  gap:0 28px;
  margin-top:34px;
  border-top:1px solid var(--line);
}
.mini-services span{
  padding:12px 0;
  border-bottom:1px solid var(--line);
  font-size:11px;font-weight:500;
}
.dark-link{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:28px;
  width:max-content;
  font-size:11px;font-weight:600;
  border-bottom:1px solid var(--line);
  padding-bottom:5px;
}
.dark-link i{font-style:normal;transition:transform .2s ease}
.dark-link:hover i{transform:translateX(4px)}

.media{
  position:relative;overflow:hidden;
  min-height:440px;
  background:var(--navy2);
}
.media img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  filter:saturate(.5) contrast(1.03);
  transform:scale(1.035);
  transition:transform 1.2s var(--ease);
}
.media:hover img{transform:scale(1)}
.media:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(6,20,38,.26),transparent 50%);
  pointer-events:none;
}
.media-caption{
  position:absolute;left:24px;bottom:20px;z-index:2;
  color:rgba(255,255,255,.68);
  font-size:9px;letter-spacing:.1em;text-transform:uppercase;
}

/* WHEN */
.when{padding:118px 0;background:var(--ivory)}
.when-grid{
  display:grid;
  grid-template-columns:.62fr 1.38fr;
  gap:90px;
}
.when-list{border-top:1px solid var(--line)}
.when-item{
  display:grid;
  grid-template-columns:40px .85fr 1.15fr;
  gap:25px;
  padding:26px 0;
  border-bottom:1px solid var(--line);
}
.when-item .n{font-size:9px;color:var(--gold)}
.when-item h3{
  margin:0;
  font-family:var(--serif);
  font-size:24px;
  line-height:1.16;
  font-weight:500;
  letter-spacing:-.02em;
}
.when-item p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}

/* SUPPORT PRACTICES */
.support{padding:110px 0;background:var(--paper)}
.support-head{
  display:grid;grid-template-columns:.62fr 1.38fr;
  gap:90px;margin-bottom:54px;
}
.support-list{border-top:1px solid var(--line)}
.support-row{
  display:grid;
  grid-template-columns:55px .74fr 1fr 26px;
  gap:28px;align-items:center;
  padding:25px 0;
  border-bottom:1px solid var(--line);
  transition:padding .25s ease,background .25s ease;
}
.support-row:hover{padding-left:12px;padding-right:12px;background:#fff}
.support-row .num{color:var(--gold);font-size:9px}
.support-row h3{
  margin:0;font-family:var(--serif);
  font-size:26px;font-weight:500;letter-spacing:-.025em;
}
.support-row p{margin:0;color:var(--muted);font-size:11px}
.support-row .arr{color:var(--muted)}

/* HOME TEAM */
.home-team{padding:110px 0;background:var(--navy);color:#fff}
.home-team-head{
  display:grid;grid-template-columns:.62fr 1.38fr;gap:90px;
  margin-bottom:56px;
}
.home-team .big-statement{max-width:780px}
.home-team-grid{
  display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid var(--lineLight);
  border-left:1px solid var(--lineLight);
}
.person-tease{
  min-height:430px;
  display:grid;grid-template-columns:.85fr 1.15fr;
  border-right:1px solid var(--lineLight);
  border-bottom:1px solid var(--lineLight);
}
.person-tease .portrait{
  min-height:430px;background:#132c4c;position:relative;overflow:hidden;
}
.person-tease .portrait img{height:100%;object-fit:cover;filter:grayscale(1) contrast(.95)}
.person-tease .portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,20,38,.42),transparent 50%)}
.person-tease .pinfo{
  padding:32px;display:flex;flex-direction:column;justify-content:flex-end;
}
.person-tease h3{
  margin:0 0 5px;
  font-family:var(--serif);font-size:31px;font-weight:500;letter-spacing:-.03em;
}
.person-tease .role{color:var(--gold2);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.person-tease p{margin:19px 0 0;color:rgba(255,255,255,.48);font-size:11px;line-height:1.72}

/* JOURNAL */
.journal{padding:110px 0;background:var(--paper)}
.journal-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}
.articles{border-top:1px solid var(--line)}
.article-row{
  display:grid;grid-template-columns:150px 1fr 130px 24px;
  gap:30px;align-items:center;
  padding:24px 0;border-bottom:1px solid var(--line);
}
.article-row .cat{font-size:9px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}
.article-row h3{
  margin:0;max-width:760px;
  font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:-.02em;
}
.article-row time{font-size:9px;color:var(--muted)}
.article-row .arr{color:var(--muted);transition:transform .2s ease}
.article-row:hover .arr{transform:translate(3px,-3px);color:var(--gold)}

/* GENERIC PAGE HERO */
.page-hero{
  min-height:610px;
  display:flex;
  align-items:flex-end;
  background:var(--navy);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.page-hero.media-hero{min-height:680px}
.page-hero-bg{
  position:absolute;inset:0;
  overflow:hidden;
}
.page-hero-bg img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.42) brightness(.52);
  transform:scale(1.03);
  animation:slowZoom 16s ease-in-out infinite alternate;
}
@keyframes slowZoom{to{transform:scale(1.08)}}
.page-hero-bg:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(6,20,38,.98) 0%,rgba(6,20,38,.82) 50%,rgba(6,20,38,.28) 100%),
             linear-gradient(to top,rgba(6,20,38,.66),transparent 55%);
}
.page-hero-inner{
  position:relative;z-index:2;
  width:100%;
  display:grid;grid-template-columns:1.25fr .55fr;
  gap:100px;align-items:end;
  padding-top:150px;padding-bottom:72px;
}
.page-hero h1{
  margin:0;
  max-width:900px;
  font-family:var(--serif);
  font-size:clamp(58px,6vw,88px);
  line-height:.95;letter-spacing:-.052em;font-weight:400;
}
.page-hero h1 em{color:var(--gold2);font-weight:400}
.page-hero .lead{
  max-width:690px;margin:25px 0 0;
  color:rgba(255,255,255,.61);font-size:15px;line-height:1.78;
}
.hero-index{
  padding-left:26px;border-left:1px solid var(--lineLight);
}
.hero-index small{
  display:block;margin-bottom:12px;
  color:var(--gold2);font-size:9px;text-transform:uppercase;letter-spacing:.13em;
}
.hero-index a{
  display:block;padding:9px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.55);font-size:10px;
}
.hero-index a:hover{color:#fff}

/* PRACTICE PAGE */
.practice-intro{padding:100px 0;background:var(--paper)}
.practice-intro-grid{
  display:grid;grid-template-columns:.62fr 1.38fr;gap:90px;
}
.practice-intro-copy{
  max-width:800px;
}
.practice-intro-copy .big-statement{margin-bottom:28px}
.practice-intro-copy p{
  max-width:690px;color:var(--muted);font-size:13px;line-height:1.85;
}
.service-section{padding:0 0 110px;background:var(--paper)}
.service-list{border-top:1px solid var(--line)}
.service{
  display:grid;
  grid-template-columns:55px .68fr 1fr;
  gap:35px;
  padding:32px 0;
  border-bottom:1px solid var(--line);
}
.service .no{color:var(--gold);font-size:9px}
.service h3{
  margin:0;font-family:var(--serif);font-size:27px;line-height:1.15;font-weight:500;letter-spacing:-.025em;
}
.service p{margin:0;color:var(--muted);font-size:11px;line-height:1.75}
.service ul{
  list-style:none;margin:14px 0 0;padding:0;
  display:grid;grid-template-columns:1fr 1fr;gap:7px 25px;
}
.service li{
  position:relative;padding-left:13px;
  color:var(--ink);font-size:10px;
}
.service li:before{
  content:"";position:absolute;left:0;top:.72em;width:4px;height:4px;background:var(--gold);border-radius:50%;
}

/* EDITORIAL MEDIA STRIP */
.editorial-media{
  padding:0 0 110px;background:var(--paper)
}
.editorial-frame{
  position:relative;
  min-height:560px;
  overflow:hidden;
  background:var(--navy2);
}
.editorial-frame img{
  position:absolute;inset:0;height:100%;object-fit:cover;
  filter:saturate(.5) contrast(1.04);
}
.editorial-frame:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(6,20,38,.18),transparent 55%),linear-gradient(to top,rgba(6,20,38,.42),transparent 40%);
}
.editorial-quote{
  position:absolute;left:42px;bottom:38px;z-index:2;
  max-width:650px;color:#fff;
  font-family:var(--serif);
  font-size:34px;line-height:1.12;letter-spacing:-.03em;
}

/* SPLIT TEXT */
.split-section{padding:110px 0;background:var(--ivory)}
.split-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:90px}
.text-columns{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.text-columns h3{
  margin:0 0 13px;font-family:var(--serif);font-size:24px;font-weight:500;letter-spacing:-.02em;
}
.text-columns p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}

/* OFFICE PAGE */
.office-story{padding:105px 0;background:var(--paper)}
.office-story-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:90px}
.office-story .big-statement{max-width:820px}
.office-body{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.office-body p{margin:0;color:var(--muted);font-size:12px;line-height:1.85}
.method{padding:110px 0;background:var(--ivory)}
.method-list{border-top:1px solid var(--line)}
.method-row{
  display:grid;grid-template-columns:55px .75fr 1fr;gap:30px;
  padding:27px 0;border-bottom:1px solid var(--line);
}
.method-row .num{font-size:9px;color:var(--gold)}
.method-row h3{margin:0;font-family:var(--serif);font-size:25px;font-weight:500}
.method-row p{margin:0;color:var(--muted);font-size:11px}

/* TEAM PAGE */
.team-page{padding:105px 0;background:var(--paper)}
.team-profile{
  display:grid;grid-template-columns:.78fr 1.22fr;
  border-top:1px solid var(--line);
  min-height:600px;
}
.team-profile+.team-profile{margin-top:1px}
.team-profile-photo{position:relative;overflow:hidden;background:#dfe2e5}
.team-profile-photo img{height:100%;object-fit:cover;filter:grayscale(1)}
.team-profile-copy{padding:58px 0 58px 64px}
.team-profile-copy h2{
  margin:0 0 7px;font-family:var(--serif);font-size:45px;font-weight:500;letter-spacing:-.04em;
}
.team-profile-copy .role{color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.team-profile-copy p{max-width:650px;color:var(--muted);font-size:12px;line-height:1.85;margin:26px 0}
.credentials{border-top:1px solid var(--line);margin-top:30px}
.credential{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:10px}
.credential span:first-child{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}

/* PUBLICATIONS PAGE */
.pub-page{padding:100px 0;background:var(--paper)}
.pub-grid{
  display:grid;grid-template-columns:1.1fr .9fr;
  gap:1px;background:var(--line);
  border:1px solid var(--line);
}
.pub-feature,.pub-small{background:var(--paper)}
.pub-feature .pub-image{height:460px}
.pub-small .pub-image{height:240px}
.pub-image{position:relative;overflow:hidden;background:var(--navy2)}
.pub-image img{height:100%;object-fit:cover;filter:saturate(.45);transition:transform 1s var(--ease)}
.pub-feature:hover img,.pub-small:hover img{transform:scale(1.025)}
.pub-copy{padding:28px}
.pub-copy .cat{font-size:9px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em}
.pub-copy h2,.pub-copy h3{font-family:var(--serif);font-weight:500;letter-spacing:-.025em}
.pub-copy h2{font-size:32px;line-height:1.18}
.pub-copy h3{font-size:22px;line-height:1.25}
.pub-copy p{color:var(--muted);font-size:11px}
.pub-side{display:grid;grid-template-rows:1fr 1fr;gap:1px}
.publication-details{padding:0 0 120px;background:var(--paper)}
.publication-detail{padding:54px 0;border-top:1px solid var(--line)}
.publication-detail h2{max-width:820px;margin:13px 0 18px;font-family:var(--serif);font-size:clamp(30px,3.3vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.035em}
.publication-detail p{max-width:720px;color:var(--muted);font-size:13px;line-height:1.8}
.publication-detail .dark-link{display:inline-flex;margin-top:15px}

/* CONTACT */
.contact-page{min-height:100vh;background:var(--navy2);color:#fff;padding:145px 0 90px}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}
.contact-page h1{
  margin:0;font-family:var(--serif);font-size:clamp(55px,5.7vw,84px);line-height:.96;letter-spacing:-.05em;font-weight:400;
}
.contact-page h1 em{color:var(--gold2);font-weight:400}
.contact-page .intro{max-width:500px;margin:27px 0 0;color:rgba(255,255,255,.54);font-size:12px;line-height:1.8}
.contact-lines{margin-top:44px;border-top:1px solid var(--lineLight)}
.contact-line{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--lineLight)}
.contact-line span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.35)}
.contact-line strong{font-size:11px;font-weight:500;color:rgba(255,255,255,.72)}
.contact-line a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.form-feedback{min-height:1.4em;margin:14px 0 0;color:rgba(255,255,255,.72);font-size:11px}
.form{border:1px solid var(--lineLight);padding:38px;background:rgba(255,255,255,.025)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field{margin-bottom:22px}
.field label{display:block;margin-bottom:7px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.36)}
.field input,.field select,.field textarea{
  width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;background:transparent;color:#fff;padding:9px 0 11px;outline:none;font-size:11px
}
.field textarea{min-height:92px;resize:vertical}
.field select option{color:var(--navy)}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.25)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold2)}
.submit{width:100%;height:48px;border:0;background:#fff;color:var(--navy);font-size:11px;font-weight:600;cursor:pointer}
.submit:hover{background:var(--gold2)}

/* FOOTER */
footer{background:var(--navy);color:#fff;border-top:1px solid rgba(255,255,255,.08);padding:55px 0 28px}
.footer-top{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:52px;padding-bottom:40px}
.footer-brand{font-family:var(--serif);font-size:27px;letter-spacing:-.03em}
.footer-brand span{color:var(--gold2)}
.footer-desc{max-width:330px;margin:13px 0 0;color:rgba(255,255,255,.36);font-size:10px;line-height:1.75}
.footer-title{margin:0 0 13px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.36)}
.footer-links{list-style:none;padding:0;margin:0}
.footer-links li{margin:7px 0}
.footer-links a{font-size:10px;color:rgba(255,255,255,.55)}
.footer-links a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:8px;color:rgba(255,255,255,.28);line-height:1.6}
.footer-legal{max-width:780px}


/* =========================================================
   CUSTOM MOTION ART
   Two non-stock, brand-native animations for the Home page.
   ========================================================= */
.motion-art{
  position:relative;
  min-height:580px;
  overflow:hidden;
  isolation:isolate;
  background:#07172b;
  border-left:1px solid rgba(7,22,42,.08);
}
.motion-art svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}
.motion-art:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:
    linear-gradient(to top,rgba(5,17,33,.52),transparent 36%),
    linear-gradient(90deg,rgba(5,17,33,.12),transparent 32%,rgba(5,17,33,.08));
}
.motion-caption{
  position:absolute;
  z-index:6;
  left:26px;
  bottom:22px;
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.55);
  font-size:8px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.motion-caption:before{
  content:"";
  width:24px;
  height:1px;
  background:var(--gold2);
  opacity:.75;
}

/* TAX MOTION */
.tax-bg{
  fill:url(#taxBg);
}
.tax-grid line{
  stroke:rgba(255,255,255,.055);
  stroke-width:.75;
}
.tax-rule{
  stroke:rgba(255,255,255,.12);
  stroke-width:1;
}
.tax-flow{
  fill:none;
  stroke-linecap:round;
  stroke-width:1.4;
  stroke-dasharray:10 16;
  animation:taxFlow 12s linear infinite;
}
.tax-flow.gold{stroke:#d4b96a;opacity:.78}
.tax-flow.blue{stroke:#6f9fd4;opacity:.38;animation-duration:15s}
.tax-flow.faint{stroke:#fff;opacity:.16;animation-duration:18s}
.tax-core{
  fill:rgba(212,185,106,.075);
  stroke:rgba(212,185,106,.58);
  stroke-width:1;
  transform-box:fill-box;
  transform-origin:center;
  animation:taxCore 7s ease-in-out infinite;
}
.tax-scan{
  fill:url(#taxScan);
  opacity:.35;
  animation:taxScan 9s ease-in-out infinite;
}
.tax-node{
  fill:#d4b96a;
  opacity:.72;
  animation:taxNode 5s ease-in-out infinite;
}
.tax-node:nth-of-type(2){animation-delay:-1.3s}
.tax-node:nth-of-type(3){animation-delay:-2.7s}
@keyframes taxFlow{to{stroke-dashoffset:-208}}
@keyframes taxCore{
  0%,100%{opacity:.58;transform:scale(.985)}
  50%{opacity:1;transform:scale(1.015)}
}
@keyframes taxScan{
  0%,100%{transform:translateX(-28%)}
  50%{transform:translateX(42%)}
}
@keyframes taxNode{
  0%,100%{opacity:.35}
  50%{opacity:1}
}

/* ENTERPRISE MOTION */
.enterprise-art{
  background:
    radial-gradient(circle at 68% 28%,rgba(34,78,126,.38),transparent 34%),
    #07172b;
  perspective:1000px;
}
.enterprise-stage{
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
  animation:enterpriseStage 18s ease-in-out infinite alternate;
}
.e-plane{
  position:absolute;
  left:50%;
  top:50%;
  width:56%;
  aspect-ratio:1.45/1;
  border:1px solid rgba(255,255,255,.13);
  transform-style:preserve-3d;
  transform-origin:center;
  background:linear-gradient(135deg,rgba(255,255,255,.028),rgba(255,255,255,.006));
  box-shadow:0 30px 80px rgba(0,0,0,.12);
  backdrop-filter:blur(1px);
}
.e-plane:after{
  content:"";
  position:absolute;
  inset:10%;
  border:1px solid rgba(255,255,255,.055);
}
.e-plane.p1{
  transform:translate(-50%,-50%) translate3d(-16%,9%,10px) rotateZ(-9deg);
  animation:planeOne 13s var(--ease) infinite alternate;
}
.e-plane.p2{
  width:49%;
  transform:translate(-50%,-50%) translate3d(13%,-10%,45px) rotateZ(7deg);
  border-color:rgba(212,185,106,.40);
  animation:planeTwo 15s var(--ease) infinite alternate;
}
.e-plane.p3{
  width:42%;
  transform:translate(-50%,-50%) translate3d(3%,4%,82px) rotateZ(-2deg);
  border-color:rgba(255,255,255,.22);
  animation:planeThree 17s var(--ease) infinite alternate;
}
.e-plane.p4{
  width:30%;
  transform:translate(-50%,-50%) translate3d(4%,-2%,112px) rotateZ(3deg);
  border-color:rgba(212,185,106,.65);
  background:rgba(212,185,106,.025);
  animation:planeFour 11s var(--ease) infinite alternate;
}
.enterprise-axis{
  position:absolute;
  left:50%;top:16%;
  width:1px;height:68%;
  background:linear-gradient(to bottom,transparent,rgba(212,185,106,.38),transparent);
  transform:translateX(-50%);
}
.enterprise-axis:after{
  content:"";
  position:absolute;
  top:50%;left:50%;
  width:46vw;max-width:540px;height:1px;
  background:linear-gradient(to right,transparent,rgba(255,255,255,.12),transparent);
  transform:translate(-50%,-50%);
}
.enterprise-pulse{
  position:absolute;
  left:50%;top:50%;
  width:7px;height:7px;
  border-radius:50%;
  border:1px solid rgba(212,185,106,.9);
  transform:translate(-50%,-50%);
}
.enterprise-pulse:after{
  content:"";
  position:absolute;
  inset:-18px;
  border:1px solid rgba(212,185,106,.20);
  border-radius:50%;
  animation:pulseRing 5s ease-out infinite;
}
@keyframes enterpriseStage{
  0%{transform:rotateX(2deg) rotateY(-2deg) scale(1.01)}
  100%{transform:rotateX(-2deg) rotateY(3deg) scale(1.025)}
}
@keyframes planeOne{
  0%{transform:translate(-50%,-50%) translate3d(-16%,9%,10px) rotateZ(-9deg)}
  100%{transform:translate(-50%,-50%) translate3d(-8%,5%,10px) rotateZ(-5deg)}
}
@keyframes planeTwo{
  0%{transform:translate(-50%,-50%) translate3d(13%,-10%,45px) rotateZ(7deg)}
  100%{transform:translate(-50%,-50%) translate3d(7%,-6%,45px) rotateZ(4deg)}
}
@keyframes planeThree{
  0%{transform:translate(-50%,-50%) translate3d(3%,4%,82px) rotateZ(-2deg)}
  100%{transform:translate(-50%,-50%) translate3d(1%,2%,82px) rotateZ(0deg)}
}
@keyframes planeFour{
  0%{transform:translate(-50%,-50%) translate3d(4%,-2%,112px) rotateZ(3deg)}
  100%{transform:translate(-50%,-50%) translate3d(0%,0%,112px) rotateZ(0deg)}
}
@keyframes pulseRing{
  0%{opacity:.7;transform:scale(.55)}
  75%,100%{opacity:0;transform:scale(1.4)}
}

@media(max-width:1050px){
  .motion-art{min-height:500px}
}
@media(max-width:720px){
  .motion-art{min-height:370px}
}
@media(prefers-reduced-motion:reduce){
  .tax-flow,.tax-core,.tax-scan,.tax-node,
  .enterprise-stage,.e-plane,.enterprise-pulse:after{animation:none!important}
}


/* RESPONSIVE */
@media(max-width:1050px){
  .wrap{width:min(var(--max),calc(100% - 52px))}
  .nav-main{display:none}.menu{display:block}
  .hero-inner,.page-hero-inner{grid-template-columns:1fr;gap:50px}
  .hero-note,.hero-index{max-width:520px}
  .home-practices-head,.when-grid,.support-head,.home-team-head,.practice-intro-grid,.split-grid,.office-story-grid{grid-template-columns:1fr;gap:28px}
  .practice-feature,.practice-feature.reverse{grid-template-columns:1fr}
  .practice-feature.reverse .practice-copybox{order:0;padding:55px 0}
  .practice-copybox{padding:55px 0}
  .practice-feature .media{min-height:500px}
  .home-team-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr;gap:55px}
  .team-profile{grid-template-columns:1fr}
  .team-profile-photo{min-height:560px}
  .team-profile-copy{padding:45px 0}
}
@media(max-width:720px){
  .wrap{width:calc(100% - 34px)}
  .nav{height:68px}.brand{font-size:20px}
  .home-hero{min-height:760px}
  .hero-inner{padding-top:125px;padding-bottom:56px}
  .home-hero h1{font-size:49px}
  .hero-copy{font-size:14px}
  .hero-note{display:none}
  .home-practices{padding-top:78px}
  .big-statement{font-size:38px}
  .practice-copybox h2{font-size:43px}
  .mini-services{grid-template-columns:1fr}
  .practice-feature .media{min-height:370px}
  .when,.support,.home-team,.journal,.practice-intro,.split-section,.office-story,.method,.team-page,.pub-page{padding-top:78px;padding-bottom:78px}
  .when-item{grid-template-columns:32px 1fr}
  .when-item p{grid-column:2}
  .support-row{grid-template-columns:38px 1fr 22px;gap:14px}
  .support-row p{grid-column:2/4}
  .person-tease{grid-template-columns:1fr}
  .person-tease .portrait{min-height:390px}
  .article-row{grid-template-columns:1fr 22px;gap:10px}
  .article-row .cat{grid-column:1}
  .article-row h3{grid-column:1}
  .article-row time{display:none}
  .article-row .arr{grid-column:2;grid-row:1/3;align-self:center}
  .page-hero,.page-hero.media-hero{min-height:610px}
  .page-hero-inner{padding-top:130px;padding-bottom:56px}
  .page-hero h1{font-size:49px}
  .hero-index{display:none}
  .service{grid-template-columns:35px 1fr;gap:15px}
  .service p,.service ul{grid-column:2}
  .service ul{grid-template-columns:1fr}
  .text-columns{grid-template-columns:1fr;gap:34px}
  .editorial-frame{min-height:460px}
  .editorial-quote{left:22px;right:22px;bottom:24px;font-size:27px}
  .office-body{grid-template-columns:1fr;gap:20px}
  .method-row{grid-template-columns:35px 1fr;gap:15px}
  .method-row p{grid-column:2}
  .team-profile-photo{min-height:430px}
  .team-profile-copy h2{font-size:38px}
  .credential{grid-template-columns:1fr;gap:4px}
  .pub-grid{grid-template-columns:1fr}
  .pub-side{grid-template-rows:auto}
  .pub-feature .pub-image{height:350px}
  .form{padding:26px 20px}.form-row{grid-template-columns:1fr;gap:0}
  .footer-top{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}
}
@media(max-width:480px){
  .home-hero h1,.page-hero h1{font-size:43px}
  .footer-top{grid-template-columns:1fr}
}

/* Final visual QA: neutral controls, visible cursor and smooth anchors. */
html{scroll-behavior:smooth!important}
body.sza-deployed-page,
body.sza-deployed-page *{cursor:auto!important}
body.sza-deployed-page a,
body.sza-deployed-page button,
body.sza-deployed-page summary,
body.sza-deployed-page [role="button"]{cursor:pointer!important}
body.sza-deployed-page input,
body.sza-deployed-page textarea,
body.sza-deployed-page select{cursor:text!important}
body.sza-deployed-page input[type="checkbox"],
body.sza-deployed-page input[type="radio"],
body.sza-deployed-page input[type="submit"]{cursor:pointer!important}
body.sza-deployed-page .nav-dd-button,
body.sza-deployed-page .menu{appearance:none!important;border:0!important;outline:0!important;background:transparent!important;color:rgba(255,255,255,.82)!important}
body.sza-deployed-page .nav-dd-button:hover,
body.sza-deployed-page .menu:hover,
body.sza-deployed-page .nav-dd-button:focus-visible,
body.sza-deployed-page .menu:focus-visible{color:#fff!important;border-color:transparent!important}
body.sza-deployed-page a.route,
body.sza-deployed-page a.dark-link,
body.sza-deployed-page a.pub-feature,
body.sza-deployed-page a.pub-small,
body.sza-deployed-page a.article-row,
body.sza-deployed-page a.support-row{color:inherit!important;outline-color:var(--gold2)!important}
body.sza-deployed-page a.route,
body.sza-deployed-page a.dark-link{border-color:var(--line)!important}
body.sza-deployed-page .mobile-nav a.route{color:rgba(255,255,255,.78)!important;border-color:rgba(255,255,255,.10)!important}
body.sza-deployed-page .submit{border:0!important;outline:0!important;background:#fff!important;color:var(--navy)!important}
body.sza-deployed-page .submit:hover{background:#eef0f2!important;color:var(--navy)!important}
body.sza-deployed-page :focus-visible{outline:2px solid var(--gold2)!important;outline-offset:3px}
body.sza-deployed-page img{opacity:1!important;visibility:visible!important}
body.sza-deployed-page .static-practice-art{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;z-index:2!important}
body.sza-deployed-page .person-tease .portrait{position:relative!important;overflow:hidden!important}
body.sza-deployed-page .person-tease .portrait img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:1!important}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
  .reveal{opacity:1;transform:none}
}


/* ============================================================
   V5 MOTION DIRECTIONS
   Tax: converging legal-financial planes
   Enterprise: architectural morph
   ============================================================ */

.practice-feature.tax-feature{
  grid-template-columns:.74fr 1.26fr;
  min-height:690px;
  overflow:visible;
}
.practice-feature.enterprise-feature{
  grid-template-columns:1.28fr .72fr;
  min-height:710px;
  overflow:visible;
}
.tax-feature .practice-copybox{
  padding:74px 60px 68px 0;
  position:relative;
  z-index:6;
}
.enterprise-feature .practice-copybox{
  order:2;
  padding:74px 0 68px 64px;
  position:relative;
  z-index:6;
}

.brand-motion{
  position:relative;
  min-height:690px;
  overflow:hidden;
  isolation:isolate;
  background:#020810;
}
.enterprise-feature .brand-motion{min-height:710px}
.tax-feature .brand-motion{margin-right:-48px}
.enterprise-feature .brand-motion{
  order:1;
  margin-left:-48px;
  background:#01050a;
}
.brand-motion:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  box-shadow:inset 0 0 115px rgba(0,0,0,.62);
  background:linear-gradient(to top,rgba(0,0,0,.30),transparent 34%);
}
.motion-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}
.motion-label{
  position:absolute;
  z-index:10;
  left:27px;
  bottom:22px;
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.48);
  font-size:8px;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.motion-label:before{
  content:"";
  width:23px;height:1px;
  background:var(--gold2);
  opacity:.78;
}
.motion-index{
  position:absolute;
  z-index:10;
  top:24px;
  right:26px;
  color:rgba(255,255,255,.25);
  font-size:8px;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.motion-index b{color:rgba(212,185,106,.78);font-weight:500}
.motion-grain{
  position:absolute;
  inset:0;
  z-index:7;
  pointer-events:none;
  opacity:.022;
  mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

/* Tax visual language */
.tax-motion{
  background:
    radial-gradient(circle at 67% 42%,rgba(26,74,124,.34),transparent 34%),
    linear-gradient(125deg,#020811 0%,#071a30 55%,#0c3159 100%);
}
.tax-motion:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:84px 84px;
  opacity:.42;
  -webkit-mask-image:linear-gradient(to right,transparent 3%,#000 25%,#000 85%,transparent);
  mask-image:linear-gradient(to right,transparent 3%,#000 25%,#000 85%,transparent);
}

/* Enterprise visual language */
.enterprise-motion{
  background:
    radial-gradient(circle at 50% 40%,rgba(31,75,119,.24),transparent 34%),
    #01050a;
}

/* SVG styling */
.svg-soft{stroke:rgba(218,232,244,.18);fill:none;stroke-width:1}
.svg-line{stroke:rgba(234,242,248,.54);fill:none;stroke-width:1;vector-effect:non-scaling-stroke}
.svg-hot{stroke:rgba(255,255,255,.94);fill:none;stroke-width:1.25;vector-effect:non-scaling-stroke}
.svg-gold{stroke:rgba(212,185,106,.62);fill:none;stroke-width:.9;vector-effect:non-scaling-stroke}
.svg-plane{
  fill:rgba(177,205,231,.028);
  stroke:rgba(223,237,247,.26);
  stroke-width:1;
}
.svg-plane-hot{
  fill:rgba(209,227,242,.055);
  stroke:rgba(248,251,253,.54);
  stroke-width:1;
}
.svg-building{
  fill:rgba(197,214,228,.035);
  stroke:rgba(235,243,249,.42);
  stroke-width:1;
}
.svg-window{
  fill:rgba(210,230,246,.035);
  stroke:rgba(239,246,251,.48);
  stroke-width:.8;
}
.svg-window-hot{
  fill:rgba(225,239,250,.095);
  stroke:rgba(255,255,255,.82);
  stroke-width:.9;
}
.svg-shadow{fill:rgba(0,0,0,.64)}
.svg-projection{
  fill:none;
  stroke:rgba(255,255,255,.52);
  stroke-width:1.1;
  stroke-dasharray:2 17;
  stroke-linecap:round;
  animation:v5dash 5.8s linear infinite;
}
.svg-projection.gold{
  stroke:rgba(212,185,106,.62);
  animation-duration:7.2s;
}
@keyframes v5dash{to{stroke-dashoffset:-160}}

@media(max-width:1050px){
  .practice-feature.tax-feature,
  .practice-feature.enterprise-feature{
    grid-template-columns:1fr;
    min-height:0;
  }
  .tax-feature .practice-copybox,
  .enterprise-feature .practice-copybox{
    order:0;
    padding:56px 0;
  }
  .tax-feature .brand-motion,
  .enterprise-feature .brand-motion{
    order:1;
    margin:0;
    min-height:540px;
  }
}
@media(max-width:720px){
  .tax-feature .brand-motion,
  .enterprise-feature .brand-motion{min-height:405px}
  .motion-index{display:none}
  .motion-label{left:18px;bottom:16px}
}
@media(prefers-reduced-motion:reduce){
  .svg-projection{animation:none!important}
}


/* V6 — copy + image-driven architectural assembly */
.home-hero .hero-inner{grid-template-columns:minmax(0,1fr);max-width:1040px}
.home-hero .hero-copy{max-width:760px}
.practice-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}
.practice-actions .dark-link{margin-top:0}
.contact-whatsapp{margin-top:12px;text-decoration:none}
.assembly-canvas{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  z-index:2;
}
.tax-motion{
  background:
    radial-gradient(circle at 67% 42%,rgba(26,74,124,.34),transparent 34%),
    linear-gradient(125deg,#020811 0%,#071a30 55%,#0c3159 100%);
}
.enterprise-motion{
  background:
    radial-gradient(circle at 50% 40%,rgba(31,75,119,.24),transparent 34%),
    #01050a;
}
.enterprise-motion .assembly-canvas{
  filter:saturate(.82) brightness(.84) contrast(1.08);
}
.brand-motion:before{
  content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
  box-shadow:inset 0 0 90px rgba(0,0,0,.24);
}
@media(max-width:720px){
  .practice-actions{gap:18px}
}

/* ============================================================
   V11 — static practice art + refined spacing + technology
   ============================================================ */

/* Home: ritmo mais compacto */
.home-practices{padding-top:88px}
.home-practices-head{padding-bottom:48px;gap:68px}
.practice-feature,
.practice-feature.tax-feature,
.practice-feature.enterprise-feature{
  min-height:560px;
}
.practice-copybox,
.tax-feature .practice-copybox,
.enterprise-feature .practice-copybox{
  padding-top:54px;
  padding-bottom:54px;
}
.practice-feature .brand-motion,
.tax-feature .brand-motion,
.enterprise-feature .brand-motion{
  min-height:520px;
  margin:0;
  overflow:hidden;
}
.when,.support,.home-team,.journal{padding-top:88px;padding-bottom:88px}
.when-grid,.support-head,.home-team-head{gap:68px}
.when-item{padding:22px 0}
.support-row{padding:22px 0}
.home-team-head{margin-bottom:44px}
.person-tease{min-height:390px}
.person-tease .portrait{min-height:390px}
.journal-head{margin-bottom:38px}

/* Frame final como parte do próprio card, sem retângulo visível */
.brand-motion{
  background:#01050a;
}
.enterprise-motion{
  background:
    radial-gradient(circle at 50% 40%,rgba(31,75,119,.24),transparent 34%),
    #01050a;
}
.tax-motion{
  background:
    radial-gradient(circle at 67% 42%,rgba(26,74,124,.34),transparent 34%),
    linear-gradient(125deg,#020811 0%,#071a30 55%,#0c3159 100%);
}
.static-practice-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  padding:42px 54px 46px;
  z-index:2;
  opacity:.96;
  mix-blend-mode:screen;
  filter:contrast(1.04) brightness(.92) saturate(.72);
  -webkit-mask-image:radial-gradient(ellipse 82% 82% at 50% 50%,#000 55%,rgba(0,0,0,.96) 72%,rgba(0,0,0,.48) 88%,transparent 100%);
  mask-image:radial-gradient(ellipse 82% 82% at 50% 50%,#000 55%,rgba(0,0,0,.96) 72%,rgba(0,0,0,.48) 88%,transparent 100%);
}
.enterprise-motion .static-practice-art{
  padding:30px 70px 34px;
  transform:scale(.94);
}
.tax-motion .static-practice-art{
  padding:58px 48px 52px;
  transform:scale(.93);
}
.brand-motion:after{
  box-shadow:inset 0 0 90px rgba(0,0,0,.35);
  background:
    linear-gradient(to top,rgba(1,5,10,.42),transparent 30%),
    linear-gradient(90deg,rgba(1,5,10,.20),transparent 20%,transparent 80%,rgba(1,5,10,.18));
}
.motion-grain{opacity:.015}

/* Tecnologia: editorial, sem aparência de dashboard/startup */
.technology-section{
  padding:92px 0;
  background:var(--navy);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.technology-head{
  display:grid;
  grid-template-columns:.62fr 1.38fr;
  gap:68px;
  align-items:start;
  margin-bottom:46px;
}
.technology-section .big-statement{
  max-width:840px;
}
.technology-intro{
  max-width:720px;
  margin:24px 0 0;
  color:rgba(255,255,255,.52);
  font-size:12px;
  line-height:1.82;
}
.technology-list{
  border-top:1px solid rgba(255,255,255,.13);
}
.technology-row{
  display:grid;
  grid-template-columns:54px 1fr 150px;
  gap:30px;
  align-items:center;
  padding:24px 0;
  border-bottom:1px solid rgba(255,255,255,.11);
}
.tech-no{
  color:var(--gold2);
  font-size:9px;
  letter-spacing:.12em;
}
.technology-row h3{
  margin:0 0 7px;
  font-family:var(--serif);
  font-size:25px;
  line-height:1.15;
  font-weight:500;
  letter-spacing:-.02em;
}
.technology-row p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.46);
  font-size:11px;
  line-height:1.72;
}
.tech-status{
  justify-self:end;
  color:rgba(255,255,255,.34);
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.12em;
}

/* Ajustes gerais de respiro */
.office-story,.method,.practice-intro,.split-section,.team-page,.pub-page{
  padding-top:92px;
  padding-bottom:92px;
}
.service-section{padding-bottom:92px}
.service{padding:28px 0}
.editorial-media{padding-bottom:92px}
.editorial-frame{min-height:500px}

@media(max-width:1050px){
  .practice-feature,
  .practice-feature.tax-feature,
  .practice-feature.enterprise-feature{min-height:0}
  .practice-feature .brand-motion,
  .tax-feature .brand-motion,
  .enterprise-feature .brand-motion{min-height:460px}
  .technology-head{grid-template-columns:1fr;gap:28px}
}
@media(max-width:720px){
  .home-practices{padding-top:72px}
  .practice-feature .brand-motion,
  .tax-feature .brand-motion,
  .enterprise-feature .brand-motion{min-height:340px}
  .static-practice-art{padding:30px}
  .enterprise-motion .static-practice-art,
  .tax-motion .static-practice-art{padding:26px;transform:scale(.96)}
  .when,.support,.home-team,.journal,.technology-section{padding-top:72px;padding-bottom:72px}
  .technology-row{grid-template-columns:34px 1fr;gap:14px}
  .tech-status{grid-column:2;justify-self:start;margin-top:2px}
}

/* ============================================================
   V12 — alternating practice art + final technology grid
   ============================================================ */

/* Explicit desktop positioning so the two construction visuals never
   land on the same side. */
.enterprise-feature{
  display:grid !important;
  grid-template-columns:.94fr 1.06fr !important;
  grid-template-areas:"copy art" !important;
}
.enterprise-feature .practice-copybox{
  grid-area:copy !important;
  order:initial !important;
  padding:48px 58px 48px 0 !important;
}
.enterprise-feature .brand-motion{
  grid-area:art !important;
}
.tax-feature{
  display:grid !important;
  grid-template-columns:1.06fr .94fr !important;
  grid-template-areas:"art copy" !important;
}
.tax-feature .brand-motion{
  grid-area:art !important;
}
.tax-feature .practice-copybox{
  grid-area:copy !important;
  order:initial !important;
  padding:48px 0 48px 58px !important;
}

/* Smaller, more restrained visual frames. */
.practice-feature,
.practice-feature.tax-feature,
.practice-feature.enterprise-feature{min-height:500px !important}
.practice-feature .brand-motion,
.tax-feature .brand-motion,
.enterprise-feature .brand-motion{
  min-height:460px !important;
}
.enterprise-motion .static-practice-art{
  padding:42px 84px 44px !important;
  transform:scale(.88) !important;
}
.tax-motion .static-practice-art{
  padding:68px 60px 64px !important;
  transform:scale(.86) !important;
}

/* Technology is intentionally the final Home section. */
.technology-section{
  padding:96px 0 110px !important;
  background:#061426 !important;
  color:#fff;
}
.technology-head{
  display:grid;
  grid-template-columns:.58fr 1.42fr;
  gap:68px;
  align-items:start;
  margin-bottom:54px !important;
}
.technology-intro{
  max-width:720px;
  margin:23px 0 0;
  color:rgba(255,255,255,.52);
  font-size:12px;
  line-height:1.8;
}
.technology-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.12);
}
.technology-card{
  position:relative;
  aspect-ratio:1/1;
  min-height:0;
  padding:28px;
  background:#071a30;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:background .28s ease,transform .28s ease;
}
.technology-card:nth-child(2n){background:#081d35}
.technology-card:hover{background:#0a2544}
.tech-no{
  font-size:9px;
  letter-spacing:.16em;
  color:var(--gold2);
}
.tech-card-body{margin-top:auto;padding-top:34px}
.tech-kicker{
  display:block;
  margin-bottom:12px;
  color:rgba(255,255,255,.38);
  font-size:8px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.technology-card h3{
  margin:0 0 14px;
  max-width:280px;
  font-family:var(--serif);
  font-size:27px;
  line-height:1.05;
  font-weight:500;
  letter-spacing:-.025em;
}
.technology-card p{
  margin:0;
  max-width:300px;
  color:rgba(255,255,255,.48);
  font-size:10.5px;
  line-height:1.68;
}
.tech-link{
  display:block;
  margin-top:22px;
  color:rgba(255,255,255,.30);
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.14em;
}

@media(max-width:1050px){
  .enterprise-feature,
  .tax-feature{
    grid-template-columns:1fr !important;
    grid-template-areas:"copy" "art" !important;
  }
  .enterprise-feature .practice-copybox,
  .tax-feature .practice-copybox{
    padding:44px 0 !important;
  }
  .technology-head{grid-template-columns:1fr;gap:28px}
  .technology-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .practice-feature .brand-motion,
  .tax-feature .brand-motion,
  .enterprise-feature .brand-motion{min-height:320px !important}
  .enterprise-motion .static-practice-art,
  .tax-motion .static-practice-art{padding:24px !important;transform:scale(.94) !important}
  .technology-grid{grid-template-columns:1fr}
  .technology-card{aspect-ratio:auto;min-height:310px}
}

/* ============================================================
   V13 FIX — quiet luxury hero + typographic wordmark
   ============================================================ */

/* Header wordmark */
.brand{
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
  justify-content:center;
  gap:7px;
  width:max-content;
  color:#fff !important;
  text-decoration:none;
  line-height:1;
  font-family:"Times New Roman",Times,serif !important;
  letter-spacing:0 !important;
}
.brand-main{
  display:block;
  width:100%;
  color:#fff !important;
  font-family:"Times New Roman",Times,serif !important;
  font-size:20px;
  font-weight:400;
  line-height:.92;
  letter-spacing:.045em;
  text-align:center;
  white-space:nowrap;
}
.brand-sub{
  display:block;
  width:100%;
  color:rgba(255,255,255,.78) !important;
  font-family:var(--sans);
  font-size:6.4px;
  font-weight:500;
  line-height:1;
  letter-spacing:.52em;
  text-indent:.52em;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
}
.brand span{color:inherit !important}

/* Consistent dark header because identity is all-white */
.nav{height:82px}
.nav.scrolled,.nav.force-dark{
  height:70px;
  background:rgba(3,13,25,.965);
  backdrop-filter:blur(14px);
  border-color:rgba(255,255,255,.085);
}
.nav-main>a,.nav-dd-button{
  color:rgba(255,255,255,.64);
  font-size:11px;
  letter-spacing:.015em;
}
.nav-contact{
  min-width:84px;
  text-align:center;
  border-color:rgba(255,255,255,.34)!important;
}

/* Hero */
.home-hero{
  position:relative;
  min-height:770px !important;
  display:flex;
  align-items:center !important;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 82% 34%,rgba(30,67,108,.30),transparent 27%),
    linear-gradient(118deg,#020a14 0%,#061426 52%,#0a2748 100%) !important;
}
.home-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.72;
  background:
    linear-gradient(90deg,
      transparent 0%,
      transparent 64%,
      rgba(255,255,255,.045) 64.08%,
      transparent 64.16%,
      transparent 78%,
      rgba(255,255,255,.025) 78.08%,
      transparent 78.16%),
    linear-gradient(180deg,
      transparent 0%,
      transparent 73%,
      rgba(255,255,255,.035) 73.08%,
      transparent 73.16%);
}
.home-hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:rgba(255,255,255,.12);
}
.hero-vignette{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(2,10,20,.72) 0%,rgba(2,10,20,.42) 47%,rgba(2,10,20,.08) 78%,rgba(2,10,20,.22) 100%),
    linear-gradient(to top,rgba(2,10,20,.40),transparent 42%) !important;
}
.hero-inner{
  position:relative;
  z-index:2;
  width:100%;
  display:block !important;
  max-width:none;
  padding-top:168px !important;
  padding-bottom:108px !important;
}
.home-hero .hero-inner>div{max-width:920px}
.home-hero .kicker{
  margin-bottom:25px;
  color:rgba(255,255,255,.48);
  font-size:8.5px;
  font-weight:500;
  letter-spacing:.205em;
  text-transform:uppercase;
}
.home-hero h1{
  margin:0;
  max-width:890px !important;
  font-family:var(--serif);
  font-size:clamp(52px,5.05vw,76px) !important;
  line-height:.99 !important;
  letter-spacing:-.038em !important;
  font-weight:400;
  color:#f8f7f3;
  text-wrap:balance;
}
.home-hero h1 em{
  color:inherit !important;
  font-style:normal !important;
}
.hero-copy{
  max-width:710px !important;
  margin:28px 0 0 !important;
  color:rgba(255,255,255,.59) !important;
  font-size:14px !important;
  line-height:1.72 !important;
  letter-spacing:.002em;
}
.hero-actions{
  display:flex;
  align-items:center;
  gap:30px;
  margin-top:36px !important;
}
.home-hero .btn-light{
  min-height:46px;
  padding:0 22px;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.54);
  color:#fff !important;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.home-hero .btn-light:hover{
  background:#fff !important;
  color:#061426 !important;
}
.home-hero .text-cta{
  color:rgba(255,255,255,.66);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.home-hero .text-cta span{margin-left:9px}

/* Footer wordmark */
.footer-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  color:#fff;
  font-family:"Times New Roman",Times,serif !important;
}
.footer-brand-main{
  color:#fff;
  font-family:"Times New Roman",Times,serif;
  font-size:30px;
  line-height:1;
  letter-spacing:.05em;
}
.footer-brand-sub{
  display:block;
  width:100%;
  color:rgba(255,255,255,.56);
  font-family:var(--sans);
  font-size:7px;
  letter-spacing:.52em;
  text-indent:.52em;
  text-align:center;
  text-transform:uppercase;
}
.footer-brand span{color:inherit !important}

@media(max-width:760px){
  .nav{height:72px}
  .nav.scrolled,.nav.force-dark{height:66px}
  .brand{gap:6px}
  .brand-main{font-size:17px}
  .brand-sub{font-size:5.8px;letter-spacing:.43em;text-indent:.43em}
  .home-hero{min-height:700px !important}
  .hero-inner{
    padding-top:142px !important;
    padding-bottom:82px !important;
  }
  .home-hero h1{
    font-size:clamp(45px,12.2vw,60px) !important;
    line-height:1 !important;
  }
  .hero-copy{
    max-width:560px !important;
    font-size:13px !important;
  }
  .hero-actions{gap:22px}
}

/* ============================================================
   V14 — RESPONSIVE PASS
   Tablet + mobile refinements for the full institutional site
   ============================================================ */

/* ---------- Tablet / smaller desktop ---------- */
@media (max-width: 1180px){
  :root{--max:1120px}
  .wrap{width:min(var(--max),calc(100% - 56px))}

  .nav-inner{gap:24px}
  .nav-main{gap:19px}
  .nav-main>a,.nav-dd-button{font-size:10.5px}

  .home-hero h1{max-width:820px!important}
  .hero-copy{max-width:660px!important}

  .home-practices-head,
  .when-grid,
  .support-head,
  .home-team-head,
  .practice-intro-grid,
  .split-grid,
  .office-story-grid{
    gap:48px;
  }

  .enterprise-feature{
    grid-template-columns:.90fr 1.10fr!important;
  }
  .tax-feature{
    grid-template-columns:1.10fr .90fr!important;
  }

  .enterprise-feature .practice-copybox{
    padding-right:42px!important;
  }
  .tax-feature .practice-copybox{
    padding-left:42px!important;
  }

  .technology-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .footer-top{
    grid-template-columns:1.3fr 1fr 1fr;
  }
  .footer-top>div:last-child{
    grid-column:2/4;
  }
}

/* ---------- Tablet ---------- */
@media (max-width: 980px){
  .wrap{width:calc(100% - 44px)}

  .nav{height:72px}
  .nav.scrolled,.nav.force-dark{height:66px}
  .nav-main{display:none!important}
  .menu{
    display:block!important;
    margin-left:auto;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    background:transparent;
    cursor:pointer;
  }
  .menu span{
    display:block;
    width:22px;
    height:1px;
    background:#fff;
    margin:6px auto;
    transition:transform .2s ease,opacity .2s ease;
  }

  .mobile-nav{
    inset:66px 0 0;
    padding:24px 22px 44px;
  }
  .mobile-nav a{
    font-size:23px;
    line-height:1.15;
    padding:14px 0;
  }
  .mobile-nav .mobile-sub a{
    font-size:12px;
    padding:10px 0 10px 16px;
  }

  .home-hero{
    min-height:690px!important;
    align-items:flex-end!important;
  }
  .hero-inner{
    padding-top:124px!important;
    padding-bottom:74px!important;
  }
  .home-hero .hero-inner>div{
    max-width:780px;
  }
  .home-hero h1{
    font-size:clamp(48px,8vw,66px)!important;
    max-width:760px!important;
  }
  .hero-copy{
    max-width:610px!important;
    font-size:13.5px!important;
  }

  .home-practices{
    padding-top:76px!important;
  }
  .home-practices-head,
  .when-grid,
  .support-head,
  .home-team-head,
  .practice-intro-grid,
  .split-grid,
  .office-story-grid,
  .technology-head{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .home-practices-head{padding-bottom:36px!important}

  .enterprise-feature,
  .tax-feature{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "art"!important;
  }
  .enterprise-feature .practice-copybox,
  .tax-feature .practice-copybox{
    grid-area:copy!important;
    padding:44px 0!important;
  }
  .enterprise-feature .brand-motion,
  .tax-feature .brand-motion{
    grid-area:art!important;
    min-height:420px!important;
  }

  .practice-feature,
  .practice-feature.tax-feature,
  .practice-feature.enterprise-feature{
    min-height:0!important;
  }

  .mini-services{
    grid-template-columns:1fr 1fr;
  }

  .when,.support,.home-team,.journal,.technology-section{
    padding-top:76px!important;
    padding-bottom:76px!important;
  }

  .when-item{
    grid-template-columns:34px .9fr 1.1fr;
    gap:20px;
  }

  .home-team-grid{
    grid-template-columns:1fr;
  }
  .person-tease{
    min-height:360px;
    grid-template-columns:.9fr 1.1fr;
  }
  .person-tease .portrait{
    min-height:360px;
  }

  .technology-card{
    aspect-ratio:auto;
    min-height:340px;
  }

  .page-hero,
  .page-hero.media-hero{
    min-height:560px;
  }
  .page-hero-inner{
    grid-template-columns:1fr;
    gap:32px;
    padding-top:120px;
    padding-bottom:54px;
  }
  .hero-index{
    max-width:540px;
  }

  .team-profile{
    grid-template-columns:1fr;
    min-height:0;
  }
  .team-profile-photo{
    min-height:520px;
  }
  .team-profile-copy{
    padding:42px 0;
  }

  .pub-grid{
    grid-template-columns:1fr;
  }
  .pub-side{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }

  .contact-grid{
    grid-template-columns:1fr;
    gap:46px;
  }

  .footer-top{
    grid-template-columns:1fr 1fr;
    gap:38px;
  }
  .footer-top>div:last-child{
    grid-column:auto;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 700px){
  html{scroll-padding-top:72px}
  body{font-size:14px}

  .wrap{
    width:calc(100% - 32px)!important;
  }

  /* Header / wordmark */
  .nav{height:68px}
  .nav.scrolled,.nav.force-dark{height:64px}
  .nav-inner{gap:12px}
  .brand{
    gap:5px!important;
    transform:none;
  }
  .brand-main{
    font-size:16px!important;
    letter-spacing:.032em!important;
  }
  .brand-sub{
    font-size:5.3px!important;
    letter-spacing:.45em!important;
    text-indent:.45em!important;
  }
  .mobile-nav{inset:64px 0 0}

  /* Hero */
  .home-hero{
    min-height:640px!important;
    background:
      radial-gradient(circle at 76% 25%,rgba(30,67,108,.24),transparent 30%),
      linear-gradient(128deg,#020a14 0%,#061426 58%,#09213c 100%)!important;
  }
  .home-hero:before{
    opacity:.38;
  }
  .hero-vignette{
    background:
      linear-gradient(90deg,rgba(2,10,20,.74),rgba(2,10,20,.40)),
      linear-gradient(to top,rgba(2,10,20,.48),transparent 48%)!important;
  }
  .hero-inner{
    padding-top:112px!important;
    padding-bottom:58px!important;
  }
  .home-hero .kicker{
    margin-bottom:18px;
    font-size:7.5px;
    letter-spacing:.17em;
  }
  .home-hero h1{
    max-width:100%!important;
    font-size:clamp(41px,12.5vw,54px)!important;
    line-height:.98!important;
    letter-spacing:-.037em!important;
  }
  .hero-copy{
    margin-top:22px!important;
    max-width:100%!important;
    font-size:12.5px!important;
    line-height:1.68!important;
  }
  .hero-actions{
    margin-top:28px!important;
    gap:16px!important;
    flex-direction:column;
    align-items:stretch!important;
  }
  .home-hero .btn-light{
    width:100%;
    min-height:48px;
  }
  .home-hero .text-cta{
    width:100%;
    text-align:center;
    padding:9px 0;
  }

  /* Main type scale */
  .big-statement{
    font-size:clamp(34px,9.5vw,43px)!important;
    line-height:1.02!important;
  }
  .practice-copybox h2{
    font-size:40px!important;
    margin-top:28px!important;
  }

  /* Practices */
  .home-practices{padding-top:64px!important}
  .home-practices-head{padding-bottom:28px!important}

  .enterprise-feature .practice-copybox,
  .tax-feature .practice-copybox{
    padding:36px 0 40px!important;
  }

  .mini-services{
    grid-template-columns:1fr!important;
    gap:0!important;
    margin-top:26px;
  }
  .mini-services span{
    padding:10px 0;
    font-size:10.5px;
  }
  .practice-actions{
    margin-top:22px;
    gap:14px;
    align-items:flex-start;
  }

  .enterprise-feature .brand-motion,
  .tax-feature .brand-motion{
    min-height:300px!important;
  }
  .enterprise-motion .static-practice-art{
    padding:18px 34px!important;
    transform:scale(.95)!important;
  }
  .tax-motion .static-practice-art{
    padding:30px 20px!important;
    transform:scale(.94)!important;
  }

  /* Decision section */
  .when,.support,.home-team,.journal,.technology-section{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
  .when-list{margin-top:30px!important}
  .when-item{
    grid-template-columns:28px 1fr!important;
    gap:10px 14px!important;
    padding:20px 0!important;
  }
  .when-item h3{
    font-size:21px!important;
  }
  .when-item p{
    grid-column:2!important;
    font-size:10.5px!important;
  }

  /* Support areas */
  .support-row{
    grid-template-columns:30px 1fr 18px!important;
    gap:12px!important;
    padding:20px 0!important;
  }
  .support-row h3{font-size:22px!important}
  .support-row p{
    grid-column:2/4!important;
    font-size:10.5px!important;
  }

  /* Team */
  .home-team-head{margin-bottom:32px!important}
  .person-tease{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .person-tease .portrait{
    min-height:420px!important;
  }
  .person-tease .pinfo{
    padding:26px!important;
    min-height:230px;
  }
  .person-tease h3{font-size:28px!important}

  /* Publications */
  .journal-head{
    display:block!important;
    margin-bottom:32px!important;
  }
  .journal-head .dark-link{
    margin-top:20px;
  }
  .article-row{
    grid-template-columns:1fr 18px!important;
    gap:7px 10px!important;
    padding:20px 0!important;
  }
  .article-row .cat{grid-column:1}
  .article-row h3{
    grid-column:1;
    font-size:20px!important;
  }
  .article-row time{display:none}
  .article-row .arr{
    grid-column:2;
    grid-row:1/3;
    align-self:center;
  }

  /* Technology */
  .technology-section{
    padding-bottom:72px!important;
  }
  .technology-head{margin-bottom:34px!important}
  .technology-intro{
    font-size:11px!important;
    line-height:1.72!important;
  }
  .technology-grid{
    grid-template-columns:1fr!important;
  }
  .technology-card{
    aspect-ratio:auto!important;
    min-height:285px!important;
    padding:24px!important;
  }
  .technology-card h3{
    font-size:25px!important;
  }
  .technology-card p{
    max-width:100%;
    font-size:10.5px!important;
  }

  /* Internal page hero */
  .page-hero,
  .page-hero.media-hero{
    min-height:500px!important;
  }
  .page-hero-inner{
    padding-top:112px!important;
    padding-bottom:46px!important;
  }
  .page-hero h1{
    font-size:clamp(41px,11.5vw,51px)!important;
    line-height:.99!important;
  }
  .page-hero .lead{
    margin-top:20px!important;
    font-size:12.5px!important;
    line-height:1.68!important;
  }
  .hero-index{display:none!important}

  /* Generic sections */
  .office-story,.method,.practice-intro,.split-section,
  .team-page,.pub-page{
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
  .service-section{
    padding-bottom:64px!important;
  }
  .service{
    grid-template-columns:28px 1fr!important;
    gap:12px!important;
    padding:23px 0!important;
  }
  .service h3{
    font-size:23px!important;
  }
  .service p,.service ul{
    grid-column:2!important;
  }
  .service ul{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  .text-columns{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .office-body{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .method-row{
    grid-template-columns:28px 1fr!important;
    gap:12px!important;
    padding:22px 0!important;
  }
  .method-row p{
    grid-column:2!important;
  }

  /* Editorial image sections */
  .editorial-frame{
    min-height:360px!important;
  }
  .editorial-quote{
    left:20px!important;
    right:20px!important;
    bottom:22px!important;
    max-width:none!important;
    font-size:25px!important;
    line-height:1.08!important;
  }

  /* Team page */
  .team-profile-photo{
    min-height:460px!important;
  }
  .team-profile-copy{
    padding:34px 0!important;
  }
  .team-profile-copy h2{
    font-size:36px!important;
  }
  .credentials{margin-top:24px}
  .credential{
    grid-template-columns:1fr!important;
    gap:3px!important;
    padding:11px 0!important;
  }

  /* Publications page */
  .pub-side{
    grid-template-columns:1fr!important;
  }
  .pub-feature .pub-image{height:310px!important}
  .pub-small .pub-image{height:250px!important}
  .pub-copy{padding:22px!important}
  .pub-copy h2{font-size:27px!important}
  .pub-copy h3{font-size:20px!important}

  /* Contact */
  .contact-page{
    padding:112px 0 64px!important;
  }
  .contact-page h1{
    font-size:clamp(42px,12vw,56px)!important;
  }
  .contact-grid{gap:36px!important}
  .contact-lines{margin-top:30px!important}
  .contact-line{
    grid-template-columns:82px 1fr!important;
    gap:12px!important;
  }
  .form{
    padding:24px 18px!important;
  }
  .form-row{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .submit{
    min-height:50px;
  }

  /* Footer */
  footer{
    padding:44px 0 24px!important;
  }
  .footer-top{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding-bottom:30px!important;
  }
  .footer-brand{
    align-items:flex-start!important;
    width:max-content;
  }
  .footer-brand-main{
    font-size:25px!important;
  }
  .footer-brand-sub{
    font-size:6px!important;
    letter-spacing:.46em!important;
    text-indent:.46em!important;
  }
  .footer-bottom{
    flex-direction:column!important;
    gap:14px!important;
  }
}

/* ---------- Very small phones ---------- */
@media (max-width: 390px){
  .wrap{width:calc(100% - 26px)!important}

  .brand-main{font-size:14.5px!important}
  .brand-sub{font-size:4.9px!important}

  .home-hero h1{
    font-size:39px!important;
  }
  .big-statement{
    font-size:32px!important;
  }

  .enterprise-feature .brand-motion,
  .tax-feature .brand-motion{
    min-height:275px!important;
  }

  .technology-card{
    min-height:270px!important;
  }

  .page-hero h1{
    font-size:39px!important;
  }

  .person-tease .portrait{
    min-height:390px!important;
  }
  .team-profile-photo{
    min-height:420px!important;
  }
}

/* ============================================================
   V15 — spacing between practice rows
   ============================================================ */

.practice-list{
  display:flex !important;
  flex-direction:column;
  gap:34px !important;
}

.practice-feature,
.practice-feature.tax-feature,
.practice-feature.enterprise-feature{
  margin:0 !important;
}

/* preserve a slightly tighter rhythm on smaller screens */
@media (max-width: 980px){
  .practice-list{
    gap:24px !important;
  }
}
@media (max-width: 700px){
  .practice-list{
    gap:18px !important;
  }
}

/* ============================================================
   V16 — REAL spacing between Empresarial and Tributário
   The two .practice-feature elements are direct siblings inside .wrap.
   ============================================================ */
.home-practices .practice-feature + .practice-feature{
  margin-top:52px !important;
}

@media (max-width:980px){
  .home-practices .practice-feature + .practice-feature{
    margin-top:36px !important;
  }
}

@media (max-width:700px){
  .home-practices .practice-feature + .practice-feature{
    margin-top:26px !important;
  }
}

/* ============================================================
   V17 — bottom breathing room + remove horizontal blue seams
   ============================================================ */

/* Same breathing room after the last practice block */
.home-practices{
  padding-bottom:52px !important;
}

/* Remove the old blueprint/grid layer that can create horizontal lines */
.tax-motion:before,
.enterprise-motion:before{
  background:none !important;
  background-image:none !important;
  opacity:1 !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  box-shadow:inset 0 0 90px rgba(0,0,0,.24) !important;
}

/* Eliminate 1px image/container seams on all four edges */
.tax-motion,
.enterprise-motion,
.brand-motion{
  border:0 !important;
  outline:0 !important;
  background-clip:padding-box !important;
}

.tax-motion:after,
.enterprise-motion:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:8 !important;
  pointer-events:none !important;
  border:0 !important;
  outline:0 !important;
  background:
    linear-gradient(to top,rgba(1,5,10,.34),transparent 29%),
    linear-gradient(to bottom,rgba(1,5,10,.22),transparent 14%),
    linear-gradient(90deg,rgba(1,5,10,.18),transparent 18%,transparent 82%,rgba(1,5,10,.18)) !important;
  box-shadow:
    inset 0 2px 0 rgba(1,5,10,.96),
    inset 0 -2px 0 rgba(1,5,10,.96),
    inset 0 0 90px rgba(0,0,0,.30) !important;
}

/* Prevent sub-pixel edges from the image itself showing as a line */
.static-practice-art{
  inset:-1px !important;
  width:calc(100% + 2px) !important;
  height:calc(100% + 2px) !important;
}

/* Preserve the same rhythm responsively */
@media(max-width:980px){
  .home-practices{
    padding-bottom:36px !important;
  }
}
@media(max-width:700px){
  .home-practices{
    padding-bottom:26px !important;
  }
}

/* ============================================================
   V18 — larger construction images inside the frames
   ============================================================ */

/* Desktop */
.enterprise-motion .static-practice-art{
  padding:24px 52px 28px !important;
  transform:scale(.99) !important;
}
.tax-motion .static-practice-art{
  padding:42px 34px 40px !important;
  transform:scale(.98) !important;
}

/* Tablet */
@media(max-width:980px){
  .enterprise-motion .static-practice-art{
    padding:20px 36px 22px !important;
    transform:scale(1.01) !important;
  }
  .tax-motion .static-practice-art{
    padding:26px 24px 26px !important;
    transform:scale(1) !important;
  }
}

/* Mobile */
@media(max-width:700px){
  .enterprise-motion .static-practice-art{
    padding:10px 18px 12px !important;
    transform:scale(1.03) !important;
  }
  .tax-motion .static-practice-art{
    padding:16px 10px 14px !important;
    transform:scale(1.02) !important;
  }
}

/* ============================================================
   V21 — partners only on Home
   ============================================================ */

.person-tease .partner-oab{
  margin-top:10px;
  color:rgba(255,255,255,.58);
  font-size:8px;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.person-tease .partner-position{
  max-width:390px;
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.72);
  font-size:9px;
  line-height:1.55;
  letter-spacing:.025em;
}

/* More breathing room between Felipe and Andressa */
.home-team-grid{
  row-gap:34px !important;
}

@media(max-width:980px){
  .home-team-grid{
    row-gap:28px !important;
  }
}

@media(max-width:700px){
  .home-team-grid{
    row-gap:24px !important;
  }
  .person-tease .partner-position{
    max-width:100%;
    margin-top:8px;
    padding-top:8px;
    font-size:8.5px;
  }
}

/* ============================================================
   V22 — cleaner section hierarchy, minimal gold labels
   ============================================================ */

/* Default section labels now behave like normal editorial captions,
   not repeated gold template-eyebrows. */
.label{
  color:rgba(6,20,38,.56) !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:.015em !important;
  text-transform:none !important;
  line-height:1.35;
}

/* Only two deliberate gold section accents remain. */
.label.label-accent{
  color:var(--gold) !important;
  font-size:9px !important;
  font-weight:600 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}

/* Dark sections need neutral light captions unless explicitly accented. */
.home-team .label:not(.label-accent),
.technology-section .label:not(.label-accent),
footer .label:not(.label-accent){
  color:rgba(255,255,255,.54) !important;
}

/* Numbers are structural, not decorative gold accents. */
.practice-number{
  color:rgba(6,20,38,.40) !important;
}
.enterprise-feature .practice-number,
.tax-feature .practice-number{
  color:rgba(6,20,38,.42) !important;
}

/* Tool numbers also stay quiet so Technology doesn't become a wall of gold. */
.tech-no{
  color:rgba(255,255,255,.34) !important;
}

/* Publication category tags are neutral as well. */
.cat{
  color:rgba(6,20,38,.48) !important;
}

/* Slightly improve spacing between caption and headline now that captions are normal text. */
.home-practices-head .label,
.support-head .label,
.home-team-head .label,
.technology-head .label,
.practice-intro .label,
.office-story .label,
.method .label{
  margin-bottom:0 !important;
}

@media(max-width:700px){
  .label{
    font-size:10.5px !important;
  }
  .label.label-accent{
    font-size:8px !important;
  }
}

/* ============================================================
   V23 — actual visual cleanup
   ============================================================ */

/* All legacy 'gold' roles are now neutral. */
:root{
  --gold:#77808a !important;
  --gold2:#aeb5bd !important;
  --accent:#b9974f;
}

/* Do not color editorial emphasis yellow. */
h1 em,
h2 em,
h3 em,
.big-statement em,
.page-hero h1 em,
.contact-page h1 em,
.home-hero h1 em{
  color:inherit !important;
  font-style:normal !important;
}

/* Normal section captions. */
.label{
  color:rgba(7,22,42,.50) !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.home-team .label:not(.label-accent),
.technology-section .label:not(.label-accent){
  color:rgba(255,255,255,.48) !important;
}

/* The ONLY two gold details on the site. */
.label.label-accent{
  color:var(--accent) !important;
  font-size:9px !important;
  font-weight:600 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

/* Everything that previously looked gold/yellow becomes neutral. */
.practice-number,
.when-item .n,
.support-row .num,
.service .no,
.method-row .num,
.article-row .cat,
.pub-copy .cat,
.person-tease .role,
.team-profile-copy .role,
.tech-no,
.hero-index small,
.hero-note small,
.motion-index,
.motion-label,
.motion-caption{
  color:rgba(7,22,42,.42) !important;
}
.home-team .person-tease .role,
.technology-section .tech-no,
.motion-index,
.motion-label,
.motion-caption,
.hero-index small,
.hero-note small{
  color:rgba(255,255,255,.38) !important;
}

.service li:before{
  background:rgba(7,22,42,.32) !important;
}
.article-row:hover .arr{
  color:var(--ink) !important;
}
.btn-light:hover,
.submit:hover{
  background:#eef0f2 !important;
}
.field input:focus,
.field select:focus,
.field textarea:focus{
  border-color:rgba(255,255,255,.42) !important;
}

/* Frames: no generated grid, no pseudo horizontal line, no seam. */
.enterprise-motion:before,
.enterprise-motion:after,
.tax-motion:before,
.tax-motion:after,
.brand-motion:before,
.brand-motion:after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
  border:0 !important;
}

.enterprise-motion,
.tax-motion,
.brand-motion{
  border:0 !important;
  outline:0 !important;
  overflow:hidden !important;
}

/* Cleaned PNG/WebP art now carries only the luminous structure. */
.static-practice-art{
  mix-blend-mode:screen !important;
  -webkit-mask-image:radial-gradient(ellipse 88% 88% at 50% 50%,#000 62%,rgba(0,0,0,.94) 78%,rgba(0,0,0,.35) 93%,transparent 100%) !important;
  mask-image:radial-gradient(ellipse 88% 88% at 50% 50%,#000 62%,rgba(0,0,0,.94) 78%,rgba(0,0,0,.35) 93%,transparent 100%) !important;
}

@media(max-width:700px){
  .label{font-size:10.5px !important}
  .label.label-accent{font-size:8px !important}
}

/* ============================================================
   V24 — remove the actual grey divider from practice cards
   ============================================================ */
.home-practices .practice-feature,
.home-practices .practice-feature.tax-feature,
.home-practices .practice-feature.enterprise-feature{
  border-top:0 !important;
  border-bottom:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  outline:0 !important;
}

/* ============================================================
   V25 — restore partners on Home
   ============================================================ */
.home-team-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:34px !important;
}
.partner-card-home{
  text-decoration:none;
  color:inherit;
}
.person-tease .partner-oab{
  display:block;
  margin-top:10px;
  color:rgba(255,255,255,.58) !important;
  font-size:8px !important;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.person-tease .partner-position{
  max-width:410px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.13);
  color:rgba(255,255,255,.72);
  font-size:9px;
  line-height:1.55;
  letter-spacing:.02em;
}
.person-tease .pinfo p{
  margin-top:18px;
}
@media(max-width:980px){
  .home-team-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }
}
@media(max-width:700px){
  .home-team-grid{gap:24px !important}
  .person-tease .partner-position{
    max-width:100%;
    font-size:8.5px;
  }
}

/* ============================================================
   V26 — restore original partner cards + left-aligned headings
   ============================================================ */

/* --- TEAM CARDS: restore the original continuous editorial grid --- */
.home-team-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 !important;
  row-gap:0 !important;
  column-gap:0 !important;
  border-top:1px solid var(--lineLight) !important;
  border-left:1px solid var(--lineLight) !important;
}

.home-team-grid .person-tease{
  min-height:430px !important;
  display:grid !important;
  grid-template-columns:.85fr 1.15fr !important;
  border-right:1px solid var(--lineLight) !important;
  border-bottom:1px solid var(--lineLight) !important;
  border-top:0 !important;
  border-left:0 !important;
  background:transparent !important;
}

.home-team-grid .person-tease .portrait{
  min-height:430px !important;
  background:#132c4c !important;
  position:relative;
  overflow:hidden;
}

.home-team-grid .person-tease .portrait img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  filter:grayscale(1) contrast(.95) !important;
}

.home-team-grid .person-tease .portrait:after{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(6,20,38,.42),transparent 50%) !important;
}

.home-team-grid .person-tease .pinfo{
  padding:32px !important;
  display:flex !important;
  flex-direction:column;
  justify-content:flex-end !important;
}

.home-team-grid .person-tease h3{
  margin:0 0 5px !important;
  font-family:var(--serif);
  font-size:31px !important;
  font-weight:500;
  letter-spacing:-.03em;
}

.home-team-grid .person-tease .partner-oab{
  display:block;
  margin-top:4px !important;
  color:rgba(255,255,255,.52) !important;
  font-size:8px !important;
  line-height:1.2;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.home-team-grid .person-tease .partner-position{
  max-width:410px;
  margin-top:9px !important;
  padding-top:0 !important;
  border-top:0 !important;
  color:rgba(255,255,255,.70) !important;
  font-size:9px !important;
  line-height:1.55;
  letter-spacing:.015em;
}

.home-team-grid .person-tease .pinfo p{
  margin:18px 0 0 !important;
  color:rgba(255,255,255,.48) !important;
  font-size:11px !important;
  line-height:1.72;
}

/* --- TEAM HEADING --- */
.home-team-head{
  display:block !important;
  max-width:900px !important;
  margin:0 0 44px 0 !important;
}

.home-team-head .label{
  display:block;
  margin-bottom:15px !important;
}

.home-team-head .big-statement{
  max-width:820px !important;
  margin:0 !important;
  text-align:left !important;
}

.team-head-copy{
  max-width:690px;
  margin:20px 0 0 !important;
  color:rgba(255,255,255,.48);
  font-size:11.5px;
  line-height:1.75;
}

/* --- MAIN SECTION HEADINGS: stop pushing everything to the right --- */
.home-practices-head,
.support-head,
.technology-head{
  display:block !important;
  max-width:920px !important;
  margin-left:0 !important;
  margin-right:auto !important;
}

.home-practices-head .label,
.support-head .label,
.technology-head .label{
  display:block;
  margin-bottom:15px !important;
}

.home-practices-head .big-statement,
.support-head .big-statement,
.technology-head .big-statement{
  max-width:860px !important;
  margin:0 !important;
  text-align:left !important;
}

.when-grid{
  grid-template-columns:1fr !important;
  gap:18px !important;
  max-width:920px;
}

.when-grid .big-statement{
  max-width:850px !important;
  margin:0 !important;
  text-align:left !important;
}

/* Internal pages: same calmer hierarchy */
.practice-intro-grid,
.office-story-grid{
  grid-template-columns:1fr !important;
  gap:22px !important;
}

.practice-intro .big-statement,
.office-story .big-statement{
  max-width:880px !important;
  margin:0 !important;
  text-align:left !important;
}

.practice-intro-copy,
.office-body{
  max-width:800px !important;
  margin-left:0 !important;
}

/* Keep some asymmetry elsewhere so the site doesn't become monotonous. */
.split-grid{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;
}

/* Responsive: same card design, stacked cleanly */
@media(max-width:980px){
  .home-team-grid{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  .home-team-grid .person-tease{
    grid-template-columns:.85fr 1.15fr !important;
  }

  .home-practices-head,
  .support-head,
  .home-team-head,
  .technology-head,
  .when-grid{
    max-width:100% !important;
  }
}

@media(max-width:700px){
  .home-team-grid .person-tease{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }

  .home-team-grid .person-tease .portrait{
    min-height:410px !important;
  }

  .home-team-grid .person-tease .pinfo{
    min-height:230px !important;
    padding:26px !important;
  }

  .home-team-grid .person-tease h3{
    font-size:28px !important;
  }

  .team-head-copy{
    font-size:10.8px;
  }
}

/* ============================================================
   V27 — swap practice images and restore black backgrounds
   ============================================================ */

.enterprise-motion,
.tax-motion,
.brand-motion{
  background:#000 !important;
  background-image:none !important;
}

/* images tuned for the new compositions */
.enterprise-motion .static-practice-art{
  padding:18px 22px 20px !important;
  transform:scale(1.02) !important;
  object-position:center center !important;
}

.tax-motion .static-practice-art{
  padding:22px 26px 24px !important;
  transform:scale(1.01) !important;
  object-position:center center !important;
}

@media(max-width:980px){
  .enterprise-motion .static-practice-art{
    padding:16px 18px 18px !important;
    transform:scale(1.03) !important;
  }
  .tax-motion .static-practice-art{
    padding:18px 20px 20px !important;
    transform:scale(1.02) !important;
  }
}

@media(max-width:700px){
  .enterprise-motion .static-practice-art{
    padding:8px 10px 10px !important;
    transform:scale(1.04) !important;
  }
  .tax-motion .static-practice-art{
    padding:12px 12px 14px !important;
    transform:scale(1.03) !important;
  }
}

/* ============================================================
   V28 — definitive responsive layer for INTERNAL PAGES
   Applied last to override older conflicting grid rules.
   ============================================================ */

.page{
  overflow-x:clip;
}

/* ---------- Internal pages: tablet ---------- */
@media(max-width:980px){

  /* HERO */
  .page-hero,
  .page-hero.media-hero{
    min-height:560px !important;
  }

  .page-hero-inner{
    display:block !important;
    padding-top:124px !important;
    padding-bottom:58px !important;
  }

  .page-hero-inner > div:first-child{
    max-width:760px !important;
  }

  .page-hero h1{
    max-width:760px !important;
    font-size:clamp(48px,7.8vw,65px) !important;
    line-height:.98 !important;
    letter-spacing:-.045em !important;
  }

  .page-hero .lead{
    max-width:620px !important;
    margin-top:23px !important;
    font-size:13.5px !important;
    line-height:1.72 !important;
  }

  .hero-index{
    display:none !important;
  }

  .page-hero-bg img{
    animation:none !important;
    transform:scale(1.02) !important;
  }

  /* INTRO / OFFICE / SPLIT
     Force one-column after the later desktop override in V26. */
  .practice-intro-grid,
  .office-story-grid,
  .split-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .practice-intro-copy,
  .office-body,
  .split-grid > *,
  .text-columns{
    min-width:0 !important;
    max-width:100% !important;
  }

  .practice-intro .big-statement,
  .office-story .big-statement{
    max-width:820px !important;
  }

  /* SERVICES
     Actual markup is: number / h3 / div.
     Explicitly place the third child below the heading. */
  .service{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    column-gap:18px !important;
    row-gap:12px !important;
    padding:28px 0 !important;
  }

  .service > .no{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .service > h3{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0;
  }

  .service > div{
    grid-column:2 !important;
    grid-row:2 !important;
    min-width:0 !important;
  }

  .service > div p,
  .service > div ul{
    width:100% !important;
    max-width:100% !important;
  }

  /* OFFICE METHOD */
  .method-row{
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    column-gap:18px !important;
    row-gap:9px !important;
  }

  .method-row > .num{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .method-row > h3{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
  }

  .method-row > p{
    grid-column:2 !important;
    grid-row:2 !important;
    min-width:0 !important;
  }

  /* TRIBUTÁRIO integration block */
  .split-section .split-grid{
    grid-template-columns:1fr !important;
  }

  .text-columns{
    grid-template-columns:1fr 1fr !important;
    gap:28px !important;
  }

  /* PUBLICATIONS */
  .pub-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .pub-side{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    grid-template-rows:auto !important;
    gap:22px !important;
  }

  /* CONTACT */
  .contact-grid{
    grid-template-columns:1fr !important;
    gap:44px !important;
  }

  .form{
    width:100% !important;
    max-width:760px !important;
  }
}

/* ---------- Internal pages: phones ---------- */
@media(max-width:700px){

  .page > section{
    max-width:100vw;
  }

  /* HERO */
  .page-hero,
  .page-hero.media-hero{
    min-height:0 !important;
    height:auto !important;
    align-items:flex-end !important;
  }

  .page-hero-inner{
    min-height:520px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-end !important;
    padding-top:112px !important;
    padding-bottom:46px !important;
  }

  .page-hero h1{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:clamp(39px,11.2vw,49px) !important;
    line-height:1 !important;
    letter-spacing:-.041em !important;
    overflow-wrap:anywhere;
  }

  .page-hero .lead{
    width:100% !important;
    max-width:100% !important;
    margin:19px 0 0 !important;
    font-size:12.5px !important;
    line-height:1.67 !important;
  }

  .page-hero-bg:after{
    background:
      linear-gradient(90deg,rgba(6,20,38,.96) 0%,rgba(6,20,38,.77) 72%,rgba(6,20,38,.50) 100%),
      linear-gradient(to top,rgba(6,20,38,.78),transparent 62%) !important;
  }

  /* SECTION RHYTHM */
  .practice-intro,
  .office-story,
  .method,
  .split-section,
  .pub-page{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }

  .practice-intro-grid,
  .office-story-grid,
  .split-grid{
    grid-template-columns:1fr !important;
    gap:17px !important;
  }

  .practice-intro .label,
  .office-story .label,
  .split-section .label{
    margin:0 0 3px !important;
  }

  .practice-intro .big-statement,
  .office-story .big-statement{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(32px,9.1vw,41px) !important;
    line-height:1.03 !important;
    letter-spacing:-.034em !important;
  }

  .practice-intro-copy p,
  .office-body p,
  .text-columns p{
    font-size:11.5px !important;
    line-height:1.75 !important;
  }

  /* SERVICE LIST */
  .service-section{
    padding:0 0 58px !important;
  }

  .service-list{
    border-top:1px solid var(--line) !important;
  }

  .service{
    grid-template-columns:26px minmax(0,1fr) !important;
    column-gap:11px !important;
    row-gap:10px !important;
    padding:23px 0 !important;
  }

  .service > .no{
    grid-column:1 !important;
    grid-row:1 !important;
    padding-top:5px;
    font-size:8px !important;
  }

  .service > h3{
    grid-column:2 !important;
    grid-row:1 !important;
    margin:0 !important;
    font-size:22px !important;
    line-height:1.12 !important;
    overflow-wrap:anywhere;
  }

  .service > div{
    grid-column:2 !important;
    grid-row:2 !important;
    width:100% !important;
    min-width:0 !important;
  }

  .service > div p{
    margin:0 !important;
    font-size:10.8px !important;
    line-height:1.7 !important;
  }

  .service > div ul{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin-top:14px !important;
  }

  .service li{
    font-size:10px !important;
    line-height:1.5;
  }

  /* OFFICE */
  .office-body{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    margin-top:25px !important;
    padding-top:22px !important;
  }

  .method-row{
    grid-template-columns:26px minmax(0,1fr) !important;
    column-gap:11px !important;
    row-gap:7px !important;
    padding:21px 0 !important;
  }

  .method-row > h3{
    font-size:21px !important;
    line-height:1.15 !important;
  }

  .method-row > p{
    font-size:10.8px !important;
    line-height:1.7 !important;
  }

  /* EDITORIAL IMAGE ON PRACTICE PAGES */
  .editorial-media{
    padding-bottom:58px !important;
  }

  .editorial-frame{
    min-height:330px !important;
  }

  .editorial-frame img{
    object-position:center !important;
  }

  .editorial-quote{
    left:18px !important;
    right:18px !important;
    bottom:20px !important;
    max-width:none !important;
    font-size:23px !important;
    line-height:1.08 !important;
  }

  /* INTEGRATION / TWO COLUMNS */
  .text-columns{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:25px !important;
  }

  .text-columns h3{
    font-size:22px !important;
    margin-bottom:10px !important;
  }

  /* PUBLICATIONS */
  .pub-grid,
  .pub-side{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .pub-feature,
  .pub-small{
    min-width:0 !important;
  }

  .pub-feature .pub-image{
    height:270px !important;
  }

  .pub-small .pub-image{
    height:225px !important;
  }

  .pub-copy{
    padding:20px !important;
  }

  .pub-copy h2{
    font-size:25px !important;
    line-height:1.08 !important;
  }

  .pub-copy h3{
    font-size:20px !important;
    line-height:1.12 !important;
  }

  /* CONTACT */
  .contact-page{
    min-height:auto !important;
    padding:108px 0 58px !important;
  }

  .contact-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .contact-page h1{
    width:100% !important;
    font-size:clamp(39px,11.5vw,50px) !important;
    overflow-wrap:anywhere;
  }

  .contact-page .intro{
    max-width:100% !important;
    font-size:11.5px !important;
    line-height:1.72 !important;
  }

  .contact-line{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) !important;
    gap:10px !important;
    padding:13px 0 !important;
  }

  .contact-line span{
    font-size:8px !important;
  }

  .contact-line strong{
    min-width:0 !important;
    font-size:10.5px !important;
    overflow-wrap:anywhere;
  }

  .form{
    width:100% !important;
    max-width:none !important;
    padding:21px 16px !important;
  }

  .form-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
  }

  .field,
  .field input,
  .field select,
  .field textarea{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
  }

  .submit{
    width:100% !important;
    min-height:49px !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
}

/* ---------- Narrow phones ---------- */
@media(max-width:390px){
  .page-hero-inner{
    min-height:500px !important;
  }

  .page-hero h1{
    font-size:38px !important;
  }

  .practice-intro .big-statement,
  .office-story .big-statement{
    font-size:31px !important;
  }

  .service > h3{
    font-size:21px !important;
  }

  .editorial-frame{
    min-height:300px !important;
  }

  .pub-feature .pub-image{
    height:245px !important;
  }
}



.person-tease .portrait img,
.team-profile-photo img{
  object-position:center 28%;
}
+
/* ============================================================
   REFERENCE PARITY — isolate the custom canvas from theme defaults
   ============================================================ */
body.sza-deployed-page .nav{
  display:block!important;
  height:82px!important;
  padding:0!important;
}
body.sza-deployed-page .nav-inner{height:100%!important}
body.sza-deployed-page .brand{
  border:0!important;
  padding:0!important;
}
body.sza-deployed-page .nav-main{
  display:flex!important;
  align-items:center!important;
}
body.sza-deployed-page .nav-dd-button{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  font-family:var(--sans)!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.65!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  color:rgba(255,255,255,.64)!important;
}
body.sza-deployed-page .nav-dd-button i{
  display:block!important;
  flex:0 0 5px!important;
  width:5px!important;
  height:5px!important;
  border:0!important;
  border-right:1px solid currentColor!important;
  border-bottom:1px solid currentColor!important;
}
body.sza-deployed-page .nav-contact{
  display:block!important;
  min-width:84px!important;
  padding:10px 15px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  color:#fff!important;
  text-align:center!important;
}
body.sza-deployed-page a.route.nav-contact{
  border-color:rgba(255,255,255,.34)!important;
}
body.sza-deployed-page .menu{
  display:none!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  border:0!important;
}
body.sza-deployed-page a *,
body.sza-deployed-page button *{cursor:pointer!important}
body.sza-deployed-page .emoji{
  display:inline!important;
  width:1em!important;
  height:1em!important;
}

@media(max-width:1050px){
  body.sza-deployed-page .nav-main{display:none!important}
  body.sza-deployed-page .menu{display:block!important}
}
@media(max-width:760px){
  body.sza-deployed-page .nav{height:72px!important}
}

/* Internal page container + native-feel smooth wheel/trackpad scrolling. */
body.sza-deployed-page .page-hero-inner{
  width:min(var(--max),calc(100% - 96px))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
@media(max-width:1050px) and (min-width:701px){
  body.sza-deployed-page .page-hero-inner{width:calc(100% - 52px)!important}
}
@media(max-width:700px){
  body.sza-deployed-page .page-hero-inner{width:calc(100% - 32px)!important}
}

/* Lenis recommended CSS: keep the document's native scroll geometry intact. */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-smooth iframe{pointer-events:none}

/* Automatic latest-post cards rendered by the WordPress query on the Home. */
.sza-home-articles{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  border-top:0;
}
.sza-home-post-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  color:var(--ink);
  background:var(--white);
  border:1px solid var(--line);
  transition:transform .25s var(--ease),border-color .25s ease,box-shadow .25s ease;
}
.sza-home-post-card:hover{
  transform:translateY(-4px);
  border-color:rgba(7,22,42,.28);
  box-shadow:0 14px 34px rgba(7,22,42,.08);
}
.sza-home-post-card__media{
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  background:var(--navy);
}
.sza-home-post-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.72) contrast(.98);
  transition:transform .45s var(--ease),filter .45s ease;
}
.sza-home-post-card:hover .sza-home-post-card__media img{
  transform:scale(1.04);
  filter:saturate(.9) contrast(1);
}
.sza-home-post-card__media--fallback{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  padding:24px;
  color:rgba(255,255,255,.72);
  background:linear-gradient(135deg,var(--navy),var(--navy2));
  font-family:var(--serif);
  font-size:20px;
  letter-spacing:-.03em;
}
.sza-home-post-card__media--fallback small{
  color:rgba(255,255,255,.4);
  font:600 8px/1.2 var(--sans);
  letter-spacing:.14em;
}
.sza-home-post-card__body{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
  min-height:230px;
  padding:23px 24px 25px;
}
.sza-home-post-card__body .cat{
  color:rgba(7,22,42,.48);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.sza-home-post-card__body h3{
  margin:0;
  max-width:100%;
  font-family:var(--serif);
  font-size:24px;
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.025em;
}
.sza-home-post-card__excerpt{
  display:-webkit-box;
  overflow:hidden;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.sza-home-post-card__body time{
  margin-top:auto;
  color:var(--muted);
  font-size:9px;
}
.sza-home-post-card__body .arr{
  position:absolute;
  right:24px;
  bottom:23px;
  color:var(--muted);
  transition:transform .2s ease,color .2s ease;
}
.sza-home-post-card:hover .arr{
  color:var(--ink);
  transform:translate(3px,-3px);
}
@media(max-width:900px){
  .sza-home-articles{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .sza-home-articles{grid-template-columns:1fr;gap:14px}
  .sza-home-post-card__body{min-height:0;padding:20px}
  .sza-home-post-card__body h3{font-size:23px}
  .sza-home-post-card__body .arr{right:20px;bottom:20px}
}

/* V1.0.17 — unify dark surfaces and keep Technology hidden while under review. */
:root{
  --navy2:var(--navy) !important;
}
body.sza-deployed-page .home-team,
body.sza-deployed-page .technology-section,
body.sza-deployed-page .contact-page,
body.sza-deployed-page footer,
body.sza-deployed-page .editorial-frame,
body.sza-deployed-page .pub-image{
  background:var(--navy) !important;
}
body.sza-deployed-page .person-tease .portrait,
body.sza-deployed-page .technology-card,
body.sza-deployed-page .technology-card:nth-child(2n),
body.sza-deployed-page .technology-card:hover{
  background:var(--navy) !important;
}
body.sza-deployed-page .technology-grid{
  background:rgba(255,255,255,.12) !important;
}
body.sza-deployed-page #tecnologia{
  display:none !important;
}