.playback-cat-section{--pb-paper: #F5EFDF;--pb-ink: #2A2620;--pb-accent: #A6283A}.playback-cat-head{padding:40px 20px 24px;text-align:center}.playback-cat-title{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900;letter-spacing:-.02em;font-size:clamp(28px,4vw,44px);line-height:1;margin:0}.playback-cat-sub{color:#2a262099;font-size:14px;margin-top:8px}.playback-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.playback-cat-tile{aspect-ratio:3 / 4;position:relative;overflow:hidden;color:var(--pb-paper);background-color:#2a2620d9;background-size:cover;background-position:center;padding:32px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:transform .4s ease}.playback-cat-tile:hover{transform:translateY(-4px)}.playback-cat-tile-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000073,#0000000d 35%,#00000026 60%,#000000b3);transition:background .3s ease;z-index:0}.playback-cat-tile:hover .playback-cat-tile-scrim{background:linear-gradient(180deg,#0000008c,#00000026 35%,#00000040 60%,#000c)}.playback-cat-tile-top,.playback-cat-tile-bottom{position:relative;z-index:1}.playback-cat-tile-top{display:flex;justify-content:space-between;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.25em;text-transform:uppercase;font-weight:600;opacity:.9}.playback-cat-tile-bottom{display:flex;justify-content:space-between;align-items:flex-end}.playback-cat-tile-name{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900;letter-spacing:-.02em;font-size:42px;line-height:.95}.playback-cat-tile-cta{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.25em;text-transform:uppercase;font-weight:600;padding-bottom:3px;border-bottom:1px solid currentColor;align-self:flex-end;margin-bottom:8px}.playback-cat-tile--accent .playback-cat-tile-top{color:#fff;opacity:1}.playback-cat-tile--accent .playback-cat-tile-scrim{background:linear-gradient(180deg,#00000059,#0000000d 35%,#0000001a 60%,#0000008c)}.playback-cat-tile--accent:hover .playback-cat-tile-scrim{background:linear-gradient(180deg,#00000073,#00000026 35%,#0003 60%,#000000b3)}@media(max-width:900px){.playback-cat-grid{grid-template-columns:1fr}.playback-cat-tile{aspect-ratio:4 / 5;padding:24px}.playback-cat-tile-name{font-size:34px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-playback-category-grid.css.map */