.bonst-tiles__header{display:flex;flex-direction:column;gap:.6rem;margin-bottom:3.2rem}.bonst-tiles__heading{margin:0}.bonst-tiles__sub{margin:0;color:rgba(var(--color-foreground),.7)}.bonst-tiles__grid{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:990px){.bonst-tiles__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.bonst-tiles__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.bonst-tiles__grid--5,.bonst-tiles__grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.bonst-tiles__grid--swipe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-1.5rem;padding-inline:1.5rem;gap:1.2rem}.bonst-tiles__grid--swipe::-webkit-scrollbar{display:none}.bonst-tiles__grid--swipe .bonst-tiles__item{flex:0 0 72%;scroll-snap-align:start}}.bonst-tile{position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none;border-radius:var(--media-radius, 0);aspect-ratio:4 / 5;background:rgba(var(--color-foreground),.05)}.bonst-tile--tall{aspect-ratio:2 / 3}.bonst-tile--square{aspect-ratio:1 / 1}.bonst-tile__media,.bonst-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bonst-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 45%,#0000008c)}@media(prefers-reduced-motion:no-preference){.bonst-tile__image{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.bonst-tile:hover .bonst-tile__image{transform:scale(1.05)}}.bonst-tile__content{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:2rem;display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:1rem}.bonst-tile__kicker{grid-column:1;font-size:1.15rem;letter-spacing:.16em;text-transform:uppercase;opacity:.85;margin-bottom:.4rem}.bonst-tile__title{grid-column:1;font-family:var(--font-heading-family);font-size:clamp(2.2rem,2.2vw,3rem);line-height:1.1}.bonst-tile__text{grid-column:1;margin-top:.4rem;font-size:1.4rem;opacity:.9}.bonst-tile__arrow{grid-column:2;grid-row:1 / span 3;align-self:end;width:4rem;height:4rem;border-radius:50%;border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;transition:background-color .25s ease,color .25s ease}.bonst-tile:hover .bonst-tile__arrow{background:#fff;color:#121212}.bonst-tile:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}@media screen and (max-width:749px){.bonst-tile__content{padding:1.4rem}.bonst-tile__arrow{width:3.4rem;height:3.4rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-bonst-tiles.css.map */