.cb-section{--cb-ink: #1F1B32;--cb-fg-1: #1F1B32;--cb-fg-2: #4A4660;--cb-fg-3: #6B6880;--cb-bg: #FFFFFF;--cb-bg-soft: #FAFAFB;--cb-border-1: #ECEBF0;--cb-border-2: #D4D2DC;--cb-pill: 999px;--cb-ease: cubic-bezier(.2, .8, .2, 1);--cb-ease-soft: cubic-bezier(.16, 1, .3, 1);--cb-font: "Assistant", system-ui, -apple-system, "Segoe UI", sans-serif;--cb-radius: 22px;background:var(--cb-bg);padding:112px 24px;font-family:var(--cb-font);color:var(--cb-fg-1);position:relative}.cb-section--soft{background:var(--cb-bg-soft)}.cb-container{max-width:1240px;margin:0 auto}.cb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:56px;flex-wrap:wrap}.cb-head__eyebrow{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e89a5c;background:#e89a5c1a;border:1px solid rgba(232,154,92,.25);padding:6px 12px 6px 10px;border-radius:var(--cb-pill);margin:0 0 16px;line-height:1}.cb-head__eyebrow:before{content:"";width:6px;height:6px;border-radius:999px;background:#e89a5c;display:inline-block;flex-shrink:0}.cb-head__title{font-weight:800;font-size:48px;letter-spacing:-.025em;line-height:1.02;margin:0;text-wrap:balance;color:var(--cb-fg-1)}.cb-head__action{font-weight:600;font-size:14px;color:var(--cb-fg-1);display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;padding:12px 20px;border:1px solid var(--cb-border-2);border-radius:var(--cb-pill);background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .24s var(--cb-ease)}.cb-head__action:hover{background:var(--cb-ink);color:#fff;border-color:var(--cb-ink)}.cb-head__action svg{transition:transform .24s var(--cb-ease)}.cb-head__action:hover svg{transform:translate(3px)}.cb-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:20px}.cb-grid>.cb-tile--featured{grid-column:1 / 2;grid-row:1 / 3;min-height:600px}.cb-grid>.cb-tile--small{min-height:290px}.cb-tile{position:relative;display:flex;flex-direction:column;border:1px solid var(--cb-border-1);border-radius:var(--cb-radius);overflow:hidden;text-decoration:none;color:inherit;background:#fff;cursor:pointer;box-shadow:0 1px 2px #1f1b320a,0 0 0 1px #fff9 inset;transition:transform .36s var(--cb-ease),box-shadow .36s var(--cb-ease),border-color .36s var(--cb-ease)}.cb-tile--featured{border-radius:calc(var(--cb-radius) * 1.25)}.cb-tile:hover{transform:translateY(-3px);border-color:var(--cb-border-2);box-shadow:0 30px 60px #1f1b3214,0 10px 20px #1f1b320a,0 0 0 1px #fff9 inset}.cb-tile__floor{position:absolute;left:12%;right:12%;bottom:24%;height:14px;background:radial-gradient(ellipse at center,#1f1b322e,#1f1b3200 70%);filter:blur(2px);transition:opacity .36s var(--cb-ease),transform .36s var(--cb-ease);z-index:0;pointer-events:none}.cb-tile:hover .cb-tile__floor{opacity:.85;transform:translateY(2px) scaleX(.95)}.cb-tile__imgwrap{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;min-height:0;position:relative;z-index:1;overflow:hidden}.cb-tile--featured .cb-tile__imgwrap{padding:48px}.cb-tile__img{width:78%;height:78%;max-width:78%;max-height:78%;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 14px rgba(31,27,50,.1)) drop-shadow(0 30px 30px rgba(31,27,50,.08));transition:transform .6s var(--cb-ease);will-change:transform}.cb-tile--featured .cb-tile__img{width:70%;height:70%;max-width:70%;max-height:70%;filter:drop-shadow(0 24px 20px rgba(31,27,50,.12)) drop-shadow(0 50px 60px rgba(31,27,50,.14))}.cb-tile__img--placeholder{width:60%;aspect-ratio:4/3;background:#1f1b320f;border-radius:12px}.cb-tile:hover .cb-tile__img{transform:scale(1.06) translateY(-6px)}.cb-tile__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:20px 24px 22px;border-top:1px solid var(--cb-border-1);position:relative;z-index:1;background:linear-gradient(180deg,#fff6,#ffffffd9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cb-tile--featured .cb-tile__foot{padding:28px 32px 30px}.cb-tile__copy{min-width:0;flex:1}.cb-tile__title{font-weight:800;font-size:19px;letter-spacing:-.018em;color:var(--cb-fg-1);margin:0;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.cb-tile__title--lg{font-size:32px;letter-spacing:-.024em;white-space:normal}.cb-tile__tagline{margin:5px 0 0;font-size:13px;font-weight:500;line-height:1.35;color:var(--cb-fg-3);letter-spacing:-.005em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.cb-tile__tagline--lg{font-size:15px;margin-top:8px;-webkit-line-clamp:2;line-clamp:2}.cb-tile__cta{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-weight:700;font-size:13px;letter-spacing:-.005em;color:var(--cb-fg-1);white-space:nowrap;padding-bottom:1px;transition:gap .28s var(--cb-ease),color .22s var(--cb-ease)}.cb-tile__cta--lg{font-size:14px;gap:8px}.cb-tile__cta svg{transition:transform .28s var(--cb-ease)}.cb-tile:hover .cb-tile__cta{gap:9px;color:#000}.cb-tile:hover .cb-tile__cta svg{transform:translate(3px)}.cb-mobile-cta{display:none;margin-top:22px;justify-content:center}.cb-mobile-cta__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 4px;background:transparent;color:var(--cb-fg-1);font-weight:700;font-size:14px;letter-spacing:-.005em;text-decoration:none;border-bottom:1.5px solid var(--cb-fg-1);border-radius:0;transition:gap .22s var(--cb-ease),opacity .22s var(--cb-ease);-webkit-tap-highlight-color:transparent}.cb-mobile-cta__btn:active{opacity:.6;gap:11px}.cb-mobile-cta__btn svg{transition:transform .22s var(--cb-ease);width:13px;height:13px}.cb-mobile-cta__btn:active svg{transform:translate(2px)}.cb-head[data-cb-enter],.cb-tile[data-cb-enter]{opacity:0;transform:translateY(32px) scale(.94);transition:opacity .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1);transition-delay:var(--cb-delay, 0ms)}@media(max-width:749px){.cb-head[data-cb-enter],.cb-tile[data-cb-enter]{transform:translateY(48px) scale(.88);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);transition-delay:var(--cb-delay, 0ms)}}.cb-head[data-cb-enter].is-in,.cb-tile[data-cb-enter].is-in{opacity:1;transform:translateY(0) scale(1)}.cb-tile[data-cb-enter].is-in:hover{transition:transform .36s var(--cb-ease),box-shadow .36s var(--cb-ease),border-color .36s var(--cb-ease)}@media(prefers-reduced-motion:reduce){.cb-head[data-cb-enter],.cb-tile[data-cb-enter]{opacity:1;transform:none;transition:none}}@media(max-width:989px){.cb-section{padding:72px 20px}.cb-head__title{font-size:36px}.cb-head{margin-bottom:32px}.cb-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:14px}.cb-grid>.cb-tile--featured{grid-column:1 / -1;grid-row:1 / 2;min-height:380px}.cb-grid>.cb-tile--small{min-height:230px}}@media(max-width:749px){.cb-section{padding:40px 16px 32px}.cb-head{margin-bottom:18px;gap:12px}.cb-head__title{font-size:30px;letter-spacing:-.022em;line-height:1.05}.cb-head__eyebrow{display:inline-flex;padding:5px 10px 5px 9px;gap:6px;font-size:10px;margin-bottom:10px}.cb-head__eyebrow:before{width:5px;height:5px}.cb-head__action{display:none}.cb-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto!important;grid-auto-flow:row dense;gap:12px!important}.cb-grid>.cb-tile--featured{grid-column:1 / -1!important;grid-row:2!important;min-height:0!important;aspect-ratio:16 / 10}.cb-grid>.cb-tile--small{min-height:0!important;aspect-ratio:1 / 1}.cb-tile{border:1px solid var(--cb-border-1)!important;box-shadow:0 1px 3px #1f1b320f!important;-webkit-tap-highlight-color:transparent;transition:transform .22s var(--cb-ease),box-shadow .22s var(--cb-ease)!important}.cb-tile:hover{transform:none!important;box-shadow:0 1px 3px #1f1b320f!important}.cb-tile__floor{display:none!important}.cb-tile__imgwrap{padding:14px!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.cb-tile--featured .cb-tile__imgwrap{padding:18px!important}.cb-tile__img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 8px 12px rgba(31,27,50,.1))!important;transform:none!important}.cb-tile:hover .cb-tile__img{transform:none!important}.cb-tile__foot{position:absolute!important;inset:auto 0 0 0!important;border-top:none!important;background:linear-gradient(180deg,#fff0,#ffffff8c 45%,#fffffff5)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:32px 14px 14px!important;align-items:flex-end!important;z-index:2;pointer-events:none;gap:10px!important}.cb-tile--featured .cb-tile__foot{padding:40px 18px 18px!important}.cb-tile__title{color:var(--cb-fg-1)!important;font-size:15px!important;font-weight:800!important;letter-spacing:-.012em!important}.cb-tile__title--lg{font-size:26px!important;white-space:normal;letter-spacing:-.022em!important}.cb-tile__tagline{font-size:11.5px!important;margin-top:3px!important;color:var(--cb-fg-3)!important;line-height:1.3!important}.cb-tile__tagline--lg{font-size:13.5px!important;margin-top:5px!important}.cb-tile__cta{font-size:11.5px!important;color:var(--cb-fg-2)!important;gap:4px!important}.cb-tile__cta--lg{font-size:12.5px!important;gap:6px!important}.cb-tile__cta svg{width:11px!important;height:11px!important}.cb-tile__cta--lg svg{width:12px!important;height:12px!important}.cb-tile:active{transform:scale(.97)!important;box-shadow:0 1px 2px #1f1b320f!important;transition:transform .18s var(--cb-ease)!important}.cb-tile:active .cb-tile__cta{color:var(--cb-ink)!important;gap:6px!important}.cb-tile:active .cb-tile__cta svg{transform:translate(2px)!important}.cb-tile:active .cb-tile__img{transform:scale(1.04)!important;transition:transform .28s var(--cb-ease)!important}.cb-mobile-cta{display:flex}}@media(prefers-reduced-motion:reduce){.cb-tile,.cb-tile__img,.cb-tile__arrow,.cb-tile__floor,.cb-head,.cb-head__action svg,.cb-mobile-cta__btn svg{transition:none!important;transform:none!important}.cb-tile[data-cb-enter],.cb-tile[data-cb-enter] .cb-tile__img,.cb-head[data-cb-enter]{opacity:1!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/category-bento.css.map */
