@import"https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@500,700,800,900&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter+Tight:wght@400;500;600;700&display=swap";:root{--hbg-bg: #071224;--hbg-bg-deep: #050d1b;--hbg-raise: #0b1b33;--hbg-ink: #f2f6fa;--hbg-muted: #93a8bf;--hbg-gold: #ffc20e;--hbg-gold-deep: #e3a900;--hbg-powder: #6ec1e8;--hbg-line: rgb(147 168 191 / .22);--hbg-line-strong: rgb(147 168 191 / .38);--hbg-font-display: "Cabinet Grotesk", "Inter Tight", system-ui, sans-serif;--hbg-font-body: "Inter Tight", system-ui, sans-serif;--hbg-font-mono: "IBM Plex Mono", ui-monospace, monospace}.hbg-page{background:var(--hbg-bg);color:var(--hbg-ink);font-family:var(--hbg-font-body);-webkit-font-smoothing:antialiased}.hbg-container{width:min(76rem,100%);margin:0 auto}.hbg-eyebrow{display:flex;align-items:center;gap:.6rem;margin:0 0 1.1rem;color:var(--hbg-muted);font-family:var(--hbg-font-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.hbg-eyebrow:before{width:.6rem;height:.6rem;content:"";background:var(--hbg-gold);clip-path:polygon(55% 0,100% 0,62% 42%,100% 42%,34% 100%,44% 52%,0 52%)}.hbg-h2{max-width:16ch;margin:0;font-family:var(--hbg-font-display);font-size:clamp(2.4rem,5.4vw,4.4rem);font-weight:800;letter-spacing:-.045em;line-height:.98}.hbg-lede{max-width:54ch;margin:1.4rem 0 0;color:var(--hbg-muted);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.6}.hbg-ticket{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.6rem;background:var(--hbg-gold);clip-path:polygon(.55rem 0,100% 0,100% calc(100% - .55rem),calc(100% - .55rem) 100%,0 100%,0 .55rem);color:#071224;font-family:var(--hbg-font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.01em;text-decoration:none;transition:transform .2s cubic-bezier(.3,1.4,.4,1),background .2s ease}.hbg-ticket:hover{background:var(--hbg-gold-deep);transform:translateY(-2px)}.hbg-ticket:active{transform:translateY(0) scale(.98)}.hbg-chip{position:relative;overflow:hidden;display:inline-flex;align-items:center;padding:.62rem 1.15rem;border:1px solid var(--hbg-powder);border-radius:999px;color:var(--hbg-powder);font-family:var(--hbg-font-mono);font-size:.8rem;text-decoration:none;transition:color .2s ease}.hbg-chip:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:var(--hbg-powder);transform:scaleX(0);transform-origin:left center;transition:transform .26s cubic-bezier(.3,1,.3,1)}.hbg-chip span{position:relative;z-index:1}.hbg-chip:hover{color:var(--hbg-bg)}.hbg-chip:hover:before{transform:scaleX(1)}.hbg-chip:active{transform:translateY(1px)}.hbg-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(.9rem,2vw,1.5rem);margin-top:clamp(2.5rem,5vw,4rem)}.hbg-card{overflow:hidden;grid-column:span 3;border:1px solid var(--hbg-line);border-radius:14px;background:var(--hbg-raise);color:var(--hbg-ink);text-decoration:none;transition:transform .24s cubic-bezier(.3,1.2,.4,1),border-color .24s ease}.hbg-card--wide{grid-column:span 6;grid-row:span 2}.hbg-card:hover{border-color:var(--hbg-line-strong);transform:translateY(-4px)}.hbg-card__media{position:relative;overflow:hidden;aspect-ratio:4 / 5;background:var(--hbg-bg-deep)}.hbg-card--wide .hbg-card__media{aspect-ratio:auto;height:100%;min-height:26rem}.hbg-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hbg-card:hover .hbg-card__media img{transform:scale(1.045)}.hbg-card__price{position:absolute;bottom:.8rem;left:.8rem;padding:.35rem .65rem;border-radius:8px;background:#071224d9;color:var(--hbg-gold);font-family:var(--hbg-font-mono);font-size:.85rem;font-weight:600;transition:transform .24s cubic-bezier(.3,1.2,.4,1)}.hbg-card:hover .hbg-card__price{transform:translateY(-4px)}.hbg-card__body{padding:1rem 1.1rem 1.2rem}.hbg-card__body h3{margin:0;font-family:var(--hbg-font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.hbg-card__body p{margin:.35rem 0 0;color:var(--hbg-muted);font-size:.88rem;line-height:1.45}@media(max-width:1020px){.hbg-card,.hbg-card--wide{grid-column:span 6}.hbg-card--wide .hbg-card__media{aspect-ratio:4 / 5;min-height:0}}@media(max-width:720px){.hbg-card,.hbg-card--wide{grid-column:span 12}}@media(prefers-reduced-motion:reduce){.hbg-ticket,.hbg-chip,.hbg-chip:before,.hbg-card,.hbg-card__media img,.hbg-card__price{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hbg-brand.css.map */