/* Castan, Lecca & Boeschen — 2026-10-14
   Editing guide: each view is scoped through html[data-clb-view].
   Change component declarations here; viewport and motion conditions belong in responsive.css. */

/* These final view overrides originally followed responsive rules in the head.
   Retain their priority after the viewport rules move to responsive.css. */

:where(html[data-clb-view="settlements"]) .guide-index.guide-index a {
  padding: 9px 7px;
}

:where(html[data-clb-view="workers"]) .guide-index.guide-index a {
  padding: 9px 6px;
}

:where(html[data-clb-view="contact"]) .two-hero-copy.two-hero-copy {
  padding-bottom: 95px;
}

:where(html[data-clb-view="contact"]) .contact-section.contact-section {
  padding: 0;
}

/* Legacy video modal, previously injected by home.js. */

body.clb-video-open {
  overflow: hidden;
}

.clb-video-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.clb-video-modal__inner {
  position: relative;
  width: 90vw;
  max-width: 900px;
  aspect-ratio: 16/9;
  background: #000;
}

.clb-video-modal__inner iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.clb-video-modal__close {
  position: absolute;
  top: -36px;
  right: 0;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  padding: 4px 8px;
}

/* ==========================================================================
   front-page.php — embedded block 1
   ========================================================================== */

:where(html[data-clb-view="home"]) *,
:where(html[data-clb-view="home"]) *::before,
:where(html[data-clb-view="home"]) *::after {
  box-sizing: border-box;
}

html:where([data-clb-view="home"]),
:where(html[data-clb-view="home"]) body {
  margin: 0;
  padding: 0;
  background: #f9f9f9;
}

:where(html[data-clb-view="home"]) a {
  text-decoration: none;
}

/* ==========================================================================
   front-page.php — embedded block 2
   ========================================================================== */

/* heroSlideIn — hero copy entrance */

@keyframes clb-home-heroSlideIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

:where(html[data-clb-view="home"]) .hero-slide-in>* {
  opacity: 0;
  animation: clb-home-heroSlideIn .85s cubic-bezier(.16,.84,.44,1) forwards;
}

:where(html[data-clb-view="home"]) .hero-slide-in>*:nth-child(1) {
  animation-delay: .05s;
}

:where(html[data-clb-view="home"]) .hero-slide-in>*:nth-child(2) {
  animation-delay: .2s;
}

:where(html[data-clb-view="home"]) .hero-slide-in>*:nth-child(3) {
  animation-delay: .35s;
}

:where(html[data-clb-view="home"]) .hero-slide-in>*:nth-child(4) {
  animation-delay: .5s;
}

/* heroThumbSlide — hero portrait image slides in */

@keyframes clb-home-heroThumbSlide {
  from {
    opacity: 0;
    transform: translateX(70px) scale(1.04);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

:where(html[data-clb-view="home"]) .hero-thumb-slide {
  animation: clb-home-heroThumbSlide 1.1s cubic-bezier(.16,.84,.44,1) .25s both;
}

/* fancy-letters — per-character reveal */

@keyframes clb-home-fancyLetterIn {
  from {
    opacity: 0;
    transform: translateY(.55em) rotate(4deg);
  }
  to {
    opacity: 1;
    transform: translateY(0) rotate(0);
  }
}

:where(html[data-clb-view="home"]) .fancy-letters .fl-char {
  opacity: 0;
  animation: clb-home-fancyLetterIn .55s cubic-bezier(.2,.9,.3,1) forwards;
}

/* fancy-fade — generic scroll reveal */

:where(html[data-clb-view="home"]) .fancy-fade {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .7s ease,transform .7s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .fancy-fade.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* fancy-counter — number count-up (visual affordance only, JS drives the value) */

:where(html[data-clb-view="home"]) .fancy-counter {
  font-variant-numeric: tabular-nums;
}

/* fancy-cover — sliding reveal panel over imagery */

:where(html[data-clb-view="home"]) .fancy-cover {
  position: relative;
  overflow: hidden;
}

:where(html[data-clb-view="home"]) .fancy-cover::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #1a49c0;
  transform-origin: right;
  z-index: 2;
  transform: scaleX(1);
}

:where(html[data-clb-view="home"]) .fancy-cover.is-visible::after {
  animation: clb-home-fancyCoverSlide .95s cubic-bezier(.76,0,.24,1) forwards;
}

@keyframes clb-home-fancyCoverSlide {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}

/* fancy-border (style-grow) — border draws in on hover/reveal */

:where(html[data-clb-view="home"]) .fancy-border.style-grow {
  position: relative;
  background-image: linear-gradient(90deg,#2f80ef,#2f80ef),
    linear-gradient(180deg,#2f80ef,#2f80ef),
    linear-gradient(90deg,#2f80ef,#2f80ef),
    linear-gradient(180deg,#2f80ef,#2f80ef);
  background-repeat: no-repeat;
  background-position: top left,top right,bottom left,bottom right;
  background-size: 0% 2px,2px 0%,0% 2px,2px 0%;
  transition: background-size .55s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .fancy-border.style-grow:hover,
:where(html[data-clb-view="home"]) .fancy-border.style-grow.is-visible {
  background-size: 100% 2px,2px 100%,100% 2px,2px 100%;
}

/* marquee-scroll — recognition badge row motion (Framer Motion inline drives the fade-in, this drives the scroll) */

:where(html[data-clb-view="home"]) .marquee-scroll {
  overflow: hidden;
}

@keyframes clb-home-marqueeScroll {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-6%);
  }
  100% {
    transform: translateX(0);
  }
}

:where(html[data-clb-view="home"]) .marquee-scroll.marquee-track {
  animation: clb-home-marqueeScroll 11s ease-in-out infinite;
}

:where(html[data-clb-view="home"]) .marquee-scroll.marquee-track:hover {
  animation-play-state: paused;
}

/* fancy-icon-menu — nav links with sliding icon + growing underline */

:where(html[data-clb-view="home"]) .fancy-icon-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

:where(html[data-clb-view="home"]) .fancy-icon-menu .fim-icon {
  display: inline-flex;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .25s ease,transform .25s ease;
}

:where(html[data-clb-view="home"]) .fancy-icon-menu:hover .fim-icon,
:where(html[data-clb-view="home"]) .fancy-icon-menu:focus-visible .fim-icon {
  opacity: 1;
  transform: translateX(0);
}

:where(html[data-clb-view="home"]) .fancy-icon-menu::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  height: 2px;
  width: 0;
  background: #6ba3ec;
  transition: width .3s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .fancy-icon-menu:hover::after,
:where(html[data-clb-view="home"]) .fancy-icon-menu:focus-visible::after {
  width: 100%;
}

/* CookieConsent_slideIn */

@keyframes clb-home-CookieConsent_slideIn {
  from {
    transform: translateY(120%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

:where(html[data-clb-view="home"]) #cookie-consent {
  position: fixed;
  left: 24px;
  right: 24px;
  bottom: 24px;
  max-width: 560px;
  margin: 0 auto;
  background: #0d1c33;
  color: #fff;
  border-radius: 10px;
  padding: 22px 26px;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  z-index: 9999;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  font-family: Archivo,sans-serif;
  animation: clb-home-CookieConsent_slideIn .6s cubic-bezier(.16,.84,.44,1) .5s both;
}

:where(html[data-clb-view="home"]) #cookie-consent p {
  margin: 0;
  flex: 1 1 260px;
  font-size: 15px;
  line-height: 1.5;
  color: #cfdae8;
}

:where(html[data-clb-view="home"]) #cookie-consent .cc-actions {
  display: flex;
  gap: 12px;
  flex: none;
}

:where(html[data-clb-view="home"]) #cookie-consent button {
  cursor: pointer;
  border: 0;
  border-radius: 5px;
  font-family: Archivo,sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  padding: 10px 18px;
}

:where(html[data-clb-view="home"]) #cookie-consent .cc-accept {
  background: #2f6cc0;
  color: #fff;
}

:where(html[data-clb-view="home"]) #cookie-consent .cc-decline {
  background: transparent;
  color: #c9d6e8;
  border: 1px solid rgba(255,255,255,.28);
}

:where(html[data-clb-view="home"]) #cookie-consent.is-hidden {
  display: none;
}

/* intakerCallReveal — floating call widget */

@keyframes clb-home-intakerCallReveal {
  0% {
    opacity: 0;
    transform: scale(.4) translateY(30px);
  }
  70% {
    opacity: 1;
    transform: scale(1.08) translateY(0);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes clb-home-intakerPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(15,87,196,.5);
  }
  100% {
    box-shadow: 0 0 0 22px rgba(15,87,196,0);
  }
}

:where(html[data-clb-view="home"]) .intaker-call-btn {
  position: fixed;
  right: 26px;
  bottom: 26px;
  width: 64px;
  height: 64px;
  border-radius: 999px;
  background: #0f57c4;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9998;
  opacity: 0;
  animation: clb-home-intakerCallReveal .7s cubic-bezier(.16,.84,.44,1) 1.3s forwards,clb-home-intakerPulse 2.4s ease-out 2.2s infinite;
}

/* the Settlements cards reveal in a staggered vertical sequence as they scroll into view */

:where(html[data-clb-view="home"]) [data-layer="Settlements / stack"] .fancy-fade:nth-child(1) {
  transition-delay: 0s;
}

:where(html[data-clb-view="home"]) [data-layer="Settlements / stack"] .fancy-fade:nth-child(2) {
  transition-delay: .12s;
}

:where(html[data-clb-view="home"]) [data-layer="Settlements / stack"] .fancy-fade:nth-child(3) {
  transition-delay: .24s;
}

/* fancy-fade-blur — section-level fade up + blur reveal, kept separate from card-level effects */

:where(html[data-clb-view="home"]) .fancy-fade-blur {
  filter: blur(14px);
  transition: opacity .8s ease,transform .8s cubic-bezier(.16,.84,.44,1),filter .8s ease;
}

:where(html[data-clb-view="home"]) .fancy-fade-blur.is-visible {
  filter: blur(0);
}

/* Our Successes — coordinated entrance without changing the card layout */

:where(html[data-clb-view="home"]) .successes-fx::after {
  content: '';
  position: absolute;
  inset: -20%;
  pointer-events: none;
  background: radial-gradient(circle at 68% 42%,rgba(47,128,239,.12),transparent 32%);
  opacity: 0;
  transform: scale(.9);
  transition: opacity 1.2s ease,transform 1.4s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .successes-fx.is-visible::after {
  opacity: 1;
  transform: scale(1);
}

:where(html[data-clb-view="home"]) .successes-copy,
:where(html[data-clb-view="home"]) .successes-featured {
  opacity: 0;
  will-change: opacity,transform;
}

:where(html[data-clb-view="home"]) .successes-copy {
  transform: translateY(34px);
  transition: opacity .8s ease,transform .8s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .successes-featured {
  transform: translateX(34px) scale(.97);
  transition: opacity .9s ease .12s,transform .9s cubic-bezier(.16,.84,.44,1) .12s;
}

:where(html[data-clb-view="home"]) .successes-fx.is-visible .successes-copy,
:where(html[data-clb-view="home"]) .successes-fx.is-visible .successes-featured {
  opacity: 1;
  transform: translate(0) scale(1);
}

:where(html[data-clb-view="home"]) .successes-fx .fancy-fade {
  transition-delay: .25s;
}

:where(html[data-clb-view="home"]) .successes-fx [data-layer="Card / settlement auto"] {
  transition-delay: .2s;
}

:where(html[data-clb-view="home"]) .successes-fx [data-layer="Card / settlement workers comp"] {
  transition-delay: .35s;
}

:where(html[data-clb-view="home"]) .successes-fx [data-layer="Card / settlement truck"] {
  transition-delay: .5s;
}

:where(html[data-clb-view="home"]) .successes-fx .successes-featured::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg,transparent 30%,rgba(132,190,255,.13) 48%,transparent 66%);
  transform: translateX(-120%);
  transition: transform 1.1s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .successes-fx.is-visible .successes-featured::before {
  transform: translateX(120%);
}

:where(html[data-clb-view="home"]) .successes-fx .successes-featured:hover {
  transform: translateY(-8px) scale(1.015);
  box-shadow: inset 0 1px 0 rgba(147,190,240,.2),0 30px 72px rgba(3,10,24,.65);
}

:where(html[data-clb-view="home"]) .successes-fx [data-layer^="Card / settlement"] {
  position: relative;
  overflow: hidden;
  transition: transform .35s cubic-bezier(.16,.84,.44,1),border-color .25s ease !important;
}

:where(html[data-clb-view="home"]) .successes-fx [data-layer^="Card / settlement"]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #4c91ed;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .successes-fx [data-layer^="Card / settlement"]:hover {
  transform: translateX(8px);
  border-color: rgba(114,176,244,.72);
}

:where(html[data-clb-view="home"]) .successes-fx [data-layer^="Card / settlement"]:hover::after {
  transform: scaleX(1);
}

/* Successes / left-side flowing-lines watermark — same muted navy tint
   approved for the Reviews watermark, pinned to the left edge, native size. */

:where(html[data-clb-view="home"]) .successes-fx .successes-watermark {
  position: absolute;
  left: -40px;
  top: 0;
  width: 888px;
  height: 1468px;
  max-width: none;
  background-image: url('/wp-content/uploads/2026/09/Lines2-04-1-1.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 888px 1468px;
  opacity: .6;
  pointer-events: none;
}

/* Google Reviews — staggered entrance and restrained card interaction */

:where(html[data-clb-view="home"]) .google-reviews-fx::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg,transparent 20%,rgba(91,149,228,.08) 50%,transparent 80%);
  transform: translateX(-100%);
  transition: transform 1.4s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .google-reviews-fx.is-visible::after {
  transform: translateX(100%);
}

:where(html[data-clb-view="home"]) .google-intro {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s ease,transform .8s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .google-reviews-fx.is-visible .google-intro {
  opacity: 1;
  transform: translateY(0);
}

:where(html[data-clb-view="home"]) .google-rating {
  transform-origin: left center;
  transition: transform .5s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .google-reviews-fx.is-visible .google-rating {
  animation: clb-home-googleRatingPop .7s cubic-bezier(.16,.84,.44,1) .35s both;
}

@keyframes clb-home-googleRatingPop {
  from {
    opacity: 0;
    transform: scale(.7) rotate(-8deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotate(0);
  }
}

:where(html[data-clb-view="home"]) .google-reviews-fx .google-review-card {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity .7s ease,transform .7s cubic-bezier(.16,.84,.44,1),border-color .25s ease,box-shadow .25s ease;
}

:where(html[data-clb-view="home"]) .google-reviews-fx.is-visible .google-review-card {
  opacity: 1;
  transform: translateY(0);
}

:where(html[data-clb-view="home"]) .google-reviews-fx.is-visible .google-review-card:nth-child(1) {
  transition-delay: .12s;
}

:where(html[data-clb-view="home"]) .google-reviews-fx.is-visible .google-review-card:nth-child(2) {
  transition-delay: .24s;
}

:where(html[data-clb-view="home"]) .google-reviews-fx.is-visible .google-review-card:nth-child(3) {
  transition-delay: .36s;
}

:where(html[data-clb-view="home"]) .google-reviews-fx .google-review-card:hover {
  transform: translateY(-8px);
  border-color: rgba(96,148,216,.55);
  box-shadow: 0 20px 42px rgba(2,8,24,.35);
}

:where(html[data-clb-view="home"]) .google-reviews-fx .google-review-card [data-layer="Avatar / initials"] {
  transition: transform .35s ease,box-shadow .35s ease;
}

:where(html[data-clb-view="home"]) .google-reviews-fx .google-review-card:hover [data-layer="Avatar / initials"] {
  transform: scale(1.08) rotate(-4deg);
  box-shadow: 0 8px 18px rgba(59,125,219,.25);
}

/* Reviews / left-side watermark mark + a lighter-blue accent glow behind it,
   both drifting a few px on a slow loop for quiet depth. */

:where(html[data-clb-view="home"]) .google-reviews-fx .reviews-accent-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(55% 65% at 14% 38%,rgba(76,145,237,.07) 0%,rgba(76,145,237,0) 68%);
  animation: clb-home-reviewsGlowDrift 16s ease-in-out infinite;
}

:where(html[data-clb-view="home"]) .google-reviews-fx .reviews-watermark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 929px;
  height: 736px;
  max-width: none;
  background-image: url('/wp-content/uploads/2026/09/Lines-02-1-1.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 929px 736px;
  pointer-events: none;
  animation: clb-home-reviewsMarkDrift 18s ease-in-out infinite;
}

@keyframes clb-home-reviewsGlowDrift {
  0%,
  100% {
    transform: translate(0,0) scale(1);
  }
  50% {
    transform: translate(18px,-14px) scale(1.05);
  }
}

@keyframes clb-home-reviewsMarkDrift {
  0%,
  100% {
    transform: translateY(-50%) translateX(0);
  }
  50% {
    transform: translateY(-50%) translateX(10px);
  }
}

/* Free Case Review — form entrance, field focus, and CTA feedback */

:where(html[data-clb-view="home"]) .free-review-fx::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg,transparent 25%,rgba(88,143,224,.08) 50%,transparent 75%);
  transform: translateX(-100%);
  transition: transform 1.5s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .free-review-fx.is-visible::after {
  transform: translateX(100%);
}

:where(html[data-clb-view="home"]) .free-review-copy {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s ease,transform .8s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .free-review-form {
  opacity: 0;
  transform: translateY(36px) scale(.98);
  transition: opacity .9s ease .15s,transform .9s cubic-bezier(.16,.84,.44,1) .15s;
}

:where(html[data-clb-view="home"]) .free-review-fx.is-visible .free-review-copy,
:where(html[data-clb-view="home"]) .free-review-fx.is-visible .free-review-form {
  opacity: 1;
  transform: translateY(0) scale(1);
}

:where(html[data-clb-view="home"]) .free-review-form [data-layer^="Field /"] {
  transition: border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}

:where(html[data-clb-view="home"]) .free-review-form input:focus,
:where(html[data-clb-view="home"]) .free-review-form textarea:focus {
  outline: none;
  border-color: #4c91ed !important;
  box-shadow: 0 0 0 4px rgba(76,145,237,.18);
  transform: translateY(-2px);
}

:where(html[data-clb-view="home"]) .free-review-form [data-layer="Field / consent"]:focus-within {
  color: #fff;
}

:where(html[data-clb-view="home"]) .free-review-form [data-layer="Button / submit case review"] {
  position: relative;
  overflow: hidden;
  transition: transform .3s ease,box-shadow .3s ease,background-color .3s ease;
}

:where(html[data-clb-view="home"]) .free-review-form [data-layer="Button / submit case review"]::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg,transparent 25%,rgba(255,255,255,.2) 50%,transparent 75%);
  transform: translateX(-120%);
  transition: transform .7s ease;
}

:where(html[data-clb-view="home"]) .free-review-form [data-layer="Button / submit case review"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(31,86,207,.35);
  background-color: #286be8 !important;
}

:where(html[data-clb-view="home"]) .free-review-form [data-layer="Button / submit case review"]:hover::before {
  transform: translateX(120%);
}

:where(html[data-clb-view="home"]) .free-review-form [data-layer="Button / arrow glyph"] {
  transition: transform .3s ease;
}

:where(html[data-clb-view="home"]) .free-review-form [data-layer="Button / submit case review"]:hover [data-layer="Button / arrow glyph"] {
  transform: translateX(5px);
}

/* Free Case Review / left-side flowing-lines watermark — same muted navy tint
   approved for Successes/Reviews, pinned to the left edge, native size. */

:where(html[data-clb-view="home"]) .free-review-fx .review-watermark {
  position: absolute;
  left: -40px;
  top: 0;
  width: 888px;
  height: 1468px;
  max-width: none;
  background-image: url('/wp-content/uploads/2026/09/Lines2-04-1-1.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 888px 1468px;
  opacity: .5;
  pointer-events: none;
}

/* Our Team — each component uses a distinct entrance motion */

:where(html[data-clb-view="home"]) .team-fx [data-layer="Text / headline"],
:where(html[data-clb-view="home"]) .team-fx [data-layer="Text / subcopy"],
:where(html[data-clb-view="home"]) .team-fx [data-layer="Text / emphasis line"],
:where(html[data-clb-view="home"]) .team-fx [data-layer="Button / meet the full team"],
:where(html[data-clb-view="home"]) .team-fx [data-layer="Stats / team row"],
:where(html[data-clb-view="home"]) .team-fx [data-layer="Rule / above roster"],
:where(html[data-clb-view="home"]) .team-fx [data-layer="Team / roster row"],
:where(html[data-clb-view="home"]) .team-fx [data-layer="Rule / below roster"],
:where(html[data-clb-view="home"]) .team-fx [data-layer="Icon / globe"],
:where(html[data-clb-view="home"]) .team-fx [data-layer="Text / language line"],
:where(html[data-clb-view="home"]) .team-fx [data-layer="Languages / row"] {
  opacity: 0;
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Text / headline"] {
  transform: scale(.88);
  filter: blur(8px);
  transition: opacity .75s ease,transform .75s cubic-bezier(.16,.84,.44,1),filter .75s ease;
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Text / subcopy"] {
  transform: translateX(-28px);
  transition: opacity .7s ease .12s,transform .7s cubic-bezier(.16,.84,.44,1) .12s;
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Text / emphasis line"] {
  transform: translateY(18px);
  transition: opacity .6s ease .25s,transform .6s ease .25s;
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Button / meet the full team"] {
  transform: translateY(22px) scale(.94);
  transition: opacity .7s ease .35s,transform .7s cubic-bezier(.16,.84,.44,1) .35s;
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Stats / team row"] {
  transform: rotateX(70deg);
  transform-origin: top center;
  transition: opacity .8s ease .45s,transform .8s cubic-bezier(.16,.84,.44,1) .45s;
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Rule / above roster"],
:where(html[data-clb-view="home"]) .team-fx [data-layer="Rule / below roster"] {
  transform: scaleX(0);
  transition: opacity .7s ease .6s,transform .8s cubic-bezier(.16,.84,.44,1) .6s;
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Team / roster row"] {
  transform: translateY(42px);
  transition: opacity .8s ease .65s,transform .8s cubic-bezier(.16,.84,.44,1) .65s;
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Team / roster row"] > a {
  opacity: 0;
  transform: translateY(30px) rotate(3deg);
  transition: opacity .55s ease,transform .55s cubic-bezier(.16,.84,.44,1),box-shadow .3s ease;
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Team / roster row"] > a:nth-child(even) {
  transform: translateY(30px) rotate(-3deg);
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Icon / globe"] {
  transform: scale(.4) rotate(-35deg);
  transition: opacity .65s ease .85s,transform .65s cubic-bezier(.16,.84,.44,1) .85s;
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Text / language line"] {
  transform: translateY(16px);
  transition: opacity .6s ease .95s,transform .6s ease .95s;
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Languages / row"] {
  transform: translateY(12px);
  transition: opacity .6s ease 1.05s,transform .6s ease 1.05s;
}

:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Text / headline"],
:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Text / subcopy"],
:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Text / emphasis line"],
:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Button / meet the full team"],
:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Stats / team row"],
:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Rule / above roster"],
:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Team / roster row"],
:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Rule / below roster"],
:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Icon / globe"],
:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Text / language line"],
:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Languages / row"] {
  opacity: 1;
  transform: translate(0) scale(1) rotate(0);
  filter: blur(0);
}

:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Team / roster row"] > a {
  opacity: 1;
  transform: translateY(0) rotate(0);
}

:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Team / roster row"] > a:nth-child(1) {
  transition-delay: .72s;
}

:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Team / roster row"] > a:nth-child(2) {
  transition-delay: .82s;
}

:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Team / roster row"] > a:nth-child(3) {
  transition-delay: .92s;
}

:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Team / roster row"] > a:nth-child(4) {
  transition-delay: 1.02s;
}

:where(html[data-clb-view="home"]) .team-fx.is-visible [data-layer="Team / roster row"] > a:nth-child(5) {
  transition-delay: 1.12s;
}

:where(html[data-clb-view="home"]) .team-fx [data-layer="Team / roster row"] > a:hover {
  transform: translateY(-9px) scale(1.025) !important;
  box-shadow: 0 18px 34px rgba(20,32,52,.22);
}

/* Practice Areas — varied entrance for every component */

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Text / headline"],
:where(html[data-clb-view="home"]) .practice-fx [data-layer="Text / subcopy"],
:where(html[data-clb-view="home"]) .practice-fx [data-layer="Practice / card row"] > article,
:where(html[data-clb-view="home"]) .practice-fx [data-layer="Button / view all practice areas"],
:where(html[data-clb-view="home"]) .practice-fx [data-layer="Text / closing headline"],
:where(html[data-clb-view="home"]) .practice-fx [data-layer="Text / closing subcopy"],
:where(html[data-clb-view="home"]) .practice-fx [data-layer="Chips / reassurance row"],
:where(html[data-clb-view="home"]) .practice-fx [data-layer="Button / get free case review"],
:where(html[data-clb-view="home"]) .practice-fx [data-layer="Text / call fallback"] {
  opacity: 0;
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Text / headline"] {
  transform: translateY(-24px);
  transition: opacity .7s ease,transform .7s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Text / subcopy"] {
  transform: scaleX(.7);
  transform-origin: center;
  transition: opacity .8s ease .12s,transform .8s cubic-bezier(.16,.84,.44,1) .12s;
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Practice / card row"] > article {
  transform: perspective(700px) rotateY(22deg) translateY(24px);
  transition: opacity .65s ease,transform .65s cubic-bezier(.16,.84,.44,1),box-shadow .3s ease;
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Practice / card row"] > article:nth-child(even) {
  transform: perspective(700px) rotateY(-22deg) translateY(24px);
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Button / view all practice areas"] {
  transform: translateX(-28px);
  transition: opacity .7s ease .55s,transform .7s cubic-bezier(.16,.84,.44,1) .55s;
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Text / closing headline"] {
  transform: scale(.82);
  transition: opacity .75s ease .65s,transform .75s cubic-bezier(.16,.84,.44,1) .65s;
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Text / closing subcopy"] {
  transform: translateY(18px);
  transition: opacity .6s ease .78s,transform .6s ease .78s;
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Chips / reassurance row"] {
  transform: translateY(20px);
  transition: opacity .65s ease .9s,transform .65s cubic-bezier(.16,.84,.44,1) .9s;
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Chips / reassurance row"] > div {
  transition: transform .3s ease,background-color .3s ease,border-color .3s ease;
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Chips / reassurance row"] > div:hover {
  transform: translateY(-5px);
  background: rgba(47,128,239,.58);
  border-color: rgba(160,205,255,.8);
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Button / get free case review"] {
  transform: translateY(22px) scale(.94);
  transition: opacity .7s ease 1.02s,transform .7s cubic-bezier(.16,.84,.44,1) 1.02s,box-shadow .3s ease;
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Button / get free case review"]:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 16px 34px rgba(26,79,196,.38);
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Text / call fallback"] {
  transform: translateY(12px);
  transition: opacity .55s ease 1.12s,transform .55s ease 1.12s;
}

:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Text / headline"],
:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Text / subcopy"],
:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Practice / card row"] > article,
:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Button / view all practice areas"],
:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Text / closing headline"],
:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Text / closing subcopy"],
:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Chips / reassurance row"],
:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Button / get free case review"],
:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Text / call fallback"] {
  opacity: 1;
  transform: translate(0) scale(1) rotate(0);
}

:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Practice / card row"] > article:nth-child(odd) {
  transform: perspective(700px) rotateY(0) translateY(0);
}

:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Practice / card row"] > article:nth-child(even) {
  transform: perspective(700px) rotateY(0) translateY(0);
}

:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Practice / card row"] > article:nth-child(1) {
  transition-delay: .2s;
}

:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Practice / card row"] > article:nth-child(2) {
  transition-delay: .32s;
}

:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Practice / card row"] > article:nth-child(3) {
  transition-delay: .44s;
}

:where(html[data-clb-view="home"]) .practice-fx.is-visible [data-layer="Practice / card row"] > article:nth-child(4) {
  transition-delay: .56s;
}

:where(html[data-clb-view="home"]) .practice-fx [data-layer="Practice / card row"] > article:hover {
  transform: translateY(-9px) scale(1.025) !important;
  box-shadow: 0 22px 48px rgba(1,5,20,.7);
}

/* Practice Areas / left-side watermark mark — same muted navy tint
   approved for Successes/Reviews/Free Case Review, pinned to the left edge, native size. */

:where(html[data-clb-view="home"]) .practice-fx .practice-watermark {
  position: absolute;
  top: 0;
  width: 929px;
  height: 736px;
  max-width: none;
  background-image: url('/wp-content/uploads/2026/09/Lines-02-1-1.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 929px 736px;
  pointer-events: none;
}

/* Practice card text (pre-existing bug, not responsive-related): the fixed-height
   content box relies on default flex-shrink to fit title+body+link, but at card
   widths around ~1150-1350px browser width the body text wraps to a 4th line and
   flexbox compresses the paragraph below its own text height (using the 3-line
   min-height as the shrink floor), so the last line overlaps "Learn More". Locking
   these to their natural content height fixes it at every width. */

:where(html[data-clb-view="home"]) [data-layer="Practice / card row"] [data-layer="Practice / title"],
:where(html[data-clb-view="home"]) 
[data-layer="Practice / card row"] [data-layer="Practice / body"],
:where(html[data-clb-view="home"]) 
[data-layer="Practice / card row"] [data-layer="Practice / learn more"] {
  flex-shrink: 0;
}

/* Footer — distinct entrances for identity, contact, offices, connection, and legal details */

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Footer / top row"],
:where(html[data-clb-view="home"]) .footer-fx [data-layer="Footer / offices row"],
:where(html[data-clb-view="home"]) .footer-fx [data-layer="Footer / connect column"],
:where(html[data-clb-view="home"]) .footer-fx [data-layer="Footer / legal row"] {
  opacity: 0;
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Footer / top row"] {
  transform: translateY(28px);
  transition: opacity .75s ease,transform .75s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Footer / logo lockup"] {
  transform: translateX(-34px);
  transition: transform .8s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Footer / availability line"] {
  transform: scale(.82);
  transition: transform .7s cubic-bezier(.16,.84,.44,1) .12s;
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Button / footer call"] {
  transform: translateX(34px) scale(.92);
  transition: transform .7s cubic-bezier(.16,.84,.44,1) .22s,box-shadow .3s ease;
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Footer / offices row"] {
  transform: translateY(34px);
  transition: opacity .8s ease .25s,transform .8s cubic-bezier(.16,.84,.44,1) .25s;
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Office / Atlanta"] {
  transform: translateX(-24px);
  transition: transform .7s cubic-bezier(.16,.84,.44,1) .4s;
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Office / Norcross"] {
  transform: translateX(24px);
  transition: transform .7s cubic-bezier(.16,.84,.44,1) .5s;
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Footer / connect column"] {
  transform: rotateY(-70deg);
  transform-origin: right center;
  transition: opacity .8s ease .45s,transform .8s cubic-bezier(.16,.84,.44,1) .45s;
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Footer / legal row"] {
  transform: scaleX(.75);
  transform-origin: center;
  transition: opacity .7s ease .65s,transform .7s cubic-bezier(.16,.84,.44,1) .65s;
}

:where(html[data-clb-view="home"]) .footer-fx.is-visible [data-layer="Footer / top row"],
:where(html[data-clb-view="home"]) .footer-fx.is-visible [data-layer="Footer / offices row"],
:where(html[data-clb-view="home"]) .footer-fx.is-visible [data-layer="Footer / connect column"],
:where(html[data-clb-view="home"]) .footer-fx.is-visible [data-layer="Footer / legal row"] {
  opacity: 1;
  transform: translate(0) scale(1) rotateY(0);
}

:where(html[data-clb-view="home"]) .footer-fx.is-visible [data-layer="Footer / logo lockup"],
:where(html[data-clb-view="home"]) .footer-fx.is-visible [data-layer="Footer / availability line"],
:where(html[data-clb-view="home"]) .footer-fx.is-visible [data-layer="Button / footer call"],
:where(html[data-clb-view="home"]) .footer-fx.is-visible [data-layer="Office / Atlanta"],
:where(html[data-clb-view="home"]) .footer-fx.is-visible [data-layer="Office / Norcross"] {
  transform: translate(0) scale(1);
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Button / footer call"]:hover {
  transform: translateY(-4px) scale(1.03) !important;
  box-shadow: 0 14px 30px rgba(26,79,196,.35);
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer^="Button / directions"] {
  transition: transform .3s ease,border-color .3s ease,background-color .3s ease;
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer^="Button / directions"]:hover {
  transform: translateX(6px);
  border-color: #78b0f2 !important;
  background: rgba(47,128,239,.16);
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Connect / write us"],
:where(html[data-clb-view="home"]) .footer-fx [data-layer="Connect / privacy policy"],
:where(html[data-clb-view="home"]) .footer-fx [data-layer^="Legal /"] {
  transition: color .25s ease,transform .25s ease;
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer="Connect / write us"]:hover,
:where(html[data-clb-view="home"]) .footer-fx [data-layer="Connect / privacy policy"]:hover,
:where(html[data-clb-view="home"]) .footer-fx [data-layer^="Legal /"]:hover {
  color: #fff !important;
  transform: translateX(5px);
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer^="Social /"] {
  transition: transform .3s ease,background-color .3s ease,border-color .3s ease;
}

:where(html[data-clb-view="home"]) .footer-fx [data-layer^="Social /"]:hover {
  transform: translateY(-5px) rotate(6deg);
  background: #1a4fc4;
  border-color: #78b0f2 !important;
}

/* Client Stories carousel — infinite 5-slot strip, recycled on each move */

:where(html[data-clb-view="home"]) .stories-track {
  display: flex;
  align-items: center;
  gap: 30px;
  will-change: transform;
}

:where(html[data-clb-view="home"]) .story-slot {
  flex: none;
  width: 360px;
  aspect-ratio: 340/300;
  position: relative;
  overflow: hidden;
  border: 0;
  padding: 0;
  border-radius: 12px;
  cursor: pointer;
  transform: scale(.82);
  opacity: .55;
  transition: transform .5s cubic-bezier(.16,.84,.44,1),opacity .5s ease;
}

:where(html[data-clb-view="home"]) .story-slot.is-center {
  transform: scale(1.14);
  opacity: 1;
  cursor: pointer;
}

:where(html[data-clb-view="home"]) .story-slot:focus-visible {
  outline: 3px solid #2f6cc0;
  outline-offset: 4px;
}

:where(html[data-clb-view="home"]) .story-translation-note {
  margin: 12px 0 0;
  color: #63738a;
  font-size: 13px;
  text-align: center;
}

html.story-video-open {
  overflow: hidden;
}

:where(html[data-clb-view="home"]) .story-dot {
  background: transparent;
  transition: background-color .3s ease,border-color .3s ease;
}

:where(html[data-clb-view="home"]) .story-dot.is-active {
  background: #2f6cc0;
}

/* HTML Forms keeps the existing theme layout; only submission messages add space. */
.clb-managed-form > .hf-fields-wrap { display: contents; }
.clb-managed-form .hf-message {
  margin: 18px 0 0;
  padding: 14px 16px;
  border: 1px solid #aed2bd;
  border-radius: 7px;
  background: #edf8f0;
  color: #164d2c;
  font: 500 14px/1.5 'Archivo', sans-serif;
}
.clb-managed-form .hf-message-warning {
  border-color: #e0c28b;
  background: #fff5e4;
  color: #704c14;
}
.contact-form.clb-managed-form .hf-message { margin: 18px 0 0; }

/* Story video popup */

:where(html[data-clb-view="home"]) #story-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s ease,visibility 0s linear .3s;
}

:where(html[data-clb-view="home"]) #story-modal.is-open {
  visibility: visible;
  opacity: 1;
  transition: opacity .3s ease;
}

:where(html[data-clb-view="home"]) #story-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(6,12,26,0.78);
}

:where(html[data-clb-view="home"]) #story-modal-panel {
  position: relative;
  width: 100%;
  max-width: min(960px, calc((100dvh - 220px) * 1.7778));
  max-height: calc(100dvh - 48px);
  background: #0d1c33;
  border-radius: 14px;
  overflow: auto;
  box-shadow: 0 30px 70px rgba(0,0,0,.5);
  transform: translateY(16px) scale(.97);
  transition: transform .35s cubic-bezier(.16,.84,.44,1);
}

:where(html[data-clb-view="home"]) #story-modal.is-open #story-modal-panel {
  transform: translateY(0) scale(1);
}

:where(html[data-clb-view="home"]) #story-modal-close {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: rgba(0,0,0,.4);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

:where(html[data-clb-view="home"]) #story-modal-media {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  background: #000;
}

:where(html[data-clb-view="home"]) #story-modal-media iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

:where(html[data-clb-view="home"]) #story-modal-caption {
  padding: 22px 26px 26px;
}

:where(html[data-clb-view="home"]) #story-modal-name {
  font-family: 'Playfair Display',serif;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

:where(html[data-clb-view="home"]) #story-modal-label {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #78b0f2;
}

:where(html[data-clb-view="home"]) #story-modal-youtube {
  display: inline-block;
  margin-top: 14px;
  font-size: 14.5px;
  line-height: 1.5;
  color: #a9cffa;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Framer Motion inline helper (JS toggles inline opacity/transform on these elements) */

:where(html[data-clb-view="home"]) .fm-inline {
  will-change: opacity,transform;
}

/* ================================================================== */

/* RESPONSIVE — desktop (>=1024px) is untouched; rules below only */

/* activate below that width. Organized per section, added over time. */

/* ================================================================== */

/* --- Hero / Nav (tablet + mobile, <1024px) --- */

/* --- Nav actions (small phones, <480px): call button becomes icon-only --- */

/* --- Recognition (tablet + mobile, <1024px) --- */

/* --- Our Story (tablet + mobile, <1024px) --- */

/* --- Our Successes (tablet + mobile, <1024px) --- */

/* --- Our Successes settlement cards (small phones, <600px): the fixed-width
   icon + divider + arrow row leaves too little space for the amount/caption
   text once the container narrows, so trim the row down */

/* --- Google Reviews (tablet + mobile, <1024px) --- */

/* --- Client Stories carousel (tablet + mobile, <1024px) — shrink the
   fixed-width slots so the center card actually fits the narrower viewport;
   the JS now centers slots by measuring live layout, so this is safe. */

/* --- Client Stories carousel (small phones, <600px): shrink further and
   drop the round nav buttons — tapping a peeking side card or a dot still
   navigates, and this frees up width for the center card */

/* --- Free Case Review (tablet + mobile, <1024px) --- */

/* --- Free Case Review form fields (small phones, <480px): the two-up
   name/contact rows get too cramped once the shared min-width:0 forces
   both inputs below a usable width, so stack them full-width instead */

/* --- Our Team (tablet + mobile, <1024px) --- */

/* --- Practice Areas (tablet + mobile, <1024px) --- */

/* --- Footer (tablet + mobile, <1024px) --- */

/* --- Floating call button vs. cookie banner (phones + small tablets, <768px):
   the cookie banner spans nearly the full width (left/right:24px) below ~740px,
   which puts it directly under the fixed call button in the same bottom-right
   corner — since the banner has a higher z-index, the call button becomes
   completely hidden/unreachable. Pulling the banner's right edge in (instead of
   moving the button) keeps the button in its normal, expected corner at every
   scroll position, and only narrows the banner itself. */

/* ==========================================================================
   page-about-us.php — embedded block 1
   ========================================================================== */

:where(html[data-clb-view="about"]) * {
  box-sizing: border-box;
}

:where(html[data-clb-view="about"]) body {
  margin: 0;
  color: #16202e;
  font-family: Archivo,Arial,sans-serif;
  background: #f5f4ef;
}

:where(html[data-clb-view="about"]) a {
  text-decoration: none;
  color: inherit;
}

:where(html[data-clb-view="about"]) .clb-wrap {
  max-width: 1740px;
  margin: auto;
  padding: 0 60px;
}

:where(html[data-clb-view="about"]) .about-hero {
  min-height: 650px;
  background: linear-gradient(90deg,rgba(0,7,31,.96) 0%,rgba(0,7,31,.82) 48%,rgba(0,7,31,.3)),url('../images/revision-2026/atlanta.jpg') center/cover;
  position: relative;
  color: white;
}

:where(html[data-clb-view="about"]) .nav {
  padding: 26px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

:where(html[data-clb-view="about"]) .nav img,
:where(html[data-clb-view="about"]) .footer img {
  height: 62px;
  max-width: 270px;
  object-fit: contain;
}

:where(html[data-clb-view="about"]) .nav-links {
  display: flex;
  gap: 30px;
  font-size: 15px;
  font-weight: 600;
}

:where(html[data-clb-view="about"]) .nav-links a {
  color: #e9f0fa;
}

:where(html[data-clb-view="about"]) .hero-content {
  padding: 105px 0 90px;
  max-width: 800px;
}

:where(html[data-clb-view="about"]) .eyebrow {
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #6ba3ec;
  font-size: 15px;
  font-weight: 700;
}

:where(html[data-clb-view="about"]) .hero-content h1,
:where(html[data-clb-view="about"]) .section-title {
  font-family: 'Playfair Display',serif;
  font-weight: 400;
  line-height: 1.08;
}

:where(html[data-clb-view="about"]) .hero-content h1 {
  font-size: clamp(54px,6vw,94px);
  margin: 24px 0;
}

:where(html[data-clb-view="about"]) .hero-content h1 em,
:where(html[data-clb-view="about"]) .section-title em {
  color: #6ba3ec;
}

:where(html[data-clb-view="about"]) .hero-content p {
  max-width: 610px;
  font-size: 20px;
  line-height: 1.6;
  color: #d4dfef;
}

:where(html[data-clb-view="about"]) .values,
:where(html[data-clb-view="about"]) .team {
  padding: 100px 0;
  background: #f5f4ef;
}

:where(html[data-clb-view="about"]) .center {
  text-align: center;
}

:where(html[data-clb-view="about"]) .section-title {
  font-size: clamp(40px,4vw,64px);
  margin: 18px auto 20px;
}

:where(html[data-clb-view="about"]) .intro {
  font-size: 19px;
  line-height: 1.65;
  color: #55616f;
  max-width: 720px;
  margin: 0 auto;
}

:where(html[data-clb-view="about"]) .cards {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 22px;
  margin-top: 56px;
}

:where(html[data-clb-view="about"]) .card {
  background: #fff;
  padding: 38px 32px;
  border: 1px solid #d8e2ef;
  transition: .3s;
}

:where(html[data-clb-view="about"]) .card:hover,
:where(html[data-clb-view="about"]) .person:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 45px rgba(15,44,85,.12);
}

:where(html[data-clb-view="about"]) .number {
  font-family: 'Playfair Display',serif;
  font-size: 55px;
  color: #d9e8fb;
}

:where(html[data-clb-view="about"]) .card h3 {
  font-size: 19px;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #1b4f9c;
  margin: 24px 0 14px;
}

:where(html[data-clb-view="about"]) .card p {
  color: #526172;
  line-height: 1.65;
}

:where(html[data-clb-view="about"]) .dedicated {
  background: #0d1729;
  color: #fff;
  padding: 105px 0;
}

:where(html[data-clb-view="about"]) .dedicated-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  align-items: center;
}

:where(html[data-clb-view="about"]) .dedicated img {
  width: 100%;
  min-height: 360px;
  object-fit: cover;
}

:where(html[data-clb-view="about"]) .dedicated p {
  color: #c9d6e8;
  font-size: 19px;
  line-height: 1.7;
}

:where(html[data-clb-view="about"]) .button {
  display: inline-flex;
  margin-top: 20px;
  padding: 18px 25px;
  background: #1a4fc4;
  color: #fff;
  font-weight: 700;
}

:where(html[data-clb-view="about"]) .team-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
  margin-top: 50px;
}

:where(html[data-clb-view="about"]) .person {
  cursor: pointer;
  text-align: left;
  background: #fff;
  border: 1px solid #d9e2ed;
  min-height: 180px;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  overflow: hidden;
  transition: .3s;
}

:where(html[data-clb-view="about"]) .person:focus-visible {
  outline: 3px solid #1a4fc4;
  outline-offset: 4px;
}

:where(html[data-clb-view="about"]) .person-portrait {
  display: block;
  position: relative;
  flex: none;
  width: 40%;
  min-height: 180px;
  background: linear-gradient(135deg,#dce7f5,#f0f4f9);
}

:where(html[data-clb-view="about"]) .person-portrait img {
  display: block;
  position: absolute;
  inset: 12px 8px 0;
  width: calc(100% - 16px);
  height: calc(100% - 12px);
  object-fit: contain;
  object-position: center bottom;
}

:where(html[data-clb-view="about"]) .person-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 22px 18px;
}

:where(html[data-clb-view="about"]) .person h3 {
  font-family: 'Playfair Display',serif;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 400;
  margin: 0 0 8px;
}

:where(html[data-clb-view="about"]) .person p {
  margin: 0;
  color: #1b4f9c;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 11px;
  font-weight: 700;
}

:where(html[data-clb-view="about"]) .person-link {
  margin-top: 12px;
  color: #1b4f9c;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}

:where(html[data-clb-view="about"]) .bio-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(3,10,24,.78);
  z-index: 100000;
  padding: 28px;
  box-sizing: border-box;
  overflow: auto;
  overscroll-behavior: contain;
}

:where(html[data-clb-view="about"]) .bio-modal.open {
  display: grid;
  place-items: center;
}

:where(html[data-clb-view="about"]) .bio-panel {
  width: min(100%,760px);
  max-height: calc(100vh - 56px);
  max-height: calc(100dvh - 56px);
  box-sizing: border-box;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #f5f4ef;
  padding: 55px;
  position: relative;
  box-shadow: 0 30px 80px #000;
}

:where(html[data-clb-view="about"]) .bio-panel h2 {
  font-family: 'Playfair Display',serif;
  font-size: 48px;
  font-weight: 400;
  margin: 0;
}

:where(html[data-clb-view="about"]) .bio-panel h3 {
  color: #1b4f9c;
  font-size: 13px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

:where(html[data-clb-view="about"]) .bio-panel p,
:where(html[data-clb-view="about"]) .bio-copy li {
  font-size: 17px;
  line-height: 1.7;
  color: #44546a;
}

:where(html[data-clb-view="about"]) .bio-copy {
  margin-top: 24px;
}

:where(html[data-clb-view="about"]) .bio-copy p:first-child {
  margin-top: 0;
}

:where(html[data-clb-view="about"]) .bio-copy h3 {
  margin: 28px 0 12px;
  line-height: 1.5;
}

:where(html[data-clb-view="about"]) .bio-copy ul {
  margin: 10px 0 24px;
  padding-left: 22px;
  list-style: disc;
}

:where(html[data-clb-view="about"]) .bio-copy li + li {
  margin-top: 6px;
}

:where(html[data-clb-view="about"]) .close-bio {
  position: sticky;
  float: right;
  top: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin: -26px -12px 8px 16px;
  border: 0;
  border-radius: 50%;
  background: #f5f4ef;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
}

:where(html[data-clb-view="about"]) .close-bio:focus-visible {
  outline: 2px solid #1b4f9c;
  outline-offset: 2px;
}

:where(html[data-clb-view="about"]) .footer {
  background: #0d1729;
  color: #c3cddd;
  padding: 58px 0 40px;
  font-size: 17px;
}

:where(html[data-clb-view="about"]) .footer-top,
:where(html[data-clb-view="about"]) .footer-offices,
:where(html[data-clb-view="about"]) .footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 36px;
  flex-wrap: wrap;
  align-items: center;
}

:where(html[data-clb-view="about"]) .footer-offices {
  border-top: 1px solid rgba(150,180,220,.2);
  margin-top: 38px;
  padding-top: 40px;
  align-items: flex-start;
}

:where(html[data-clb-view="about"]) .office {
  min-width: 220px;
}

:where(html[data-clb-view="about"]) .office strong {
  color: #6ba3ec;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 13px;
}

:where(html[data-clb-view="about"]) .footer-bottom {
  border-top: 1px solid rgba(150,180,220,.2);
  margin-top: 40px;
  padding-top: 26px;
  color: #8b98ac;
  font-size: 14px;
}

:where(html[data-clb-view="about"]) .about-hero {
  min-height: 780px;
  min-height: min(900px,100svh);
  background: linear-gradient(0deg,#071329 0%,rgba(7,19,41,.88) 18%,rgba(7,19,41,.12) 65%,rgba(7,19,41,.55) 100%),url('../images/revision-2026/firm-team.webp') center top/cover no-repeat;
  display: flex;
}

:where(html[data-clb-view="about"]) .about-hero>.clb-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
}

:where(html[data-clb-view="about"]) .about-hero .hero-content {
  margin-top: auto;
  padding: 150px 0 64px;
  max-width: 860px;
}

:where(html[data-clb-view="about"]) .about-hero .hero-content h1 {
  font-size: clamp(64px,7vw,108px);
  margin: 18px 0;
}

:where(html[data-clb-view="about"]) .about-hero .hero-content p {
  max-width: 660px;
  color: #edf3fc;
}

:where(html[data-clb-view="about"]) .about-hero .eyebrow {
  color: #99c6ff;
}

:where(html[data-clb-view="about"]) .about-hero .nav {
  border-bottom: 1px solid #ffffff24;
}

:where(html[data-clb-view="about"]) .about-hero>.clb-wrap {
  margin: 0 auto;
}

:where(html[data-clb-view="about"]) .castanlecca-about #team {
  background: #0b1930;
  background-image: linear-gradient(180deg,rgba(7,19,41,.65),rgba(7,19,41,.28) 45%,rgba(7,19,41,.8)),url('../images/revision-2026/atlanta.jpg');
  background-position: center,center top;
  background-size: cover;
  background-repeat: no-repeat;
}

:where(html[data-clb-view="about"]) .castanlecca-about #team .center .section-title {
  color: #fff;
}

:where(html[data-clb-view="about"]) .castanlecca-about #team .center .intro {
  color: #f4f7fc;
}

:where(html[data-clb-view="about"]) .castanlecca-about #team .center .eyebrow,
:where(html[data-clb-view="about"]) 
.castanlecca-about #team .center .section-title em {
  color: #99c6ff;
}

/* ==========================================================================
   page-who-we-are-alternative.php — embedded block 1
   ========================================================================== */

:root:where([data-clb-view="about-alt"]) {
  --navy: #141f53;
  --blue: #0067d2;
  --mist: #f4f7fc;
  --ink: #17213a;
  --max: 1600px;
}

:where(html[data-clb-view="about-alt"]) * {
  box-sizing: border-box;
}

html:where([data-clb-view="about-alt"]) {
  scroll-behavior: smooth;
}

:where(html[data-clb-view="about-alt"]) body {
  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family: Poppins,Arial,sans-serif;
  line-height: 1.55;
}

:where(html[data-clb-view="about-alt"]) a {
  text-decoration: none;
  color: inherit;
}

:where(html[data-clb-view="about-alt"]) .alt-container {
  max-width: var(--max);
  margin: auto;
  padding: 0 clamp(22px,5vw,80px);
}

:where(html[data-clb-view="about-alt"]) .alt-header {
  position: absolute;
  z-index: 3;
  inset: 0 0 auto;
  color: #fff;
}

:where(html[data-clb-view="about-alt"]) .alt-nav {
  min-height: 112px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

:where(html[data-clb-view="about-alt"]) .alt-nav img {
  width: 225px;
  max-height: 58px;
  object-fit: contain;
}

:where(html[data-clb-view="about-alt"]) .alt-nav nav {
  display: flex;
  gap: clamp(18px,2.6vw,42px);
  align-items: center;
  font-size: 15px;
  font-weight: 500;
}

:where(html[data-clb-view="about-alt"]) .alt-nav .phone {
  padding: 11px 20px;
  background: var(--blue);
  border-radius: 8px;
  font-weight: 600;
}

:where(html[data-clb-view="about-alt"]) .alt-hero {
  min-height: 720px;
  position: relative;
  color: #fff;
  display: flex;
  align-items: end;
  overflow: hidden;
  background: var(--navy);
}

:where(html[data-clb-view="about-alt"]) .alt-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(20,31,83,.95) 0%,rgba(20,31,83,.79) 43%,rgba(20,31,83,.25) 100%),url('../images/revision-2026/atlanta.jpg') center/cover;
}

:where(html[data-clb-view="about-alt"]) .alt-hero .alt-container {
  position: relative;
  width: 100%;
  padding-top: 180px;
  padding-bottom: 105px;
}

:where(html[data-clb-view="about-alt"]) .kicker {
  font-size: 13px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #80bdff;
  font-weight: 700;
}

:where(html[data-clb-view="about-alt"]) .alt-hero h1,
:where(html[data-clb-view="about-alt"]) .alt-title {
  font-family: 'Playfair Display',Georgia,serif;
  font-weight: 500;
  line-height: 1.07;
}

:where(html[data-clb-view="about-alt"]) .alt-hero h1 {
  font-size: clamp(54px,7vw,100px);
  max-width: 750px;
  margin: 18px 0;
}

:where(html[data-clb-view="about-alt"]) .alt-hero h1 em,
:where(html[data-clb-view="about-alt"]) .alt-title em {
  color: #72b0fc;
}

:where(html[data-clb-view="about-alt"]) .alt-hero p {
  max-width: 650px;
  font-size: 19px;
  line-height: 1.65;
  margin: 0;
  color: #eef5ff;
}

:where(html[data-clb-view="about-alt"]) .intro-band {
  background: #fff url('../../../../uploads/2026/09/Lines-02-1-1.png') right center/auto 150% no-repeat;
  padding: 74px 0;
}

:where(html[data-clb-view="about-alt"]) .intro-band .alt-container {
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 80px;
}

:where(html[data-clb-view="about-alt"]) .alt-title {
  font-size: clamp(39px,4.6vw,67px);
  margin: 13px 0 0;
}

:where(html[data-clb-view="about-alt"]) .intro-copy {
  font-size: 19px;
  line-height: 1.8;
  padding-top: 15px;
}

:where(html[data-clb-view="about-alt"]) .values {
  background: var(--mist) url('../../../../uploads/2026/09/Lines2-04-1-1.png') left center/auto 130% no-repeat;
  padding: 92px 0;
}

:where(html[data-clb-view="about-alt"]) .section-head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 48px;
}

:where(html[data-clb-view="about-alt"]) .section-head .alt-title {
  margin: 13px 0 15px;
}

:where(html[data-clb-view="about-alt"]) .section-head p {
  margin: 0;
  font-size: 18px;
}

:where(html[data-clb-view="about-alt"]) .value-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
}

:where(html[data-clb-view="about-alt"]) .value-card {
  background: #fff;
  padding: 35px 30px 34px;
  border-radius: 14px;
  border-top: 5px solid var(--blue);
  box-shadow: 0 15px 35px rgba(20,31,83,.08);
}

:where(html[data-clb-view="about-alt"]) .value-num {
  color: #9ac8ff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .12em;
}

:where(html[data-clb-view="about-alt"]) .value-card h3 {
  font-size: 25px;
  margin: 19px 0 13px;
  font-weight: 600;
}

:where(html[data-clb-view="about-alt"]) .value-card p {
  margin: 0;
  font-size: 16px;
  line-height: 1.72;
  color: #46536c;
}

:where(html[data-clb-view="about-alt"]) .dedication {
  padding: 100px 0;
  background: var(--navy);
  color: #fff;
}

:where(html[data-clb-view="about-alt"]) .dedication-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(38px,7vw,105px);
  align-items: center;
}

:where(html[data-clb-view="about-alt"]) .dedication-photo {
  height: 510px;
  border-radius: 18px;
  overflow: hidden;
}

:where(html[data-clb-view="about-alt"]) .dedication-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="about-alt"]) .dedication p {
  font-size: 17px;
  line-height: 1.75;
  color: #e3ebf8;
}

:where(html[data-clb-view="about-alt"]) .cta {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  margin-top: 14px;
  background: var(--blue);
  padding: 15px 23px;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
}

:where(html[data-clb-view="about-alt"]) .team {
  padding: 100px 0;
  background: #fff url('../images/revision-2026/atlanta.jpg') center bottom/cover no-repeat;
}

:where(html[data-clb-view="about-alt"]) .team:before {
  content: "";
  display: block;
  height: 1px;
}

:where(html[data-clb-view="about-alt"]) .team-grid,
:where(html[data-clb-view="about-alt"]) .team .section-head {
  position: relative;
}

:where(html[data-clb-view="about-alt"]) .team-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
}

:where(html[data-clb-view="about-alt"]) .profile {
  border: 0;
  padding: 0;
  background: var(--mist);
  text-align: left;
  cursor: pointer;
  border-radius: 14px;
  overflow: hidden;
  transition: transform .2s,box-shadow .2s;
}

:where(html[data-clb-view="about-alt"]) .profile:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 35px rgba(20,31,83,.15);
}

:where(html[data-clb-view="about-alt"]) .profile-img {
  height: 235px;
  background: linear-gradient(135deg,#cadff8,#7daee3);
  position: relative;
}

:where(html[data-clb-view="about-alt"]) .profile-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="about-alt"]) .profile-img .initials {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-family: 'Playfair Display';
  font-size: 70px;
  color: #fff;
}

:where(html[data-clb-view="about-alt"]) .profile-info {
  padding: 20px;
}

:where(html[data-clb-view="about-alt"]) .profile h3 {
  font-size: 20px;
  margin: 0 0 4px;
  font-weight: 600;
}

:where(html[data-clb-view="about-alt"]) .profile p {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--blue);
  font-weight: 700;
  margin: 0;
}

:where(html[data-clb-view="about-alt"]) .modal {
  display: none;
  position: fixed;
  z-index: 10;
  inset: 0;
  padding: 25px;
  background: rgba(7,14,42,.78);
  overflow: auto;
}

:where(html[data-clb-view="about-alt"]) .modal.open {
  display: grid;
  place-items: center;
}

:where(html[data-clb-view="about-alt"]) .modal-panel {
  position: relative;
  background: #fff;
  width: min(860px,100%);
  padding: clamp(30px,5vw,62px);
  border-radius: 16px;
  max-height: 92vh;
  overflow: auto;
}

:where(html[data-clb-view="about-alt"]) .modal-panel h2 {
  font-family: 'Playfair Display';
  font-size: clamp(38px,5vw,58px);
  line-height: 1.1;
  margin: 12px 0 4px;
}

:where(html[data-clb-view="about-alt"]) .modal-panel .role {
  color: var(--blue);
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 28px;
}

:where(html[data-clb-view="about-alt"]) .modal-panel p {
  font-size: 16px;
  line-height: 1.8;
  color: #394860;
}

:where(html[data-clb-view="about-alt"]) .bio-details {
  margin-top: 26px;
  border-top: 1px solid #dbe5f3;
  padding-top: 12px;
}

:where(html[data-clb-view="about-alt"]) .bio-details h4 {
  font-size: 13px;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--blue);
  margin: 20px 0 5px;
}

:where(html[data-clb-view="about-alt"]) .bio-details p {
  margin: 0;
}

:where(html[data-clb-view="about-alt"]) .modal-close {
  position: absolute;
  right: 18px;
  top: 12px;
  border: 0;
  background: transparent;
  font-size: 35px;
  line-height: 1;
  cursor: pointer;
}

:where(html[data-clb-view="about-alt"]) .alt-footer {
  background: #1e2152;
  color: #fff;
  padding: 58px 0 30px;
}

:where(html[data-clb-view="about-alt"]) .footer-top {
  display: flex;
  justify-content: space-between;
  gap: 35px;
  flex-wrap: wrap;
}

:where(html[data-clb-view="about-alt"]) .footer-top img {
  width: 230px;
  height: auto;
  object-fit: contain;
}

:where(html[data-clb-view="about-alt"]) .footer-top h3 {
  font-size: 13px;
  color: #80bdff;
  text-transform: uppercase;
  letter-spacing: .13em;
  margin: 0 0 10px;
}

:where(html[data-clb-view="about-alt"]) .footer-top p {
  margin: 0;
  line-height: 1.7;
  font-size: 15px;
}

:where(html[data-clb-view="about-alt"]) .copyright {
  padding-top: 25px;
  margin-top: 35px;
  border-top: 1px solid rgba(255,255,255,.2);
  text-align: center;
  color: #d2daef;
  font-size: 13px;
}

:where(html[data-clb-view="about-alt"]) .alt-hero {
  min-height: min(900px,100svh);
}

:where(html[data-clb-view="about-alt"]) .alt-hero:before {
  background: linear-gradient(0deg,#071329 0%,rgba(7,19,41,.90) 18%,rgba(7,19,41,.12) 65%,rgba(7,19,41,.55) 100%),url('../images/revision-2026/firm-team.webp') center top/cover no-repeat;
}

:where(html[data-clb-view="about-alt"]) .alt-hero .alt-container {
  padding-top: 350px;
  padding-bottom: 64px;
}

:where(html[data-clb-view="about-alt"]) .alt-hero h1 {
  font-size: clamp(62px,6.7vw,96px);
  margin: 16px 0 20px;
  line-height: 1.04;
}

:where(html[data-clb-view="about-alt"]) .alt-hero p {
  max-width: 710px;
  font-size: 18px;
}

:where(html[data-clb-view="about-alt"]) .alt-hero .kicker {
  color: #99c6ff;
}

:where(html[data-clb-view="about-alt"]) .alt-header .alt-nav {
  border-bottom: 1px solid #ffffff24;
}

/* User-supplied Atlanta background, limited to the team section. */

:where(html[data-clb-view="about-alt"]) .castanlecca-who-we-are-alt #team {
  background: #0b1930;
  background-image: linear-gradient(180deg,rgba(7,19,41,.65),rgba(7,19,41,.28) 45%,rgba(7,19,41,.8)),url('../images/revision-2026/atlanta.jpg');
  background-position: center,center top;
  background-size: cover;
  background-repeat: no-repeat;
}

:where(html[data-clb-view="about-alt"]) .castanlecca-who-we-are-alt #team .section-head {
  color: #f4f7fc;
}

:where(html[data-clb-view="about-alt"]) .castanlecca-who-we-are-alt #team .section-head .alt-title {
  color: #fff;
}

:where(html[data-clb-view="about-alt"]) .castanlecca-who-we-are-alt #team .section-head .kicker,
:where(html[data-clb-view="about-alt"]) 
.castanlecca-who-we-are-alt #team .section-head .alt-title em {
  color: #99c6ff;
}

/* ==========================================================================
   page-car-accident-injuries.php — embedded block 1
   ========================================================================== */

:root:where([data-clb-view="car"]) {
  --navy: #141f53;
  --blue: #0067d2;
  --sky: #72b0fc;
  --mist: #f4f7fc;
  --ink: #17213a;
  --max: 1600px;
}

:where(html[data-clb-view="car"]) * {
  box-sizing: border-box;
}

html:where([data-clb-view="car"]) {
  scroll-behavior: smooth;
}

:where(html[data-clb-view="car"]) body {
  margin: 0;
  background: #fff;
  color: var(--ink);
  font-family: Poppins,Arial,sans-serif;
  line-height: 1.55;
}

:where(html[data-clb-view="car"]) a {
  text-decoration: none;
  color: inherit;
}

:where(html[data-clb-view="car"]) .ca-wrap {
  max-width: var(--max);
  margin: auto;
  padding: 0 clamp(22px,5vw,80px);
}

:where(html[data-clb-view="car"]) .ca-header {
  position: absolute;
  z-index: 2;
  inset: 0 0 auto;
  color: #fff;
}

:where(html[data-clb-view="car"]) .ca-nav {
  min-height: 112px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

:where(html[data-clb-view="car"]) .ca-nav img {
  width: 225px;
  max-height: 58px;
  object-fit: contain;
}

:where(html[data-clb-view="car"]) .ca-nav nav {
  display: flex;
  gap: clamp(18px,2.6vw,42px);
  align-items: center;
  font-size: 15px;
  font-weight: 500;
}

:where(html[data-clb-view="car"]) .ca-nav .phone {
  padding: 11px 20px;
  background: var(--blue);
  border-radius: 8px;
  font-weight: 600;
}

:where(html[data-clb-view="car"]) .ca-hero {
  min-height: 700px;
  position: relative;
  display: flex;
  align-items: end;
  overflow: hidden;
  color: #fff;
  background: var(--navy);
}

:where(html[data-clb-view="car"]) .ca-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,rgba(20,31,83,.96) 0%,rgba(20,31,83,.76) 48%,rgba(20,31,83,.27) 100%),url('../../../../uploads/2026/09/pa-auto-accidents.png') center/cover;
}

:where(html[data-clb-view="car"]) .ca-hero .ca-wrap {
  position: relative;
  width: 100%;
  padding-top: 175px;
  padding-bottom: 95px;
}

:where(html[data-clb-view="car"]) .eyebrow {
  font-size: 13px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #82bcff;
  font-weight: 700;
}

:where(html[data-clb-view="car"]) .ca-hero h1,
:where(html[data-clb-view="car"]) .ca-title {
  font-family: 'Playfair Display',Georgia,serif;
  font-weight: 500;
  line-height: 1.07;
}

:where(html[data-clb-view="car"]) .ca-hero h1 {
  font-size: clamp(55px,7.2vw,102px);
  margin: 16px 0 19px;
  max-width: 670px;
}

:where(html[data-clb-view="car"]) .ca-hero h1 span {
  color: var(--sky);
  font-style: italic;
}

:where(html[data-clb-view="car"]) .ca-hero h2 {
  font-size: clamp(21px,2vw,28px);
  font-weight: 500;
  max-width: 600px;
  margin: 0 0 15px;
}

:where(html[data-clb-view="car"]) .ca-hero p {
  font-size: 17px;
  line-height: 1.75;
  max-width: 700px;
  margin: 0;
  color: #e7eefb;
}

:where(html[data-clb-view="car"]) .guide {
  padding: 100px 0 80px;
  background: #fff;
}

:where(html[data-clb-view="car"]) .guide-head {
  max-width: 850px;
  margin: 0 auto 63px;
  text-align: center;
}

:where(html[data-clb-view="car"]) .guide-head h2 {
  font-size: clamp(35px,4.5vw,63px);
  margin: 15px 0;
  color: var(--navy);
}

:where(html[data-clb-view="car"]) .guide-head p {
  font-size: 18px;
  margin: 0;
}

:where(html[data-clb-view="car"]) .steps {
  position: relative;
  max-width: 1080px;
  margin: auto;
}

:where(html[data-clb-view="car"]) .steps:before {
  content: "";
  position: absolute;
  left: 33px;
  top: 30px;
  bottom: 42px;
  width: 1px;
  background: #b9d3f2;
}

:where(html[data-clb-view="car"]) .step {
  display: grid;
  grid-template-columns: 68px 1fr;
  gap: 30px;
  position: relative;
  padding-bottom: 59px;
}

:where(html[data-clb-view="car"]) .step:last-child {
  padding-bottom: 0;
}

:where(html[data-clb-view="car"]) .step-icon {
  height: 67px;
  width: 67px;
  border-radius: 13px;
  background: var(--blue);
  color: #fff;
  display: grid;
  place-items: center;
  font-family: 'Playfair Display';
  font-size: 30px;
  font-weight: 600;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 10px #fff;
}

:where(html[data-clb-view="car"]) .step-body {
  padding: 2px 0 0;
}

:where(html[data-clb-view="car"]) .step h3 {
  font-size: clamp(22px,2.2vw,29px);
  line-height: 1.25;
  margin: 0 0 13px;
  color: var(--navy);
  font-weight: 600;
}

:where(html[data-clb-view="car"]) .step p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 18px;
  color: #44516a;
}

:where(html[data-clb-view="car"]) .step p:last-child {
  margin-bottom: 0;
}

:where(html[data-clb-view="car"]) .tips {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px 20px;
  margin: 24px 0;
}

:where(html[data-clb-view="car"]) .tip {
  display: flex;
  gap: 11px;
  font-size: 15.5px;
  color: #263754;
  line-height: 1.5;
}

:where(html[data-clb-view="car"]) .check {
  height: 22px;
  width: 22px;
  flex: none;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #dcecff;
  color: var(--blue);
  font-weight: 700;
  font-size: 14px;
}

:where(html[data-clb-view="car"]) .support {
  margin-top: 72px;
  background: var(--navy);
  color: #fff;
  padding: 58px clamp(26px,5vw,74px);
  border-radius: 18px;
  text-align: center;
}

:where(html[data-clb-view="car"]) .support p {
  font-size: 19px;
  line-height: 1.75;
  max-width: 890px;
  margin: 0 auto;
}

:where(html[data-clb-view="car"]) .support a {
  color: #8cc1ff;
  font-weight: 700;
  white-space: nowrap;
}

:where(html[data-clb-view="car"]) .practice {
  padding: 100px 0;
  background: var(--mist);
}

:where(html[data-clb-view="car"]) .practice-head {
  text-align: center;
  margin-bottom: 42px;
}

:where(html[data-clb-view="car"]) .practice-head h2 {
  font-size: clamp(34px,4vw,56px);
  color: var(--navy);
  margin: 14px 0 0;
}

:where(html[data-clb-view="car"]) .practice-grid {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 16px;
}

:where(html[data-clb-view="car"]) .area {
  display: block;
  position: relative;
  min-height: 265px;
  overflow: hidden;
  border-radius: 12px;
  background: var(--navy);
  color: #fff;
}

:where(html[data-clb-view="car"]) .area:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(7,18,41,.95),rgba(7,18,41,.02) 75%);
}

:where(html[data-clb-view="car"]) .area img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

:where(html[data-clb-view="car"]) .area span {
  position: absolute;
  z-index: 1;
  left: 19px;
  right: 19px;
  bottom: 19px;
  white-space: pre-line;
  font-size: 17px;
  line-height: 1.12;
  font-weight: 700;
}

:where(html[data-clb-view="car"]) .home-footer-slot {
  min-height: 1px;
}

:where(html[data-clb-view="car"]) .guide {
  background: #fff url('../../../../uploads/2026/09/Lines2-04-1-1.png') right center/auto 105% no-repeat;
}

:where(html[data-clb-view="car"]) .support {
  background: linear-gradient(90deg,rgba(20,31,83,.96),rgba(20,31,83,.75)),url('../images/revision-2026/atlanta.jpg') center/cover;
}

:where(html[data-clb-view="car"]) .practice {
  background: var(--mist) url('../../../../uploads/2026/09/Lines-02-1-1.png') left center/auto 130% no-repeat;
}

:where(html[data-clb-view="car"]) .ca-hero {
  min-height: clamp(760px,95svh,940px);
  background: #071329;
}

:where(html[data-clb-view="car"]) .ca-hero:before {
  background: 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/revision-2026/auto.jpg') center/cover no-repeat;
}

:where(html[data-clb-view="car"]) .ca-hero .ca-wrap {
  padding-top: 185px;
  padding-bottom: 80px;
}

:where(html[data-clb-view="car"]) .ca-hero h1 {
  font-size: clamp(62px,7vw,108px);
  line-height: 1.02;
  max-width: 780px;
}

:where(html[data-clb-view="car"]) .ca-hero p {
  max-width: 630px;
  color: #edf3fc;
}

:where(html[data-clb-view="car"]) .ca-header .ca-nav {
  border-bottom: 1px solid #ffffff26;
}

/* ==========================================================================
   page-car-accident-injuries-two.php — embedded block 1
   ========================================================================== */

:root:where([data-clb-view="car-two"]) {
  --n: #101c4b;
  --b: #0876e8;
  --p: #eaf3ff;
  --l: #f8fbff;
  --t: #18233b;
  --max: 1460px;
}

:where(html[data-clb-view="car-two"]) * {
  box-sizing: border-box;
}

html:where([data-clb-view="car-two"]) {
  scroll-behavior: smooth;
}

:where(html[data-clb-view="car-two"]) body {
  margin: 0;
  color: var(--t);
  font-family: 'DM Sans',Arial,sans-serif;
  background: #fff;
  line-height: 1.58;
}

:where(html[data-clb-view="car-two"]) a {
  text-decoration: none;
  color: inherit;
}

:where(html[data-clb-view="car-two"]) .two-wrap {
  max-width: var(--max);
  margin: auto;
  padding: 0 clamp(22px,5vw,72px);
}

:where(html[data-clb-view="car-two"]) .two-nav {
  padding: 23px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #fff;
  position: relative;
  z-index: 2;
}

:where(html[data-clb-view="car-two"]) .two-nav img {
  width: 220px;
  max-height: 58px;
  object-fit: contain;
}

:where(html[data-clb-view="car-two"]) .two-nav nav {
  display: flex;
  align-items: center;
  gap: clamp(16px,2.4vw,34px);
  font-size: 14px;
  font-weight: 600;
}

:where(html[data-clb-view="car-two"]) .two-nav .call {
  background: #fff;
  color: var(--n);
  border-radius: 999px;
  padding: 10px 18px;
}

:where(html[data-clb-view="car-two"]) .two-hero {
  background: var(--n);
  overflow: hidden;
  color: #fff;
}

:where(html[data-clb-view="car-two"]) .two-hero-body {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  min-height: 590px;
  align-items: stretch;
}

:where(html[data-clb-view="car-two"]) .two-hero-copy {
  padding: 88px 7vw 90px 0;
  align-self: center;
}

:where(html[data-clb-view="car-two"]) .two-hero-photo {
  position: relative;
  min-height: 420px;
}

:where(html[data-clb-view="car-two"]) .two-hero-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,var(--n),transparent 32%),linear-gradient(0deg,rgba(16,28,75,.2),rgba(16,28,75,.05));
}

:where(html[data-clb-view="car-two"]) .two-hero-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="car-two"]) .overline {
  color: #8cc5ff;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

:where(html[data-clb-view="car-two"]) .two-hero h1,
:where(html[data-clb-view="car-two"]) .two-title {
  font-family: 'Playfair Display',Georgia,serif;
  font-weight: 500;
  line-height: 1.04;
}

:where(html[data-clb-view="car-two"]) .two-hero h1 {
  font-size: clamp(54px,6vw,92px);
  margin: 18px 0 28px;
}

:where(html[data-clb-view="car-two"]) .two-hero h1 i {
  color: #83bbff;
}

:where(html[data-clb-view="car-two"]) .two-hero h2 {
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 12px;
}

:where(html[data-clb-view="car-two"]) .two-hero p {
  max-width: 650px;
  margin: 0;
  font-size: 17px;
  line-height: 1.72;
  color: #e6efff;
}

:where(html[data-clb-view="car-two"]) .intro {
  background: var(--l);
  padding: 83px 0;
}

:where(html[data-clb-view="car-two"]) .intro-inner {
  max-width: 1000px;
  margin: auto;
  text-align: center;
}

:where(html[data-clb-view="car-two"]) .intro h2 {
  font-size: clamp(34px,4vw,57px);
  margin: 14px 0 17px;
  color: var(--n);
}

:where(html[data-clb-view="car-two"]) .intro p {
  font-size: 18px;
  margin: 0;
}

:where(html[data-clb-view="car-two"]) .content {
  padding: 88px 0;
}

:where(html[data-clb-view="car-two"]) .guide-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: clamp(40px,7vw,120px);
  align-items: start;
}

:where(html[data-clb-view="car-two"]) .guide-side {
  position: sticky;
  top: 25px;
}

:where(html[data-clb-view="car-two"]) .guide-side .two-title {
  font-size: clamp(36px,4vw,56px);
  margin: 15px 0 0;
  color: var(--n);
}

:where(html[data-clb-view="car-two"]) .guide-side:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: var(--b);
  margin-top: 28px;
}

:where(html[data-clb-view="car-two"]) .articles {
  border-top: 1px solid #cad9eb;
}

:where(html[data-clb-view="car-two"]) .guide-item {
  padding: 37px 0;
  border-bottom: 1px solid #cad9eb;
}

:where(html[data-clb-view="car-two"]) .guide-item-head {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 21px;
  align-items: start;
}

:where(html[data-clb-view="car-two"]) .guide-number {
  height: 52px;
  width: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--p);
  color: var(--b);
  font-weight: 700;
  font-size: 18px;
}

:where(html[data-clb-view="car-two"]) .guide-item h3 {
  font-size: clamp(22px,2.2vw,29px);
  line-height: 1.24;
  margin: 7px 0 18px;
  color: var(--n);
}

:where(html[data-clb-view="car-two"]) .guide-item p {
  font-size: 16.5px;
  line-height: 1.78;
  color: #47546c;
  margin: 0 0 17px;
}

:where(html[data-clb-view="car-two"]) .guide-item p:last-child {
  margin-bottom: 0;
}

:where(html[data-clb-view="car-two"]) .detail-list {
  list-style: none;
  margin: 23px 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 18px;
}

:where(html[data-clb-view="car-two"]) .detail-list li {
  font-size: 15.5px;
  color: #30415e;
  display: flex;
  gap: 11px;
}

:where(html[data-clb-view="car-two"]) .detail-list li:before {
  content: '+';
  font-size: 20px;
  line-height: 1;
  color: var(--b);
  font-weight: 700;
}

:where(html[data-clb-view="car-two"]) .contact-quote {
  margin-top: 70px;
  background: linear-gradient(130deg,#0b68d4,#12316c);
  color: #fff;
  padding: clamp(35px,5vw,65px);
  text-align: center;
  border-radius: 3px;
}

:where(html[data-clb-view="car-two"]) .contact-quote p {
  max-width: 910px;
  margin: auto;
  font-family: 'Playfair Display';
  font-size: clamp(23px,2.5vw,34px);
  line-height: 1.43;
}

:where(html[data-clb-view="car-two"]) .contact-quote a {
  color: #c9e3ff;
  white-space: nowrap;
}

:where(html[data-clb-view="car-two"]) .areas {
  padding: 90px 0;
  background: var(--n);
  color: #fff;
}

:where(html[data-clb-view="car-two"]) .areas-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 38px;
}

:where(html[data-clb-view="car-two"]) .areas .two-title {
  font-size: clamp(35px,4.2vw,58px);
  margin: 13px 0 0;
}

:where(html[data-clb-view="car-two"]) .area-list {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  border-top: 1px solid rgba(255,255,255,.3);
  border-bottom: 1px solid rgba(255,255,255,.3);
}

:where(html[data-clb-view="car-two"]) .area-item {
  min-height: 260px;
  padding: 22px 17px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: end;
  border-right: 1px solid rgba(255,255,255,.22);
}

:where(html[data-clb-view="car-two"]) .area-item:last-child {
  border-right: 0;
}

:where(html[data-clb-view="car-two"]) .area-item:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(7,16,42,.97),rgba(7,16,42,.1) 90%);
}

:where(html[data-clb-view="car-two"]) .area-item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="car-two"]) .area-item span {
  position: relative;
  z-index: 1;
  white-space: pre-line;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 700;
}

:where(html[data-clb-view="car-two"]) .home-footer-slot {
  min-height: 1px;
}

:where(html[data-clb-view="car-two"]) .intro {
  background: var(--l) url('../../../../uploads/2026/09/Lines-02-1-1.png') right center/auto 180% no-repeat;
}

:where(html[data-clb-view="car-two"]) .content {
  background: #fff url('../../../../uploads/2026/09/Lines2-04-1-1.png') left center/auto 115% no-repeat;
}

:where(html[data-clb-view="car-two"]) .contact-quote {
  background: linear-gradient(90deg,rgba(11,104,212,.94),rgba(18,49,108,.85)),url('../images/revision-2026/atlanta.jpg') center/cover;
}

:where(html[data-clb-view="car-two"]) .guide-side {
  background: var(--n);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 40px #101c4b20;
}

:where(html[data-clb-view="car-two"]) .guide-side:after {
  display: none;
}

:where(html[data-clb-view="car-two"]) .guide-photo {
  height: 158px;
  position: relative;
}

:where(html[data-clb-view="car-two"]) .guide-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

:where(html[data-clb-view="car-two"]) .guide-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,var(--n),transparent 80%);
}

:where(html[data-clb-view="car-two"]) .guide-index {
  padding: 8px 20px 20px;
}

:where(html[data-clb-view="car-two"]) .guide-index ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

:where(html[data-clb-view="car-two"]) .guide-index li+li {
  border-top: 1px solid #ffffff29;
}

:where(html[data-clb-view="car-two"]) .guide-index a {
  display: grid;
  grid-template-columns: 24px 1fr 12px;
  gap: 10px;
  align-items: start;
  padding: 18px 0;
  color: #edf4ff;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

:where(html[data-clb-view="car-two"]) .index-number,
:where(html[data-clb-view="car-two"]) .guide-index a:hover {
  color: #8cc5ff;
}

:where(html[data-clb-view="car-two"]) .guide-index a:focus-visible {
  outline: 2px solid #8cc5ff;
  outline-offset: 3px;
}

:where(html[data-clb-view="car-two"]) .guide-item {
  scroll-margin-top: 24px;
}

:where(html[data-clb-view="car-two"]) .guide-item:target .guide-number {
  background: var(--b);
  color: #fff;
}

/* A visual reading companion, scoped to the sidebar. */

:where(html[data-clb-view="car-two"]) .guide-side {
  --reading: 0%;
  background: radial-gradient(ellipse at top right,#234c7c,transparent 65%),#0b1735;
  border: 1px solid #658fbb40;
  border-radius: 18px;
  box-shadow: 0 24px 50px #0b173526;
}

:where(html[data-clb-view="car-two"]) .guide-photo {
  height: 185px;
  overflow: hidden;
}

:where(html[data-clb-view="car-two"]) .guide-photo img {
  filter: saturate(.65);
  transform: scale(1.04);
}

:where(html[data-clb-view="car-two"]) .guide-photo:after {
  background: linear-gradient(0deg,#0b1735,transparent 90%),linear-gradient(110deg,#0876e835,transparent);
}

:where(html[data-clb-view="car-two"]) .guide-photo:before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 1;
  border: 1px solid #ffffff38;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  pointer-events: none;
}

:where(html[data-clb-view="car-two"]) .guide-index {
  padding: 0 14px 23px;
  position: relative;
}

:where(html[data-clb-view="car-two"]) .guide-index:before {
  content: "";
  display: block;
  height: 3px;
  margin: 0 9px 18px;
  border-radius: 3px;
  background: linear-gradient(to right,#8cc5ff var(--reading),#ffffff20 var(--reading));
}

:where(html[data-clb-view="car-two"]) .guide-index li+li {
  border: 0;
  margin-top: 7px;
}

:where(html[data-clb-view="car-two"]) .guide-index a {
  grid-template-columns: 34px 1fr 12px;
  align-items: center;
  padding: 14px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 13px;
  transition: background .2s,border-color .2s,transform .2s;
}

:where(html[data-clb-view="car-two"]) .guide-index .index-number {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #8cc5ff45;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  transition: background .2s;
}

:where(html[data-clb-view="car-two"]) .guide-index a:hover {
  background: #ffffff0c;
  transform: translateX(2px);
}

:where(html[data-clb-view="car-two"]) .guide-index a[aria-current="step"] {
  background: linear-gradient(110deg,#1a73bd55,#ffffff08);
  border-color: #8cc5ff65;
  color: #fff;
}

:where(html[data-clb-view="car-two"]) .guide-index a[aria-current="step"] .index-number {
  background: #8cc5ff;
  border-color: #8cc5ff;
  color: #0b1735;
  box-shadow: 0 0 18px #0876e840;
}

:where(html[data-clb-view="car-two"]) .guide-index a>span:last-child {
  color: #8cc5ff;
  transition: transform .2s;
}

:where(html[data-clb-view="car-two"]) .guide-index a[aria-current="step"]>span:last-child {
  transform: rotate(45deg);
}

/* Clip horizontal overflow without creating a body scroll container:
   the sidebar must stick to the viewport, bounded by .guide-grid. */

html:where([data-clb-view="car-two"]):has(body.castanlecca-car-accidents-two),
:where(html[data-clb-view="car-two"]) 
body.castanlecca-car-accidents-two {
  overflow-x: clip;
  overflow-y: visible;
}

:where(html[data-clb-view="car-two"]) .two-hero {
  min-height: clamp(760px,95svh,940px);
  background: 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/revision-2026/auto.jpg') center/cover no-repeat;
  display: flex;
}

:where(html[data-clb-view="car-two"]) .two-hero>.two-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

:where(html[data-clb-view="car-two"]) .two-hero .two-nav {
  min-height: 112px;
  border-bottom: 1px solid #ffffff26;
}

:where(html[data-clb-view="car-two"]) .two-hero-body {
  display: block;
  min-height: 0;
  margin-top: auto;
}

:where(html[data-clb-view="car-two"]) .two-hero-photo {
  display: none;
}

:where(html[data-clb-view="car-two"]) .two-hero-copy {
  padding: 72px 0 80px;
  max-width: 780px;
}

:where(html[data-clb-view="car-two"]) .two-hero h1 {
  font-size: clamp(62px,7vw,108px);
  line-height: 1.02;
  margin: 16px 0 24px;
}

:where(html[data-clb-view="car-two"]) .two-hero p {
  max-width: 630px;
  color: #edf3fc;
}

/* ==========================================================================
   page-personal-injury.php — embedded block 1
   ========================================================================== */

:root:where([data-clb-view="personal"]) {
  --n: #101c4b;
  --b: #0876e8;
  --p: #eaf3ff;
  --l: #f8fbff;
  --t: #18233b;
  --max: 1460px;
}

:where(html[data-clb-view="personal"]) * {
  box-sizing: border-box;
}

html:where([data-clb-view="personal"]) {
  scroll-behavior: smooth;
}

:where(html[data-clb-view="personal"]) body {
  margin: 0;
  color: var(--t);
  font-family: 'DM Sans',Arial,sans-serif;
  background: #fff;
  line-height: 1.58;
}

:where(html[data-clb-view="personal"]) a {
  text-decoration: none;
  color: inherit;
}

:where(html[data-clb-view="personal"]) .two-wrap {
  max-width: var(--max);
  margin: auto;
  padding: 0 clamp(22px,5vw,72px);
}

:where(html[data-clb-view="personal"]) .two-nav {
  padding: 23px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #fff;
  position: relative;
  z-index: 2;
}

:where(html[data-clb-view="personal"]) .two-nav img {
  width: 220px;
  max-height: 58px;
  object-fit: contain;
}

:where(html[data-clb-view="personal"]) .two-nav nav {
  display: flex;
  align-items: center;
  gap: clamp(16px,2.4vw,34px);
  font-size: 14px;
  font-weight: 600;
}

:where(html[data-clb-view="personal"]) .two-nav .call {
  background: #fff;
  color: var(--n);
  border-radius: 999px;
  padding: 10px 18px;
}

:where(html[data-clb-view="personal"]) .two-hero {
  background: var(--n);
  overflow: hidden;
  color: #fff;
}

:where(html[data-clb-view="personal"]) .two-hero-body {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  min-height: 590px;
  align-items: stretch;
}

:where(html[data-clb-view="personal"]) .two-hero-copy {
  padding: 88px 7vw 90px 0;
  align-self: center;
}

:where(html[data-clb-view="personal"]) .two-hero-photo {
  position: relative;
  min-height: 420px;
}

:where(html[data-clb-view="personal"]) .two-hero-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,var(--n),transparent 32%),linear-gradient(0deg,rgba(16,28,75,.2),rgba(16,28,75,.05));
}

:where(html[data-clb-view="personal"]) .two-hero-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="personal"]) .overline {
  color: #8cc5ff;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

:where(html[data-clb-view="personal"]) .two-hero h1,
:where(html[data-clb-view="personal"]) .two-title {
  font-family: 'Playfair Display',Georgia,serif;
  font-weight: 500;
  line-height: 1.04;
}

:where(html[data-clb-view="personal"]) .two-hero h1 {
  font-size: clamp(54px,6vw,92px);
  margin: 18px 0 28px;
}

:where(html[data-clb-view="personal"]) .two-hero h1 i {
  color: #83bbff;
}

:where(html[data-clb-view="personal"]) .two-hero h2 {
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 12px;
}

:where(html[data-clb-view="personal"]) .two-hero p {
  max-width: 650px;
  margin: 0;
  font-size: 17px;
  line-height: 1.72;
  color: #e6efff;
}

:where(html[data-clb-view="personal"]) .intro {
  background: var(--l);
  padding: 83px 0;
}

:where(html[data-clb-view="personal"]) .intro-inner {
  max-width: 1000px;
  margin: auto;
  text-align: center;
}

:where(html[data-clb-view="personal"]) .intro h2 {
  font-size: clamp(34px,4vw,57px);
  margin: 14px 0 17px;
  color: var(--n);
}

:where(html[data-clb-view="personal"]) .intro p {
  font-size: 18px;
  margin: 0;
}

:where(html[data-clb-view="personal"]) .content {
  padding: 88px 0;
}

:where(html[data-clb-view="personal"]) .guide-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: clamp(40px,7vw,120px);
  align-items: start;
}

:where(html[data-clb-view="personal"]) .guide-side {
  position: sticky;
  top: 25px;
}

:where(html[data-clb-view="personal"]) .guide-side .two-title {
  font-size: clamp(36px,4vw,56px);
  margin: 15px 0 0;
  color: var(--n);
}

:where(html[data-clb-view="personal"]) .guide-side:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: var(--b);
  margin-top: 28px;
}

:where(html[data-clb-view="personal"]) .articles {
  border-top: 1px solid #cad9eb;
}

:where(html[data-clb-view="personal"]) .guide-item {
  padding: 37px 0;
  border-bottom: 1px solid #cad9eb;
}

:where(html[data-clb-view="personal"]) .guide-item-head {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 21px;
  align-items: start;
}

:where(html[data-clb-view="personal"]) .guide-number {
  height: 52px;
  width: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--p);
  color: var(--b);
  font-weight: 700;
  font-size: 18px;
}

:where(html[data-clb-view="personal"]) .guide-item h3 {
  font-size: clamp(22px,2.2vw,29px);
  line-height: 1.24;
  margin: 7px 0 18px;
  color: var(--n);
}

:where(html[data-clb-view="personal"]) .guide-item p {
  font-size: 16.5px;
  line-height: 1.78;
  color: #47546c;
  margin: 0 0 17px;
}

:where(html[data-clb-view="personal"]) .guide-item p:last-child {
  margin-bottom: 0;
}

:where(html[data-clb-view="personal"]) .detail-list {
  list-style: none;
  margin: 23px 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 18px;
}

:where(html[data-clb-view="personal"]) .detail-list li {
  font-size: 15.5px;
  color: #30415e;
  display: flex;
  gap: 11px;
}

:where(html[data-clb-view="personal"]) .detail-list li:before {
  content: '+';
  font-size: 20px;
  line-height: 1;
  color: var(--b);
  font-weight: 700;
}

:where(html[data-clb-view="personal"]) .contact-quote {
  margin-top: 70px;
  background: linear-gradient(130deg,#0b68d4,#12316c);
  color: #fff;
  padding: clamp(35px,5vw,65px);
  text-align: center;
  border-radius: 3px;
}

:where(html[data-clb-view="personal"]) .contact-quote p {
  max-width: 910px;
  margin: auto;
  font-family: 'Playfair Display';
  font-size: clamp(23px,2.5vw,34px);
  line-height: 1.43;
}

:where(html[data-clb-view="personal"]) .contact-quote a {
  color: #c9e3ff;
  white-space: nowrap;
}

:where(html[data-clb-view="personal"]) .areas {
  padding: 90px 0;
  background: var(--n);
  color: #fff;
}

:where(html[data-clb-view="personal"]) .areas-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 38px;
}

:where(html[data-clb-view="personal"]) .areas .two-title {
  font-size: clamp(35px,4.2vw,58px);
  margin: 13px 0 0;
}

:where(html[data-clb-view="personal"]) .area-list {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  border-top: 1px solid rgba(255,255,255,.3);
  border-bottom: 1px solid rgba(255,255,255,.3);
}

:where(html[data-clb-view="personal"]) .area-item {
  min-height: 260px;
  padding: 22px 17px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: end;
  border-right: 1px solid rgba(255,255,255,.22);
}

:where(html[data-clb-view="personal"]) .area-item:last-child {
  border-right: 0;
}

:where(html[data-clb-view="personal"]) .area-item:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(7,16,42,.97),rgba(7,16,42,.1) 90%);
}

:where(html[data-clb-view="personal"]) .area-item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="personal"]) .area-item span {
  position: relative;
  z-index: 1;
  white-space: pre-line;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 700;
}

:where(html[data-clb-view="personal"]) .home-footer-slot {
  min-height: 1px;
}

:where(html[data-clb-view="personal"]) .intro {
  background: var(--l) url('../../../../uploads/2026/09/Lines-02-1-1.png') right center/auto 180% no-repeat;
}

:where(html[data-clb-view="personal"]) .content {
  background: #fff url('../../../../uploads/2026/09/Lines2-04-1-1.png') left center/auto 115% no-repeat;
}

:where(html[data-clb-view="personal"]) .contact-quote {
  background: linear-gradient(90deg,rgba(11,104,212,.94),rgba(18,49,108,.85)),url('../images/revision-2026/atlanta.jpg') center/cover;
}

:where(html[data-clb-view="personal"]) .guide-side {
  background: var(--n);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 40px #101c4b20;
}

:where(html[data-clb-view="personal"]) .guide-side:after {
  display: none;
}

:where(html[data-clb-view="personal"]) .guide-photo {
  height: 158px;
  position: relative;
}

:where(html[data-clb-view="personal"]) .guide-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

:where(html[data-clb-view="personal"]) .guide-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,var(--n),transparent 80%);
}

:where(html[data-clb-view="personal"]) .guide-index {
  padding: 8px 20px 20px;
}

:where(html[data-clb-view="personal"]) .guide-index ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

:where(html[data-clb-view="personal"]) .guide-index li+li {
  border-top: 1px solid #ffffff29;
}

:where(html[data-clb-view="personal"]) .guide-index a {
  display: grid;
  grid-template-columns: 24px 1fr 12px;
  gap: 10px;
  align-items: start;
  padding: 18px 0;
  color: #edf4ff;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

:where(html[data-clb-view="personal"]) .index-number,
:where(html[data-clb-view="personal"]) .guide-index a:hover {
  color: #8cc5ff;
}

:where(html[data-clb-view="personal"]) .guide-index a:focus-visible {
  outline: 2px solid #8cc5ff;
  outline-offset: 3px;
}

:where(html[data-clb-view="personal"]) .guide-item {
  scroll-margin-top: 24px;
}

:where(html[data-clb-view="personal"]) .guide-item:target .guide-number {
  background: var(--b);
  color: #fff;
}

/* A visual reading companion, scoped to the sidebar. */

:where(html[data-clb-view="personal"]) .guide-side {
  --reading: 0%;
  background: radial-gradient(ellipse at top right,#234c7c,transparent 65%),#0b1735;
  border: 1px solid #658fbb40;
  border-radius: 18px;
  box-shadow: 0 24px 50px #0b173526;
}

:where(html[data-clb-view="personal"]) .guide-photo {
  height: 185px;
  overflow: hidden;
}

:where(html[data-clb-view="personal"]) .guide-photo img {
  filter: saturate(.65);
  transform: scale(1.04);
}

:where(html[data-clb-view="personal"]) .guide-photo:after {
  background: linear-gradient(0deg,#0b1735,transparent 90%),linear-gradient(110deg,#0876e835,transparent);
}

:where(html[data-clb-view="personal"]) .guide-photo:before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 1;
  border: 1px solid #ffffff38;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  pointer-events: none;
}

:where(html[data-clb-view="personal"]) .guide-index {
  padding: 0 14px 23px;
  position: relative;
}

:where(html[data-clb-view="personal"]) .guide-index:before {
  content: "";
  display: block;
  height: 3px;
  margin: 0 9px 18px;
  border-radius: 3px;
  background: linear-gradient(to right,#8cc5ff var(--reading),#ffffff20 var(--reading));
}

:where(html[data-clb-view="personal"]) .guide-index li+li {
  border: 0;
  margin-top: 7px;
}

:where(html[data-clb-view="personal"]) .guide-index a {
  grid-template-columns: 34px 1fr 12px;
  align-items: center;
  padding: 14px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 13px;
  transition: background .2s,border-color .2s,transform .2s;
}

:where(html[data-clb-view="personal"]) .guide-index .index-number {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #8cc5ff45;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  transition: background .2s;
}

:where(html[data-clb-view="personal"]) .guide-index a:hover {
  background: #ffffff0c;
  transform: translateX(2px);
}

:where(html[data-clb-view="personal"]) .guide-index a[aria-current="step"] {
  background: linear-gradient(110deg,#1a73bd55,#ffffff08);
  border-color: #8cc5ff65;
  color: #fff;
}

:where(html[data-clb-view="personal"]) .guide-index a[aria-current="step"] .index-number {
  background: #8cc5ff;
  border-color: #8cc5ff;
  color: #0b1735;
  box-shadow: 0 0 18px #0876e840;
}

:where(html[data-clb-view="personal"]) .guide-index a>span:last-child {
  color: #8cc5ff;
  transition: transform .2s;
}

:where(html[data-clb-view="personal"]) .guide-index a[aria-current="step"]>span:last-child {
  transform: rotate(45deg);
}

/* Clip horizontal overflow without creating a body scroll container:
   the sidebar must stick to the viewport, bounded by .guide-grid. */

html:where([data-clb-view="personal"]):has(body.castanlecca-personal-injury),
:where(html[data-clb-view="personal"]) 
body.castanlecca-personal-injury {
  overflow-x: clip;
  overflow-y: visible;
}

:where(html[data-clb-view="personal"]) .two-hero {
  min-height: clamp(760px,95svh,940px);
  background: 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('/wp-content/uploads/2026/09/ChatGPT-Image-22-sept-2026-11_56_48-a.m.webp') center/cover no-repeat;
  display: flex;
}

:where(html[data-clb-view="personal"]) .two-hero>.two-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

:where(html[data-clb-view="personal"]) .two-hero .two-nav {
  min-height: 112px;
  border-bottom: 1px solid #ffffff26;
}

:where(html[data-clb-view="personal"]) .two-hero-body {
  display: block;
  min-height: 0;
  margin-top: auto;
}

:where(html[data-clb-view="personal"]) .two-hero-photo {
  display: none;
}

:where(html[data-clb-view="personal"]) .two-hero-copy {
  padding: 72px 0 80px;
  max-width: 780px;
}

:where(html[data-clb-view="personal"]) .two-hero h1 {
  font-size: clamp(62px,7vw,108px);
  line-height: 1.02;
  margin: 16px 0 24px;
}

:where(html[data-clb-view="personal"]) .two-hero p {
  max-width: 630px;
  color: #edf3fc;
}

:where(html[data-clb-view="personal"]) .personal-overview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px,5vw,72px);
  margin: 0 auto 75px;
  max-width: 1200px;
  text-align: left;
}

:where(html[data-clb-view="personal"]) .personal-overview p {
  font-size: 17px;
  line-height: 1.85;
  color: #47546c;
}

:where(html[data-clb-view="personal"]) .personal-overview p:last-child {
  border-left: 3px solid var(--b);
  padding-left: 28px;
}

:where(html[data-clb-view="personal"]) .intro-inner {
  max-width: 1050px;
}

:where(html[data-clb-view="personal"]) .personal-cases {
  text-align: left;
  border-radius: 14px;
}

:where(html[data-clb-view="personal"]) .personal-cases h2 {
  font-size: clamp(34px,4vw,55px);
  margin: 0 0 30px;
  color: #fff;
}

:where(html[data-clb-view="personal"]) .personal-cases p {
  font-family: inherit;
  font-size: 17px;
  line-height: 1.85;
  max-width: none;
  margin: 0 0 22px;
}

:where(html[data-clb-view="personal"]) .personal-cases .consultation {
  display: inline-flex;
  gap: 30px;
  padding: 15px 24px;
  background: #fff;
  color: var(--n);
  border-radius: 6px;
  font-weight: 700;
  margin-top: 12px;
}

:where(html[data-clb-view="personal"]) .personal-cases .consultation:focus-visible {
  outline: 3px solid #8cc5ff;
  outline-offset: 5px;
}

/* ==========================================================================
   page-recent-settlements.php — embedded block 1
   ========================================================================== */

:root:where([data-clb-view="settlements"]) {
  --n: #101c4b;
  --b: #0876e8;
  --p: #eaf3ff;
  --l: #f8fbff;
  --t: #18233b;
  --max: 1460px;
}

:where(html[data-clb-view="settlements"]) * {
  box-sizing: border-box;
}

html:where([data-clb-view="settlements"]) {
  scroll-behavior: smooth;
}

:where(html[data-clb-view="settlements"]) body {
  margin: 0;
  color: var(--t);
  font-family: 'DM Sans',Arial,sans-serif;
  background: #fff;
  line-height: 1.58;
}

:where(html[data-clb-view="settlements"]) a {
  text-decoration: none;
  color: inherit;
}

:where(html[data-clb-view="settlements"]) .two-wrap {
  max-width: var(--max);
  margin: auto;
  padding: 0 clamp(22px,5vw,72px);
}

:where(html[data-clb-view="settlements"]) .two-nav {
  padding: 23px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #fff;
  position: relative;
  z-index: 2;
}

:where(html[data-clb-view="settlements"]) .two-nav img {
  width: 220px;
  max-height: 58px;
  object-fit: contain;
}

:where(html[data-clb-view="settlements"]) .two-nav nav {
  display: flex;
  align-items: center;
  gap: clamp(16px,2.4vw,34px);
  font-size: 14px;
  font-weight: 600;
}

:where(html[data-clb-view="settlements"]) .two-nav .call {
  background: #fff;
  color: var(--n);
  border-radius: 999px;
  padding: 10px 18px;
}

:where(html[data-clb-view="settlements"]) .two-hero {
  background: var(--n);
  overflow: hidden;
  color: #fff;
}

:where(html[data-clb-view="settlements"]) .two-hero-body {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  min-height: 590px;
  align-items: stretch;
}

:where(html[data-clb-view="settlements"]) .two-hero-copy {
  padding: 88px 7vw 90px 0;
  align-self: center;
}

:where(html[data-clb-view="settlements"]) .two-hero-photo {
  position: relative;
  min-height: 420px;
}

:where(html[data-clb-view="settlements"]) .two-hero-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,var(--n),transparent 32%),linear-gradient(0deg,rgba(16,28,75,.2),rgba(16,28,75,.05));
}

:where(html[data-clb-view="settlements"]) .two-hero-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="settlements"]) .overline {
  color: #8cc5ff;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

:where(html[data-clb-view="settlements"]) .two-hero h1,
:where(html[data-clb-view="settlements"]) .two-title {
  font-family: 'Playfair Display',Georgia,serif;
  font-weight: 500;
  line-height: 1.04;
}

:where(html[data-clb-view="settlements"]) .two-hero h1 {
  font-size: clamp(54px,6vw,92px);
  margin: 18px 0 28px;
}

:where(html[data-clb-view="settlements"]) .two-hero h1 i {
  color: #83bbff;
}

:where(html[data-clb-view="settlements"]) .two-hero h2 {
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 12px;
}

:where(html[data-clb-view="settlements"]) .two-hero p {
  max-width: 650px;
  margin: 0;
  font-size: 17px;
  line-height: 1.72;
  color: #e6efff;
}

:where(html[data-clb-view="settlements"]) .intro {
  background: var(--l);
  padding: 83px 0;
}

:where(html[data-clb-view="settlements"]) .intro-inner {
  max-width: 1000px;
  margin: auto;
  text-align: center;
}

:where(html[data-clb-view="settlements"]) .intro h2 {
  font-size: clamp(34px,4vw,57px);
  margin: 14px 0 17px;
  color: var(--n);
}

:where(html[data-clb-view="settlements"]) .intro p {
  font-size: 18px;
  margin: 0;
}

:where(html[data-clb-view="settlements"]) .content {
  padding: 88px 0;
}

:where(html[data-clb-view="settlements"]) .guide-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: clamp(40px,7vw,120px);
  align-items: start;
}

:where(html[data-clb-view="settlements"]) .guide-side {
  position: sticky;
  top: 25px;
}

:where(html[data-clb-view="settlements"]) .guide-side .two-title {
  font-size: clamp(36px,4vw,56px);
  margin: 15px 0 0;
  color: var(--n);
}

:where(html[data-clb-view="settlements"]) .guide-side:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: var(--b);
  margin-top: 28px;
}

:where(html[data-clb-view="settlements"]) .articles {
  border-top: 1px solid #cad9eb;
}

:where(html[data-clb-view="settlements"]) .guide-item {
  padding: 37px 0;
  border-bottom: 1px solid #cad9eb;
}

:where(html[data-clb-view="settlements"]) .guide-item-head {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 21px;
  align-items: start;
}

:where(html[data-clb-view="settlements"]) .guide-number {
  height: 52px;
  width: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--p);
  color: var(--b);
  font-weight: 700;
  font-size: 18px;
}

:where(html[data-clb-view="settlements"]) .guide-item h3 {
  font-size: clamp(22px,2.2vw,29px);
  line-height: 1.24;
  margin: 7px 0 18px;
  color: var(--n);
}

:where(html[data-clb-view="settlements"]) .guide-item p {
  font-size: 16.5px;
  line-height: 1.78;
  color: #47546c;
  margin: 0 0 17px;
}

:where(html[data-clb-view="settlements"]) .guide-item p:last-child {
  margin-bottom: 0;
}

:where(html[data-clb-view="settlements"]) .detail-list {
  list-style: none;
  margin: 23px 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 18px;
}

:where(html[data-clb-view="settlements"]) .detail-list li {
  font-size: 15.5px;
  color: #30415e;
  display: flex;
  gap: 11px;
}

:where(html[data-clb-view="settlements"]) .detail-list li:before {
  content: '+';
  font-size: 20px;
  line-height: 1;
  color: var(--b);
  font-weight: 700;
}

:where(html[data-clb-view="settlements"]) .contact-quote {
  margin-top: 70px;
  background: linear-gradient(130deg,#0b68d4,#12316c);
  color: #fff;
  padding: clamp(35px,5vw,65px);
  text-align: center;
  border-radius: 3px;
}

:where(html[data-clb-view="settlements"]) .contact-quote p {
  max-width: 910px;
  margin: auto;
  font-family: 'Playfair Display';
  font-size: clamp(23px,2.5vw,34px);
  line-height: 1.43;
}

:where(html[data-clb-view="settlements"]) .contact-quote a {
  color: #c9e3ff;
  white-space: nowrap;
}

:where(html[data-clb-view="settlements"]) .areas {
  padding: 90px 0;
  background: var(--n);
  color: #fff;
}

:where(html[data-clb-view="settlements"]) .areas-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 38px;
}

:where(html[data-clb-view="settlements"]) .areas .two-title {
  font-size: clamp(35px,4.2vw,58px);
  margin: 13px 0 0;
}

:where(html[data-clb-view="settlements"]) .area-list {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  border-top: 1px solid rgba(255,255,255,.3);
  border-bottom: 1px solid rgba(255,255,255,.3);
}

:where(html[data-clb-view="settlements"]) .area-item {
  min-height: 260px;
  padding: 22px 17px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: end;
  border-right: 1px solid rgba(255,255,255,.22);
}

:where(html[data-clb-view="settlements"]) .area-item:last-child {
  border-right: 0;
}

:where(html[data-clb-view="settlements"]) .area-item:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(7,16,42,.97),rgba(7,16,42,.1) 90%);
}

:where(html[data-clb-view="settlements"]) .area-item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="settlements"]) .area-item span {
  position: relative;
  z-index: 1;
  white-space: pre-line;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 700;
}

:where(html[data-clb-view="settlements"]) .home-footer-slot {
  min-height: 1px;
}

:where(html[data-clb-view="settlements"]) .intro {
  background: var(--l) url('../../../../uploads/2026/09/Lines-02-1-1.png') right center/auto 180% no-repeat;
}

:where(html[data-clb-view="settlements"]) .content {
  background: #fff url('../../../../uploads/2026/09/Lines2-04-1-1.png') left center/auto 115% no-repeat;
}

:where(html[data-clb-view="settlements"]) .contact-quote {
  background: linear-gradient(90deg,rgba(11,104,212,.94),rgba(18,49,108,.85)),url('../images/revision-2026/atlanta.jpg') center/cover;
}

:where(html[data-clb-view="settlements"]) .guide-side {
  background: var(--n);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 40px #101c4b20;
}

:where(html[data-clb-view="settlements"]) .guide-side:after {
  display: none;
}

:where(html[data-clb-view="settlements"]) .guide-photo {
  height: 158px;
  position: relative;
}

:where(html[data-clb-view="settlements"]) .guide-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

:where(html[data-clb-view="settlements"]) .guide-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,var(--n),transparent 80%);
}

:where(html[data-clb-view="settlements"]) .guide-index {
  padding: 8px 20px 20px;
}

:where(html[data-clb-view="settlements"]) .guide-index ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

:where(html[data-clb-view="settlements"]) .guide-index li+li {
  border-top: 1px solid #ffffff29;
}

:where(html[data-clb-view="settlements"]) .guide-index a {
  display: grid;
  grid-template-columns: 24px 1fr 12px;
  gap: 10px;
  align-items: start;
  padding: 18px 0;
  color: #edf4ff;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

:where(html[data-clb-view="settlements"]) .index-number,
:where(html[data-clb-view="settlements"]) .guide-index a:hover {
  color: #8cc5ff;
}

:where(html[data-clb-view="settlements"]) .guide-index a:focus-visible {
  outline: 2px solid #8cc5ff;
  outline-offset: 3px;
}

:where(html[data-clb-view="settlements"]) .guide-item {
  scroll-margin-top: 24px;
}

:where(html[data-clb-view="settlements"]) .guide-item:target .guide-number {
  background: var(--b);
  color: #fff;
}

/* A visual reading companion, scoped to the sidebar. */

:where(html[data-clb-view="settlements"]) .guide-side {
  --reading: 0%;
  background: radial-gradient(ellipse at top right,#234c7c,transparent 65%),#0b1735;
  border: 1px solid #658fbb40;
  border-radius: 18px;
  box-shadow: 0 24px 50px #0b173526;
}

:where(html[data-clb-view="settlements"]) .guide-photo {
  height: 185px;
  overflow: hidden;
}

:where(html[data-clb-view="settlements"]) .guide-photo img {
  filter: saturate(.65);
  transform: scale(1.04);
}

:where(html[data-clb-view="settlements"]) .guide-photo:after {
  background: linear-gradient(0deg,#0b1735,transparent 90%),linear-gradient(110deg,#0876e835,transparent);
}

:where(html[data-clb-view="settlements"]) .guide-photo:before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 1;
  border: 1px solid #ffffff38;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  pointer-events: none;
}

:where(html[data-clb-view="settlements"]) .guide-index {
  padding: 0 14px 23px;
  position: relative;
}

:where(html[data-clb-view="settlements"]) .guide-index:before {
  content: "";
  display: block;
  height: 3px;
  margin: 0 9px 18px;
  border-radius: 3px;
  background: linear-gradient(to right,#8cc5ff var(--reading),#ffffff20 var(--reading));
}

:where(html[data-clb-view="settlements"]) .guide-index li+li {
  border: 0;
  margin-top: 7px;
}

:where(html[data-clb-view="settlements"]) .guide-index a {
  grid-template-columns: 34px 1fr 12px;
  align-items: center;
  padding: 14px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 13px;
  transition: background .2s,border-color .2s,transform .2s;
}

:where(html[data-clb-view="settlements"]) .guide-index .index-number {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #8cc5ff45;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  transition: background .2s;
}

:where(html[data-clb-view="settlements"]) .guide-index a:hover {
  background: #ffffff0c;
  transform: translateX(2px);
}

:where(html[data-clb-view="settlements"]) .guide-index a[aria-current="step"] {
  background: linear-gradient(110deg,#1a73bd55,#ffffff08);
  border-color: #8cc5ff65;
  color: #fff;
}

:where(html[data-clb-view="settlements"]) .guide-index a[aria-current="step"] .index-number {
  background: #8cc5ff;
  border-color: #8cc5ff;
  color: #0b1735;
  box-shadow: 0 0 18px #0876e840;
}

:where(html[data-clb-view="settlements"]) .guide-index a>span:last-child {
  color: #8cc5ff;
  transition: transform .2s;
}

:where(html[data-clb-view="settlements"]) .guide-index a[aria-current="step"]>span:last-child {
  transform: rotate(45deg);
}

/* Clip horizontal overflow without creating a body scroll container:
   the sidebar must stick to the viewport, bounded by .guide-grid. */

html:where([data-clb-view="settlements"]):has(body.castanlecca-recent-settlements),
:where(html[data-clb-view="settlements"]) 
body.castanlecca-recent-settlements {
  overflow-x: clip;
  overflow-y: visible;
}

:where(html[data-clb-view="settlements"]) .two-hero {
  min-height: clamp(760px,95svh,940px);
  background: 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('/wp-content/uploads/2026/09/ChatGPT-Image-22-sept-2026-11_48_23-a.m.webp') center/cover no-repeat;
  display: flex;
}

:where(html[data-clb-view="settlements"]) .two-hero>.two-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

:where(html[data-clb-view="settlements"]) .two-hero .two-nav {
  min-height: 112px;
  border-bottom: 1px solid #ffffff26;
}

:where(html[data-clb-view="settlements"]) .two-hero-body {
  display: block;
  min-height: 0;
  margin-top: auto;
}

:where(html[data-clb-view="settlements"]) .two-hero-photo {
  display: none;
}

:where(html[data-clb-view="settlements"]) .two-hero-copy {
  padding: 72px 0 80px;
  max-width: 780px;
}

:where(html[data-clb-view="settlements"]) .two-hero h1 {
  font-size: clamp(62px,7vw,108px);
  line-height: 1.02;
  margin: 16px 0 24px;
}

:where(html[data-clb-view="settlements"]) .two-hero p {
  max-width: 630px;
  color: #edf3fc;
}

:where(html[data-clb-view="settlements"]) .personal-overview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px,5vw,72px);
  margin: 0 auto 75px;
  max-width: 1200px;
  text-align: left;
}

:where(html[data-clb-view="settlements"]) .personal-overview p {
  font-size: 17px;
  line-height: 1.85;
  color: #47546c;
}

:where(html[data-clb-view="settlements"]) .personal-overview p:last-child {
  border-left: 3px solid var(--b);
  padding-left: 28px;
}

:where(html[data-clb-view="settlements"]) .intro-inner {
  max-width: 1050px;
}

:where(html[data-clb-view="settlements"]) .personal-cases {
  text-align: left;
  border-radius: 14px;
}

:where(html[data-clb-view="settlements"]) .personal-cases h2 {
  font-size: clamp(34px,4vw,55px);
  margin: 0 0 30px;
  color: #fff;
}

:where(html[data-clb-view="settlements"]) .personal-cases p {
  font-family: inherit;
  font-size: 17px;
  line-height: 1.85;
  max-width: none;
  margin: 0 0 22px;
}

:where(html[data-clb-view="settlements"]) .personal-cases .consultation {
  display: inline-flex;
  gap: 30px;
  padding: 15px 24px;
  background: #fff;
  color: var(--n);
  border-radius: 6px;
  font-weight: 700;
  margin-top: 12px;
}

:where(html[data-clb-view="settlements"]) .personal-cases .consultation:focus-visible {
  outline: 3px solid #8cc5ff;
  outline-offset: 5px;
}

/* Settlement stories retain the internal-page system, with emphasis on results. */

:where(html[data-clb-view="settlements"]) .two-hero-copy {
  max-width: 1000px;
}

:where(html[data-clb-view="settlements"]) .two-hero h1 {
  font-size: clamp(50px,6.5vw,96px);
}

:where(html[data-clb-view="settlements"]) .two-hero p {
  max-width: 810px;
}

:where(html[data-clb-view="settlements"]) .guide-grid {
  grid-template-columns: 300px minmax(0,1fr);
  gap: clamp(32px,5vw,90px);
}

:where(html[data-clb-view="settlements"]) .guide-item .settlement-amount {
  font-family: 'Playfair Display',Georgia,serif;
  color: var(--b);
  font-size: clamp(32px,4.2vw,64px);
  line-height: 1.15;
  font-weight: 500;
  margin: 0 0 12px;
  overflow-wrap: anywhere;
}

:where(html[data-clb-view="settlements"]) .guide-item h3 {
  font-size: clamp(20px,2vw,26px);
  margin: 0 0 24px;
}

:where(html[data-clb-view="settlements"]) .guide-index strong {
  display: block;
  font-size: 15px;
  color: #fff;
}

:where(html[data-clb-view="settlements"]) .guide-index small {
  display: block;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
  color: #c5d8ef;
  margin-top: 3px;
}

:where(html[data-clb-view="settlements"]) .guide-index a {
  padding: 9px 7px;
}

:where(html[data-clb-view="settlements"]) .guide-index li+li {
  margin-top: 3px;
}

/* ==========================================================================
   page-workers-comp.php — embedded block 1
   ========================================================================== */

:root:where([data-clb-view="workers"]) {
  --n: #101c4b;
  --b: #0876e8;
  --p: #eaf3ff;
  --l: #f8fbff;
  --t: #18233b;
  --max: 1460px;
}

:where(html[data-clb-view="workers"]) * {
  box-sizing: border-box;
}

html:where([data-clb-view="workers"]) {
  scroll-behavior: smooth;
}

:where(html[data-clb-view="workers"]) body {
  margin: 0;
  color: var(--t);
  font-family: 'DM Sans',Arial,sans-serif;
  background: #fff;
  line-height: 1.58;
}

:where(html[data-clb-view="workers"]) a {
  text-decoration: none;
  color: inherit;
}

:where(html[data-clb-view="workers"]) .two-wrap {
  max-width: var(--max);
  margin: auto;
  padding: 0 clamp(22px,5vw,72px);
}

:where(html[data-clb-view="workers"]) .two-nav {
  padding: 23px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #fff;
  position: relative;
  z-index: 2;
}

:where(html[data-clb-view="workers"]) .two-nav img {
  width: 220px;
  max-height: 58px;
  object-fit: contain;
}

:where(html[data-clb-view="workers"]) .two-nav nav {
  display: flex;
  align-items: center;
  gap: clamp(16px,2.4vw,34px);
  font-size: 14px;
  font-weight: 600;
}

:where(html[data-clb-view="workers"]) .two-nav .call {
  background: #fff;
  color: var(--n);
  border-radius: 999px;
  padding: 10px 18px;
}

:where(html[data-clb-view="workers"]) .two-hero {
  background: var(--n);
  overflow: hidden;
  color: #fff;
}

:where(html[data-clb-view="workers"]) .two-hero-body {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  min-height: 590px;
  align-items: stretch;
}

:where(html[data-clb-view="workers"]) .two-hero-copy {
  padding: 88px 7vw 90px 0;
  align-self: center;
}

:where(html[data-clb-view="workers"]) .two-hero-photo {
  position: relative;
  min-height: 420px;
}

:where(html[data-clb-view="workers"]) .two-hero-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,var(--n),transparent 32%),linear-gradient(0deg,rgba(16,28,75,.2),rgba(16,28,75,.05));
}

:where(html[data-clb-view="workers"]) .two-hero-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="workers"]) .overline {
  color: #8cc5ff;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

:where(html[data-clb-view="workers"]) .two-hero h1,
:where(html[data-clb-view="workers"]) .two-title {
  font-family: 'Playfair Display',Georgia,serif;
  font-weight: 500;
  line-height: 1.04;
}

:where(html[data-clb-view="workers"]) .two-hero h1 {
  font-size: clamp(54px,6vw,92px);
  margin: 18px 0 28px;
}

:where(html[data-clb-view="workers"]) .two-hero h1 i {
  color: #83bbff;
}

:where(html[data-clb-view="workers"]) .two-hero h2 {
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 12px;
}

:where(html[data-clb-view="workers"]) .two-hero p {
  max-width: 650px;
  margin: 0;
  font-size: 17px;
  line-height: 1.72;
  color: #e6efff;
}

:where(html[data-clb-view="workers"]) .intro {
  background: var(--l);
  padding: 83px 0;
}

:where(html[data-clb-view="workers"]) .intro-inner {
  max-width: 1000px;
  margin: auto;
  text-align: center;
}

:where(html[data-clb-view="workers"]) .intro h2 {
  font-size: clamp(34px,4vw,57px);
  margin: 14px 0 17px;
  color: var(--n);
}

:where(html[data-clb-view="workers"]) .intro p {
  font-size: 18px;
  margin: 0;
}

:where(html[data-clb-view="workers"]) .content {
  padding: 88px 0;
}

:where(html[data-clb-view="workers"]) .guide-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: clamp(40px,7vw,120px);
  align-items: start;
}

:where(html[data-clb-view="workers"]) .guide-side {
  position: sticky;
  top: 25px;
}

:where(html[data-clb-view="workers"]) .guide-side .two-title {
  font-size: clamp(36px,4vw,56px);
  margin: 15px 0 0;
  color: var(--n);
}

:where(html[data-clb-view="workers"]) .guide-side:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: var(--b);
  margin-top: 28px;
}

:where(html[data-clb-view="workers"]) .articles {
  border-top: 1px solid #cad9eb;
}

:where(html[data-clb-view="workers"]) .guide-item {
  padding: 37px 0;
  border-bottom: 1px solid #cad9eb;
}

:where(html[data-clb-view="workers"]) .guide-item-head {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 21px;
  align-items: start;
}

:where(html[data-clb-view="workers"]) .guide-number {
  height: 52px;
  width: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--p);
  color: var(--b);
  font-weight: 700;
  font-size: 18px;
}

:where(html[data-clb-view="workers"]) .guide-item h3 {
  font-size: clamp(22px,2.2vw,29px);
  line-height: 1.24;
  margin: 7px 0 18px;
  color: var(--n);
}

:where(html[data-clb-view="workers"]) .guide-item p {
  font-size: 16.5px;
  line-height: 1.78;
  color: #47546c;
  margin: 0 0 17px;
}

:where(html[data-clb-view="workers"]) .guide-item p:last-child {
  margin-bottom: 0;
}

:where(html[data-clb-view="workers"]) .detail-list {
  list-style: none;
  margin: 23px 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 18px;
}

:where(html[data-clb-view="workers"]) .detail-list li {
  font-size: 15.5px;
  color: #30415e;
  display: flex;
  gap: 11px;
}

:where(html[data-clb-view="workers"]) .detail-list li:before {
  content: '+';
  font-size: 20px;
  line-height: 1;
  color: var(--b);
  font-weight: 700;
}

:where(html[data-clb-view="workers"]) .contact-quote {
  margin-top: 70px;
  background: linear-gradient(130deg,#0b68d4,#12316c);
  color: #fff;
  padding: clamp(35px,5vw,65px);
  text-align: center;
  border-radius: 3px;
}

:where(html[data-clb-view="workers"]) .contact-quote p {
  max-width: 910px;
  margin: auto;
  font-family: 'Playfair Display';
  font-size: clamp(23px,2.5vw,34px);
  line-height: 1.43;
}

:where(html[data-clb-view="workers"]) .contact-quote a {
  color: #c9e3ff;
  white-space: nowrap;
}

:where(html[data-clb-view="workers"]) .areas {
  padding: 90px 0;
  background: var(--n);
  color: #fff;
}

:where(html[data-clb-view="workers"]) .areas-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 38px;
}

:where(html[data-clb-view="workers"]) .areas .two-title {
  font-size: clamp(35px,4.2vw,58px);
  margin: 13px 0 0;
}

:where(html[data-clb-view="workers"]) .area-list {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  border-top: 1px solid rgba(255,255,255,.3);
  border-bottom: 1px solid rgba(255,255,255,.3);
}

:where(html[data-clb-view="workers"]) .area-item {
  min-height: 260px;
  padding: 22px 17px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: end;
  border-right: 1px solid rgba(255,255,255,.22);
}

:where(html[data-clb-view="workers"]) .area-item:last-child {
  border-right: 0;
}

:where(html[data-clb-view="workers"]) .area-item:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(7,16,42,.97),rgba(7,16,42,.1) 90%);
}

:where(html[data-clb-view="workers"]) .area-item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="workers"]) .area-item span {
  position: relative;
  z-index: 1;
  white-space: pre-line;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 700;
}

:where(html[data-clb-view="workers"]) .home-footer-slot {
  min-height: 1px;
}

:where(html[data-clb-view="workers"]) .intro {
  background: var(--l) url('../../../../uploads/2026/09/Lines-02-1-1.png') right center/auto 180% no-repeat;
}

:where(html[data-clb-view="workers"]) .content {
  background: #fff url('../../../../uploads/2026/09/Lines2-04-1-1.png') left center/auto 115% no-repeat;
}

:where(html[data-clb-view="workers"]) .contact-quote {
  background: linear-gradient(90deg,rgba(11,104,212,.94),rgba(18,49,108,.85)),url('../images/revision-2026/atlanta.jpg') center/cover;
}

:where(html[data-clb-view="workers"]) .guide-side {
  background: var(--n);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 40px #101c4b20;
}

:where(html[data-clb-view="workers"]) .guide-side:after {
  display: none;
}

:where(html[data-clb-view="workers"]) .guide-photo {
  height: 158px;
  position: relative;
}

:where(html[data-clb-view="workers"]) .guide-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

:where(html[data-clb-view="workers"]) .guide-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,var(--n),transparent 80%);
}

:where(html[data-clb-view="workers"]) .guide-index {
  padding: 8px 20px 20px;
}

:where(html[data-clb-view="workers"]) .guide-index ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

:where(html[data-clb-view="workers"]) .guide-index li+li {
  border-top: 1px solid #ffffff29;
}

:where(html[data-clb-view="workers"]) .guide-index a {
  display: grid;
  grid-template-columns: 24px 1fr 12px;
  gap: 10px;
  align-items: start;
  padding: 18px 0;
  color: #edf4ff;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

:where(html[data-clb-view="workers"]) .index-number,
:where(html[data-clb-view="workers"]) .guide-index a:hover {
  color: #8cc5ff;
}

:where(html[data-clb-view="workers"]) .guide-index a:focus-visible {
  outline: 2px solid #8cc5ff;
  outline-offset: 3px;
}

:where(html[data-clb-view="workers"]) .guide-item {
  scroll-margin-top: 24px;
}

:where(html[data-clb-view="workers"]) .guide-item:target .guide-number {
  background: var(--b);
  color: #fff;
}

/* A visual reading companion, scoped to the sidebar. */

:where(html[data-clb-view="workers"]) .guide-side {
  --reading: 0%;
  background: radial-gradient(ellipse at top right,#234c7c,transparent 65%),#0b1735;
  border: 1px solid #658fbb40;
  border-radius: 18px;
  box-shadow: 0 24px 50px #0b173526;
}

:where(html[data-clb-view="workers"]) .guide-photo {
  height: 185px;
  overflow: hidden;
}

:where(html[data-clb-view="workers"]) .guide-photo img {
  filter: saturate(.65);
  transform: scale(1.04);
}

:where(html[data-clb-view="workers"]) .guide-photo:after {
  background: linear-gradient(0deg,#0b1735,transparent 90%),linear-gradient(110deg,#0876e835,transparent);
}

:where(html[data-clb-view="workers"]) .guide-photo:before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 1;
  border: 1px solid #ffffff38;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  pointer-events: none;
}

:where(html[data-clb-view="workers"]) .guide-index {
  padding: 0 14px 23px;
  position: relative;
}

:where(html[data-clb-view="workers"]) .guide-index:before {
  content: "";
  display: block;
  height: 3px;
  margin: 0 9px 18px;
  border-radius: 3px;
  background: linear-gradient(to right,#8cc5ff var(--reading),#ffffff20 var(--reading));
}

:where(html[data-clb-view="workers"]) .guide-index li+li {
  border: 0;
  margin-top: 7px;
}

:where(html[data-clb-view="workers"]) .guide-index a {
  grid-template-columns: 34px 1fr 12px;
  align-items: center;
  padding: 14px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 13px;
  transition: background .2s,border-color .2s,transform .2s;
}

:where(html[data-clb-view="workers"]) .guide-index .index-number {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #8cc5ff45;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  transition: background .2s;
}

:where(html[data-clb-view="workers"]) .guide-index a:hover {
  background: #ffffff0c;
  transform: translateX(2px);
}

:where(html[data-clb-view="workers"]) .guide-index a[aria-current="step"] {
  background: linear-gradient(110deg,#1a73bd55,#ffffff08);
  border-color: #8cc5ff65;
  color: #fff;
}

:where(html[data-clb-view="workers"]) .guide-index a[aria-current="step"] .index-number {
  background: #8cc5ff;
  border-color: #8cc5ff;
  color: #0b1735;
  box-shadow: 0 0 18px #0876e840;
}

:where(html[data-clb-view="workers"]) .guide-index a>span:last-child {
  color: #8cc5ff;
  transition: transform .2s;
}

:where(html[data-clb-view="workers"]) .guide-index a[aria-current="step"]>span:last-child {
  transform: rotate(45deg);
}

/* Clip horizontal overflow without creating a body scroll container:
   the sidebar must stick to the viewport, bounded by .guide-grid. */

html:where([data-clb-view="workers"]):has(body.castanlecca-workers-comp),
:where(html[data-clb-view="workers"]) 
body.castanlecca-workers-comp {
  overflow-x: clip;
  overflow-y: visible;
}

:where(html[data-clb-view="workers"]) .two-hero {
  min-height: clamp(760px,95svh,940px);
  background: 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(/wp-content/uploads/2026/09/ChatGPT-Image-22-sept-2026-11_37_35-a.m.webp) center/cover no-repeat;
  display: flex;
}

:where(html[data-clb-view="workers"]) .two-hero>.two-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

:where(html[data-clb-view="workers"]) .two-hero .two-nav {
  min-height: 112px;
  border-bottom: 1px solid #ffffff26;
}

:where(html[data-clb-view="workers"]) .two-hero-body {
  display: block;
  min-height: 0;
  margin-top: auto;
}

:where(html[data-clb-view="workers"]) .two-hero-photo {
  display: none;
}

:where(html[data-clb-view="workers"]) .two-hero-copy {
  padding: 72px 0 80px;
  max-width: 780px;
}

:where(html[data-clb-view="workers"]) .two-hero h1 {
  font-size: clamp(62px,7vw,108px);
  line-height: 1.02;
  margin: 16px 0 24px;
}

:where(html[data-clb-view="workers"]) .two-hero p {
  max-width: 630px;
  color: #edf3fc;
}

:where(html[data-clb-view="workers"]) .personal-overview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px,5vw,72px);
  margin: 0 auto 75px;
  max-width: 1200px;
  text-align: left;
}

:where(html[data-clb-view="workers"]) .personal-overview p {
  font-size: 17px;
  line-height: 1.85;
  color: #47546c;
}

:where(html[data-clb-view="workers"]) .personal-overview p:last-child {
  border-left: 3px solid var(--b);
  padding-left: 28px;
}

:where(html[data-clb-view="workers"]) .intro-inner {
  max-width: 1050px;
}

:where(html[data-clb-view="workers"]) .personal-cases {
  text-align: left;
  border-radius: 14px;
}

:where(html[data-clb-view="workers"]) .personal-cases h2 {
  font-size: clamp(34px,4vw,55px);
  margin: 0 0 30px;
  color: #fff;
}

:where(html[data-clb-view="workers"]) .personal-cases p {
  font-family: inherit;
  font-size: 17px;
  line-height: 1.85;
  max-width: none;
  margin: 0 0 22px;
}

:where(html[data-clb-view="workers"]) .personal-cases .consultation {
  display: inline-flex;
  gap: 30px;
  padding: 15px 24px;
  background: #fff;
  color: var(--n);
  border-radius: 6px;
  font-weight: 700;
  margin-top: 12px;
}

:where(html[data-clb-view="workers"]) .personal-cases .consultation:focus-visible {
  outline: 3px solid #8cc5ff;
  outline-offset: 5px;
}

:where(html[data-clb-view="workers"]) .two-hero-copy {
  max-width: 1100px;
}

:where(html[data-clb-view="workers"]) .two-hero h1 {
  font-size: clamp(48px,6.1vw,88px);
}

:where(html[data-clb-view="workers"]) .two-hero p {
  max-width: 760px;
}

:where(html[data-clb-view="workers"]) .intro-inner>p {
  max-width: 900px;
  margin: 0 auto 35px;
  line-height: 1.85;
}

:where(html[data-clb-view="workers"]) .intro h2 {
  font-size: clamp(30px,3.5vw,48px);
}

:where(html[data-clb-view="workers"]) .workers-benefits,
:where(html[data-clb-view="workers"]) .workers-law,
:where(html[data-clb-view="workers"]) .workers-promise {
  padding: 85px 0;
}

:where(html[data-clb-view="workers"]) .workers-benefits {
  background: #f0f5fc;
}

:where(html[data-clb-view="workers"]) .workers-benefits .two-title,
:where(html[data-clb-view="workers"]) .workers-law .two-title {
  font-size: clamp(36px,4vw,60px);
  margin: 0 0 28px;
  color: var(--n);
}

:where(html[data-clb-view="workers"]) .benefits-lead {
  max-width: 980px;
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 40px;
}

:where(html[data-clb-view="workers"]) .benefit-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 24px;
}

:where(html[data-clb-view="workers"]) .benefit-card {
  background: #fff;
  padding: 32px;
  border: 1px solid #d4e1f2;
  border-radius: 16px;
}

:where(html[data-clb-view="workers"]) .benefit-card:last-child {
  grid-column: 1/-1;
}

:where(html[data-clb-view="workers"]) .benefit-code {
  font-family: 'Playfair Display',serif;
  font-size: 46px;
  color: var(--b);
}

:where(html[data-clb-view="workers"]) .benefit-card h3 {
  font-size: 23px;
  color: var(--n);
  line-height: 1.3;
}

:where(html[data-clb-view="workers"]) .benefit-card p,
:where(html[data-clb-view="workers"]) .workers-law p {
  font-size: 17px;
  line-height: 1.85;
  color: #47546c;
}

:where(html[data-clb-view="workers"]) .workers-law {
  background: #fff url('../../../../uploads/2026/09/Lines-02-1-1.png') right center/auto 150% no-repeat;
}

:where(html[data-clb-view="workers"]) .law-steps {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 30px;
  list-style: none;
  padding: 0;
  counter-reset: steps;
  margin: 40px 0 0;
}

:where(html[data-clb-view="workers"]) .law-steps li {
  counter-increment: steps;
  border-top: 1px solid #cad9eb;
  padding-top: 24px;
  font-size: 17px;
}

:where(html[data-clb-view="workers"]) .law-steps li:before {
  content: counter(steps);
  display: grid;
  place-items: center;
  background: var(--p);
  color: var(--b);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  font-weight: 700;
  margin-bottom: 20px;
}

:where(html[data-clb-view="workers"]) .law-steps a {
  color: var(--b);
  font-size: 24px;
  font-weight: 700;
}

:where(html[data-clb-view="workers"]) .workers-promise {
  background: linear-gradient(90deg,rgba(11,23,53,.96),rgba(16,28,75,.85)),url('../images/revision-2026/firm-team.webp') center/cover;
  color: #fff;
}

:where(html[data-clb-view="workers"]) .promise-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
}

:where(html[data-clb-view="workers"]) .promise-grid h2 {
  font-size: clamp(20px,2vw,28px);
  border-left: 3px solid #8cc5ff;
  padding-left: 22px;
  margin: 0;
  line-height: 1.4;
}

:where(html[data-clb-view="workers"]) .workers-promise p {
  max-width: 1000px;
  font-size: 19px;
  line-height: 1.8;
  margin: 45px 0 0;
}

:where(html[data-clb-view="workers"]) .guide-index a {
  font-size: 12px;
  padding: 9px 6px;
}

/* ==========================================================================
   page-immigration-help.php — embedded block 1
   ========================================================================== */

:root:where([data-clb-view="immigration"]) {
  --n: #101c4b;
  --b: #0876e8;
  --p: #eaf3ff;
  --l: #f8fbff;
  --t: #18233b;
  --max: 1460px;
}

:where(html[data-clb-view="immigration"]) * {
  box-sizing: border-box;
}

html:where([data-clb-view="immigration"]) {
  scroll-behavior: smooth;
}

:where(html[data-clb-view="immigration"]) body {
  margin: 0;
  color: var(--t);
  font-family: 'DM Sans',Arial,sans-serif;
  background: #fff;
  line-height: 1.58;
}

:where(html[data-clb-view="immigration"]) a {
  text-decoration: none;
  color: inherit;
}

:where(html[data-clb-view="immigration"]) .two-wrap {
  max-width: var(--max);
  margin: auto;
  padding: 0 clamp(22px,5vw,72px);
}

:where(html[data-clb-view="immigration"]) .two-nav {
  padding: 23px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #fff;
  position: relative;
  z-index: 2;
}

:where(html[data-clb-view="immigration"]) .two-nav img {
  width: 220px;
  max-height: 58px;
  object-fit: contain;
}

:where(html[data-clb-view="immigration"]) .two-nav nav {
  display: flex;
  align-items: center;
  gap: clamp(16px,2.4vw,34px);
  font-size: 14px;
  font-weight: 600;
}

:where(html[data-clb-view="immigration"]) .two-nav .call {
  background: #fff;
  color: var(--n);
  border-radius: 999px;
  padding: 10px 18px;
}

:where(html[data-clb-view="immigration"]) .two-hero {
  background: var(--n);
  overflow: hidden;
  color: #fff;
}

:where(html[data-clb-view="immigration"]) .two-hero-body {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  min-height: 590px;
  align-items: stretch;
}

:where(html[data-clb-view="immigration"]) .two-hero-copy {
  padding: 88px 7vw 90px 0;
  align-self: center;
}

:where(html[data-clb-view="immigration"]) .two-hero-photo {
  position: relative;
  min-height: 420px;
}

:where(html[data-clb-view="immigration"]) .two-hero-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,var(--n),transparent 32%),linear-gradient(0deg,rgba(16,28,75,.2),rgba(16,28,75,.05));
}

:where(html[data-clb-view="immigration"]) .two-hero-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="immigration"]) .overline {
  color: #8cc5ff;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

:where(html[data-clb-view="immigration"]) .two-hero h1,
:where(html[data-clb-view="immigration"]) .two-title {
  font-family: 'Playfair Display',Georgia,serif;
  font-weight: 500;
  line-height: 1.04;
}

:where(html[data-clb-view="immigration"]) .two-hero h1 {
  font-size: clamp(54px,6vw,92px);
  margin: 18px 0 28px;
}

:where(html[data-clb-view="immigration"]) .two-hero h1 i {
  color: #83bbff;
}

:where(html[data-clb-view="immigration"]) .two-hero h2 {
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 12px;
}

:where(html[data-clb-view="immigration"]) .two-hero p {
  max-width: 650px;
  margin: 0;
  font-size: 17px;
  line-height: 1.72;
  color: #e6efff;
}

:where(html[data-clb-view="immigration"]) .intro {
  background: var(--l);
  padding: 83px 0;
}

:where(html[data-clb-view="immigration"]) .intro-inner {
  max-width: 1000px;
  margin: auto;
  text-align: center;
}

:where(html[data-clb-view="immigration"]) .intro h2 {
  font-size: clamp(34px,4vw,57px);
  margin: 14px 0 17px;
  color: var(--n);
}

:where(html[data-clb-view="immigration"]) .intro p {
  font-size: 18px;
  margin: 0;
}

:where(html[data-clb-view="immigration"]) .content {
  padding: 88px 0;
}

:where(html[data-clb-view="immigration"]) .guide-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: clamp(40px,7vw,120px);
  align-items: start;
}

:where(html[data-clb-view="immigration"]) .guide-side {
  position: sticky;
  top: 25px;
}

:where(html[data-clb-view="immigration"]) .guide-side .two-title {
  font-size: clamp(36px,4vw,56px);
  margin: 15px 0 0;
  color: var(--n);
}

:where(html[data-clb-view="immigration"]) .guide-side:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: var(--b);
  margin-top: 28px;
}

:where(html[data-clb-view="immigration"]) .articles {
  border-top: 1px solid #cad9eb;
}

:where(html[data-clb-view="immigration"]) .guide-item {
  padding: 37px 0;
  border-bottom: 1px solid #cad9eb;
}

:where(html[data-clb-view="immigration"]) .guide-item-head {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 21px;
  align-items: start;
}

:where(html[data-clb-view="immigration"]) .guide-number {
  height: 52px;
  width: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--p);
  color: var(--b);
  font-weight: 700;
  font-size: 18px;
}

:where(html[data-clb-view="immigration"]) .guide-item h3 {
  font-size: clamp(22px,2.2vw,29px);
  line-height: 1.24;
  margin: 7px 0 18px;
  color: var(--n);
}

:where(html[data-clb-view="immigration"]) .guide-item p {
  font-size: 16.5px;
  line-height: 1.78;
  color: #47546c;
  margin: 0 0 17px;
}

:where(html[data-clb-view="immigration"]) .guide-item p:last-child {
  margin-bottom: 0;
}

:where(html[data-clb-view="immigration"]) .detail-list {
  list-style: none;
  margin: 23px 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 18px;
}

:where(html[data-clb-view="immigration"]) .detail-list li {
  font-size: 15.5px;
  color: #30415e;
  display: flex;
  gap: 11px;
}

:where(html[data-clb-view="immigration"]) .detail-list li:before {
  content: '+';
  font-size: 20px;
  line-height: 1;
  color: var(--b);
  font-weight: 700;
}

:where(html[data-clb-view="immigration"]) .contact-quote {
  margin-top: 70px;
  background: linear-gradient(130deg,#0b68d4,#12316c);
  color: #fff;
  padding: clamp(35px,5vw,65px);
  text-align: center;
  border-radius: 3px;
}

:where(html[data-clb-view="immigration"]) .contact-quote p {
  max-width: 910px;
  margin: auto;
  font-family: 'Playfair Display';
  font-size: clamp(23px,2.5vw,34px);
  line-height: 1.43;
}

:where(html[data-clb-view="immigration"]) .contact-quote a {
  color: #c9e3ff;
  white-space: nowrap;
}

:where(html[data-clb-view="immigration"]) .areas {
  padding: 90px 0;
  background: var(--n);
  color: #fff;
}

:where(html[data-clb-view="immigration"]) .areas-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 38px;
}

:where(html[data-clb-view="immigration"]) .areas .two-title {
  font-size: clamp(35px,4.2vw,58px);
  margin: 13px 0 0;
}

:where(html[data-clb-view="immigration"]) .area-list {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  border-top: 1px solid rgba(255,255,255,.3);
  border-bottom: 1px solid rgba(255,255,255,.3);
}

:where(html[data-clb-view="immigration"]) .area-item {
  min-height: 260px;
  padding: 22px 17px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: end;
  border-right: 1px solid rgba(255,255,255,.22);
}

:where(html[data-clb-view="immigration"]) .area-item:last-child {
  border-right: 0;
}

:where(html[data-clb-view="immigration"]) .area-item:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(7,16,42,.97),rgba(7,16,42,.1) 90%);
}

:where(html[data-clb-view="immigration"]) .area-item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="immigration"]) .area-item span {
  position: relative;
  z-index: 1;
  white-space: pre-line;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 700;
}

:where(html[data-clb-view="immigration"]) .home-footer-slot {
  min-height: 1px;
}

:where(html[data-clb-view="immigration"]) .intro {
  background: var(--l) url('../../../../uploads/2026/09/Lines-02-1-1.png') right center/auto 180% no-repeat;
}

:where(html[data-clb-view="immigration"]) .content {
  background: #fff url('../../../../uploads/2026/09/Lines2-04-1-1.png') left center/auto 115% no-repeat;
}

:where(html[data-clb-view="immigration"]) .contact-quote {
  background: linear-gradient(90deg,rgba(11,104,212,.94),rgba(18,49,108,.85)),url('../images/revision-2026/atlanta.jpg') center/cover;
}

:where(html[data-clb-view="immigration"]) .guide-side {
  background: var(--n);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 40px #101c4b20;
}

:where(html[data-clb-view="immigration"]) .guide-side:after {
  display: none;
}

:where(html[data-clb-view="immigration"]) .guide-photo {
  height: 158px;
  position: relative;
}

:where(html[data-clb-view="immigration"]) .guide-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

:where(html[data-clb-view="immigration"]) .guide-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,var(--n),transparent 80%);
}

:where(html[data-clb-view="immigration"]) .guide-index {
  padding: 8px 20px 20px;
}

:where(html[data-clb-view="immigration"]) .guide-index ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

:where(html[data-clb-view="immigration"]) .guide-index li+li {
  border-top: 1px solid #ffffff29;
}

:where(html[data-clb-view="immigration"]) .guide-index a {
  display: grid;
  grid-template-columns: 24px 1fr 12px;
  gap: 10px;
  align-items: start;
  padding: 18px 0;
  color: #edf4ff;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

:where(html[data-clb-view="immigration"]) .index-number,
:where(html[data-clb-view="immigration"]) .guide-index a:hover {
  color: #8cc5ff;
}

:where(html[data-clb-view="immigration"]) .guide-index a:focus-visible {
  outline: 2px solid #8cc5ff;
  outline-offset: 3px;
}

:where(html[data-clb-view="immigration"]) .guide-item {
  scroll-margin-top: 24px;
}

:where(html[data-clb-view="immigration"]) .guide-item:target .guide-number {
  background: var(--b);
  color: #fff;
}

/* A visual reading companion, scoped to the sidebar. */

:where(html[data-clb-view="immigration"]) .guide-side {
  --reading: 0%;
  background: radial-gradient(ellipse at top right,#234c7c,transparent 65%),#0b1735;
  border: 1px solid #658fbb40;
  border-radius: 18px;
  box-shadow: 0 24px 50px #0b173526;
}

:where(html[data-clb-view="immigration"]) .guide-photo {
  height: 185px;
  overflow: hidden;
}

:where(html[data-clb-view="immigration"]) .guide-photo img {
  filter: saturate(.65);
  transform: scale(1.04);
}

:where(html[data-clb-view="immigration"]) .guide-photo:after {
  background: linear-gradient(0deg,#0b1735,transparent 90%),linear-gradient(110deg,#0876e835,transparent);
}

:where(html[data-clb-view="immigration"]) .guide-photo:before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 1;
  border: 1px solid #ffffff38;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  pointer-events: none;
}

:where(html[data-clb-view="immigration"]) .guide-index {
  padding: 0 14px 23px;
  position: relative;
}

:where(html[data-clb-view="immigration"]) .guide-index:before {
  content: "";
  display: block;
  height: 3px;
  margin: 0 9px 18px;
  border-radius: 3px;
  background: linear-gradient(to right,#8cc5ff var(--reading),#ffffff20 var(--reading));
}

:where(html[data-clb-view="immigration"]) .guide-index li+li {
  border: 0;
  margin-top: 7px;
}

:where(html[data-clb-view="immigration"]) .guide-index a {
  grid-template-columns: 34px 1fr 12px;
  align-items: center;
  padding: 14px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 13px;
  transition: background .2s,border-color .2s,transform .2s;
}

:where(html[data-clb-view="immigration"]) .guide-index .index-number {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #8cc5ff45;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  transition: background .2s;
}

:where(html[data-clb-view="immigration"]) .guide-index a:hover {
  background: #ffffff0c;
  transform: translateX(2px);
}

:where(html[data-clb-view="immigration"]) .guide-index a[aria-current="step"] {
  background: linear-gradient(110deg,#1a73bd55,#ffffff08);
  border-color: #8cc5ff65;
  color: #fff;
}

:where(html[data-clb-view="immigration"]) .guide-index a[aria-current="step"] .index-number {
  background: #8cc5ff;
  border-color: #8cc5ff;
  color: #0b1735;
  box-shadow: 0 0 18px #0876e840;
}

:where(html[data-clb-view="immigration"]) .guide-index a>span:last-child {
  color: #8cc5ff;
  transition: transform .2s;
}

:where(html[data-clb-view="immigration"]) .guide-index a[aria-current="step"]>span:last-child {
  transform: rotate(45deg);
}

/* Clip horizontal overflow without creating a body scroll container:
   the sidebar must stick to the viewport, bounded by .guide-grid. */

html:where([data-clb-view="immigration"]):has(body.castanlecca-immigration),
:where(html[data-clb-view="immigration"]) 
body.castanlecca-immigration {
  overflow-x: clip;
  overflow-y: visible;
}

:where(html[data-clb-view="immigration"]) .two-hero {
  min-height: clamp(760px,95svh,940px);
  background: 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('/wp-content/uploads/2026/09/ChatGPT-Image-22-sept-2026-11_34_44-a.m.webp') center/cover no-repeat;
  display: flex;
}

:where(html[data-clb-view="immigration"]) .two-hero>.two-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

:where(html[data-clb-view="immigration"]) .two-hero .two-nav {
  min-height: 112px;
  border-bottom: 1px solid #ffffff26;
}

:where(html[data-clb-view="immigration"]) .two-hero-body {
  display: block;
  min-height: 0;
  margin-top: auto;
}

:where(html[data-clb-view="immigration"]) .two-hero-photo {
  display: none;
}

:where(html[data-clb-view="immigration"]) .two-hero-copy {
  padding: 72px 0 80px;
  max-width: 780px;
}

:where(html[data-clb-view="immigration"]) .two-hero h1 {
  font-size: clamp(62px,7vw,108px);
  line-height: 1.02;
  margin: 16px 0 24px;
}

:where(html[data-clb-view="immigration"]) .two-hero p {
  max-width: 630px;
  color: #edf3fc;
}

:where(html[data-clb-view="immigration"]) .personal-overview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px,5vw,72px);
  margin: 0 auto 75px;
  max-width: 1200px;
  text-align: left;
}

:where(html[data-clb-view="immigration"]) .personal-overview p {
  font-size: 17px;
  line-height: 1.85;
  color: #47546c;
}

:where(html[data-clb-view="immigration"]) .personal-overview p:last-child {
  border-left: 3px solid var(--b);
  padding-left: 28px;
}

:where(html[data-clb-view="immigration"]) .intro-inner {
  max-width: 1050px;
}

:where(html[data-clb-view="immigration"]) .personal-cases {
  text-align: left;
  border-radius: 14px;
}

:where(html[data-clb-view="immigration"]) .personal-cases h2 {
  font-size: clamp(34px,4vw,55px);
  margin: 0 0 30px;
  color: #fff;
}

:where(html[data-clb-view="immigration"]) .personal-cases p {
  font-family: inherit;
  font-size: 17px;
  line-height: 1.85;
  max-width: none;
  margin: 0 0 22px;
}

:where(html[data-clb-view="immigration"]) .personal-cases .consultation {
  display: inline-flex;
  gap: 30px;
  padding: 15px 24px;
  background: #fff;
  color: var(--n);
  border-radius: 6px;
  font-weight: 700;
  margin-top: 12px;
}

:where(html[data-clb-view="immigration"]) .personal-cases .consultation:focus-visible {
  outline: 3px solid #8cc5ff;
  outline-offset: 5px;
}

:where(html[data-clb-view="immigration"]) .two-hero-copy {
  max-width: 1100px;
}

:where(html[data-clb-view="immigration"]) .two-hero h1 {
  font-size: clamp(48px,7vw,98px);
}

:where(html[data-clb-view="immigration"]) .two-hero p {
  max-width: 800px;
}

:where(html[data-clb-view="immigration"]) .intro-inner {
  max-width: 1080px;
  text-align: left;
  border-left: 3px solid var(--b);
  padding-left: 30px;
}

:where(html[data-clb-view="immigration"]) .intro-inner p {
  line-height: 1.85;
}

:where(html[data-clb-view="immigration"]) .imm-title {
  font-family: 'Playfair Display',Georgia,serif;
  font-weight: 500;
  font-size: clamp(29px,3.5vw,48px);
  line-height: 1.15;
  color: var(--n);
  margin: 4px 0 28px;
  overflow-wrap: anywhere;
}

:where(html[data-clb-view="immigration"]) .imm-subtitle {
  color: var(--b);
  margin-bottom: 22px;
  letter-spacing: .06em;
}

:where(html[data-clb-view="immigration"]) .imm-requirements {
  list-style: none;
  padding: 0;
  margin: 28px 0;
  counter-reset: requirements;
}

:where(html[data-clb-view="immigration"]) .imm-requirements li {
  counter-increment: requirements;
  position: relative;
  padding: 20px 0 20px 58px;
  border-bottom: 1px solid #d8e3f1;
  color: #47546c;
  font-size: 16px;
  line-height: 1.8;
}

:where(html[data-clb-view="immigration"]) .imm-requirements li:before {
  content: counter(requirements);
  position: absolute;
  left: 0;
  top: 23px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  background: var(--p);
  border-radius: 50%;
  color: var(--b);
  font-weight: 700;
}

:where(html[data-clb-view="immigration"]) .imm-note {
  background: #eef5ff;
  border-left: 3px solid var(--b);
  padding: 26px;
  margin-top: 30px;
}

:where(html[data-clb-view="immigration"]) .imm-service+.imm-service {
  border-top: 1px solid #cad9eb;
  margin-top: 35px;
  padding-top: 30px;
}

:where(html[data-clb-view="immigration"]) .imm-contact {
  display: inline-block;
  background: var(--b);
  color: #fff;
  font-weight: 700;
  padding: 15px 24px;
  border-radius: 6px;
  margin-top: 12px;
}

:where(html[data-clb-view="immigration"]) .imm-contact:focus-visible {
  outline: 3px solid var(--n);
  outline-offset: 4px;
}

/* ==========================================================================
   page-contact-us.php — embedded block 1
   ========================================================================== */

:root:where([data-clb-view="contact"]) {
  --n: #101c4b;
  --b: #0876e8;
  --p: #eaf3ff;
  --l: #f8fbff;
  --t: #18233b;
  --max: 1460px;
}

:where(html[data-clb-view="contact"]) * {
  box-sizing: border-box;
}

html:where([data-clb-view="contact"]) {
  scroll-behavior: smooth;
}

:where(html[data-clb-view="contact"]) body {
  margin: 0;
  color: var(--t);
  font-family: 'DM Sans',Arial,sans-serif;
  background: #fff;
  line-height: 1.58;
}

:where(html[data-clb-view="contact"]) a {
  text-decoration: none;
  color: inherit;
}

:where(html[data-clb-view="contact"]) .two-wrap {
  max-width: var(--max);
  margin: auto;
  padding: 0 clamp(22px,5vw,72px);
}

:where(html[data-clb-view="contact"]) .two-nav {
  padding: 23px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #fff;
  position: relative;
  z-index: 2;
}

:where(html[data-clb-view="contact"]) .two-nav img {
  width: 220px;
  max-height: 58px;
  object-fit: contain;
}

:where(html[data-clb-view="contact"]) .two-nav nav {
  display: flex;
  align-items: center;
  gap: clamp(16px,2.4vw,34px);
  font-size: 14px;
  font-weight: 600;
}

:where(html[data-clb-view="contact"]) .two-nav .call {
  background: #fff;
  color: var(--n);
  border-radius: 999px;
  padding: 10px 18px;
}

:where(html[data-clb-view="contact"]) .two-hero {
  background: var(--n);
  overflow: hidden;
  color: #fff;
}

:where(html[data-clb-view="contact"]) .two-hero-body {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  min-height: 590px;
  align-items: stretch;
}

:where(html[data-clb-view="contact"]) .two-hero-copy {
  padding: 88px 7vw 90px 0;
  align-self: center;
}

:where(html[data-clb-view="contact"]) .two-hero-photo {
  position: relative;
  min-height: 420px;
}

:where(html[data-clb-view="contact"]) .two-hero-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,var(--n),transparent 32%),linear-gradient(0deg,rgba(16,28,75,.2),rgba(16,28,75,.05));
}

:where(html[data-clb-view="contact"]) .two-hero-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="contact"]) .overline {
  color: #8cc5ff;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

:where(html[data-clb-view="contact"]) .two-hero h1,
:where(html[data-clb-view="contact"]) .two-title {
  font-family: 'Playfair Display',Georgia,serif;
  font-weight: 500;
  line-height: 1.04;
}

:where(html[data-clb-view="contact"]) .two-hero h1 {
  font-size: clamp(54px,6vw,92px);
  margin: 18px 0 28px;
}

:where(html[data-clb-view="contact"]) .two-hero h1 i {
  color: #83bbff;
}

:where(html[data-clb-view="contact"]) .two-hero h2 {
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 12px;
}

:where(html[data-clb-view="contact"]) .two-hero p {
  max-width: 650px;
  margin: 0;
  font-size: 17px;
  line-height: 1.72;
  color: #e6efff;
}

:where(html[data-clb-view="contact"]) .intro {
  background: var(--l);
  padding: 83px 0;
}

:where(html[data-clb-view="contact"]) .intro-inner {
  max-width: 1000px;
  margin: auto;
  text-align: center;
}

:where(html[data-clb-view="contact"]) .intro h2 {
  font-size: clamp(34px,4vw,57px);
  margin: 14px 0 17px;
  color: var(--n);
}

:where(html[data-clb-view="contact"]) .intro p {
  font-size: 18px;
  margin: 0;
}

:where(html[data-clb-view="contact"]) .content {
  padding: 88px 0;
}

:where(html[data-clb-view="contact"]) .guide-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: clamp(40px,7vw,120px);
  align-items: start;
}

:where(html[data-clb-view="contact"]) .guide-side {
  position: sticky;
  top: 25px;
}

:where(html[data-clb-view="contact"]) .guide-side .two-title {
  font-size: clamp(36px,4vw,56px);
  margin: 15px 0 0;
  color: var(--n);
}

:where(html[data-clb-view="contact"]) .guide-side:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: var(--b);
  margin-top: 28px;
}

:where(html[data-clb-view="contact"]) .articles {
  border-top: 1px solid #cad9eb;
}

:where(html[data-clb-view="contact"]) .guide-item {
  padding: 37px 0;
  border-bottom: 1px solid #cad9eb;
}

:where(html[data-clb-view="contact"]) .guide-item-head {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 21px;
  align-items: start;
}

:where(html[data-clb-view="contact"]) .guide-number {
  height: 52px;
  width: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--p);
  color: var(--b);
  font-weight: 700;
  font-size: 18px;
}

:where(html[data-clb-view="contact"]) .guide-item h3 {
  font-size: clamp(22px,2.2vw,29px);
  line-height: 1.24;
  margin: 7px 0 18px;
  color: var(--n);
}

:where(html[data-clb-view="contact"]) .guide-item p {
  font-size: 16.5px;
  line-height: 1.78;
  color: #47546c;
  margin: 0 0 17px;
}

:where(html[data-clb-view="contact"]) .guide-item p:last-child {
  margin-bottom: 0;
}

:where(html[data-clb-view="contact"]) .detail-list {
  list-style: none;
  margin: 23px 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 18px;
}

:where(html[data-clb-view="contact"]) .detail-list li {
  font-size: 15.5px;
  color: #30415e;
  display: flex;
  gap: 11px;
}

:where(html[data-clb-view="contact"]) .detail-list li:before {
  content: '+';
  font-size: 20px;
  line-height: 1;
  color: var(--b);
  font-weight: 700;
}

:where(html[data-clb-view="contact"]) .contact-quote {
  margin-top: 70px;
  background: linear-gradient(130deg,#0b68d4,#12316c);
  color: #fff;
  padding: clamp(35px,5vw,65px);
  text-align: center;
  border-radius: 3px;
}

:where(html[data-clb-view="contact"]) .contact-quote p {
  max-width: 910px;
  margin: auto;
  font-family: 'Playfair Display';
  font-size: clamp(23px,2.5vw,34px);
  line-height: 1.43;
}

:where(html[data-clb-view="contact"]) .contact-quote a {
  color: #c9e3ff;
  white-space: nowrap;
}

:where(html[data-clb-view="contact"]) .areas {
  padding: 90px 0;
  background: var(--n);
  color: #fff;
}

:where(html[data-clb-view="contact"]) .areas-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 38px;
}

:where(html[data-clb-view="contact"]) .areas .two-title {
  font-size: clamp(35px,4.2vw,58px);
  margin: 13px 0 0;
}

:where(html[data-clb-view="contact"]) .area-list {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  border-top: 1px solid rgba(255,255,255,.3);
  border-bottom: 1px solid rgba(255,255,255,.3);
}

:where(html[data-clb-view="contact"]) .area-item {
  min-height: 260px;
  padding: 22px 17px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: end;
  border-right: 1px solid rgba(255,255,255,.22);
}

:where(html[data-clb-view="contact"]) .area-item:last-child {
  border-right: 0;
}

:where(html[data-clb-view="contact"]) .area-item:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(7,16,42,.97),rgba(7,16,42,.1) 90%);
}

:where(html[data-clb-view="contact"]) .area-item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(html[data-clb-view="contact"]) .area-item span {
  position: relative;
  z-index: 1;
  white-space: pre-line;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 700;
}

:where(html[data-clb-view="contact"]) .home-footer-slot {
  min-height: 1px;
}

:where(html[data-clb-view="contact"]) .intro {
  background: var(--l) url('../../../../uploads/2026/09/Lines-02-1-1.png') right center/auto 180% no-repeat;
}

:where(html[data-clb-view="contact"]) .content {
  background: #fff url('../../../../uploads/2026/09/Lines2-04-1-1.png') left center/auto 115% no-repeat;
}

:where(html[data-clb-view="contact"]) .contact-quote {
  background: linear-gradient(90deg,rgba(11,104,212,.94),rgba(18,49,108,.85)),url('../images/revision-2026/atlanta.jpg') center/cover;
}

:where(html[data-clb-view="contact"]) .guide-side {
  background: var(--n);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 40px #101c4b20;
}

:where(html[data-clb-view="contact"]) .guide-side:after {
  display: none;
}

:where(html[data-clb-view="contact"]) .guide-photo {
  height: 158px;
  position: relative;
}

:where(html[data-clb-view="contact"]) .guide-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

:where(html[data-clb-view="contact"]) .guide-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,var(--n),transparent 80%);
}

:where(html[data-clb-view="contact"]) .guide-index {
  padding: 8px 20px 20px;
}

:where(html[data-clb-view="contact"]) .guide-index ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

:where(html[data-clb-view="contact"]) .guide-index li+li {
  border-top: 1px solid #ffffff29;
}

:where(html[data-clb-view="contact"]) .guide-index a {
  display: grid;
  grid-template-columns: 24px 1fr 12px;
  gap: 10px;
  align-items: start;
  padding: 18px 0;
  color: #edf4ff;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}

:where(html[data-clb-view="contact"]) .index-number,
:where(html[data-clb-view="contact"]) .guide-index a:hover {
  color: #8cc5ff;
}

:where(html[data-clb-view="contact"]) .guide-index a:focus-visible {
  outline: 2px solid #8cc5ff;
  outline-offset: 3px;
}

:where(html[data-clb-view="contact"]) .guide-item {
  scroll-margin-top: 24px;
}

:where(html[data-clb-view="contact"]) .guide-item:target .guide-number {
  background: var(--b);
  color: #fff;
}

/* A visual reading companion, scoped to the sidebar. */

:where(html[data-clb-view="contact"]) .guide-side {
  --reading: 0%;
  background: radial-gradient(ellipse at top right,#234c7c,transparent 65%),#0b1735;
  border: 1px solid #658fbb40;
  border-radius: 18px;
  box-shadow: 0 24px 50px #0b173526;
}

:where(html[data-clb-view="contact"]) .guide-photo {
  height: 185px;
  overflow: hidden;
}

:where(html[data-clb-view="contact"]) .guide-photo img {
  filter: saturate(.65);
  transform: scale(1.04);
}

:where(html[data-clb-view="contact"]) .guide-photo:after {
  background: linear-gradient(0deg,#0b1735,transparent 90%),linear-gradient(110deg,#0876e835,transparent);
}

:where(html[data-clb-view="contact"]) .guide-photo:before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 1;
  border: 1px solid #ffffff38;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  pointer-events: none;
}

:where(html[data-clb-view="contact"]) .guide-index {
  padding: 0 14px 23px;
  position: relative;
}

:where(html[data-clb-view="contact"]) .guide-index:before {
  content: "";
  display: block;
  height: 3px;
  margin: 0 9px 18px;
  border-radius: 3px;
  background: linear-gradient(to right,#8cc5ff var(--reading),#ffffff20 var(--reading));
}

:where(html[data-clb-view="contact"]) .guide-index li+li {
  border: 0;
  margin-top: 7px;
}

:where(html[data-clb-view="contact"]) .guide-index a {
  grid-template-columns: 34px 1fr 12px;
  align-items: center;
  padding: 14px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 13px;
  transition: background .2s,border-color .2s,transform .2s;
}

:where(html[data-clb-view="contact"]) .guide-index .index-number {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #8cc5ff45;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  transition: background .2s;
}

:where(html[data-clb-view="contact"]) .guide-index a:hover {
  background: #ffffff0c;
  transform: translateX(2px);
}

:where(html[data-clb-view="contact"]) .guide-index a[aria-current="step"] {
  background: linear-gradient(110deg,#1a73bd55,#ffffff08);
  border-color: #8cc5ff65;
  color: #fff;
}

:where(html[data-clb-view="contact"]) .guide-index a[aria-current="step"] .index-number {
  background: #8cc5ff;
  border-color: #8cc5ff;
  color: #0b1735;
  box-shadow: 0 0 18px #0876e840;
}

:where(html[data-clb-view="contact"]) .guide-index a>span:last-child {
  color: #8cc5ff;
  transition: transform .2s;
}

:where(html[data-clb-view="contact"]) .guide-index a[aria-current="step"]>span:last-child {
  transform: rotate(45deg);
}

/* Clip horizontal overflow without creating a body scroll container:
   the sidebar must stick to the viewport, bounded by .guide-grid. */

html:where([data-clb-view="contact"]):has(body.castanlecca-contact-us),
:where(html[data-clb-view="contact"]) 
body.castanlecca-contact-us {
  overflow-x: clip;
  overflow-y: visible;
}

:where(html[data-clb-view="contact"]) .two-hero {
  min-height: clamp(760px,95svh,940px);
  background: 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/revision-2026/atlanta.jpg') center/cover no-repeat;
  display: flex;
}

:where(html[data-clb-view="contact"]) .two-hero>.two-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

:where(html[data-clb-view="contact"]) .two-hero .two-nav {
  min-height: 112px;
  border-bottom: 1px solid #ffffff26;
}

:where(html[data-clb-view="contact"]) .two-hero-body {
  display: block;
  min-height: 0;
  margin-top: auto;
}

:where(html[data-clb-view="contact"]) .two-hero-photo {
  display: none;
}

:where(html[data-clb-view="contact"]) .two-hero-copy {
  padding: 72px 0 80px;
  max-width: 780px;
}

:where(html[data-clb-view="contact"]) .two-hero h1 {
  font-size: clamp(62px,7vw,108px);
  line-height: 1.02;
  margin: 16px 0 24px;
}

:where(html[data-clb-view="contact"]) .two-hero p {
  max-width: 630px;
  color: #edf3fc;
}

:where(html[data-clb-view="contact"]) .personal-overview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px,5vw,72px);
  margin: 0 auto 75px;
  max-width: 1200px;
  text-align: left;
}

:where(html[data-clb-view="contact"]) .personal-overview p {
  font-size: 17px;
  line-height: 1.85;
  color: #47546c;
}

:where(html[data-clb-view="contact"]) .personal-overview p:last-child {
  border-left: 3px solid var(--b);
  padding-left: 28px;
}

:where(html[data-clb-view="contact"]) .intro-inner {
  max-width: 1050px;
}

:where(html[data-clb-view="contact"]) .personal-cases {
  text-align: left;
  border-radius: 14px;
}

:where(html[data-clb-view="contact"]) .personal-cases h2 {
  font-size: clamp(34px,4vw,55px);
  margin: 0 0 30px;
  color: #fff;
}

:where(html[data-clb-view="contact"]) .personal-cases p {
  font-family: inherit;
  font-size: 17px;
  line-height: 1.85;
  max-width: none;
  margin: 0 0 22px;
}

:where(html[data-clb-view="contact"]) .personal-cases .consultation {
  display: inline-flex;
  gap: 30px;
  padding: 15px 24px;
  background: #fff;
  color: var(--n);
  border-radius: 6px;
  font-weight: 700;
  margin-top: 12px;
}

:where(html[data-clb-view="contact"]) .personal-cases .consultation:focus-visible {
  outline: 3px solid #8cc5ff;
  outline-offset: 5px;
}

:where(html[data-clb-view="contact"]) .two-hero {
  min-height: 650px;
}

:where(html[data-clb-view="contact"]) .two-hero-copy {
  padding-bottom: 95px;
}

:where(html[data-clb-view="contact"]) .contact-offices {
  padding: 75px 0;
  background: #f4f8ff;
}

:where(html[data-clb-view="contact"]) .office-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

:where(html[data-clb-view="contact"]) .office-card {
  background: var(--n);
  color: #fff;
  border-radius: 16px;
  padding: clamp(28px,4vw,50px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

:where(html[data-clb-view="contact"]) .office-card .two-title {
  font-size: clamp(28px,3vw,42px);
  line-height: 1.2;
  margin: 20px 0 8px;
}

:where(html[data-clb-view="contact"]) .office-card p {
  font-size: 18px;
  margin: 0 0 20px;
}

:where(html[data-clb-view="contact"]) .office-phone {
  font-size: 25px;
  color: #9fcaff;
  margin-bottom: 26px;
}

:where(html[data-clb-view="contact"]) .directions {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid #ffffff40;
  padding-top: 20px;
  margin-top: auto;
}

:where(html[data-clb-view="contact"]) .contact-section {
  padding: 90px 0;
  background: #fff url('../../../../uploads/2026/09/Lines-02-1-1.png') left center/auto 120% no-repeat;
}

:where(html[data-clb-view="contact"]) .contact-layout {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: clamp(35px,6vw,90px);
  align-items: start;
}

:where(html[data-clb-view="contact"]) .contact-copy .two-title {
  font-size: clamp(46px,5.4vw,78px);
  margin: 0 0 25px;
  color: var(--n);
}

:where(html[data-clb-view="contact"]) .contact-copy i {
  color: var(--b);
}

:where(html[data-clb-view="contact"]) .contact-copy p {
  font-size: 18px;
  line-height: 1.85;
  color: #47546c;
}

:where(html[data-clb-view="contact"]) .contact-photo {
  margin-top: 35px;
  border-radius: 16px;
  overflow: hidden;
}

:where(html[data-clb-view="contact"]) .contact-photo img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}

:where(html[data-clb-view="contact"]) .contact-form {
  padding: clamp(24px,3vw,45px);
  background: #f5f8fd;
  border: 1px solid #d8e3f1;
  border-radius: 18px;
  box-shadow: 0 20px 60px #101c4b0c;
}

:where(html[data-clb-view="contact"]) .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

:where(html[data-clb-view="contact"]) .form-grid label {
  font-size: 14px;
  font-weight: 600;
  color: var(--n);
}

:where(html[data-clb-view="contact"]) .full {
  grid-column: 1/-1;
}

:where(html[data-clb-view="contact"]) .form-grid input,
:where(html[data-clb-view="contact"]) .form-grid select,
:where(html[data-clb-view="contact"]) .form-grid textarea {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 9px;
  border: 1px solid #cad8e9;
  border-radius: 7px;
  background: #fff;
  padding: 14px;
  font: inherit;
  font-weight: 400;
  color: var(--t);
}

:where(html[data-clb-view="contact"]) .form-grid textarea {
  resize: vertical;
}

:where(html[data-clb-view="contact"]) .contact-form :is(input,select,textarea,button,a):focus-visible {
  outline: 3px solid #0876e8;
  outline-offset: 3px;
}

:where(html[data-clb-view="contact"]) .privacy {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 26px;
  font-size: 14px;
}

:where(html[data-clb-view="contact"]) .privacy input {
  width: 18px;
  height: 18px;
  accent-color: var(--b);
}

:where(html[data-clb-view="contact"]) .privacy a {
  text-decoration: underline;
  color: var(--b);
}

:where(html[data-clb-view="contact"]) .sms-notice {
  font-size: 12px;
  line-height: 1.8;
  color: #47546c;
}

:where(html[data-clb-view="contact"]) .contact-send {
  display: flex;
  gap: 65px;
  align-items: center;
  padding: 16px 24px;
  border: 0;
  border-radius: 7px;
  color: #fff;
  background: var(--b);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  margin-top: 25px;
}

:where(html[data-clb-view="contact"]) .form-status {
  padding: 16px;
  border-left: 3px solid var(--b);
  background: #e5efff;
}

/* ==========================================================================
   Shared theme foundations
   ========================================================================== */

/* ==========================================================================
   Castan, Lecca & Boeschen — Landing Page
   Pixel-faithful replica adapted to responsive Flexbox/Grid
   ========================================================================== */

:root {
  --navy: #141f53;
  --blue: #0067d2;
  --navy-card: #1a2661;
  --navy-footer: #1e2152;
  --input-bg: #ededed;
  --text-gray: #656565;
  --border-gray: #6a6a6a;
  --white: #ffffff;
  --black: #000000;
  --max-width: 1600px;
}

* {
  box-sizing: border-box;
}

/* Flex/grid children default to a min-content min-width, which can force
   ancestor flex containers to overflow their viewport when text can't
   shrink further. Force them to respect the container width instead. */

.hero-content,
.serving-grid > *,
.testimonials,
.testimonials > *,
.footer-grid > *,
.steps-grid > *,
.victory-grid > *,
.advocates-grid-main > *,
.advocates-grid-secondary > *,
.news-grid > *,
.form-row > * {
  min-width: 0;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  overflow-x: hidden;
  max-width: 100%;
}

body {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color: var(--black);
  background: var(--white);
  line-height: 1.5;
  width: 100%;
}

img {
  max-width: 100%;
  display: block;
}

.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 80px);
}

a {
  text-decoration: none;
  color: inherit;
}

.divider {
  border: none;
  border-top: 1px solid rgba(255,255,255,0.25);
  margin: 60px 0;
}

/* Section titles ---------------------------------------------------- */

.section-title-white,
.section-title-accent {
  font-weight: 500;
  font-size: clamp(32px, 5vw, 60px);
  text-transform: capitalize;
  text-align: center;
  line-height: 1.1;
  margin: 0 0 30px;
}

.section-title-white {
  color: var(--white);
}

.section-title-accent {
  color: var(--blue);
}

.section-title-left {
  text-align: left;
}

/* Buttons ------------------------------------------------------------ */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: none;
  border-radius: 10px;
  padding: 14px 30px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 17px;
  cursor: pointer;
  white-space: nowrap;
}

.btn-primary,
.btn-phone {
  background: var(--blue);
  color: var(--white);
}

.icon-arrow {
  width: 19px;
  height: 14px;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.site-header {
  background: var(--navy);
  position: sticky;
  top: 0;
  z-index: 100;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-top: 28px;
  padding-bottom: 28px;
  flex-wrap: wrap;
}

.logo img {
  height: 43px;
  width: 193px;
}

.main-nav {
  display: flex;
  gap: clamp(16px, 3vw, 40px);
  flex-wrap: wrap;
  margin-left: 26px;
}

.main-nav a {
  color: var(--white);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.5px;
}

.lang-switch {
  color: var(--white);
  font-weight: 500;
  font-size: 16px;
  margin-left: auto;
}

.header-inner .btn-phone {
  font-weight: 600;
  font-size: 24px;
  line-height: 22px;
  padding: 14px 30px;
  min-width: 262px;
}

/* wp_nav_menu() outputs <ul><li><a> — normalize to match .main-nav flex layout */

.main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: clamp(16px, 3vw, 40px);
  flex-wrap: wrap;
  align-items: center;
}

.main-nav ul li {
  list-style: none;
}

.main-nav a,
.main-nav ul li a {
  color: var(--white);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.5px;
}

/* ==========================================================================
   HERO
   ========================================================================== */

.hero {
  position: relative;
  min-height: 818px;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: var(--navy);
}

.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(20,31,83,0.85) 0%, rgba(20,31,83,0.55) 45%, rgba(20,31,83,0.15) 75%);
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1600px;
  padding-top: 90px;
  padding-bottom: 90px;
}

.hero h1 {
  font-weight: 500;
  font-size: clamp(34px, 5.5vw, 60px);
  text-transform: uppercase;
  line-height: 1.02;
  max-width: 584px;
  margin: 0 0 18px;
}

.hero p {
  font-size: 17px;
  line-height: 27px;
  max-width: 512px;
  margin: 0 0 18px;
}

.hero-reviews {
  margin-top: 58px;
  max-width: 344px;
}

/* ==========================================================================
   LOGOS BAR
   ========================================================================== */

.logos-bar {
  background: var(--white);
  padding: 50px 0;
  overflow: hidden;
}

.logos-track {
  display: flex;
  width: max-content;
  animation: logos-scroll 22s linear infinite;
}

.logos-set {
  display: flex;
  align-items: center;
  gap: 60px;
  padding-right: 60px;
  flex-shrink: 0;
}

.logos-set img {
  height: 50px;
  width: auto;
}

/* Individual logo heights from Figma design */

.logos-set img:nth-child(1) {
  height: 44px;
}

.logos-set img:nth-child(2) {
  height: 91px;
}

.logos-set img:nth-child(3) {
  height: 89px;
}

.logos-set img:nth-child(4) {
  height: 33px;
}

.logos-set img:nth-child(5) {
  height: 71px;
}

.logos-set img:nth-child(6) {
  height: 70px;
}

@keyframes logos-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-33.3333%);
  }
}

/* ==========================================================================
   SERVING ATLANTA / SPECIALTIES
   ========================================================================== */

.serving {
  padding: 80px 0;
}

.serving .section-title-accent {
  margin-bottom: 16px;
}

.serving-desc {
  font-size: 21px;
  line-height: 33px;
  text-align: center;
  max-width: 820px;
  margin: 0 auto 64px;
}

.serving-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.serving-video img {
  border-radius: 20px;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.specialty-list {
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-bottom: 40px;
}

.specialty-item {
  display: flex;
  align-items: flex-start;
  gap: 22px;
}

.specialty-icon {
  flex: none;
  width: 28px;
  height: 32px;
  margin-top: 6px;
}

.specialty-item h3 {
  font-weight: 500;
  font-size: 25px;
  margin: 0 0 6px;
}

.specialty-item p {
  font-size: 17px;
  line-height: 1.6;
  margin: 0;
}

/* ==========================================================================
   DARK SECTION: MILLIONS RECOVERED + CLIENTS SAY
   ========================================================================== */

.dark-section {
  background: var(--navy);
  position: relative;
  overflow: hidden;
  padding: 92px 0 90px;
}

.millions-title {
  margin-bottom: 58px;
}

.victory-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-bottom: 85px;
}

.victory-card {
  background: var(--navy-card);
  border-radius: 20px;
  padding: 30px 20px;
  text-align: center;
}

.victory-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 500;
  font-size: 17px;
  color: var(--white);
  margin: 0 0 10px;
}

.victory-line {
  width: 10px;
  height: 1px;
  background: var(--blue);
  flex: none;
}

.victory-amount {
  font-weight: 600;
  font-size: clamp(30px, 3vw, 50px);
  color: var(--blue);
  text-transform: capitalize;
  margin: 0 0 8px;
}

.victory-desc {
  font-size: 17px;
  line-height: 20px;
  color: var(--white);
  margin: 0;
}

.testimonials {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 60px;
  align-items: start;
  padding-left: calc(max(0px, (100vw - 1600px) / 2) + clamp(20px, 4vw, 80px));
}

.testimonials .section-title-white {
  margin-bottom: 24px;
}

.testimonial-quote {
  color: var(--white);
  font-size: 21px;
  line-height: 30px;
  margin: 0 0 20px;
  width: 512px;
}

.testimonial-quote:last-of-type {
  margin-bottom: 0;
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 28px;
}

.testimonial-author-photo {
  position: relative;
  width: 94px;
  height: 94px;
  border-radius: 50%;
  overflow: hidden;
  flex: none;
}

.testimonial-author-photo img {
  position: absolute;
  display: block;
  max-width: none;
  width: 152.8%;
  height: 229.2%;
  left: -26.4%;
  top: -84.7%;
}

.testimonial-author p {
  color: var(--white);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin: 0;
}

.testimonial-gallery-outer {
  overflow: hidden;
}

.testimonial-track {
  display: flex;
  gap: 20px;
  transition: transform 0.4s ease;
}

.testimonial-photo {
  flex: none;
  width: clamp(180px, calc((100% - 40px) / 2.5), 280px);
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  aspect-ratio: 336 / 500;
}

.testimonial-photo > img:first-child {
  position: absolute;
  display: block;
  max-width: none;
}

.testimonial-photo--a > img:first-child {
  width: 100%;
  height: 100%;
}

.testimonial-photo--b > img:first-child {
  width: 112.8%;
  height: 135.8%;
  left: -7.1%;
  top: -11.2%;
}

.testimonial-photo--c > img:first-child {
  width: 146.4%;
  height: 122.6%;
  left: -34.2%;
  top: -6.8%;
}

.play-icon {
  width: 66px;
  height: 66px;
  display: block;
  pointer-events: none;
  flex-shrink: 0;
}

.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 66px;
  height: 66px;
  transform: translate(-50%, -50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  z-index: 2;
  transition: opacity 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.play-btn:hover {
  opacity: 0.8;
}

/* YouTube modal */

.yt-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);
  z-index: 9999;
  align-items: center;
  justify-content: center;
}

.yt-modal.is-open {
  display: flex;
}

.yt-modal-inner {
  position: relative;
  width: 90%;
  max-width: 960px;
}

.yt-modal-close {
  position: absolute;
  top: -44px;
  right: 0;
  background: none;
  border: none;
  color: var(--white);
  font-size: 36px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 10px;
  font-family: 'Poppins', sans-serif;
}

.yt-modal-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}

.yt-modal-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.slider-dots {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}

.slider-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.45);
  border: none;
  padding: 0;
  cursor: pointer;
  transition: background 0.2s;
  flex-shrink: 0;
}

.slider-dot.active {
  background: var(--white);
}

/* ==========================================================================
   YOUR JOURNEY TO JUSTICE
   ========================================================================== */

.journey {
  padding: 90px 0 0;
  position: relative;
  background: linear-gradient(180deg, #fff 90%, #141f53 50%);
}

.journey-intro {
  text-align: center;
  font-size: 21px;
  line-height: 1.6;
  max-width: 812px;
  margin: 0 auto 60px;
}

.steps-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-bottom: 70px;
}

.steps-line {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
  z-index: 0;
}

.step {
  position: relative;
  text-align: center;
}

.step-number {
  position: relative;
  z-index: 1;
  width: 80px;
  height: 80px;
  border-radius: 10px;
  background: var(--blue);
  color: var(--white);
  font-weight: 600;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
}

.step h3 {
  font-weight: 500;
  font-size: 25px;
  margin: 0 0 10px;
}

.step p {
  font-size: 17px;
  line-height: 1.3;
  margin: 0;
  color: var(--black);
}

.journey-image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  aspect-ratio: 1550 / 760;
}

.journey-image > img {
  position: absolute;
  display: block;
  max-width: none;
  /* width: 109.2%;
  height: 171.5%;
  left: -3.7%;
  top: -67.6%; */
}

/* WHY CHOOSE overlay (contained within the image, not a separate section) */

.why-choose {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  padding: 40px 40px 9%;
  text-align: center;
}

.badges-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 70px;
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--navy);
  border-radius: 20px;
  padding: 5px 8px;
  color: var(--white);
  font-weight: 500;
  font-size: 17px;
  white-space: nowrap;
}

.badge img {
  width: 24px;
  height: 24px;
}

/* ==========================================================================
   ADVOCATES + LATEST NEWS
   ========================================================================== */

.advocates-section {
  background: var(--navy) url('/wp-content/uploads/2026/07/Lines2-04-1.png') center center / cover no-repeat;
  position: relative;
  overflow: hidden;
  padding: 100px 0;
  background-size: 46%;
  background-position: 0% -10%;
}

.lines-decoration {
  position: absolute;
  top: 0;
  left: 10%;
  width: 60%;
  opacity: 0.5;
  pointer-events: none;
  z-index: 0;
}

.dark-section .lines-decoration.lines-decoration-mid {
  top: 32%;
  opacity: 1;
}

.advocates-section .container {
  position: relative;
  z-index: 1;
}

.advocates-intro {
  text-align: center;
  color: var(--white);
  font-size: 21px;
  line-height: 1.6;
  max-width: 1020px;
  margin: 0 auto 70px;
}

.advocates-grid-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 50px;
}

.advocates-grid-secondary {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-bottom: 60px;
}

.advocate-card {
  text-align: left;
}

.advocate-photo {
  position: relative;
  aspect-ratio: 478 / 333;
  border-radius: 20px;
  overflow: hidden;
}

.advocate-photo img {
  position: absolute;
  display: block;
  max-width: none;
  width: 107.1%;
  height: 275.7%;
  left: 0;
  top: -39.6%;
}

.advocate-photo::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.advocate-caption {
  position: absolute;
  z-index: 1;
  left: 23px;
  bottom: 20px;
}

.advocate-card.small .advocate-photo {
  aspect-ratio: 281 / 197.83;
  border-radius: 15px;
}

.advocate-card.small .advocate-photo img {
  width: 100%;
  height: 254.8%;
  left: 0;
  top: -38.3%;
}

.advocate-card.small .advocate-caption {
  bottom: 16px;
}

.advocate-card h3 {
  font-weight: 600;
  font-size: 21px;
  color: var(--white);
  margin: 0 0 4px;
}

.advocate-card p {
  font-size: 17px;
  color: var(--white);
  margin: 0;
}

.advocates-cta {
  text-align: center;
  margin-bottom: 100px;
}

.advocates-section .divider {
  border-top-color: rgba(255,255,255,0.15);
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.news-card {
  display: block;
  position: relative;
  aspect-ratio: 471 / 593;
  border-radius: 15px;
  overflow: hidden;
  color: var(--white);
}

.news-card-photo {
  position: absolute;
  display: block;
  max-width: none;
}

.news-card--a .news-card-photo {
  width: 204.4%;
  height: 108.2%;
  left: -51.1%;
  top: -0.5%;
}

.news-card--b .news-card-photo {
  width: 233.6%;
  height: 123.6%;
  left: -74.9%;
  top: -16.4%;
}

.news-card--c .news-card-photo {
  width: 129.1%;
  height: 183.7%;
  left: -16.7%;
  top: -35.3%;
}

.news-card::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 36.6%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.news-card::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 49.9%;
  background: linear-gradient(to bottom, rgba(217, 217, 217, 0) 0%, var(--blue) 100%);
}

.news-card h3 {
  position: absolute;
  z-index: 1;
  left: 7.8%;
  top: 69.6%;
  width: 80%;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.25;
  margin: 0;
}

.news-card .read-more {
  position: absolute;
  z-index: 1;
  top: 92.3%;
  left: 9.5%;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 16px;
}

.news-card .read-more img {
  width: 15px;
  height: 11px;
}

/* Dynamic WP featured image override — the_post_thumbnail() adds .wp-post-image */

.news-card-photo.wp-post-image {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
}

/* ==========================================================================
   GET IN TOUCH
   ========================================================================== */

.contact-section {
  position: relative;
  padding: 0;
}

.contact-map {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 46.09%;
  overflow: hidden;
}

.contact-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.contact-form-wrap {
  margin-left: 46.09%;
  max-width: 900px;
  padding: 90px clamp(20px, 4vw, 80px) 90px 88px;
}

.contact-intro {
  font-size: 17px;
  margin: 0 0 30px;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-bottom: 14px;
}

.form-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 14px;
}

.form-field.full {
  margin-bottom: 14px;
}

.form-field input,
.form-field textarea {
  background: var(--input-bg);
  border: none;
  border-radius: 5px;
  height: 36px;
  padding: 0 14px;
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  color: var(--black);
}

.form-field input::placeholder,
.form-field textarea::placeholder {
  color: #656565;
  font-size: 17px;
  opacity: 1;
}

.form-field textarea {
  height: 155px;
  padding: 10px 14px;
  resize: vertical;
}

.form-bottom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 24px;
}

.form-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
}

.form-checkbox input {
  width: 15px;
  height: 15px;
  border: 1px solid var(--border-gray);
  border-radius: 3px;
}

.form-checkbox label {
  font-size: 17px;
}

.privacy-link {
  color: var(--blue);
  font-weight: 600;
}

.sms-disclaimer {
  font-size: 17px;
  color: var(--black);
  line-height: 27px;
  margin: 30px 0 0;
  max-width: 747px;
}

.contact-form .btn-primary {
  margin-top: 0;
}

/* Contact form success message */

.contact-success {
  background: #e6f4ea;
  border: 1px solid #34a853;
  border-radius: 8px;
  color: #1e7e34;
  font-size: 17px;
  padding: 16px 20px;
  margin-bottom: 24px;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.site-footer {
  background: var(--navy-footer);
  color: var(--white);
  padding: 60px 0 30px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  align-items: flex-start;
  margin-bottom: 40px;
}

.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 47px;
}

.footer-logo {
  display: inline-block;
}

.footer-logo img {
  height: 49px;
  width: 234px;
}

.footer-col p {
  font-size: 16px;
  line-height: 27px;
  margin: 0;
}

.footer-col strong {
  font-weight: 700;
}

.footer-social {
  display: flex;
  gap: 13px;
}

.footer-social img {
  width: 47px;
  height: 47px;
}

.footer-divider {
  margin: 30px 0;
  border-top-color: rgba(255,255,255,0.2);
}

.copyright {
  text-align: center;
  font-size: 16px;
  margin: 0;
}

/* ==========================================================================
   SCROLL REVEAL
   ========================================================================== */

.reveal-fade {
  opacity: 0;
  transition: opacity 0.75s ease;
}

.reveal-fade-up {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.75s ease, transform 0.75s ease;
}

.reveal-fade-down {
  opacity: 0;
  transform: translateY(-40px);
  transition: opacity 0.75s ease, transform 0.75s ease;
}

.reveal-fade-left {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.75s ease, transform 0.75s ease;
}

.reveal-fade-right {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.75s ease, transform 0.75s ease;
}

.reveal-fade.is-visible,
.reveal-fade-up.is-visible,
.reveal-fade-down.is-visible,
.reveal-fade-left.is-visible,
.reveal-fade-right.is-visible {
  opacity: 1;
  transform: translate(0, 0);
}

.serving p.serving-desc.reveal-fade {
  transition-delay: 0.15s;
}

.serving .serving-text.reveal-fade {
  transition-delay: 0.15s;
}

.serving .serving-video.reveal-fade-up {
  transition-delay: 0.3s;
}

.dark-section .victory-grid.reveal-fade {
  transition-delay: 0.15s;
}

.dark-section .testimonials-text.reveal-fade-left {
  transition-delay: 0.1s;
}

.dark-section .testimonial-author.reveal-fade-up {
  transition-delay: 0.25s;
}

.dark-section .testimonial-gallery-outer.reveal-fade-right {
  transition-delay: 0.1s;
}

.journey .journey-intro.reveal-fade-down {
  transition-delay: 0.15s;
}

.journey .steps-grid.reveal-fade-up {
  transition-delay: 0.15s;
}

.journey .why-choose.reveal-fade-up {
  transition-delay: 0.2s;
}

.advocates-section .advocates-intro.reveal-fade {
  transition-delay: 0.15s;
}

.advocates-section .advocates-grid-secondary.reveal-fade {
  transition-delay: 0.15s;
}

.advocates-section .section-title-white.reveal-fade-down {
  transition-delay: 0.1s;
}

.advocates-section .news-card.reveal-fade-left {
  transition-delay: 0.15s;
}

.advocates-section .news-card.reveal-fade-up {
  transition-delay: 0.25s;
}

.advocates-section .news-card.reveal-fade-right {
  transition-delay: 0.35s;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

/* ==========================================================================
   Shared navigation
   ========================================================================== */

/* Shared menu, deliberately separate from each header's logo and call link. */

.clb-wp-menu,
.clb-wp-menu .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.clb-wp-menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 22px;
}

.clb-wp-menu li {
  position: relative;
  margin: 0;
}

.clb-wp-menu a {
  display: inline-block;
  color: #f4f7fc !important;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  padding: 10px 0;
}

.clb-wp-menu a:hover,
.clb-wp-menu .current-menu-item>a {
  color: #99c6ff !important;
}

.clb-wp-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 235px;
  max-width: 300px;
  background: #0d1933;
  border: 1px solid #ffffff26;
  border-radius: 8px;
  padding: 9px;
  box-shadow: 0 16px 36px #0004;
  z-index: 100;
}

.clb-wp-menu .sub-menu a {
  padding: 10px 12px;
  white-space: normal;
  line-height: 1.4;
}

.clb-wp-menu .sub-menu .sub-menu {
  left: 100%;
  top: 0;
}

.clb-wp-menu li:hover>.sub-menu,
.clb-wp-menu li:focus-within>.sub-menu,
.clb-wp-menu li.is-open>.sub-menu {
  display: block;
}

.clb-submenu-toggle {
  border: 0;
  background: transparent;
  color: #99c6ff;
  cursor: pointer;
  padding: 10px 6px;
  font-size: 13px;
}

.clb-wp-menu a:focus-visible,
.clb-submenu-toggle:focus-visible {
  outline: 2px solid #99c6ff;
  outline-offset: 3px;
}

.alt-header,
.ca-header,
.two-nav,
.about-hero .nav {
  z-index: 20;
}

.two-hero {
  overflow: visible;
}

.alt-nav,
.ca-nav,
.two-nav,
.about-hero .nav {
  flex-wrap: wrap;
}

.alt-nav nav,
.ca-nav nav,
.two-nav nav,
.about-hero .nav-links {
  flex-wrap: wrap;
}

.clb-mobile-actions {
  display: none;
}

[data-layer="Nav / links"] .clb-language-link {
  display: none;
}

/* ==========================================================================
   Articles and journal foundations
   ========================================================================== */

/* Editorial layout matching the internal pages. */

html:where([data-clb-view="blog"], [data-clb-view="article"]):has(body.clb-post),
:where(html[data-clb-view="blog"], html[data-clb-view="article"]) body.clb-post {
  overflow-x: clip;
  overflow-y: visible;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) body.clb-post {
  font-family: 'DM Sans',Arial,sans-serif;
  color: #18233b;
  background: #fff;
  line-height: 1.6;
  margin: 0;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post a {
  color: inherit;
  text-decoration: none;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post a:focus-visible,
:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post summary:focus-visible {
  outline: 3px solid #0876e8;
  outline-offset: 5px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-wrap {
  max-width: 1460px;
  padding: 0 clamp(22px,5vw,72px);
  margin: auto;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-top {
  background: radial-gradient(ellipse at 100% 100%,#1a3766,transparent 60%),#101c4b;
  color: #fff;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post .two-nav {
  padding: 23px 0;
  min-height: 112px;
  border-bottom: 1px solid #ffffff26;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  z-index: 20;
  flex-wrap: wrap;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post .two-nav>a img {
  width: 220px;
  max-height: 58px;
  object-fit: contain;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post .two-nav nav {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 600;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post .two-nav .call {
  background: #fff;
  color: #101c4b;
  border-radius: 999px;
  padding: 10px 18px;
  white-space: nowrap;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-breadcrumb {
  display: flex;
  gap: 14px;
  padding-top: 30px;
  font-size: 12px;
  color: #b9cbe4;
  letter-spacing: .04em;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-breadcrumb a:hover {
  color: #fff;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-hero {
  display: grid;
  grid-template-columns: 1.12fr 1fr;
  align-items: center;
  gap: clamp(35px,5vw,76px);
  padding: 48px 0 76px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-hero-text {
  grid-template-columns: 1fr;
  max-width: 1040px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-hero-copy {
  min-width: 0;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-eyebrow {
  color: #8cc5ff;
  font-size: 11px;
  letter-spacing: .17em;
  font-weight: 700;
  text-transform: uppercase;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-hero h1 {
  font-family: 'Playfair Display',Georgia,serif;
  font-weight: 500;
  font-size: clamp(34px,3.8vw,60px);
  line-height: 1.13;
  letter-spacing: -.025em;
  margin: 20px 0 30px;
  text-wrap: balance;
  overflow-wrap: anywhere;
  color: #fff;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  font-size: 12px;
  color: #c7d7eb;
  border-top: 1px solid #ffffff26;
  padding-top: 22px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-hero-image {
  margin: 0;
  min-width: 0;
  position: relative;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-cover {
  width: 100%;
  height: auto;
  aspect-ratio: 16/10;
  object-fit: cover;
  display: block;
  border-radius: 4px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-hero-image figcaption {
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #b9cbe4;
  margin-top: 16px;
  padding-left: 26px;
  position: relative;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-hero-image figcaption:before {
  content: '';
  width: 14px;
  height: 1px;
  background: #8cc5ff;
  position: absolute;
  left: 0;
  top: 8px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-layout {
  display: grid;
  grid-template-columns: 265px minmax(0,780px);
  gap: clamp(36px,6vw,96px);
  justify-content: space-between;
  align-items: start;
  padding-top: 76px;
  padding-bottom: 88px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-sidebar {
  position: sticky;
  top: 24px;
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  scrollbar-width: thin;
  min-width: 0;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-toc {
  border: 1px solid #dbe5f0;
  border-radius: 5px;
  padding: 23px 20px;
  background: #f8fbff;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-toc summary {
  font-size: 13px;
  letter-spacing: .03em;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-toc summary::-webkit-details-marker {
  display: none;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-toc:not([open]) summary span {
  transform: rotate(-90deg);
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-progress {
  height: 2px;
  background: #dae4ef;
  margin: 20px 0 12px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-progress span {
  height: 100%;
  width: var(--article-progress,0%);
  background: #0876e8;
  display: block;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-toc ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-toc li+li {
  border-top: 1px solid #e3eaf3;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-toc a {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  padding: 12px 0;
  font-size: 12px;
  line-height: 1.5;
  color: #4b5b73;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-toc a>span {
  font-size: 10px;
  color: #8295af;
  padding-top: 2px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-toc a:hover,
:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-toc a[aria-current] {
  color: #0876e8;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-toc a[aria-current] {
  font-weight: 700;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-help {
  margin-top: 24px;
  padding: 28px 22px;
  border-radius: 5px;
  background: linear-gradient(135deg,#15366a,#101c4b);
  color: white;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-help h2 {
  font-family: 'Playfair Display',Georgia,serif;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 500;
  margin: 16px 0;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-help h2 i {
  color: #8cc5ff;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-help p {
  font-size: 13px;
  line-height: 1.7;
  color: #cad9eb;
  margin: 0 0 23px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-help>a {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  background: #fff;
  color: #101c4b;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 700;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-help .article-help-phone {
  background: transparent;
  color: #c7dcf6;
  justify-content: center;
  padding: 16px 0 0;
  letter-spacing: .05em;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-reading {
  min-width: 0;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content {
  font-size: 17px;
  line-height: 1.9;
  color: #47546c;
  overflow-wrap: anywhere;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content:focus {
  outline: none;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content p {
  margin: 0 0 1.5em;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content>p:first-of-type {
  font-size: 19px;
  line-height: 1.85;
  color: #253650;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content h2,
:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content h3,
:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content h4 {
  font-family: 'Playfair Display',Georgia,serif;
  font-weight: 500;
  line-height: 1.25;
  color: #101c4b;
  scroll-margin-top: 32px;
  margin: 1.5em 0 .65em;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content h2 {
  font-size: 34px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content h3 {
  font-size: 30px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content h4 {
  font-size: 25px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  margin: 30px auto;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content figure {
  max-width: 100%;
  margin: 30px 0;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content figcaption {
  font-size: 13px;
  color: #718098;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content a {
  color: #0876e8;
  text-decoration: underline;
  text-underline-offset: 3px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content ul,
:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content ol {
  padding-left: 1.4em;
  margin: 1em 0 1.5em;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content li {
  margin: .5em 0;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content iframe,
:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content video {
  max-width: 100%;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content table {
  display: block;
  max-width: 100%;
  overflow: auto;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content blockquote {
  margin: 32px 0;
  padding: 22px 26px;
  border-left: 3px solid #0876e8;
  background: #f1f6fd;
  font-family: 'Playfair Display',Georgia,serif;
  font-size: 24px;
  color: #101c4b;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content [style*="width"] {
  max-width: 100%;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-end {
  margin-top: 44px;
  padding-top: 25px;
  border-top: 1px solid #dbe5f0;
  font-size: 12px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-taxonomies {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-taxonomies>span {
  font-weight: 700;
  margin-right: 8px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-taxonomies a {
  border: 1px solid #dbe5f0;
  padding: 5px 11px;
  border-radius: 20px;
  color: #52627a;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-taxonomies a:hover {
  background: #eaf3ff;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-back-top {
  display: inline-block;
  margin-top: 24px;
  color: #0876e8 !important;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-pages {
  display: flex;
  gap: 14px;
  margin-top: 24px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-related {
  padding: 72px 0 88px;
  background: #f1f6fc;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-related .article-eyebrow {
  color: #0876e8;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-related h2 {
  font-family: 'Playfair Display',Georgia,serif;
  font-size: clamp(36px,4vw,54px);
  font-weight: 500;
  color: #101c4b;
  margin: 12px 0 36px;
  line-height: 1.1;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-related h2 i {
  color: #0876e8;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-related-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 28px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e1e9f3;
  border-radius: 5px;
  overflow: hidden;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-card-image {
  aspect-ratio: 16/9;
  background: #101c4b;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: white;
  font-family: 'Playfair Display',Georgia,serif;
  font-size: 26px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-card:hover img {
  transform: scale(1.035);
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-card-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-card time {
  font-size: 11px;
  color: #728199;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-card h3 {
  font-size: 20px;
  line-height: 1.4;
  color: #101c4b;
  margin: 12px 0 25px;
  font-weight: 600;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-card-link {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  color: #0876e8;
  font-weight: 700;
  margin-top: auto;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-skip {
  position: absolute;
  left: 20px;
  top: -100px;
  z-index: 100;
  background: #fff;
  padding: 12px 20px;
}

:where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-skip:focus {
  top: 12px;
}

/* ==========================================================================
   Journal index
   ========================================================================== */

:where(html[data-clb-view="blog"]) .blog-hero {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 80px;
  align-items: end;
  padding: 64px 0 82px;
}

:where(html[data-clb-view="blog"]) .blog-hero h1 {
  font: 500 clamp(48px,6.4vw,92px)/1.06 'Playfair Display',Georgia,serif;
  letter-spacing: -.035em;
  margin: 22px 0 0;
  color: white;
}

:where(html[data-clb-view="blog"]) .blog-hero h1 i {
  color: #8cc5ff;
}

:where(html[data-clb-view="blog"]) .blog-hero-note {
  max-width: 350px;
  padding-bottom: 8px;
}

:where(html[data-clb-view="blog"]) .blog-line {
  width: 60px;
  height: 2px;
  background: #8cc5ff;
  display: block;
  margin-bottom: 25px;
}

:where(html[data-clb-view="blog"]) .blog-hero-note p {
  font-size: 20px;
  line-height: 1.6;
  color: #e0eafa;
  margin: 0 0 24px;
}

:where(html[data-clb-view="blog"]) .blog-hero-note>span:last-child {
  font-size: 11px;
  letter-spacing: .08em;
  color: #a9bfdc;
}

:where(html[data-clb-view="blog"]) .blog-main {
  padding-top: 72px;
  padding-bottom: 80px;
}

:where(html[data-clb-view="blog"]) .blog-section-heading .article-eyebrow {
  color: #0876e8;
}

:where(html[data-clb-view="blog"]) .blog-section-heading h2 {
  font: 500 clamp(34px,4vw,50px)/1.2 'Playfair Display',Georgia,serif;
  color: #101c4b;
  margin: 12px 0 32px;
}

:where(html[data-clb-view="blog"]) .blog-section-heading h2 i {
  color: #0876e8;
}

:where(html[data-clb-view="blog"]) .blog-filters {
  display: flex;
  align-items: end;
  gap: 18px;
  padding: 25px;
  background: #f2f6fc;
  border: 1px solid #e1e9f3;
  border-radius: 5px;
}

:where(html[data-clb-view="blog"]) .blog-filters label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: #52657f;
  margin-bottom: 9px;
}

:where(html[data-clb-view="blog"]) .blog-search {
  flex: 1;
}

:where(html[data-clb-view="blog"]) .blog-category {
  flex: 0 1 270px;
}

:where(html[data-clb-view="blog"]) .blog-filters input,
:where(html[data-clb-view="blog"]) .blog-filters select {
  width: 100%;
  height: 48px;
  background: white;
  border: 1px solid #d7e1ee;
  border-radius: 3px;
  color: #253650;
  padding: 0 14px;
  font: 14px 'DM Sans',sans-serif;
}

:where(html[data-clb-view="blog"]) .blog-filters input:focus,
:where(html[data-clb-view="blog"]) .blog-filters select:focus {
  outline: 2px solid #0876e8;
  outline-offset: 2px;
}

:where(html[data-clb-view="blog"]) .blog-filters button {
  height: 48px;
  background: #101c4b;
  color: white;
  border: 0;
  border-radius: 3px;
  padding: 0 24px;
  display: flex;
  gap: 26px;
  align-items: center;
  font: 600 13px 'DM Sans',sans-serif;
  cursor: pointer;
}

:where(html[data-clb-view="blog"]) .blog-filters button:hover {
  background: #0876e8;
}

:where(html[data-clb-view="blog"]) .blog-reset {
  font-size: 12px;
  padding: 14px 0;
  white-space: nowrap;
}

:where(html[data-clb-view="blog"]) .blog-results-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #6a7a91;
  margin: 27px 0 24px;
}

:where(html[data-clb-view="blog"]) .blog-results-meta p {
  margin: 0;
}

:where(html[data-clb-view="blog"]) .blog-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 34px 26px;
}

:where(html[data-clb-view="blog"]) .blog-card {
  border: 1px solid #e1e7ef;
  border-radius: 5px;
  overflow: hidden;
  background: white;
}

:where(html[data-clb-view="blog"]) .blog-card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

:where(html[data-clb-view="blog"]) .blog-card-image {
  aspect-ratio: 16/10;
  overflow: hidden;
  background: #101c4b;
}

:where(html[data-clb-view="blog"]) .blog-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s;
}

:where(html[data-clb-view="blog"]) .blog-card:hover img {
  transform: scale(1.04);
}

:where(html[data-clb-view="blog"]) .blog-image-fallback {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px;
  background: radial-gradient(ellipse at right bottom,#24518c,transparent),#101c4b;
  color: #fff;
}

:where(html[data-clb-view="blog"]) .blog-image-fallback span {
  font: 500 28px/1.15 'Playfair Display',Georgia,serif;
}

:where(html[data-clb-view="blog"]) .blog-image-fallback i {
  color: #8cc5ff;
  margin-top: 18px;
  font-size: 12px;
}

:where(html[data-clb-view="blog"]) .blog-card-body {
  padding: 25px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

:where(html[data-clb-view="blog"]) .blog-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 10px;
}

:where(html[data-clb-view="blog"]) .blog-card-meta>span {
  color: #0876e8;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .045em;
}

:where(html[data-clb-view="blog"]) .blog-card-meta time {
  color: #75859b;
  white-space: nowrap;
}

:where(html[data-clb-view="blog"]) .blog-card h2 {
  font: 500 26px/1.25 'Playfair Display',Georgia,serif;
  color: #101c4b;
  margin: 17px 0 14px;
}

:where(html[data-clb-view="blog"]) .blog-card p {
  font-size: 14px;
  line-height: 1.75;
  color: #637089;
  margin: 0 0 24px;
}

:where(html[data-clb-view="blog"]) .blog-read {
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid #e2eaf4;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 700;
  color: #0876e8;
}

:where(html[data-clb-view="blog"]) .blog-pagination {
  margin-top: 52px;
}

:where(html[data-clb-view="blog"]) .blog-pagination ul {
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

:where(html[data-clb-view="blog"]) .blog-pagination a,
:where(html[data-clb-view="blog"]) .blog-pagination span {
  display: grid;
  place-items: center;
  min-width: 42px;
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid #dbe5f0;
  border-radius: 3px;
  font-size: 13px;
}

:where(html[data-clb-view="blog"]) .blog-pagination .current,
:where(html[data-clb-view="blog"]) .blog-pagination a:hover {
  background: #101c4b;
  color: white;
  border-color: #101c4b;
}

:where(html[data-clb-view="blog"]) .blog-pagination .dots {
  border: 0;
}

:where(html[data-clb-view="blog"]) .blog-consultation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 48px 52px;
  background: linear-gradient(120deg,#101c4b,#163970);
  border-radius: 5px;
  color: white;
  margin-top: 76px;
}

:where(html[data-clb-view="blog"]) .blog-consultation h2 {
  font: 500 clamp(30px,3.3vw,46px)/1.2 'Playfair Display',Georgia,serif;
  margin: 18px 0 0;
}

:where(html[data-clb-view="blog"]) .blog-consultation h2 i {
  color: #8cc5ff;
}

:where(html[data-clb-view="blog"]) .blog-consultation>a {
  display: flex;
  gap: 40px;
  background: white;
  color: #101c4b;
  border-radius: 3px;
  padding: 16px 24px;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
}

:where(html[data-clb-view="blog"]) .blog-empty {
  text-align: center;
  padding: 60px 20px;
}

:where(html[data-clb-view="blog"]) .blog-empty h2 {
  font: 500 36px 'Playfair Display',Georgia,serif;
}

:where(html[data-clb-view="blog"]) .blog-empty a {
  color: #0876e8;
  text-decoration: underline;
}

:where(html[data-clb-view="blog"]) .clb-blog button:focus-visible {
  outline: 3px solid #0876e8;
  outline-offset: 4px;
}

/* Component declarations extracted from style attributes.
   The reserved :not() IDs preserve the priority of former inline declarations. */

/* front-page.php · Hero / full-bleed section */

.clb-ui-hero-full-bleed-section-0a75aef9:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  min-height: 925px;
  overflow: hidden;
  background: #00071f;
  font-family: Archivo, sans-serif;
}

/* front-page.php · Image / Atlanta skyline background */

.clb-ui-image-atlanta-skyline-background-b4781d33:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* front-page.php · BG / readability scrim */

.clb-ui-bg-readability-scrim-c60eb329:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(0,6,28,0.92) 0%, rgba(0,12,46,0.8) 32%, rgba(1,20,60,0.48) 58%, rgba(6,42,86,0.18) 82%, rgba(6,42,86,0) 100%);
}

/* front-page.php · BG / nav scrim */

.clb-ui-bg-nav-scrim-c33b4288:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 230px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0,6,28,0.9) 0%, rgba(0,6,28,0.72) 46%, rgba(0,6,28,0) 100%);
}

/* front-page.php · Image / attorneys team */

.clb-ui-image-attorneys-team-d57977f1:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  right: 60px;
  bottom: 0;
  width: clamp(360px, 60vw, 1150px);
  height: auto;
  object-fit: contain;
  pointer-events: none;
}

/* front-page.php · Content / centered container */

.clb-ui-content-centered-container-1f303f38:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  max-width: 1740px;
  margin: 0 auto;
  padding: 78px 60px 60px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* front-page.php · BG / chevron watermark */

.clb-ui-bg-chevron-watermark-6c5b5cdd:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 340px;
  top: 60px;
  width: 320px;
  height: 220px;
  pointer-events: none;
  opacity: 0.07;
  background: repeating-linear-gradient(135deg, transparent 0 26px, #7fb0ea 26px 28px, transparent 28px 54px);
  -webkit-mask-image: radial-gradient(60% 60% at 30% 40%, #000 0%, transparent 75%);
  mask-image: radial-gradient(60% 60% at 30% 40%, #000 0%, transparent 75%);
}

/* front-page.php · Nav / header */

.clb-ui-nav-header-8cf481b2:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 40px;
  row-gap: 22px;
  flex-wrap: wrap;
}

/* front-page.php · Logo / lockup */

.clb-ui-logo-lockup-ab98f7b2:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: none;
}

/* front-page.php · Logo / chevron mark */

.clb-ui-logo-chevron-mark-dc1ce4dc:not(#clb-inline-priority):not(#clb-inline-priority) {
  height: 62px;
  object-fit: contain;
}

/* front-page.php · Nav / links */

.clb-ui-nav-links-64638cb2:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  align-items: center;
  column-gap: clamp(22px, 3.2vw, 60px);
  row-gap: 14px;
  flex-wrap: wrap;
  flex: 1 1 auto;
  justify-content: flex-end;
  min-width: 0;
}

/* front-page.php · Nav / actions */

.clb-ui-nav-actions-e3fc96a1:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  align-items: center;
  gap: 30px;
  flex: 0 0 auto;
  margin-left: auto;
}

/* front-page.php · Button / language ES */

.clb-ui-button-language-es-c610c813:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: #1b56b4;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #ffffff;
}

/* front-page.php · Button / call primary */

.clb-ui-button-call-primary-55b04858:not(#clb-inline-priority):not(#clb-inline-priority) {
  height: 44px;
  padding: 0 22px;
  border-radius: 6px;
  background: #0f57c4;
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  white-space: nowrap;
}

/* front-page.php · mobile-nav-toggle */

.clb-ui-mobile-nav-toggle-065c39d4:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,0.25);
  background: rgba(255,255,255,0.06);
  align-items: center;
  justify-content: center;
  flex: none;
  cursor: pointer;
}

/* front-page.php · Hero copy */

.clb-ui-hero-copy-a21072ed:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  margin-top: 130px;
  max-width: min(900px, 48vw);
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* front-page.php · Text / kicker */

.clb-ui-text-kicker-7a70f859:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #4a80dc;
}

/* front-page.php · Text / headline */

.clb-ui-text-headline-4c8c2395:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 30px 0 0;
  font-family: 'Playfair Display', serif;
  font-size: clamp(30px, 4.2vw, 85px);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.015em;
  color: #ffffff;
  max-width: 100%;
}

/* front-page.php · Headline line 1 */

.clb-ui-headline-line-1-66a84ce7:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: block;
}

/* front-page.php · Headline line 2 / gradient */

.clb-ui-headline-line-2-gradient-04160238:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: block;
  width: fit-content;
  background: linear-gradient(92deg, #d3e6fb 0%, #a9c9ec 42%, #b9d4f2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* front-page.php · Text / subcopy */

.clb-ui-text-subcopy-0c708ef2:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 42px 0 0;
  max-width: 540px;
  font-size: 19.5px;
  font-weight: 400;
  line-height: 1.62;
  color: #dfe6f2;
  text-wrap: pretty;
}

/* front-page.php · Buttons / hero CTA row */

.clb-ui-buttons-hero-cta-row-175b2b17:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 50px;
  display: flex;
  align-items: center;
  gap: 36px;
  flex-wrap: wrap;
}

/* front-page.php · Button / primary */

.clb-ui-button-primary-ed39faf1:not(#clb-inline-priority):not(#clb-inline-priority) {
  height: 50px;
  padding: 0 40px;
  border-radius: 3px;
  background: #0f57c4;
  display: flex;
  align-items: center;
  font-size: 19px;
  font-weight: 500;
  color: #ffffff;
  white-space: nowrap;
}

/* front-page.php · Button / secondary outline */

.clb-ui-button-secondary-outline-2552625f:not(#clb-inline-priority):not(#clb-inline-priority) {
  height: 50px;
  padding: 0 38px;
  border-radius: 3px;
  border: 1.5px solid #c3ccdb;
  display: flex;
  align-items: center;
  font-size: 19px;
  font-weight: 500;
  color: #ffffff;
  white-space: nowrap;
}

/* front-page.php · Stats / bar */

.clb-ui-stats-bar-345792e4:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  margin-top: 54px;
  width: 100%;
  max-width: 1000px;
  padding-top: 34px;
  border-top: 1px solid rgba(126,164,216,0.28);
  display: flex;
  align-items: flex-start;
}

/* front-page.php · Stat / years */

.clb-ui-stat-years-7ffb5ec5:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

/* front-page.php · Stat value */

.clb-ui-stat-value-2230de28:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  color: #6b9bd6;
}

/* front-page.php · Stat label */

.clb-ui-stat-label-daeef5ad:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 14.5px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #e8eef8;
  white-space: nowrap;
}

/* front-page.php · Stat / divider */

.clb-ui-stat-divider-5e29c42c:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 1px;
  height: 66px;
  background: rgba(126,164,216,0.32);
  margin: 0 20px;
  flex: none;
}

/* front-page.php · Section / Recognition */

.clb-ui-section-recognition-431c3c8f:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #000a2e;
  font-family: Archivo, sans-serif;
}

/* front-page.php · BG / recognition field */

.clb-ui-bg-recognition-field-84472b4d:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, #00061f 0%, #000a2e 46%, #041a44 100%);
}

/* front-page.php · Rule / recognition top */

.clb-ui-rule-recognition-top-14341ec1:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: rgba(110,160,225,0.18);
}

/* front-page.php · Recognition / centered container */

.clb-ui-recognition-centered-container-209921cc:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  max-width: 1740px;
  margin: 0 auto;
  padding: 44px 60px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* front-page.php · Recognition / kicker row */

.clb-ui-recognition-kicker-row-6abf5330:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 100%;
}

/* front-page.php · Rule / kicker left */

.clb-ui-rule-kicker-left-00d1ae3b:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 0 1 190px;
  min-width: 40px;
  height: 1px;
  background: linear-gradient(to right, rgba(70,120,200,0) 0%, rgba(90,140,220,0.75) 100%);
}

/* front-page.php · Text / kicker */

.clb-ui-text-kicker-8ea53f4b:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: none;
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  color: #3f7ae0;
  text-align: center;
}

/* front-page.php · Rule / kicker right */

.clb-ui-rule-kicker-right-02b26abd:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 0 1 190px;
  min-width: 40px;
  height: 1px;
  background: linear-gradient(to left, rgba(70,120,200,0) 0%, rgba(90,140,220,0.75) 100%);
}

/* front-page.php · Recognition / badge row */

.clb-ui-recognition-badge-row-ec2ca3cb:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 34px;
  width: 100%;
  max-width: 1420px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

/* front-page.php · Badge / Super Lawyers */

.clb-ui-badge-super-lawyers-0c3beb4d:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 200px;
  min-width: 150px;
  padding: 6px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* front-page.php · img */

.clb-ui-img-b23770c4:not(#clb-inline-priority):not(#clb-inline-priority) {
  max-width: 100%;
  height: 56px;
  object-fit: contain;
}

/* front-page.php · Badge / divider */

.clb-ui-badge-divider-7a86aca1:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 1px;
  height: 66px;
  background: rgba(110,160,225,0.28);
  flex: none;
}

/* front-page.php · img */

.clb-ui-img-645edb1a:not(#clb-inline-priority):not(#clb-inline-priority) {
  max-width: 100%;
  height: 48px;
  object-fit: contain;
}

/* front-page.php · img */

.clb-ui-img-9fbbf8b9:not(#clb-inline-priority):not(#clb-inline-priority) {
  max-width: 100%;
  height: 54px;
  object-fit: contain;
}

/* front-page.php · img */

.clb-ui-img-b8c53a51:not(#clb-inline-priority):not(#clb-inline-priority) {
  max-width: 100%;
  height: 50px;
  object-fit: contain;
}

/* front-page.php · img */

.clb-ui-img-65a88911:not(#clb-inline-priority):not(#clb-inline-priority) {
  max-width: 100%;
  height: 60px;
  object-fit: contain;
}

/* front-page.php · Section / Our Story */

.clb-ui-section-our-story-3e10112f:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #f9f9f9;
  font-family: Archivo, sans-serif;
}

/* front-page.php · BG / chevron watermark right */

.clb-ui-bg-chevron-watermark-right-d11a75ed:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  right: 0;
  top: 0;
  width: 420px;
  height: 100%;
  pointer-events: none;
  opacity: 0.16;
  background: repeating-linear-gradient(135deg, transparent 0 44px, #b9cfe8 44px 46px, transparent 46px 90px), repeating-linear-gradient(45deg, transparent 0 44px, #b9cfe8 44px 46px, transparent 46px 90px);
  -webkit-mask-image: linear-gradient(to left, #000 0%, transparent 88%);
  mask-image: linear-gradient(to left, #000 0%, transparent 88%);
}

/* front-page.php · Story / centered container */

.clb-ui-story-centered-container-7f659859:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  max-width: 1740px;
  margin: 0 auto;
  padding: 82px 60px 96px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  column-gap: 64px;
  row-gap: 56px;
  align-items: flex-start;
}

/* front-page.php · Story / text column */

.clb-ui-story-text-column-46e1d210:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 560px;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 6px;
}

/* front-page.php · Text / kicker */

.clb-ui-text-kicker-edc5fad2:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #1957c4;
}

/* front-page.php · Text / headline */

.clb-ui-text-headline-06b841e0:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 34px 0 0;
  font-family: 'Playfair Display', serif;
  font-size: clamp(26px, 3.05vw, 58px);
  max-width: 100%;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: #0a1a2f;
}

/* front-page.php · Headline line 2 / gradient */

.clb-ui-headline-line-2-gradient-bf963675:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: block;
  width: fit-content;
  background: linear-gradient(92deg, #2c74c9 0%, #4f96da 55%, #6aa8e4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* front-page.php · Text / body */

.clb-ui-text-body-6e475c26:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 40px 0 0;
  max-width: 630px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.72;
  color: #37414f;
  text-wrap: pretty;
}

/* front-page.php · Text / emphasis line */

.clb-ui-text-emphasis-line-2b19ef77:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 34px 0 0;
  font-size: 19.5px;
  font-weight: 700;
  line-height: 1.5;
  color: #16409c;
}

/* front-page.php · Button / discover our firm */

.clb-ui-button-discover-our-firm-e7d9c4f9:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 42px;
  height: 58px;
  padding: 0 30px;
  border-radius: 3px;
  background: #1a49c0;
  display: inline-flex;
  align-items: center;
  gap: 34px;
  font-size: 18.5px;
  font-weight: 500;
  color: #ffffff;
  white-space: nowrap;
}

/* front-page.php · Stats / story row */

.clb-ui-stats-story-row-ef9c51ed:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 62px;
  display: flex;
  align-items: stretch;
  gap: 0;
  flex-wrap: wrap;
  row-gap: 28px;
}

/* front-page.php · Stat / years metro */

.clb-ui-stat-years-metro-1cc6b86d:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding-right: 40px;
}

/* front-page.php · svg */

.clb-ui-svg-7fc21815:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: none;
  margin-top: 2px;
}

/* front-page.php · Stat / text */

.clb-ui-stat-text-67c64599:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* front-page.php · Stat value */

.clb-ui-stat-value-66cc4b60:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-family: 'Playfair Display', serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  color: #14355e;
}

/* front-page.php · Stat label */

.clb-ui-stat-label-59779ba9:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 14.5px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #2f3a47;
}

/* front-page.php · Stat / divider */

.clb-ui-stat-divider-0dc60c2c:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 1px;
  background: #d5dae1;
  flex: none;
}

/* front-page.php · Stat / combined experience */

.clb-ui-stat-combined-experience-5dcb39de:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 0 40px;
}

/* front-page.php · Stat / languages */

.clb-ui-stat-languages-15815cd7:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding-left: 40px;
}

/* front-page.php · Story / image column */

.clb-ui-story-image-column-ada6bd06:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 440px;
  min-width: 0;
  max-width: 100%;
  display: flex;
  justify-content: flex-end;
}

/* front-page.php · Image / Atlanta skyline card */

.clb-ui-image-atlanta-skyline-card-a91e2dc1:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 100%;
  max-width: 908px;
  aspect-ratio: 908 / 712;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 26px 60px rgba(19,42,74,0.18);
}

/* front-page.php · Section / Our Successes */

.clb-ui-section-our-successes-5a189b47:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #050d1d;
  font-family: Archivo, sans-serif;
}

/* front-page.php · BG / navy field */

.clb-ui-bg-navy-field-d2a3a215:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 90% at 50% 0%, #0a1a33 0%, #061229 45%, #030a17 100%);
}

/* front-page.php · BG / map lines */

.clb-ui-bg-map-lines-dbc933fb:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  opacity: 0.13;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,0.35) 34%, transparent 62%);
}

/* front-page.php · Successes / centered container */

.clb-ui-successes-centered-container-d9e31e37:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  max-width: 1740px;
  margin: 0 auto;
  padding: 96px 60px 110px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  column-gap: 48px;
  row-gap: 56px;
}

/* front-page.php · Successes / text column */

.clb-ui-successes-text-column-84db957c:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 520px;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* front-page.php · Text / kicker */

.clb-ui-text-kicker-18ca1b19:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  color: #4f8ee0;
}

/* front-page.php · Rule / kicker underline */

.clb-ui-rule-kicker-underline-f6b41075:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 16px;
  width: 74px;
  height: 2px;
  background: #2f6fc4;
}

/* front-page.php · Text / headline */

.clb-ui-text-headline-70cb156e:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 40px 0 0;
  max-width: 100%;
  font-family: 'Playfair Display', serif;
  font-size: clamp(34px, 3.1vw, 60px);
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: -0.01em;
  color: #ffffff;
}

/* front-page.php · Headline accent word */

.clb-ui-headline-accent-word-33205e53:not(#clb-inline-priority):not(#clb-inline-priority) {
  color: #5e9ce8;
}

/* front-page.php · Text / body */

.clb-ui-text-body-de4ef7de:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 40px 0 0;
  max-width: 500px;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.72;
  color: #cfdcec;
  text-wrap: pretty;
}

/* front-page.php · Button / explore more results */

.clb-ui-button-explore-more-results-c46d05f4:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 46px;
  height: 60px;
  padding: 0 32px;
  border-radius: 6px;
  background: linear-gradient(95deg, #1f5fd8 0%, #2f7bec 100%);
  display: inline-flex;
  align-items: center;
  gap: 26px;
  font-size: 19px;
  font-weight: 600;
  color: #ffffff;
  box-shadow: 0 12px 34px rgba(28,94,206,0.34);
}

/* front-page.php · Trust / shield line */

.clb-ui-trust-shield-line-62caf30e:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 58px;
  display: flex;
  align-items: center;
  gap: 24px;
}

/* front-page.php · Trust / shield badge */

.clb-ui-trust-shield-badge-69def70d:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 62px;
  height: 62px;
  border-radius: 999px;
  border: 1px solid rgba(96,145,214,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}

/* front-page.php · Trust / copy */

.clb-ui-trust-copy-a78c9e7d:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 18.5px;
  font-weight: 400;
  line-height: 1.55;
  color: #e4ecf7;
}

/* front-page.php · Rule / disclaimer divider */

.clb-ui-rule-disclaimer-divider-b368bed9:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 40px;
  width: 100%;
  max-width: 470px;
  height: 1px;
  background: rgba(96,145,214,0.28);
}

/* front-page.php · Text / disclaimer */

.clb-ui-text-disclaimer-54afc474:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 26px 0 0;
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.6;
  color: #8c9db4;
}

/* front-page.php · Card / featured verdict */

.clb-ui-card-featured-verdict-6f7031f7:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 0 1 430px;
  min-width: 300px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid rgba(96,148,216,0.34);
  background: linear-gradient(168deg, #0d2143 0%, #0a1a36 46%, #07142c 100%);
  box-shadow: inset 0 1px 0 rgba(147,190,240,0.14), 0 24px 60px rgba(3,10,24,0.55);
  padding: 32px 32px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* front-page.php · Tag / featured verdict */

.clb-ui-tag-featured-verdict-385c3710:not(#clb-inline-priority):not(#clb-inline-priority) {
  align-self: flex-start;
  padding: 8px 16px;
  border-radius: 3px;
  background: rgba(47,102,190,0.3);
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #79b0f2;
}

/* front-page.php · Icon / slip and fall */

.clb-ui-icon-slip-and-fall-910b864d:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  margin-top: 54px;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(60% 60% at 50% 50%, rgba(47,128,239,0.12) 0%, transparent 72%);
}

/* front-page.php · img */

.clb-ui-img-f47e3b97:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 90px;
}

/* front-page.php · Text / verdict amount */

.clb-ui-text-verdict-amount-b6c627f2:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 46px;
  max-width: 100%;
  font-size: clamp(32px, 2.75vw, 52px);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  color: #2f80ef;
  text-align: center;
}

/* front-page.php · Rule / verdict divider */

.clb-ui-rule-verdict-divider-1839d8f2:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 26px;
  width: 62%;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(110,160,225,0.55), transparent);
}

/* front-page.php · Text / verdict caption */

.clb-ui-text-verdict-caption-8d30749c:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 22px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.45;
  color: #dbe6f4;
  text-align: center;
}

/* front-page.php · BG / dotted wave */

.clb-ui-bg-dotted-wave-0a5228aa:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 130px;
  opacity: 0.55;
  background-image: radial-gradient(rgba(90,150,230,0.85) 1px, transparent 1.1px);
  background-size: 9px 9px;
  -webkit-mask-image: radial-gradient(120% 100% at 50% 130%, #000 20%, transparent 72%);
  mask-image: radial-gradient(120% 100% at 50% 130%, #000 20%, transparent 72%);
}

/* front-page.php · Link / verdict arrow */

.clb-ui-link-verdict-arrow-91359808:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  margin-top: auto;
  padding-top: 34px;
  align-self: flex-end;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: content-box;
}

/* front-page.php · Settlements / stack */

.clb-ui-settlements-stack-efddbef8:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 500px;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* front-page.php · Card / settlement auto */

.clb-ui-card-settlement-auto-57ad9981:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 auto;
  border-radius: 10px;
  border: 1px solid rgba(96,148,216,0.34);
  background: linear-gradient(168deg, #0c1f3f 0%, #091830 55%, #07142b 100%);
  box-shadow: inset 0 1px 0 rgba(147,190,240,0.12);
  padding: 26px 30px;
  display: flex;
  align-items: center;
  gap: 26px;
  transition: border-color 0.2s ease;
}

/* front-page.php · Icon / car badge */

.clb-ui-icon-car-badge-2154ae28:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  border: 1px solid rgba(96,148,216,0.38);
  background: radial-gradient(60% 60% at 50% 50%, rgba(47,128,239,0.1) 0%, transparent 72%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}

/* front-page.php · img */

.clb-ui-img-28aaa4e6:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 45px;
}

/* front-page.php · Settlement / text */

.clb-ui-settlement-text-421484af:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* front-page.php · Settlement / label */

.clb-ui-settlement-label-cd7ffc6f:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: #79b0f2;
}

/* front-page.php · Settlement / amount */

.clb-ui-settlement-amount-c674863a:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: clamp(25px, 1.85vw, 34px);
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1.08;
  color: #2f80ef;
}

/* front-page.php · Settlement / caption */

.clb-ui-settlement-caption-feed4940:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.45;
  color: #dbe6f4;
}

/* front-page.php · Settlement / divider */

.clb-ui-settlement-divider-da37fb20:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 1px;
  height: 46px;
  align-self: center;
  background: linear-gradient(to bottom, transparent, rgba(110,160,225,0.5), transparent);
  flex: none;
}

/* front-page.php · svg */

.clb-ui-svg-f87fcd11:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: none;
}

/* front-page.php · img */

.clb-ui-img-0b1ffb59:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 63px;
}

/* front-page.php · Section / Google Reviews */

.clb-ui-section-google-reviews-49913af3:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #050c22;
  font-family: Archivo, sans-serif;
}

/* front-page.php · BG / reviews field */

.clb-ui-bg-reviews-field-cc662a82:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  background: radial-gradient(110% 80% at 30% 20%, #0a1533 0%, #060e26 55%, #04091c 100%);
}

/* front-page.php · BG / successes-to-reviews bridge */

.clb-ui-bg-successes-to-reviews-bridge-b1a43835:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 220px;
  pointer-events: none;
  background: linear-gradient(to bottom, #030a17 0%, rgba(3,10,23,0.6) 45%, rgba(3,10,23,0) 100%);
}

/* front-page.php · Reviews / centered container */

.clb-ui-reviews-centered-container-38d6e975:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  max-width: 1740px;
  margin: 0 auto;
  padding: 100px 60px 120px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 52px;
  row-gap: 56px;
}

/* front-page.php · Reviews / intro column */

.clb-ui-reviews-intro-column-390abefb:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 330px;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* front-page.php · Text / kicker */

.clb-ui-text-kicker-c994aa13:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: #5b95e4;
}

/* front-page.php · Text / headline */

.clb-ui-text-headline-f5a63b37:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 26px 0 0;
  max-width: 100%;
  font-family: 'Playfair Display', serif;
  font-size: clamp(34px, 2.4vw, 46px);
  font-weight: 400;
  line-height: 1.24;
  color: #ffffff;
}

/* front-page.php · Headline line 2 / italic accent */

.clb-ui-headline-line-2-italic-accent-4df9ebc0:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: block;
  font-style: italic;
  color: #6ba3ec;
}

/* front-page.php · Text / body */

.clb-ui-text-body-5a1c11e0:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 26px 0 0;
  max-width: 420px;
  font-size: 18.5px;
  font-weight: 400;
  line-height: 1.6;
  color: #c9d6e8;
  text-wrap: pretty;
}

/* front-page.php · Rating / stars */

.clb-ui-rating-stars-1697572e:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 46px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* front-page.php · Rating / score row */

.clb-ui-rating-score-row-d4ec6a12:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 28px;
  display: flex;
  align-items: baseline;
  gap: 12px;
}

/* front-page.php · Rating / score */

.clb-ui-rating-score-d94699ed:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
}

/* front-page.php · Rating / out of */

.clb-ui-rating-out-of-f9ccec04:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 18px;
  font-weight: 400;
  color: #c9d6e8;
}

/* front-page.php · Rating / count */

.clb-ui-rating-count-1b43b8f9:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 20px;
  font-size: 17.5px;
  font-weight: 400;
  color: #c9d6e8;
}

/* front-page.php · Logo / Google wordmark */

.clb-ui-logo-google-wordmark-df1c04cd:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 36px;
  font-family: Archivo, sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1;
  display: flex;
}

/* front-page.php · span */

.clb-ui-span-51c84b4c:not(#clb-inline-priority):not(#clb-inline-priority) {
  color: #4285f4;
}

/* front-page.php · span */

.clb-ui-span-cb0f5538:not(#clb-inline-priority):not(#clb-inline-priority) {
  color: #ea4335;
}

/* front-page.php · span */

.clb-ui-span-6892e969:not(#clb-inline-priority):not(#clb-inline-priority) {
  color: #fbbc05;
}

/* front-page.php · span */

.clb-ui-span-fc595408:not(#clb-inline-priority):not(#clb-inline-priority) {
  color: #34a853;
}

/* front-page.php · Reviews / card grid */

.clb-ui-reviews-card-grid-2e2711d7:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 900px;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 32px;
}

/* front-page.php · Card / review Arrianna Cobb */

.clb-ui-card-review-arrianna-cobb-eb0d9ab8:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 280px;
  min-width: 260px;
  border-radius: 10px;
  border: 1px solid rgba(96,148,216,0.16);
  background: linear-gradient(168deg, #10203a 0%, #0d1a31 100%);
  padding: 28px 26px 30px;
  display: flex;
  flex-direction: column;
}

/* front-page.php · Review / person */

.clb-ui-review-person-18092737:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* front-page.php · Avatar / initials */

.clb-ui-avatar-initials-890c6268:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: #3b7ddb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #ffffff;
  flex: none;
}

/* front-page.php · Review / identity */

.clb-ui-review-identity-df76c35a:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

/* front-page.php · Review / name */

.clb-ui-review-name-4f2cdd53:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
}

/* front-page.php · Review / review count */

.clb-ui-review-review-count-7bbf28f4:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 15.5px;
  font-weight: 400;
  color: #96a6bd;
}

/* front-page.php · Review / meta row */

.clb-ui-review-meta-row-2b692f43:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

/* front-page.php · Review / stars */

.clb-ui-review-stars-36a011e7:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  align-items: center;
  gap: 3px;
}

/* front-page.php · Badge / verified */

.clb-ui-badge-verified-df670682:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-left: 7px;
}

/* front-page.php · Review / timestamp */

.clb-ui-review-timestamp-e90dc4a4:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 15.5px;
  font-weight: 400;
  color: #96a6bd;
  white-space: nowrap;
}

/* front-page.php · Review / body */

.clb-ui-review-body-6fdf95b1:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 22px 0 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
  color: #cfdae8;
  text-wrap: pretty;
}

/* front-page.php · Link / read more */

.clb-ui-link-read-more-23b11805:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 12px;
  align-self: flex-start;
  font-size: 17px;
  font-weight: 600;
  color: #4a8ce8;
}

/* front-page.php · Avatar / initials */

.clb-ui-avatar-initials-6a9cbd45:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: #2f9455;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #ffffff;
  flex: none;
}

/* front-page.php · Avatar / initials */

.clb-ui-avatar-initials-6cc6ae68:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: #b06fd0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #ffffff;
  flex: none;
}

/* front-page.php · Section / Client Stories */

.clb-ui-section-client-stories-d37dce00:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #faf8f6;
  font-family: Archivo, sans-serif;
}

/* front-page.php · BG / quote watermark */

.clb-ui-bg-quote-watermark-5787e347:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: -46px;
  top: -34px;
  width: 200px;
  height: 220px;
  overflow: hidden;
  pointer-events: none;
  font-family: 'Playfair Display', serif;
  font-size: 300px;
  line-height: 0.78;
  color: transparent;
  -webkit-text-stroke: 2px rgba(38,74,140,0.13);
}

/* front-page.php · BG / line texture */

.clb-ui-bg-line-texture-3251835d:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  right: -60px;
  bottom: -40px;
  width: 620px;
  height: 520px;
  pointer-events: none;
  opacity: 0.06;
  background: repeating-linear-gradient(28deg, transparent 0 60px, #24487f 60px 61px, transparent 61px 130px), repeating-linear-gradient(-52deg, transparent 0 84px, #24487f 84px 85px, transparent 85px 170px);
}

/* front-page.php · Stories / centered container */

.clb-ui-stories-centered-container-d670b45a:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  max-width: 1740px;
  margin: 0 auto;
  padding: 64px 60px 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* front-page.php · Stories / kicker row */

.clb-ui-stories-kicker-row-a6d02004:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  align-items: center;
  gap: 22px;
}

/* front-page.php · Rule / kicker left */

.clb-ui-rule-kicker-left-5f87d9b2:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 120px;
  height: 1px;
  background: rgba(38,74,140,0.35);
}

/* front-page.php · Text / kicker */

.clb-ui-text-kicker-988af6a2:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: #1b4f9c;
}

/* front-page.php · Text / headline */

.clb-ui-text-headline-896ec858:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 26px 0 0;
  max-width: 100%;
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-size: clamp(32px, 2.9vw, 55px);
  font-weight: 400;
  line-height: 1.18;
  color: #0d1c33;
}

/* front-page.php · Headline italic accent */

.clb-ui-headline-italic-accent-40964609:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-style: italic;
  color: #1c4f9e;
}

/* front-page.php · Text / subcopy */

.clb-ui-text-subcopy-2af087d1:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 24px 0 0;
  max-width: 640px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  color: #3a465a;
  text-wrap: pretty;
}

/* front-page.php · Carousel / row */

.clb-ui-carousel-row-e9df94c2:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

/* front-page.php · Carousel / prev */

.clb-ui-carousel-prev-ea3e16fa:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  border: 1px solid rgba(38,74,140,0.35);
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
}

/* front-page.php · storiesViewport */

.clb-ui-storiesviewport-cb269d20:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 1170px;
  overflow: hidden;
}

/* front-page.php · Carousel / track */

.clb-ui-carousel-track-6aa34d74:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: none;
}

/* front-page.php · Card / story Theresa S. */

.clb-ui-card-story-theresa-s-24e16668:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  background: #0d1c33;
  flex: 0 1 330px;
  min-width: 180px;
  min-height: 240px;
  aspect-ratio: 300/292;
  order: 1;
  opacity: 0.92;
  box-shadow: 0 14px 34px rgba(15,32,60,0.18);
  transition: transform .4s cubic-bezier(.16,.84,.44,1),opacity .4s ease;
}

/* front-page.php · Story / thumbnail */

.clb-ui-story-thumbnail-886a8b07:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* front-page.php · Story / scrim */

.clb-ui-story-scrim-131df530:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(6,17,34,0.96) 0%, rgba(6,17,34,0.78) 26%, rgba(6,17,34,0.3) 52%, rgba(6,17,34,0) 72%);
}

/* front-page.php · Story / play badge */

.clb-ui-story-play-badge-10b6a60a:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%,-50%);
  width: 66px;
  height: 66px;
  border-radius: 999px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 26px rgba(9,24,48,0.34);
}

/* front-page.php · svg */

.clb-ui-svg-90286c12:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-left: 3px;
}

/* front-page.php · Story / caption */

.clb-ui-story-caption-84b7de58:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 22px;
  text-align: left;
}

/* front-page.php · Story / name */

.clb-ui-story-name-1873510c:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-family: 'Playfair Display', serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
  color: #ffffff;
}

/* front-page.php · Story / label */

.clb-ui-story-label-b9152308:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 6px;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #78b0f2;
}

/* front-page.php · Card / story Elexa W. */

.clb-ui-card-story-elexa-w-a9552c28:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  background: #0d1c33;
  flex: 0 1 415px;
  min-width: 210px;
  min-height: 270px;
  aspect-ratio: 388/344;
  order: 2;
  box-shadow: 0 24px 54px rgba(15,32,60,0.28);
  transition: transform .4s cubic-bezier(.16,.84,.44,1),opacity .4s ease;
}

/* front-page.php · Story / scrim */

.clb-ui-story-scrim-46190032:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(8,32,74,0.96) 0%, rgba(8,28,64,0.8) 26%, rgba(8,28,64,0.32) 52%, rgba(6,17,34,0) 72%);
}

/* front-page.php · Story / play badge */

.clb-ui-story-play-badge-196c41ff:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%,-50%);
  width: 72px;
  height: 72px;
  border-radius: 999px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 26px rgba(9,24,48,0.34);
}

/* front-page.php · Story / caption */

.clb-ui-story-caption-4c60f35b:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 24px;
  text-align: left;
}

/* front-page.php · Story / name */

.clb-ui-story-name-f027b627:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-family: 'Playfair Display', serif;
  font-size: 29px;
  font-weight: 500;
  line-height: 1.1;
  color: #ffffff;
}

/* front-page.php · Story / label */

.clb-ui-story-label-c6bf5d19:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 7px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8dc0f8;
}

/* front-page.php · Card / story Eric S. */

.clb-ui-card-story-eric-s-3bf11aaf:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  background: #0d1c33;
  flex: 0 1 330px;
  min-width: 180px;
  min-height: 240px;
  aspect-ratio: 300/292;
  order: 3;
  opacity: 0.92;
  box-shadow: 0 14px 34px rgba(15,32,60,0.18);
  transition: transform .4s cubic-bezier(.16,.84,.44,1),opacity .4s ease;
}

/* front-page.php · Carousel / dots */

.clb-ui-carousel-dots-4cf5bf7e:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 26px;
  display: flex;
  align-items: center;
  gap: 14px;
}

/* front-page.php · Carousel / dot */

.clb-ui-carousel-dot-5043b3cf:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 13px;
  height: 13px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid #2f6cc0;
}

/* front-page.php · Quote / active story */

.clb-ui-quote-active-story-fd3c7bfb:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 44px 0 0;
  max-width: 900px;
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-size: clamp(22px, 1.6vw, 30px);
  font-weight: 400;
  line-height: 1.5;
  color: #10294d;
  transition: opacity .3s ease;
}

/* front-page.php · Quote / open mark */

.clb-ui-quote-open-mark-6510edf1:not(#clb-inline-priority):not(#clb-inline-priority) {
  color: #2f6cc0;
  font-size: 1.15em;
  padding-right: 6px;
}

/* front-page.php · Quote / close mark */

.clb-ui-quote-close-mark-fcbf955d:not(#clb-inline-priority):not(#clb-inline-priority) {
  color: #2f6cc0;
  font-size: 1.15em;
  padding-left: 6px;
}

/* front-page.php · Quote / attribution */

.clb-ui-quote-attribution-ef144262:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 22px;
  font-size: 18.5px;
  font-weight: 400;
  color: #3a465a;
  transition: opacity .3s ease;
}

/* front-page.php · Quote / attribution name */

.clb-ui-quote-attribution-name-a9d18655:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-weight: 700;
  color: #1c4f9e;
}

/* front-page.php · Buttons / stories CTA row */

.clb-ui-buttons-stories-cta-row-30b64d4d:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 38px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}

/* front-page.php · Button / view all stories */

.clb-ui-button-view-all-stories-96fb5087:not(#clb-inline-priority):not(#clb-inline-priority) {
  height: 60px;
  padding: 0 30px;
  border-radius: 4px;
  background: #1a4fc4;
  display: inline-flex;
  align-items: center;
  gap: 26px;
  font-size: 18.5px;
  font-weight: 600;
  color: #ffffff;
}

/* front-page.php · Button / start case review */

.clb-ui-button-start-case-review-890d12d4:not(#clb-inline-priority):not(#clb-inline-priority) {
  height: 60px;
  padding: 0 30px;
  border-radius: 4px;
  border: 1px solid #8fb4dd;
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 26px;
  font-size: 18.5px;
  font-weight: 600;
  color: #12365f;
}

/* front-page.php · Section / Free Case Review */

.clb-ui-section-free-case-review-b22dfbf4:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #050b1e;
  font-family: Archivo, sans-serif;
}

/* front-page.php · BG / review field */

.clb-ui-bg-review-field-2f343a7a:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 100% at 20% 30%, #0a142e 0%, #060d22 55%, #03081a 100%);
}

/* front-page.php · Review / centered container */

.clb-ui-review-centered-container-0a2fddbb:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  max-width: 1740px;
  margin: 0 auto;
  padding: 90px 60px 100px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 80px;
  row-gap: 56px;
}

/* front-page.php · Review / text column */

.clb-ui-review-text-column-4acd3b7e:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 480px;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* front-page.php · Text / kicker */

.clb-ui-text-kicker-e46285d0:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  color: #4d84e0;
}

/* front-page.php · Text / headline */

.clb-ui-text-headline-1172068a:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 34px 0 0;
  max-width: 100%;
  font-family: 'Playfair Display', serif;
  font-size: clamp(38px, 3.3vw, 62px);
  font-weight: 400;
  line-height: 1.18;
  color: #ffffff;
}

/* front-page.php · Headline line 2 / italic accent */

.clb-ui-headline-line-2-italic-accent-3229bf05:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: block;
  font-style: italic;
  color: #6ba0ea;
}

/* front-page.php · Text / body */

.clb-ui-text-body-0103861d:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 36px 0 0;
  max-width: 470px;
  font-size: 19.5px;
  font-weight: 400;
  line-height: 1.62;
  color: #c7d3e6;
  text-wrap: pretty;
}

/* front-page.php · Stats / review row */

.clb-ui-stats-review-row-239eb849:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 52px;
  display: flex;
  flex-wrap: wrap;
  gap: 44px;
}

/* front-page.php · Stat / years */

.clb-ui-stat-years-5bf9fcc0:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  gap: 14px;
}

/* front-page.php · Stat / bar */

.clb-ui-stat-bar-7bd91953:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 4px;
  align-self: stretch;
  background: #2f6cc0;
  flex: none;
}

/* front-page.php · Stat / text */

.clb-ui-stat-text-0fbf9e85:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* front-page.php · Stat value */

.clb-ui-stat-value-76891ba3:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-family: 'Playfair Display', serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
}

/* front-page.php · Stat label */

.clb-ui-stat-label-09cddde0:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 16.5px;
  font-weight: 400;
  line-height: 1.35;
  color: #b9c6da;
}

/* front-page.php · Decor / hand-drawn arrow */

.clb-ui-decor-hand-drawn-arrow-e5e07582:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 34px;
  width: 400px;
  max-width: 100%;
  height: 70px;
}

/* front-page.php · Card / eligibility form */

.clb-ui-card-eligibility-form-170dbaec:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 620px;
  min-width: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* front-page.php · Form / panel */

.clb-ui-form-panel-f44fa381:not(#clb-inline-priority):not(#clb-inline-priority) {
  border-radius: 14px;
  border: 1px solid rgba(96,148,216,0.2);
  background: linear-gradient(168deg, #14243f 0%, #101d34 100%);
  box-shadow: 0 28px 70px rgba(2,7,18,0.5);
  padding: 44px 48px 48px;
  display: flex;
  flex-direction: column;
}

/* front-page.php · Form / title */

.clb-ui-form-title-e99b3b81:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 0;
  text-align: center;
  font-size: clamp(24px, 1.75vw, 32px);
  font-weight: 700;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  color: #ffffff;
}

/* front-page.php · Form / subtitle */

.clb-ui-form-subtitle-9cf7f314:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 14px 0 0;
  text-align: center;
  font-size: 17.5px;
  font-weight: 400;
  color: #b9c6da;
}

/* front-page.php · Form / name row */

.clb-ui-form-name-row-55256d9a:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

/* front-page.php · Field / first name */

.clb-ui-field-first-name-b0df3af0:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 220px;
  min-width: 0;
  height: 62px;
  padding: 0 22px;
  border: 1px solid rgba(180,200,225,0.55);
  border-radius: 4px;
  background: #ffffff;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  color: #17263c;
}

/* front-page.php · Form / contact row */

.clb-ui-form-contact-row-750389f2:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

/* front-page.php · Field / case description */

.clb-ui-field-case-description-5409a78b:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 24px;
  width: 100%;
  padding: 20px 22px;
  border: 1px solid rgba(180,200,225,0.55);
  border-radius: 4px;
  background: #ffffff;
  font-family: Archivo, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #17263c;
  resize: vertical;
}

/* front-page.php · Field / consent */

.clb-ui-field-consent-988e313b:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 26px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  cursor: pointer;
}

/* front-page.php · Field / consent checkbox */

.clb-ui-field-consent-checkbox-8d042901:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 22px;
  height: 22px;
  margin: 2px 0 0;
  accent-color: #2f6cc0;
  flex: none;
  cursor: pointer;
}

/* front-page.php · Field / consent copy */

.clb-ui-field-consent-copy-96cd6e00:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.5;
  color: #b9c6da;
}

/* front-page.php · Button / submit case review */

.clb-ui-button-submit-case-review-434a5af9:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 30px;
  height: 78px;
  border: 0;
  border-radius: 5px;
  background: #1f56cf;
  cursor: pointer;
  font-family: Archivo, sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

/* front-page.php · Button / arrow glyph */

.clb-ui-button-arrow-glyph-390dcf15:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 22px;
  font-weight: 400;
}

/* front-page.php · Form / secure note */

.clb-ui-form-secure-note-476770d1:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* front-page.php · Form / secure copy */

.clb-ui-form-secure-copy-b43f480a:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 17px;
  font-weight: 400;
  color: #b9c6da;
}

/* front-page.php · Section / Our Team */

.clb-ui-section-our-team-fd839e90:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #f5f4ef;
  font-family: Archivo, sans-serif;
}

/* front-page.php · Team / centered container */

.clb-ui-team-centered-container-8db1e44e:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  max-width: 1740px;
  margin: 0 auto;
  padding: 72px 60px 84px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* front-page.php · Text / kicker */

.clb-ui-text-kicker-8012eaa5:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  color: #1b4f9c;
}

/* front-page.php · Text / headline */

.clb-ui-text-headline-a36b049e:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 30px 0 0;
  max-width: 100%;
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-size: clamp(32px, 2.9vw, 54px);
  font-weight: 400;
  line-height: 1.16;
  color: #16202e;
}

/* front-page.php · Text / subcopy */

.clb-ui-text-subcopy-b0b0232c:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 26px 0 0;
  max-width: 720px;
  text-align: center;
  font-size: 18.5px;
  font-weight: 400;
  line-height: 1.58;
  color: #4a5766;
  text-wrap: pretty;
}

/* front-page.php · Text / emphasis line */

.clb-ui-text-emphasis-line-2937283f:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 22px 0 0;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  color: #16202e;
}

/* front-page.php · Button / meet the full team */

.clb-ui-button-meet-the-full-team-5c788c8a:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 34px;
  height: 62px;
  padding: 0 32px;
  border-radius: 4px;
  background: #1a4fc4;
  display: inline-flex;
  align-items: center;
  gap: 18px;
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
}

/* front-page.php · Stats / team row */

.clb-ui-stats-team-row-f677726c:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 46px;
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px;
}

/* front-page.php · Stat / bar */

.clb-ui-stat-bar-c5842197:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 4px;
  height: 42px;
  background: #1a4fc4;
  flex: none;
}

/* front-page.php · Stat value */

.clb-ui-stat-value-a0ece276:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-family: 'Playfair Display', serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 1;
  color: #16202e;
}

/* front-page.php · Stat label */

.clb-ui-stat-label-307bab9d:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 16px;
  font-weight: 400;
  color: #55616f;
}

/* front-page.php · Rule / above roster */

.clb-ui-rule-above-roster-aacc12ca:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 44px;
  width: 100%;
  max-width: 1200px;
  height: 1px;
  background: rgba(22,32,46,0.16);
}

/* front-page.php · Team / roster row */

.clb-ui-team-roster-row-d747d49c:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 40px;
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}

/* front-page.php · Card / attorney Alexander */

.clb-ui-card-attorney-alexander-30fc81e3:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 215px;
  max-width: 260px;
  min-width: 170px;
  position: relative;
  aspect-ratio: 215 / 286;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(20,32,52,0.14);
}

/* front-page.php · Attorney / portrait */

.clb-ui-attorney-portrait-cad6a803:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

/* front-page.php · Attorney / scrim */

.clb-ui-attorney-scrim-9cfecbda:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(14,26,44,0.9) 0%, rgba(14,26,44,0.35) 18%, rgba(14,26,44,0) 40%);
}

/* front-page.php · Attorney / caption */

.clb-ui-attorney-caption-2afb2b81:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
}

/* front-page.php · Attorney / name */

.clb-ui-attorney-name-88c6b1b0:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.15;
  color: #ffffff;
}

/* front-page.php · Attorney / role */

.clb-ui-attorney-role-66fc564a:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 4px;
  font-size: 14.5px;
  font-weight: 400;
  color: #d5e0ee;
}

/* front-page.php · Rule / below roster */

.clb-ui-rule-below-roster-21d5fa31:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 46px;
  width: 100%;
  max-width: 1200px;
  height: 1px;
  background: rgba(22,32,46,0.16);
}

/* front-page.php · Icon / globe */

.clb-ui-icon-globe-22ce6341:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 34px;
}

/* front-page.php · Languages / row */

.clb-ui-languages-row-be76d4d7:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 16px;
  font-size: 17.5px;
  font-weight: 400;
  color: #55616f;
}

/* front-page.php · Language / separator */

.clb-ui-language-separator-53995eb7:not(#clb-inline-priority):not(#clb-inline-priority) {
  color: #9aa5b2;
}

/* front-page.php · Section / Practice Areas */

.clb-ui-section-practice-areas-5df7b04b:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #000522;
  font-family: Archivo, sans-serif;
}

/* front-page.php · BG / practice field */

.clb-ui-bg-practice-field-23e74141:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  background: radial-gradient(110% 70% at 50% 0%, #061033 0%, #010726 48%, #000420 100%);
}

/* front-page.php · Practice / centered container */

.clb-ui-practice-centered-container-4ccf09bb:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  max-width: 1740px;
  margin: 0 auto;
  padding: 72px 60px 82px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* front-page.php · Text / kicker */

.clb-ui-text-kicker-ee7f3535:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 15.5px;
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #4d84e0;
}

/* front-page.php · Text / headline */

.clb-ui-text-headline-2d3e4149:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 24px 0 0;
  max-width: 100%;
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-size: clamp(30px, 2.5vw, 45px);
  font-weight: 400;
  line-height: 1.18;
  color: #ffffff;
}

/* front-page.php · Headline italic accent */

.clb-ui-headline-italic-accent-3e5716eb:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-style: italic;
  color: #6ba0ea;
}

/* front-page.php · Text / subcopy */

.clb-ui-text-subcopy-8a2de3c4:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 24px 0 0;
  max-width: 640px;
  text-align: center;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 1.6;
  color: #b9c6da;
  text-wrap: pretty;
}

/* front-page.php · Practice / card row */

.clb-ui-practice-card-row-3c64c549:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 44px;
  width: 100%;
  max-width: 1400px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 26px;
}

/* front-page.php · Card / Personal Injury */

.clb-ui-card-personal-injury-e7ee1ebe:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 252px;
  max-width: 330px;
  min-width: 230px;
  position: relative;
  min-height: 392px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(96,148,216,0.22);
  background: #071229;
  box-shadow: 0 16px 40px rgba(1,5,20,0.55);
}

/* front-page.php · Practice / photo */

.clb-ui-practice-photo-b4124c00:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 62%;
  object-fit: cover;
}

/* front-page.php · Practice / scrim */

.clb-ui-practice-scrim-36d48f25:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(4,12,32,0.98) 0%, rgba(4,12,32,0.94) 42%, rgba(4,12,32,0.45) 62%, rgba(4,12,32,0.15) 100%);
}

/* front-page.php · Practice / icon badge */

.clb-ui-practice-icon-badge-d5b7c07d:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid rgba(120,175,240,0.42);
  background: rgba(10,28,62,0.72);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* front-page.php · Practice / content */

.clb-ui-practice-content-61274ae6:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: absolute;
  left: 0;
  right: 0;
  top: 54%;
  bottom: 0;
  padding: 22px 22px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* front-page.php · Practice / title */

.clb-ui-practice-title-0be06801:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
}

/* front-page.php · Practice / body */

.clb-ui-practice-body-32f4b13b:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 12px 0 0;
  min-height: 72px;
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.55;
  color: #c1cee0;
  text-wrap: pretty;
}

/* front-page.php · Practice / learn more */

.clb-ui-practice-learn-more-9c13b316:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15.5px;
  font-weight: 700;
  color: #4a8ce8;
}

/* front-page.php · Button / view all practice areas */

.clb-ui-button-view-all-practice-areas-d585b4a0:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 50px;
  height: 52px;
  padding: 0 28px;
  border-radius: 4px;
  border: 1px solid rgba(150,190,235,0.5);
  display: inline-flex;
  align-items: center;
  font-size: 17px;
  font-weight: 700;
  color: #ffffff;
}

/* front-page.php · Text / closing headline */

.clb-ui-text-closing-headline-527b0e09:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 74px 0 0;
  max-width: 100%;
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-size: clamp(28px, 2.4vw, 42px);
  font-weight: 400;
  line-height: 1.2;
  color: #ffffff;
}

/* front-page.php · Text / closing subcopy */

.clb-ui-text-closing-subcopy-37b9611d:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 24px 0 0;
  max-width: 620px;
  text-align: center;
  font-size: 17.5px;
  font-weight: 400;
  line-height: 1.6;
  color: #b9c6da;
  text-wrap: pretty;
}

/* front-page.php · Chips / reassurance row */

.clb-ui-chips-reassurance-row-8b1c842d:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
}

/* front-page.php · Chip / free consultation */

.clb-ui-chip-free-consultation-e0301236:not(#clb-inline-priority):not(#clb-inline-priority) {
  height: 40px;
  padding: 0 20px;
  border-radius: 999px;
  border: 1px solid rgba(96,148,216,0.4);
  background: rgba(24,52,102,0.42);
  display: inline-flex;
  align-items: center;
  font-size: 15.5px;
  font-weight: 500;
  color: #cfdcee;
}

/* front-page.php · Button / get free case review */

.clb-ui-button-get-free-case-review-e250ed1b:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 40px;
  height: 62px;
  padding: 0 32px;
  border-radius: 4px;
  background: #1a4fc4;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
}

/* front-page.php · Button / arrow glyph */

.clb-ui-button-arrow-glyph-a29d3f77:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 20px;
  font-weight: 400;
}

/* front-page.php · Text / call fallback */

.clb-ui-text-call-fallback-c7589b0e:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 24px;
  font-size: 16.5px;
  font-weight: 400;
  color: #97a7bd;
}

/* front-page.php · Link / phone */

.clb-ui-link-phone-aef86f80:not(#clb-inline-priority):not(#clb-inline-priority) {
  color: #97a7bd;
}

/* front-page.php · svg */

.clb-ui-svg-928af12f:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-left: 4px;
}

/* template-parts/site-footer.php · Section / Footer */

.clb-ui-section-footer-3faa9337:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #0d1729;
  font-family: Archivo, sans-serif;
}

/* template-parts/site-footer.php · Footer / centered container */

.clb-ui-footer-centered-container-1f729fcd:not(#clb-inline-priority):not(#clb-inline-priority) {
  position: relative;
  width: 100%;
  max-width: 1740px;
  margin: 0 auto;
  padding: 58px 60px 40px;
  display: flex;
  flex-direction: column;
}

/* template-parts/site-footer.php · Footer / top row */

.clb-ui-footer-top-row-5da6d1ff:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 48px;
  row-gap: 28px;
}

/* template-parts/site-footer.php · Footer / logo lockup */

.clb-ui-footer-logo-lockup-d74fd022:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: none;
}

/* template-parts/site-footer.php · Footer / chevron mark */

.clb-ui-footer-chevron-mark-a5e2f415:not(#clb-inline-priority):not(#clb-inline-priority) {
  height: 66px;
  object-fit: contain;
}

/* template-parts/site-footer.php · Footer / availability line */

.clb-ui-footer-availability-line-86aa9f6d:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 320px;
  min-width: 0;
  text-align: center;
  font-size: 19px;
  font-weight: 400;
  color: #c3cddd;
}

/* template-parts/site-footer.php · Footer / availability emphasis */

.clb-ui-footer-availability-emphasis-fda46d94:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-weight: 700;
  color: #ffffff;
}

/* template-parts/site-footer.php · Button / footer call */

.clb-ui-button-footer-call-e170fdfb:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: none;
  height: 62px;
  padding: 0 26px;
  border-radius: 4px;
  background: #1a4fc4;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-size: 19px;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
}

/* template-parts/site-footer.php · Rule / footer upper */

.clb-ui-rule-footer-upper-7b94c75d:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 40px;
  width: 100%;
  height: 1px;
  background: rgba(150,180,220,0.2);
}

/* template-parts/site-footer.php · Footer / offices row */

.clb-ui-footer-offices-row-1c210be1:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 46px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 60px;
  row-gap: 44px;
}

/* template-parts/site-footer.php · Office / Atlanta */

.clb-ui-office-atlanta-1d3b3295:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 1 1 320px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* template-parts/site-footer.php · Office / name */

.clb-ui-office-name-78305f3e:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
}

/* template-parts/site-footer.php · Office / address */

.clb-ui-office-address-c3021830:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin: 20px 0 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.55;
  color: #97a5ba;
}

/* template-parts/site-footer.php · Office / phone row */

.clb-ui-office-phone-row-8d98dfd8:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* template-parts/site-footer.php · Office / phone dot */

.clb-ui-office-phone-dot-7327b0d0:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #4a8ce8;
  flex: none;
}

/* template-parts/site-footer.php · Office / phone */

.clb-ui-office-phone-a1ca66f3:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}

/* template-parts/site-footer.php · Button / directions Atlanta */

.clb-ui-button-directions-atlanta-e4858355:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 30px;
  height: 48px;
  padding: 0 24px;
  border-radius: 999px;
  border: 1px solid rgba(150,180,220,0.42);
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 17px;
  font-weight: 700;
  color: #ffffff;
}

/* template-parts/site-footer.php · Footer / connect column */

.clb-ui-footer-connect-column-74c46771:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 0 1 300px;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* template-parts/site-footer.php · Connect / kicker */

.clb-ui-connect-kicker-61137aee:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  color: #4d84e0;
}

/* template-parts/site-footer.php · Connect / write us */

.clb-ui-connect-write-us-6e0398e3:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 26px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  font-weight: 400;
  color: #dbe4f0;
}

/* template-parts/site-footer.php · Connect / privacy policy */

.clb-ui-connect-privacy-policy-d4222df9:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 22px;
  font-size: 18px;
  font-weight: 400;
  color: #dbe4f0;
}

/* template-parts/site-footer.php · Social / Instagram */

.clb-ui-social-instagram-3a0ba375:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(210,225,245,0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* template-parts/site-footer.php · Social / YouTube */

.clb-ui-social-youtube-984d342b:not(#clb-inline-priority):not(#clb-inline-priority) {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  border: 1px solid rgba(210,225,245,0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* template-parts/site-footer.php · Rule / footer lower */

.clb-ui-rule-footer-lower-9f334ed0:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 68px;
  width: 100%;
  height: 1px;
  background: rgba(150,180,220,0.2);
}

/* template-parts/site-footer.php · Footer / legal row */

.clb-ui-footer-legal-row-0c7daa90:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 40px;
  row-gap: 16px;
}

/* template-parts/site-footer.php · Footer / copyright */

.clb-ui-footer-copyright-61cbbaa9:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 17px;
  font-weight: 400;
  color: #8b98ac;
}

/* template-parts/site-footer.php · Footer / legal links */

.clb-ui-footer-legal-links-78b25284:not(#clb-inline-priority):not(#clb-inline-priority) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  font-size: 17px;
  font-weight: 400;
  color: #8b98ac;
}

/* template-parts/site-footer.php · Legal / terms */

.clb-ui-legal-terms-166ac185:not(#clb-inline-priority):not(#clb-inline-priority) {
  color: #8b98ac;
}

/* template-parts/site-footer.php · Legal / separator */

.clb-ui-legal-separator-4d9ab07f:not(#clb-inline-priority):not(#clb-inline-priority) {
  color: #5c6879;
}

/* Interactive state: JavaScript supplies values through custom properties. */

:where(html[data-clb-view="home"]) .fl-char {
  animation-delay: var(--clb-letter-delay, 0s);
}

:where(html[data-clb-view="home"]) .clb-recognition-motion:not(#clb-inline-priority):not(#clb-inline-priority) {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .6s ease var(--clb-motion-delay, 0s), transform .6s cubic-bezier(.16,.84,.44,1) var(--clb-motion-delay, 0s);
}

:where(html[data-clb-view="home"]) .clb-recognition-motion.clb-recognition-visible:not(#clb-inline-priority):not(#clb-inline-priority) {
  opacity: 1;
  transform: translateY(0);
}

:where(html[data-clb-view="home"]) .story-slot:not(#clb-inline-priority):not(#clb-inline-priority) {
  background: var(--clb-story-background, #0d1c33);
  box-shadow: var(--clb-story-shadow, none);
}

:where(html[data-clb-view="home"]) .stories-track:not(#clb-inline-priority):not(#clb-inline-priority) {
  transition: none;
  transform: translateX(var(--clb-stories-offset, 0px));
}

:where(html[data-clb-view="home"]) .stories-track.is-moving:not(#clb-inline-priority):not(#clb-inline-priority) {
  transition: transform .5s cubic-bezier(.16,.84,.44,1);
}

/* Optional wordmark retained in the template comment. */

.clb-ui-home-wordmark:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-family: Archivo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.14em;
  color: #ffffff;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Optional wordmark retained in the template comment. */

.clb-ui-footer-wordmark:not(#clb-inline-priority):not(#clb-inline-priority) {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.32;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #ffffff;
  white-space: nowrap;
}

/* Google reviews: Trustindex supplies data; the theme preserves the home design. */
:where(html[data-clb-view="home"]) .google-cards.clb-reviews-carousel:not(#clb-inline-priority):not(#clb-inline-priority) {
  --clb-review-columns: 3;
  --clb-review-gap: 32px;
  display: block;
  position: relative;
}
.clb-review-viewport {
  overflow: hidden;
  padding: 10px 0 22px;
  margin-top: -10px;
  touch-action: pan-y;
}
.clb-review-track {
  display: flex;
  align-items: stretch;
  gap: var(--clb-review-gap);
  transform: translate3d(var(--review-offset, 0px), 0, 0);
}
.clb-review-track.is-animating { transition: transform .6s cubic-bezier(.22,.61,.36,1); }
.clb-reviews-carousel .clb-review-card:not(#clb-inline-priority):not(#clb-inline-priority) {
  box-sizing: border-box;
  flex: 0 0 calc((100% - (var(--clb-review-columns) - 1) * var(--clb-review-gap)) / var(--clb-review-columns));
  min-width: 0;
  min-height: 410px;
}
.clb-review-card [data-layer="Review / name"] { overflow-wrap: anywhere; }
.clb-review-avatar { overflow: hidden; }
.clb-review-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.clb-review-avatar.clb-review-avatar-1:not(#clb-inline-priority):not(#clb-inline-priority) { background: #2f9455; }
.clb-review-avatar.clb-review-avatar-2:not(#clb-inline-priority):not(#clb-inline-priority) { background: #b26fce; }
.clb-review-card .clb-review-meta { flex-wrap: wrap; row-gap: 8px; }
.clb-review-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  overflow: hidden;
  white-space: pre-line;
}
.clb-review-card.is-expanded .clb-review-text { display: block; -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; }
.clb-review-expand {
  margin: 12px 0 0;
  padding: 0;
  align-self: flex-start;
  border: 0;
  background: none;
  color: #4a8ce8;
  font: 600 17px/1.5 Archivo, sans-serif;
  cursor: pointer;
}
.clb-review-controls { display: flex; align-items: center; gap: 10px; }
.clb-review-controls button {
  min-width: 42px;
  min-height: 38px;
  padding: 6px 12px;
  border: 1px solid #607fa955;
  border-radius: 5px;
  background: #10203a;
  color: #cfdae8;
  font: 500 15px/1.4 Archivo, sans-serif;
  cursor: pointer;
}
.clb-review-controls .clb-review-toggle { min-width: 72px; }
.clb-review-controls button:hover { background: #19345a; border-color: #6ba3ec; }
.clb-review-controls button:focus-visible, .clb-review-expand:focus-visible, .clb-review-source a:focus-visible {
  outline: 2px solid #8cc5ff;
  outline-offset: 4px;
}
.clb-review-controls[hidden], .clb-review-expand[hidden] { display: none; }
.clb-review-progress { flex: 1; text-align: right; color: #96a6bd; font: 400 13px/1.5 Archivo, sans-serif; }
.clb-review-source { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; margin-top: 18px; font: 400 12px/1.5 Archivo, sans-serif; color: #96a6bd; }
.clb-review-source a { color: #8ebaf3; }
.clb-review-empty { padding: 32px; color: #cfdae8; border: 1px solid #607fa955; border-radius: 10px; }
.clb-review-announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.clb-reviews-carousel:not(.is-ready) .clb-review-track { flex-wrap: wrap; }

/* Local privacy policy: reuse the internal-page typography and spacing. */
:where(html[data-clb-view="article"]) .clb-legal-main {
  max-width: 960px;
  padding-top: 64px;
  padding-bottom: 80px;
}

/* What We Do — reference design, scoped to the services view. */
:where(html[data-clb-view="services"]) body.castanlecca-services {
  font-family: 'Poppins', sans-serif;
}
:root:where([data-clb-view="services"]) {
  --n: #101c4b;
  --b: #0876e8;
  --p: #eaf3ff;
  --l: #f8fbff;
  --t: #18233b;
  --max: 1460px;
}
:where(html[data-clb-view="services"]) * {
  box-sizing: border-box;
}
html:where([data-clb-view="services"]) {
  scroll-behavior: smooth;
}
:where(html[data-clb-view="services"]) body {
  margin: 0;
  color: var(--t);
  font-family: 'DM Sans',Arial,sans-serif;
  background: #fff;
  line-height: 1.58;
}
:where(html[data-clb-view="services"]) a {
  text-decoration: none;
  color: inherit;
}
:where(html[data-clb-view="services"]) .two-wrap {
  max-width: var(--max);
  margin: auto;
  padding: 0 clamp(22px,5vw,72px);
}
:where(html[data-clb-view="services"]) .two-nav {
  padding: 23px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #fff;
  position: relative;
  z-index: 2;
}
:where(html[data-clb-view="services"]) .two-nav img {
  width: 220px;
  max-height: 58px;
  object-fit: contain;
}
:where(html[data-clb-view="services"]) .two-nav nav {
  display: flex;
  align-items: center;
  gap: clamp(16px,2.4vw,34px);
  font-size: 14px;
  font-weight: 600;
}
:where(html[data-clb-view="services"]) .two-nav .call {
  background: #fff;
  color: var(--n);
  border-radius: 999px;
  padding: 10px 18px;
}
:where(html[data-clb-view="services"]) .two-hero {
  background: var(--n);
  overflow: hidden;
  color: #fff;
}
:where(html[data-clb-view="services"]) .two-hero-body {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  min-height: 590px;
  align-items: stretch;
}
:where(html[data-clb-view="services"]) .two-hero-copy {
  padding: 88px 7vw 90px 0;
  align-self: center;
}
:where(html[data-clb-view="services"]) .two-hero-photo {
  position: relative;
  min-height: 420px;
}
:where(html[data-clb-view="services"]) .two-hero-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,var(--n),transparent 32%),linear-gradient(0deg,rgba(16,28,75,.2),rgba(16,28,75,.05));
}
:where(html[data-clb-view="services"]) .two-hero-photo img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
:where(html[data-clb-view="services"]) .overline {
  color: #8cc5ff;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}
:where(html[data-clb-view="services"]) .two-hero h1,
:where(html[data-clb-view="services"]) .two-title {
  font-family: 'Playfair Display',Georgia,serif;
  font-weight: 500;
  line-height: 1.04;
}
:where(html[data-clb-view="services"]) .two-hero h1 {
  font-size: clamp(54px,6vw,92px);
  margin: 18px 0 28px;
}
:where(html[data-clb-view="services"]) .two-hero h1 i {
  color: #83bbff;
}
:where(html[data-clb-view="services"]) .two-hero h2 {
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 12px;
}
:where(html[data-clb-view="services"]) .two-hero p {
  max-width: 650px;
  margin: 0;
  font-size: 17px;
  line-height: 1.72;
  color: #e6efff;
}
:where(html[data-clb-view="services"]) .intro {
  background: var(--l);
  padding: 83px 0;
}
:where(html[data-clb-view="services"]) .intro-inner {
  max-width: 1000px;
  margin: auto;
  text-align: center;
}
:where(html[data-clb-view="services"]) .intro h2 {
  font-size: clamp(34px,4vw,57px);
  margin: 14px 0 17px;
  color: var(--n);
}
:where(html[data-clb-view="services"]) .intro p {
  font-size: 18px;
  margin: 0;
}
:where(html[data-clb-view="services"]) .content {
  padding: 88px 0;
}
:where(html[data-clb-view="services"]) .guide-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: clamp(40px,7vw,120px);
  align-items: start;
}
:where(html[data-clb-view="services"]) .guide-side {
  position: sticky;
  top: 25px;
}
:where(html[data-clb-view="services"]) .guide-side .two-title {
  font-size: clamp(36px,4vw,56px);
  margin: 15px 0 0;
  color: var(--n);
}
:where(html[data-clb-view="services"]) .guide-side:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background: var(--b);
  margin-top: 28px;
}
:where(html[data-clb-view="services"]) .articles {
  border-top: 1px solid #cad9eb;
}
:where(html[data-clb-view="services"]) .guide-item {
  padding: 37px 0;
  border-bottom: 1px solid #cad9eb;
}
:where(html[data-clb-view="services"]) .guide-item-head {
  display: grid;
  grid-template-columns: 62px 1fr;
  gap: 21px;
  align-items: start;
}
:where(html[data-clb-view="services"]) .guide-number {
  height: 52px;
  width: 52px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--p);
  color: var(--b);
  font-weight: 700;
  font-size: 18px;
}
:where(html[data-clb-view="services"]) .guide-item h3 {
  font-size: clamp(22px,2.2vw,29px);
  line-height: 1.24;
  margin: 7px 0 18px;
  color: var(--n);
}
:where(html[data-clb-view="services"]) .guide-item p {
  font-size: 16.5px;
  line-height: 1.78;
  color: #47546c;
  margin: 0 0 17px;
}
:where(html[data-clb-view="services"]) .guide-item p:last-child {
  margin-bottom: 0;
}
:where(html[data-clb-view="services"]) .detail-list {
  list-style: none;
  margin: 23px 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 18px;
}
:where(html[data-clb-view="services"]) .detail-list li {
  font-size: 15.5px;
  color: #30415e;
  display: flex;
  gap: 11px;
}
:where(html[data-clb-view="services"]) .detail-list li:before {
  content: '+';
  font-size: 20px;
  line-height: 1;
  color: var(--b);
  font-weight: 700;
}
:where(html[data-clb-view="services"]) .contact-quote {
  margin-top: 70px;
  background: linear-gradient(130deg,#0b68d4,#12316c);
  color: #fff;
  padding: clamp(35px,5vw,65px);
  text-align: center;
  border-radius: 3px;
}
:where(html[data-clb-view="services"]) .contact-quote p {
  max-width: 910px;
  margin: auto;
  font-family: 'Playfair Display';
  font-size: clamp(23px,2.5vw,34px);
  line-height: 1.43;
}
:where(html[data-clb-view="services"]) .contact-quote a {
  color: #c9e3ff;
  white-space: nowrap;
}
:where(html[data-clb-view="services"]) .areas {
  padding: 90px 0;
  background: var(--n);
  color: #fff;
}
:where(html[data-clb-view="services"]) .areas-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 38px;
}
:where(html[data-clb-view="services"]) .areas .two-title {
  font-size: clamp(35px,4.2vw,58px);
  margin: 13px 0 0;
}
:where(html[data-clb-view="services"]) .area-list {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  border-top: 1px solid rgba(255,255,255,.3);
  border-bottom: 1px solid rgba(255,255,255,.3);
}
:where(html[data-clb-view="services"]) .area-item {
  min-height: 260px;
  padding: 22px 17px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: end;
  border-right: 1px solid rgba(255,255,255,.22);
}
:where(html[data-clb-view="services"]) .area-item:last-child {
  border-right: 0;
}
:where(html[data-clb-view="services"]) .area-item:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(7,16,42,.97),rgba(7,16,42,.1) 90%);
}
:where(html[data-clb-view="services"]) .area-item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
:where(html[data-clb-view="services"]) .area-item span {
  position: relative;
  z-index: 1;
  white-space: pre-line;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 700;
}
:where(html[data-clb-view="services"]) .home-footer-slot {
  min-height: 1px;
}
:where(html[data-clb-view="services"]) .intro {
  background: var(--l) url('../../../../uploads/2026/09/Lines-02-1-1.png') right center/auto 180% no-repeat;
}
:where(html[data-clb-view="services"]) .content {
  background: #fff url('../../../../uploads/2026/09/Lines2-04-1-1.png') left center/auto 115% no-repeat;
}
:where(html[data-clb-view="services"]) .contact-quote {
  background: linear-gradient(90deg,rgba(11,104,212,.94),rgba(18,49,108,.85)),url('../images/revision-2026/atlanta.jpg') center/cover;
}
:where(html[data-clb-view="services"]) .guide-side {
  background: var(--n);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 16px 40px #101c4b20;
}
:where(html[data-clb-view="services"]) .guide-side:after {
  display: none;
}
:where(html[data-clb-view="services"]) .guide-photo {
  height: 158px;
  position: relative;
}
:where(html[data-clb-view="services"]) .guide-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
:where(html[data-clb-view="services"]) .guide-photo:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,var(--n),transparent 80%);
}
:where(html[data-clb-view="services"]) .guide-index {
  padding: 8px 20px 20px;
}
:where(html[data-clb-view="services"]) .guide-index ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
:where(html[data-clb-view="services"]) .guide-index li+li {
  border-top: 1px solid #ffffff29;
}
:where(html[data-clb-view="services"]) .guide-index a {
  display: grid;
  grid-template-columns: 24px 1fr 12px;
  gap: 10px;
  align-items: start;
  padding: 18px 0;
  color: #edf4ff;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 500;
}
:where(html[data-clb-view="services"]) .index-number,
:where(html[data-clb-view="services"]) .guide-index a:hover {
  color: #8cc5ff;
}
:where(html[data-clb-view="services"]) .guide-index a:focus-visible {
  outline: 2px solid #8cc5ff;
  outline-offset: 3px;
}
:where(html[data-clb-view="services"]) .guide-item {
  scroll-margin-top: 24px;
}
:where(html[data-clb-view="services"]) .guide-item:target .guide-number {
  background: var(--b);
  color: #fff;
}
:where(html[data-clb-view="services"]) .guide-side {
  --reading: 0%;
  background: radial-gradient(ellipse at top right,#234c7c,transparent 65%),#0b1735;
  border: 1px solid #658fbb40;
  border-radius: 18px;
  box-shadow: 0 24px 50px #0b173526;
}
:where(html[data-clb-view="services"]) .guide-photo {
  height: 185px;
  overflow: hidden;
}
:where(html[data-clb-view="services"]) .guide-photo img {
  filter: saturate(.65);
  transform: scale(1.04);
}
:where(html[data-clb-view="services"]) .guide-photo:after {
  background: linear-gradient(0deg,#0b1735,transparent 90%),linear-gradient(110deg,#0876e835,transparent);
}
:where(html[data-clb-view="services"]) .guide-photo:before {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 1;
  border: 1px solid #ffffff38;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
  pointer-events: none;
}
:where(html[data-clb-view="services"]) .guide-index {
  padding: 0 14px 23px;
  position: relative;
}
:where(html[data-clb-view="services"]) .guide-index:before {
  content: "";
  display: block;
  height: 3px;
  margin: 0 9px 18px;
  border-radius: 3px;
  background: linear-gradient(to right,#8cc5ff var(--reading),#ffffff20 var(--reading));
}
:where(html[data-clb-view="services"]) .guide-index li+li {
  border: 0;
  margin-top: 7px;
}
:where(html[data-clb-view="services"]) .guide-index a {
  grid-template-columns: 34px 1fr 12px;
  align-items: center;
  padding: 14px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 13px;
  transition: background .2s,border-color .2s,transform .2s;
}
:where(html[data-clb-view="services"]) .guide-index .index-number {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #8cc5ff45;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 700;
  transition: background .2s;
}
:where(html[data-clb-view="services"]) .guide-index a:hover {
  background: #ffffff0c;
  transform: translateX(2px);
}
:where(html[data-clb-view="services"]) .guide-index a:is([aria-current="step"], [aria-current="location"]) {
  background: linear-gradient(110deg,#1a73bd55,#ffffff08);
  border-color: #8cc5ff65;
  color: #fff;
}
:where(html[data-clb-view="services"]) .guide-index a:is([aria-current="step"], [aria-current="location"]) .index-number {
  background: #8cc5ff;
  border-color: #8cc5ff;
  color: #0b1735;
  box-shadow: 0 0 18px #0876e840;
}
:where(html[data-clb-view="services"]) .guide-index a>span:last-child {
  color: #8cc5ff;
  transition: transform .2s;
}
:where(html[data-clb-view="services"]) .guide-index a:is([aria-current="step"], [aria-current="location"])>span:last-child {
  transform: rotate(45deg);
}
html:where([data-clb-view="services"]):has(body.castanlecca-personal-injury),
:where(html[data-clb-view="services"]) 
body.castanlecca-personal-injury {
  overflow-x: clip;
  overflow-y: visible;
}
:where(html[data-clb-view="services"]) .two-hero {
  min-height: clamp(760px,95svh,940px);
  background: 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/home-reference/ChatGPT-Image-22-sept-2026-11_56_48-a.m.webp') center/cover no-repeat;
  display: flex;
}
:where(html[data-clb-view="services"]) .two-hero>.two-wrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
:where(html[data-clb-view="services"]) .two-hero .two-nav {
  min-height: 112px;
  border-bottom: 1px solid #ffffff26;
}
:where(html[data-clb-view="services"]) .two-hero-body {
  display: block;
  min-height: 0;
  margin-top: auto;
}
:where(html[data-clb-view="services"]) .two-hero-photo {
  display: none;
}
:where(html[data-clb-view="services"]) .two-hero-copy {
  padding: 72px 0 80px;
  max-width: 780px;
}
:where(html[data-clb-view="services"]) .two-hero h1 {
  font-size: clamp(62px,7vw,108px);
  line-height: 1.02;
  margin: 16px 0 24px;
}
:where(html[data-clb-view="services"]) .two-hero p {
  max-width: 630px;
  color: #edf3fc;
}
:where(html[data-clb-view="services"]) .personal-overview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(28px,5vw,72px);
  margin: 0 auto 75px;
  max-width: 1200px;
  text-align: left;
}
:where(html[data-clb-view="services"]) .personal-overview p {
  font-size: 17px;
  line-height: 1.85;
  color: #47546c;
}
:where(html[data-clb-view="services"]) .personal-overview p:last-child {
  border-left: 3px solid var(--b);
  padding-left: 28px;
}
:where(html[data-clb-view="services"]) .intro-inner {
  max-width: 1050px;
}
:where(html[data-clb-view="services"]) .personal-cases {
  text-align: left;
  border-radius: 14px;
}
:where(html[data-clb-view="services"]) .personal-cases h2 {
  font-size: clamp(34px,4vw,55px);
  margin: 0 0 30px;
  color: #fff;
}
:where(html[data-clb-view="services"]) .personal-cases p {
  font-family: inherit;
  font-size: 17px;
  line-height: 1.85;
  max-width: none;
  margin: 0 0 22px;
}
:where(html[data-clb-view="services"]) .personal-cases .consultation {
  display: inline-flex;
  gap: 30px;
  padding: 15px 24px;
  background: #fff;
  color: var(--n);
  border-radius: 6px;
  font-weight: 700;
  margin-top: 12px;
}
:where(html[data-clb-view="services"]) .personal-cases .consultation:focus-visible {
  outline: 3px solid #8cc5ff;
  outline-offset: 5px;
}
html:where([data-clb-view="services"]),
:where(html[data-clb-view="services"]) body.castanlecca-services {
  overflow-x: clip;
  overflow-y: visible;
}
:where(html[data-clb-view="services"]) .castanlecca-services .two-hero {
  background: linear-gradient(90deg,rgba(7,19,41,.88),rgba(7,19,41,.6) 48%,rgba(7,19,41,.14) 85%),linear-gradient(0deg,rgba(7,19,41,.9),transparent 65%),url('../images/revision-2026/firm-team.webp') center top/cover no-repeat;
}
:where(html[data-clb-view="services"]) .service-detail {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) 160px;
  gap: 30px;
  align-items: center;
}
:where(html[data-clb-view="services"]) .service-detail > div {
  min-width: 0;
}
:where(html[data-clb-view="services"]) .service-visual {
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
  background: #eaf3ff;
  border: 1px solid #d5e5f7;
}
:where(html[data-clb-view="services"]) .service-visual img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: contain;
}
:where(html[data-clb-view="services"]) .service-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  max-width: 100%;
  padding: 12px 17px;
  border: 1px solid #c4d8ef;
  border-radius: 8px;
  color: #1160b7;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 700;
  transition: background-color .2s, border-color .2s;
}
:where(html[data-clb-view="services"]) .service-link:hover {
  background: #eaf3ff;
  border-color: #0876e8;
}
:where(html[data-clb-view="services"]) .service-link > span {
  flex: none;
}
:where(html[data-clb-view="services"]) .guide-side[data-active-area="1"] { --reading: 20%; }
:where(html[data-clb-view="services"]) .guide-side[data-active-area="2"] { --reading: 40%; }
:where(html[data-clb-view="services"]) .guide-side[data-active-area="3"] { --reading: 60%; }
:where(html[data-clb-view="services"]) .guide-side[data-active-area="4"] { --reading: 80%; }
:where(html[data-clb-view="services"]) .guide-side[data-active-area="5"] { --reading: 100%; }
:where(html[data-clb-view="services"]) .services-start {
  border-radius: 14px;
}
:where(html[data-clb-view="services"]) .services-start .two-title {
  font-size: clamp(34px,4vw,56px);
  margin: 0;
}
:where(html[data-clb-view="services"]) .services-start .two-title i {
  color: #c9e3ff;
}
:where(html[data-clb-view="services"]) .services-steps {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 32px;
  margin: 40px 0;
}
:where(html[data-clb-view="services"]) .service-step-number {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  margin: 0 auto 18px;
  border: 1px solid #c9e3ff75;
  border-radius: 50%;
  color: #c9e3ff;
  font-weight: 700;
  font-size: 14px;
}
:where(html[data-clb-view="services"]) .services-start .service-step p {
  font-family: 'DM Sans',Arial,sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #f1f7ff;
}
:where(html[data-clb-view="services"]) .services-start .consultation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 16px 24px;
  border-radius: 8px;
  background: #fff;
  color: #101c4b;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
  white-space: normal;
}
:where(html[data-clb-view="services"]) .services-call {
  margin-top: 22px;
  font-size: 15px;
}
:where(html[data-clb-view="services"]) .services-call a {
  font-weight: 700;
}
:where(html[data-clb-view="services"]) .services-results .two-title i {
  color: #83bbff;
}
:where(html[data-clb-view="services"]) .services-results-intro {
  max-width: 840px;
  margin: 0 0 38px;
  color: #d8e7fb;
  font-size: 17px;
  line-height: 1.8;
}
:where(html[data-clb-view="services"]) .services-result-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 24px;
}
:where(html[data-clb-view="services"]) .service-result {
  display: block;
  border: 1px solid #c4d8ef;
  border-radius: 14px;
  overflow: hidden;
  background: #f8fbff;
  color: #101c4b;
  transition: transform .25s, box-shadow .25s;
}
:where(html[data-clb-view="services"]) .service-result:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px #00000030;
}
:where(html[data-clb-view="services"]) .service-result img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  display: block;
}
:where(html[data-clb-view="services"]) .service-result > div {
  padding: 24px;
}
:where(html[data-clb-view="services"]) .service-result h3 {
  font-family: 'Playfair Display',Georgia,serif;
  font-size: clamp(24px,2.7vw,36px);
  font-weight: 500;
  line-height: 1.18;
  margin: 0 0 12px;
}
:where(html[data-clb-view="services"]) .service-result p {
  margin: 0 0 24px;
  font-size: 16px;
}
:where(html[data-clb-view="services"]) .service-result > div > span {
  color: #1160b7;
  font-size: 14px;
  font-weight: 700;
}
:where(html[data-clb-view="services"]) .services-stories-link {
  display: inline-flex;
  gap: 22px;
  align-items: center;
  padding: 15px 20px;
  margin-top: 36px;
  border: 1px solid #83bbff85;
  border-radius: 8px;
  color: #edf3fc;
  font-size: 16px;
  font-weight: 700;
}
:where(html[data-clb-view="services"]) .service-link:focus-visible,
:where(html[data-clb-view="services"]) .service-result:focus-visible,
:where(html[data-clb-view="services"]) .services-stories-link:focus-visible,
:where(html[data-clb-view="services"]) .consultation:focus-visible {
  outline: 3px solid #83bbff;
  outline-offset: 4px;
}

/* October feedback: eight-attorney home carousel. */
:where(html[data-clb-view="home"]) .clb-team-carousel {
  --team-columns: 5;
  --team-gap: 24px;
  width: 100%;
  min-width: 0;
  max-width: 1200px;
  margin-top: 40px;
}
:where(html[data-clb-view="home"]) .clb-team-viewport {
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  border-radius: 8px;
}
:where(html[data-clb-view="home"]) .clb-team-viewport::-webkit-scrollbar { display: none; }
:where(html[data-clb-view="home"]) .clb-team-track:not(#clb-inline-priority):not(#clb-inline-priority) {
  margin-top: 0;
  max-width: none;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: var(--team-gap);
}
:where(html[data-clb-view="home"]) .clb-team-card:not(#clb-inline-priority):not(#clb-inline-priority) {
  flex: 0 0 calc((100% - (var(--team-columns) - 1) * var(--team-gap)) / var(--team-columns));
  min-width: 0;
  max-width: none;
  scroll-snap-align: start;
  box-shadow: none;
  /* Match the neutral matte in Ed's original transparent portrait. */
  background: #d3d9e1;
}
:where(html[data-clb-view="home"]) .clb-team-card:focus-visible {
  outline: 3px solid #0876e8;
  outline-offset: -3px;
}
:where(html[data-clb-view="home"]) .clb-team-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 22px;
}
:where(html[data-clb-view="home"]) .clb-team-controls[hidden] { display: none; }
:where(html[data-clb-view="home"]) .clb-team-controls button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 40px;
  padding: 0;
  border: 1px solid #b6cbe6;
  border-radius: 6px;
  background: #fff;
  color: #194b91;
  font: inherit;
  font-size: 21px;
  cursor: pointer;
}
:where(html[data-clb-view="home"]) .clb-team-controls button:hover { background: #eaf3ff; }
:where(html[data-clb-view="home"]) .clb-team-controls button:focus-visible { outline: 3px solid #0876e8; outline-offset: 3px; }
:where(html[data-clb-view="home"]) .clb-team-progress { min-width: 82px; color: #42546e; text-align: center; font-size: 14px; }
:where(html[data-clb-view="about"]) .person[id^="attorney-"] { scroll-margin-top: 60px; }
:where(html[data-clb-view="personal"], html[data-clb-view="car"], html[data-clb-view="immigration"], html[data-clb-view="workers"]) :is(a.area-item, a.area) { text-decoration: none; }
:where(html[data-clb-view="personal"], html[data-clb-view="car"], html[data-clb-view="immigration"], html[data-clb-view="workers"]) :is(a.area-item, a.area):focus-visible { outline: 3px solid #8cc5ff; outline-offset: -3px; }
:where(html[data-clb-view="personal"], html[data-clb-view="car"], html[data-clb-view="immigration"], html[data-clb-view="workers"]) .area-item-flag { background: #0a2146; }
:where(html[data-clb-view="personal"], html[data-clb-view="car"], html[data-clb-view="immigration"], html[data-clb-view="workers"]) .area-item-flag img { object-fit: contain; padding: 16px; }

/* Supplied portraits: one consistent frame, preserving the original image detail. */
:where(html[data-clb-view="home"]) .clb-team-card [data-layer="Attorney / portrait"]:not(#clb-inline-priority):not(#clb-inline-priority) {
  inset: 12px 0 0;
  width: 100%;
  height: calc(100% - 12px);
  max-width: 100%;
  max-height: 475px;
  object-fit: contain;
  object-position: center top;
  image-rendering: auto;
  transform: none;
}