@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased}img,picture,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}}@layer base{:root{--paper: #F2F0F5;--paper-lift: #FAF9FC;--paper-deep: #E4E0EC;--ink: #14121C;--ink-soft: #5C5670;--ink-faint: #8B85A0;--line: #D9D4E4;--flare-cool: #7B5CFF;--flare-hot: #FF3D8A;--flare-warm: #FFB347;--ok: #1F8A5B;--warn: #C2410C;--font-display: "Syne", "Helvetica Neue", sans-serif;--font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1.0625rem;--t-lg: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--t-xl: clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem);--t-2xl: clamp(2.5rem, 1.6rem + 4.2vw, 5.5rem);--t-3xl: clamp(3.25rem, 1.5rem + 8vw, 9rem);--gap: clamp(1rem, .7rem + 1.4vw, 1.75rem);--pad-x: clamp(1rem, .4rem + 3vw, 3.5rem);--section-y: clamp(3.5rem, 2rem + 6vw, 7rem);--radius: 2px;--radius-lg: 4px;--ease: cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--t-base);line-height:1.55;font-feature-settings:"tnum" 0}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:.94;letter-spacing:-.035em;text-transform:uppercase}:focus-visible{outline:2px solid var(--flare-cool);outline-offset:3px}::selection{background:var(--flare-hot);color:#fff}}@layer components{.wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--pad-x)}.eyebrow{font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap);margin-bottom:clamp(1.25rem,1rem + 1vw,2rem);border-bottom:1px solid var(--line);padding-bottom:.875rem}.section-head h2{font-size:var(--t-xl)}.btn{--btn-bg: var(--ink);--btn-fg: var(--paper-lift);display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.95rem 1.75rem;background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-mono);font-size:var(--t-sm);font-weight:500;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);position:relative;overflow:hidden;transition:transform .25s var(--ease),opacity .2s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}.btn--flare:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--flare-cool),var(--flare-hot) 50%,var(--flare-warm));opacity:0;transition:opacity .35s var(--ease);z-index:0}.btn--flare>*{position:relative;z-index:1}.btn--flare:hover:after{opacity:1}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--ink);border:1px solid var(--ink)}.btn--block{width:100%}.flare-bar{display:block}.flare-bar__label{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.5rem}.flare-bar__track{position:relative;height:3px;background:var(--paper-deep);border-radius:99px;overflow:hidden}.flare-bar__fill{position:absolute;inset-block:0;left:0;width:calc(var(--p, 0) * 100%);overflow:hidden;transition:width .6s var(--ease)}.flare-bar__beam{position:absolute;inset-block:0;left:0;width:calc(100%/max(var(--p, .001),.001));background:linear-gradient(90deg,var(--flare-cool) 0%,var(--flare-hot) 58%,var(--flare-warm) 100%)}.flare-bar[data-complete=true] .flare-bar__track{box-shadow:0 0 12px -2px var(--flare-hot)}.card{display:block;position:relative}.card__media{position:relative;aspect-ratio:3 / 4;background:var(--paper-deep);overflow:hidden;border-radius:var(--radius)}.card__img{width:100%;height:100%;object-fit:cover;transition:opacity .5s var(--ease),transform .7s var(--ease)}.card__img--alt{position:absolute;inset:0;opacity:0}.card:hover .card__img--alt{opacity:1}.card:hover .card__img--main{opacity:0}.card:hover .card__img{transform:scale(1.03)}.card__badge{position:absolute;top:.625rem;left:.625rem;padding:.25rem .5rem;background:var(--ink);color:var(--paper-lift);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;border-radius:var(--radius)}.card__badge--sale{background:var(--flare-hot)}.card__body{padding-top:.75rem;display:grid;gap:.125rem}.card__title{font-size:var(--t-base);font-weight:500;letter-spacing:-.01em}.card__price{font-size:var(--t-base);font-variant-numeric:tabular-nums;display:flex;gap:.5rem;align-items:baseline}.card__compare{color:var(--ink-faint);text-decoration:line-through;font-size:var(--t-sm)}.grid-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap) clamp(.5rem,.3rem + 1vw,1.5rem)}@media(min-width:640px){.grid-products{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr))}}.field{width:100%;padding:.8rem .9rem;background:var(--paper-lift);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--t-base)}.field:focus{border-color:var(--ink);outline:none}.swatches{display:flex;flex-wrap:wrap;gap:.5rem}.swatch{width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid var(--line);position:relative}.swatch[aria-pressed=true]:after{content:"";position:absolute;inset:-4px;border:1px solid var(--ink);border-radius:50%}.sizes{display:flex;flex-wrap:wrap;gap:.5rem}.size-btn{min-width:3.25rem;padding:.6rem .5rem;border:1px solid var(--line);background:var(--paper-lift);font-family:var(--font-mono);font-size:var(--t-sm);letter-spacing:.04em;border-radius:var(--radius);transition:border-color .15s,color .15s}.size-btn[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper-lift)}.size-btn[data-soldout=true]{color:var(--ink-faint);cursor:not-allowed;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,var(--paper-deep) 4px,var(--paper-deep) 5px)}}@layer utilities{.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--ink-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.stack>*+*{margin-top:var(--flow, 1rem)}}