:root{--bg: #000000;--fg: #ffffff;--panel: #050505;--line: rgba(255, 255, 255, .15);--line-soft: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .5);--muted: rgba(255, 255, 255, .55);--muted-2: rgba(255, 255, 255, .75);--font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Geist Mono", Menlo, Consolas, "Liberation Mono", monospace;--nav-h: 74px;--wrap: 1180px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-weight:500;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:#fff;color:#000;padding:12px 18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.2em}.skip-link:focus{left:12px;top:12px}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}@media(min-width:1024px){.wrap{padding:0 40px}}.main{position:relative;z-index:2}.section{padding:72px 0}@media(min-width:1024px){.section{padding:96px 0}}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:0}.h1{margin:0;font-weight:700;letter-spacing:-.035em;line-height:.98;font-size:clamp(44px,8vw,104px)}.h2{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.04;font-size:38px;text-wrap:pretty}@media(min-width:1024px){.h2{font-size:46px}}.h3{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.2;font-size:20px}.body{margin:0;font-size:14px;line-height:1.75;color:var(--muted-2)}.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.rule{border:0;border-top:1px solid var(--line);margin:0}.btn{display:inline-block;border:0;cursor:pointer;padding:16px 36px;background:#fff;color:#000;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;text-align:center;transition:opacity .2s}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--fg);border:1px solid var(--line-strong);transition:background .2s,color .2s}.btn--ghost:hover{background:#fff;color:#000;opacity:1}.btn--block{display:block;width:100%}.announce{position:relative;z-index:51;border-bottom:1px solid var(--line-soft);background:#0a0a0a}.announce__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;padding:10px 20px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#ffffffb8;text-align:center}.announce__sep{color:#ffffff47}@media(max-width:599px){.announce__item~.announce__item,.announce__sep{display:none}}.header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line-soft);background:#050505d1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header__bar{display:flex;align-items:center;gap:18px;padding:12px 20px}@media(min-width:1024px){.header__bar{gap:44px;padding:14px 40px}}.header__logo{display:flex;align-items:center;flex:none}.header__logo img{height:42px;width:auto}@media(min-width:768px){.header__logo img{height:58px}}.header__nav{display:none;gap:30px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}@media(min-width:900px){.header__nav{display:flex;align-items:center}}.header__nav a{transition:opacity .2s}.header__nav a:hover{opacity:.6}.header__actions{display:flex;align-items:center;gap:12px;margin-left:auto}@media(min-width:1024px){.header__actions{gap:26px}}.header__action--text{display:none;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;transition:opacity .2s}.header__action--text:hover{opacity:.6}@media(min-width:900px){.header__action--text{display:inline-block}}.cart-link{flex:none;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--line-strong);padding:10px 14px;white-space:nowrap;transition:background .2s,color .2s}.cart-link:hover{background:#fff;color:#000}.header__toggle{display:inline-flex;align-items:center;background:none;border:0;padding:6px;margin-right:-6px;cursor:pointer}@media(min-width:900px){.header__toggle{display:none}}.header__drawer{display:flex;flex-direction:column;padding:4px 20px 16px;border-top:1px solid var(--line-soft)}@media(min-width:900px){.header__drawer{display:none}}.header__drawer a{padding:14px 0;border-bottom:1px solid var(--line-soft);font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.header__drawer a:last-child{border-bottom:0}.header__drawer[hidden]{display:none}.hero{border-bottom:1px solid var(--line-soft);padding:40px 0 52px}@media(min-width:900px){.hero{padding:76px 0 88px}}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}@media(min-width:900px){.hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:56px}}.hero__copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hero__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 24px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.hero__eyebrow-rule{display:block;width:34px;height:1px;background:#ffffff73;flex:none}.hero__headline{margin:0;display:flex;flex-direction:column;gap:10px;max-width:100%}.hero__kicker{font-family:var(--font-mono);font-size:clamp(14px,3.6vw,26px);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#ffffffeb}.hero__word{font-weight:700;line-height:.86;letter-spacing:-.045em;font-size:clamp(56px,15vw,132px);overflow-wrap:break-word}@media(min-width:900px){.hero__word{font-size:clamp(76px,7.4vw,118px)}}.hero__body{margin:24px 0 0;max-width:46ch;font-size:14px;line-height:1.75;color:var(--muted-2)}@media(min-width:900px){.hero__body{font-size:15px}}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;width:100%}@media(max-width:519px){.hero__actions .btn{flex:1 1 100%}}.hero__rule{width:100%;margin:36px 0 20px}.hero__specs{display:flex;flex-wrap:wrap;gap:12px 26px;margin:0;padding:0;list-style:none;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#ffffff80}.hero__panel{position:relative;border:1px solid var(--line);background:#0a0a0a;padding:14px;min-width:0}@media(min-width:900px){.hero__panel{padding:22px}}.hero__badge{position:absolute;left:14px;top:14px;z-index:2;max-width:calc(100% - 28px);border:1px solid var(--line);background:#050505eb;padding:8px 12px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffffd9;transition:background .2s,color .2s}.hero__badge:hover{background:#fff;color:#000}@media(min-width:900px){.hero__badge{left:22px;top:22px}}.hero__panel-media{display:block;aspect-ratio:1 / 1;background:#050505}.hero__panel-media img{width:100%;height:100%;object-fit:cover}.hero__panel-media--empty{display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;color:var(--muted)}.section__more{display:flex;justify-content:center;margin-top:56px}.section__head{display:flex;flex-direction:column;gap:14px;margin-bottom:44px}.grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:34px 24px}@media(min-width:560px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{display:flex;flex-direction:column;gap:14px}.card__media{position:relative;display:block;border:1px solid var(--line);background:var(--panel);aspect-ratio:1 / 1;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .3s}.card:hover .card__media img{transform:scale(1.04)}.card__media--empty{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;color:var(--muted)}.card__badge{position:absolute;left:0;top:0;background:#fff;color:#000;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.2em;padding:6px 10px}.card__body{display:flex;flex-direction:column;gap:7px}.card__title{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin:0}.card__meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.price{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em}.price__compare{text-decoration:line-through;opacity:.45;margin-left:8px}.product{display:grid;gap:40px;grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.product{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:60px;align-items:start}}.product__gallery{display:flex;flex-direction:column;gap:12px}.product__main-image{border:1px solid var(--line);background:var(--panel);aspect-ratio:1 / 1}.product__main-image img{width:100%;height:100%;object-fit:cover}.product__thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.product__thumb{border:1px solid var(--line);background:none;padding:0;cursor:pointer;aspect-ratio:1 / 1;transition:border-color .2s}.product__thumb[aria-current=true],.product__thumb:hover{border-color:#fff}.product__thumb img{width:100%;height:100%;object-fit:cover}.product__info{display:flex;flex-direction:column;gap:24px}@media(min-width:900px){.product__info{position:sticky;top:calc(var(--nav-h) + 24px)}}.product__price{font-family:var(--font-mono);font-size:20px;letter-spacing:.1em}.option{display:flex;flex-direction:column;gap:12px}.option__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.option__values{display:flex;flex-wrap:wrap;gap:9px}.swatch{position:relative}.swatch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.swatch span{display:block;min-width:52px;text-align:center;border:1px solid var(--line);padding:12px 14px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.16em;transition:border-color .2s,background .2s,color .2s}.swatch input:checked+span{background:#fff;color:#000;border-color:#fff}.swatch input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}.swatch input:disabled+span{opacity:.3;text-decoration:line-through;cursor:not-allowed}.product__desc{font-size:14px;line-height:1.8;color:var(--muted-2);border-top:1px solid var(--line);padding-top:22px}.product__desc p{margin:0 0 14px}.product__desc ul{margin:0 0 14px;padding-left:20px}.product__note{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--muted)}.cart__row{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;align-items:start;border-top:1px solid var(--line);padding:22px 0}@media(min-width:760px){.cart__row{grid-template-columns:96px minmax(0,1fr) auto auto;gap:24px;align-items:center}}.cart__thumb{border:1px solid var(--line);aspect-ratio:1 / 1}.cart__qty{display:inline-flex;border:1px solid var(--line)}.cart__qty input{width:54px;background:transparent;border:0;text-align:center;padding:11px 4px;font-family:var(--font-mono);font-size:12px}.cart__qty input::-webkit-outer-spin-button,.cart__qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cart__foot{display:flex;flex-direction:column;gap:18px;align-items:flex-end;border-top:1px solid var(--line);padding-top:26px;margin-top:4px}.cart__total{font-family:var(--font-mono);font-size:16px;letter-spacing:.14em}.footer{position:relative;z-index:2;border-top:1px solid var(--line-soft);background:var(--panel);padding:56px 0}.footer__inner{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.footer__wordmark{font-size:26px;font-weight:700;letter-spacing:-.02em}.footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#fff9}.footer__links a{display:inline-block;padding:6px 0}.footer__links a:hover{color:#fff}.footer__links--legal{gap:14px;font-size:9px;letter-spacing:.18em;color:#ffffff73;padding-top:4px}.footer__links--legal a{border-bottom:1px solid rgba(255,255,255,.18);padding:7px 0 6px}.footer__legal{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:#ffffff80}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='240' height='240' filter='url(%23n)' opacity='0.6'/></svg>")}.empty{display:flex;flex-direction:column;align-items:center;gap:22px;padding:80px 0;text-align:center}.notice{border:1px solid var(--line);padding:14px 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--muted-2)}.notice--error{border-color:#ff787899;color:#ff9a9a}.field{display:flex;flex-direction:column;gap:8px}.field input,.field textarea,.field select{width:100%;background:transparent;border:1px solid rgba(255,255,255,.2);padding:15px 16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;transition:border-color .2s}.field input::placeholder,.field textarea::placeholder{color:#fff6}.field input:focus,.field textarea:focus,.field select:focus{border-color:#fff;outline:none}.pagination{display:flex;justify-content:center;gap:14px;margin-top:56px;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em}.pagination a,.pagination span{padding:8px 12px;border:1px solid var(--line)}.pagination span[aria-current]{background:#fff;color:#000;border-color:#fff}.rte a{border-bottom:1px solid var(--line-strong)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__vinyl{animation:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/base.css.map */
