/* it-t10-lawyer.css: the lawyer / attorney page, drawn to the owner's next-five design
   (tools/trades10/pack-next5/lawyer-attorney/visual-reference/page-design.png, 822 wide).
   Built by tools/trades10/lawyer.py.

   Every length below is the design's own measurement: --u is one design pixel, so the page is a
   true scale of the mockup at any width up to 1216px (822 x 1.48), where it stops growing. The
   content frame is the design's 89.3% of the page, reproduced by the --cw / --gut pair. */
main.t10.t-lawyer{
  --u:clamp(1.12px,0.12165vw,1.48px);
  --cw:1086px;--gut:clamp(20px,5.35vw,65px);
  --canvas:#FCFCFA;--ink:#0B1419;--slate:#183036;--orange:#F26207;--cta:#C04E06;--cta-h:#A94404;
  --body:#3D484E;--muted:#6B7579;--faint:#8B9599;--line:#E3E6E6;--mist:#F3F6F7;
  --sans:"Plus Jakarta Sans",Inter,'Inter Fallback',-apple-system,"Segoe UI",Roboto,sans-serif;
  --serif:"Playfair","Playfair Display",Georgia,"Times New Roman",serif;
  background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:calc(11.6*var(--u));letter-spacing:-.011em}
.t-lawyer h1,.t-lawyer h2,.t-lawyer h3{font-family:var(--serif);font-weight:500;font-stretch:92%;letter-spacing:-.004em}

/* eyebrow with the design's short orange rule */
.lw-eyebrow{display:flex;align-items:center;gap:calc(10*var(--u));font-weight:700;font-size:calc(8.3*var(--u));
  line-height:1;letter-spacing:.185em;text-transform:uppercase;color:#59646A;margin:0 0 calc(17*var(--u))!important}
.lw-eyebrow i{display:block;width:calc(28*var(--u));height:2px;background:var(--orange);flex:none}

/* buttons and links */
.t-lawyer a.lw-btn,.t-lawyer a.lw-link,.t-lawyer a.lw-tp,.t-lawyer a.lw-row,.t-lawyer .lw-links a,.t-lawyer .lw-lock a{text-decoration:none}
.lw-btn{display:inline-flex;align-items:center;gap:calc(10*var(--u));min-height:max(44px,calc(36*var(--u)));
  padding:0 calc(24*var(--u));border-radius:3px;background:var(--cta);color:#fff!important;
  font-weight:700;font-size:calc(12*var(--u));line-height:1;transition:background .18s ease-out}
.lw-btn:hover{background:var(--cta-h)}
.lw-btn svg,.t-lawyer .lw-link svg{width:calc(13*var(--u));height:calc(13*var(--u));fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.t-lawyer a.lw-link{display:inline-flex;align-items:center;gap:calc(7*var(--u));font-weight:700;
  font-size:calc(10.5*var(--u));line-height:1;color:var(--cta)}
.t-lawyer a.lw-link:hover{color:var(--cta-h)}

/* ---------- bands: one photograph across the whole band, copy on top of it ---------- */
.lw-hero,.lw-end{position:relative;isolation:isolate;overflow:hidden;background:var(--canvas)}
.lw-band-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.lw-scrim{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(250,250,248,.94) 0%,rgba(250,250,248,.72) 22%,rgba(250,250,248,.16) 33%,rgba(250,250,248,0) 42%)}
.lw-end-scrim{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(9,12,14,.82) 0%,rgba(9,12,14,.55) 26%,rgba(9,12,14,.12) 44%,rgba(9,12,14,0) 60%)}

.lw-hero{min-height:38.7vw;display:flex;align-items:flex-start;padding:calc(33*var(--u)) 0 calc(44*var(--u))}
.lw-hero-in{width:100%;display:grid;grid-template-columns:89.2% 1fr;align-items:start}
.lw-hero-copy{margin-top:calc(17*var(--u))}
.lw-hero h1{margin:0 0 calc(13*var(--u))!important;max-width:40%}
.lw-k{display:block;font-family:var(--sans);font-weight:600;font-size:calc(9.5*var(--u));line-height:1.35;
  letter-spacing:0;color:var(--muted);margin-bottom:calc(9*var(--u))}
.lw-big{display:block;font-size:calc(36*var(--u));line-height:1.03;color:var(--ink)}
.t-lawyer .lw-lede{font-size:calc(11.9*var(--u));line-height:1.37;color:var(--body);margin:0 0 calc(17*var(--u))!important}
.lw-cta-row{margin:0!important}
.lw-wall{display:grid;gap:calc(7*var(--u));margin:0!important;font-weight:600;font-size:calc(8.3*var(--u));
  line-height:1.2;letter-spacing:.19em;text-transform:uppercase;color:#2B353C;white-space:nowrap}

/* ---------- matter file: folder tabs and the record ---------- */
.lw-matter{padding-top:calc(9*var(--u))}
.lw-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(9*var(--u));align-items:end}
.lw-tab{-webkit-appearance:none;appearance:none;cursor:pointer;height:calc(43*var(--u));border:1px solid var(--line);
  border-bottom:0;border-radius:calc(8*var(--u)) calc(8*var(--u)) 0 0;background:#E0E4E4;color:#404B51;
  font-family:var(--serif);font-weight:500;font-stretch:92%;font-size:calc(13*var(--u));position:relative;
  transition:background .16s ease-out}
.lw-tab:hover{background:#D6DBDB}
.lw-tab[aria-selected="true"]{background:#FDFDFC;color:var(--ink);font-weight:700;z-index:2;margin-bottom:-1px;
  height:calc(46*var(--u))}
.lw-tab[aria-selected="true"]::after{content:"";position:absolute;left:24%;right:24%;bottom:calc(7*var(--u));
  height:calc(3*var(--u));background:var(--orange)}
.lw-file-in{position:relative;border:1px solid var(--line);background:#FDFDFC;padding:calc(30*var(--u)) calc(32*var(--u)) calc(34*var(--u))}
.lw-file-top{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(20*var(--u))}
.lw-file-top h2{font-size:calc(24*var(--u));line-height:1.1;font-weight:600;margin:0!important}
.t-lawyer .lw-micro{font-weight:600;font-size:calc(7.4*var(--u));line-height:1.5;letter-spacing:.17em;
  text-transform:uppercase;color:#7C868B;text-align:right;margin:calc(2*var(--u)) 0 0!important}
.lw-micro i{display:block;width:calc(34*var(--u));height:2px;background:var(--orange);margin:calc(7*var(--u)) 0 0 auto}
.t-lawyer .lw-panel-k{font-weight:600;font-size:calc(8.3*var(--u));line-height:1;letter-spacing:.22em;
  text-transform:uppercase;color:#7C868B;margin:calc(20*var(--u)) 0 0!important}
.lw-grid{display:grid;grid-template-columns:58.5% 1fr;margin-top:calc(12*var(--u));border-top:1px solid #EAEDED;padding-top:calc(16*var(--u))}
.lw-right{border-left:1px solid #EAEDED;padding-left:calc(28*var(--u))}
.lw-left{padding-right:calc(28*var(--u))}
.lw-r{display:grid;grid-template-columns:38% 1fr;gap:calc(8*var(--u));padding:calc(3*var(--u)) 0}
.lw-left .lw-r{grid-template-columns:29% 1fr}
.lw-right .lw-r{grid-template-columns:45% 1fr}
.lw-r dt{color:#4A555A;font-size:calc(11.6*var(--u));line-height:1.42}
.lw-r dd{margin:0;color:var(--ink);font-size:calc(11.6*var(--u));line-height:1.42}
.lw-due{margin-top:calc(9*var(--u));padding-top:calc(13*var(--u));border-top:1px solid #DDE2E2;align-items:baseline}
.lw-due dt{font-weight:700;color:var(--ink)}
.lw-due dd{font-family:var(--serif);font-weight:600;font-size:calc(21*var(--u));line-height:1.1}

/* ---------- calculators ---------- */
.lw-tools{padding-top:calc(36*var(--u))}
.lw-tools-head{display:grid;grid-template-columns:69% 1fr;gap:calc(24*var(--u));align-items:start}
.lw-tools-head h2,.lw-tpl h2,.lw-info h2{font-size:calc(31*var(--u));line-height:1.12;margin:0!important}
.t-lawyer .lw-tools-head p{font-size:calc(11.6*var(--u));line-height:1.38;color:var(--body);margin:calc(3*var(--u)) 0 0!important}
.t-lawyer .lw-rows{display:grid;gap:calc(9*var(--u));margin-top:calc(20*var(--u))}
.lw-row{display:grid;grid-template-columns:40.5% 1fr auto;align-items:center;gap:calc(16*var(--u));
  min-height:calc(33*var(--u));padding:calc(7*var(--u)) calc(20*var(--u));border:1px solid #DDE1E1;border-radius:2px;
  background:#FCFCFA;transition:border-color .16s ease-out,background .16s ease-out}
.lw-row:hover{border-color:var(--orange);background:#fff}
.lw-row b{font-size:calc(13.5*var(--u));font-weight:700}
.lw-row span{font-size:calc(11.6*var(--u));color:var(--body)}
.lw-row svg{width:calc(15*var(--u));height:calc(15*var(--u));fill:none;stroke:var(--orange);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ---------- the three papers ---------- */
.lw-tpl{padding-top:calc(46*var(--u))}
.lw-tpl h2{margin-top:calc(2*var(--u))!important}
.t-lawyer .lw-tp-list{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(23*var(--u));margin-top:calc(17*var(--u))}
.lw-tp{display:block;position:relative;padding-bottom:calc(28*var(--u))}
.lw-paper{position:relative;container-type:inline-size;background:#FDFDFB;border:1px solid #E6E3DC;border-radius:2px;
  box-shadow:0 12px 24px -20px rgba(11,20,25,.45);transition:transform .18s ease-out,box-shadow .18s ease-out}
.lw-paper::before{content:"";position:absolute;inset:calc(-5*var(--u)) calc(-5*var(--u)) calc(5*var(--u)) calc(5*var(--u));
  border:1px solid #EDEAE3;background:#FBFAF6;z-index:-1;border-radius:2px}
.lw-tp:hover .lw-paper,.lw-tp:focus-visible .lw-paper{transform:translateY(-4px);box-shadow:0 22px 34px -20px rgba(11,20,25,.5)}
.lw-pp-in{padding:8cqw 7cqw 7cqw}
.t-lawyer .lw-pp-t{font-family:var(--serif);font-weight:700;font-size:5.4cqw;line-height:1.2;letter-spacing:.02em;
  color:var(--ink);border-bottom:1px solid #E6E3DC;padding-bottom:3.4cqw;margin:0 0 4.6cqw!important}
.lw-pp-head{display:flex;justify-content:space-between;gap:3cqw}
.lw-pp-head b{display:block;font-family:var(--serif);font-weight:600;font-size:4.6cqw;line-height:1.25}
.lw-pp-head span{display:block;font-size:3.1cqw;line-height:1.5;color:#7C868B}
.lw-pp-kind{text-align:right}
.lw-pp-kind b{font-family:var(--sans);font-weight:700;font-size:3.6cqw;letter-spacing:.06em}
.lw-pp-to{margin-top:5cqw}
.lw-pp-to b{display:block;font-size:3.4cqw;font-weight:700;line-height:1.6}
.lw-pp-to span{display:block;font-size:3.4cqw;line-height:1.6;color:#4A555A}
.lw-pp-ref{margin-top:4.4cqw}
.t-lawyer .lw-pp-ref p{font-size:3.4cqw;line-height:1.7;color:#4A555A;margin:0!important}
.lw-pp-ref b{color:var(--ink);font-weight:700}
.lw-pp-tab{width:100%;border-collapse:collapse;margin-top:4.6cqw;font-size:3.4cqw}
.lw-pp-tab th{text-align:left;font-weight:700;color:var(--ink);border-bottom:1px solid #DFDCD5;padding:0 0 1.8cqw}
.lw-pp-tab td{padding:2cqw 0;border-bottom:1px solid #EFEDE7;color:#4A555A}
.lw-pp-tab .lw-n{text-align:right;white-space:nowrap}
.t-lawyer .lw-pp-tot{display:flex;justify-content:space-between;gap:2cqw;font-size:3.9cqw;font-weight:700;
  color:var(--ink);padding-top:2.8cqw;margin:0!important}
.t-lawyer .lw-pp-foot{font-size:3.2cqw;line-height:1.5;color:#7C868B;margin:5cqw 0 0!important}
.lw-edit{position:absolute;left:0;bottom:0;display:inline-flex;align-items:center;gap:calc(7*var(--u));
  font-weight:700;font-size:calc(11*var(--u));line-height:1;color:var(--cta)}
.lw-edit svg{width:calc(12*var(--u));height:calc(12*var(--u));fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.lw-tp:hover .lw-edit,.lw-tp:focus-visible .lw-edit{color:var(--cta-h)}

/* ---------- information table and the page's only QR ---------- */
.lw-info{padding-top:calc(45*var(--u))}
.lw-info-in{display:grid;grid-template-columns:56% 1fr;gap:calc(20*var(--u));margin-top:calc(21*var(--u))}
.lw-table .lw-r{grid-template-columns:36% 1fr;border-bottom:1px solid #E7EAEA;padding:calc(7*var(--u)) 0}
.lw-table .lw-r:first-child{border-top:1px solid #E7EAEA}
.lw-pay-card{display:grid;grid-template-columns:auto 1fr;gap:calc(16*var(--u));align-items:start;
  background:var(--mist);padding:calc(17*var(--u))}
.lw-qr{width:calc(65*var(--u));height:calc(65*var(--u));border-radius:2px}
.lw-pay-card h3{font-family:var(--sans);font-weight:700;font-size:calc(11.9*var(--u));line-height:1.3;margin:0 0 calc(7*var(--u))!important}
.t-lawyer .lw-pay-card p{font-size:calc(11.6*var(--u));line-height:1.45;color:var(--body);margin:0!important}
.t-lawyer .lw-fine{color:#909A9E;margin-top:calc(8*var(--u))!important}
.t-lawyer .lw-pay-note{font-size:calc(11.6*var(--u));line-height:1.45;color:var(--body);
  border-top:1px solid #E7EAEA;padding-top:calc(16*var(--u));margin:calc(20*var(--u)) 0 0!important}
.lw-pay-more{margin:calc(12*var(--u)) 0 0!important}

/* ---------- resources and questions ---------- */
.lw-res{padding-top:calc(32*var(--u));padding-bottom:calc(25*var(--u))}
.lw-res-in{display:grid;grid-template-columns:51.5% 1fr}
.t-lawyer .lw-links li{margin-bottom:calc(5*var(--u))}
.lw-links a{font-size:calc(11.6*var(--u));line-height:1.45;color:var(--ink)!important;text-decoration:none!important}
.lw-links a:hover{color:var(--cta)!important;text-decoration:underline!important;text-underline-offset:3px}
.lw-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;
  gap:calc(16*var(--u));padding:calc(3*var(--u)) 0;font-size:calc(11.6*var(--u));line-height:1.45;color:var(--ink)}
.lw-q summary::-webkit-details-marker{display:none}
.lw-chev{flex:none;width:calc(10*var(--u));height:calc(10*var(--u));fill:none;stroke:#9AA3A7;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease-out}
.lw-q[open] .lw-chev{transform:rotate(90deg)}
.lw-q:hover summary{color:var(--cta)}
.t-lawyer .lw-q .a p{font-size:calc(11.6*var(--u));line-height:1.6;color:var(--muted);padding:calc(2*var(--u)) calc(26*var(--u)) calc(10*var(--u)) 0}
.lw-more-h{font-family:var(--sans);font-size:calc(8.3*var(--u));font-weight:700;letter-spacing:.185em;
  text-transform:uppercase;color:var(--faint);margin:calc(22*var(--u)) 0 calc(9*var(--u))!important}

/* ---------- closing band ---------- */
.lw-end{min-height:24.2vw;display:flex;align-items:center;padding:calc(49*var(--u)) 0 calc(44*var(--u));color:#fff}
.lw-end-in{width:100%;display:grid;grid-template-columns:77.3% 1fr;align-items:center}
.lw-dash{display:block;width:calc(28*var(--u));height:2px;background:var(--orange);margin-bottom:calc(14*var(--u))}
.lw-end h2{font-size:calc(28*var(--u));line-height:1.16;font-weight:500;color:#fff;margin:0!important}
.lw-lock{margin:calc(22*var(--u)) 0 0!important}
.lw-lock b{display:block;font-family:var(--serif);font-weight:600;font-size:calc(22*var(--u));line-height:1.1;color:#fff}
.lw-lock span{display:block;font-weight:600;font-size:calc(7.6*var(--u));line-height:1.55;letter-spacing:.16em;
  text-transform:uppercase;color:#C6CBCE;margin-top:calc(6*var(--u))}
.lw-lock a:hover b{color:#FDE3D2}
.lw-end-words{display:grid;gap:calc(9*var(--u));margin:0!important;font-weight:600;font-size:calc(8.3*var(--u));
  line-height:1.2;letter-spacing:.19em;text-transform:uppercase;color:#C6CBCE;white-space:nowrap}

/* ---------- the strip of all 30 designs (added on top of the design) ---------- */
.t-lawyer .t10-strip{margin-top:calc(40*var(--u))}
.t-lawyer .t10-strip-top h3{font-family:var(--serif);font-size:calc(16*var(--u))}

/* ---------- tablet and phone ---------- */
@media (max-width:1023px){
  main.t10.t-lawyer{--u:1.3px}
  .lw-hero-in{grid-template-columns:1fr}
  .lw-wall{display:none}
  .lw-tab{font-size:calc(12*var(--u))}
}
@media (max-width:900px){
  .lw-hero{min-height:0;padding:calc(30*var(--u)) 0 290px;align-items:flex-start}
  .lw-hero .lw-band-img{object-position:78% center}
  .lw-hero .lw-scrim{background:linear-gradient(180deg,rgba(250,250,248,.97) 0%,rgba(250,250,248,.95) 50%,rgba(250,250,248,.66) 66%,rgba(250,250,248,.12) 86%,rgba(250,250,248,0) 100%)}
  .lw-hero-copy{margin-top:0}
  .lw-hero h1{max-width:none}
  .lw-tabs{gap:calc(6*var(--u))}
  .lw-file-in{padding:calc(22*var(--u)) calc(18*var(--u))}
  .lw-grid{grid-template-columns:1fr}
  .lw-left{padding-right:0}
  .lw-right{border-left:0;padding-left:0;border-top:1px solid #EAEDED;margin-top:calc(14*var(--u));padding-top:calc(14*var(--u))}
  .lw-tools-head{grid-template-columns:1fr;gap:calc(10*var(--u))}
  .lw-row{grid-template-columns:1fr auto;gap:calc(10*var(--u));padding:calc(12*var(--u)) calc(16*var(--u))}
  .lw-row span{grid-column:1;grid-row:2}
  .lw-row svg{grid-column:2;grid-row:1/3}
  .t-lawyer .lw-tp-list{display:flex;gap:calc(20*var(--u));overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:none;padding-bottom:10px;margin-right:calc(-1 * var(--gut))}
  .t-lawyer .lw-tp-list::-webkit-scrollbar{display:none}
  .t-lawyer .lw-tp-list>li{flex:0 0 76%;scroll-snap-align:start}
  .lw-info-in{grid-template-columns:1fr;gap:calc(24*var(--u))}
  .lw-res-in{grid-template-columns:1fr;gap:calc(28*var(--u))}
  .lw-end{min-height:0;padding:calc(36*var(--u)) 0 calc(36*var(--u))}
  .lw-end-in{grid-template-columns:1fr;gap:calc(22*var(--u))}
  .lw-end-scrim{background:linear-gradient(180deg,rgba(9,12,14,.78) 0%,rgba(9,12,14,.62) 55%,rgba(9,12,14,.5) 100%)}
}
@media (max-width:640px){
  main.t10.t-lawyer{--u:1.24px}
  .lw-big{font-size:calc(31*var(--u))}
  .lw-tabs{display:flex;overflow-x:auto;scrollbar-width:none}
  .lw-tabs::-webkit-scrollbar{display:none}
  .lw-tab{flex:0 0 auto;padding:0 calc(16*var(--u))}
  .lw-file-top{flex-direction:column;align-items:flex-start;gap:calc(10*var(--u))}
  .t-lawyer .lw-micro{text-align:left}
  .lw-micro i{margin-left:0}
  .t-lawyer .lw-tp-list>li{flex:0 0 86%}
  .lw-pay-card{grid-template-columns:1fr;gap:calc(16*var(--u))}
}
@media (prefers-reduced-motion:reduce){
  .lw-paper,.lw-chev,.lw-btn,.lw-row{transition:none}
}