.bento__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(210px,21vw,330px);gap:clamp(10px,1.2vw,18px)}.btile{position:relative;overflow:hidden;border-radius:var(--r-lg);clip-path:inset(0 round var(--r-lg));transition:clip-path 1.3s var(--ease-wipe) calc(.12s + var(--i) * .13s)}.motion .bento[data-reveal]:not(.is-on) .btile{clip-path:inset(100% 0 0 0 round var(--r-lg))}.btile--1{grid-column:1 / 8;grid-row:1 / 3}.btile--2{grid-column:8 / 13;grid-row:1}.btile--3{grid-column:8 / 13;grid-row:2}.btile--4{grid-column:1 / 8;grid-row:3}.btile--promo{grid-column:8 / 13;grid-row:3}.btile__link{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:var(--c-cloud);text-decoration:none}.btile__media{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-fog)}.btile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 34%,color-mix(in srgb,var(--c-night) 80%,transparent))}.btile__media img,.btile__media svg{width:100%;height:100%;object-fit:cover;transition:filter .6s var(--ease-out)}.motion .btile__media img{scale:max(1.02,1.34 - var(--sp) * .5)}.btile__num{position:absolute;top:16px;left:16px;display:grid;place-items:center;min-width:40px;height:30px;padding:0 10px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--c-cloud) 22%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btile__arrow{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--c-cloud);color:var(--c-ink);transition:background-color .4s var(--ease-out),color .4s var(--ease-out)}.btile__arrow .icon{width:18px;height:18px;rotate:-45deg;transition:rotate .5s var(--ease-out)}.btile__cap{position:absolute;right:20px;bottom:18px;left:20px;display:grid;gap:4px;translate:0 26px;transition:translate .6s var(--ease-out)}.btile__title{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:calc(clamp(24px,2.4vw,38px) * var(--h-scale));line-height:1.05;letter-spacing:calc(-.03em * var(--track-k))}.btile--1 .btile__title{font-size:calc(clamp(30px,3.4vw,56px) * var(--h-scale))}.btile__sub{max-width:40ch;font-size:14.5px;opacity:.88}.btile__open{opacity:0;transition:opacity .4s var(--ease-out)}@media(hover:hover){.btile__link:hover .btile__media img{filter:brightness(1.06) saturate(1.06)}.btile__link:hover .btile__arrow{background:var(--c-brass);color:var(--c-on-brass)}.btile__link:hover .btile__arrow .icon{rotate:0deg}.btile__link:hover .btile__cap{translate:0 0}.btile__link:hover .btile__open{opacity:1}}.btile__link:focus-visible{outline-color:var(--c-cloud);outline-offset:-6px}.btile__link:focus-visible .btile__cap{translate:0 0}.btile__link:focus-visible .btile__open{opacity:1}.btile--promo{display:flex;align-items:flex-end;padding:26px}.btile__circle{position:absolute;top:-40%;right:-18%;width:70%;fill:none;stroke:currentColor;stroke-width:1;opacity:.5;transform-origin:center}.motion .btile__circle{scale:calc(.7 + var(--sp) * .8)}.btile__promo{position:relative;display:grid;justify-items:start;gap:10px}.btile__promo-title{font-family:var(--font-display);font-weight:var(--font-display-weight);font-size:calc(clamp(26px,2.4vw,40px) * var(--h-scale));line-height:1.05;letter-spacing:calc(-.03em * var(--track-k))}.btile__promo-title em{font-style:normal;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}.btile__promo-text{max-width:36ch;font-size:14.5px}@media(hover:none),(max-width:1099px){.btile__cap{translate:0 0}.btile__open{display:none}}@media(max-width:1099px){.bento__grid{grid-auto-rows:clamp(200px,30vw,300px)}.btile--1{grid-column:1 / -1;grid-row:auto}.btile--2{grid-column:1 / 7;grid-row:auto}.btile--3{grid-column:7 / 13;grid-row:auto}.btile--4{grid-column:1 / 8;grid-row:auto}.btile--promo{grid-column:8 / 13;grid-row:auto}}@media(max-width:699px){.bento__grid{grid-template-columns:1fr;grid-auto-rows:auto}.btile,.btile--1,.btile--2,.btile--3,.btile--4,.btile--promo{grid-column:1;min-height:250px;border-radius:calc(22px * var(--r-k))}.btile--1{min-height:340px}.btile--promo{min-height:230px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-collection-bento.css.map */