/* ============================================================
   HS2 LAW — paste into  Customization → Code → Custom CSS Editor
   Every rule is scoped to .hs2-site so it cannot affect Zoho's
   own template styles anywhere else on your website.
   ============================================================ */

.hs2-site{
  --hs2-navy:#0D283D; --hs2-navy2:#12354c;
  --hs2-gold:#b18b42; --hs2-gold-lt:#c9a84c;
  --hs2-ink:#102a3e; --hs2-paper:#ffffff;
  --hs2-on:#e7eef4; --hs2-on-mute:#a7bccc;
  --hs2-rule-d:rgba(255,255,255,.15); --hs2-rule-l:#d8dde2;
  --hs2-serif:Georgia,'Times New Roman',Times,serif;
  font-family:var(--hs2-serif); font-size:17px; line-height:1.65;
  color:var(--hs2-on); background:var(--hs2-navy);
  -webkit-font-smoothing:antialiased;
}
.hs2-site *,.hs2-site *::before,.hs2-site *::after{box-sizing:border-box;}
.hs2-site p,.hs2-site h1,.hs2-site h2,.hs2-site h3{margin:0;}
.hs2-site a{color:inherit;text-decoration:none;}

/* full-bleed bands inside Zoho's centred content column */
.hs2-bleed{width:100vw;position:relative;left:50%;right:50%;
  margin-left:-50vw;margin-right:-50vw;}
.hs2-wrap{width:min(1080px,90vw);margin-inline:auto;}

.hs2-brand{font-family:'Times New Roman',Times,serif;
  font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1,"onum" 0;}
.hs2-num{font-family:'Times New Roman',Times,serif;
  font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1,"onum" 0;
  letter-spacing:.015em;}

.hs2-top{background:var(--hs2-paper);color:var(--hs2-navy);
  padding:66px 0 54px;text-align:center;}
.hs2-emblem{width:104px;height:auto;display:block;margin:0 auto 22px;}
.hs2-wordmark{font-family:'Times New Roman',Times,serif;
  font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1,"onum" 0;
  font-size:clamp(38px,7vw,62px);letter-spacing:.055em;font-weight:400;
  line-height:1;color:var(--hs2-navy);}
.hs2-tagline{margin:18px auto 0;color:var(--hs2-gold);
  font-size:clamp(11px,2.1vw,14px);letter-spacing:.34em;text-transform:uppercase;}
.hs2-rule{width:78px;height:1px;background:var(--hs2-gold);margin:26px auto 0;border:0;}

.hs2-intro{padding:70px 0 10px;text-align:center;}
.hs2-intro p{font-size:clamp(19px,2.6vw,23px);line-height:1.7;
  max-width:41em;margin:0 auto;color:var(--hs2-on);}

.hs2-sec{padding:64px 0;}
.hs2-head{text-align:center;margin-bottom:44px;}
.hs2-head h2{font-size:13px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--hs2-gold-lt);font-weight:400;margin-bottom:14px;}
.hs2-head .hs2-lead{font-size:clamp(24px,3.4vw,32px);font-weight:400;color:#fff;}

.hs2-areas{display:grid;gap:1px;background:var(--hs2-rule-d);
  border:1px solid var(--hs2-rule-d);}
.hs2-area{background:var(--hs2-navy);padding:30px 30px 32px;}
.hs2-area h3{margin-bottom:10px;font-size:19px;font-weight:400;color:#fff;line-height:1.35;}
.hs2-area h3::after{content:"";display:block;width:34px;height:1px;
  background:var(--hs2-gold);margin-top:12px;}
.hs2-area p{font-size:15.5px;line-height:1.7;color:var(--hs2-on-mute);}
@media (min-width:720px){
  .hs2-areas{grid-template-columns:repeat(2,1fr);}
  .hs2-area:last-child{grid-column:1 / -1;}
  .hs2-area:last-child p{max-width:62ch;}
}
@media (min-width:1080px){
  .hs2-area:last-child p{max-width:none;white-space:nowrap;}
}

.hs2-people-band{background:var(--hs2-navy2);}
.hs2-people{display:grid;gap:22px;}
@media (min-width:760px){.hs2-people{grid-template-columns:repeat(2,1fr);}}
.hs2-card{background:var(--hs2-navy);border:1px solid var(--hs2-rule-d);
  border-top:3px solid var(--hs2-gold);padding:38px 32px 34px;text-align:center;}
.hs2-card .hs2-name{font-size:clamp(21px,2.7vw,25px);color:#fff;line-height:1.35;}
.hs2-card .hs2-roles{margin-top:14px;color:var(--hs2-gold-lt);font-size:13.5px;
  letter-spacing:.16em;text-transform:uppercase;line-height:1.95;}
.hs2-card .hs2-note{margin-top:20px;font-size:15.5px;color:var(--hs2-on-mute);}

.hs2-contact{background:var(--hs2-paper);color:var(--hs2-ink);}
.hs2-contact .hs2-head h2{color:var(--hs2-gold);}
.hs2-contact .hs2-head .hs2-lead{color:var(--hs2-navy);}
.hs2-details{display:grid;gap:34px;text-align:center;}
@media (min-width:720px){.hs2-details{grid-template-columns:repeat(3,1fr);}}
.hs2-label{font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--hs2-gold);margin-bottom:10px;}
.hs2-value{font-size:17px;word-break:break-word;color:var(--hs2-navy);}
.hs2-value a{border-bottom:1px solid rgba(177,139,66,.55);padding-bottom:2px;}
.hs2-value a:hover{border-bottom-color:var(--hs2-gold);}
.hs2-detail small{display:block;margin-top:7px;font-size:13px;color:#61717e;}

.hs2-foot{background:var(--hs2-paper);color:#7a8794;text-align:center;
  padding:26px 0 30px;font-size:13px;border-top:1px solid var(--hs2-rule-l);}
.hs2-foot .hs2-sep{color:var(--hs2-gold);padding:0 10px;}