/* Viewport, device and motion rules. Loaded after global.css. */

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

@media (max-width:900px) {
  :where(html[data-clb-view="home"]) .successes-fx .successes-watermark {
    opacity: .4;
    width: 600px;
    height: 992px;
    background-size: 600px 992px;
    left: -90px;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="home"]) .google-reviews-fx .reviews-watermark {
    opacity: .32;
    width: 620px;
    height: 491px;
    background-size: 620px 491px;
    left: -130px;
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-clb-view="home"]) .google-reviews-fx .reviews-accent-glow,
  :where(html[data-clb-view="home"]) .google-reviews-fx .reviews-watermark {
    animation: none;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="home"]) .free-review-fx .review-watermark {
    opacity: .32;
    width: 600px;
    height: 992px;
    background-size: 600px 992px;
    left: -90px;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="home"]) .practice-fx .practice-watermark {
    opacity: .12;
    width: 620px;
    height: 491px;
    background-size: 620px 491px;
    left: -130px;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="home"]) [data-layer="Hero / full-bleed section"] {
    min-height: 0 !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Content / centered container"] {
    padding: 24px clamp(16px,5vw,40px) 48px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Image / attorneys team"] {
    display: none !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="BG / chevron watermark"] {
    display: none !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Hero copy"] {
    max-width: 100% !important;
    margin-top: 56px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Buttons / hero CTA row"] {
    gap: 16px !important;
  }
  /* nav collapses to a hamburger + dropdown panel */
  :where(html[data-clb-view="home"]) [data-layer="Nav / links"] {
    display: none !important;
  }
  :where(html[data-clb-view="home"]) #mobile-nav-toggle {
    display: flex !important;
  }
  :where(html[data-clb-view="home"]) header[data-layer="Nav / header"].nav-open [data-layer="Nav / links"] {
    display: flex !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 10px) !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    background: rgba(4,10,28,0.98) !important;
    border: 1px solid rgba(120,160,220,0.28) !important;
    border-radius: 10px !important;
    padding: 14px 20px !important;
    box-shadow: 0 24px 50px rgba(0,4,16,0.55) !important;
    z-index: 40 !important;
  }
  :where(html[data-clb-view="home"]) header[data-layer="Nav / header"].nav-open [data-layer="Nav / links"] a {
    width: 100% !important;
    padding: 12px 0 !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Hero / full-bleed section"]:has(header.nav-open) {
    overflow: visible !important;
    z-index: 50 !important;
  }
  /* stats bar: fixed 3-column widths overflow below 1024px, so stack instead */
  :where(html[data-clb-view="home"]) [data-layer="Stats / bar"] {
    flex-direction: column !important;
    align-items: center !important;
    gap: 26px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Stat / years"],
  :where(html[data-clb-view="home"]) [data-layer="Stat / verdict"],
  :where(html[data-clb-view="home"]) [data-layer="Stat / referrals"] {
    width: 100% !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Stat / divider"] {
    display: none !important;
  }
}

@media (max-width: 479px) {
  :where(html[data-clb-view="home"]) [data-layer="Button / call primary"] span {
    display: none !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Button / call primary"] {
    padding: 0 !important;
    width: 44px !important;
    justify-content: center !important;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="home"]) [data-layer="Recognition / centered container"] {
    padding: 32px clamp(16px,5vw,40px) 32px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Rule / kicker left"],
  :where(html[data-clb-view="home"]) [data-layer="Rule / kicker right"] {
    display: none !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Recognition / kicker row"] {
    flex-wrap: wrap !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Recognition / kicker row"] [data-layer="Text / kicker"] {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }
  /* single-row horizontal marquee doesn't make sense once badges wrap into a grid */
  :where(html[data-clb-view="home"]) [data-layer="Recognition / badge row"] {
    animation: none !important;
    gap: 18px 8px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Recognition / badge row"] > div[data-layer^="Badge /"]:not([data-layer="Badge / divider"]) {
    flex: 0 1 calc(50% - 4px) !important;
    min-width: 130px !important;
    padding: 6px 14px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Badge / divider"] {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="home"]) [data-layer="Story / centered container"] {
    padding: 56px clamp(16px,5vw,40px) 64px !important;
    column-gap: 40px !important;
    row-gap: 48px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="BG / chevron watermark right"] {
    width: 220px !important;
    opacity: .1 !important;
  }
  /* fixed-padding 3-stat row (built for one line, split by dividers) doesn't
     wrap cleanly — stack instead, same approach as the Hero stats bar */
  :where(html[data-clb-view="home"]) [data-layer="Stats / story row"] {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 26px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Stat / years metro"],
  :where(html[data-clb-view="home"]) [data-layer="Stat / combined experience"],
  :where(html[data-clb-view="home"]) [data-layer="Stat / languages"] {
    padding: 0 !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Stat / divider"] {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="home"]) [data-layer="Successes / centered container"] {
    padding: 64px clamp(16px,5vw,40px) 72px !important;
  }
}

@media (max-width: 599px) {
  :where(html[data-clb-view="home"]) [data-layer^="Card / settlement"] {
    padding: 18px 18px !important;
    gap: 14px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer^="Card / settlement"] [data-layer^="Icon /"] {
    width: 52px !important;
    height: 52px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer^="Card / settlement"] [data-layer^="Icon /"] img {
    width: 32px !important;
    max-width: 32px !important;
    height: auto !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Settlement / divider"] {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="home"]) [data-layer="Reviews / centered container"] {
    padding: 64px clamp(16px,5vw,40px) 72px !important;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="home"]) [data-layer="Stories / centered container"] {
    padding: 56px clamp(16px,5vw,40px) 64px !important;
  }
  :where(html[data-clb-view="home"]) .story-slot {
    width: 260px !important;
  }
  :where(html[data-clb-view="home"]) .stories-track {
    gap: 20px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Carousel / row"] {
    gap: 16px !important;
  }
}

@media (max-width: 599px) {
  :where(html[data-clb-view="home"]) .story-slot {
    width: 200px !important;
  }
  :where(html[data-clb-view="home"]) #storiesTrack [data-layer="Story / caption"] {
    left: 16px !important;
    right: 16px !important;
    bottom: 18px !important;
  }
  :where(html[data-clb-view="home"]) #storiesTrack [data-layer="Story / name"] {
    font-size: 18px !important;
    line-height: 1.15 !important;
  }
  :where(html[data-clb-view="home"]) #storiesTrack [data-layer="Story / label"] {
    font-size: 10px !important;
  }
  :where(html[data-clb-view="home"]) #storiesTrack [data-layer="Story / play badge"] {
    top: 28% !important;
    width: 48px !important;
    height: 48px !important;
  }
  :where(html[data-clb-view="home"]) #story-modal {
    padding: 16px;
  }
  :where(html[data-clb-view="home"]) #story-modal-panel {
    max-width: 100%;
    max-height: calc(100dvh - 32px);
  }
  :where(html[data-clb-view="home"]) #story-modal-caption {
    padding: 18px;
  }
  :where(html[data-clb-view="home"]) #story-modal-name {
    font-size: 21px;
  }
  :where(html[data-clb-view="home"]) #stories-prev,
  :where(html[data-clb-view="home"]) #stories-next {
    display: none !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Carousel / row"] {
    gap: 0 !important;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="home"]) [data-layer="Review / centered container"] {
    padding: 64px clamp(16px,5vw,40px) 72px !important;
    column-gap: 48px !important;
    row-gap: 48px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Form / panel"] {
    padding: 32px clamp(16px,5vw,32px) 36px !important;
  }
}

@media (max-width: 479px) {
  :where(html[data-clb-view="home"]) [data-layer="Form / name row"],
  :where(html[data-clb-view="home"]) [data-layer="Form / contact row"] {
    gap: 16px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Field / first name"],
  :where(html[data-clb-view="home"]) [data-layer="Field / last name"],
  :where(html[data-clb-view="home"]) [data-layer="Field / email"],
  :where(html[data-clb-view="home"]) [data-layer="Field / phone"] {
    flex: 1 1 100% !important;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="home"]) [data-layer="Team / centered container"] {
    padding: 56px clamp(16px,5vw,40px) 64px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Stats / team row"] {
    justify-content: center !important;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="home"]) [data-layer="Practice / centered container"] {
    padding: 56px clamp(16px,5vw,40px) 64px !important;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="home"]) [data-layer="Footer / centered container"] {
    padding: 48px clamp(16px,5vw,40px) 32px !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Footer / top row"] {
    justify-content: center !important;
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  :where(html[data-clb-view="home"]) #cookie-consent {
    right: 104px !important;
  }
}

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

@media (max-width:1100px) {
  :where(html[data-clb-view="about"]) .team-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:600px) {
  :where(html[data-clb-view="about"]) .team-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width:800px) {
  :where(html[data-clb-view="about"]) .clb-wrap {
    padding: 0 22px;
  }
  :where(html[data-clb-view="about"]) .nav-links {
    display: none;
  }
  :where(html[data-clb-view="about"]) .hero-content {
    padding: 90px 0;
  }
  :where(html[data-clb-view="about"]) .cards,
  :where(html[data-clb-view="about"]) .dedicated-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="about"]) .values,
  :where(html[data-clb-view="about"]) .dedicated,
  :where(html[data-clb-view="about"]) .team {
    padding: 70px 0;
  }
  :where(html[data-clb-view="about"]) .dedicated-grid {
    gap: 38px;
  }
  :where(html[data-clb-view="about"]) .bio-panel {
    padding: 42px 28px;
  }
  :where(html[data-clb-view="about"]) .bio-panel h2 {
    font-size: 36px;
  }
}

@media (max-width:800px) {
  :where(html[data-clb-view="about"]) .about-hero {
    min-height: 740px;
    background-position: 57% top;
  }
  :where(html[data-clb-view="about"]) .about-hero .hero-content {
    padding: 190px 0 45px;
  }
  :where(html[data-clb-view="about"]) .about-hero .hero-content h1 {
    font-size: clamp(58px,12vw,86px);
  }
  :where(html[data-clb-view="about"]) .about-hero .hero-content p {
    font-size: 18px;
  }
}

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

@media (max-width:900px) {
  :where(html[data-clb-view="about-alt"]) .alt-nav nav {
    display: none;
  }
  :where(html[data-clb-view="about-alt"]) .intro-band .alt-container,
  :where(html[data-clb-view="about-alt"]) .dedication-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  :where(html[data-clb-view="about-alt"]) .dedication-photo {
    height: 350px;
  }
  :where(html[data-clb-view="about-alt"]) .team-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width:620px) {
  :where(html[data-clb-view="about-alt"]) .alt-hero {
    min-height: 630px;
  }
  :where(html[data-clb-view="about-alt"]) .alt-hero .alt-container {
    padding-bottom: 70px;
  }
  :where(html[data-clb-view="about-alt"]) .value-grid,
  :where(html[data-clb-view="about-alt"]) .team-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="about-alt"]) .values,
  :where(html[data-clb-view="about-alt"]) .dedication,
  :where(html[data-clb-view="about-alt"]) .team {
    padding: 70px 0;
  }
  :where(html[data-clb-view="about-alt"]) .profile-img {
    height: 280px;
  }
}

@media (max-width:620px) {
  :where(html[data-clb-view="about-alt"]) .alt-hero {
    min-height: 800px;
  }
  :where(html[data-clb-view="about-alt"]) .alt-hero:before {
    background-position: 57% top;
  }
  :where(html[data-clb-view="about-alt"]) .alt-hero .alt-container {
    padding-top: 310px;
    padding-bottom: 45px;
  }
  :where(html[data-clb-view="about-alt"]) .alt-hero h1 {
    font-size: clamp(52px,11vw,68px);
  }
  :where(html[data-clb-view="about-alt"]) .alt-hero p {
    font-size: 17px;
  }
}

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

@media (max-width:980px) {
  :where(html[data-clb-view="car"]) .practice-grid {
    grid-template-columns: repeat(3,1fr);
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="car"]) .ca-nav nav {
    display: none;
  }
  :where(html[data-clb-view="car"]) .ca-hero {
    min-height: 630px;
  }
  :where(html[data-clb-view="car"]) .ca-hero .ca-wrap {
    padding-bottom: 66px;
  }
  :where(html[data-clb-view="car"]) .guide,
  :where(html[data-clb-view="car"]) .practice {
    padding: 70px 0;
  }
  :where(html[data-clb-view="car"]) .guide-head {
    margin-bottom: 45px;
  }
  :where(html[data-clb-view="car"]) .step {
    grid-template-columns: 52px 1fr;
    gap: 20px;
    padding-bottom: 46px;
  }
  :where(html[data-clb-view="car"]) .step-icon {
    height: 52px;
    width: 52px;
    font-size: 24px;
    border-radius: 10px;
    box-shadow: 0 0 0 7px #fff;
  }
  :where(html[data-clb-view="car"]) .steps:before {
    left: 26px;
  }
  :where(html[data-clb-view="car"]) .tips {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="car"]) .practice-grid {
    grid-template-columns: repeat(2,1fr);
  }
  :where(html[data-clb-view="car"]) .area {
    min-height: 210px;
  }
  :where(html[data-clb-view="car"]) .support {
    margin-top: 45px;
    padding: 40px 25px;
  }
  :where(html[data-clb-view="car"]) .support p {
    font-size: 17px;
  }
}

@media (max-width:420px) {
  :where(html[data-clb-view="car"]) .practice-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="car"]) .ca-hero {
    min-height: 790px;
  }
  :where(html[data-clb-view="car"]) .ca-hero:before {
    background-position: center,center,62% center;
  }
  :where(html[data-clb-view="car"]) .ca-hero .ca-wrap {
    padding-top: 165px;
    padding-bottom: 54px;
  }
  :where(html[data-clb-view="car"]) .ca-hero h1 {
    font-size: clamp(50px,10vw,72px);
  }
  :where(html[data-clb-view="car"]) .ca-hero p {
    font-size: 16px;
  }
  :where(html[data-clb-view="car"]) .ca-hero h2 {
    font-size: 23px;
  }
}

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

@media (max-width:900px) {
  :where(html[data-clb-view="car-two"]) .two-hero-body,
  :where(html[data-clb-view="car-two"]) .guide-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="car-two"]) .two-hero-copy {
    padding: 50px 0 68px;
  }
  :where(html[data-clb-view="car-two"]) .two-hero-photo {
    display: none;
  }
  :where(html[data-clb-view="car-two"]) .guide-side {
    position: static;
  }
  :where(html[data-clb-view="car-two"]) .detail-list {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="car-two"]) .area-list {
    grid-template-columns: repeat(3,1fr);
  }
  :where(html[data-clb-view="car-two"]) .area-item:nth-child(3) {
    border-right: 0;
  }
}

@media (max-width:640px) {
  :where(html[data-clb-view="car-two"]) .two-nav nav {
    display: none;
  }
  :where(html[data-clb-view="car-two"]) .intro,
  :where(html[data-clb-view="car-two"]) .content,
  :where(html[data-clb-view="car-two"]) .areas {
    padding: 65px 0;
  }
  :where(html[data-clb-view="car-two"]) .area-list {
    grid-template-columns: repeat(2,1fr);
  }
  :where(html[data-clb-view="car-two"]) .area-item {
    min-height: 205px;
  }
  :where(html[data-clb-view="car-two"]) .area-item:nth-child(3) {
    border-right: 1px solid rgba(255,255,255,.22);
  }
  :where(html[data-clb-view="car-two"]) .area-item:nth-child(even) {
    border-right: 0;
  }
  :where(html[data-clb-view="car-two"]) .guide-item-head {
    grid-template-columns: 50px 1fr;
    gap: 14px;
  }
  :where(html[data-clb-view="car-two"]) .guide-number {
    width: 42px;
    height: 42px;
  }
  :where(html[data-clb-view="car-two"]) .contact-quote {
    margin-top: 48px;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="car-two"]) .guide-side {
    position: static;
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  :where(html[data-clb-view="car-two"]) .guide-photo {
    height: 100%;
    min-height: 180px;
  }
}

@media (max-width:480px) {
  :where(html[data-clb-view="car-two"]) .guide-side {
    display: block;
  }
  :where(html[data-clb-view="car-two"]) .guide-photo {
    height: 140px;
    min-height: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  html:where([data-clb-view="car-two"]) {
    scroll-behavior: auto;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="car-two"]) .guide-photo {
    height: 100%;
  }
  :where(html[data-clb-view="car-two"]) .guide-index {
    padding-top: 22px;
  }
}

@media (max-width:480px) {
  :where(html[data-clb-view="car-two"]) .guide-photo {
    height: 155px;
  }
  :where(html[data-clb-view="car-two"]) .guide-index {
    padding-top: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-clb-view="car-two"]) .guide-index a,
  :where(html[data-clb-view="car-two"]) .guide-index span {
    transition: none !important;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="car-two"]) .guide-side {
    position: sticky;
    top: 24px;
    align-self: start;
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
}

@media (min-width:901px) and (max-height:700px) {
  :where(html[data-clb-view="car-two"]) .guide-photo {
    height: 110px;
  }
  :where(html[data-clb-view="car-two"]) .guide-index a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="car-two"]) .two-hero {
    min-height: 790px;
    background-position: center,center,62% center;
  }
  :where(html[data-clb-view="car-two"]) .two-hero-copy {
    padding: 54px 0;
  }
  :where(html[data-clb-view="car-two"]) .two-hero h1 {
    font-size: clamp(50px,10vw,72px);
  }
  :where(html[data-clb-view="car-two"]) .two-hero p {
    font-size: 16px;
  }
  :where(html[data-clb-view="car-two"]) .two-hero h2 {
    font-size: 23px;
  }
}

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

@media (max-width:900px) {
  :where(html[data-clb-view="personal"]) .two-hero-body,
  :where(html[data-clb-view="personal"]) .guide-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="personal"]) .two-hero-copy {
    padding: 50px 0 68px;
  }
  :where(html[data-clb-view="personal"]) .two-hero-photo {
    display: none;
  }
  :where(html[data-clb-view="personal"]) .guide-side {
    position: static;
  }
  :where(html[data-clb-view="personal"]) .detail-list {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="personal"]) .area-list {
    grid-template-columns: repeat(3,1fr);
  }
  :where(html[data-clb-view="personal"]) .area-item:nth-child(3) {
    border-right: 0;
  }
}

@media (max-width:640px) {
  :where(html[data-clb-view="personal"]) .two-nav nav {
    display: none;
  }
  :where(html[data-clb-view="personal"]) .intro,
  :where(html[data-clb-view="personal"]) .content,
  :where(html[data-clb-view="personal"]) .areas {
    padding: 65px 0;
  }
  :where(html[data-clb-view="personal"]) .area-list {
    grid-template-columns: repeat(2,1fr);
  }
  :where(html[data-clb-view="personal"]) .area-item {
    min-height: 205px;
  }
  :where(html[data-clb-view="personal"]) .area-item:nth-child(3) {
    border-right: 1px solid rgba(255,255,255,.22);
  }
  :where(html[data-clb-view="personal"]) .area-item:nth-child(even) {
    border-right: 0;
  }
  :where(html[data-clb-view="personal"]) .guide-item-head {
    grid-template-columns: 50px 1fr;
    gap: 14px;
  }
  :where(html[data-clb-view="personal"]) .guide-number {
    width: 42px;
    height: 42px;
  }
  :where(html[data-clb-view="personal"]) .contact-quote {
    margin-top: 48px;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="personal"]) .guide-side {
    position: static;
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  :where(html[data-clb-view="personal"]) .guide-photo {
    height: 100%;
    min-height: 180px;
  }
}

@media (max-width:480px) {
  :where(html[data-clb-view="personal"]) .guide-side {
    display: block;
  }
  :where(html[data-clb-view="personal"]) .guide-photo {
    height: 140px;
    min-height: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  html:where([data-clb-view="personal"]) {
    scroll-behavior: auto;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="personal"]) .guide-photo {
    height: 100%;
  }
  :where(html[data-clb-view="personal"]) .guide-index {
    padding-top: 22px;
  }
}

@media (max-width:480px) {
  :where(html[data-clb-view="personal"]) .guide-photo {
    height: 155px;
  }
  :where(html[data-clb-view="personal"]) .guide-index {
    padding-top: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-clb-view="personal"]) .guide-index a,
  :where(html[data-clb-view="personal"]) .guide-index span {
    transition: none !important;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="personal"]) .guide-side {
    position: sticky;
    top: 24px;
    align-self: start;
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
}

@media (min-width:901px) and (max-height:700px) {
  :where(html[data-clb-view="personal"]) .guide-photo {
    height: 110px;
  }
  :where(html[data-clb-view="personal"]) .guide-index a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="personal"]) .two-hero {
    min-height: 790px;
    background-position: center,center,62% center;
  }
  :where(html[data-clb-view="personal"]) .two-hero-copy {
    padding: 54px 0;
  }
  :where(html[data-clb-view="personal"]) .two-hero h1 {
    font-size: clamp(50px,10vw,72px);
  }
  :where(html[data-clb-view="personal"]) .two-hero p {
    font-size: 16px;
  }
  :where(html[data-clb-view="personal"]) .two-hero h2 {
    font-size: 23px;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="personal"]) .guide-photo {
    height: 135px;
  }
  :where(html[data-clb-view="personal"]) .guide-index a {
    padding: 11px 8px;
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="personal"]) .personal-overview {
    grid-template-columns: 1fr;
    margin-bottom: 50px;
  }
  :where(html[data-clb-view="personal"]) .two-hero {
    min-height: 740px;
  }
  :where(html[data-clb-view="personal"]) .personal-cases p {
    font-size: 16px;
  }
}

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

@media (max-width:900px) {
  :where(html[data-clb-view="settlements"]) .two-hero-body,
  :where(html[data-clb-view="settlements"]) .guide-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="settlements"]) .two-hero-copy {
    padding: 50px 0 68px;
  }
  :where(html[data-clb-view="settlements"]) .two-hero-photo {
    display: none;
  }
  :where(html[data-clb-view="settlements"]) .guide-side {
    position: static;
  }
  :where(html[data-clb-view="settlements"]) .detail-list {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="settlements"]) .area-list {
    grid-template-columns: repeat(3,1fr);
  }
  :where(html[data-clb-view="settlements"]) .area-item:nth-child(3) {
    border-right: 0;
  }
}

@media (max-width:640px) {
  :where(html[data-clb-view="settlements"]) .two-nav nav {
    display: none;
  }
  :where(html[data-clb-view="settlements"]) .intro,
  :where(html[data-clb-view="settlements"]) .content,
  :where(html[data-clb-view="settlements"]) .areas {
    padding: 65px 0;
  }
  :where(html[data-clb-view="settlements"]) .area-list {
    grid-template-columns: repeat(2,1fr);
  }
  :where(html[data-clb-view="settlements"]) .area-item {
    min-height: 205px;
  }
  :where(html[data-clb-view="settlements"]) .area-item:nth-child(3) {
    border-right: 1px solid rgba(255,255,255,.22);
  }
  :where(html[data-clb-view="settlements"]) .area-item:nth-child(even) {
    border-right: 0;
  }
  :where(html[data-clb-view="settlements"]) .guide-item-head {
    grid-template-columns: 50px 1fr;
    gap: 14px;
  }
  :where(html[data-clb-view="settlements"]) .guide-number {
    width: 42px;
    height: 42px;
  }
  :where(html[data-clb-view="settlements"]) .contact-quote {
    margin-top: 48px;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="settlements"]) .guide-side {
    position: static;
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  :where(html[data-clb-view="settlements"]) .guide-photo {
    height: 100%;
    min-height: 180px;
  }
}

@media (max-width:480px) {
  :where(html[data-clb-view="settlements"]) .guide-side {
    display: block;
  }
  :where(html[data-clb-view="settlements"]) .guide-photo {
    height: 140px;
    min-height: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  html:where([data-clb-view="settlements"]) {
    scroll-behavior: auto;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="settlements"]) .guide-photo {
    height: 100%;
  }
  :where(html[data-clb-view="settlements"]) .guide-index {
    padding-top: 22px;
  }
}

@media (max-width:480px) {
  :where(html[data-clb-view="settlements"]) .guide-photo {
    height: 155px;
  }
  :where(html[data-clb-view="settlements"]) .guide-index {
    padding-top: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-clb-view="settlements"]) .guide-index a,
  :where(html[data-clb-view="settlements"]) .guide-index span {
    transition: none !important;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="settlements"]) .guide-side {
    position: sticky;
    top: 24px;
    align-self: start;
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
}

@media (min-width:901px) and (max-height:700px) {
  :where(html[data-clb-view="settlements"]) .guide-photo {
    height: 110px;
  }
  :where(html[data-clb-view="settlements"]) .guide-index a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="settlements"]) .two-hero {
    min-height: 790px;
    background-position: center,center,62% center;
  }
  :where(html[data-clb-view="settlements"]) .two-hero-copy {
    padding: 54px 0;
  }
  :where(html[data-clb-view="settlements"]) .two-hero h1 {
    font-size: clamp(50px,10vw,72px);
  }
  :where(html[data-clb-view="settlements"]) .two-hero p {
    font-size: 16px;
  }
  :where(html[data-clb-view="settlements"]) .two-hero h2 {
    font-size: 23px;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="settlements"]) .guide-photo {
    height: 135px;
  }
  :where(html[data-clb-view="settlements"]) .guide-index a {
    padding: 11px 8px;
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="settlements"]) .personal-overview {
    grid-template-columns: 1fr;
    margin-bottom: 50px;
  }
  :where(html[data-clb-view="settlements"]) .two-hero {
    min-height: 740px;
  }
  :where(html[data-clb-view="settlements"]) .personal-cases p {
    font-size: 16px;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="settlements"]) .guide-photo {
    height: 100px;
  }
  :where(html[data-clb-view="settlements"]) .guide-side {
    max-height: calc(100dvh - 48px);
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="settlements"]) .guide-grid {
    grid-template-columns: minmax(0,1fr);
  }
}

@media (max-width:640px) {
  :where(html[data-clb-view="settlements"]) .two-hero h1 {
    font-size: clamp(32px,8vw,50px);
  }
  :where(html[data-clb-view="settlements"]) .guide-item-head {
    grid-template-columns: minmax(0,1fr);
  }
  :where(html[data-clb-view="settlements"]) .guide-item .settlement-amount {
    font-size: clamp(30px,8.4vw,46px);
  }
  :where(html[data-clb-view="settlements"]) .guide-item {
    padding: 30px 0;
  }
  :where(html[data-clb-view="settlements"]) .two-hero p {
    font-size: 16px;
  }
}

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

@media (max-width:900px) {
  :where(html[data-clb-view="workers"]) .two-hero-body,
  :where(html[data-clb-view="workers"]) .guide-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="workers"]) .two-hero-copy {
    padding: 50px 0 68px;
  }
  :where(html[data-clb-view="workers"]) .two-hero-photo {
    display: none;
  }
  :where(html[data-clb-view="workers"]) .guide-side {
    position: static;
  }
  :where(html[data-clb-view="workers"]) .detail-list {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="workers"]) .area-list {
    grid-template-columns: repeat(3,1fr);
  }
  :where(html[data-clb-view="workers"]) .area-item:nth-child(3) {
    border-right: 0;
  }
}

@media (max-width:640px) {
  :where(html[data-clb-view="workers"]) .two-nav nav {
    display: none;
  }
  :where(html[data-clb-view="workers"]) .intro,
  :where(html[data-clb-view="workers"]) .content,
  :where(html[data-clb-view="workers"]) .areas {
    padding: 65px 0;
  }
  :where(html[data-clb-view="workers"]) .area-list {
    grid-template-columns: repeat(2,1fr);
  }
  :where(html[data-clb-view="workers"]) .area-item {
    min-height: 205px;
  }
  :where(html[data-clb-view="workers"]) .area-item:nth-child(3) {
    border-right: 1px solid rgba(255,255,255,.22);
  }
  :where(html[data-clb-view="workers"]) .area-item:nth-child(even) {
    border-right: 0;
  }
  :where(html[data-clb-view="workers"]) .guide-item-head {
    grid-template-columns: 50px 1fr;
    gap: 14px;
  }
  :where(html[data-clb-view="workers"]) .guide-number {
    width: 42px;
    height: 42px;
  }
  :where(html[data-clb-view="workers"]) .contact-quote {
    margin-top: 48px;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="workers"]) .guide-side {
    position: static;
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  :where(html[data-clb-view="workers"]) .guide-photo {
    height: 100%;
    min-height: 180px;
  }
}

@media (max-width:480px) {
  :where(html[data-clb-view="workers"]) .guide-side {
    display: block;
  }
  :where(html[data-clb-view="workers"]) .guide-photo {
    height: 140px;
    min-height: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  html:where([data-clb-view="workers"]) {
    scroll-behavior: auto;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="workers"]) .guide-photo {
    height: 100%;
  }
  :where(html[data-clb-view="workers"]) .guide-index {
    padding-top: 22px;
  }
}

@media (max-width:480px) {
  :where(html[data-clb-view="workers"]) .guide-photo {
    height: 155px;
  }
  :where(html[data-clb-view="workers"]) .guide-index {
    padding-top: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-clb-view="workers"]) .guide-index a,
  :where(html[data-clb-view="workers"]) .guide-index span {
    transition: none !important;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="workers"]) .guide-side {
    position: sticky;
    top: 24px;
    align-self: start;
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
}

@media (min-width:901px) and (max-height:700px) {
  :where(html[data-clb-view="workers"]) .guide-photo {
    height: 110px;
  }
  :where(html[data-clb-view="workers"]) .guide-index a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="workers"]) .two-hero {
    min-height: 790px;
    background-position: center,center,62% center;
  }
  :where(html[data-clb-view="workers"]) .two-hero-copy {
    padding: 54px 0;
  }
  :where(html[data-clb-view="workers"]) .two-hero h1 {
    font-size: clamp(50px,10vw,72px);
  }
  :where(html[data-clb-view="workers"]) .two-hero p {
    font-size: 16px;
  }
  :where(html[data-clb-view="workers"]) .two-hero h2 {
    font-size: 23px;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="workers"]) .guide-photo {
    height: 135px;
  }
  :where(html[data-clb-view="workers"]) .guide-index a {
    padding: 11px 8px;
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="workers"]) .personal-overview {
    grid-template-columns: 1fr;
    margin-bottom: 50px;
  }
  :where(html[data-clb-view="workers"]) .two-hero {
    min-height: 740px;
  }
  :where(html[data-clb-view="workers"]) .personal-cases p {
    font-size: 16px;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="workers"]) .guide-photo {
    height: 100px;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="workers"]) .benefit-grid {
    grid-template-columns: 1fr 1fr;
  }
  :where(html[data-clb-view="workers"]) .benefit-card:last-child {
    grid-column: auto;
  }
  :where(html[data-clb-view="workers"]) .law-steps {
    grid-template-columns: 1fr;
  }
}

@media (max-width:640px) {
  :where(html[data-clb-view="workers"]) .two-hero h1 {
    font-size: clamp(29px,7.3vw,46px);
  }
  :where(html[data-clb-view="workers"]) .benefit-grid,
  :where(html[data-clb-view="workers"]) .promise-grid {
    grid-template-columns: 1fr;
  }
  :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: 60px 0;
  }
  :where(html[data-clb-view="workers"]) .benefit-card {
    padding: 25px;
  }
}

/* ==========================================================================
   page-immigration-help.php — embedded block 1
   ========================================================================== */

@media (max-width:900px) {
  :where(html[data-clb-view="immigration"]) .two-hero-body,
  :where(html[data-clb-view="immigration"]) .guide-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="immigration"]) .two-hero-copy {
    padding: 50px 0 68px;
  }
  :where(html[data-clb-view="immigration"]) .two-hero-photo {
    display: none;
  }
  :where(html[data-clb-view="immigration"]) .guide-side {
    position: static;
  }
  :where(html[data-clb-view="immigration"]) .detail-list {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="immigration"]) .area-list {
    grid-template-columns: repeat(3,1fr);
  }
  :where(html[data-clb-view="immigration"]) .area-item:nth-child(3) {
    border-right: 0;
  }
}

@media (max-width:640px) {
  :where(html[data-clb-view="immigration"]) .two-nav nav {
    display: none;
  }
  :where(html[data-clb-view="immigration"]) .intro,
  :where(html[data-clb-view="immigration"]) .content,
  :where(html[data-clb-view="immigration"]) .areas {
    padding: 65px 0;
  }
  :where(html[data-clb-view="immigration"]) .area-list {
    grid-template-columns: repeat(2,1fr);
  }
  :where(html[data-clb-view="immigration"]) .area-item {
    min-height: 205px;
  }
  :where(html[data-clb-view="immigration"]) .area-item:nth-child(3) {
    border-right: 1px solid rgba(255,255,255,.22);
  }
  :where(html[data-clb-view="immigration"]) .area-item:nth-child(even) {
    border-right: 0;
  }
  :where(html[data-clb-view="immigration"]) .guide-item-head {
    grid-template-columns: 50px 1fr;
    gap: 14px;
  }
  :where(html[data-clb-view="immigration"]) .guide-number {
    width: 42px;
    height: 42px;
  }
  :where(html[data-clb-view="immigration"]) .contact-quote {
    margin-top: 48px;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="immigration"]) .guide-side {
    position: static;
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  :where(html[data-clb-view="immigration"]) .guide-photo {
    height: 100%;
    min-height: 180px;
  }
}

@media (max-width:480px) {
  :where(html[data-clb-view="immigration"]) .guide-side {
    display: block;
  }
  :where(html[data-clb-view="immigration"]) .guide-photo {
    height: 140px;
    min-height: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  html:where([data-clb-view="immigration"]) {
    scroll-behavior: auto;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="immigration"]) .guide-photo {
    height: 100%;
  }
  :where(html[data-clb-view="immigration"]) .guide-index {
    padding-top: 22px;
  }
}

@media (max-width:480px) {
  :where(html[data-clb-view="immigration"]) .guide-photo {
    height: 155px;
  }
  :where(html[data-clb-view="immigration"]) .guide-index {
    padding-top: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-clb-view="immigration"]) .guide-index a,
  :where(html[data-clb-view="immigration"]) .guide-index span {
    transition: none !important;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="immigration"]) .guide-side {
    position: sticky;
    top: 24px;
    align-self: start;
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
}

@media (min-width:901px) and (max-height:700px) {
  :where(html[data-clb-view="immigration"]) .guide-photo {
    height: 110px;
  }
  :where(html[data-clb-view="immigration"]) .guide-index a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="immigration"]) .two-hero {
    min-height: 790px;
    background-position: center,center,62% center;
  }
  :where(html[data-clb-view="immigration"]) .two-hero-copy {
    padding: 54px 0;
  }
  :where(html[data-clb-view="immigration"]) .two-hero h1 {
    font-size: clamp(50px,10vw,72px);
  }
  :where(html[data-clb-view="immigration"]) .two-hero p {
    font-size: 16px;
  }
  :where(html[data-clb-view="immigration"]) .two-hero h2 {
    font-size: 23px;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="immigration"]) .guide-photo {
    height: 135px;
  }
  :where(html[data-clb-view="immigration"]) .guide-index a {
    padding: 11px 8px;
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="immigration"]) .personal-overview {
    grid-template-columns: 1fr;
    margin-bottom: 50px;
  }
  :where(html[data-clb-view="immigration"]) .two-hero {
    min-height: 740px;
  }
  :where(html[data-clb-view="immigration"]) .personal-cases p {
    font-size: 16px;
  }
}

@media (max-width:640px) {
  :where(html[data-clb-view="immigration"]) .two-hero h1 {
    font-size: clamp(30px,8vw,48px);
  }
  :where(html[data-clb-view="immigration"]) .guide-item-head {
    grid-template-columns: minmax(0,1fr);
  }
  :where(html[data-clb-view="immigration"]) .imm-note {
    padding: 20px;
  }
  :where(html[data-clb-view="immigration"]) .imm-title {
    font-size: 30px;
  }
}

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

@media (max-width:900px) {
  :where(html[data-clb-view="contact"]) .two-hero-body,
  :where(html[data-clb-view="contact"]) .guide-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="contact"]) .two-hero-copy {
    padding: 50px 0 68px;
  }
  :where(html[data-clb-view="contact"]) .two-hero-photo {
    display: none;
  }
  :where(html[data-clb-view="contact"]) .guide-side {
    position: static;
  }
  :where(html[data-clb-view="contact"]) .detail-list {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="contact"]) .area-list {
    grid-template-columns: repeat(3,1fr);
  }
  :where(html[data-clb-view="contact"]) .area-item:nth-child(3) {
    border-right: 0;
  }
}

@media (max-width:640px) {
  :where(html[data-clb-view="contact"]) .two-nav nav {
    display: none;
  }
  :where(html[data-clb-view="contact"]) .intro,
  :where(html[data-clb-view="contact"]) .content,
  :where(html[data-clb-view="contact"]) .areas {
    padding: 65px 0;
  }
  :where(html[data-clb-view="contact"]) .area-list {
    grid-template-columns: repeat(2,1fr);
  }
  :where(html[data-clb-view="contact"]) .area-item {
    min-height: 205px;
  }
  :where(html[data-clb-view="contact"]) .area-item:nth-child(3) {
    border-right: 1px solid rgba(255,255,255,.22);
  }
  :where(html[data-clb-view="contact"]) .area-item:nth-child(even) {
    border-right: 0;
  }
  :where(html[data-clb-view="contact"]) .guide-item-head {
    grid-template-columns: 50px 1fr;
    gap: 14px;
  }
  :where(html[data-clb-view="contact"]) .guide-number {
    width: 42px;
    height: 42px;
  }
  :where(html[data-clb-view="contact"]) .contact-quote {
    margin-top: 48px;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="contact"]) .guide-side {
    position: static;
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
  :where(html[data-clb-view="contact"]) .guide-photo {
    height: 100%;
    min-height: 180px;
  }
}

@media (max-width:480px) {
  :where(html[data-clb-view="contact"]) .guide-side {
    display: block;
  }
  :where(html[data-clb-view="contact"]) .guide-photo {
    height: 140px;
    min-height: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  html:where([data-clb-view="contact"]) {
    scroll-behavior: auto;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="contact"]) .guide-photo {
    height: 100%;
  }
  :where(html[data-clb-view="contact"]) .guide-index {
    padding-top: 22px;
  }
}

@media (max-width:480px) {
  :where(html[data-clb-view="contact"]) .guide-photo {
    height: 155px;
  }
  :where(html[data-clb-view="contact"]) .guide-index {
    padding-top: 0;
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-clb-view="contact"]) .guide-index a,
  :where(html[data-clb-view="contact"]) .guide-index span {
    transition: none !important;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="contact"]) .guide-side {
    position: sticky;
    top: 24px;
    align-self: start;
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
}

@media (min-width:901px) and (max-height:700px) {
  :where(html[data-clb-view="contact"]) .guide-photo {
    height: 110px;
  }
  :where(html[data-clb-view="contact"]) .guide-index a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="contact"]) .two-hero {
    min-height: 790px;
    background-position: center,center,62% center;
  }
  :where(html[data-clb-view="contact"]) .two-hero-copy {
    padding: 54px 0;
  }
  :where(html[data-clb-view="contact"]) .two-hero h1 {
    font-size: clamp(50px,10vw,72px);
  }
  :where(html[data-clb-view="contact"]) .two-hero p {
    font-size: 16px;
  }
  :where(html[data-clb-view="contact"]) .two-hero h2 {
    font-size: 23px;
  }
}

@media (min-width:901px) {
  :where(html[data-clb-view="contact"]) .guide-photo {
    height: 135px;
  }
  :where(html[data-clb-view="contact"]) .guide-index a {
    padding: 11px 8px;
  }
}

@media (max-width:700px) {
  :where(html[data-clb-view="contact"]) .personal-overview {
    grid-template-columns: 1fr;
    margin-bottom: 50px;
  }
  :where(html[data-clb-view="contact"]) .two-hero {
    min-height: 740px;
  }
  :where(html[data-clb-view="contact"]) .personal-cases p {
    font-size: 16px;
  }
}

@media (max-width:900px) {
  :where(html[data-clb-view="contact"]) .contact-layout {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="contact"]) .contact-photo {
    max-width: 550px;
  }
}

@media (max-width:640px) {
  :where(html[data-clb-view="contact"]) .office-grid,
  :where(html[data-clb-view="contact"]) .form-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="contact"]) .contact-offices,
  :where(html[data-clb-view="contact"]) .contact-section {
    padding: 55px 0;
  }
  :where(html[data-clb-view="contact"]) .two-hero {
    min-height: 630px;
  }
  :where(html[data-clb-view="contact"]) .office-card .two-title {
    font-size: 30px;
  }
}

/* ==========================================================================
   Shared theme foundations
   ========================================================================== */

@media (max-width: 1100px) {
  .serving-grid,
  .testimonials {
    grid-template-columns: 1fr;
  }
  .testimonials {
    padding-right: clamp(20px, 4vw, 80px);
  }
  .testimonial-photo {
    width: calc((100% - 20px) / 1.5);
  }
  .victory-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .steps-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .advocates-grid-main {
    grid-template-columns: repeat(3, 1fr);
  }
  .advocates-grid-secondary {
    grid-template-columns: repeat(3, 1fr);
  }
  .news-grid {
    grid-template-columns: 1fr;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .lines-decoration {
    display: none;
  }
  .contact-map {
    position: relative;
    width: 100%;
    height: 400px;
  }
  .contact-section {
    display: flex;
    flex-direction: column;
  }
  .contact-form-wrap {
    margin-left: 0;
    max-width: none;
    padding: 60px clamp(20px, 4vw, 80px) 60px;
  }
}

@media (max-width: 700px) {
  .header-inner {
    justify-content: center;
    text-align: center;
  }
  .main-nav {
    flex-direction: column;
    align-items: center;
    order: 3;
    width: 100%;
    gap: 10px;
  }
  .main-nav ul {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .victory-grid {
    grid-template-columns: 1fr;
  }
  .steps-grid {
    grid-template-columns: 1fr;
  }
  .steps-line {
    display: none;
  }
  .advocates-grid-main {
    grid-template-columns: 1fr;
  }
  .advocates-grid-secondary {
    grid-template-columns: repeat(2, 1fr);
  }
  .form-row {
    grid-template-columns: 1fr;
  }
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .hero-content {
    text-align: left;
  }
  .why-choose {
    padding: 24px 20px 12%;
    gap: 16px;
  }
}

/* ==========================================================================
   Shared navigation
   ========================================================================== */

@media (max-width:1100px) {
  .alt-nav nav,
  .ca-nav nav,
  .two-nav nav,
  .about-hero .nav-links {
    display: flex !important;
    gap: 12px;
    width: 100%;
    justify-content: space-between;
  }
  .clb-wp-menu {
    gap: 4px 16px;
  }
  .clb-wp-menu a {
    font-size: 14px;
  }
}

@media (max-width:700px) {
  .clb-wp-menu {
    width: 100%;
    align-items: flex-start;
  }
  .clb-wp-menu .sub-menu {
    position: static;
    min-width: 0;
    max-width: 100%;
    box-shadow: none;
  }
  .clb-wp-menu li {
    max-width: 100%;
  }
}

@media (max-width:1023px) {
  html body .clb-mobile-header {
    position: relative;
    z-index: 50;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    overflow: visible;
    min-height: 0;
  }
  html body .clb-mobile-header>a:has(img) {
    max-width: 100%;
    flex-shrink: 1;
  }
  html body .clb-mobile-header>a img {
    max-width: 100%;
    object-fit: contain;
  }
  html body .clb-mobile-header .clb-mobile-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
    margin-left: auto;
    flex: none;
  }
  html body .clb-mobile-actions .clb-mobile-call,
  html body .clb-mobile-actions .clb-mobile-toggle {
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #0f57c4;
    border: 0;
    cursor: pointer;
    flex: none;
  }
  html body .clb-mobile-actions .clb-mobile-toggle {
    border: 1px solid #ffffff40;
    background: #ffffff0f;
  }
  .clb-mobile-toggle[aria-expanded="true"] {
    box-shadow: 0 0 0 2px #8cc5ff;
  }
  html body .clb-mobile-header .clb-mobile-panel {
    display: none !important;
  }
  html body .clb-mobile-header.clb-nav-open .clb-mobile-panel {
    display: flex !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: rgba(4,10,28,.98);
    border: 1px solid #78a0dc47;
    border-radius: 10px;
    padding: 14px 20px !important;
    box-shadow: 0 24px 50px #0004108c;
    z-index: 60;
    max-height: calc(100dvh - 220px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  html body .clb-mobile-header .clb-mobile-panel>a[href^="tel:"],
  html body .clb-mobile-header>a[href^="tel:"] {
    display: none !important;
  }
  html body .clb-mobile-panel .clb-wp-menu,
  html body #mobile-nav-links .clb-wp-menu {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 2px;
  }
  html body .clb-mobile-panel .clb-wp-menu li,
  html body #mobile-nav-links .clb-wp-menu li {
    width: 100%;
    max-width: none;
    display: block;
  }
  html body .clb-mobile-panel .clb-wp-menu a,
  html body #mobile-nav-links .clb-wp-menu a {
    display: block;
    line-height: 1.5;
    padding: 12px 0 !important;
    font-size: 15px !important;
    white-space: normal;
  }
  html body .clb-mobile-panel .menu-item-has-children>a,
  html body #mobile-nav-links .menu-item-has-children>a {
    padding-right: 48px !important;
  }
  html body .clb-mobile-panel .clb-submenu-toggle,
  html body #mobile-nav-links .clb-submenu-toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 46px;
    padding: 0;
    z-index: 2;
    border-radius: 4px;
  }
  html body .clb-mobile-panel .clb-wp-menu .sub-menu,
  html body #mobile-nav-links .clb-wp-menu .sub-menu {
    display: none !important;
    position: static;
    min-width: 0;
    max-width: none;
    width: 100%;
    margin: 0 0 8px;
    padding: 4px 14px;
    border: 0;
    border-left: 1px solid #8cc5ff55;
    border-radius: 0;
    background: #ffffff06;
    box-shadow: none;
  }
  html body .clb-mobile-panel .clb-wp-menu li.is-open>.sub-menu,
  html body #mobile-nav-links .clb-wp-menu li.is-open>.sub-menu {
    display: block !important;
  }
  html body .clb-hero-nav-open {
    overflow: visible !important;
    position: relative;
    z-index: 60;
  }
  .clb-mobile-toggle:focus-visible,
  .clb-mobile-call:focus-visible {
    outline: 2px solid #8cc5ff;
    outline-offset: 4px;
  }
}

@media (max-width:1023px) {
  html body .alt-nav.clb-mobile-header {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  html body .clb-mobile-actions .clb-mobile-toggle {
    background: rgba(4,10,28,.55);
  }
}

/* ==========================================================================
   Articles and journal foundations
   ========================================================================== */

@media (max-width:1100px) {
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-layout {
    grid-template-columns: 230px minmax(0,1fr);
    gap: 40px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-hero {
    gap: 36px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post .two-nav nav {
    width: 100%;
  }
}

@media (max-width:800px) {
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-hero {
    grid-template-columns: 1fr;
    padding: 36px 0 48px;
    gap: 32px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-hero h1 {
    max-width: 760px;
    font-size: clamp(34px,6vw,48px);
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-cover {
    aspect-ratio: 16/9;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-layout {
    grid-template-columns: 1fr;
    padding-top: 36px;
    padding-bottom: 52px;
    gap: 32px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-sidebar {
    position: static;
    max-height: none;
    overflow: visible;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-help {
    display: none;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-toc ol {
    max-height: 260px;
    overflow: auto;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-related-grid {
    gap: 18px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-card-body {
    padding: 18px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-card h3 {
    font-size: 17px;
  }
}

@media (max-width:600px) {
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-related-grid {
    grid-template-columns: 1fr;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-related {
    padding: 50px 0;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content {
    font-size: 16px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content>p:first-of-type {
    font-size: 18px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content h2 {
    font-size: 29px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-content h3 {
    font-size: 26px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-meta {
    font-size: 11px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post .two-nav {
    padding: 20px 0;
    gap: 18px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post .two-nav nav {
    gap: 14px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post .two-nav .call {
    padding: 9px 15px;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post .footer-fx [data-layer="Footer / centered container"] {
    padding: 40px 22px !important;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post .footer-fx [data-layer="Footer / availability line"] {
    text-align: left !important;
    flex-basis: 100% !important;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post .footer-fx img {
    max-width: 100%;
    height: auto !important;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .clb-post .footer-fx [data-layer="Footer / logo lockup"] {
    max-width: 100%;
  }
}

@media (prefers-reduced-motion:reduce) {
  html:where([data-clb-view="blog"], [data-clb-view="article"]) {
    scroll-behavior: auto;
  }
  :where(html[data-clb-view="blog"], html[data-clb-view="article"]) .article-card-image img {
    transition: none;
  }
}

/* ==========================================================================
   Journal index
   ========================================================================== */

@media (max-width:1000px) {
  :where(html[data-clb-view="blog"]) .blog-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  :where(html[data-clb-view="blog"]) .blog-hero {
    gap: 40px;
  }
  :where(html[data-clb-view="blog"]) .blog-filters {
    flex-wrap: wrap;
  }
  :where(html[data-clb-view="blog"]) .blog-search {
    min-width: 240px;
  }
  :where(html[data-clb-view="blog"]) .blog-category {
    flex: 1;
  }
  :where(html[data-clb-view="blog"]) .blog-consultation {
    padding: 36px;
  }
}

@media (max-width:600px) {
  :where(html[data-clb-view="blog"]) .blog-hero {
    grid-template-columns: 1fr;
    padding: 40px 0 48px;
    gap: 32px;
  }
  :where(html[data-clb-view="blog"]) .blog-hero h1 {
    font-size: 52px;
  }
  :where(html[data-clb-view="blog"]) .blog-hero-note {
    max-width: none;
  }
  :where(html[data-clb-view="blog"]) .blog-hero-note p {
    font-size: 17px;
    margin-bottom: 14px;
  }
  :where(html[data-clb-view="blog"]) .blog-line {
    margin-bottom: 18px;
  }
  :where(html[data-clb-view="blog"]) .blog-main {
    padding-top: 42px;
    padding-bottom: 48px;
  }
  :where(html[data-clb-view="blog"]) .blog-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  :where(html[data-clb-view="blog"]) .blog-filters {
    padding: 18px;
    gap: 16px;
  }
  :where(html[data-clb-view="blog"]) .blog-search,
  :where(html[data-clb-view="blog"]) .blog-category {
    flex: 1 1 100%;
    min-width: 0;
  }
  :where(html[data-clb-view="blog"]) .blog-filters button {
    flex: 1;
    justify-content: space-between;
  }
  :where(html[data-clb-view="blog"]) .blog-card-body {
    padding: 23px;
  }
  :where(html[data-clb-view="blog"]) .blog-consultation {
    display: block;
    margin-top: 48px;
    padding: 30px 25px;
  }
  :where(html[data-clb-view="blog"]) .blog-consultation>a {
    justify-content: space-between;
    margin-top: 28px;
  }
  :where(html[data-clb-view="blog"]) .blog-results-meta {
    font-size: 11px;
  }
  :where(html[data-clb-view="blog"]) .blog-pagination a,
  :where(html[data-clb-view="blog"]) .blog-pagination span {
    min-width: 36px;
    padding: 8px 11px;
  }
  :where(html[data-clb-view="blog"]) .blog-pagination {
    margin-top: 35px;
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(html[data-clb-view="blog"]) .blog-card-image img {
    transition: none;
  }
}

/* The Google carousel keeps three cards on desktop, two on tablet, one on phones. */
@media (max-width: 1000px) {
  :where(html[data-clb-view="home"]) .google-cards.clb-reviews-carousel:not(#clb-inline-priority):not(#clb-inline-priority) {
    --clb-review-columns: 2;
    --clb-review-gap: 24px;
  }
}
@media (max-width: 640px) {
  :where(html[data-clb-view="home"]) .google-cards.clb-reviews-carousel:not(#clb-inline-priority):not(#clb-inline-priority) {
    --clb-review-columns: 1;
    --clb-review-gap: 20px;
  }
  :where(html[data-clb-view="home"]) .google-reviews-fx .clb-ui-reviews-centered-container-38d6e975:not(#clb-inline-priority):not(#clb-inline-priority) {
    padding: 72px 22px;
    row-gap: 40px;
  }
  .clb-reviews-carousel .clb-review-card:not(#clb-inline-priority):not(#clb-inline-priority) { padding: 26px 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .clb-review-track.is-animating { transition: none; }
}

/* What We Do — reference design, scoped to the services view. */
@media (max-width:900px) {
:where(html[data-clb-view="services"]) .two-hero-body,
:where(html[data-clb-view="services"]) .guide-grid {
    grid-template-columns: 1fr;
  }
:where(html[data-clb-view="services"]) .two-hero-copy {
    padding: 50px 0 68px;
  }
:where(html[data-clb-view="services"]) .two-hero-photo {
    display: none;
  }
:where(html[data-clb-view="services"]) .guide-side {
    position: static;
  }
:where(html[data-clb-view="services"]) .detail-list {
    grid-template-columns: 1fr;
  }
:where(html[data-clb-view="services"]) .area-list {
    grid-template-columns: repeat(3,1fr);
  }
:where(html[data-clb-view="services"]) .area-item:nth-child(3) {
    border-right: 0;
  }
}
@media (max-width:640px) {
:where(html[data-clb-view="services"]) .two-nav nav {
    display: none;
  }
:where(html[data-clb-view="services"]) .intro,
:where(html[data-clb-view="services"]) .content,
:where(html[data-clb-view="services"]) .areas {
    padding: 65px 0;
  }
:where(html[data-clb-view="services"]) .area-list {
    grid-template-columns: repeat(2,1fr);
  }
:where(html[data-clb-view="services"]) .area-item {
    min-height: 205px;
  }
:where(html[data-clb-view="services"]) .area-item:nth-child(3) {
    border-right: 1px solid rgba(255,255,255,.22);
  }
:where(html[data-clb-view="services"]) .area-item:nth-child(even) {
    border-right: 0;
  }
:where(html[data-clb-view="services"]) .guide-item-head {
    grid-template-columns: 50px 1fr;
    gap: 14px;
  }
:where(html[data-clb-view="services"]) .guide-number {
    width: 42px;
    height: 42px;
  }
:where(html[data-clb-view="services"]) .contact-quote {
    margin-top: 48px;
  }
}
@media (max-width:900px) {
:where(html[data-clb-view="services"]) .guide-side {
    position: static;
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
:where(html[data-clb-view="services"]) .guide-photo {
    height: 100%;
    min-height: 180px;
  }
}
@media (max-width:480px) {
:where(html[data-clb-view="services"]) .guide-side {
    display: block;
  }
:where(html[data-clb-view="services"]) .guide-photo {
    height: 140px;
    min-height: 0;
  }
}
@media (prefers-reduced-motion:reduce) {
html:where([data-clb-view="services"]) {
    scroll-behavior: auto;
  }
}
@media (max-width:900px) {
:where(html[data-clb-view="services"]) .guide-photo {
    height: 100%;
  }
:where(html[data-clb-view="services"]) .guide-index {
    padding-top: 22px;
  }
}
@media (max-width:480px) {
:where(html[data-clb-view="services"]) .guide-photo {
    height: 155px;
  }
:where(html[data-clb-view="services"]) .guide-index {
    padding-top: 0;
  }
}
@media (prefers-reduced-motion:reduce) {
:where(html[data-clb-view="services"]) .guide-index a,
:where(html[data-clb-view="services"]) .guide-index span {
    transition: none !important;
  }
}
@media (min-width:901px) {
:where(html[data-clb-view="services"]) .guide-side {
    position: sticky;
    top: 24px;
    align-self: start;
    max-height: calc(100dvh - 48px);
    overflow-y: auto;
    scrollbar-width: thin;
  }
}
@media (min-width:901px) and (max-height:700px) {
:where(html[data-clb-view="services"]) .guide-photo {
    height: 110px;
  }
:where(html[data-clb-view="services"]) .guide-index a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (max-width:700px) {
:where(html[data-clb-view="services"]) .two-hero {
    min-height: 790px;
    background-position: center,center,62% center;
  }
:where(html[data-clb-view="services"]) .two-hero-copy {
    padding: 54px 0;
  }
:where(html[data-clb-view="services"]) .two-hero h1 {
    font-size: clamp(50px,10vw,72px);
  }
:where(html[data-clb-view="services"]) .two-hero p {
    font-size: 16px;
  }
:where(html[data-clb-view="services"]) .two-hero h2 {
    font-size: 23px;
  }
}
@media (min-width:901px) {
:where(html[data-clb-view="services"]) .guide-photo {
    height: 135px;
  }
:where(html[data-clb-view="services"]) .guide-index a {
    padding: 11px 8px;
  }
}
@media (max-width:700px) {
:where(html[data-clb-view="services"]) .personal-overview {
    grid-template-columns: 1fr;
    margin-bottom: 50px;
  }
:where(html[data-clb-view="services"]) .two-hero {
    min-height: 740px;
  }
:where(html[data-clb-view="services"]) .personal-cases p {
    font-size: 16px;
  }
}
@media (max-width: 360px) {
:where(html[data-clb-view="services"]) [data-layer="Footer / logo lockup"],
:where(html[data-clb-view="services"]) [data-layer="Footer / chevron mark"] {
    max-width: 100% !important;
  }
:where(html[data-clb-view="services"]) [data-layer="Footer / chevron mark"] {
    height: auto !important;
  }
:where(html[data-clb-view="services"]) [data-layer="Button / footer call"] {
    max-width: 100% !important;
    padding: 0 16px !important;
    font-size: 16px !important;
  }
}
@media (max-width: 1200px) and (min-width: 901px) {
:where(html[data-clb-view="services"]) .service-detail {
    grid-template-columns: minmax(0,1fr) 115px;
    gap: 20px;
  }
}
@media (max-width: 1023px) {
:where(html[data-clb-view="services"]) [data-layer="Footer / centered container"] {
    padding: 56px 22px 40px !important;
  }
:where(html[data-clb-view="services"]) [data-layer="Footer / top row"] {
    align-items: flex-start !important;
  }
}
@media (max-width: 700px) {
:where(html[data-clb-view="services"]) .castanlecca-services .two-hero {
    background-position: center,center,60% center;
  }
:where(html[data-clb-view="services"]) .service-detail {
    grid-template-columns: 1fr;
    gap: 22px;
  }
:where(html[data-clb-view="services"]) .service-visual {
    width: 150px;
  }
:where(html[data-clb-view="services"]) .services-steps,
:where(html[data-clb-view="services"]) .services-result-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
:where(html[data-clb-view="services"]) .services-start {
    padding: 32px 22px;
  }
:where(html[data-clb-view="services"]) .services-start .consultation {
    width: 100%;
    padding: 15px 16px;
    font-size: 15px;
  }
:where(html[data-clb-view="services"]) .service-result h3 {
    font-size: 30px;
  }
:where(html[data-clb-view="services"]) .services-stories-link {
    max-width: 100%;
    font-size: 15px;
    gap: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
:where(html[data-clb-view="services"]) .service-result,
:where(html[data-clb-view="services"]) .service-link {
    transition: none;
  }
}

/* October feedback: keep the attorney carousel within the screen. */
@media (max-width: 1100px) {
  :where(html[data-clb-view="home"]) .clb-team-carousel { --team-columns: 3; }
}
@media (max-width: 700px) {
  :where(html[data-clb-view="home"]) .clb-team-carousel { --team-columns: 2; --team-gap: 18px; }
}
@media (max-width: 420px) {
  :where(html[data-clb-view="home"]) .clb-team-carousel { --team-columns: 1; max-width: 340px; margin-inline: auto; }
}
@media (prefers-reduced-motion: reduce) {
  :where(html[data-clb-view="home"]) .clb-team-viewport { scroll-behavior: auto; }
}


/* Mobile hero media: keep people above the copy, rather than behind it. */
@media (max-width: 1023px) {
  :where(html[data-clb-view="home"]) [data-layer="Hero / full-bleed section"] {
    background: #071329 !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Image / Atlanta skyline background"] {
    opacity: .22 !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Content / centered container"] {
    padding-top: 24px !important;
    padding-bottom: 40px !important;
  }
  :where(html[data-clb-view="home"]) .clb-mobile-hero-media[hidden] {
    display: block;
    position: relative;
    height: clamp(190px, 56vw, 310px);
    margin: 24px 0 0;
    overflow: hidden;
    background: radial-gradient(ellipse at center bottom, #25456c, transparent 72%);
    border-radius: 12px;
  }
  :where(html[data-clb-view="home"]) .clb-mobile-hero-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
  }
  :where(html[data-clb-view="home"]) .clb-mobile-hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 84%, #071329);
    pointer-events: none;
  }
  :where(html[data-clb-view="home"]) [data-layer="Hero copy"] {
    margin-top: 0 !important;
    padding-top: 24px !important;
    background: #071329;
  }
  :where(html[data-clb-view="home"]) [data-layer="Hero copy"] h1 {
    font-size: clamp(32px, 8.8vw, 44px) !important;
    line-height: 1.15 !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Hero copy"] [data-layer="Text / subcopy"] {
    font-size: 17px !important;
    line-height: 1.65 !important;
    color: #e0e9f7 !important;
  }
  :where(html[data-clb-view="home"]) [data-layer="Stats / bar"] {
    margin-top: 36px !important;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="about"], html[data-clb-view="personal"], html[data-clb-view="car-two"], html[data-clb-view="workers"], html[data-clb-view="immigration"], html[data-clb-view="settlements"], html[data-clb-view="services"], html[data-clb-view="contact"]) :is(.about-hero, .two-hero),
  .clb-spanish-page .two-hero {
    min-height: 0 !important;
    display: block;
    background: #071329 !important;
    color: #fff;
  }
  :where(html[data-clb-view="about"], html[data-clb-view="personal"], html[data-clb-view="car-two"], html[data-clb-view="workers"], html[data-clb-view="immigration"], html[data-clb-view="settlements"], html[data-clb-view="services"], html[data-clb-view="contact"]) :is(.about-hero > .clb-wrap, .two-hero > .two-wrap),
  .clb-spanish-page .two-hero > .two-wrap {
    display: block;
  }
  .clb-mobile-hero-media[hidden] {
    display: block;
    position: relative;
    height: clamp(210px, 62vw, 300px);
    margin: 18px 0 0;
    overflow: hidden;
    border-radius: 12px;
    background: #12243d;
  }
  .clb-mobile-hero-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--mobile-hero-focus, 80% center);
  }
  .clb-mobile-hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 68%, rgba(7,19,41,.24) 85%, #071329);
    pointer-events: none;
  }
  .clb-mobile-hero-media--about,
  .clb-mobile-hero-media--services,
  .clb-mobile-hero-media--generic,
  .clb-mobile-hero-media--contact {
    height: clamp(180px, 54vw, 260px) !important;
    --mobile-hero-focus: 48% center;
  }
  .clb-mobile-hero-media--personal { --mobile-hero-focus: 86% center; }
  .clb-mobile-hero-media--workers { --mobile-hero-focus: 89% center; }
  .clb-mobile-hero-media--immigration { --mobile-hero-focus: 87% center; }
  .clb-mobile-hero-media--settlements { --mobile-hero-focus: 88% center; }
  .clb-mobile-hero-media--car { --mobile-hero-focus: 100% center; }
  .clb-mobile-hero-media--generic { --mobile-hero-focus: center; }
  :where(html[data-clb-view="about"]) .about-hero .hero-content {
    margin-top: 0;
    padding: 24px 0 44px;
  }
  :where(html[data-clb-view="personal"], html[data-clb-view="car-two"], html[data-clb-view="workers"], html[data-clb-view="immigration"], html[data-clb-view="settlements"], html[data-clb-view="services"], html[data-clb-view="contact"]) .two-hero-body,
  .clb-spanish-page .two-hero-body {
    min-height: 0;
    margin-top: 0;
    padding: 0;
  }
  :where(html[data-clb-view="personal"], html[data-clb-view="car-two"], html[data-clb-view="workers"], html[data-clb-view="immigration"], html[data-clb-view="settlements"], html[data-clb-view="services"], html[data-clb-view="contact"]) .two-hero-copy,
  .clb-spanish-page .two-hero-copy {
    padding: 24px 0 44px !important;
    max-width: 100%;
    min-width: 0;
  }
  :where(html[data-clb-view="car"]) .ca-header {
    position: relative;
    inset: auto;
    background: #071329;
  }
  :where(html[data-clb-view="car"]) .ca-hero {
    display: block;
    min-height: 0;
    padding-top: 1px;
    background: #071329;
  }
  :where(html[data-clb-view="car"]) .ca-hero::before { content: none; }
  :where(html[data-clb-view="car"]) .ca-hero > .clb-mobile-hero-media {
    width: calc(100% - 44px);
    margin: 18px 22px 0;
  }
  :where(html[data-clb-view="car"]) .ca-hero .ca-wrap {
    padding-top: 24px;
    padding-bottom: 44px;
  }
  :where(html[data-clb-view="about"], html[data-clb-view="car"], html[data-clb-view="personal"], html[data-clb-view="car-two"], html[data-clb-view="workers"], html[data-clb-view="immigration"], html[data-clb-view="settlements"], html[data-clb-view="services"], html[data-clb-view="contact"]) :is(.about-hero, .ca-hero, .two-hero) h1,
  .clb-spanish-page .two-hero h1 {
    font-size: clamp(32px, 9.4vw, 44px);
    line-height: 1.12;
    margin-top: 0;
    margin-bottom: 22px;
    overflow-wrap: break-word;
  }
  :where(html[data-clb-view="car"], html[data-clb-view="personal"], html[data-clb-view="car-two"], html[data-clb-view="workers"], html[data-clb-view="immigration"], html[data-clb-view="settlements"], html[data-clb-view="services"], html[data-clb-view="contact"]) :is(.ca-hero, .two-hero) h2,
  .clb-spanish-page .two-hero h2 {
    font-size: clamp(20px, 5.5vw, 24px);
    line-height: 1.35;
    margin-bottom: 16px;
  }
  :where(html[data-clb-view="about"], html[data-clb-view="car"], html[data-clb-view="personal"], html[data-clb-view="car-two"], html[data-clb-view="workers"], html[data-clb-view="immigration"], html[data-clb-view="settlements"], html[data-clb-view="services"], html[data-clb-view="contact"]) :is(.about-hero, .ca-hero, .two-hero) p,
  .clb-spanish-page .two-hero :is(p, .es-hero-lead) {
    font-size: 16px;
    line-height: 1.7;
    color: #e0e9f7;
    max-width: 100%;
    margin-bottom: 0;
  }
  .clb-spanish-page .two-hero .consultation { margin-top: 24px; }
  /* Editorial hero photos stay separate from the title and retain the full image. */
  .clb-post .article-hero { grid-template-columns: minmax(0,1fr); }
  .clb-post .article-hero-image { min-width: 0; margin-inline: 0; }
  .clb-post img.article-cover {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="about-alt"]) .alt-header { position: relative; inset: auto; background:#071329; }
  :where(html[data-clb-view="about-alt"]) .alt-hero { min-height:0; display:block; background:#071329; }
  :where(html[data-clb-view="about-alt"]) .alt-hero::before { content:none; }
  :where(html[data-clb-view="about-alt"]) .alt-hero > .alt-container { display:block; padding-top:1px; padding-bottom:44px; }
  :where(html[data-clb-view="about-alt"]) .alt-hero .kicker { margin-top:24px; }
  :where(html[data-clb-view="about-alt"]) .alt-hero h1 { font-size:clamp(32px,9.4vw,44px); line-height:1.12; margin-bottom:22px; }
  :where(html[data-clb-view="about-alt"]) .alt-hero p { font-size:16px; line-height:1.7; color:#e0e9f7; padding-bottom:0; }
}

@media (max-width: 400px) {
  :where(html[data-clb-view="home"]) [data-layer="Hero copy"] h1 {
    font-size: clamp(27px, 8.4vw, 34px) !important;
  }
}

@media (max-width: 1023px) {
  :where(html[data-clb-view="home"]) .clb-mobile-hero-media--home img { object-position: center bottom; }
}
@media (min-width: 600px) and (max-width: 1023px) {
  :where(html[data-clb-view="home"]) .clb-mobile-hero-media--home img { object-fit: contain; }
}