.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:24px}.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border-radius:var(--r-card);isolation:isolate;background:radial-gradient(70% 70% at 85% 90%,color-mix(in srgb,var(--tint) 30%,transparent),transparent 70%),var(--glass-lo);border:1px solid var(--line);transition:transform var(--base) var(--ease),border-color var(--base) var(--ease),box-shadow var(--base) var(--ease)}.tile:hover,.tile:focus-visible{transform:translateY(-6px);border-color:var(--accent);box-shadow:var(--glow)}.tile--lg{grid-column:span 2;grid-row:span 2}.tile--md{grid-column:span 2}.tile h3{font-size:clamp(20px,2vw,28px);font-weight:600}.tile>div{padding-right:44px}.tile p{color:var(--mist);font-size:14px;margin-top:4px}.tile__count{font:500 12px var(--f-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px!important}.tile__art{position:absolute;right:6%;bottom:-8%;width:34%;z-index:-1;transition:transform var(--slow) var(--ease);display:flex}.tile--lg .tile__art{width:58%;right:4%;bottom:-4%}.tile--lg .tile__art .pack:nth-child(2){margin-left:-30%;transform:translateY(8%) scale(.86)}.tile--md .tile__art{width:24%}.tile:hover .tile__art{transform:translateY(-8px) rotate(-3deg)}.tile__arrow{position:absolute;top:20px;right:20px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);transition:all var(--base) var(--ease)}.tile:hover .tile__arrow{background:var(--accent);color:var(--bg);border-color:var(--accent);transform:rotate(-45deg)}.tile__art .pack{flex:1 1 0;min-width:0;width:100%;height:auto}.tile--lg .tile__art .pack:nth-child(2){margin-left:-18%}.tile h3{color:var(--text)}.bento--even{grid-auto-rows:200px}@media(max-width:900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px;gap:14px}.tile--lg{grid-column:span 2;grid-row:span 2}}@media(prefers-reduced-motion:reduce){.tile:hover{transform:none}}.photos-plate .tile__art .pack{background:var(--plate, #fff);border-radius:14px;box-shadow:0 16px 30px #00000059}.photos-plate .tile__art{bottom:16px;right:16px;align-items:flex-end}.photos-plate .tile__art .pack{max-height:calc(100% - 8px)}.photos-plate .tile--lg .tile__art{height:62%;width:auto;max-width:58%}.photos-plate .tile--lg .tile__art .pack{height:100%;width:auto}@media(max-width:767px){.bento{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:160px;gap:12px}.tile--lg,.tile--md{grid-column:span 2;grid-row:span 1}.tile{padding:16px}.tile h3{font-size:19px}.tile>div{padding-right:0;max-width:62%}.tile--sm>div{max-width:100%}.tile__arrow{top:14px;right:14px;width:32px;height:32px}.tile__art,.tile--lg .tile__art,.tile--md .tile__art{width:34%;height:auto;max-width:none;bottom:12px;right:12px}.tile--sm .tile__art{width:42%}.tile__art .pack,.tile--lg .tile__art .pack{width:100%;height:auto;max-height:112px}.tile--sm h3{font-size:16px}.tile--sm p{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-format-bento.css.map */