/* Bilingual review: scoped shared treatment after the existing responsive sheet. */
html .area-item::after, html .area::after {
  background: linear-gradient(0deg,rgba(7,16,42,.86),rgba(7,16,42,.04) 65%) !important;
}
html .area-item img, html .area img {filter:none;object-fit:cover;padding:0;}
html .service-result::after {background:linear-gradient(0deg,rgba(7,16,42,.86),transparent 72%) !important;}
html .service-result img {filter:none !important;opacity:1 !important;mix-blend-mode:normal !important;}
html [data-layer="Practice / scrim"] {background:linear-gradient(to top,#040c20 0%,rgba(4,12,32,.95) 35%,rgba(4,12,32,.2) 58%,transparent 100%) !important;}
html [data-layer="Practice / photo"] {filter:none !important;}
html [data-layer="Review / centered container"] {
  display:grid !important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px !important;align-items:center !important;
  max-width:1320px !important;padding:70px 40px !important;
}
html [data-layer="Review / text column"],html [data-layer="Card / eligibility form"] {width:100%;min-width:0 !important;max-width:100% !important;}
html [data-layer="Decor / hand-drawn arrow"] {width:min(300px,85%) !important;height:64px !important;align-self:flex-end;}
.clb-benefit-comparison {margin:30px 0 40px;color:#101c4b;}
.clb-benefit-comparison h3 {font-size:26px;line-height:1.25;}
.clb-benefit-comparison table {width:100%;border-collapse:collapse;background:white;}
.clb-benefit-comparison :is(th,td) {padding:18px;text-align:left;border-bottom:1px solid #d8e2ee;vertical-align:top;line-height:1.5;font-size:16px;}
.clb-benefit-comparison thead {background:#101c4b;color:white;}
.clb-benefit-comparison tbody th {color:#0962b9;font-size:22px;}
.clb-benefit-comparison>p {font-size:14px;line-height:1.6;max-width:900px;}
html[data-clb-view="workers"] .guide-grid {grid-template-columns:minmax(210px,.75fr) minmax(0,1.8fr);gap:42px;}
html[data-clb-view="workers"] .guide-item h3 {font-size:25px;line-height:1.3;}
html[data-clb-view="workers"] .guide-index a {font-size:14px;line-height:1.5;}
html[data-clb-view="workers"] .benefit-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
html[data-clb-view="workers"] .benefit-card:last-child {grid-column:1/-1;}
.clb-topic-overview {padding-top:50px;padding-bottom:45px;}
.clb-topic-links {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:30px;}
.clb-topic-links>a {display:block;color:#101c4b;text-decoration:none;border-bottom:3px solid #1682e8;padding-bottom:20px;}
.clb-topic-links img {width:100%;height:155px;object-fit:cover;display:block;}
.clb-topic-links h3 {font-size:22px;line-height:1.2;margin:18px 0 12px;}
.clb-topic-links p {font-size:16px;line-height:1.6;margin-bottom:15px;}
.clb-topic-links span {font-size:15px;font-weight:700;color:#0865be;}
.clb-topic-links a:focus-visible {outline:3px solid #0876e8;outline-offset:6px;}
html .guide-item {scroll-margin-top:55px;}
html .bio-copy :is(h3,h4),html #bio-copy :is(h3,h4) {color:#101c4b;font-size:19px;margin:28px 0 12px;}
html #bio-copy p {font-size:16px;line-height:1.75;}
.clb-form-select {display:block;width:100%;margin:12px 0;font-size:14px;}
.clb-form-select select {display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #b8c8da;border-radius:4px;background:white;color:#101c4b;font:inherit;min-height:44px;}
/* Supplied reception photograph for the Contact Us hero. */
@media (min-width: 1024px) {
  html[data-clb-view="contact"] .two-hero {
    background-image: linear-gradient(90deg, rgba(7,19,41,.84), rgba(7,19,41,.25)), url('../images/contact-reception-hero.webp') !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
  }
}
html[data-clb-view="car"] .two-hero,html[data-clb-view="car-two"] .two-hero {background-image:linear-gradient(90deg,rgba(7,19,41,.9),rgba(7,19,41,.3) 75%),url('../images/revision-2026/auto.jpg') !important;}
@media(max-width:1050px){
 .clb-topic-links{grid-template-columns:repeat(2,minmax(0,1fr));}
 html[data-clb-view="workers"] .guide-grid{grid-template-columns:1fr;}
 html [data-layer="Review / centered container"]{grid-template-columns:1fr;gap:24px !important;max-width:760px !important;}
 html [data-layer="Decor / hand-drawn arrow"]{display:none !important;}
}
@media(max-width:620px){
 html [data-layer="Review / centered container"]{padding:45px 20px !important;}
 .clb-topic-links{grid-template-columns:1fr;}
 .clb-topic-links img{height:200px;}
 html[data-clb-view="workers"] .benefit-grid{grid-template-columns:1fr;}
 .clb-benefit-comparison :is(th,td){padding:12px 9px;font-size:14px;overflow-wrap:anywhere;}
 html[data-clb-view="workers"] .guide-item-head{grid-template-columns:36px minmax(0,1fr);gap:12px;}
 html[data-clb-view="workers"] .guide-number{width:34px;height:34px;font-size:14px;}
 html[data-clb-view="workers"] .guide-item h3{font-size:22px;}
}

html .guide-photo img {object-position:center 20%;}
html .service-visual img {object-fit:cover;aspect-ratio:4/3;}
html .clb-form-select {color:inherit;}
html [data-layer="Review / text column"] {align-self:center;}
html .guide-photo{height:220px !important;background:#dce7f2;}html .guide-photo img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center bottom !important;transform:none !important;}html .guide-photo::after{background:linear-gradient(0deg,#0b1735,transparent 30%) !important;}
html form.free-review-form .clb-form-select{color:#e8f1ff;} .clb-topic-overview>.two-title{font-size:clamp(28px,3vw,42px);line-height:1.2;}

/* The settlement photo is panoramic: preserve its full native composition. */
html[data-clb-view="settlements"] .guide-photo {
  height: auto !important;
  min-height: 0;
  aspect-ratio: 2080 / 756;
}
html[data-clb-view="settlements"] .guide-photo img {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center !important;
}
@media (max-width: 900px) {
  html[data-clb-view="settlements"] .guide-side {
    display: block;
  }
}

/* Keep the waist-cropped partners prominent below the 1920px reference. */
@media (min-width: 1024px) {
  html[data-clb-view="home"] {
    --clb-home-attorneys-width: clamp(682.5px, calc(26.25vw + 441px), 1163.4px);
  }
  html[data-clb-view="home"] [data-layer="Image / attorneys team"] {
    width: var(--clb-home-attorneys-width) !important;
    right: clamp(16px, 1.5vw, 30px) !important;
    height: auto !important;
    aspect-ratio: 1007 / 620;
    object-fit: cover !important;
    object-position: center top !important;
  }

  html[data-clb-view="home"] [data-layer="Stats / bar"] {
    max-width: min(900px, 48vw) !important;
  }
  html[data-clb-view="home"] [data-layer="Stats / bar"] > :not([data-layer="Stat / divider"]) {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
  }
  html[data-clb-view="home"] [data-layer="Stats / bar"] [data-layer="Stat / divider"] {
    margin-inline: clamp(6px, 1vw, 14px) !important;
  }
  html[data-clb-view="home"] [data-layer="Stats / bar"] [data-layer="Stat label"] {
    white-space: normal !important;
    text-align: center;
  }
}
/* Give the larger group its own space at desktop widths. */
@media (min-width: 1920px) {
  html[data-clb-view="home"] {
    --clb-home-attorneys-width: min(49.35vw, 1242.15px);
  }
}
@media (min-width: 1800px) {
  html[data-clb-view="home"] [data-layer="Stats / bar"] {
    max-width: min(900px, calc(100vw - var(--clb-home-attorneys-width) - 220px)) !important;
  }
}
@media (min-width: 1024px) and (max-width: 1799px) {
  html[data-clb-view="home"] [data-layer="Stats / bar"] {
    max-width: min(900px, calc(100vw - var(--clb-home-attorneys-width) - 130px)) !important;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  html[data-clb-view="home"] [data-layer="Hero copy"] {
    max-width: clamp(372px, calc(50vw - 140px), 560px) !important;
    margin-top: 70px !important;
  }
  html[data-clb-view="home"] [data-layer="Hero copy"] h1 {
    font-size: clamp(38px, 4vw, 56px) !important;
    margin-top: 20px !important;
  }
  html[data-clb-view="home"] [data-layer="Hero copy"] [data-layer="Text / subcopy"] {
    font-size: 18px !important;
    line-height: 1.6 !important;
    margin-top: 24px !important;
  }
  html[data-clb-view="home"] [data-layer="Buttons / hero CTA row"] {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 16px !important;
    margin-top: 28px !important;
  }
  html[data-clb-view="home"] [data-layer="Stats / bar"] {
    margin-top: 32px !important;
    padding-top: 24px !important;
  }
  html[data-clb-view="home"] [data-layer="Stats / bar"] [data-layer="Stat value"] {
    font-size: clamp(24px, 2.4vw, 34px) !important;
  }
  html[data-clb-view="home"] [data-layer="Stats / bar"] [data-layer="Stat label"] {
    font-size: clamp(11px, 1vw, 13px) !important;
    line-height: 1.4;
  }
  html[data-clb-view="home"] [data-layer="Stats / bar"] [data-layer="Stat / divider"] {
    margin-inline: clamp(4px, .5vw, 7px) !important;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  html[data-clb-view="home"] [data-layer="Stats / bar"] {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  html[data-clb-view="home"] [data-layer="Stats / bar"] > :not([data-layer="Stat / divider"]) {
    flex-direction: row !important;
    align-items: center;
    gap: 12px;
  }
  html[data-clb-view="home"] [data-layer="Stats / bar"] [data-layer="Stat / divider"] {
    display: none;
  }
  html[data-clb-view="home"] [data-layer="Stats / bar"] [data-layer="Stat value"] {
    flex: 0 0 76px;
    font-size: 30px !important;
  }
  html[data-clb-view="home"] [data-layer="Stats / bar"] [data-layer="Stat label"] {
    font-size: 13px !important;
    text-align: left !important;
  }
}
@media (max-width: 1023px) {
  html[data-clb-view="home"] .clb-mobile-hero-media--home {
    width: 100%;
    max-width: 560px;
    height: auto !important;
    aspect-ratio: 1007 / 620;
    margin: 24px auto 0 !important;
  }
  html[data-clb-view="home"] .clb-mobile-hero-media--home img {
    object-fit: cover !important;
    object-position: center top !important;
  }
}

/* The three supplied JPG portraits fill their home-team cards. */
html[data-clb-view="home"] .clb-team-card:is(
  [data-attorney="daniel-castan"],
  [data-attorney="alexander-lecca"],
  [data-attorney="michael-boeschen"]
) [data-layer="Attorney / portrait"] {
  inset: 0 !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center top;
}

/* Supplied partner portraits fill the About Us image panels. */
html[data-clb-view="about"] :is(
  #attorney-daniel-castan,
  #attorney-alexander-lecca,
  #attorney-michael-boeschen
) .person-portrait img {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

/* Preserve the full supplied group photograph at every screen size. */
html[data-clb-view="about"] .dedicated-grid > img {
  display: block;
  width: 100%;
  min-height: 0;
  height: auto;
  aspect-ratio: 2048 / 1143;
  object-fit: cover;
}

/* Service guide thumbnails use the photograph from their own page banner. */
html .guide-photo.guide-photo--service-hero img {
  display: block;
  object-fit: cover !important;
  object-position: center !important;
  filter: none !important;
}

/* Preserve the full team photograph in the home story section. */
html[data-clb-view="home"] #who [data-layer="Image / Our Story team"] {
  height: auto !important;
  aspect-ratio: 2048 / 1143 !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Balance the story columns and center the photograph beside the text. */
@media (min-width: 1024px) {
  html[data-clb-view="home"] #who [data-layer="Story / centered container"] {
    column-gap: 24px !important;
  }
  html[data-clb-view="home"] #who [data-layer="Story / image column"] {
    flex-basis: 480px !important;
    align-self: center !important;
  }
}

/* Supplied photograph for the About Us hero, in both languages. */
@media (min-width: 1024px) {
  html[data-clb-view="about"] :is(.about-hero, .hero, .clb-hero) {
    background-image: linear-gradient(90deg, rgba(7,19,41,.8), rgba(7,19,41,.15)), url('../images/about-team-conversation-original.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
  }
}
@media (max-width: 1023px) {
  html[data-clb-view="about"] .clb-mobile-hero-media--about {
    height: auto !important;
    aspect-ratio: 1678 / 937;
  }
  html[data-clb-view="about"] .clb-mobile-hero-media--about img {
    height: auto !important;
    object-position: center;
  }
}

/* Supplied What We Do photograph, with readable desktop copy. */
@media (min-width: 1024px) {
  html[data-clb-view="services"] .two-hero {
    background-image: linear-gradient(90deg, rgba(7,19,41,.88), rgba(7,19,41,.15)), url('../images/services-atlanta-traffic-workplace-original.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
  }
}
@media (max-width: 1023px) {
  html[data-clb-view="services"] .clb-mobile-hero-media--services {
    height: auto !important;
    aspect-ratio: 2080 / 756;
  }
  html[data-clb-view="services"] .clb-mobile-hero-media--services img {
    height: auto !important;
    object-position: center;
  }
}

/* Enlarge the existing service photographs within their native resolution. */
@media (min-width: 701px) {
  html[data-clb-view="services"] .service-detail {
    grid-template-columns: minmax(0, 1fr) 240px;
  }
}
@media (min-width: 901px) and (max-width: 1200px) {
  html[data-clb-view="services"] .service-detail {
    grid-template-columns: minmax(0, 1fr) 172px;
  }
}
@media (max-width: 700px) {
  html[data-clb-view="services"] .service-visual {
    width: min(220px, 100%);
  }
}

/* Personal injury hero: the supplied legal consultation photograph. */
@media (min-width: 1024px) {
  html[data-clb-view="personal"] .two-hero {
    background-image: linear-gradient(90deg, rgba(7,19,41,.82), rgba(7,19,41,.5) 45%, rgba(7,19,41,.05) 78%), linear-gradient(0deg, rgba(7,19,41,.85), transparent 55%), url('../images/personal-injury-legal-consultation-hero.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media (min-width: 1024px) and (max-width: 1599px) {
  html[data-clb-view="personal"] .two-hero {
    background-position: 72% center;
  }
}
@media (max-width: 1023px) {
  html[data-clb-view="personal"] .clb-mobile-hero-media--personal {
    --mobile-hero-focus: 72% center;
  }
}

/* Reuse the home practice cards inside the existing internal-page section. */
html .clb-internal-practice-cards {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
  width: 100%;
  min-width: 0;
}
html .area-list:has(> .clb-internal-practice-cards) {
  border: 0;
}
html .clb-internal-practice-cards > article {
  display: flex;
  flex-direction: column;
  min-width: 0 !important;
  max-width: none !important;
}
html .clb-internal-practice-cards [data-layer="Practice / photo"] {
  height: 242px !important;
}
html .clb-internal-practice-cards [data-layer="Practice / content"] {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  margin-top: 212px;
  flex: 1;
}
html .clb-internal-practice-cards :is([data-layer="Practice / title"], [data-layer="Practice / body"], [data-layer="Practice / learn more"]) {
  flex-shrink: 0;
}
html .clb-internal-practice-cards [data-layer="Practice / learn more"] {
  padding-top: 8px;
  text-decoration: none;
}
html .clb-internal-practice-cards [data-layer="Practice / learn more"]:focus-visible {
  outline: 2px solid #8cc5ff;
  outline-offset: 4px;
}
@media (max-width: 1100px) {
  html .clb-internal-practice-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  html .clb-internal-practice-cards {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Personal injury case overview: new panorama with the original blue overlay. */
html[data-clb-view="personal"] .personal-cases {
  background-image: linear-gradient(90deg, rgba(11,104,212,.94), rgba(18,49,108,.85)), url('../images/personal-injury-cases-atlanta.webp');
  background-repeat: no-repeat;
}

/* Car accident hero: supplied roadside photograph with the existing text overlay. */
@media (min-width: 1024px) {
  html[data-clb-view="car"] .ca-hero::before {
    background-image: linear-gradient(90deg, rgba(7,19,41,.82), rgba(7,19,41,.5) 45%, rgba(7,19,41,.05) 78%), linear-gradient(0deg, rgba(7,19,41,.85), transparent 55%), url('../images/car-accident-roadside-hero.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 85% center;
  }
}
@media (min-width: 1024px) and (max-width: 1599px) {
  html[data-clb-view="car"] .ca-hero::before {
    background-position: center;
  }
}
@media (max-width: 1023px) {
  html[data-clb-view="car"] .clb-mobile-hero-media--car {
    --mobile-hero-focus: 62% center;
  }
}

/* Match the reading-guide gradient only on the TPD, TTD and PPD cards. */
html[data-clb-view="workers"] .benefit-grid > .benefit-card:nth-child(-n+3) {
  background: radial-gradient(ellipse at top right, #234c7c, transparent 65%), #0b1735;
  border-color: #658fbb40;
  color: #fff;
}
html[data-clb-view="workers"] .benefit-grid > .benefit-card:nth-child(-n+3) .benefit-code {
  color: #8cc5ff;
}
html[data-clb-view="workers"] .benefit-grid > .benefit-card:nth-child(-n+3) h3 {
  color: #fff;
}
html[data-clb-view="workers"] .benefit-grid > .benefit-card:nth-child(-n+3) p {
  color: #d6e4f4;
}

/* Workers compensation hero: supplied Atlanta workplace assistance photograph. */
@media (min-width: 1024px) {
  html[data-clb-view="workers"] .two-hero {
    background-image: linear-gradient(90deg, rgba(7,19,41,.82), rgba(7,19,41,.5) 45%, rgba(7,19,41,.05) 78%), linear-gradient(0deg, rgba(7,19,41,.85), transparent 55%), url('../images/workers-comp-atlanta-assistance-hero.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
  }
}

/* Workers compensation promise section: Georgia Capitol with the existing blue overlay. */
html[data-clb-view="workers"] .workers-promise {
  background-image: linear-gradient(90deg, rgba(11,23,53,.96), rgba(16,28,75,.85)), url('../images/workers-promise-georgia-capitol.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

/* Immigration hero: supplied Atlanta consultation photograph. */
@media (min-width: 1024px) {
  html[data-clb-view="immigration"] .two-hero {
    background-image: linear-gradient(90deg, rgba(7,19,41,.82), rgba(7,19,41,.5) 45%, rgba(7,19,41,.05) 78%), linear-gradient(0deg, rgba(7,19,41,.85), transparent 55%), url('../images/immigration-atlanta-consultation-hero.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
  }
}
@media (min-width: 1024px) and (max-width: 1599px) {
  html[data-clb-view="immigration"] .two-hero {
    background-position: 80% center;
  }
}
@media (max-width: 1023px) {
  html[data-clb-view="immigration"] .clb-mobile-hero-media--immigration {
    height: auto;
    aspect-ratio: 16 / 9;
    max-height: 300px;
    --mobile-hero-focus: 74% center;
  }
}

/* Recent Settlements uses the same original photograph as What We Do. */
@media (min-width: 1024px) {
  html[data-clb-view="settlements"] .two-hero {
    background-image: linear-gradient(90deg, rgba(7,19,41,.82), rgba(7,19,41,.5) 45%, rgba(7,19,41,.05) 78%), linear-gradient(0deg, rgba(7,19,41,.85), transparent 55%), url('../images/services-atlanta-traffic-workplace-original.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
  }
}
@media (max-width: 1023px) {
  html[data-clb-view="settlements"] .clb-mobile-hero-media--settlements {
    height: auto !important;
    aspect-ratio: 2080 / 756;
  }
  html[data-clb-view="settlements"] .clb-mobile-hero-media--settlements img {
    height: auto !important;
    object-position: center;
  }
}

/* Keep the receptionist visible in the mobile Contact Us hero. */
@media (max-width: 1023px) {
  html[data-clb-view="contact"] .clb-mobile-hero-media--contact {
    height: auto !important;
    aspect-ratio: 16 / 9;
    max-height: 300px;
  }
  html[data-clb-view="contact"] .clb-mobile-hero-media--contact img {
    object-position: 80% center;
  }
}

/* Preserve the top of the supplied Get in Touch portrait in its existing frame. */
html[data-clb-view="contact"] .contact-photo img {
  object-position: center top;
}