.shopify-section--brutech-blog{padding-block:48px}.bcx{--bcx-panel: #11131f;--bcx-line: rgba(255, 255, 255, .07);--bcx-ink: #eceef6;--bcx-dim: rgba(236, 238, 246, .55);--bcx-faint: rgba(236, 238, 246, .3);--bcx-brand: #27bcdd;width:100%;max-width:1400px;margin:0 auto;padding:0 48px}.bcx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--bcx-line)}.bcx-head__left{min-width:0;flex:1 1 auto}.bcx-head__right{min-width:0;flex:0 0 auto}.bcx-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-family:Share Tech Mono,ui-monospace,monospace;font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--bcx-brand)}.bcx-title{margin:0;font-family:Syne,Poppins,system-ui,sans-serif;font-size:clamp(24px,3.4vw,38px);font-weight:800;line-height:1.06;letter-spacing:-.02em;color:var(--bcx-ink)}.bcx-sub{margin:10px 0 0;max-width:52ch;font-size:13.5px;line-height:1.65;color:var(--bcx-dim)}.bcx-head__right{display:flex;align-items:center;gap:12px}.bcx-count{display:flex;align-items:baseline;gap:7px;padding:8px 13px;background:var(--bcx-panel);border:1px solid var(--bcx-line);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.bcx-count__n{font-family:Share Tech Mono,ui-monospace,monospace;font-size:15px;font-weight:700;color:var(--bcx-brand)}.bcx-count__k{font-family:Share Tech Mono,ui-monospace,monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--bcx-faint)}.bcx-all{display:inline-flex;align-items:center;gap:8px;padding:11px 17px;font-family:Share Tech Mono,ui-monospace,monospace;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--bcx-brand);background:#27bcdd14;border:1px solid rgba(39,188,221,.3);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);transition:background .2s ease,transform .2s ease}.bcx-all:hover{background:#27bcdd29;transform:translateY(-1px)}.bcx-all:focus-visible{outline:2px solid var(--bcx-brand);outline-offset:3px}.bcx-all svg{transition:transform .2s ease}.bcx-all:hover svg{transform:translate(3px)}.bcx-grid{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:14px;align-items:stretch}.bcx-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;overflow:hidden;background:radial-gradient(110% 80% at 0% 0%,color-mix(in srgb,var(--c, #27bcdd) 10%,transparent),transparent 58%),var(--bcx-panel);background-color:#11131f;border:1px solid var(--bcx-line);clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px);transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease}.bcx-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c, #27bcdd) 45%,transparent)}.bcx-card:focus-visible{outline:2px solid var(--c, #27bcdd);outline-offset:3px}.bcx-card--featured{grid-column:span 2;grid-row:span 2}.bcx-card__rail{position:absolute;left:0;top:13px;bottom:0;width:2px;background:linear-gradient(180deg,var(--c, #27bcdd),transparent 80%);opacity:.6;pointer-events:none;z-index:3;transition:opacity .28s ease}.bcx-card:hover .bcx-card__rail{opacity:1}.bcx-card__tick{position:absolute;top:0;right:0;width:0;height:0;border-top:15px solid var(--c, #27bcdd);border-left:15px solid transparent;opacity:.5;pointer-events:none;z-index:3;transition:opacity .28s ease}.bcx-card:hover .bcx-card__tick{opacity:1}.bcx-card__plate{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#0c0e18;border-bottom:1px solid var(--bcx-line);display:grid;place-items:center}.bcx-card--featured .bcx-card__plate{aspect-ratio:16 / 10}.bcx-card__img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,1,.36,1)}.bcx-card:hover .bcx-card__img{transform:scale(1.05)}.bcx-card__glyph{display:grid;place-items:center;width:56px;height:56px;color:color-mix(in srgb,var(--c, #27bcdd) 70%,transparent);border:1px solid color-mix(in srgb,var(--c, #27bcdd) 26%,transparent);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.bcx-card__glyph svg{width:24px;height:24px}.bcx-card__plate:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(8,9,16,.55) 0%,transparent 34%,transparent 62%,rgba(8,9,16,.68) 100%);pointer-events:none}.bcx-card__scan{position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c, #27bcdd) 18%,transparent),transparent);transform:translate(-120%);opacity:0;pointer-events:none;z-index:2}.bcx-card:hover .bcx-card__scan{opacity:1;animation:bcx-scan 1.1s ease-out}@keyframes bcx-scan{0%{transform:translate(-120%)}to{transform:translate(370%)}}.bcx-card__entry{position:absolute;top:9px;left:12px;z-index:3;font-family:Share Tech Mono,ui-monospace,monospace;font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff8c}.bcx-card__pin{position:absolute;top:8px;right:8px;z-index:3;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;font-family:Share Tech Mono,ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#06070d;background:gold;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.bcx-card__chapter{position:absolute;bottom:10px;left:12px;z-index:3;padding:4px 10px;font-family:Share Tech Mono,ui-monospace,monospace;font-size:8.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c, #27bcdd);background:#060810d6;border:1px solid color-mix(in srgb,var(--c, #27bcdd) 34%,transparent);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.bcx-card__body{display:flex;flex-direction:column;gap:9px;padding:15px 17px 16px;flex:1 1 auto}.bcx-card__meta{display:flex;align-items:center;gap:9px;font-family:Share Tech Mono,ui-monospace,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--bcx-faint)}.bcx-card__sep{width:4px;height:4px;background:var(--c, #27bcdd);transform:rotate(45deg);opacity:.7}.bcx-card__title{margin:0;font-family:Syne,Poppins,system-ui,sans-serif;font-size:15.5px;font-weight:700;line-height:1.28;letter-spacing:-.005em;color:#fff}.bcx-card--featured .bcx-card__title{font-size:clamp(19px,2.2vw,25px);line-height:1.18}.bcx-card__excerpt{margin:0;font-size:12.5px;line-height:1.65;color:var(--bcx-dim)}.bcx-card--featured .bcx-card__excerpt{font-size:13.5px}.bcx-card__cta{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:11px;font-family:Share Tech Mono,ui-monospace,monospace;font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c, #27bcdd)}.bcx-card__cta svg{transition:transform .2s ease}.bcx-card:hover .bcx-card__cta svg{transform:translate(3px)}.bcx-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:56px 24px;text-align:center;background:var(--bcx-panel);border:1px dashed var(--bcx-line)}.bcx-empty__glyph{display:grid;place-items:center;width:54px;height:54px;color:var(--bcx-faint);border:1px solid var(--bcx-line);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.bcx-empty__glyph svg{width:24px;height:24px}.bcx-empty__t{margin:0;font-family:Share Tech Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.1em;color:var(--bcx-dim)}@media(max-width:1100px){.bcx{padding:0 28px}.bcx-grid{grid-template-columns:repeat(min(var(--cols, 3),2),minmax(0,1fr))}.bcx-card--featured{grid-column:span 2;grid-row:span 1}.bcx-card--featured .bcx-card__plate{aspect-ratio:16 / 7}}@media(max-width:749px){.shopify-section--brutech-blog{padding-block:32px}.bcx{padding:0 16px}.bcx-grid{grid-template-columns:minmax(0,1fr);gap:10px}.bcx-card--featured{grid-column:span 1}.bcx-card--featured .bcx-card__plate{aspect-ratio:16 / 9}.bcx-card:hover,.bcx-card:hover .bcx-card__img{transform:none}.bcx-card:hover .bcx-card__scan{animation:none;opacity:0}.bcx-head__right{width:100%;justify-content:space-between}.bcx-card__body{padding:13px 14px 14px}}@media(prefers-reduced-motion:reduce){.bcx-card,.bcx-card__img,.bcx-card__rail,.bcx-card__tick,.bcx-card__cta svg,.bcx-all,.bcx-all svg{transition:none}.bcx-card:hover .bcx-card__scan{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/brutech-blog-posts.css.map */