.kspec{--kspec-dim: rgba(255, 255, 255, .5);--kspec-faint: rgba(255, 255, 255, .28);--kspec-ring: rgba(255, 255, 255, .16);--kspec-axis: rgba(255, 255, 255, .12);--kspec-accent: var(--k-gold);padding:clamp(56px,9vh,104px) 0;background:var(--k-black);color:var(--k-white)}.kspec,.kspec *{box-sizing:border-box}.kspec__inner{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter);width:100%}.kspec__head{margin:0 0 clamp(28px,4.5vh,48px);text-align:center;font-family:var(--k-font-body);font-weight:400;font-size:var(--text-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--kspec-dim)}.kspec__head-jp{font-family:var(--k-font-jp);font-weight:300;color:var(--kspec-jp, var(--k-gold));margin-left:16px;letter-spacing:.35em}.kspec__models{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:clamp(28px,4.5vw,64px);margin-bottom:clamp(36px,6vh,64px);margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}.kspec__model{--logo-scale: 1;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;padding:14px 18px 16px;position:relative;border:0;border-radius:12px;background:transparent;transition:background .3s ease}.kspec__model:not(.is-active):hover{background:#fff1;box-shadow:inset 0 0 0 1px #ffffff0a}.kspec__model.is-active{background:#ffffff21;box-shadow:inset 0 0 0 1px #ffffff14}.kspec__model-logo{flex:1 1 auto;min-height:calc(22px * var(--logo-scale, 1));display:flex;align-items:center;justify-content:center;color:var(--kspec-hl, var(--k-white))}.kspec__model-name{font-family:var(--k-font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;color:var(--k-white)}.kspec__model-logo svg{height:calc(22px * var(--logo-scale, 1));width:auto;display:block}.kspec__model-logo svg,.kspec__model-logo svg *{fill:currentColor!important}.kspec__model-logo img{height:calc(22px * var(--logo-scale, 1));width:auto;display:block}.kspec__body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,72px);align-items:center}.kspec__chart{position:relative;width:100%;max-width:400px;margin:0 auto;aspect-ratio:1 / 1}.kspec__radar{width:100%;height:100%;overflow:visible}.kspec__ring{fill:none;stroke:var(--kspec-ring)}.kspec__axis{stroke:var(--kspec-axis)}.kspec__axis-label{font-family:var(--k-font-body);font-size:9.5px;letter-spacing:.12em;fill:var(--kspec-dim);text-transform:uppercase}.kspec__fill{stroke:none}.kspec__poly{fill:none;stroke:var(--kspec-accent, var(--k-gold));stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}.kspec__centre{--logo-scale: 1;--centre-scale: 1;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .45s ease;color:var(--kspec-accent, #d2ae4e)}.kspec__centre.is-swapping{opacity:0}.kspec__centre-media{position:relative;height:calc(40% * var(--centre-scale, 1));animation:kspec-float 7s ease-in-out infinite}.kspec__centre-slide{position:absolute;top:0;left:50%;transform:translate(-50%);height:100%;width:auto;opacity:0;transition:opacity 1.4s ease;filter:drop-shadow(0 16px 26px rgba(0,0,0,.9))}.kspec__centre-slide.is-shown{opacity:1}.kspec__centre-logo{display:block;height:calc(10% * var(--logo-scale, 1));animation:kspec-float 7s ease-in-out infinite}.kspec__centre-logo svg,.kspec__centre-logo img{height:100%;width:auto;display:block;filter:drop-shadow(0 14px 22px rgba(0,0,0,.85))}.kspec__centre-logo svg,.kspec__centre-logo svg *{fill:currentColor!important}@keyframes kspec-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.kspec__info{display:flex;flex-direction:column;transition:opacity .35s ease}.kspec__desc{font-family:var(--k-font-body);font-size:var(--text-base);line-height:var(--leading-loose);color:var(--kspec-dim);margin:0 0 var(--space-8);max-width:42ch;transition:opacity .3s ease}.kspec__swatch-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#ffffff9e;margin-bottom:var(--space-4)}.kspec__swatches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--space-8);max-width:360px;opacity:1;transition:opacity .35s ease}.kspec__swatch{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background-size:cover;background-position:center;pointer-events:none}.kspec__build{align-self:flex-start;--k-btn-bg: var(--kspec-btn-bg, var(--k-gold));--k-btn-text: var(--kspec-btn-text, var(--k-black))}.kspec__price-note{align-self:flex-start;margin-top:var(--space-4);font-family:var(--k-font-body);font-size:var(--text-base);letter-spacing:var(--tracking-normal);color:#fffffff2}@media(min-width:761px){.kspec{min-height:80vh;display:flex;align-items:center;padding-top:clamp(20px,3vh,44px);padding-bottom:clamp(20px,3vh,44px)}.kspec__head{margin-bottom:clamp(18px,2.6vh,32px)}.kspec__models{margin-bottom:clamp(22px,3vh,40px)}.kspec__chart{max-width:440px}}@media(max-width:760px){.kspec{padding:clamp(36px,6vh,60px) 0}.kspec__head{margin-bottom:22px}.kspec__models{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-bottom:20px;scrollbar-width:none}.kspec__models::-webkit-scrollbar{display:none}.kspec__model{flex:0 0 auto;padding:12px 10px 14px}.kspec__body{grid-template-columns:1fr;gap:20px}.kspec__chart{max-width:300px}.kspec__info{order:2;align-items:center;text-align:center}.kspec__desc{max-width:none;margin-bottom:var(--space-6)}.kspec__swatches{justify-content:center;max-width:none}.kspec__build,.kspec__price-note{align-self:center}}@media(prefers-reduced-motion:reduce){.kspec__centre{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/katana-spec.css.map */