.logo-showcase-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0 20px}
.logo-showcase-tab{min-height:46px;padding:12px 19px;border:1px solid transparent;border-radius:30px;background:transparent;color:#aaa5b1;font:600 .85rem/1.3 "Manrope",sans-serif;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.logo-showcase-tab:hover{color:#fff;background:#18151e}
.logo-showcase-tab[aria-pressed=true]{border-color:var(--orange,#ff7b32);color:#fff;background:rgba(255,123,50,.08)}
.logo-showcase-tab:focus-visible,.logo-showcase-more:focus-visible,.logo-showcase-card:focus-visible{outline:2px solid #8be6ff;outline-offset:5px}
.logo-showcase-summary{text-align:center;color:#b9b3bf;margin:30px 0 24px;font-size:1rem;line-height:1.6}
.logo-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.logo-showcase-card{display:block;aspect-ratio:1;overflow:hidden;background:#111014;border:1px solid #2a2630;border-radius:0;transition:transform .25s,border-color .25s}
.logo-showcase-card img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}
.logo-showcase-card:hover{border-color:var(--orange,#ff7b32);transform:translateY(-3px)}
.logo-showcase-card:hover img{transform:scale(1.025)}
.logo-showcase-more{display:table;margin:22px auto;min-height:44px;padding:12px 22px;border:1px solid #554b60;border-radius:28px;background:transparent;color:#eee9f2;font:600 .85rem/1.3 "Manrope",sans-serif;text-decoration:none;cursor:pointer}
.logo-showcase-more[hidden]{display:none}
.logo-portfolio-heading{grid-template-columns:minmax(0,1fr);gap:24px}
.logo-portfolio-heading>p{max-width:560px}
.logo-portfolio-heading h3{min-height:1.3em;white-space:nowrap;font-size:clamp(1.6rem,5.4vw,6rem);line-height:1.1}
.logo-portfolio-heading h3 em{display:inline}
.logo-heading-cursor{display:inline-block;width:.075em;height:.78em;margin-left:.05em;background:#ff7b32;vertical-align:-.02em;animation:cursorBlink .8s steps(1) infinite}
@media(prefers-reduced-motion:reduce){.logo-heading-cursor{display:none}}
@media(max-width:760px){.logo-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logo-showcase-tab{font-size:.76rem;padding:10px 13px}.logo-showcase-tabs{gap:6px}.logo-showcase-summary{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.logo-showcase-card,.logo-showcase-card img,.logo-showcase-tab{transition:none}}
#logo-designs{margin-top:40px;padding-top:28px}
#logo-designs .logo-portfolio-heading{grid-template-columns:minmax(0,1fr) 260px;gap:12px 28px;align-items:center;margin-bottom:0}
#logo-designs .logo-portfolio-heading>div:first-child{grid-column:1;grid-row:1;min-width:0}
#logo-designs .logo-portfolio-heading h3{font-size:clamp(1.6rem,3.7vw,3.6rem);line-height:1.1;margin:12px 0;letter-spacing:-.055em}
#logo-designs .logo-portfolio-heading>p{grid-column:1/-1;grid-row:2;max-width:760px;margin:0;line-height:1.6}
#logo-designs .logo-field-search{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr;gap:6px;width:260px;max-width:100%;margin:0;justify-self:end}
#logo-designs .logo-field-search label{font:400 .8rem/1.4 "Manrope",sans-serif;letter-spacing:0;text-transform:none;color:#b9b3bf}
#logo-designs .logo-field-search input{min-height:48px;padding:12px 75px 12px 16px;border-radius:8px;border-color:#49424f;font:400 .8rem/1.4 "Manrope",sans-serif}
#logo-designs .logo-field-search-control span{position:absolute;right:14px;top:50%;display:block;margin:0;transform:translateY(-50%)}
#logo-designs .logo-showcase-controls{display:grid;grid-template-columns:1fr auto;gap:12px 20px;margin:20px 0 24px;align-items:center}
#logo-designs .logo-showcase-tabs{grid-column:1/-1;justify-content:flex-start;gap:8px;margin:0}
#logo-designs #logo-showcase-more{grid-column:2;grid-row:2;margin:0}
#logo-designs .logo-showcase-summary{grid-column:1;grid-row:2;text-align:left;margin:0;font-size:.85rem}
#logo-designs #logo-showcase-empty{grid-column:1/-1;margin:0;color:#b9b3bf}
@media(max-width:600px){#logo-designs{margin-top:28px;padding-top:24px}#logo-designs .logo-portfolio-heading{grid-template-columns:1fr;gap:12px}#logo-designs .logo-field-search{grid-column:1;grid-row:3;width:100%;justify-self:stretch}#logo-designs #logo-showcase-more{padding:10px 12px;font-size:.8rem}}
