/* Premium public practice previews and the locked-case screen */
.bpp,.bpp-locked{--ink:#17384c;--gold:#ba955f;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink)}
.bpp *,.bpp-locked *{box-sizing:border-box}
.bpp a,.bpp-locked a{text-decoration:none}
.bpp a:focus-visible,.bpp-locked a:focus-visible{outline:3px solid #b18c56;outline-offset:3px}
.bpp-wrap{width:min(1110px,calc(100% - 44px));margin:auto}
.bpp-hero{background:radial-gradient(circle at 85% 20%,#35576b 0%,transparent 43%),linear-gradient(130deg,#112c3f,#1c4053);color:#fff}
.bpp-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:55px;align-items:center;padding:79px 0 89px}
.bpp-eyebrow{display:block;color:#a5814c;font:800 10px/1.6 Arial,sans-serif;letter-spacing:.18em}
.bpp-hero .bpp-eyebrow{color:#e3c18a}
.bpp-hero h1{max-width:750px;font:400 clamp(40px,5.3vw,70px)/1.12 Georgia,serif;letter-spacing:-.035em;color:#fff;margin:20px 0 28px}
.bpp-lead{font:400 clamp(21px,2.3vw,27px)/1.42 Georgia,serif;color:#ebd3af}
.bpp-description{font-size:15px;line-height:1.9;color:#dae3e8;max-width:650px;margin:17px 0}
.bpp-facts{display:flex;flex-wrap:wrap;gap:8px 21px;font-size:12px;font-weight:700;color:#ebd4ad;margin:22px 0 29px}
.bpp-hero-cta{display:inline-block;background:#d0b488;color:#143446;padding:16px 20px;border-radius:5px;font-size:13px;font-weight:800}
.bpp-hero-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;min-height:300px;border:1px solid #d9b98588;border-radius:12px;background:linear-gradient(135deg,#234a60,#142d3e);box-shadow:0 22px 38px #08152150}
.bpp-hero-art>span,.bpp-hero-art>strong{color:#e1c28f;font:700 9px/1.5 Arial,sans-serif;letter-spacing:.15em}
.bpp-art-icon{width:135px;height:135px;display:grid;place-items:center;border-radius:50%;background:#ffffff08;border:1px solid #e3c39280;color:#e5c896}
.bpp-art-icon svg{width:76px;height:76px}
.bpp-content{padding:62px 0 85px}
.bpp-section-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}
.bpp-section-top h2{font:400 clamp(31px,4vw,45px)/1.2 Georgia,serif;margin:12px 0;color:#1d3b4e}
.bpp-section-top h2 em{color:#a17b4a}
.bpp-section-top p{margin:0;color:#657986;font-size:14px;line-height:1.8}
.bpp-counter{color:#b18d57;font:400 55px/1 Georgia,serif;text-align:right}
.bpp-counter small{display:block;margin-top:8px;color:#687a85;font:700 10px Arial,sans-serif;letter-spacing:.16em}
.bpp-case{max-width:810px;display:grid;grid-template-columns:88px minmax(0,1fr);gap:27px;padding:33px;border-radius:12px;border:1px solid #dfd0b8;border-top:4px solid #ba9866;background:linear-gradient(145deg,#fffefa,#f4efe5);box-shadow:0 13px 32px #13344717}
.bpp-case-symbol{width:78px;height:78px;display:grid;place-items:center;color:#e4c794;background:#183b50;border-radius:11px}
.bpp-case-symbol svg{width:47px;height:47px}
.bpp-case-meta{font:800 10px/1.5 Arial,sans-serif;color:#9b7847;letter-spacing:.15em}
.bpp-case h3{font:400 clamp(25px,3vw,34px)/1.3 Georgia,serif;color:#193c50;margin:13px 0}
.bpp-case p{font-size:15px;line-height:1.8;color:#627683}
.bpp-open{display:inline-block;padding:15px 19px;background:#183b4f;color:#fff;border-radius:5px;font-size:13px;font-weight:800;margin-top:9px}
.bpp-more{display:flex;gap:25px;align-items:center;justify-content:space-between;margin:30px 0 16px;padding:30px;background:#f1ebdf;border-radius:11px;border:1px solid #e0d2bc}
.bpp-more h3{font:400 27px/1.3 Georgia,serif;margin:9px 0;color:#1b3c50}
.bpp-more p{max-width:630px;font:14px/1.75 Arial,sans-serif;color:#60727d;margin:0}
.bpp-more>a{flex:none;padding:15px 18px;background:#aa8756;color:#fff;border-radius:5px;font-size:13px;font-weight:800}
.bpp-note{color:#75858b;font-size:12px;line-height:1.6}
.bpp-locked{padding:65px 20px 90px;background:linear-gradient(145deg,#fbfaf6,#f0eadc)}
.bpp-locked-card{max-width:620px;margin:auto;background:#fffefb;border:1px solid #e5d8c3;padding:44px;border-radius:13px;text-align:center;box-shadow:0 17px 40px #112d4216}
.bpp-lock-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 21px;background:#193b4d;border-radius:50%;color:#e4c38e}
.bpp-lock-icon svg{width:30px;height:30px}
.bpp-locked h1{font:400 clamp(30px,4vw,43px)/1.2 Georgia,serif;color:#1b3e52;margin:16px 0}
.bpp-locked p{font-size:15px;line-height:1.85;color:#617581}
.bpp-lock-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:17px;margin:25px 0 17px}
.bpp-lock-actions>a{font-size:13px;font-weight:700;color:#28495a}
.bpp-lock-actions .bpp-primary{background:#a98653;color:#fff;padding:15px 18px;border-radius:5px}
.bpp-back{display:inline-block;margin-top:8px;color:#917049;font-size:12px}
@media(max-width:750px){
 .bpp-hero-grid{grid-template-columns:1fr;gap:27px;padding:45px 0 56px}
 .bpp-hero h1{font-size:clamp(37px,9vw,50px)}
 .bpp-description{font-size:14px}
 .bpp-hero-art{min-height:180px;gap:12px;max-width:410px}
 .bpp-art-icon{width:84px;height:84px}
 .bpp-art-icon svg{width:50px;height:50px}
 .bpp-content{padding:43px 0 62px}
 .bpp-section-top h2{font-size:30px}
 .bpp-counter{font-size:39px}
 .bpp-case{grid-template-columns:1fr;gap:15px;padding:26px 22px}
 .bpp-case-symbol{width:64px;height:64px}
 .bpp-case-symbol svg{width:40px;height:40px}
 .bpp-more{display:block;padding:26px 22px}
 .bpp-more>a{display:inline-block;margin-top:18px}
 .bpp-locked{padding:40px 16px 65px}
 .bpp-locked-card{padding:33px 22px}
}

/* Compact editorial guest experience. Original bespoke legal-practice
   illustration is retained, but never pushed below an oversized hero. */
.bpp .bpp-editorial-hero{
  padding:0;
  color:#fff;
  background:radial-gradient(ellipse at 95% 20%,#264a60 0%,transparent 55%),linear-gradient(125deg,#071f32 0%,#15394d 90%);
  overflow:hidden;
}
.bpp .bpp-editorial-grid{
  width:min(1120px,calc(100% - 44px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(290px,.9fr);
  gap:clamp(30px,5vw,70px);
  align-items:center;
  padding:clamp(55px,7vw,93px) 0;
}
.bpp .bpp-editorial-eyebrow{
  display:flex;align-items:center;gap:12px;
  font:800 10px/1.5 Inter,Arial,sans-serif;
  color:#d8b887;
  letter-spacing:.19em;
}
.bpp .bpp-editorial-eyebrow>span{
  flex:none;height:1px;width:25px;background:#d8b887;
}
.bpp .bpp-editorial-copy h1{
  font:400 clamp(46px,5.3vw,73px)/1.08 Georgia,"Times New Roman",serif;
  letter-spacing:-.044em;color:#fff;
  margin:27px 0 22px;
  text-wrap:balance;
}
.bpp .bpp-editorial-copy h1 em{font-style:italic;color:#efc58d}
.bpp .bpp-editorial-copy p{
  max-width:520px;margin:0;color:#dbe7eb;
  font:400 clamp(15px,1.4vw,17px)/1.75 Inter,Arial,sans-serif;
}
.bpp .bpp-editorial-trial{
  display:flex;align-items:center;gap:10px;margin-top:26px;
  color:#e8cea8;font:700 12px/1.5 Inter,Arial,sans-serif;
}
.bpp .bpp-editorial-trial-dot{
  width:8px;height:8px;flex:none;border-radius:50%;
  background:#d7ae75;box-shadow:0 0 0 4px #d7ae751c;
}
.bpp .bpp-editorial-action{
  display:inline-flex;justify-content:space-between;align-items:center;gap:30px;
  min-height:53px;padding:16px 20px;margin-top:24px;
  border:1px solid #e7c797;border-radius:7px;
  background:linear-gradient(110deg,#f1d19d,#d8ac6c);
  color:#132f42!important;
  font:800 13px/1.35 Inter,Arial,sans-serif;
  box-shadow:0 8px 25px #06192c44;
  transition:transform .18s,filter .18s;
}
.bpp .bpp-editorial-action>span{font-size:18px;font-weight:500}
.bpp .bpp-editorial-action:hover{filter:brightness(1.05);transform:translateY(-2px)}
.bpp .bpp-editorial-footnote{font:12px/1.55 Inter,Arial,sans-serif;color:#aebfc9;margin-top:15px}
.bpp .bpp-editorial-visual{
  position:relative;
  min-height:440px;
  overflow:hidden;
  border:1px solid #c6a27179;
  border-radius:11px;
  box-shadow:0 17px 45px #020f1d66;
  background-image:linear-gradient(180deg,#0920358f 0%,transparent 26%,transparent 69%,#071a2b9c 100%),url("./assets/practice-premium-scene.svg");
  background-size:cover,cover;
  background-position:center,right center;
}
.bpp .bpp-editorial-visual-top,
.bpp .bpp-editorial-visual-bottom{
  position:absolute;left:22px;right:22px;
  z-index:1;color:#f3d5a3;
  letter-spacing:.17em;font:800 10px/1.6 Inter,Arial,sans-serif;
  text-shadow:0 2px 8px #061625c7;
}
.bpp .bpp-editorial-visual-top{top:20px}
.bpp .bpp-editorial-visual-top span{color:#fff;opacity:.65}
.bpp .bpp-editorial-visual-bottom{bottom:18px}
.bpp .bpp-content{padding:56px 0 82px}
.bpp .bpp-section-top{margin-bottom:25px}
.bpp .bpp-section-top h2{font-size:clamp(30px,3.5vw,41px)}
.bpp .bpp-more{margin-top:25px}
@media(max-width:760px){
 .bpp .bpp-editorial-grid{
  width:calc(100% - 40px);
  grid-template-columns:1fr;
  gap:22px;
  padding:35px 0 35px;
 }
 .bpp .bpp-editorial-copy h1{
  font-size:clamp(38px,9vw,49px);
  line-height:1.12;
  letter-spacing:-.04em;
  margin:17px 0 15px;
 }
 .bpp .bpp-editorial-eyebrow{font-size:9px;gap:9px;letter-spacing:.14em}
 .bpp .bpp-editorial-eyebrow>span{width:17px}
 .bpp .bpp-editorial-copy p{font-size:14px;line-height:1.7}
 .bpp .bpp-editorial-trial{margin-top:16px;font-size:11.5px}
 .bpp .bpp-editorial-action{
  display:flex;width:100%;min-height:50px;
  padding:13px 18px;margin-top:18px;
  font-size:13px;
 }
 .bpp .bpp-editorial-footnote{font-size:11px;margin-top:9px}
 .bpp .bpp-editorial-visual{
  min-height:178px;
  max-height:198px;
  background-position:center,78% 63%;
  background-size:cover,cover;
  border-radius:9px;
  box-shadow:0 9px 24px #03162754;
 }
 .bpp .bpp-editorial-visual-top,.bpp .bpp-editorial-visual-bottom{
  font-size:8px;left:15px;right:15px;letter-spacing:.14em;
 }
 .bpp .bpp-editorial-visual-top{top:12px}
 .bpp .bpp-editorial-visual-bottom{bottom:12px}
 .bpp .bpp-content{padding:34px 0 58px}
 .bpp .bpp-section-top h2{font-size:29px;line-height:1.24}
 .bpp .bpp-section-top{gap:12px;margin-bottom:22px}
 .bpp .bpp-counter{font-size:35px}
 .bpp .bpp-case{padding:20px;gap:15px}
 .bpp .bpp-case h3{font-size:25px}
 .bpp .bpp-more{margin:20px 0;padding:22px}
}
@media(max-width:390px){
 .bpp .bpp-editorial-copy h1{font-size:clamp(36px,9.2vw,42px)}
 .bpp .bpp-editorial-visual{min-height:158px}
}
@media(prefers-reduced-motion:reduce){
 .bpp .bpp-editorial-action{transition:none}
}


/* 2026-10-24 / Distinct premium scenes for courtroom and client office.
   Source is the existing brand illustration atlas, already used on home cards.
   Keep the actual case engine and the logged-in pages untouched. */
.bpp #bpp-trial{scroll-margin-top:100px}
.bpp .bpp-editorial-hero{
 background:radial-gradient(circle at 90% 8%,#31516a 0%,transparent 48%),linear-gradient(135deg,#061929 0%,#102f45 65%,#173a4c 100%);
}
.bpp .bpp-editorial-hero--office{
 background:radial-gradient(circle at 95% 4%,#35505c 0%,transparent 48%),linear-gradient(135deg,#102638 0%,#1e4050 100%);
}
.bpp .bpp-editorial-grid{
 grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);
 max-width:1160px;
 gap:clamp(25px,4vw,62px);
 padding:clamp(57px,6.4vw,86px) 0;
}
.bpp .bpp-editorial-copy{min-width:0;position:relative;z-index:1}
.bpp .bpp-editorial-copy h1{
 margin:25px 0 22px;
 font-size:clamp(47px,5vw,72px);
 line-height:1.075;
 letter-spacing:-.048em;
}
.bpp .bpp-editorial-hero--office .bpp-editorial-copy h1{font-size:clamp(45px,4.9vw,69px)}
.bpp .bpp-editorial-copy p{max-width:510px}
.bpp .bpp-editorial-visual{
 position:relative;
 min-height:480px;
 border:1px solid rgba(226,187,127,.54);
 border-radius:5px;
 background-color:#0c2638;
 background-image:linear-gradient(180deg,rgba(3,14,26,.64),rgba(3,14,26,0) 24%,rgba(3,14,26,0) 60%,rgba(3,14,26,.82)),url("./assets/practice-scenes-v1.webp");
 background-size:100% 100%,auto 300%;
 background-position:center,right top;
 background-repeat:no-repeat;
 box-shadow:0 24px 60px rgba(0,10,20,.35),inset 0 0 0 1px rgba(255,255,255,.07);
}
.bpp .bpp-editorial-hero--office .bpp-editorial-visual{
 background-color:#26343d;
 background-image:linear-gradient(180deg,rgba(7,23,35,.63),rgba(7,23,35,0) 30%,rgba(7,23,35,0) 55%,rgba(7,23,35,.85)),url("./assets/practice-scenes-v1.webp");
 background-size:100% 100%,auto 320%;
 background-position:center,right 48.4848%;
}
.bpp .bpp-editorial-visual::before{
 content:"";position:absolute;inset:10px;
 border:1px solid rgba(247,220,177,.31);
 pointer-events:none;z-index:1;
}
.bpp .bpp-editorial-visual::after{
 content:"";position:absolute;left:26px;top:57px;
 height:1px;width:58px;background:#e8bb7b;
 pointer-events:none;z-index:1;
}
.bpp .bpp-editorial-visual-top,
.bpp .bpp-editorial-visual-bottom{
 left:26px;right:26px;color:#fce8ca;
 letter-spacing:.16em;font:750 10px/1.5 Inter,Arial,sans-serif;
 text-shadow:0 2px 9px #020c17;
}
.bpp .bpp-editorial-visual-top{top:28px}
.bpp .bpp-editorial-visual-top span{padding:0 6px;opacity:.7}
.bpp .bpp-editorial-visual-bottom{
 bottom:28px;display:flex;flex-direction:column;gap:7px;
 letter-spacing:.12em;
}
.bpp .bpp-editorial-visual-bottom span{
 color:#ead5b8;opacity:.95;font-size:9px;
}
.bpp .bpp-editorial-visual-bottom strong{
 color:#fff7e9;letter-spacing:.025em;
 font:400 clamp(23px,2.5vw,31px)/1.2 Georgia,serif;
}
.bpp .bpp-editorial-action{
 border-radius:5px;min-width:min(330px,100%);
 background:linear-gradient(110deg,#f1d6ae,#d6a466);
}
.bpp .bpp-editorial-action:focus-visible{outline:3px solid #fff;outline-offset:4px}
.bpp .bpp-editorial-trial{margin-top:24px}
.bpp .bpp-case{
 max-width:880px;position:relative;
 grid-template-columns:83px minmax(0,1fr);
 border:1px solid #dac5a2;border-top:3px solid #b99a70;
 border-radius:8px;
 background:linear-gradient(122deg,#fffdf9 0%,#f6f1e8 100%);
 box-shadow:0 12px 30px rgba(27,53,69,.075);
 padding:30px;gap:26px;
}
.bpp .bpp-case-symbol{
 width:77px;height:103px;position:relative;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:4px;border-radius:3px;
 background:linear-gradient(145deg,#1d4557,#0a2436);
 border:1px solid #bb9764;box-shadow:5px 6px 0 #b89c7040;
}
.bpp .bpp-case-symbol small{
 font:750 7px/1.35 Inter,Arial,sans-serif;letter-spacing:.13em;color:#dfc9a6;
}
.bpp .bpp-case-symbol strong{font:400 35px/1 Georgia,serif;color:#fff6e7}
.bpp .bpp-case-symbol span{font:400 16px/1 Georgia,serif;color:#e1bd86}
.bpp .bpp-case h3{margin:10px 0;font-size:clamp(24px,2.8vw,32px)}
.bpp .bpp-case p{margin:0 0 9px}
.bpp .bpp-open{
 display:inline-flex;align-items:center;
 border-radius:5px;min-height:45px;
 transition:background .2s,transform .2s;
}
.bpp .bpp-open:hover{background:#295267;transform:translateY(-1px)}
.bpp .bpp-more{border-radius:8px}
@media(max-width:900px) and (min-width:761px){
 .bpp .bpp-editorial-grid{gap:22px;grid-template-columns:minmax(0,1fr) minmax(250px,.75fr)}
 .bpp .bpp-editorial-copy h1,.bpp .bpp-editorial-hero--office .bpp-editorial-copy h1{font-size:clamp(43px,5.6vw,54px)}
 .bpp .bpp-editorial-visual{min-height:400px}
}
@media(max-width:760px){
 .bpp .bpp-editorial-grid{
  width:calc(100% - 34px);
  grid-template-columns:minmax(0,1fr);
  gap:23px;padding:37px 0 33px;
 }
 .bpp .bpp-editorial-copy h1,.bpp .bpp-editorial-hero--office .bpp-editorial-copy h1{
  font-size:clamp(38px,9.7vw,50px);
  line-height:1.08;
  margin:18px 0 16px;
 }
 .bpp .bpp-editorial-copy p{font-size:14px;line-height:1.65}
 .bpp .bpp-editorial-trial{margin-top:17px;line-height:1.5}
 .bpp .bpp-editorial-action{margin-top:17px}
 .bpp .bpp-editorial-footnote{margin-top:10px}
 .bpp .bpp-editorial-visual{
  min-height:235px;max-height:none;
  background-size:100% 100%,auto 300%;
  background-position:center,right top;
  border-radius:5px;
 }
 .bpp .bpp-editorial-hero--office .bpp-editorial-visual{
  background-size:100% 100%,auto 320%;
  background-position:center,right 48.4848%;
 }
 .bpp .bpp-editorial-visual:before{inset:7px}
 .bpp .bpp-editorial-visual:after{left:19px;top:47px;width:38px}
 .bpp .bpp-editorial-visual-top,
 .bpp .bpp-editorial-visual-bottom{left:19px;right:19px;font-size:8px}
 .bpp .bpp-editorial-visual-top{top:18px}
 .bpp .bpp-editorial-visual-bottom{bottom:18px;gap:4px}
 .bpp .bpp-editorial-visual-bottom span{font-size:8px}
 .bpp .bpp-editorial-visual-bottom strong{font-size:23px}
 .bpp .bpp-case{
  grid-template-columns:65px minmax(0,1fr);gap:14px;padding:20px 17px;
 }
 .bpp .bpp-case-symbol{width:60px;height:86px}
 .bpp .bpp-case-symbol strong{font-size:28px}
 .bpp .bpp-case-body{min-width:0}
 .bpp .bpp-case h3{font-size:clamp(22px,6.3vw,27px)}
 .bpp .bpp-case p{font-size:13px;line-height:1.65}
 .bpp .bpp-open{width:100%;justify-content:center;text-align:center}
}
@media(max-width:370px){
 .bpp .bpp-editorial-copy h1,.bpp .bpp-editorial-hero--office .bpp-editorial-copy h1{font-size:35px}
 .bpp .bpp-case{grid-template-columns:1fr}
 .bpp .bpp-case-symbol{height:65px;width:65px}
 .bpp .bpp-case-symbol span{display:none}
}
@media(prefers-reduced-motion:reduce){
 .bpp .bpp-editorial-action,.bpp .bpp-open{transition:none}
}