:root{--cream: #ffffff;--cream-2: #FFFBE6;--ink: #121212;--ink-soft: #1e1e1e;--muted: #5f5f5f;--line: rgba(18, 18, 18, .12);--line-strong: rgba(18, 18, 18, .22);--accent: #FFE83B;--accent-dark: #F0D400;--accent-ink: #121212;--card: var(--cream);--on-ink: #ffffff;--bw: 3px;--bw-sm: 2px;--shadow-pop: 5px 5px 0 var(--ink);--shadow-pop-lg: 8px 8px 0 var(--ink);--shadow-soft: 0 14px 34px rgba(18, 18, 18, .12);--radius-sm: 10px;--radius: 18px;--radius-lg: 26px;--radius-pill: 999px;--font-head: "Anton", Impact, "Arial Narrow", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--page-max: 1280px;--gutter: 28px;--header-h: 74px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-snap: cubic-bezier(.34, 1.56, .64, 1)}@supports (color: color-mix(in srgb,red 50%,blue)){:root{--muted: color-mix(in srgb, var(--ink) 63%, var(--cream));--ink-soft: color-mix(in srgb, var(--ink) 93%, var(--cream));--line: color-mix(in srgb, var(--ink) 12%, transparent);--line-strong: color-mix(in srgb, var(--ink) 22%, transparent);--shadow-soft: 0 14px 34px color-mix(in srgb, var(--ink) 12%, transparent)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5{font-family:var(--font-head);font-weight:400;line-height:.92;letter-spacing:.01em;text-transform:uppercase}.cs-page{background:var(--cream);color:var(--ink)}.cs-panel{background:var(--cream-2);color:var(--ink)}.cs-ink{background:var(--ink);color:var(--on-ink);--muted: rgba(255, 255, 255, .72);--muted: color-mix(in srgb, var(--on-ink) 72%, transparent);--line: rgba(255, 255, 255, .14);--line-strong: rgba(255, 255, 255, .28)}.cs-pop{background:var(--accent);color:var(--accent-ink);--muted: rgba(18, 18, 18, .68);--muted: color-mix(in srgb, var(--accent-ink) 72%, var(--accent))}.page-width{max-width:var(--page-max);margin-inline:auto;padding-inline:var(--gutter)}.section-pad{padding-block:clamp(60px,7.5vw,110px)}.section-pad-sm{padding-block:clamp(34px,4vw,56px)}.h-display{font-size:clamp(3rem,8vw,6.5rem)}.h-section{font-size:clamp(2.1rem,4.5vw,3.6rem)}.lead{font-size:1.08rem;color:var(--muted);line-height:1.65}.eyebrow,.pill{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--accent);font-weight:800;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:8px 15px;border-radius:var(--radius-pill)}.eyebrow--pop{background:var(--accent);color:var(--accent-ink);border:var(--bw-sm) solid var(--ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-body);font-weight:800;font-size:.92rem;letter-spacing:.05em;text-transform:uppercase;padding:15px 28px;border-radius:var(--radius-pill);border:var(--bw) solid var(--ink);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),color .18s var(--ease);white-space:nowrap;cursor:pointer}.btn svg{width:18px;height:18px}.btn:active{transform:translate(1px,1px)!important;box-shadow:2px 2px 0 var(--ink)!important}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-pop)}.btn--primary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-pop-lg)}.btn--ink{background:var(--ink);color:var(--on-ink);box-shadow:5px 5px 0 var(--line-strong)}.btn--ink:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--line-strong);color:var(--accent)}.btn--outline{background:var(--cream);color:var(--ink)}.btn--outline:hover{background:var(--accent);transform:translate(-2px,-2px);box-shadow:var(--shadow-pop)}.btn--ghost{background:transparent;border-color:transparent;padding-inline:6px;text-transform:none;letter-spacing:0;font-weight:700}.btn--ghost:hover{color:var(--accent-dark)}.btn--full{width:100%}.btn--lg{padding:18px 34px;font-size:.98rem}.btn--on-ink{border-color:var(--on-ink)}.btn--on-ink.btn--primary{box-shadow:5px 5px #ffffffe6;box-shadow:5px 5px color-mix(in srgb,var(--on-ink) 90%,transparent);border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-grid--lg{grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.2vw,30px)}.field{width:100%;padding:14px 18px;border:var(--bw) solid var(--ink);border-radius:var(--radius-pill);background:var(--card);font-size:1rem;transition:box-shadow .18s var(--ease),transform .18s var(--ease)}.field::placeholder{color:var(--muted)}.field:focus{outline:none;box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;top:-60px;left:16px;background:var(--ink);color:var(--accent);padding:12px 18px;border-radius:var(--radius-sm);z-index:999;transition:top .2s var(--ease)}.skip-link:focus{top:12px}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.86)}70%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(10deg)}50%{transform:rotate(14deg)}}.reveal{opacity:0}.reveal.is-visible{animation:fadeUp .7s var(--ease) forwards}.reveal--pop.is-visible{animation:popIn .55s var(--ease-snap) forwards}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1}}@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.product-grid,.product-grid--lg{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.product-grid,.product-grid--lg{gap:14px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/base.css.map */