.im-bento{padding:var(--im-pt, 48px) 16px var(--im-pb, 56px);-webkit-font-smoothing:antialiased;position:relative;overflow:hidden}.im-bento[data-scheme=dark]{--im-bg: #0a0a0a;--im-text: #ffffff;--im-text-muted: rgba(255, 255, 255, .55);--im-chip-bg: #161616;--im-chip-border: #262626;--im-chip-hover-bg: #1c1c1c;--im-chip-hover-text: var(--im-accent, #00ff88);--im-chip-hover-border: var(--im-accent, #00ff88);--im-chip-shadow: none;--im-chip-shadow-hover: 0 4px 12px rgba(0, 255, 136, .18)}.im-bento[data-scheme=light]{--im-bg: #ffffff;--im-text: #111111;--im-text-muted: rgba(0, 0, 0, .55);--im-chip-bg: #ffffff;--im-chip-border: #e6e6e8;--im-chip-hover-bg: #111111;--im-chip-hover-text: #ffffff;--im-chip-hover-border: #111111;--im-chip-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .05);--im-chip-shadow-hover: 0 4px 8px rgba(0, 0, 0, .12), 0 12px 24px rgba(0, 0, 0, .15)}.im-bento{background:var(--im-bg, #0a0a0a);color:var(--im-text, #fff)}.im-bento__container{max-width:980px;margin:0 auto}.im-bento__head{text-align:center;margin:0 0 24px}.im-bento__head h2{font-size:30px;font-weight:800;margin:0 0 6px;letter-spacing:-.025em;line-height:1.05;color:var(--im-text)}.im-bento__head p{font-size:13px;color:var(--im-text-muted);margin:0;line-height:1.45}.im-bento__hero{position:relative;overflow:hidden;border-radius:18px;background-color:#2c3e50;cursor:pointer;color:#fff;display:flex;align-items:flex-end;text-decoration:none;transition:transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s cubic-bezier(.2,.7,.3,1)}.im-bento__hero:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000002e}.im-bento__hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:0;transition:transform .8s cubic-bezier(.2,.7,.3,1)}.im-bento__hero:hover .im-bento__hero-bg{transform:scale(1.07)}.im-bento__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.15) 50%,transparent 80%);z-index:1;pointer-events:none}.im-bento__hero .im-bento__label{position:relative;z-index:3;padding:16px 18px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.45);line-height:1.15}.im-bento__hero--big{aspect-ratio:2 / 1;margin-bottom:10px}.im-bento__hero--big .im-bento__label{font-size:22px}.im-bento:before{content:"";position:absolute;left:-20%;right:-20%;height:300px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.4) 48%,rgba(255,255,255,.75) 50%,rgba(255,255,255,.4) 52%,rgba(255,255,255,0) 70%,transparent 100%);transform:skewY(-6deg);z-index:50;pointer-events:none;mix-blend-mode:overlay;top:-300px;opacity:0}.im-bento.is-in:before{animation:im-bento-scan-sheen 4s cubic-bezier(.45,.05,.55,.95) .6s forwards}@keyframes im-bento-scan-sheen{0%{top:-300px;opacity:0}8%{opacity:1}47%{top:100%;opacity:1}53%{top:100%;opacity:1}92%{top:-300px;opacity:1}to{top:-300px;opacity:0}}.im-bento__row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}.im-bento__row .im-bento__hero{aspect-ratio:1 / 1}.im-bento__chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.im-bento__chip{aspect-ratio:1 / 1;border-radius:14px;background:var(--im-chip-bg);border:1px solid var(--im-chip-border);box-shadow:var(--im-chip-shadow, none);display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;color:var(--im-text);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-align:center;padding:6px;text-decoration:none;line-height:1.15;transition:background .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.2,.7,.3,1),opacity .3s ease}.im-bento__chip:hover{background:var(--im-chip-hover-bg);border-color:var(--im-chip-hover-border);color:var(--im-chip-hover-text);box-shadow:var(--im-chip-shadow-hover);transform:translateY(-3px) scale(1.02)}.im-bento__chip--with-image{background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff!important;border-color:#ffffff26;text-shadow:0 1px 8px rgba(0,0,0,.5);font-weight:800;letter-spacing:.06em;position:relative;overflow:hidden}.im-bento__chip--with-image:hover{background-size:110%;background-position:center;color:#fff!important;border-color:#fff6}.im-bento__chips .im-bento__chip--with-image:hover{background-color:transparent}@supports selector(:has(*)){.im-bento__chips:has(.im-bento__chip:hover) .im-bento__chip:not(:hover){opacity:.5;transform:scale(.98)}}.im-bento__head,.im-bento__hero,.im-bento__chip{opacity:0;transform:translateY(32px)}@keyframes im-bento-rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes im-bento-rise-big{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.im-bento.is-in .im-bento__head{animation:im-bento-rise .8s cubic-bezier(.2,.7,.3,1) forwards}.im-bento.is-in .im-bento__hero--big{animation:im-bento-rise-big .85s cubic-bezier(.2,.7,.3,1) .2s forwards}.im-bento.is-in .im-bento__row .im-bento__hero:nth-child(1){animation:im-bento-rise .75s cubic-bezier(.2,.7,.3,1) .38s forwards}.im-bento.is-in .im-bento__row .im-bento__hero:nth-child(2){animation:im-bento-rise .75s cubic-bezier(.2,.7,.3,1) .52s forwards}.im-bento.is-in .im-bento__chip{animation:im-bento-rise .7s cubic-bezier(.2,.7,.3,1) .7s forwards}@media(min-width:750px){.im-bento{padding:var(--im-pt-d, 64px) 24px var(--im-pb-d, 72px)}.im-bento__head h2{font-size:36px}.im-bento__head p{font-size:15px}.im-bento__head{margin-bottom:30px}.im-bento__hero--big{aspect-ratio:2.4 / 1;margin-bottom:12px}.im-bento__hero--big .im-bento__label{font-size:28px;padding:22px 26px}.im-bento__hero .im-bento__label{font-size:16px;padding:20px 22px}.im-bento__row{gap:12px;margin-bottom:32px}.im-bento__chips{gap:12px}.im-bento__chip{font-size:12.5px;border-radius:16px}}@media(prefers-reduced-motion:reduce){.im-bento__head,.im-bento__hero,.im-bento__chip{opacity:1!important;transform:none!important;animation:none!important}.im-bento__hero-bg,.im-bento:before{transition:none!important;animation:none!important}.im-bento:before{display:none}.im-bento__hero:hover .im-bento__hero-bg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/185/assets/im-collections-bento.css.map */