.crst-bento{background:var(--black);color:var(--white)}.crst-bento .section{padding:clamp(38px,3.8vw,60px) 0}.crst-bento .sec-head{max-width:680px}.crst-bento .sec-head .h2{margin-top:10px}.crst-bento .sec-head .lead{margin-top:14px}.crst-bento .bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:200px;gap:16px;margin-top:44px}.crst-bento .bento-cell{position:relative;border-radius:calc(14px*var(--r-scale,1));overflow:hidden;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--ink);transition:border-color .3s var(--ease),box-shadow .35s var(--ease)}.crst-bento .bento-cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);will-change:transform}.crst-bento .bento-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--line-2);background:#0c0d10}.crst-bento .bento-ph svg{width:54px;height:54px}.crst-bento .bc-text{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;transition:opacity .35s var(--ease),transform .5s var(--ease)}.crst-bento .bento-cell h3{font-family:var(--font-display);font-weight:700;font-size:19px;margin:0 0 6px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.crst-bento .bento-cell p{font-size:13.5px;color:#ffffffd6;margin:0;max-width:90%;text-shadow:0 1px 3px rgba(0,0,0,.55)}.crst-bento .b-tall{grid-column:span 2;grid-row:span 2}.crst-bento .b-2{grid-column:span 2}.crst-bento .b-3{grid-column:span 3}.crst-bento .dark-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 26%,rgba(0,0,0,.5) 58%,rgba(0,0,0,.92) 100%);transition:opacity .45s var(--ease)}.crst-bento .bento-cell:hover{border-color:#ffd4008c;box-shadow:0 20px 44px -24px #000000d9}.crst-bento .bento-cell:hover img{transform:scale(1.06)}.crst-bento .bento-cell:hover .bc-text{opacity:0;transform:translateY(12px)}.crst-bento .bento-cell.dark-img:hover:after{opacity:0}@media(prefers-reduced-motion:reduce){.crst-bento .bento-cell img,.crst-bento .bc-text,.crst-bento .dark-img:after{transition:none}.crst-bento .bento-cell:hover img{transform:none}.crst-bento .bento-cell:hover .bc-text{opacity:1;transform:none}.crst-bento .bento-cell.dark-img:hover:after{opacity:1}}@media(max-width:980px){.crst-bento .bento{grid-template-columns:repeat(2,1fr)}.crst-bento .b-tall,.crst-bento .b-3,.crst-bento .b-2{grid-column:span 2;grid-row:auto}.crst-bento .bento-cell{min-height:180px}}@media(max-width:560px){.crst-bento .bento{grid-template-columns:1fr}}.crst-bento .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.crst-bento .reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.crst-bento .reveal{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/crst-bento.css.map */