:root{--navy:#061524;--navy2:#03101d;--gold:#d7a43a;--gold2:#f2c35d;--white:#f5f3ed;--line:rgba(215,164,58,.48);--max:1714px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020c16;color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.hero{position:relative;min-height:min(897px,51.14vw);background:#061524 url('assets/hero-exact-hd.png') center/cover no-repeat;border-bottom:1px solid var(--gold);overflow:hidden}.hero:before{content:"";position:absolute;left:0;top:0;width:61%;height:100%;background:linear-gradient(90deg,#03101d 0%,#03101d 78%,rgba(3,16,29,.995) 86%,rgba(3,16,29,.94) 92%,rgba(3,16,29,.28) 100%);z-index:1;pointer-events:none}.hero:after{content:"";position:absolute;left:0;top:0;right:0;height:120px;background:linear-gradient(180deg,#020a13 0%,rgba(2,10,19,.995) 68%,rgba(2,10,19,.72) 88%,rgba(2,10,19,0) 100%);z-index:2;pointer-events:none}.nav-shell{position:relative;z-index:6;max-width:1720px;margin:auto;height:115px;padding:10px 28px;display:grid;grid-template-columns:320px 1fr auto;align-items:center;gap:30px}.brand img{width:305px;max-width:100%;display:block}.primary-nav{display:flex;justify-content:center;gap:31px;align-items:center;white-space:nowrap}.primary-nav a{font-weight:700;font-size:15px;text-shadow:0 1px 3px #000}.language-switch{display:flex;border:1px solid var(--gold)}.language-switch button{border:0;background:#071321;color:#fff;padding:16px 18px;cursor:pointer;font-weight:700}.language-switch button.active{background:linear-gradient(#f0cb68,#d6a53a);color:#111}.menu-toggle{display:none}.hero-copy{position:relative;z-index:4;width:min(860px,54vw);padding:86px 0 82px clamp(34px,2.2vw,46px)}.eyebrow{color:#efbc45;font-size:clamp(15px,1.25vw,22px);letter-spacing:.02em;margin:0 0 14px}.hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,4.7vw,82px);line-height:.95;letter-spacing:.015em;margin:0 0 20px;font-weight:400}.hero-copy h1 em{font-style:normal;color:#e8b445}.hero-sub{font-size:clamp(17px,1.45vw,27px);line-height:1.35;margin:0 0 26px}.hero-sub strong{color:#f2b83e}.hero-badges{display:grid;grid-template-columns:repeat(3,1fr);max-width:700px;margin:22px 0 26px}.hero-badges div{padding:6px 22px;border-right:1px solid rgba(255,255,255,.2)}.hero-badges div:first-child{padding-left:0}.hero-badges b{display:block;color:#efb43c;font-size:clamp(15px,1.1vw,21px)}.hero-badges span{display:block;font-size:clamp(13px,.98vw,18px);margin-top:4px}.consult-box{display:grid;grid-template-columns:.86fr 1.55fr;border:1px solid var(--gold);max-width:900px}.consult-box>a{min-height:95px;padding:14px 20px;display:flex;flex-direction:column;justify-content:center}.consult-box>a:first-child{border-right:1px solid var(--gold)}.consult-box small{color:#e9b242;font-weight:700;font-size:15px}.consult-box>a:first-child span{font-size:clamp(25px,2vw,38px);font-weight:700}.consult-text{background:linear-gradient(90deg,#d8a53d,#efc661);color:#111;align-items:flex-start;gap:2px}.consult-text span{font-size:12px;font-weight:800}.consult-text strong{font-size:16px}.hero-bottom-label{position:absolute;z-index:5;bottom:0;left:0;width:55%;padding:15px 38px;background:rgba(2,12,22,.93);font-family:Georgia,serif;letter-spacing:.08em;font-size:20px}
main,.section,footer{background:linear-gradient(90deg,#061321,#071827 50%,#041321)}.section{max-width:var(--max);margin:0 auto;padding:24px 34px}.section-head{max-width:920px;margin:0 auto 10px}.section-head p{font-family:Georgia,serif;letter-spacing:.06em;margin:0;font-size:18px}.section-head h2{font-family:Georgia,serif;color:#ddb04d;font-size:34px;font-weight:400;margin:2px 0;border-bottom:1px solid #d9d3c9;padding-bottom:4px}.settlements{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:1370px;margin:10px auto}.settlements article{border:1px solid rgba(215,164,58,.25);min-height:250px;padding:20px 15px;text-align:center;background:rgba(5,22,37,.82)}.settlements article.featured{border-color:#d7a43a;box-shadow:0 0 18px rgba(215,164,58,.18)}.settlements .icon{font-size:34px;filter:sepia(1) saturate(.7)}.settlements h3{font-size:28px;color:#e5ad3d;margin:10px 0}.settlements p{font-size:15px;line-height:1.35;margin:0}.recovered{font-family:Georgia,serif;color:#d9aa4a;text-align:center;font-size:20px;letter-spacing:.05em;padding:6px 0 14px;border-bottom:1px solid rgba(215,164,58,.55)}.appellate-section{display:grid;grid-template-columns:1.25fr .9fr .82fr;gap:24px;border-bottom:0;padding-top:18px}.appellate-section>div{padding:0 18px 0 0;border-right:1px solid rgba(215,164,58,.4)}.appellate-section>div:last-child{border-right:0}.appellate-section h3{font-family:Georgia,serif;color:#e1aa43;font-size:22px;margin:0 0 12px}.appellate-section p{font-size:15px;line-height:1.55;margin:0}.link-column a{display:block;padding:10px 0;font-size:16px}.link-column a:after{content:' ↗';float:right}.about-section{display:grid;grid-template-columns:37% 1fr;gap:52px;align-items:center;padding-top:30px;padding-bottom:38px;border-bottom:1px solid rgba(215,164,58,.16)}.about-image img{display:block;width:100%;height:auto}.about-copy h2{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:0 0 2px}.about-copy h2 em{font-style:normal;color:#e1aa43}.about-copy h4{margin:0 0 15px;font-weight:400}.about-copy p{font-size:15px;line-height:1.52;margin:0 0 13px}.about-copy .closing strong{color:#e3ad42}.lower-section{display:grid;grid-template-columns:1.2fr .85fr 1.05fr .9fr;padding:24px 34px 20px;gap:0}.lower-section>div{padding:0 26px;border-right:1px solid rgba(215,164,58,.22)}.lower-section>div:first-child{padding-left:0}.lower-section>div:last-child{border:0;padding-right:0}.lower-section h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0 0 18px}.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.practice-grid>div{border:1px solid #b5893a;min-height:104px;text-align:center;padding:12px 4px;font-size:28px}.practice-grid span{display:block;font-size:11px;margin-top:8px;line-height:1.15}.heritage-block{text-align:center}.heritage-block .eagle{font-size:58px;filter:sepia(1)}.heritage-block p{font-size:14px;line-height:1.45}.flasim{display:inline-block;border:1px solid #b5893a;padding:8px 25px;color:#e0a83f;font-weight:700}.flasim span{font-size:12px}.contact-block h4{color:#dca842;margin:0 0 4px}.contact-block h2{color:#dca842}.contact-block p{font-size:16px;line-height:1.45}.contact-block small{padding-left:25px}.footer-brand img{width:100%;height:auto;max-width:240px;margin:auto;display:block}footer{max-width:var(--max);margin:auto;border-top:1px solid rgba(215,164,58,.2);display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:20px;padding:10px 20px 22px}.footer-logo img{width:250px;max-width:100%}footer nav{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}footer nav a{font-size:11px}.footer-call{border:1px solid #b5893a;padding:10px 16px;color:#e3b04a;font-weight:700}.legal{grid-column:2/4;border-top:1px solid rgba(215,164,58,.25);padding-top:10px;font-size:10px;color:#d8d4cc}
@media(max-width:1200px){.primary-nav{gap:14px}.primary-nav a{font-size:12px}.nav-shell{grid-template-columns:245px 1fr auto}.brand img{width:235px}.hero-copy{padding-top:58px}.settlements h3{font-size:22px}.lower-section{grid-template-columns:1fr 1fr}.lower-section>div{border-bottom:1px solid rgba(215,164,58,.22);padding:24px}.lower-section>div:nth-child(2){border-right:0}.lower-section>div:nth-child(3),.lower-section>div:nth-child(4){border-bottom:0}}
@media(max-width:860px){.hero{min-height:790px;background-size:auto 790px;background-position:67% top}.hero:before{width:100%;background:linear-gradient(90deg,#03101d 0%,rgba(3,16,29,.995) 72%,rgba(3,16,29,.88) 90%,rgba(3,16,29,.48) 100%)}.hero:after{height:96px}.nav-shell{height:auto;min-height:86px;padding:8px 15px;grid-template-columns:1fr auto auto;gap:10px}.brand img{width:215px}.menu-toggle{display:block;background:#071321;border:1px solid #b5893a;color:#fff;font-size:24px;padding:8px 12px}.primary-nav{display:none;position:absolute;left:15px;right:15px;top:84px;background:#041321;border:1px solid #b5893a;padding:12px;flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.language-switch button{padding:11px 10px;font-size:12px}.hero-copy{width:100%;padding:120px 24px 95px}.hero-copy h1{font-size:48px}.hero-copy .eyebrow{max-width:560px}.hero-badges{max-width:560px}.consult-box{grid-template-columns:1fr;max-width:560px}.consult-box>a:first-child{border-right:0;border-bottom:1px solid var(--gold)}.hero-bottom-label{width:100%;font-size:15px}.appellate-section{grid-template-columns:1fr}.appellate-section>div{border-right:0;border-bottom:1px solid rgba(215,164,58,.3);padding:18px 0}.about-section{grid-template-columns:1fr}.about-image{max-width:520px;margin:auto}.lower-section{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;text-align:center}.footer-logo img{margin:auto}.legal{grid-column:auto}.footer-call{justify-self:center}}
@media(max-width:560px){.brand img{width:175px}.language-switch{position:absolute;right:14px;top:92px;z-index:7}.hero{min-height:760px;background-position:69% top}.hero-copy{padding:155px 18px 90px}.hero-copy h1{font-size:39px}.hero-sub{font-size:17px}.hero-badges{grid-template-columns:1fr;gap:8px}.hero-badges div{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding:7px 0}.consult-box>a{min-height:80px}.section{padding-left:16px;padding-right:16px}.section-head h2{font-size:27px}.settlements{grid-template-columns:1fr 1fr}.settlements article{min-height:210px}.settlements article:last-child{grid-column:1/3}.recovered{font-size:16px}.about-section{gap:22px}.about-copy h2{font-size:29px}.lower-section{grid-template-columns:1fr}.lower-section>div{border-right:0!important;border-bottom:1px solid rgba(215,164,58,.22)!important;padding:22px 0!important}.practice-grid{grid-template-columns:repeat(2,1fr)}footer nav{gap:14px}.footer-call{font-size:14px}}

/* Header refinement: reveal more of the Chicago skyline while keeping live text legible. */
.hero:before{
  width:54%;
  background:linear-gradient(90deg,
    rgba(3,16,29,.98) 0%,
    rgba(3,16,29,.94) 46%,
    rgba(3,16,29,.79) 66%,
    rgba(3,16,29,.48) 82%,
    rgba(3,16,29,.08) 100%);
}
.hero-copy{width:min(825px,50vw)}

/* One large gold consultation call-to-action, replacing the previous split box. */
.consult-box.consult-box-single{
  display:block;
  max-width:900px;
  border:1px solid #f0c35b;
  background:linear-gradient(90deg,#c99027 0%,#e7b84d 48%,#f3d47c 100%);
  box-shadow:0 8px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.35);
}
.consult-box.consult-box-single .consult-single{
  min-height:94px;
  width:100%;
  padding:18px 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#071321;
  font-size:clamp(22px,1.75vw,32px);
  line-height:1.18;
  font-weight:800;
  letter-spacing:.01em;
  text-transform:none;
  text-shadow:0 1px 0 rgba(255,255,255,.2);
}
.consult-box.consult-box-single .consult-single:hover,
.consult-box.consult-box-single .consult-single:focus-visible{
  filter:brightness(1.05);
  outline:2px solid #fff;
  outline-offset:2px;
}

@media(max-width:1200px){
  .hero:before{width:57%}
  .hero-copy{width:min(760px,54vw)}
}
@media(max-width:860px){
  .hero:before{
    width:100%;
    background:linear-gradient(90deg,rgba(3,16,29,.97) 0%,rgba(3,16,29,.91) 52%,rgba(3,16,29,.62) 77%,rgba(3,16,29,.30) 100%);
  }
  .hero-copy{width:100%}
  .consult-box.consult-box-single .consult-single{min-height:82px;font-size:clamp(20px,4.1vw,28px)}
}
@media(max-width:560px){
  .consult-box.consult-box-single .consult-single{min-height:76px;padding:15px 16px;font-size:20px}
}

.credentials-section{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(215,164,58,.25);padding-top:28px;padding-bottom:28px}.credential-card{padding:0 30px;border-right:1px solid rgba(215,164,58,.3)}.credential-card:first-child{padding-left:0}.credential-card:last-child{border-right:0;padding-right:0}.credential-card h2{font-family:Georgia,serif;color:#e1aa43;font-size:23px;font-weight:400;margin:0 0 14px}.credential-card p{font-size:15px;line-height:1.5;margin:0 0 10px;font-weight:600}@media(max-width:760px){.credentials-section{grid-template-columns:1fr}.credential-card,.credential-card:first-child,.credential-card:last-child{padding:18px 0;border-right:0;border-bottom:1px solid rgba(215,164,58,.25)}.credential-card:last-child{border-bottom:0}}

/* ============================================================
   FINAL HERO LAYER FIX
   The reference hero PNG contains the old English typography,
   navigation and consultation panel baked into the pixels.
   These two opaque masks prevent any of those baked elements
   from showing through the live bilingual HTML above them.
   The portrait, flag and center/right skyline remain untouched.
   ============================================================ */
.hero{
  isolation:isolate;
}

/* Fully hide the baked headline/badges/old consultation area. */
.hero::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:58%;
  height:100%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,
    #03101d 0%,
    #03101d 88%,
    rgba(3,16,29,.995) 92%,
    rgba(3,16,29,.94) 95%,
    rgba(3,16,29,.66) 97.5%,
    rgba(3,16,29,0) 100%);
}

/* Fully hide the baked logo/menu/language controls at the top. */
.hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:124px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,
    #020a13 0%,
    #020a13 88%,
    rgba(2,10,19,.98) 94%,
    rgba(2,10,19,0) 100%);
}

/* Keep every live element decisively above the masks. */
.nav-shell{z-index:10;}
.hero-copy{z-index:8;}
.hero-bottom-label{z-index:9;}

/* Prevent accidental translucency from revealing baked text. */
.hero-copy,
.nav-shell{
  backface-visibility:hidden;
  transform:translateZ(0);
}

@media (max-width:1200px){
  .hero::before{width:61%;}
}

@media (max-width:860px){
  /* On tablets/phones the text occupies most of the canvas; make the
     mask fully opaque behind it so English and Shqip reflow cleanly. */
  .hero::before{
    width:100%;
    background:linear-gradient(90deg,
      #03101d 0%,
      #03101d 70%,
      rgba(3,16,29,.995) 82%,
      rgba(3,16,29,.90) 91%,
      rgba(3,16,29,.46) 100%);
  }
  .hero::after{
    height:100px;
    background:linear-gradient(180deg,
      #020a13 0%,
      #020a13 90%,
      rgba(2,10,19,0) 100%);
  }
}


/* Final requested heritage artwork replacement: use the exact uploaded eagle image. */
.heritage-block .eagle{display:none!important;}
.heritage-eagle{display:block;width:100%;max-width:330px;height:auto;margin:2px auto 14px;object-fit:contain;}

/* Final hero correction: keep the original Jonel Metaj portrait fully visible.
   The previous full-width top mask reached into the hairline.  The baked menu
   is fully covered above the hairline, while the portrait itself is untouched. */
.hero::after{
  height:86px!important;
  background:linear-gradient(180deg,#020a13 0%,#020a13 78%,rgba(2,10,19,.99) 88%,rgba(2,10,19,.72) 94%,rgba(2,10,19,0) 100%)!important;
}
@media(max-width:860px){
  .hero::after{height:82px!important;}
}
@media(max-width:560px){
  .heritage-eagle{max-width:390px;margin-bottom:16px;}
}