@layer pages{.agency-detail-page{background:var(--color-canvas);min-block-size:100svh}.agency-detail__ad-layout{padding-block:var(--space-4) var(--space-section)}.agency-detail__content{gap:var(--space-4);min-inline-size:0;display:grid}.agency-detail__breadcrumbs{color:var(--color-ink-muted);font-size:var(--text-small);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.agency-detail__breadcrumbs a{color:var(--color-ink);font-weight:var(--font-weight-emphasis);align-items:center;gap:var(--space-1);text-decoration:none;display:inline-flex}.agency-detail__hero{background:var(--color-brand);border-radius:var(--radius-compact-surface);color:var(--color-on-action);isolation:isolate;min-inline-size:0;display:grid;position:relative;overflow:hidden;container-type:inline-size}.agency-detail__cover{grid-area:1/1;min-block-size:clamp(20rem,26vw,27rem);position:relative;overflow:hidden}.agency-detail__cover:after{background:linear-gradient(180deg, transparent 15%, var(--color-overlay-soft) 45%, var(--color-overlay-strong) 100%);content:"";position:absolute;inset:0}.agency-detail__cover img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.agency-detail__cover>svg{block-size:8rem;color:var(--color-on-ad-muted);inline-size:8rem;margin:var(--space-8)}@keyframes agency-cover-intro{0%{transform:scale(1)}to{transform:scale(1.03)}}@media (prefers-reduced-motion:no-preference){.agency-detail__cover img[data-loaded=true]{animation:agency-cover-intro var(--motion-cover-intro) var(--ease-ambient) forwards}}.agency-detail__profile{align-self:end;align-items:end;gap:var(--space-5);grid-area:1/1;grid-template-columns:minmax(0,1fr);padding:clamp(1rem,2vw,2rem);display:grid;position:relative}.agency-detail__overview{align-items:center;gap:var(--space-3) var(--space-4);grid-template-columns:auto minmax(0,1fr);min-inline-size:0;display:grid}.agency-detail__logo{aspect-ratio:1;background:var(--color-brand);border:.125rem solid var(--color-on-ad-muted);border-radius:var(--radius-compact-surface);font-size:var(--text-h2);font-weight:var(--font-weight-heading);grid-row:span 2;justify-content:center;align-items:center;inline-size:clamp(5rem,8vw,8rem);display:flex;overflow:hidden}.agency-detail__logo img{object-fit:contain;block-size:100%;inline-size:100%}.agency-detail__identity{min-inline-size:0}.agency-detail__identity h1{color:inherit;font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:var(--font-weight-heading);overflow-wrap:anywhere;margin:0;line-height:1.15}.agency-detail__identity p{color:var(--color-on-ad-muted);font-size:var(--text-body);margin-block:var(--space-2) 0}.agency-detail__hero-stats{font-size:var(--text-caption);align-items:center;gap:var(--space-4);flex-wrap:wrap;grid-column:2;min-inline-size:0;display:flex}.agency-detail__hero-stats>span{align-items:center;gap:var(--space-2);min-inline-size:0;display:inline-flex}.agency-detail__hero-stats>span>span{gap:0;line-height:1.2;display:grid}.agency-detail__hero-stats svg{flex:none;block-size:2rem;inline-size:2rem}.agency-detail__hero-stats strong{font-size:var(--text-small);font-weight:var(--font-weight-strong)}.agency-detail__hero-actions{z-index:var(--z-raised);position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}.agency-detail__listings{gap:var(--space-4);min-inline-size:0;display:grid}.agency-detail__categories{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-compact-surface);gap:var(--space-2);max-inline-size:100%;padding:var(--space-3);scroll-padding:var(--space-3);scrollbar-width:thin;display:flex;overflow-x:auto}.agency-detail__category{flex:none}.agency-detail__category-count{background:var(--color-surface);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--text-caption);min-inline-size:1.75rem;padding:var(--space-1) var(--space-2)}.agency-detail__category[aria-pressed=true]{background:var(--color-action);color:var(--color-on-action)}.agency-detail__category:focus-visible{box-shadow:var(--focus-ring);outline:.125rem solid var(--color-action);outline-offset:.125rem}.agency-detail__active-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.agency-detail__grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));min-inline-size:0;display:grid}@container agency-listings (width<48rem){.agency-detail__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.agency-detail__grid[data-view=list]{grid-template-columns:minmax(0,1fr)}.agency-detail__empty{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-compact-surface);gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;place-items:center;display:grid}.agency-detail__empty h3,.agency-detail__empty p{margin:0}.agency-detail__empty p{color:var(--color-ink-muted)}.agency-detail__pagination{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.agency-detail__body{align-items:start;gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(19rem,23rem);display:grid}.agency-detail__main{gap:var(--space-4);min-inline-size:0;display:grid;container:agency-listings/inline-size}.agency-detail__contacts{row-gap:var(--space-6);position:sticky;inset-block-start:calc(var(--header-height) + var(--space-4))}.agency-detail__social{border-block-start:.0625rem solid var(--color-border);gap:var(--space-3);padding-block-start:var(--space-6);display:grid}.agency-detail__social-links{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.agency-detail__social-links a{border:.0625rem solid var(--color-border);border-radius:var(--radius-compact-control);font-size:var(--text-small);gap:var(--space-2);min-inline-size:0;padding:var(--space-3) var(--space-2);place-items:center;display:grid}.agency-detail__social-links a svg{block-size:1.75rem;inline-size:1.75rem}.agency-detail__office-map{aspect-ratio:6/5;border:.0625rem solid var(--color-border);border-radius:var(--radius-compact-surface);inline-size:100%}.agency-detail__about,.agency-detail__contacts{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-compact-surface);column-gap:var(--space-4);min-inline-size:0;padding:clamp(1rem,1.5vw,1.5rem);display:grid}.agency-detail__about{row-gap:var(--space-4)}.agency-detail__about h2{font-size:var(--text-h3);font-weight:var(--font-weight-heading);overflow-wrap:anywhere;margin:0}.agency-detail__contacts h2{font-size:1.25rem;font-weight:var(--font-weight-heading);overflow-wrap:anywhere;margin:0}.agency-detail__about p,.agency-detail__contacts p{color:var(--color-ink-muted);font-size:var(--text-small);overflow-wrap:anywhere;white-space:pre-line;margin:0;line-height:1.6}.agency-detail__summary{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(6.25rem,1fr));margin:0;display:grid}.agency-detail__summary>div{background:var(--color-surface-soft);border-radius:var(--radius-compact-surface);gap:var(--space-1);padding:var(--space-3) var(--space-2);text-align:center;place-items:center;display:grid}.agency-detail__summary svg{background:var(--color-surface);border-radius:var(--radius-pill);block-size:2.75rem;inline-size:2.75rem;padding:var(--space-2);margin-block-end:var(--space-1)}.agency-detail__summary dd{font-size:var(--text-lead);font-weight:var(--font-weight-strong);margin:0}.agency-detail__summary dt{color:var(--color-ink-muted);font-size:var(--text-caption)}.agency-detail__contact-line{font-size:var(--text-small);align-items:start;gap:var(--space-3);min-inline-size:0;display:flex}.agency-detail__contact-line>div{gap:var(--space-1);display:grid}.agency-detail__phone-number{color:var(--color-ink);font-weight:var(--font-weight-emphasis)}.agency-detail__contact-line>svg{flex:none;block-size:1.35rem;inline-size:1.35rem}.agency-detail__contact-line a{color:var(--color-link);overflow-wrap:anywhere;line-height:1.6}.agency-detail__contact-line a:hover{text-decoration:underline}.agency-detail__office{gap:var(--space-4);display:grid}.agency-detail__office-row{align-items:start;gap:var(--space-3);min-inline-size:0;display:flex}.agency-detail__office-row[data-separated=true]{border-block-start:.0625rem solid var(--color-border);padding-block-start:var(--space-6)}.agency-detail__contact-icon{background:var(--color-action-soft);border-radius:var(--radius-compact-surface);block-size:2.5rem;color:var(--color-action-strong);flex:none;justify-content:center;align-items:center;inline-size:2.5rem;display:flex}.agency-detail__contact-icon svg{block-size:1.375rem;inline-size:1.375rem}.agency-detail__office-copy{gap:var(--space-1);flex:1;min-inline-size:0;display:grid}.agency-detail__contact-label{color:var(--color-ink-muted);font-size:var(--text-caption);line-height:1.5}.agency-detail__contacts .agency-detail__contact-value{color:var(--color-ink);font-size:var(--text-small);font-weight:var(--font-weight-regular);line-height:1.5}.agency-detail__office-map-action{border-color:var(--color-action-border);color:var(--color-action-strong)}.agency-detail__office-map-action:is(:hover,:active){background:var(--color-action-soft);border-color:var(--color-action);color:var(--color-action-strong)}@container (width<40rem){.agency-detail__cover{grid-area:auto;min-block-size:11rem}.agency-detail__profile{grid-area:auto;grid-template-columns:minmax(0,1fr)}.agency-detail__hero-stats{grid-column:1/-1}.agency-detail__logo{grid-row:1}}@media (width<=63.99rem){.agency-detail__body{grid-template-columns:minmax(0,1fr)}.agency-detail__contacts{grid-row:1;position:static}}@media (width<=35.99rem){.agency-detail__content{gap:var(--space-3)}.agency-detail__profile{gap:var(--space-3);padding:var(--space-4)}.agency-detail__logo{grid-row:span 2;inline-size:4.5rem}.agency-detail__identity h1{font-size:var(--text-h3)}.agency-detail__identity p{font-size:var(--text-small)}.agency-detail__grid{grid-template-columns:minmax(0,1fr)}.agency-detail__summary{grid-template-columns:repeat(2,minmax(0,1fr))}}}