#agency-portfolio [hidden] { display: none !important; }
#agency-portfolio h1 { line-height: 1.5; }
.portfolio-intro { padding-block-end: .25rem; }
.portfolio-controls label { display: block; margin-block-end: .625rem; }
#portfolio-search { width: 100%; min-width: 0; min-height: 48px; border: 1px solid var(--border); border-radius: 1rem; background: color-mix(in oklch, var(--background) 50%, transparent); color: var(--foreground); padding: .75rem 1rem; font: inherit; font-size: 1rem; }
#portfolio-search::placeholder { color: var(--muted-foreground); opacity: 1; }
.portfolio-filters { display: flex; gap: .5rem; margin-block-start: .875rem; }
.portfolio-filters button { flex: 1; min-width: 0; min-height: 44px; padding: .5rem; border: 1px solid var(--border); border-radius: 999px; font-size: .875rem; color: var(--foreground); }
.portfolio-filters button[aria-pressed="true"] { background: var(--foreground); color: var(--background); border-color: transparent; }
.portfolio-platform { margin-block-end: .625rem; }
.portfolio-handle { line-height: 1.6; overflow-wrap: anywhere; }
.portfolio-handle:focus { outline: 2px solid var(--foreground); outline-offset: 5px; border-radius: .25rem; }
.portfolio-actions { display: grid; grid-template-columns: 1fr; gap: .75rem; margin-block-start: 1rem; }
.portfolio-actions a { min-height: 44px; display: flex; align-items: center; justify-content: center; gap: .5rem; padding: .75rem 1rem; font-size: .875rem; font-weight: 600; text-align: center; line-height: 1.5; }
.portfolio-view { border: 1px solid var(--border); border-radius: 999px; color: var(--foreground); }
.portfolio-more { display: block; width: 100%; min-height: 48px; padding: .875rem 1.25rem; font-size: 1rem; border: 1px solid var(--border); }
.portfolio-reset { min-height: 44px; margin-block-start: 1rem; padding: .5rem 1rem; text-decoration: underline; text-underline-offset: .3rem; }
.portfolio-outro { padding-block: 1rem .5rem; }
.portfolio-services { display: inline-flex; align-items: center; min-height: 44px; margin-block-start: .5rem; text-decoration: underline; text-underline-offset: .3rem; }
#agency-portfolio :is(a, button, input):focus-visible { outline: 2px solid var(--foreground); outline-offset: 4px; }
@media (min-width: 390px) { .portfolio-actions { grid-template-columns: 1fr 1.25fr; } }
@media (prefers-reduced-motion: no-preference) { .portfolio-view, .portfolio-more { transition: background-color 160ms ease; } .portfolio-view:hover, .portfolio-more:hover { background-color: color-mix(in oklch, var(--foreground) 6%, transparent); } }