*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body-family);font-size:var(--font-body);font-weight:var(--font-body-weight);line-height:var(--line-body);color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}img,picture,svg,video{display:block;max-width:100%;height:auto}header-nav,cart-drawer,quick-add-drawer,ugc-rail{display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);line-height:var(--line-heading);letter-spacing:var(--tracking-heading);text-transform:var(--heading-transform, none);text-wrap:balance}h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}h4{font-size:var(--font-h4)}h5{font-size:var(--font-h5)}h6{font-size:var(--font-h6)}p{text-wrap:pretty}.page-width{max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-margin)}.section{padding-block:var(--section-padding-block)}.grid{display:grid;gap:var(--grid-gap)}.grid>*{min-inline-size:0}.stack>*+*{margin-block-start:var(--space-4)}.rte{color:rgb(var(--color-foreground) / .92)}.rte>*+*{margin-block-start:var(--space-4)}.rte a{color:rgb(var(--color-accent));text-decoration:underline;text-underline-offset:3px}.rte ul,.rte ol{padding-inline-start:var(--space-6)}.rte li+li{margin-block-start:var(--space-2)}.rte h1,.rte h2,.rte h3,.rte h4{margin-block:var(--space-6) var(--space-3)}.rte img{border-radius:var(--radius-md)}.placeholder{background:rgb(var(--color-surface));color:rgb(var(--color-secondary) / .5)}.placeholder svg{inline-size:100%;block-size:100%}.button{--btn-bg: var(--color-primary);--btn-fg: var(--color-on-primary);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding-inline:var(--space-6);padding-block:var(--space-3);font-weight:700;font-size:var(--font-small);letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--btn-fg));background:rgb(var(--btn-bg));border:var(--button-border-width) solid rgb(var(--btn-bg));border-radius:var(--button-radius);transition:transform .2s var(--ease),opacity .2s var(--ease),background-color .2s var(--ease)}.button:hover{opacity:.92;transform:translateY(-1px)}.button:active{transform:scale(.97);opacity:1;transition-duration:80ms}.button--secondary{--btn-bg: var(--color-background);--btn-fg: var(--color-foreground);border-color:rgb(var(--color-border))}.button--secondary{border-color:var(--accent-current);color:var(--accent-current)}.button--secondary:hover{--btn-bg: color-mix(in srgb, var(--accent-current) 12%, rgb(var(--color-background)));opacity:1}.button--ghost{--btn-bg: transparent;--btn-fg: var(--color-foreground);border-color:transparent;padding-inline:var(--space-2)}.button--ghost:hover{--btn-bg: var(--color-surface);opacity:1}.button[disabled]{opacity:.5;cursor:not-allowed;transform:none}@media(prefers-reduced-motion:reduce){.button:hover,.button:active{transform:none}}.accent--purple{--accent-current: var(--accent-purple);--accent-current-fg: var(--accent-purple-fg)}.accent--teal{--accent-current: var(--accent-teal);--accent-current-fg: var(--accent-teal-fg)}.accent--sky{--accent-current: var(--accent-sky);--accent-current-fg: var(--accent-sky-fg)}.accent--yellow{--accent-current: var(--accent-yellow);--accent-current-fg: var(--accent-yellow-fg)}.accent--red{--accent-current: var(--accent-red);--accent-current-fg: var(--accent-red-fg)}.accent--orange{--accent-current: var(--accent-orange);--accent-current-fg: var(--accent-orange-fg)}.accent--mango{--accent-current: var(--accent-mango);--accent-current-fg: var(--accent-mango-fg)}.accent--pink{--accent-current: var(--accent-pink);--accent-current-fg: var(--accent-pink-fg)}.button--purple{--btn-bg: var(--accent-purple);--btn-fg: var(--accent-purple-fg)}.button--teal{--btn-bg: var(--accent-teal);--btn-fg: var(--accent-teal-fg)}.button--sky{--btn-bg: var(--accent-sky);--btn-fg: var(--accent-sky-fg)}.button--yellow{--btn-bg: var(--accent-yellow);--btn-fg: var(--accent-yellow-fg)}.button--red{--btn-bg: var(--accent-red);--btn-fg: var(--accent-red-fg)}.button--orange{--btn-bg: var(--accent-orange);--btn-fg: var(--accent-orange-fg)}.button--mango{--btn-bg: var(--accent-mango);--btn-fg: var(--accent-mango-fg)}.button--pink{--btn-bg: var(--accent-pink);--btn-fg: var(--accent-pink-fg)}.button--purple:hover,.button--teal:hover,.button--sky:hover,.button--yellow:hover,.button--red:hover,.button--orange:hover,.button--mango:hover,.button--pink:hover{opacity:1;background-color:color-mix(in srgb,var(--btn-bg) 86%,rgb(var(--color-scrim)));border-color:color-mix(in srgb,var(--btn-bg) 86%,rgb(var(--color-scrim)))}.grid .product-card:nth-child(8n+1){--card-accent: var(--accent-sky)}.grid .product-card:nth-child(8n+2){--card-accent: var(--accent-yellow)}.grid .product-card:nth-child(8n+3){--card-accent: var(--accent-purple)}.grid .product-card:nth-child(8n+4){--card-accent: var(--accent-red)}.grid .product-card:nth-child(8n+5){--card-accent: var(--accent-teal)}.grid .product-card:nth-child(8n+6){--card-accent: var(--accent-orange)}.grid .product-card:nth-child(8n+7){--card-accent: var(--accent-mango)}.grid .product-card:nth-child(8n+8){--card-accent: var(--accent-pink)}.grid>.reveal:nth-child(2){transition-delay:60ms}.grid>.reveal:nth-child(3){transition-delay:.12s}.grid>.reveal:nth-child(4){transition-delay:.18s}.grid>.reveal:nth-child(5){transition-delay:.24s}.grid>.reveal:nth-child(6){transition-delay:.3s}.grid>.reveal:nth-child(7){transition-delay:.36s}.grid>.reveal:nth-child(8){transition-delay:.42s}@media(prefers-reduced-motion:reduce){.grid>.reveal{transition-delay:0ms}}::selection{background:rgb(var(--color-primary) / .22)}.card{background:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}:focus-visible{outline:2px solid rgb(var(--color-focus));outline-offset:2px;border-radius:var(--radius-sm);transition:outline-offset .2s var(--ease)}:focus-visible:hover{outline-offset:4px}:focus:not(:focus-visible){outline:none}.skip-to-content-link{position:absolute;inset-inline-start:var(--space-4);inset-block-start:var(--space-4);padding:var(--space-2) var(--space-4);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--radius-sm);transform:translateY(-200%);transition:transform var(--duration-fast) var(--ease);z-index:100}.skip-to-content-link:focus{transform:translateY(0)}.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}.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--duration-reveal, .5s) var(--ease),transform var(--duration-reveal, .5s) var(--ease)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.price__off{display:inline-block;padding:2px 8px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-red);background:var(--accent-yellow);border-radius:var(--radius-sm);rotate:-3deg}[dir=rtl] .price__off{rotate:3deg}@media(prefers-reduced-motion:reduce){.price__off{rotate:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-secondary{color:rgb(var(--color-secondary))}.price--sale{color:rgb(var(--color-sale))}.media{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.media>img{width:100%;height:100%;object-fit:cover}.wordmark{display:inline-flex;align-items:baseline;font-family:var(--font-heading-family);font-weight:800;letter-spacing:.01em;line-height:1;text-transform:uppercase;white-space:nowrap}.wordmark__letter{display:inline-block;color:var(--accent-current);transition:transform .2s var(--ease)}.wordmark__letter:nth-child(8n+1){--accent-current: var(--accent-purple)}.wordmark__letter:nth-child(8n+2){--accent-current: var(--accent-sky)}.wordmark__letter:nth-child(8n+3){--accent-current: var(--accent-yellow)}.wordmark__letter:nth-child(8n+4){--accent-current: var(--accent-orange)}.wordmark__letter:nth-child(8n+5){--accent-current: var(--accent-red)}.wordmark__letter:nth-child(8n+6){--accent-current: var(--accent-teal)}.wordmark__letter:nth-child(8n+7){--accent-current: var(--accent-pink)}.wordmark__letter:nth-child(8n+8){--accent-current: var(--accent-purple)}@media(hover:hover){.wordmark:hover .wordmark__letter{transform:translateY(-3px) rotate(-3deg)}.wordmark:hover .wordmark__letter:nth-child(2n){transform:translateY(-3px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.wordmark__letter{transition:none}.wordmark:hover .wordmark__letter{transform:none}}.wordmark__space{display:inline-block;inline-size:.28em}.product-card.card--cream .product-card__media{background:color-mix(in srgb,var(--card-accent, rgb(var(--color-surface))) 18%,rgb(var(--color-background)))}.product-card.card--outlined .product-card__media{background:color-mix(in srgb,var(--card-accent, rgb(var(--color-surface))) 10%,rgb(var(--color-background)))}.product-card.card--cream .product-card__stripe{block-size:8px}.hero--collage{background:radial-gradient(120% 90% at 12% 8%,rgb(var(--accent-yellow)) 0%,transparent 42%),radial-gradient(120% 90% at 88% 12%,rgb(var(--accent-sky)) 0%,transparent 46%),radial-gradient(120% 120% at 70% 100%,rgb(var(--accent-purple)) 0%,transparent 52%),linear-gradient(135deg,rgb(var(--accent-orange)),rgb(var(--accent-pink)));background-color:rgb(var(--accent-orange));color:#fff}.hero--collage .hero__eyebrow,.hero--collage .hero__heading,.hero--collage .hero__text{color:#fff}.hero__shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.hero__inner{position:relative;z-index:2}.brand-shape{position:absolute;pointer-events:none;color:currentColor;opacity:.9}.brand-shapes--float .brand-shape{animation:shape-float 7s ease-in-out infinite}.brand-shapes--float .brand-shape:nth-child(2){animation-duration:9s;animation-delay:-2s}.brand-shapes--float .brand-shape:nth-child(3){animation-duration:8s;animation-delay:-1s}.brand-shapes--float .brand-shape:nth-child(4){animation-duration:10s;animation-delay:-3s}@keyframes shape-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(6deg)}}@media(prefers-reduced-motion:reduce){.brand-shapes--float .brand-shape{animation:none}}.promo-banner{position:relative;overflow:hidden;text-align:center}.promo-banner__inner{display:inline-flex;align-items:center;gap:var(--space-3);padding-block:var(--space-3);font-family:var(--font-heading-family);font-size:var(--font-h5);font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--accent-current-fg);background:var(--accent-current);rotate:-1.2deg;box-shadow:var(--shadow-md)}.promo-banner__sticker{display:inline-grid;place-items:center;inline-size:40px;block-size:40px;border-radius:50%;background:rgb(var(--color-background) / .28);font-size:20px}@media(prefers-reduced-motion:reduce){.promo-banner__inner{rotate:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/base.css.map */
