:root{--color-bg: #fafafa;--color-fg: #09090b;--color-surface: #ffffff;--color-surface-2: #f0f0f0;--color-muted: #6b6b70;--color-border: #e4e4e7;--color-border-strong: #09090b;--color-dark-bg: #000000;--color-dark-fg: #fafafa;--color-dark-surface: #0c0c0c;--color-dark-muted: #9a9aa3;--color-dark-border: #3f3f46;--color-accent: #f8c010;--color-on-accent: #09090b;--color-brand-green: #109048;--color-brand-red: #e83028;--color-sale: #e83028;--color-success: #109048;--color-error: #dc2626;--font-body: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-display: var(--font-body);--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.5rem;--text-xl: 2rem;--text-2xl: clamp(2.5rem, 5vw, 4rem);--text-hero: clamp(3rem, 9vw, 8rem);--leading: 1.5;--tracking-caps: .08em;--tracking-tight: -.03em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 6rem;--section-pad: clamp(3rem, 7vw, 6rem);--gutter: clamp(1rem, 3vw, 2.5rem);--page-max: 1600px;--header-height: 64px;--announcement-height: 36px;--radius: 0px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur: .25s;--dur-slow: .4s;--z-header: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,svg{display:block;max-width:100%}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6,p{margin:0}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus{outline:none}:focus-visible{outline:2px solid var(--color-fg);outline-offset:3px}.section--dark :focus-visible{outline-color:var(--color-dark-fg)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:1000;padding:var(--space-3) var(--space-4);background:var(--color-fg);color:var(--color-bg);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.skip-link:focus{top:var(--space-4)}.h-hero,.h1,.h2,.h3,.eyebrow,.btn,.nav-link,.label{font-family:var(--font-display);text-transform:uppercase}.h-hero{font-size:var(--text-hero);font-weight:700;line-height:.9;letter-spacing:var(--tracking-tight)}.h1{font-size:var(--text-2xl);font-weight:700;line-height:1;letter-spacing:var(--tracking-tight)}.h2{font-size:var(--text-xl);font-weight:700;line-height:1.05;letter-spacing:var(--tracking-tight)}.h3{font-size:var(--text-lg);font-weight:600;line-height:1.15;letter-spacing:-.01em}.eyebrow{font-size:var(--text-xs);font-weight:500;letter-spacing:.14em;color:var(--color-muted)}.section--dark .eyebrow{color:var(--color-dark-muted)}.label{font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-caps)}.body-lg{font-size:var(--text-md)}.muted{color:var(--color-muted)}.rte p+p{margin-top:var(--space-4)}.rte a{text-decoration:underline;text-underline-offset:3px}.rte h2,.rte h3{margin:var(--space-6) 0 var(--space-3);text-transform:uppercase;letter-spacing:var(--tracking-tight)}.rte ul{list-style:disc;padding-left:1.25em}.rte ol{list-style:decimal;padding-left:1.25em}.rte img{margin-block:var(--space-6)}.page-width{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--gutter)}.page-width--narrow{max-width:820px}.section{padding-block:var(--section-pad)}.section--tight{padding-block:calc(var(--section-pad) * .6)}.section--flush{padding-block:0}.section--dark{background:var(--color-dark-bg);color:var(--color-dark-fg)}.section--dark .muted{color:var(--color-dark-muted)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.section-header__text{display:grid;gap:var(--space-2)}.section-header__link{white-space:nowrap}.grid{display:grid;gap:var(--gutter)}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1023px){.grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){.grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.grid--2{grid-template-columns:minmax(0,1fr)}.section-header{flex-direction:column;align-items:flex-start}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-caps);border:1px solid var(--color-fg);border-radius:var(--radius);background:var(--color-fg);color:var(--color-bg);transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out);cursor:pointer;text-align:center}.btn:hover{background:transparent;color:var(--color-fg)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn--outline{background:transparent;color:var(--color-fg)}.btn--outline:hover{background:var(--color-fg);color:var(--color-bg)}.btn--inverse{background:var(--color-bg);color:var(--color-fg);border-color:var(--color-bg)}.btn--inverse:hover{background:transparent;color:var(--color-bg)}.btn--accent{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.btn--accent:hover{background:transparent;color:var(--color-accent)}.btn--sm{min-height:40px;padding-inline:var(--space-4);font-size:var(--text-xs)}.btn--full{width:100%}.btn--loading{color:transparent!important;position:relative;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid var(--color-bg);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.link-underline{position:relative;padding-bottom:2px;text-transform:uppercase;font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-caps)}.link-underline:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform-origin:left;transition:transform var(--dur) var(--ease-out)}.link-underline:hover:after{transform:scaleX(0);transform-origin:right}.field{display:grid;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:500;letter-spacing:.02em}.field__input{width:100%;min-height:48px;padding:0 var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--dur) var(--ease-out)}textarea.field__input{min-height:140px;padding-block:var(--space-3);resize:vertical}select.field__input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2309090b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-8)}.field__input:focus-visible{border-color:var(--color-fg);outline-offset:0}.field__input[aria-invalid=true]{border-color:var(--color-error)}.field__error{font-size:var(--text-sm);color:var(--color-error);display:flex;gap:var(--space-2);align-items:center}.field__hint{font-size:var(--text-sm);color:var(--color-muted)}.form-status{padding:var(--space-3) var(--space-4);border:1px solid;font-size:var(--text-sm)}.form-status--error{border-color:var(--color-error);color:var(--color-error)}.form-status--success{border-color:var(--color-success);color:var(--color-success)}.form-status ul{list-style:disc;padding-left:1.25em;margin-top:var(--space-2)}.inline-form{display:flex}.inline-form .field__input{flex:1;border-right:0}.inline-form .btn{flex-shrink:0}.section--dark .field__input{background:transparent;border-color:var(--color-dark-border);color:var(--color-dark-fg)}.section--dark .field__input:focus-visible{border-color:var(--color-dark-fg)}.section--dark .field__input::placeholder{color:var(--color-dark-muted)}.checkbox{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-sm);cursor:pointer}.checkbox input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--color-fg);flex-shrink:0}.media{position:relative;overflow:hidden;background:var(--color-surface-2)}.media>img,.media>video,.media>iframe,.media>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.media--portrait{aspect-ratio:4 / 5}.media--square{aspect-ratio:1}.media--landscape{aspect-ratio:3 / 2}.media--wide{aspect-ratio:16 / 9}.media--poster{aspect-ratio:3 / 4}.media--contain>img{object-fit:contain}.section--dark .media{background:var(--color-dark-surface)}.placeholder-svg{fill:var(--color-border);background:var(--color-surface-2)}.section--dark .placeholder-svg{fill:var(--color-dark-border);background:var(--color-dark-surface)}.media--placeholder:after{content:attr(data-label);position:absolute;left:var(--space-3);bottom:var(--space-3);z-index:1;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-muted);border:1px dashed var(--color-muted);padding:2px 6px;background:#ffffffb3}.section--dark .media--placeholder:after{color:var(--color-dark-muted);background:#0009}.badge{display:inline-flex;align-items:center;min-height:22px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);background:var(--color-fg);color:var(--color-bg)}.badge--sale{background:var(--color-sale);color:#fff}.badge--accent{background:var(--color-accent);color:var(--color-on-accent)}.badge--outline{background:transparent;border:1px solid currentColor;color:inherit}.badge--soldout{background:var(--color-surface-2);color:var(--color-muted)}.badge--18{border-radius:999px;width:22px;justify-content:center;padding:0;font-size:9px}.js .reveal{opacity:0;transform:translateY(12px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.js .reveal.is-visible{opacity:1;transform:none}.js .reveal-stagger>*{opacity:0;transform:translateY(12px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.js .reveal-stagger.is-visible>*{opacity:1;transform:none}.js .reveal-stagger.is-visible>*:nth-child(2){transition-delay:60ms}.js .reveal-stagger.is-visible>*:nth-child(3){transition-delay:.12s}.js .reveal-stagger.is-visible>*:nth-child(4){transition-delay:.18s}.js .reveal-stagger.is-visible>*:nth-child(5){transition-delay:.24s}.js .reveal-stagger.is-visible>*:nth-child(6){transition-delay:.3s}.js .reveal-stagger.is-visible>*:nth-child(n+7){transition-delay:.36s}@media(prefers-reduced-motion:reduce){.js .reveal,.js .reveal-stagger>*{opacity:1;transform:none}}.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:var(--col, 72%);gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1)}.scroller::-webkit-scrollbar{display:none}.scroller>*{scroll-snap-align:start}@media(min-width:768px){.scroller{--col: 40%}}@media(min-width:1024px){.scroller{--col: calc((100% - 3 * var(--space-3)) / 4)}}.scroller--3{--col: 80%}@media(min-width:768px){.scroller--3{--col: 45%}}@media(min-width:1024px){.scroller--3{--col: calc((100% - 2 * var(--space-3)) / 3)}}.scroller-controls{display:flex;gap:var(--space-2)}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-border-strong);color:inherit;transition:background var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}.icon-btn:hover{background:var(--color-fg);color:var(--color-bg)}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.icon-btn:disabled:hover{background:transparent;color:inherit}.section--dark .icon-btn{border-color:var(--color-dark-fg)}.section--dark .icon-btn:hover{background:var(--color-dark-fg);color:var(--color-dark-bg)}.icon-btn svg{width:18px;height:18px}.rule{border:0;border-top:1px solid var(--color-border);margin:0}.section--dark .rule{border-color:var(--color-dark-border)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-drawer) - 1);background:#00000073;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease-out)}.overlay.is-open{opacity:1;pointer-events:auto}body.drawer-open{overflow:hidden}.drawer{position:fixed;top:0;bottom:0;right:0;z-index:var(--z-drawer);width:min(480px,100vw);background:var(--color-surface);color:var(--color-fg);display:flex;flex-direction:column;transform:translate(100%);visibility:hidden;transition:transform var(--dur-slow) var(--ease-out),visibility 0s linear var(--dur-slow)}.drawer.is-open{transform:none;visibility:visible;transition-delay:0s}.drawer--left{right:auto;left:0;transform:translate(-100%)}.drawer__header{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);padding-inline:var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-5)}.drawer__footer{padding:var(--space-5);border-top:1px solid var(--color-border);flex-shrink:0}.drawer__close{width:44px;height:44px;display:grid;place-items:center;margin-right:-12px}.drawer__close svg{width:20px;height:20px}.price{display:inline-flex;gap:var(--space-2);align-items:baseline;font-variant-numeric:tabular-nums}.price__compare{color:var(--color-muted);text-decoration:line-through}.price--sale .price__current{color:var(--color-sale)}.section--dark .price__compare{color:var(--color-dark-muted)}.pagination{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-8)}.pagination a,.pagination span{display:grid;place-items:center;min-width:44px;height:44px;padding-inline:var(--space-3);border:1px solid var(--color-border);font-size:var(--text-sm)}.pagination a:hover{border-color:var(--color-fg)}.pagination [aria-current=page]{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-muted)}.breadcrumb a:hover{color:var(--color-fg)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);display:grid;gap:var(--space-4);justify-items:center}.accordion{border-top:1px solid var(--color-border)}.accordion__item{border-bottom:1px solid var(--color-border)}.accordion__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px;padding-block:var(--space-3);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps)}.accordion__summary svg{width:16px;height:16px;flex-shrink:0;transition:transform var(--dur) var(--ease-out)}details[open]>.accordion__summary svg{transform:rotate(45deg)}.accordion__content{padding-bottom:var(--space-5);font-size:var(--text-sm);color:var(--color-muted)}.accordion__content a{color:var(--color-fg);text-decoration:underline;text-underline-offset:3px}.toast{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%,20px);z-index:var(--z-toast);background:var(--color-fg);color:var(--color-bg);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.toast.is-visible{opacity:1;transform:translate(-50%)}.page-header{padding-block:var(--space-8) var(--space-6);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.page-header .rte{max-width:60ch;color:var(--color-muted)}.page-body{padding-bottom:var(--section-pad)}
/*# sourceMappingURL=/cdn/shop/t/28/assets/base.css.map */
