.oo-tiles__inner{display:flex;flex-direction:column;gap:22px}.oo-tiles__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.oo-tiles__item{min-width:0}.oo-tiles__item:last-child:nth-child(odd){grid-column:1 / -1}.oo-tiles__tile{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--oo-radius-card);background:var(--oo-solid);color:var(--oo-ink);text-decoration:none}.oo-tiles__item:last-child:nth-child(odd) .oo-tiles__tile{aspect-ratio:auto;height:220px}.oo-tiles__tile--missing{background:var(--oo-ice)}.oo-tiles__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--oo-tile-pos, 50% 15%)}.oo-tiles__caption{position:absolute;right:6px;bottom:6px;left:6px;display:flex;flex-direction:column;gap:2px;padding:10px clamp(8px,2.6vw,10px);border-radius:16px;background:rgb(var(--oo-paper-rgb) / 86%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.oo-tiles__title{font-size:clamp(.8125rem,3.8vw,.9375rem);font-weight:800;line-height:1.25;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.oo-tiles__text{min-height:calc(3 * 1.4em);font-size:.8125rem;line-height:1.4;color:var(--oo-ink-2)}@media(min-width:600px){.oo-tiles__grid{gap:18px}.oo-tiles__tile,.oo-tiles__item:last-child:nth-child(odd) .oo-tiles__tile{aspect-ratio:auto;height:300px;border-radius:var(--oo-radius-panel)}.oo-tiles__caption{right:12px;bottom:12px;left:12px;padding:14px 16px;border-radius:20px}.oo-tiles__title{font-size:1.1875rem}.oo-tiles__text{min-height:2.8em;font-size:.875rem}}@media(min-width:1000px){.oo-tiles__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.oo-tiles__item:last-child:nth-child(odd){grid-column:auto}.oo-tiles__tile,.oo-tiles__item:last-child:nth-child(odd) .oo-tiles__tile{height:340px}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.oo-motion .oo-tiles__img{transition:transform .9s var(--oo-ease)}.oo-motion .oo-tiles__tile:hover .oo-tiles__img{transform:scale(1.03)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.oo-motion .oo-tiles__item{transform-origin:50% 100%;animation:oo-tiles-in linear both;animation-timeline:view();animation-range:entry 0% cover 30%}}}@keyframes oo-tiles-in{0%{opacity:.35;transform:perspective(900px) rotateX(22deg) translateY(60px) scale(.96)}to{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/oo-tiles.css.map */