.pf-bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(180px,20vw,250px);gap:14px;list-style:none;margin:0;padding:0}.pf-cell{min-width:0}.pf-cell--big{grid-column:span 3;grid-row:span 2}.pf-cell--wide{grid-column:span 2}.pf-cell--one{grid-column:span 1}.pf-tile{position:relative;height:100%;overflow:hidden;border-radius:4px;background:var(--pf-ink-2);color:#fff;display:block;text-decoration:none;isolation:isolate;transition:box-shadow .34s cubic-bezier(.2,.7,.3,1),transform .34s cubic-bezier(.2,.7,.3,1)}.pf-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.pf-tile:hover img{transform:scale(var(--zoom))}.pf-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#08080ae0,#08080a73 42%,#08080a14 72%)}.pf-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff0;transition:box-shadow .34s cubic-bezier(.2,.7,.3,1)}.pf-tile:hover{transform:translateY(-3px);box-shadow:0 20px 44px -20px #0000008c}.pf-tile:hover:before{box-shadow:inset 0 0 0 1px #ffffff38}.pf-tile__body{position:absolute;inset:auto 0 0 0;z-index:2;padding:16px 17px;color:#fff;display:grid;gap:6px;transition:transform .34s cubic-bezier(.2,.7,.3,1)}.pf-tile:hover .pf-tile__body{transform:translateY(-3px)}.pf-tile__badge{position:absolute;inset:12px 12px auto auto;z-index:2}.pf-tile__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.022em;line-height:1.05;font-size:1.05rem;margin:0}.pf-tile__text{font-size:.79rem;color:#ffffffb8;line-height:1.45;max-width:34ch;margin:0}.pf-tile__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:8px}.pf-tile__meta{font-family:var(--font-head);font-size:.62rem;letter-spacing:.11em;text-transform:uppercase;color:#ffffffc7}.pf-tile__go{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;color:#fff;flex:none;transition:background-color .34s cubic-bezier(.2,.7,.3,1),transform .34s cubic-bezier(.2,.7,.3,1)}.pf-tile:hover .pf-tile__go{background:var(--pf-cardinal-hot);transform:translate(3px)}.pf-tile:not(:has(img)){background:#16161b linear-gradient(160deg,#1a1a20,#121216);box-shadow:inset 0 0 0 1px var(--pf-line-ink)}.pf-tile:not(:has(img)):after{background:none}.pf-tile:not(:has(img)) .pf-tile__title:before{content:"";display:block;width:2.2rem;height:2px;margin-bottom:.7rem;background:var(--pf-cardinal-hot)}.pf-cell--big .pf-tile__title{font-size:clamp(1.4rem,2.5vw,2.05rem)}.pf-cell--big .pf-tile__text{font-size:.88rem;max-width:40ch}.pf-cell--big .pf-tile__body{padding:24px 26px}.pf-cell:not(.pf-cell--big) .pf-tile__text{display:none}@media(max-width:860px){.pf-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:196px}.pf-cell--big{grid-column:span 2;grid-row:span 2}.pf-cell--wide,.pf-cell--one{grid-column:span 1}}@media(prefers-reduced-motion:reduce){.pf-tile,.pf-tile img,.pf-tile__body,.pf-tile__go,.pf-tile:before{transition:none}.pf-tile:hover,.pf-tile:hover img,.pf-tile:hover .pf-tile__body,.pf-tile:hover .pf-tile__go{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/pf-tiles.css.map */