/*
 * NXT GEN WEB | Unified Client Experience
 * Exact visual language of the SEO flagship: black canvas, lime feature card,
 * white and pale-sage companion cards, high-contrast headings, source links.
 * Shared with every page that actually renders a review section.
 * The flagship SEO page (166) remains the untouched visual reference.
 */

/* Reviews directory: retain filtering and pagination but match the same
   black/lime/white/sage client-experience design instead of a separate skin. */
body main.ngcr-archive.ngsr{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#000!important;
  color:#fff!important;
  border-top:7px solid #84c041!important;
  padding:144px 24px 86px!important;
}
body main.ngcr-archive.ngsr::before{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  left:-160px;top:-180px;width:420px;height:420px;
  border:70px solid #a6d66b20;border-radius:50%;
}
body main.ngcr-archive.ngsr .ngsr__shell{width:100%;max-width:1240px;margin:0 auto;}
body main.ngcr-archive.ngsr .ngsr__eyebrow{
  display:flex;align-items:center;gap:11px;margin:0 0 13px;
  color:#a6d66b!important;font:700 12px/1.4 'Proximanova-bold',sans-serif!important;
  letter-spacing:.14em!important;text-transform:uppercase;
}
body main.ngcr-archive.ngsr .ngsr__eyebrow::before{content:'';width:27px;height:3px;background:#84c041;}
body main.ngcr-archive.ngsr h1{
  color:#fff!important;font:700 clamp(36px,4vw,52px)/1.1 'Proximanova-bold',sans-serif!important;
  letter-spacing:-.035em!important;
}
body main.ngcr-archive.ngsr .ngsr__intro{
  max-width:710px!important;color:#d2d2d2!important;
  font:400 17px/1.56 'Proximanova-regular',sans-serif!important;
}
body main.ngcr-archive.ngsr .ngcr-filters{
  background:#fff!important;border:0!important;border-radius:12px!important;
  padding:22px!important;
}
body main.ngcr-archive.ngsr .ngcr-filters label{color:#262626!important;}
body main.ngcr-archive.ngsr .ngcr-filters select{
  background:#fff!important;color:#262626!important;
}
body main.ngcr-archive.ngsr .ngcr-filters button{
  background:#a6d66b!important;border-color:#a6d66b!important;color:#000!important;
  border-radius:8px!important;
}
body main.ngcr-archive.ngsr .ngcr-results{color:#d2d2d2!important;}
body main.ngcr-archive.ngsr .ngsr__grid{
  display:grid!important;
  grid-template-columns:1.13fr 1fr 1fr!important;
  gap:17px!important;align-items:stretch!important;
}
body main.ngcr-archive.ngsr .ngsr__card{
  display:flex!important;flex-direction:column!important;position:relative;
  min-width:0!important;min-height:330px!important;
  padding:30px 27px!important;
  border:0!important;border-radius:14px!important;
  background:#fff!important;box-shadow:none!important;
  color:#262626!important;
}
body main.ngcr-archive.ngsr .ngsr__card:nth-child(3n+1){background:#a6d66b!important;}
body main.ngcr-archive.ngsr .ngsr__card:nth-child(3n+2){background:#fff!important;}
body main.ngcr-archive.ngsr .ngsr__card:nth-child(3n){background:#e6efdf!important;}
body main.ngcr-archive.ngsr .ngsr__card::before{
  content:'CLIENT EXPERIENCE';display:block;align-self:flex-start;
  width:max-content;max-width:100%;margin:0 0 20px;padding:7px 11px;
  border:1px solid #26262655;border-radius:30px;
  color:#262626;font:700 10px/1.3 'Proximanova-bold',sans-serif;letter-spacing:.1em;
}
body main.ngcr-archive.ngsr .ngsr__card:first-child::before{content:'FEATURED CLIENT EXPERIENCE';}
body main.ngcr-archive.ngsr .ngsr__rating,
body main.ngcr-archive.ngsr .ngsr__stars,
body main.ngcr-archive.ngsr .ngsr__topic{color:#262626!important;}
body main.ngcr-archive.ngsr .ngsr__stars{font-size:21px!important;letter-spacing:1px!important;}
body main.ngcr-archive.ngsr .ngsr__topic{
  font:700 11px/1.4 'Proximanova-bold',sans-serif!important;
  letter-spacing:.1em!important;text-transform:uppercase!important;
}
body main.ngcr-archive.ngsr .ngsr__summary{
  color:#262626!important;
  font:400 17px/1.54 'Proximanova-regular',sans-serif!important;
  margin:0 0 27px!important;
}
body main.ngcr-archive.ngsr .ngsr__card:first-child .ngsr__summary{
  font:700 22px/1.46 'Proximanova-bold',sans-serif!important;
}
body main.ngcr-archive.ngsr .ngsr__person{
  margin-top:auto!important;padding-top:18px!important;
  border-top:1px solid #26262633!important;
}
body main.ngcr-archive.ngsr .ngsr__avatar{
  background:#262626!important;color:#fff!important;
  border:1px solid #262626!important;font-family:'Proximanova-bold',sans-serif!important;
}
body main.ngcr-archive.ngsr .ngsr__person h3,
body main.ngcr-archive.ngsr .ngsr__source{color:#262626!important;}
body main.ngcr-archive.ngsr .ngsr__source{
  display:inline-flex!important;align-self:flex-start!important;
  border:0!important;border-bottom:1px solid #262626!important;
  font:700 13px/1.45 'Proximanova-bold',sans-serif!important;
}
body main.ngcr-archive.ngsr .ngcr-pagination a{
  background:#fff!important;color:#262626!important;
  border:1px solid #ddd!important;border-radius:8px!important;
}
body main.ngcr-archive.ngsr .ngcr-pagination a[aria-current="page"]{
  background:#a6d66b!important;border-color:#a6d66b!important;
}
@media(max-width:1120px){
  body main.ngcr-archive.ngsr .ngsr__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){
  body main.ngcr-archive.ngsr{padding:118px 20px 70px!important;}
  body main.ngcr-archive.ngsr .ngsr__grid{grid-template-columns:1fr!important;}
  body main.ngcr-archive.ngsr .ngsr__card{min-height:0!important;padding:27px 22px!important;}
  body main.ngcr-archive.ngsr .ngcr-filters{padding:18px!important;}
}

body:not(.page-id-166) section.ngsr {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  clear: both;
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 94px 24px 100px !important;
  border: 0 !important;
  border-top: 7px solid #84c041 !important;
  background: #000 !important;
  color: #fff !important;
  text-align: left !important;
}
body:not(.page-id-166) section.ngsr::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  pointer-events: none !important;
  left: -160px !important;
  top: -180px !important;
  width: 420px !important;
  height: 420px !important;
  border: 70px solid #a6d66b20 !important;
  border-radius: 50% !important;
  background: transparent !important;
}
body:not(.page-id-166) section.ngsr .ngsr__shell {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
}
body:not(.page-id-166) section.ngsr .ngsr__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 35px !important;
  margin: 0 0 34px !important;
  text-align: left !important;
}
body:not(.page-id-166) section.ngsr .ngsr__head > div {
  flex: 1 1 700px;
  min-width: 0;
}
body:not(.page-id-166) section.ngsr .ngsr__eyebrow {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  margin: 0 0 13px !important;
  color: #a6d66b !important;
  font: 700 12px/1.4 'Proximanova-bold', sans-serif !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}
body:not(.page-id-166) section.ngsr .ngsr__eyebrow::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 27px !important;
  width: 27px !important;
  height: 3px !important;
  background: #84c041 !important;
}
body:not(.page-id-166) section.ngsr .ngsr__head h2 {
  max-width: 680px !important;
  margin: 0 0 16px !important;
  font: 700 clamp(36px, 4vw, 52px)/1.1 'Proximanova-bold', sans-serif !important;
  color: #fff !important;
  letter-spacing: -.035em !important;
  text-align: left !important;
}
body:not(.page-id-166) section.ngsr .ngsr__intro {
  max-width: 710px !important;
  margin: 0 !important;
  font: 400 17px/1.56 'Proximanova-regular', sans-serif !important;
  color: #d2d2d2 !important;
  text-align: left !important;
}
body:not(.page-id-166) section.ngsr .ngsr__all {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px;
  max-width: 100%;
  margin: 0 !important;
  padding: 15px 20px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #a6d66b !important;
  color: #000 !important;
  font: 700 14px/1.45 'Proximanova-bold', sans-serif !important;
  text-align: center !important;
  white-space: normal !important;
  text-decoration: none !important;
  transition: transform .2s ease, background .2s ease;
}
body:not(.page-id-166) section.ngsr .ngsr__all:hover {
  transform: translateY(-3px);
  background: #b5df85 !important;
  color: #000 !important;
  text-decoration: none !important;
}
body:not(.page-id-166) section.ngsr .ngsr__grid {
  display: grid !important;
  grid-template-columns: 1.13fr 1fr 1fr !important;
  gap: 17px !important;
  align-items: stretch !important;
  width: 100%;
}
body:not(.page-id-166) section.ngsr .ngsr__grid[data-review-count="1"] {
  grid-template-columns: minmax(0, 590px) !important;
}
body:not(.page-id-166) section.ngsr .ngsr__grid[data-review-count="2"] {
  grid-template-columns: repeat(2,minmax(0, 1fr)) !important;
  max-width: 850px;
}
body:not(.page-id-166) section.ngsr .ngsr__card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 358px !important;
  height: auto !important;
  overflow: hidden !important;
  padding: 30px 27px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #262626 !important;
  box-shadow: none !important;
  text-align: left !important;
  transition: transform .25s ease, box-shadow .25s ease;
}
body:not(.page-id-166) section.ngsr .ngsr__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 45px #ffffff14 !important;
}
body:not(.page-id-166) section.ngsr .ngsr__card:nth-child(3n+1) {
  background: #a6d66b !important;
}
body:not(.page-id-166) section.ngsr .ngsr__card:nth-child(3n+2) {
  background: #fff !important;
}
body:not(.page-id-166) section.ngsr .ngsr__card:nth-child(3n) {
  background: #e6efdf !important;
}
body:not(.page-id-166) section.ngsr .ngsr__card::before {
  content: 'CLIENT EXPERIENCE' !important;
  display: block !important;
  align-self: flex-start;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 20px !important;
  padding: 7px 11px !important;
  border: 1px solid #26262655 !important;
  border-radius: 30px !important;
  background: transparent !important;
  color: #262626 !important;
  font: 700 10px/1.3 'Proximanova-bold', sans-serif !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  white-space: normal;
}
body:not(.page-id-166) section.ngsr .ngsr__card:first-child::before {
  content: 'FEATURED CLIENT EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="web_design"] .ngsr__card:first-child::before,
body:not(.page-id-166) section.ngsr[data-review-context="city_core"] .ngsr__card:first-child::before,
body.home section.ngsr .ngsr__card:first-child::before {
  content: 'FEATURED WEB DESIGN EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="seo"] .ngsr__card:first-child::before {
  content: 'FEATURED SEO EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="ppc"] .ngsr__card:first-child::before {
  content: 'FEATURED PPC EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="branding"] .ngsr__card:first-child::before {
  content: 'FEATURED BRANDING EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="graphic_design"] .ngsr__card:first-child::before {
  content: 'FEATURED GRAPHIC DESIGN EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="hosting"] .ngsr__card:first-child::before {
  content: 'FEATURED HOSTING EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="animation"] .ngsr__card:first-child::before {
  content: 'FEATURED ANIMATION EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="ecommerce"] .ngsr__card:first-child::before {
  content: 'FEATURED ECOMMERCE EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="social"] .ngsr__card:first-child::before {
  content: 'FEATURED SOCIAL MEDIA EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr[data-review-context="automation"] .ngsr__card:first-child::before {
  content: 'FEATURED AUTOMATION EXPERIENCE' !important;
}
body:not(.page-id-166) section.ngsr .ngsr__rating {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 12px !important;
  color: #262626 !important;
  font: 700 12px/1.4 'Proximanova-bold', sans-serif !important;
}
body:not(.page-id-166) section.ngsr .ngsr__stars {
  color: #262626 !important;
  font-size: 21px !important;
  letter-spacing: 1px !important;
  line-height: 1.3 !important;
}
body:not(.page-id-166) section.ngsr .ngsr__topic {
  margin: 16px 0 11px !important;
  font: 700 11px/1.4 'Proximanova-bold', sans-serif !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #262626 !important;
}
body:not(.page-id-166) section.ngsr .ngsr__summary {
  margin: 0 0 27px !important;
  font: 400 17px/1.54 'Proximanova-regular', sans-serif !important;
  color: #262626 !important;
  overflow-wrap: anywhere;
}
body:not(.page-id-166) section.ngsr .ngsr__card:first-child .ngsr__summary {
  font: 700 22px/1.46 'Proximanova-bold', sans-serif !important;
}
body:not(.page-id-166) section.ngsr .ngsr__person {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: auto !important;
  padding-top: 18px !important;
  border-top: 1px solid #26262633 !important;
}
body:not(.page-id-166) section.ngsr .ngsr__avatar {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid #262626 !important;
  border-radius: 50% !important;
  background: #262626 !important;
  color: #fff !important;
  font: 700 17px/1 'Proximanova-bold', sans-serif !important;
}
body:not(.page-id-166) section.ngsr .ngsr__person h3 {
  margin: 0 !important;
  font: 700 16px/1.4 'Proximanova-bold', sans-serif !important;
  color: #262626 !important;
}
body:not(.page-id-166) section.ngsr .ngsr__person p {
  margin: 3px 0 0 !important;
  color: #505050 !important;
  font: 400 12px/1.6 'Proximanova-regular', sans-serif !important;
}
body:not(.page-id-166) section.ngsr .ngsr__source {
  display: inline-flex !important;
  align-self: flex-start !important;
  max-width: 100%;
  margin-top: 16px !important;
  padding: 0 0 3px !important;
  border: 0 !important;
  border-bottom: 1px solid #262626 !important;
  color: #262626 !important;
  font: 700 13px/1.45 'Proximanova-bold', sans-serif !important;
  text-decoration: none !important;
}
body:not(.page-id-166) section.ngsr .ngsr__source:hover {
  color: #262626 !important;
  border-bottom-width: 2px !important;
  text-decoration: none !important;
}
body:not(.page-id-166) section.ngsr .ngsr__all:focus-visible,
body:not(.page-id-166) section.ngsr .ngsr__source:focus-visible {
  outline: 3px solid #a6d66b !important;
  outline-offset: 4px !important;
}
body:not(.page-id-166) section.ngsr .ngsr__note {
  max-width: 100% !important;
  margin: 25px 0 0 !important;
  color: #aaa !important;
  font: 400 12px/1.6 'Proximanova-regular', sans-serif !important;
}
/* A few old graphic-design overrides carry !important. Match their specificity
   so these pages use the same premium review treatment rather than white-on-white. */
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] {
  padding: 94px 24px 100px !important;
  border: 0 !important;
  border-top: 7px solid #84c041 !important;
  background: #000 !important;
  color: #fff !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__shell {
  max-width: 1240px !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__head {
  align-items: center !important;
  margin-bottom: 34px !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__eyebrow {
  color: #a6d66b !important;
  margin: 0 0 13px !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__head h2 {
  color: #fff !important;
  font: 700 clamp(36px,4vw,52px)/1.1 'Proximanova-bold',sans-serif !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__intro {
  color: #d2d2d2 !important;
  line-height: 1.56 !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__all {
  color: #000 !important;
  padding: 15px 20px !important;
  border: 0 !important;
  background: #a6d66b !important;
  margin: 0 !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__grid {
  grid-template-columns: 1.13fr 1fr 1fr !important;
  gap: 17px !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__card {
  border: 0 !important;
  min-height: 358px !important;
  padding: 30px 27px !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__card:nth-child(1) {
  background: #a6d66b !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__card:nth-child(2) {
  background: #fff !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__card:nth-child(3) {
  background: #e6efdf !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__summary {
  color: #262626 !important;
  font: 400 17px/1.54 'Proximanova-regular',sans-serif !important;
  margin: 0 0 27px !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__card:first-child .ngsr__summary {
  font: 700 22px/1.46 'Proximanova-bold',sans-serif !important;
}
body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__source {
  color: #262626 !important;
}
@media (max-width:1120px) and (min-width:701px) {
  body:not(.page-id-166) section.ngsr .ngsr__grid[data-review-count="3"] {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  body:not(.page-id-166) section.ngsr .ngsr__grid[data-review-count="3"] .ngsr__card:first-child {
    grid-row: span 2 !important;
  }
  body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__grid[data-review-count="3"] {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:700px) {
  body:not(.page-id-166) section.ngsr,
  body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] {
    padding: 68px 20px 76px !important;
  }
  body:not(.page-id-166) section.ngsr .ngsr__head,
  body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__head {
    display: block !important;
  }
  body:not(.page-id-166) section.ngsr .ngsr__all {
    display: inline-flex !important;
    margin-top: 18px !important;
  }
  body:not(.page-id-166) section.ngsr .ngsr__grid,
  body:not(.page-id-166) section.ngsr .ngsr__grid[data-review-count],
  body .nsu[data-nsu-kind="graphic"] > section.ngsr[data-review-context="graphic_design"] .ngsr__grid {
    grid-template-columns: minmax(0,1fr) !important;
    max-width: none !important;
  }
  body:not(.page-id-166) section.ngsr .ngsr__card {
    grid-row: auto !important;
    min-height: 0 !important;
    padding: 27px 22px !important;
  }
  body:not(.page-id-166) section.ngsr .ngsr__card:first-child .ngsr__summary {
    font-size: 20px !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  body:not(.page-id-166) section.ngsr .ngsr__card,
  body:not(.page-id-166) section.ngsr .ngsr__all {
    transition: none !important;
  }
  body:not(.page-id-166) section.ngsr .ngsr__card:hover,
  body:not(.page-id-166) section.ngsr .ngsr__all:hover {
    transform: none !important;
  }
}