.bdc-vault-tiles{--ease: cubic-bezier(.16,1,.3,1);background:#000;color:#fff;padding:4.8rem 0 5.6rem}@media(min-width:750px){.bdc-vault-tiles{padding:8rem 0}}.bdc-vault-tiles__head{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.8rem}.bdc-vault-tiles__mark{width:4rem;height:3px;background:#e3e134;margin-bottom:.5rem;transform-origin:0 50%}.bdc-vault-tiles h2.bdc-vault-tiles__title{margin:0!important;font-family:Chakra Petch,sans-serif!important;font-weight:700!important;font-size:2.6rem!important;line-height:1!important;letter-spacing:.03em!important;text-transform:uppercase!important}.bdc-vault-tiles__sub{margin:0;font-size:1.4rem;color:#919191}@media(min-width:750px){.bdc-vault-tiles__head{margin-bottom:4rem;gap:1.2rem}.bdc-vault-tiles h2.bdc-vault-tiles__title{font-size:3.2rem!important}.bdc-vault-tiles__sub{font-size:1.5rem}}.bdc-vault-tiles__grid{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -1.5rem;padding:0 1.5rem .8rem;scroll-padding:0 1.5rem}.bdc-vault-tiles__grid::-webkit-scrollbar{display:none}.bdc-vault-tiles__cell{flex:0 0 min(30rem,80vw);scroll-snap-align:start;--i: 0}.bdc-vault-tiles[data-count="1"] .bdc-vault-tiles__cell{flex:1 1 auto}@media(min-width:750px){.bdc-vault-tiles__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2.4rem;overflow:visible;margin:0;padding:0}.bdc-vault-tiles__cell{grid-column:span 3}.bdc-vault-tiles__cell:last-child:nth-child(odd){grid-column:span 6}}@media(min-width:990px){.bdc-vault-tiles__cell,.bdc-vault-tiles__cell:last-child:nth-child(odd){grid-column:span 2}.bdc-vault-tiles[data-count="2"] .bdc-vault-tiles__cell,.bdc-vault-tiles[data-count="4"] .bdc-vault-tiles__cell,.bdc-vault-tiles[data-count="5"] .bdc-vault-tiles__cell:nth-child(n+4){grid-column:span 3}.bdc-vault-tiles[data-count="1"] .bdc-vault-tiles__cell{grid-column:span 6}}.bdc-vault-tile{--w: 11.6rem;--off: 50%;--rot: 7deg;position:relative;display:block;height:40rem;border-radius:8px;overflow:hidden;background:#111;border:1px solid #2a2a2a;color:#fff;text-decoration:none;outline:none;box-shadow:0 2px 8px #0000004d;transition:transform .35s ease,box-shadow .35s ease}@media(min-width:750px){.bdc-vault-tile{--w: 14rem;--off: 52%;--rot: 8deg;height:46rem}}.bdc-vault-tile__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;opacity:.3;transform:scale(1.04);transition:opacity .5s ease,transform .5s ease}.bdc-vault-tile__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000,#000000e0 36%,#00000040,#0000008c)}.bdc-vault-tile__shade:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1.6px);background-size:12px 12px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 60%);mask-image:linear-gradient(180deg,#000 0%,transparent 60%)}.bdc-vault-tile__stage{position:absolute;left:0;right:0;top:2.2rem;height:20rem}@media(min-width:750px){.bdc-vault-tile__stage{top:2.8rem;height:23.6rem}}.bdc-vault-tile__cover{--x: 0%;--y: 0px;--r: 0deg;--s: 1;--d: 0ms;position:absolute;top:0;left:50%;width:var(--w);aspect-ratio:2 / 3;margin-left:calc(var(--w) / -2);border-radius:4px;overflow:hidden;background:#111;z-index:3;box-shadow:0 16px 34px #000000bf,0 0 0 1px #ffffff1a;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(var(--s));transition:transform .45s var(--ease) var(--d)}.bdc-vault-tile__cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}.bdc-vault-tile__cover--left,.bdc-vault-tile__cover--right{--y: 6px;--s: .94;box-shadow:0 10px 24px #0009,0 0 0 1px #ffffff14}.bdc-vault-tile__cover--left{--x: -10%;--r: -3deg;z-index:1}.bdc-vault-tile__cover--right{--x: 10%;--r: 3deg;z-index:2;--d: 40ms}.bdc-vault-tile__cover--ghost{box-shadow:0 0 0 1px #2a2a2a}.bdc-vault-tile__body{position:absolute;left:0;right:0;bottom:0;padding:0 2rem 2rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:750px){.bdc-vault-tile__body{padding:0 2.4rem 2.2rem}}.bdc-vault-tile__tag{align-self:flex-start;font-family:Chakra Petch,sans-serif;font-weight:700;font-size:1.1rem;line-height:1;letter-spacing:.08em;text-transform:uppercase;background:#e3e134;color:#000;padding:.5rem .8rem;border-radius:3px}.bdc-vault-tile h3.bdc-vault-tile__name{margin:0!important;font-family:Chakra Petch,sans-serif!important;font-weight:700!important;font-size:2.2rem!important;line-height:1!important;letter-spacing:.02em!important;text-transform:uppercase!important;color:#fff!important}@media(min-width:750px){.bdc-vault-tile h3.bdc-vault-tile__name{font-size:2.6rem!important}}.bdc-vault-tile__intro{margin:0;font-size:1.4rem;line-height:1.5;color:#ffffffd9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bdc-vault-tile__foot{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.12)}.bdc-vault-tile__meta{font-family:Chakra Petch,sans-serif;font-weight:600;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:#919191}.bdc-vault-tile__cta{display:flex;align-items:center;gap:.6rem;font-family:Chakra Petch,sans-serif;font-weight:700;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;color:#e3e134}.bdc-vault-tile__arrow{display:inline-block;transition:transform .3s ease}.bdc-vault-tile__edge{position:absolute;background:#e3e134;z-index:4;transition:transform .2s ease}.bdc-vault-tile__edge--t{top:0;left:0;right:0;height:2px;transform-origin:0 50%;transform:scaleX(0)}.bdc-vault-tile__edge--r{top:0;right:0;bottom:0;width:2px;transform-origin:50% 0;transform:scaleY(0)}.bdc-vault-tile__edge--b{left:0;right:0;bottom:0;height:2px;transform-origin:100% 50%;transform:scaleX(0)}.bdc-vault-tile__edge--l{top:0;left:0;bottom:0;width:2px;transform-origin:50% 100%;transform:scaleY(0)}@media(min-width:750px){.bdc-vault-tiles[data-count="1"] .bdc-vault-tile,.bdc-vault-tiles__cell:last-child:nth-child(odd) .bdc-vault-tile{--w: 18rem;height:36rem}.bdc-vault-tiles[data-count="1"] .bdc-vault-tile__stage,.bdc-vault-tiles__cell:last-child:nth-child(odd) .bdc-vault-tile__stage{left:50%;top:50%;height:auto;margin-top:-13.5rem}.bdc-vault-tiles[data-count="1"] .bdc-vault-tile__body,.bdc-vault-tiles__cell:last-child:nth-child(odd) .bdc-vault-tile__body{right:50%;top:0;justify-content:center;padding:0 4rem}.bdc-vault-tiles[data-count="1"] .bdc-vault-tile__shade,.bdc-vault-tiles__cell:last-child:nth-child(odd) .bdc-vault-tile__shade{background:linear-gradient(90deg,#000,#000000d9 45%,#00000059)}}@media(min-width:990px){.bdc-vault-tiles__cell:last-child:nth-child(odd) .bdc-vault-tile{--w: 14rem;height:46rem}.bdc-vault-tiles__cell:last-child:nth-child(odd) .bdc-vault-tile__stage{left:0;top:2.8rem;height:23.6rem;margin-top:0}.bdc-vault-tiles__cell:last-child:nth-child(odd) .bdc-vault-tile__body{right:0;top:auto;justify-content:flex-start;padding:0 2.4rem 2.2rem}.bdc-vault-tiles__cell:last-child:nth-child(odd) .bdc-vault-tile__shade{background:linear-gradient(0deg,#000,#000000e0 36%,#00000040,#0000008c)}.bdc-vault-tiles[data-count="1"] .bdc-vault-tile{--w: 18rem;height:36rem}.bdc-vault-tiles[data-count="1"] .bdc-vault-tile__stage{left:50%;top:50%;height:auto;margin-top:-13.5rem}.bdc-vault-tiles[data-count="1"] .bdc-vault-tile__body{right:50%;top:0;justify-content:center;padding:0 4rem}}.bdc-vault-tile.is-open .bdc-vault-tile__cover--left{--x: calc(var(--off) * -1);--y: 12px;--r: calc(var(--rot) * -1);--s: .92}.bdc-vault-tile.is-open .bdc-vault-tile__cover--right{--x: var(--off);--y: 12px;--r: var(--rot);--s: .92}@media(hover:hover){.bdc-vault-tile:hover .bdc-vault-tile__cover--left,.bdc-vault-tile:focus-visible .bdc-vault-tile__cover--left{--x: calc(var(--off) * -1);--y: 12px;--r: calc(var(--rot) * -1);--s: .92}.bdc-vault-tile:hover .bdc-vault-tile__cover--right,.bdc-vault-tile:focus-visible .bdc-vault-tile__cover--right{--x: var(--off);--y: 12px;--r: var(--rot);--s: .92}.bdc-vault-tile:hover .bdc-vault-tile__cover--front,.bdc-vault-tile:focus-visible .bdc-vault-tile__cover--front{--y: -8px;--s: 1.02}}.bdc-vault-tile:focus-visible .bdc-vault-tile__cover--left{--x: calc(var(--off) * -1);--y: 12px;--r: calc(var(--rot) * -1);--s: .92}.bdc-vault-tile:focus-visible .bdc-vault-tile__cover--right{--x: var(--off);--y: 12px;--r: var(--rot);--s: .92}.bdc-vault-tile:hover,.bdc-vault-tile:focus-visible{transform:translateY(-4px);box-shadow:0 14px 36px #0009,0 8px 30px #e3e13440}.bdc-vault-tile:hover .bdc-vault-tile__bg,.bdc-vault-tile:focus-visible .bdc-vault-tile__bg{opacity:.45;transform:scale(1.08)}.bdc-vault-tile:hover .bdc-vault-tile__arrow,.bdc-vault-tile:focus-visible .bdc-vault-tile__arrow{transform:translate(5px)}.bdc-vault-tile:hover .bdc-vault-tile__edge,.bdc-vault-tile:focus-visible .bdc-vault-tile__edge{transform:scale(1);transition:transform .11s linear}.bdc-vault-tile:hover .bdc-vault-tile__edge--r,.bdc-vault-tile:focus-visible .bdc-vault-tile__edge--r{transition-delay:.11s}.bdc-vault-tile:hover .bdc-vault-tile__edge--b,.bdc-vault-tile:focus-visible .bdc-vault-tile__edge--b{transition-delay:.22s}.bdc-vault-tile:hover .bdc-vault-tile__edge--l,.bdc-vault-tile:focus-visible .bdc-vault-tile__edge--l{transition-delay:.33s}@media(hover:none){.bdc-vault-tile__cover{--d: calc(.3s + var(--i) * .1s)}.bdc-vault-tile__cover--right{--d: calc(.34s + var(--i) * .1s)}.bdc-vault-tiles.is-revealed .bdc-vault-tile__cover--left{--x: calc(var(--off) * -1);--y: 12px;--r: calc(var(--rot) * -1);--s: .92}.bdc-vault-tiles.is-revealed .bdc-vault-tile__cover--right{--x: var(--off);--y: 12px;--r: var(--rot);--s: .92}.bdc-vault-tiles:not(.js-reveal) .bdc-vault-tile__cover--left{--x: calc(var(--off) * -1);--y: 12px;--r: calc(var(--rot) * -1);--s: .92}.bdc-vault-tiles:not(.js-reveal) .bdc-vault-tile__cover--right{--x: var(--off);--y: 12px;--r: var(--rot);--s: .92}}.bdc-vault-tiles.js-reveal .bdc-vault-tiles__cell{opacity:0;transform:translateY(30px)}.bdc-vault-tiles.js-reveal.is-revealed .bdc-vault-tiles__cell{opacity:1;transform:none;transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i) * 80ms)}@media(max-width:749px){.bdc-vault-tiles.js-reveal.is-revealed .bdc-vault-tiles__cell{transition-delay:calc(var(--i) * .1s)}}.bdc-vault-tiles.js-reveal .bdc-vault-tiles__mark{transform:scaleX(0)}.bdc-vault-tiles.js-reveal.is-revealed .bdc-vault-tiles__mark{transform:scaleX(1);transition:transform .5s var(--ease)}@media(prefers-reduced-motion:reduce){.bdc-vault-tile,.bdc-vault-tile__cover,.bdc-vault-tile__bg,.bdc-vault-tile__arrow,.bdc-vault-tile__edge{transition:none!important}.bdc-vault-tile:hover,.bdc-vault-tile:focus-visible{transform:none}.bdc-vault-tile:hover .bdc-vault-tile__bg,.bdc-vault-tile:focus-visible .bdc-vault-tile__bg{transform:scale(1.04)}.bdc-vault-tile:hover .bdc-vault-tile__arrow{transform:none}.bdc-vault-tile .bdc-vault-tile__cover--left{--x: calc(var(--off) * -1) !important;--y: 12px !important;--r: calc(var(--rot) * -1) !important;--s: .92 !important}.bdc-vault-tile .bdc-vault-tile__cover--right{--x: var(--off) !important;--y: 12px !important;--r: var(--rot) !important;--s: .92 !important}.bdc-vault-tile .bdc-vault-tile__cover--front{--y: 0px !important;--s: 1 !important}.bdc-vault-tiles.js-reveal .bdc-vault-tiles__cell{transform:none!important;transition:opacity .2s ease!important;transition-delay:0ms!important}.bdc-vault-tiles.js-reveal .bdc-vault-tiles__mark{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/bdc-vault-tiles.css.map */