:root{--ink: #0e0f11;--ink-2: #2b2e33;--ink-3: #555a62;--mute: #7a7f87;--line: #dcdad4;--line-2: #e9e7e2;--paper: #f3f2ee;--paper-2: #ebe9e3;--white: #fff;--g0: #0b0c0e;--g1: #121417;--g2: #1a1d21;--g3: #24282d;--g-line: #2c3036;--g-mute: #8c929a;--g-text: #e9eaec;--mat: #1e4b40;--mat-2: #245a4c;--mat-line: rgba(220, 245, 230, .11);--mat-line-2: rgba(220, 245, 230, .2);--signal: #ffd100;--signal-2: #f2c200;--hot: #e5306b;--teal: #12a197;--ok: #1a9a5a;--warn: #e08a00;--err: #d6332e;--f-sans: "Archivo", "Hiragino Sans", "Yu Gothic UI", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--r1: 3px;--r2: 5px;--r3: 8px;--wrap: 1440px;--pad: clamp(16px, 3vw, 40px);--hdr: 116px;--e-out: cubic-bezier(.16, 1, .3, 1);--e-io: cubic-bezier(.65, 0, .35, 1);--e-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.55 var(--f-sans);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body.is-locked{overflow:hidden}img,svg,video{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,p,ul,ol,figure,dl,dd{margin:0}ul,ol{padding:0;list-style:none}table{border-collapse:collapse;width:100%}::selection{background:var(--signal);color:var(--ink)}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.dark :focus-visible{outline-color:var(--signal)}[hidden]{display:none!important}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}.wrap-n{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--pad)}.section{padding:clamp(56px,7vw,104px) 0}.section-s{padding:clamp(36px,4.5vw,64px) 0}.dark{background:var(--g1);color:var(--g-text)}.dark-0{background:var(--g0);color:var(--g-text)}.on-white{background:var(--white)}.rule{height:1px;background:var(--line);border:0;margin:0}.dark .rule{background:var(--g-line)}.mat{--cell: 28px;background-color:var(--mat);background-image:linear-gradient(var(--mat-line-2) 1px,transparent 1px),linear-gradient(90deg,var(--mat-line-2) 1px,transparent 1px),linear-gradient(var(--mat-line) 1px,transparent 1px),linear-gradient(90deg,var(--mat-line) 1px,transparent 1px);background-size:calc(var(--cell) * 5) calc(var(--cell) * 5),calc(var(--cell) * 5) calc(var(--cell) * 5),var(--cell) var(--cell),var(--cell) var(--cell);background-position:-1px -1px;color:#eef5f1}.display{font-weight:800;font-variation-settings:"wdth" 118;text-transform:uppercase;font-size:clamp(42px,6.6vw,104px);line-height:.9;letter-spacing:-.02em;word-spacing:.08em}.h1{font-weight:750;font-variation-settings:"wdth" 112;font-size:clamp(32px,3.8vw,56px);line-height:.98;letter-spacing:-.02em;word-spacing:.06em;text-transform:uppercase}.h2{font-weight:750;font-variation-settings:"wdth" 110;font-size:clamp(26px,2.6vw,38px);line-height:1.02;letter-spacing:-.015em;word-spacing:.06em;text-transform:uppercase}.h3{font-weight:650;font-variation-settings:"wdth" 104;font-size:clamp(19px,1.5vw,22px);line-height:1.2;letter-spacing:-.005em}.h4{font-weight:650;font-size:16px;line-height:1.3}.lead{font-size:clamp(16px,1.2vw,18px);line-height:1.55;color:var(--ink-3);max-width:58ch}.dark .lead,.dark-0 .lead,.mat .lead{color:var(--g-mute)}.mono{font-family:var(--f-mono);font-feature-settings:"zero" 1}.eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.eyebrow b{color:var(--ink);font-weight:600}.dark .eyebrow,.dark-0 .eyebrow,.mat .eyebrow{color:var(--g-mute)}.dark .eyebrow b,.dark-0 .eyebrow b,.mat .eyebrow b{color:var(--signal)}.muted{color:var(--mute)}.small{font-size:13px}.xs{font-size:12px}.num{font-variant-numeric:tabular-nums}.up{text-transform:uppercase;letter-spacing:.04em}.link{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.link:hover{text-decoration-color:var(--signal);text-decoration-thickness:2px}.arrow-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.arrow-link svg{width:16px;transition:transform .35s var(--e-out)}.arrow-link:hover svg{transform:translate(4px)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shead{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:12px 28px;margin-bottom:32px}.shead .idx{font:500 12px/1 var(--f-mono);color:var(--mute);padding-bottom:6px;align-self:start;padding-top:8px}.shead .idx:before{content:"\a7  ";color:var(--signal-2)}.dark .shead .idx,.mat .shead .idx{color:var(--g-mute)}.shead p{color:var(--ink-3);max-width:52ch;margin-top:10px}.dark .shead p{color:var(--g-mute)}@media(max-width:720px){.shead{grid-template-columns:1fr}.shead .idx{padding:0}}.btn{--bh: 48px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--bh);padding:0 22px;border-radius:var(--r1);border:1px solid transparent;font-weight:650;font-size:14px;letter-spacing:.02em;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .2s,color .2s,border-color .2s,transform .15s var(--e-out),box-shadow .2s;overflow:hidden;isolation:isolate}.btn svg{width:18px;height:18px;flex:none}.btn:active{transform:scale(.975)}.btn[disabled],.btn.is-disabled{opacity:.45;pointer-events:none}.btn-sm{--bh: 38px;padding:0 14px;font-size:13px}.btn-lg{--bh: 56px;padding:0 30px;font-size:15px}.btn-block{width:100%}.btn-signal{background:var(--signal);color:var(--ink)}.btn-signal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--ink);transform:translateY(101%);transition:transform .4s var(--e-out)}.btn-signal:hover{color:var(--signal)}.btn-signal:hover:before{transform:none}.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:var(--ink-2)}.btn-line{border-color:var(--ink);color:var(--ink)}.btn-line:hover{background:var(--ink);color:#fff}.btn-ghost{border-color:var(--line);background:var(--white)}.btn-ghost:hover{border-color:var(--ink)}.dark .btn-line,.mat .btn-line,.btn-line.on-dark{border-color:#ffffff59;color:#fff}.dark .btn-line:hover,.mat .btn-line:hover,.btn-line.on-dark:hover{background:#fff;color:var(--ink);border-color:#fff}.btn-icon{--bh: 40px;width:var(--bh);padding:0;border-radius:var(--r1)}.btn .spin{display:none}.btn.is-loading{pointer-events:none;color:transparent!important}.btn.is-loading .spin{display:block;position:absolute;left:50%;top:50%;margin:-9px;color:var(--ink)}.btn-ink.is-loading .spin{color:#fff}.btn.is-done{pointer-events:none}.spin{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tick path{stroke-dasharray:24;stroke-dashoffset:24;animation:draw .45s .05s var(--e-out) forwards}@keyframes draw{to{stroke-dashoffset:0}}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:100px;background:var(--white);font-size:13px;font-weight:500;white-space:nowrap;transition:border-color .2s,background .2s,color .2s}.chip:hover{border-color:var(--ink)}.chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}.chip .ct{font:500 11px var(--f-mono);color:var(--mute)}.chip.is-on .ct{color:var(--signal)}.chip svg{width:14px}.dark .chip{background:transparent;border-color:var(--g-line);color:var(--g-text)}.dark .chip:hover{border-color:#fff}.dark .chip.is-on{background:var(--signal);color:var(--ink);border-color:var(--signal)}.dark .chip.is-on .ct{color:var(--ink)}.badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:2px;font:600 10px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:#fff}.badge.sale{background:var(--hot)}.badge.new{background:var(--signal);color:var(--ink)}.badge.own{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.badge.out{background:var(--paper-2);color:var(--mute)}.badge.ok{background:#1a9a5a1f;color:var(--ok)}.dot{width:7px;height:7px;border-radius:50%;background:var(--ok);flex:none}.dot.low{background:var(--warn)}.dot.out{background:var(--mute)}.dot.pulse{box-shadow:0 0 #1a9a5a80;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #1a9a5a00}to{box-shadow:0 0 #1a9a5a00}}.field{display:grid;gap:6px}.field>label,.lbl{font-size:12px;font-weight:600;color:var(--ink-2);letter-spacing:.01em}.input,.select,.textarea{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r1);background:var(--white);font-size:15px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}.textarea{height:auto;min-height:110px;padding:12px 14px;resize:vertical;line-height:1.5}.select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e0f11' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}.input:hover,.select:hover,.textarea:hover{border-color:#b9b6ae}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px #ffd10073}.input.is-err{border-color:var(--err)}.err-msg{font-size:12px;color:var(--err);display:none}.is-err+.err-msg,.field.is-err .err-msg{display:block}.dark .input,.dark .select,.dark .textarea,.dark-0 .input,.dark-0 .select,.dark-0 .textarea,.mat .input,.mat .select{background-color:#ffffff0a;border-color:var(--g-line);color:#fff}.dark .select,.dark-0 .select,.mat .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.dark .select option,.dark-0 .select option,.mat .select option{color:var(--ink)}.fl{position:relative}.fl .input,.fl .select{padding-top:16px}.fl label{position:absolute;left:15px;top:15px;font-size:14px;color:var(--mute);pointer-events:none;transition:all .18s var(--e-out)}.fl .input:focus+label,.fl .input:not(:placeholder-shown)+label,.fl .select+label{top:7px;font-size:11px}.check{display:inline-flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;line-height:1.4}.check input{position:absolute;opacity:0;pointer-events:none}.check .box{width:18px;height:18px;flex:none;border:1.5px solid #b9b6ae;border-radius:3px;display:grid;place-items:center;transition:all .18s;background:var(--white);margin-top:1px}.check .box svg{width:12px;opacity:0;transform:scale(.5);transition:all .2s var(--e-spring);color:var(--ink)}.check input:checked+.box{background:var(--signal);border-color:var(--ink)}.check input:checked+.box svg{opacity:1;transform:none}.check input:focus-visible+.box{outline:2px solid var(--signal);outline-offset:2px}.radio .box{border-radius:50%}.switch{position:relative;width:38px;height:22px;flex:none}.switch input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer;z-index:1;margin:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:#cfccc5;transition:background .25s}.switch span:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .3s var(--e-spring);box-shadow:0 1px 2px #0003}.switch input:checked+span{background:var(--ink)}.switch input:checked+span:after{transform:translate(16px);background:var(--signal)}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--r1);height:44px;background:var(--white)}.qty button{width:38px;height:100%;display:grid;place-items:center;color:var(--ink-3)}.qty button:hover{color:var(--ink)}.qty button svg{width:14px}.qty input{width:34px;text-align:center;border:0;background:none;font:600 14px var(--f-mono);-moz-appearance:textfield}.qty input::-webkit-inner-spin-button{-webkit-appearance:none}.qty-sm{height:34px}.qty-sm button{width:30px}.range{position:relative;height:28px}.range .track{position:absolute;left:0;right:0;top:13px;height:2px;background:var(--line)}.range .fill{position:absolute;top:13px;height:2px;background:var(--ink)}.range input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;background:none;pointer-events:none;appearance:none;-webkit-appearance:none}.range input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;background:var(--white);border:2px solid var(--ink);cursor:grab;transition:transform .15s}.range input::-webkit-slider-thumb:active{transform:scale(1.2);background:var(--signal)}.range input::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--ink);cursor:grab}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .8s var(--e-out),transform .8s var(--e-out);transition-delay:calc(var(--i, 0) * 60ms)}[data-reveal].is-in{opacity:1;transform:none}[data-reveal=fade]{transform:none}[data-reveal=left]{transform:translate(-24px)}[data-reveal=scale]{transform:scale(.96)}.static [data-reveal]{opacity:1;transform:none;transition:none}.split-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.split-line>span{display:block;transform:translateY(105%);transition:transform 1s var(--e-out);transition-delay:calc(var(--i, 0) * 90ms + .1s)}.is-in .split-line>span,.split-line.is-in>span,.static .split-line>span{transform:none}.skel{background:linear-gradient(90deg,var(--paper-2) 0%,#f7f6f2 50%,var(--paper-2) 100%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal],.split-line>span{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/base.css.map */