.c-header-top {display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:70px}
.c-navigation {display:flex;gap:24px;overflow-x:auto;white-space:nowrap;padding-bottom:10px;scrollbar-width:thin}
.c-navigation a {flex-shrink:0;font-size:13px;min-height:44px;display:flex;align-items:center;color:var(--text-on-dark-soft)}
.c-languages {display:flex;gap:4px}
.c-languages a {padding:12px 8px;font-size:12px;min-width:36px;text-align:center;border-radius:6px}
.c-languages [aria-current] {background:#303d2e}
.c-hero {padding:40px 0 64px}
.c-breadcrumb {font-size:12px;color:var(--text-on-dark-soft);margin-bottom:36px}
.c-breadcrumb a {display:inline-block;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.c-hero h1 {font-size:clamp(32px,4vw,56px);max-width:920px;margin-bottom:24px}
.c-hero-intro {font-size:18px;max-width:72ch}
.c-period {font-size:13px;color:var(--green)!important;margin-bottom:20px}
.c-controls {display:grid;grid-template-columns:1.3fr 1fr 1fr .8fr auto;gap:16px;align-items:end;margin-bottom:28px}
.c-controls label {font-size:12px;font-weight:600;display:grid;gap:8px}
.c-status {font-size:13px;min-height:22px;color:var(--text-secondary)}
.c-list {display:grid;gap:24px}
.c-agency {padding:32px;background:white;border:1px solid var(--border-light);border-radius:16px}
.c-card-head {display:flex;gap:24px;align-items:center;margin-bottom:20px}
.c-card-head h2 {font-size:28px;margin:4px 0 8px}
.c-card-head h2 a:hover {text-decoration:underline;text-underline-offset:5px}
.c-card-head p {margin:0;font-size:14px}
.c-rank {font-size:12px;color:var(--text-secondary)}
.c-score {margin-left:auto!important;white-space:nowrap;display:flex;align-items:baseline;gap:6px}
.c-score strong {font:700 48px/1 var(--font-head);letter-spacing:-.05em}
.c-score span {font-size:14px}
.c-description {max-width:82ch}
.c-location {font-size:13px;color:var(--text-secondary)}
.c-focus {font-size:14px;font-weight:600}
.c-links {display:flex;flex-wrap:wrap;gap:4px 20px;list-style:none;margin:0 0 24px;padding:0}
.c-links a {display:block;font-size:13px;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}
.c-featured {background:var(--ink);border:1px solid var(--border-dark);color:var(--text-on-dark);padding:40px}
.c-featured p,.c-featured .c-rank {color:var(--text-on-dark-soft)}
.c-featured .c-score strong,.c-featured .c-focus {color:var(--green)}
.c-featured :focus-visible,.c-header :focus-visible,.c-hero :focus-visible {outline-color:var(--green)}
.c-agency-logo {background:var(--paper);padding:16px;border-radius:8px;object-fit:contain;width:152px;height:80px}
.c-clients {display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:28px 0;padding:0}
.c-clients li {background:var(--paper);border:1px solid var(--border-light);color:var(--ink);width:160px;min-height:88px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:8px;font:700 18px/1.3 var(--font-head)}
.c-clients img {max-width:100%;height:48px;object-fit:contain}
.c-clients small {font:12px/1.4 var(--font-body);margin-top:4px}
.c-cases {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;margin-top:32px}
.c-case {min-width:0}
.c-case>img {width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:8px;display:block;margin-bottom:20px}
.c-case h3 {font-size:24px}
.c-case h4 {font:600 12px/1.4 var(--font-body);margin:20px 0 8px;text-transform:uppercase;letter-spacing:.06em}
.c-case p {font-size:14px;max-width:65ch}
.c-cases-compact {grid-template-columns:repeat(2,minmax(0,1fr));margin:28px 0;gap:28px}
.c-cases-compact .c-case {display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:start}
.c-cases-compact .c-case>img {height:100px;margin:0;aspect-ratio:auto}
.c-cases-compact h3 {font-size:18px;margin-bottom:8px}
.c-cases-compact p {font-size:12px;margin-bottom:4px}
.c-cases-compact .text-link {font-size:12px}
.c-actions {display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:20px 0 0}
.c-toggle {border:1px solid #7c8978;background:transparent;border-radius:8px;padding:10px 16px;min-height:44px;font-size:13px}
.c-toggle[aria-pressed=true] {background:var(--green);border-color:var(--green);color:var(--green-ink)}
.c-details {margin-top:24px;border-top:1px solid var(--border-light);padding-top:8px}
.c-featured .c-details {border-color:var(--border-dark)}
.c-details summary {padding:12px 0;min-height:44px;font-size:14px}
.c-details>div {padding:16px 0 0}
.c-details p {font-size:14px;max-width:80ch}
.c-tiles {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 48px;margin-top:36px}
.c-tiles article {border-top:1px solid var(--border-light);padding:24px 0}
.c-tile-title {font:700 22px/1.3 var(--font-head);display:block;margin-bottom:16px;text-decoration:underline;text-underline-offset:6px}
.c-tiles p {font-size:14px;max-width:65ch;color:var(--text-secondary)}
.c-prose {max-width:80ch;margin:24px 0}
.c-brief {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;counter-reset:brief;list-style:none;padding:0;margin:36px 0 0}
.c-brief li {border-top:1px solid var(--border-dark);padding-top:20px}
.c-brief li:before {counter-increment:brief;content:'0' counter(brief);display:block;font:600 28px/1.2 var(--font-head);color:var(--green);margin-bottom:24px}
.c-faq {max-width:900px;margin-top:32px}
.c-faq details {border-top:1px solid var(--border-light)}
.c-faq summary {padding:20px 0;font-weight:600}
.c-faq p {max-width:76ch;padding-bottom:16px}
.c-profile-score {display:flex;align-items:center;gap:24px}
.c-profile-score strong {font:700 52px/1.3 var(--font-head);color:var(--green)}
.c-profile-score small {font:400 18px var(--font-body)}
.c-profile-logo {display:inline-flex;padding:16px 24px;background:var(--paper);border-radius:8px;margin:8px 24px 16px 0;vertical-align:middle}
.c-profile-logo img {object-fit:contain;max-width:100%}
.c-table-wrap {overflow-x:auto;margin:28px 0;border:1px solid var(--border-light);border-radius:8px}
.c-table {width:100%;border-collapse:collapse;font-size:14px;background:white}
.c-table th,.c-table td {padding:20px;text-align:left;border-bottom:1px solid var(--border-light);vertical-align:top;min-width:160px}
.c-table thead th {background:var(--paper-panel);font-size:17px}
.c-table tbody th {font-weight:500;width:240px}
.c-table tr:last-child>* {border-bottom:0}
.c-share {max-width:720px;margin:32px 0}
.c-share label {display:block;font-size:13px;font-weight:600;margin-bottom:8px}
.c-share p {font-size:12px;margin-top:8px}
.c-footer h2 {font-size:16px;margin-top:40px}
.c-footer p {font-size:12px;max-width:110ch}
.c-footer-nav {display:flex;flex-wrap:wrap;gap:8px 24px}
.c-footer-nav a {display:block;padding:10px 0;min-height:44px;font-size:14px}
.c-js {display:none}
html.c-ready .c-js {display:flex}
html.c-ready .c-controls {display:grid}
html.c-ready .c-share {display:block}
html.c-ready .c-status {display:block}
[hidden] {display:none!important}
.c-home-links {display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:24px;padding-bottom:24px}
.c-home-links a {font-size:14px;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
@media(min-width:900px){.c-list>.c-agency:not(.c-featured) {padding:32px 40px}.c-list>.c-agency:not(.c-featured) .c-description {max-width:85ch}}
@media(max-width:1000px){.c-controls {grid-template-columns:repeat(2,minmax(0,1fr))}.c-controls .btn {align-self:end}.c-cases-compact .c-case {grid-template-columns:100px minmax(0,1fr)}}
@media(max-width:640px){.c-header-top {min-height:64px;gap:8px}.c-navigation {gap:20px}.c-header .logo-full {font-size:11px}.c-header .logo {gap:8px}.c-header .logo-mark {width:28px;height:28px}.c-languages a {padding:12px 6px;min-width:32px}.c-hero {padding:24px 0 40px}.c-breadcrumb {margin-bottom:24px}.c-hero-intro {font-size:16px}.c-controls {grid-template-columns:1fr 1fr;gap:16px 12px}.c-controls label:first-child {grid-column:1/-1}.c-agency,.c-featured {padding:24px 20px}.c-card-head {flex-wrap:wrap;gap:16px}.c-agency-logo {width:120px;height:64px}.c-featured .c-card-head>div {order:3;flex-basis:100%}.c-card-head h2 {font-size:24px}.c-card-head>div {flex:1}.c-score strong {font-size:38px}.c-cases,.c-cases-compact,.c-tiles,.c-brief {grid-template-columns:1fr;gap:24px}.c-cases-compact .c-case {grid-template-columns:90px minmax(0,1fr)}.c-cases-compact .c-case>img {height:88px}.c-clients {gap:8px}.c-clients li {width:calc(50% - 4px);min-height:76px;padding:12px}.c-actions {gap:12px}.c-featured .c-actions>.btn {width:100%}.c-toggle {padding:10px 12px}.c-profile-logo {display:flex;width:230px}.c-brief li:before {margin-bottom:12px}.c-table th,.c-table td {min-width:150px;padding:16px}.c-footer {padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){html {scroll-behavior:auto}.c-page * {animation:none!important;transition:none!important}.c-page .btn:active {transform:none}}
body[data-kind=favorites] #agencyList {display:none}
html.c-ready body[data-kind=favorites] #agencyList {display:grid}
#picklesExpanded {padding-top:40px}
#picklesExpanded .btn {margin-top:16px}

.c-service-group {margin-top:48px;border-top:1px solid var(--border-light);padding-top:28px}
.c-service-group>h3 {font-size:24px;color:var(--deep-green)}
.c-service-group .c-tiles {margin-top:16px}
.c-profile-score .c-score {margin-left:0!important}

/* Compact reading rhythm: evidence belongs in the agency profile. */
.index-symbol {width:40px;height:40px;flex-shrink:0}
.c-list {gap:16px}
.c-list .c-agency,.c-list>.c-agency:not(.c-featured) {padding:24px 28px}
.c-list .c-card-head h2 {font-size:25px}
.c-list .c-description {margin:16px 0 12px;font-size:16px;line-height:1.65}
.c-list .c-location {margin:8px 0 12px}
.c-list .c-links {margin:0;gap:4px 20px}
.c-list .c-actions {display:inline-flex;margin:12px 20px 0 0;vertical-align:middle}
.c-list .c-details {margin-top:16px;padding-top:4px}
#showAllAgencies {margin-top:24px;min-width:240px}
.c-hero-layout {display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
[data-kind=profile] .c-hero-layout {grid-template-columns:minmax(0,1fr) 300px;align-items:start}
[data-kind=profile] .c-hero h1 {font-size:clamp(28px,3.2vw,44px);line-height:1.18;max-width:24ch}
[data-kind=profile] .c-hero-intro {font-size:17px;line-height:1.7;max-width:65ch;margin-bottom:0}
.c-profile-panel {border-left:1px solid #354332;padding-left:28px}
.c-profile-panel .c-profile-score {margin:0 0 20px;font-size:14px;justify-content:space-between;gap:12px}
.c-profile-panel .c-profile-logo {display:flex;width:100%;margin:0 0 16px;justify-content:center;padding:20px}
.c-profile-panel>.btn {width:100%;justify-content:center}
.c-profile-panel .c-actions {gap:8px;margin:12px 0 0;flex-wrap:wrap}
.c-profile-panel .c-toggle {font-size:13px;padding:10px 12px}
[data-kind=profile] main>.section {padding:48px 0}
[data-kind=profile] #offices {padding-bottom:16px}
[data-kind=profile] .section-title {font-size:30px;margin-bottom:20px}
[data-kind=profile] .c-prose {margin:0;max-width:80ch}
[data-kind=profile] .c-clients {margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
[data-kind=profile] .c-clients li {width:auto;min-height:96px}
[data-kind=profile] .c-service-group {margin-top:24px;padding-top:20px}
[data-kind=profile] .c-service-group .c-tiles {gap:0 32px;margin:0}
[data-kind=profile] .c-service-group .c-tiles article {padding:12px 0}
[data-kind=profile] .c-service-group .c-tiles p {display:none}
[data-kind=profile] .c-service-group .c-tile-title {font-size:17px}
@media(max-width:760px){
 [data-kind=profile] .c-hero-layout {grid-template-columns:1fr;gap:24px}
 .c-profile-panel {border-left:0;border-top:1px solid #354332;padding:20px 0 0;max-width:400px}
 .c-profile-panel .c-profile-logo {width:200px;min-height:72px;float:left;margin:0 16px 16px 0}
 .c-profile-panel .c-profile-score {justify-content:flex-start;gap:24px}
 .c-profile-panel>.btn {width:auto}
 .c-profile-panel .c-actions {clear:both;display:flex}
 [data-kind=profile] .c-clients {grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-kind=profile] main>.section {padding:32px 0}
 .c-list .c-agency,.c-list>.c-agency:not(.c-featured) {padding:20px}
 .c-list .c-actions {display:flex;margin-right:0}
 .index-symbol {width:32px;height:32px}
}

/* Original square agency artwork; independent of the index identity. */
.c-agency-logo {padding:0;background:transparent;object-fit:contain;width:120px;height:120px;aspect-ratio:1}
.c-profile-panel .c-profile-logo {padding:0;background:transparent;overflow:visible;width:200px;max-width:100%;float:none;margin:0 0 16px}
.c-profile-logo img {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:640px){.c-agency-logo {width:104px;height:104px}}


/* 2026-10-08 selection flow */
html.c-ready .c-selector {display:grid}
.c-selector {margin-top:32px;padding:20px;background:#1a2119;border:1px solid #354332;border-radius:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:16px;align-items:end}
.c-selector label {display:grid;gap:8px;font-size:12px;font-weight:650;color:var(--text-on-dark-soft)}
.c-selector select {background:#f6f4ee;color:#111612;border-color:#778073;min-height:48px}
.c-selector .btn {min-height:48px;white-space:nowrap}
.c-quick-tasks {grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding-top:4px}
.c-quick-tasks>span {font-size:12px;color:var(--text-on-dark-soft)}
.c-quick-tasks a {font-size:12px;color:var(--text-on-dark);text-decoration:underline;text-underline-offset:4px;padding:6px 0}
.c-selection-summary {display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin:0 0 20px}
.c-selection-summary>div {border-top:1px solid var(--border-light);padding-top:12px;display:grid;gap:4px}
.c-selection-summary strong {font:700 28px/1 var(--font-head)}
.c-selection-summary span {font-size:12px;color:var(--text-secondary)}
.c-active-filters {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.c-active-filters:empty {display:none}
.c-active-filters button {border:1px solid #788475;background:#eef3e9;border-radius:999px;padding:8px 12px;font-size:12px;min-height:38px}
.c-match-reason {background:#eef6e8;border-left:3px solid var(--green);padding:12px 14px;margin:14px 0;font-size:13px!important;color:var(--ink)!important}
.c-featured .c-match-reason {background:#202a1f;color:var(--text-on-dark)!important}
.c-back-results {display:inline-block;color:var(--text-on-dark);font-size:13px;margin-bottom:18px;text-decoration:underline;text-underline-offset:4px}
.c-similar {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.c-similar article {border-top:1px solid var(--border-light);padding-top:20px}
.c-similar h3 {font-size:20px;margin-bottom:8px}
.c-similar p {font-size:13px;color:var(--text-secondary)}
@media(max-width:1000px){.c-selector {grid-template-columns:repeat(2,minmax(0,1fr))}.c-selector .btn {width:100%}}
@media(max-width:640px){.c-selector {grid-template-columns:1fr;margin-top:24px;padding:16px}.c-selector .btn {width:100%}.c-quick-tasks {gap:4px 12px}.c-quick-tasks>span {width:100%;margin-bottom:2px}.c-selection-summary {grid-template-columns:1fr 1fr}.c-similar {grid-template-columns:1fr}.c-controls {margin-bottom:20px}}
/* Profile cooperation call to action */
.c-cooperation-cta {margin-top:24px;min-height:52px;padding:14px 24px;align-items:center;justify-content:center}
