.kb-container{width:100%;max-width:var(--kb-container-max);margin:0 auto;padding:0 var(--kb-gutter);box-sizing:border-box}.kb-container--wide{max-width:var(--kb-container-wide)}.kb-container--narrow{max-width:var(--kb-container-narrow)}.kb-section{position:relative;padding:var(--kb-section-y) 0;background:var(--kb-bg);color:var(--kb-fg);border-top:1px solid var(--kb-border);overflow:hidden;isolation:isolate}.kb-section--flush{border-top:0}.kb-section--tight{padding:var(--kb-s-8) 0}.kb-head{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--kb-col-gap);margin-bottom:var(--kb-s-7);align-items:end}.kb-head__main{grid-column:1 / span 7}.kb-head__aside{grid-column:9 / span 4;font-family:var(--kb-font-body);font-size:clamp(15px,1.2vw,17px);line-height:var(--kb-lh-normal);color:var(--kb-fg-secondary);margin:0}.kb-head__eyebrow{font-family:var(--kb-font-mono);font-size:var(--kb-fs-micro);letter-spacing:var(--kb-ls-wider);text-transform:uppercase;color:var(--kb-accent-secondary);margin:0 0 var(--kb-s-4);display:flex;align-items:center;gap:var(--kb-s-3)}.kb-head__eyebrow:before{content:"";width:24px;height:1px;background:var(--kb-accent-secondary)}.kb-head__title{font-family:var(--kb-font-display);font-stretch:var(--kb-display-stretch);font-size:clamp(30px,3.6vw,44px);font-weight:var(--kb-fw-semibold);line-height:var(--kb-lh-tight);letter-spacing:var(--kb-ls-tight);color:var(--kb-fg);margin:0;max-width:20ch;text-wrap:balance}.kb-head__lede{font-family:var(--kb-font-body);font-size:clamp(15px,1.2vw,17px);line-height:var(--kb-lh-normal);color:var(--kb-fg-secondary);margin:var(--kb-s-4) 0 0;max-width:60ch}.kb-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--kb-col-gap)}.kb-span-3{grid-column:span 3}.kb-span-4{grid-column:span 4}.kb-span-5{grid-column:span 5}.kb-span-6{grid-column:span 6}.kb-span-7{grid-column:span 7}.kb-span-8{grid-column:span 8}.kb-span-12{grid-column:span 12}.kb-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:var(--kb-s-6) var(--kb-s-5);background:var(--kb-bg-elevated);border:1px solid var(--kb-border);color:var(--kb-fg);text-decoration:none;box-sizing:border-box;transition:border-color var(--kb-d-normal) var(--kb-ease-out),transform var(--kb-d-normal) var(--kb-ease-out),box-shadow var(--kb-d-slow) var(--kb-ease-out);overflow:hidden;isolation:isolate}.kb-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--kb-accent-primary) 0%,transparent 55%);opacity:0;transition:opacity var(--kb-d-slow) var(--kb-ease-out);z-index:-1}.kb-card:after{content:"";position:absolute;top:0;left:0;width:14px;height:14px;border-top:1px solid var(--kb-accent-primary);border-left:1px solid var(--kb-accent-primary);opacity:.55;transition:opacity var(--kb-d-normal)}.kb-card:hover,.kb-card:focus-within{border-color:color-mix(in srgb,var(--kb-accent-primary) 70%,transparent);transform:translateY(-3px);box-shadow:0 0 0 1px color-mix(in srgb,var(--kb-accent-primary) 30%,transparent),0 16px 48px -16px var(--kb-glow)}.kb-card:hover:before{opacity:.07}.kb-card:hover:after{opacity:1}.kb-card__num{font-family:var(--kb-font-mono);font-size:var(--kb-fs-micro);letter-spacing:var(--kb-ls-wider);color:var(--kb-accent-secondary);margin:0 0 var(--kb-s-5)}.kb-card__title{font-family:var(--kb-font-display);font-stretch:var(--kb-display-stretch);font-size:19px;font-weight:var(--kb-fw-semibold);line-height:1.2;letter-spacing:-.01em;color:var(--kb-fg);margin:0 0 var(--kb-s-3)}.kb-card__text{font-family:var(--kb-font-body);font-size:14px;line-height:var(--kb-lh-normal);color:var(--kb-fg-secondary);margin:0;flex:1}.kb-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--kb-s-3);margin-top:var(--kb-s-6);font-family:var(--kb-font-mono);font-size:var(--kb-fs-micro);letter-spacing:var(--kb-ls-wide);text-transform:uppercase;color:var(--kb-fg-muted)}.kb-card__arrow{font-family:var(--kb-font-display);font-size:18px;color:var(--kb-fg-muted);transition:transform var(--kb-d-normal) var(--kb-ease-out),color var(--kb-d-normal)}.kb-card:hover .kb-card__arrow{transform:translate(6px);color:var(--kb-accent-primary)}.kb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--kb-s-2);padding:14px 24px;font-family:var(--kb-font-display);font-stretch:105%;font-weight:var(--kb-fw-semibold);font-size:15px;letter-spacing:0;text-decoration:none;border:1px solid transparent;cursor:pointer;box-sizing:border-box;transition:transform var(--kb-d-fast) var(--kb-ease-out),box-shadow var(--kb-d-fast) var(--kb-ease-out),background var(--kb-d-fast),color var(--kb-d-fast),border-color var(--kb-d-fast)}.kb-btn--primary{background:var(--kb-accent-primary);color:var(--kb-accent-contrast)}.kb-btn--primary:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--kb-fg)}.kb-btn--secondary{background:transparent;color:var(--kb-fg);border-color:var(--kb-border-strong)}.kb-btn--secondary:hover{border-color:var(--kb-fg);background:var(--kb-fg);color:var(--kb-bg)}.kb-btn--ghost{background:transparent;color:var(--kb-accent-primary);border-color:color-mix(in srgb,var(--kb-accent-primary) 50%,transparent);font-family:var(--kb-font-mono);font-size:12px;letter-spacing:var(--kb-ls-wide);text-transform:uppercase;font-weight:var(--kb-fw-medium)}.kb-btn--ghost:hover{border-color:var(--kb-accent-primary);box-shadow:0 0 20px var(--kb-glow)}.kb-btn__arrow{transition:transform var(--kb-d-fast)}.kb-btn:hover .kb-btn__arrow{transform:translate(4px)}.kb-chip{display:inline-flex;align-items:center;gap:var(--kb-s-2);padding:8px 12px;border:1px solid var(--kb-border);background:var(--kb-bg-elevated);font-family:var(--kb-font-mono);font-size:12px;letter-spacing:var(--kb-ls-wide);color:var(--kb-fg-secondary);text-transform:uppercase;white-space:nowrap;transition:border-color var(--kb-d-normal),color var(--kb-d-normal)}.kb-chip:before{content:"";width:5px;height:5px;background:var(--kb-accent-tech);border-radius:50%;opacity:.8}.kb-chip:hover{border-color:color-mix(in srgb,var(--kb-accent-primary) 60%,transparent);color:var(--kb-fg)}.kb-hud{display:flex;flex-direction:column;gap:var(--kb-s-3);font-family:var(--kb-font-mono);font-size:var(--kb-fs-micro);letter-spacing:var(--kb-ls-wide)}.kb-hud__row{display:flex;justify-content:space-between;gap:var(--kb-s-4);padding-bottom:var(--kb-s-3);border-bottom:1px dashed var(--kb-border)}.kb-hud__row:last-child{border-bottom:0;padding-bottom:0}.kb-hud__key{color:var(--kb-fg-muted);text-transform:lowercase}.kb-hud__val{color:var(--kb-fg);text-align:right}.kb-hud__val--tech{color:var(--kb-accent-tech)}.kb-hud__val--accent{color:var(--kb-accent-primary)}.kb-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;animation:kb-dot-pulse 2s ease-in-out infinite}@keyframes kb-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.kb-glitch{position:relative;display:inline-block}.kb-glitch:before,.kb-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font:inherit;font-stretch:inherit;line-height:inherit;letter-spacing:inherit;opacity:0;pointer-events:none}.kb-glitch:hover:before{color:var(--kb-accent-primary);clip-path:inset(0 0 50% 0);transform:translate(-3px);opacity:.85;animation:kb-glitch-1 .4s steps(2) infinite}.kb-glitch:hover:after{color:var(--kb-accent-tech);clip-path:inset(50% 0 0 0);transform:translate(3px);opacity:.85;animation:kb-glitch-2 .4s steps(2) infinite}@keyframes kb-glitch-1{0%{transform:translate(-3px)}50%{transform:translate(2px,-1px)}to{transform:translate(-2px,1px)}}@keyframes kb-glitch-2{0%{transform:translate(3px)}50%{transform:translate(-2px,1px)}to{transform:translate(2px,-1px)}}.kb-reveal{opacity:0;transform:translateY(14px);transition:opacity .7s var(--kb-ease-out),transform .7s var(--kb-ease-out)}.kb-reveal.is-in{opacity:1;transform:none}.kb-reveal[data-delay="1"]{transition-delay:80ms}.kb-reveal[data-delay="2"]{transition-delay:.16s}.kb-reveal[data-delay="3"]{transition-delay:.24s}.kb-reveal[data-delay="4"]{transition-delay:.32s}.kb-reveal[data-delay="5"]{transition-delay:.4s}.kb-reveal[data-delay="6"]{transition-delay:.48s}.kb-reveal[data-delay="7"]{transition-delay:.56s}.kb-reveal[data-delay="8"]{transition-delay:.64s}@media(max-width:1024px){.kb-head__main{grid-column:1 / span 12}.kb-head__aside{grid-column:1 / span 12;margin-top:var(--kb-s-4)}.kb-span-3,.kb-span-4{grid-column:span 6}.kb-span-5,.kb-span-7,.kb-span-8{grid-column:span 12}}@media(max-width:768px){.kb-container{padding:0 var(--kb-gutter-mobile)}.kb-section{padding:var(--kb-section-y-mobile) 0}.kb-head{margin-bottom:var(--kb-s-6)}.kb-grid{gap:var(--kb-s-4)}.kb-span-3,.kb-span-4,.kb-span-6{grid-column:span 12}.kb-card{padding:var(--kb-s-5) var(--kb-s-4)}.kb-btn{width:100%}}@media(prefers-reduced-motion:reduce){.kb-card,.kb-card:before,.kb-card__arrow,.kb-btn,.kb-chip{transition:none}.kb-card:hover,.kb-btn--primary:hover{transform:none}.kb-dot,.kb-glitch:hover:before,.kb-glitch:hover:after{animation:none}.kb-reveal{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kb-layout.css.map */