/* One quiet visual language, with a restrained color shift for each subject. */
@media(max-width:760px){html{scroll-padding-top:120px}}
.hero-panel{--flow-filter:saturate(.68);--flow-paper:#b5c0ce;--flow-light:#e0e6ed;background:var(--flow-paper)}
.hero-panel[data-flow-theme=cases]{--flow-filter:saturate(.55) hue-rotate(-12deg);--flow-paper:#b7c3cd;--flow-light:#e1e7ed}
.hero-panel[data-flow-theme=global]{--flow-filter:sepia(.68) saturate(.75) hue-rotate(348deg) brightness(1.04);--flow-paper:#d0baa2;--flow-light:#f1e5d5}
.hero-panel[data-flow-theme=global] .eyebrow{color:#765737}
.hero-panel[data-flow-theme=global] h1,.hero-panel[data-flow-theme=global] h2{color:#4e3b2c}
.hero-panel[data-flow-theme=global] .section-caption,.hero-panel[data-flow-theme=global] .page-intro>p{color:#665745}
.hero-panel[data-flow-theme=global] .text-button,.hero-panel[data-flow-theme=global] .back-link{color:#745337}
.hero-panel[data-flow-theme=laws]{--flow-filter:saturate(.5) hue-rotate(-73deg) brightness(1.04);--flow-paper:#bdc9c3;--flow-light:#e4ebe6}
.hero-panel[data-flow-theme=insights]{--flow-filter:saturate(.52) hue-rotate(38deg) brightness(1.04);--flow-paper:#c2c0d0;--flow-light:#e8e5ef}
.hero-panel[data-flow-theme=team]{--flow-filter:saturate(.42) hue-rotate(168deg) brightness(1.07);--flow-paper:#cbc5bd;--flow-light:#ede8e1}
.hero-artwork,.hero-liquid{filter:var(--flow-filter);animation:none;transition:none}
.hero-underlay{position:absolute;z-index:-4;inset:-8%;pointer-events:none;background:radial-gradient(ellipse at 20% 25%,var(--flow-light),transparent 58%),radial-gradient(ellipse at 75% 60%,#f7f8fa99,transparent 56%),var(--flow-paper);animation:flow-first-paint 5s cubic-bezier(.16,.3,.25,1) both;will-change:transform}
.hero-artwork{inset:-2%;width:104%;height:104%;transform-origin:center;animation:flow-first-paint 5s cubic-bezier(.16,.3,.25,1) both;will-change:transform}
@keyframes flow-first-paint{from{transform:translate3d(-1.1%,-.65%,0) scale(1.025)}to{transform:translate3d(.85%,.5%,0) scale(1.045)}}
.hero-panel.has-liquid .hero-artwork{animation-play-state:paused;will-change:auto}
.hero-panel.has-liquid .hero-underlay{animation-play-state:paused;will-change:auto}
.hero-panel[data-motion-active=false] .hero-artwork,.hero-panel[data-motion-active=false] .hero-underlay{animation-play-state:paused}
.hero-panel .reveal{animation:none}
.hero-panel::after{background:linear-gradient(100deg,#ffffff42,#ffffff1a 60%,#ffffff0a)}
.hero-panel.page-flow{width:100%;--page-hero-height:340px;min-height:var(--page-hero-height);border-bottom:1px solid #e0e5e9}.page-flow>.page-intro{min-height:calc(var(--page-hero-height) - 1px);padding-block:32px}.page-flow>.news-intro{align-items:flex-start}.page-flow .page-intro h1{font-size:44px;line-height:1.45;margin:16px 0}.page-flow .page-intro>p{color:#526174;font-size:14px;max-width:650px;line-height:1.9}
.page-flow .law-library-meta{color:#5d6c64}.page-flow .law-library-meta strong{color:#31463b}.law-library{padding-top:22px}
.section-flow{border:1px solid #dce2e7;border-radius:16px;margin-bottom:24px}.section-flow-content{position:relative;padding:26px 30px}.section-flow-content.section-heading{margin:0;align-items:center}.section-flow .section-heading{margin-bottom:10px}.section-flow .section-caption{margin:8px 0 0!important;color:#536276;line-height:1.9}.section-flow .text-button{flex-shrink:0;background:#ffffff80;padding:9px 13px;border:1px solid #ffffff90;border-radius:20px;color:#3f5270}.section-flow h2{color:#293a50}
.detail-flow{border-radius:16px;padding:28px 32px;margin-bottom:28px;border:1px solid #dfe4e9}.detail-flow .detail-title{margin-block:14px 8px}.detail-flow .article-header,.detail-flow .law-document-header{margin:0 auto}.detail-flow .law-document-header h1{margin:12px 0}.detail-flow .article-byline{margin-bottom:0}.detail-flow>.back-link{margin-bottom:15px}.detail-flow .detail-meta{margin:0}.detail-flow .detail-tags{margin-block:16px 0}.detail-flow .source-badge,.detail-flow .pill,.detail-flow .detail-tags>span{background:#ffffff8f;border-color:#ffffffb8}
.team-page-hero h1{font-size:42px;line-height:1.5;font-weight:500;max-width:650px;margin:16px 0 22px}.team-page-hero .team-hero-copy{max-width:680px;font-size:14px;color:#5b5d60;line-height:2}.team-page-hero .team-hero-copy p+p{margin-top:12px}.team-content{padding-bottom:45px}.team-intro{padding-top:42px}
/* Let the first painted background move immediately; text need not veil it. */
#main{animation:none}.hero-liquid{opacity:0;transition:none}.hero-panel.has-liquid .hero-liquid{opacity:1}
.nav-links{gap:26px}.nav-links>a{white-space:nowrap}
@media(max-width:1050px){.nav-links{gap:17px}.nav-workspace{font-size:11px}.page-flow .page-intro h1{font-size:39px}}
@media(max-width:760px){.nav{height:auto;min-height:65px;flex-wrap:wrap;gap:8px 16px;padding-block:12px}.nav .brand{flex:1}.nav-links{order:3;width:100%;justify-content:space-between;gap:12px;padding-top:8px;border-top:1px solid #edf0f3;font-size:12px}.nav-links>a:last-child{display:block}.nav-workspace{font-size:11px}.nav-workspace span{font-size:13px}.page-flow>.page-intro{padding-block:28px}.page-flow .page-intro h1{font-size:34px}.page-flow .page-intro>p{font-size:12px}.section-flow-content{padding:22px 20px}.section-flow-content.section-heading{flex-wrap:wrap;gap:16px}.section-flow h2{font-size:23px}.section-flow .section-caption{font-size:11px}.section-flow .text-button{font-size:11px}.detail-flow{padding:24px 20px;border-radius:12px;margin-bottom:24px}.detail-flow .detail-title{font-size:26px;line-height:1.7}.detail-flow .back-link{margin-bottom:15px}.detail-flow .law-document-header h1{font-size:25px}.team-page-hero h1{font-size:32px}.team-page-hero .team-hero-copy{font-size:12px}.hero-artwork{object-position:68% center}.law-library{padding-top:18px}}
@media(max-width:420px){.nav-links{gap:8px;font-size:11px}.nav-workspace{display:none}.nav{gap:8px}.team-page-hero h1{font-size:29px}}
html[data-motion=reduce] .hero-artwork,html[data-motion=reduce] .hero-underlay{animation:none;transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.hero-artwork,.hero-underlay{animation:none!important;transform:none;will-change:auto}}
/* A persistent poster prevents mobile Safari from exposing an empty GPU layer. */
@media(max-width:760px){
  .hero-panel .hero-liquid{display:none}
  .hero-panel .hero-artwork{visibility:visible}
  .hero-panel[data-liquid=poster] .hero-artwork{animation:none}
  .hero-panel[data-liquid=css] .hero-artwork{animation-name:flow-mobile-poster}
  html[data-motion=reduce] .hero-panel .hero-artwork{animation:none}
}
@keyframes flow-mobile-poster{from{transform:translate3d(-1.6%,-.8%,0) scale(1.025)}to{transform:translate3d(1.1%,.7%,0) scale(1.055)}}
