.pack-strip{background:linear-gradient(180deg,#fff,#f4f1ea);padding:72px 22px}.pack-strip .inner{max-width:var(--max);margin:0 auto;gap:22px}.pack-tile.pt{position:relative;overflow:hidden;isolation:isolate;border:0;border-radius:28px;padding:0;min-height:420px;display:flex;align-items:flex-end;color:#fff;background:#173d2c;box-shadow:0 18px 40px -18px #12281c73}.pack-tile.pt .pt-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--bg) center/cover no-repeat;transform:scale(1.02);transition:transform .9s var(--ease)}.pack-tile.pt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 22%,var(--tint-mid) 48%,var(--tint) 78%)}.pack-tile.pt:hover{transform:translateY(-4px);box-shadow:0 28px 60px -22px #12281c8c}.pack-tile.pt:hover .pt-media{transform:scale(1.07)}.pt-1{--tint:rgba(14,52,36,.96);--tint-mid:rgba(14,52,36,.72)}.pt-2{--tint:rgba(112,46,12,.96);--tint-mid:rgba(112,46,12,.7)}.pt-body{padding:30px 28px 28px;width:100%}.pack-tile.pt .pt-kicker{display:inline-flex;align-items:center;gap:8px;color:#fff;background:#ffffff29;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:5px 12px;margin-bottom:14px;font-size:11.5px}.pack-tile.pt h3{text-shadow:0 2px 14px rgba(0,0,0,.25);font-size:clamp(24px,2.6vw,30px);font-weight:750;letter-spacing:-.03em;line-height:1.1;margin-bottom:8px;color:#fff}.pack-tile.pt p{color:#ffffffdb;font-size:15px;max-width:440px}.pt-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px;padding:0}.pt-chips li{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;background:#fffffff2;color:#173d2c}.pt-2 .pt-chips li{color:#7a340e}.pt-chips svg{width:15px;height:15px;flex:0 0 auto}.pt-link{display:inline-flex;align-items:center;gap:8px;font-weight:650;font-size:14.5px;color:#fff;border-bottom:1.5px solid rgba(255,255,255,.55);padding-bottom:2px;transition:gap .25s var(--ease),border-color .25s}.pt-link:hover{gap:12px;border-color:#fff}@media(max-width:860px){.pack-strip .inner{grid-template-columns:1fr}.pack-tile.pt{min-height:400px}}@media(max-width:560px){.pack-strip{padding:44px 16px}.pt-body{padding:24px 20px 22px}.pack-tile.pt{min-height:440px;border-radius:24px}.pt-chips li{font-size:12.5px;padding:6px 11px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/keey-tiles.css.map */