.cc{--cc-max: 90rem;--cc-gutter: 28px;--cc-radius: 10px}.cc-wrap{max-width:calc(var(--cc-max) + (2 * var(--cc-gutter)));margin-inline:auto;padding-inline:var(--cc-gutter)}.cc-hatch{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 1px,transparent 1px 9px)}.cc-eyebrow{font-family:var(--cc-mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cc-text-dim);margin:0}.cc-eyebrow--accent{color:var(--cc-accent)}.cc-sectionhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.cc-viewall{font-family:var(--cc-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cc-accent);text-decoration:none}.cc-viewall:hover{text-decoration:underline}.cc-ticker{border-block:1px solid var(--cc-hairline);overflow:hidden}.cc-ticker__inner{display:flex;align-items:center;gap:44px;padding-block:12px;font-family:var(--cc-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cc-text-muted);white-space:nowrap;overflow-x:auto;scrollbar-width:none}.cc-ticker__inner::-webkit-scrollbar{display:none}.cc-ticker__item--lead{color:var(--cc-accent);display:inline-flex;align-items:center;gap:9px}.cc-ticker__dot{width:5px;height:5px;border-radius:50%;background:var(--cc-accent);flex-shrink:0}.cc-hero{padding-block:66px 60px}.cc-hero__grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1fr);gap:56px;align-items:start}.cc-hero__title{font-size:clamp(2.75rem,5.2vw,5.25rem);line-height:.98;letter-spacing:-.04em;font-weight:700;color:var(--color-foreground-heading);margin:18px 0 20px;max-width:11ch}.cc-hero__body{color:var(--cc-text-muted);font-size:1.0625rem;line-height:1.6;max-width:44ch;margin:0 0 28px}.cc-btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:38px}.cc-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:8px;font-size:.9375rem;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease}.cc-btn--primary{background:var(--cc-accent);color:#fff}.cc-btn--primary:hover{background:var(--cc-accent-hover)}.cc-btn--ghost{background:transparent;color:var(--color-foreground-heading);border-color:var(--cc-border-strong)}.cc-btn--ghost:hover{border-color:#3a3b3e;background:#17191c}.cc-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--cc-hairline);border-radius:var(--cc-radius);overflow:hidden;max-width:520px}.cc-stat{padding:18px 22px}.cc-stat+.cc-stat{border-left:1px solid var(--cc-hairline)}.cc-stat__value{font-family:var(--cc-mono);font-size:1.75rem;font-weight:500;color:var(--color-foreground-heading);line-height:1;letter-spacing:-.01em}.cc-stat__label{font-family:var(--cc-mono);font-size:.625rem;letter-spacing:.13em;text-transform:uppercase;color:var(--cc-text-dim);margin-top:9px}.cc-heropanel{position:relative;border:1px solid var(--cc-hairline);border-radius:var(--cc-radius);min-height:470px;overflow:hidden;display:flex}.cc-heropanel__img{width:100%;object-fit:cover}.cc-heropanel__tag{position:absolute;top:16px;left:18px;font-family:var(--cc-mono);font-size:.6875rem;letter-spacing:.11em;text-transform:uppercase;color:var(--cc-text-dim)}.cc-heropanel__mark{position:absolute;width:13px;height:13px}.cc-heropanel__mark--tr{top:14px;right:14px;border-top:1px solid var(--cc-border-strong);border-right:1px solid var(--cc-border-strong)}.cc-heropanel__mark--bl{bottom:14px;left:14px;border-bottom:1px solid var(--cc-accent);border-left:1px solid var(--cc-accent)}.cc-heropanel__card{position:absolute;right:16px;bottom:16px;border:1px solid var(--cc-accent);background:#0b0c0edb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:11px 16px 13px}.cc-heropanel__stock{font-family:var(--cc-mono);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cc-accent)}.cc-heropanel__price{font-size:1.25rem;font-weight:700;color:#fff;margin-top:3px;letter-spacing:-.02em}.cc-shop{padding-block:10px 60px}.cc-bento{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:14px}.cc-card{display:flex;flex-direction:column;border:1px solid var(--cc-hairline);border-radius:var(--cc-radius);padding:26px 26px 22px;text-decoration:none;color:inherit;transition:border-color .15s ease;min-height:176px}.cc-card:hover{border-color:var(--cc-border-strong)}.cc-card--tall{grid-row:span 2}.cc-card__title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:var(--color-foreground-heading);margin:0 0 10px}.cc-card__body{color:var(--cc-text-muted);font-size:.9375rem;line-height:1.55;margin:0;max-width:34ch}.cc-card__foot{margin-top:auto;padding-top:22px;font-family:var(--cc-mono);font-size:.625rem;letter-spacing:.13em;text-transform:uppercase;color:var(--cc-text-dim)}.cc-dots{display:flex;gap:8px;margin:20px 0 0;flex-wrap:wrap}.cc-dots__dot{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.14)}.cc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.cc-tiles__tile{height:46px;border:1px solid var(--cc-hairline);border-radius:6px}.cc-cta{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--cc-accent-muted);border-radius:var(--cc-radius);background:linear-gradient(135deg,#101521,#0d1018 60%,#0b0c0e);padding:28px 30px}.cc-cta__title{font-size:1.5rem;font-weight:700;letter-spacing:-.028em;color:#fff;margin:10px 0 0;line-height:1.2;max-width:24ch}.cc-colors{border-top:1px solid var(--cc-hairline);background:#0d0e11;padding-block:30px 40px}.cc-colors__hint{font-family:var(--cc-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cc-text-dim)}.cc-spools{display:flex;flex-wrap:wrap;gap:16px;margin-top:6px}.cc-spool{position:relative;width:62px;height:62px;border-radius:50%;border:0;padding:0;cursor:pointer;background:radial-gradient(circle at 50% 50%,var(--sp) 0 21%,color-mix(in srgb,var(--sp) 55%,#000) 22% 34%,var(--sp) 35% 100%);box-shadow:inset 0 0 0 1px #ffffff1f;transition:transform .12s ease}.cc-spool:hover{transform:scale(1.07)}.cc-spool__hex{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);font-family:var(--cc-mono);font-size:.625rem;letter-spacing:.06em;background:#17191c;border:1px solid var(--cc-border-strong);color:#fff;padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:3}.cc-spool:hover .cc-spool__hex,.cc-spool:focus-visible .cc-spool__hex{opacity:1}.cc-spool--more{border:1px dashed var(--cc-border-strong);background:transparent;color:var(--cc-text-muted);font-family:var(--cc-mono);font-size:.6875rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.cc-spool--more:hover{border-color:var(--cc-accent);color:#fff}@media(max-width:1100px){.cc-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-card--tall{grid-row:span 1;grid-column:span 2}.cc-cta{grid-column:span 2}}@media(max-width:860px){.cc-hero__grid{grid-template-columns:1fr;gap:34px}.cc-hero{padding-block:40px 44px}.cc-heropanel{min-height:300px}.cc-cta{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.cc{--cc-gutter: 18px}.cc-bento{grid-template-columns:1fr}.cc-card--tall,.cc-cta{grid-column:span 1}.cc-stats{max-width:none}.cc-stat{padding:14px}.cc-stat__value{font-size:1.375rem}.cc-hero__title{max-width:none}.cc-spool{width:52px;height:52px}}.header-logo__image{height:30px!important;width:auto!important}#header-group .header__menu a,#header-group .header-menu a{font-size:.9375rem;font-weight:500;letter-spacing:-.005em}#header-group input[type=search],#header-group .search__input,#header-group .predictive-search__input{font-family:var(--cc-mono)!important;font-size:.8125rem!important;letter-spacing:.02em;background:var(--cc-surface)!important;border-radius:8px!important}#header-group input[type=search]::placeholder{font-family:var(--cc-mono);color:var(--cc-text-dim);text-transform:lowercase}
/*# sourceMappingURL=/cdn/shop/t/32/assets/cybercraft-home.css.map */