:root{--color-black: 10 10 10;--color-ink: 23 23 23;--color-white: 255 255 255;--color-paper: 250 250 250;--color-mist: 245 245 245;--color-line: 229 229 229;--color-muted: 115 115 115;--color-faint: 163 163 163;--color-action: 0 102 204;--color-action-focus: 0 113 227;--color-ink-muted: 122 122 122;--color-parchment: 245 245 247;--shadow-product: 0 5px 30px rgba(0, 0, 0, .22), 3px 5px 30px rgba(0, 0, 0, .22);--space-section: 5rem;--gradient-accent: linear-gradient( 120deg, #ff6b6b 0%, #ffd166 25%, #6bcB77 50%, #4d96ff 75%, #b07bff 100% );--gradient-accent-soft: linear-gradient( 120deg, rgba(255, 107, 107, .16) 0%, rgba(77, 150, 255, .16) 50%, rgba(176, 123, 255, .16) 100% );--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--tracking-tight: -.02em;--tracking-tighter: -.04em;--tracking-wide: .08em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--radius-pill: 999px;--page-max: 1280px;--page-gutter: clamp(1rem, 5vw, 4rem);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .16s;--dur: .28s;--dur-slow: .52s;--shadow-sm: 0 1px 2px rgba(10, 10, 10, .04);--shadow-md: 0 10px 30px rgba(10, 10, 10, .06);--shadow-lg: 0 30px 60px rgba(10, 10, 10, .1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.6;color:rgb(var(--color-ink));background:rgb(var(--color-white));overflow-x:hidden}img,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6,p{margin:0}:focus-visible{outline:2px solid rgb(var(--color-ink));outline-offset:3px}.h1,.h2,.h3,.h4{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-tight);line-height:1.05}.h1{font-size:clamp(2.5rem,6vw,4.75rem);letter-spacing:var(--tracking-tighter)}.h2{font-size:clamp(1.9rem,4vw,3rem)}.h3{font-size:clamp(1.4rem,2.6vw,2rem)}.h4{font-size:clamp(1.1rem,1.8vw,1.35rem);letter-spacing:var(--tracking-tight)}.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:rgb(var(--color-muted))}.lede{font-size:clamp(1.05rem,1.6vw,1.25rem);color:rgb(var(--color-muted));line-height:1.5}.text-muted{color:rgb(var(--color-muted))}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.page-width{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--page-gutter)}.section{padding-block:clamp(3.5rem,8vw,7rem)}.section--tight{padding-block:clamp(2rem,5vw,4rem)}.stack{display:flex;flex-direction:column}.stack-2>*+*{margin-top:var(--space-2)}.stack-3>*+*{margin-top:var(--space-3)}.stack-4>*+*{margin-top:var(--space-4)}.stack-5>*+*{margin-top:var(--space-5)}.stack-6>*+*{margin-top:var(--space-6)}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.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-to-content{position:absolute;top:-100px;left:var(--space-4);z-index:1000;padding:var(--space-2) var(--space-4);background:rgb(var(--color-ink));color:rgb(var(--color-white));border-radius:var(--radius-sm);transition:top var(--dur-fast) var(--ease-out)}.skip-to-content:focus{top:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.9rem 1.6rem;font-weight:550;font-size:.95rem;letter-spacing:var(--tracking-tight);border-radius:var(--radius-pill);transition:transform var(--dur-fast) var(--ease-out),background var(--dur) var(--ease-out),color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out);white-space:nowrap}.btn:active{transform:scale(.97)}.btn--primary{background:rgb(var(--color-ink));color:rgb(var(--color-white))}.btn--primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn--invert{background:rgb(var(--color-white));color:rgb(var(--color-ink))}.btn--invert:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn--ghost{background:transparent;border:1px solid rgb(var(--color-line));color:rgb(var(--color-ink))}.btn--ghost:hover{border-color:rgb(var(--color-ink))}.btn--block{width:100%}.btn--lg{padding:1.1rem 2rem;font-size:1.02rem}.btn--accent{position:relative;background:rgb(var(--color-ink));color:rgb(var(--color-white));isolation:isolate}.btn--accent:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--gradient-accent);z-index:-1;opacity:0;transition:opacity var(--dur) var(--ease-out)}.btn--accent:hover:before{opacity:1}.btn--action{background:rgb(var(--color-action));color:rgb(var(--color-white));font-size:1.0625rem;font-weight:400;line-height:1;padding:.875rem 1.75rem}.btn--action:hover{background:rgb(var(--color-action-focus))}.btn--action:active{transform:scale(.95)}.btn--action:focus-visible{outline:2px solid rgb(var(--color-action-focus));outline-offset:2px}.btn--action-outline{background:transparent;color:rgb(var(--color-action));border:1px solid rgb(var(--color-action));font-size:1.0625rem;font-weight:400;line-height:1;padding:.875rem 1.75rem}.btn--action-outline:hover{background:rgba(var(--color-action),.06)}.btn--action-outline:active{transform:scale(.95)}.btn--action-outline:focus-visible{outline:2px solid rgb(var(--color-action-focus));outline-offset:2px}.btn--action-lg{font-size:1.125rem;font-weight:300;padding:.875rem 1.75rem}.link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:550;letter-spacing:var(--tracking-tight)}.link-arrow svg{transition:transform var(--dur) var(--ease-out)}.link-arrow:hover svg{transform:translate(4px)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.74rem;font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid rgb(var(--color-line));background:rgb(var(--color-white))}.badge--solid{background:rgb(var(--color-ink));color:rgb(var(--color-white));border-color:rgb(var(--color-ink))}.badge--gradient{border:none;color:rgb(var(--color-ink));background:linear-gradient(rgb(var(--color-white)),rgb(var(--color-white))) padding-box,var(--gradient-accent) border-box;border:1px solid transparent}.badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gradient-accent)}.card{position:relative;display:flex;flex-direction:column;background:rgb(var(--color-white));border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.card:hover{transform:translateY(-4px)}.card__media{position:relative;aspect-ratio:4 / 5;background:rgb(var(--color-mist));overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.card:hover .card__media img{transform:scale(1.04)}.card__media--alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--dur) var(--ease-out)}.card:hover .card__media--alt{opacity:1}.card__badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;gap:var(--space-2);z-index:2}.card__body{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-1)}.card__title{font-size:1.02rem;font-weight:550;letter-spacing:var(--tracking-tight)}.card__meta{font-size:.85rem;color:rgb(var(--color-muted))}.card__price{display:flex;align-items:baseline;gap:var(--space-2);font-weight:550}.price--compare{color:rgb(var(--color-faint));text-decoration:line-through;font-weight:400;font-size:.9em}.price--save{color:rgb(var(--color-ink))}.card__add{position:absolute;right:var(--space-3);bottom:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgb(var(--color-ink));color:rgb(var(--color-white));box-shadow:var(--shadow-md);opacity:0;transform:translateY(8px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.card:hover .card__add,.card__add:focus-visible{opacity:1;transform:translateY(0)}.pack-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;padding:var(--space-6);border-radius:var(--radius-xl);overflow:hidden;color:rgb(var(--color-white));background:rgb(var(--color-black));isolation:isolate}.pack-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.pack-card__bg img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.pack-card:hover .pack-card__bg img{transform:scale(1.05)}.pack-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0a0a0a00 30%,#0a0a0abf)}.pack-card--light{background:rgb(var(--color-mist));color:rgb(var(--color-ink))}.pack-card--light .pack-card__scrim{background:linear-gradient(180deg,#fff0 30%,#ffffffd9)}.pack-card__count{font-size:.8rem;letter-spacing:var(--tracking-wide);text-transform:uppercase;opacity:.85}.pack-card__title{font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:600;letter-spacing:var(--tracking-tight);margin-top:var(--space-2)}.pack-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.pack-card__price{font-weight:550}.pack-card:after{content:"";position:absolute;left:var(--space-6);right:var(--space-6);bottom:0;height:3px;border-radius:var(--radius-pill);background:var(--gradient-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-slow) var(--ease-out)}.pack-card:hover:after{transform:scaleX(1)}.grid{display:grid;gap:var(--space-5)}.grid--products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid--packs{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:749px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.grid--products{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}.bento{display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.bento>:nth-child(1){grid-column:span 2;grid-row:span 2}.bento>:nth-child(1) .pack-card{min-height:540px}@media(max-width:989px){.bento{grid-template-columns:repeat(2,1fr)}.bento>:nth-child(1){grid-column:span 2;grid-row:auto}}@media(max-width:599px){.bento{grid-template-columns:1fr}.bento>:nth-child(1){grid-column:auto}}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee__track{display:flex;gap:var(--space-8);width:max-content;animation:marquee 32s linear infinite}.marquee__item{font-size:.95rem;font-weight:550;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:rgb(var(--color-faint));white-space:nowrap}@keyframes marquee{to{transform:translate(-50%)}}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}[data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/base.css.map */