.scc-about .scc-blog-hero{overflow-x:clip;padding:56px 0 44px;background:linear-gradient(180deg,var(--hero-a),var(--hero-b))}.scc-about .scc-blog-hero__title{margin:0 0 14px;font-size:44px}.scc-about .scc-blog-hero__sub{max-width:640px;color:var(--text-2);font-size:16px}.scc-about .scc-blog-hero__count{margin-top:10px;color:var(--muted);font-size:12.5px}.scc-about .scc-blog-hero__topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.scc-about .scc-blog-hero__topic{display:inline-flex;min-height:44px;align-items:center;padding:0 16px;border:1.5px solid var(--border);border-radius:var(--r-pill);background:var(--white);color:var(--navy);font:700 13px/1 var(--font-body);text-decoration:none}.scc-about .scc-blog-hero__topic:hover{border-color:var(--blue)}.scc-about .scc-blog-hero__topic.is-active{border-color:var(--blue);background:linear-gradient(180deg,var(--white),var(--sky))}.scc-about .scc-blog-hero__search{display:flex;max-width:600px;flex-wrap:wrap;gap:10px;margin-top:16px}.scc-about .scc-blog-hero__search-field{position:relative;min-width:0;flex:1 1 240px}.scc-about .scc-blog-hero__search-field .scc-icon{position:absolute;top:50%;left:15px;width:19px;height:19px;color:var(--muted);pointer-events:none;translate:0 -50%}.scc-about .scc-blog-hero__search-field input{width:100%;min-height:48px;padding:12px 16px 12px 44px;border:1.5px solid var(--border);border-radius:var(--r-pill);background:var(--white);color:var(--ink);font:400 14.5px/1.4 var(--font-body)}.scc-about .scc-blog-hero__search-field input::placeholder{color:var(--muted)}.scc-about .scc-blog-hero__search-field input:focus-visible{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--focus-ring)}@media(max-width:899.98px){.scc-about .scc-blog-hero__title{font-size:38px}}@media(max-width:767.98px){.scc-about .scc-blog-hero{padding:44px 0 36px}.scc-about .scc-blog-hero__title{font-size:34px}.scc-about .scc-blog-hero__sub{font-size:15px}}@media(max-width:479.98px){.scc-about .scc-blog-hero__title{font-size:30px}}@media(max-width:359.98px){.scc-about .scc-blog-hero__title{font-size:28px}}@media(forced-colors:active){.scc-about .scc-blog-hero__search-field input:focus-visible{outline:2px solid CanvasText;outline-offset:2px;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-scc-blog-hero.css.map */