.bn-collections{--bn-black: #0a0a0a;--bn-white: #ffffff;--bn-grey: #6b6b6b;--bn-grey-light: #e8e8e8;--bn-ease: cubic-bezier(.25, .1, .25, 1);width:100%;max-width:100%;margin:0 auto;padding:0;background:var(--bn-white);color:var(--bn-black);font-family:inherit}.bn-collections__header{text-align:center;padding:6rem 2rem 3rem}.bn-collections__heading{font-size:clamp(2rem,4vw,3.25rem);font-weight:400;letter-spacing:.12em;text-transform:uppercase;margin:0;color:var(--bn-black)}.bn-collections__subheading{margin:1rem 0 0;font-size:.95rem;letter-spacing:.04em;color:var(--bn-grey);font-weight:300}.bn-collections__grid{display:grid;grid-template-columns:repeat(var(--bn-columns, 2),1fr);gap:0;width:100%}.bn-card{position:relative;display:flex;align-items:flex-end;overflow:hidden;text-decoration:none;color:var(--bn-white);aspect-ratio:4 / 5;background:var(--bn-black);isolation:isolate}.bn-card__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bn-card__image{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transition:transform 1.2s var(--bn-ease),filter .6s var(--bn-ease);transform:scale(1);filter:grayscale(15%) brightness(.92)}.bn-card__image--placeholder{width:100%;height:100%;background:#1a1a1a}.bn-card__placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.5}.bn-card:hover .bn-card__image{transform:scale(1.06);filter:grayscale(0%) brightness(.85)}.bn-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#00000026 45%,#0000 70%);pointer-events:none;z-index:1;transition:background .6s var(--bn-ease)}.bn-card:hover:after{background:linear-gradient(to top,#000000b3,#0003 45%,#0000 70%)}.bn-card__content{position:relative;z-index:2;width:100%;padding:2.5rem 2rem;text-align:center}.bn-card__title{margin:0;font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--bn-white)}.bn-card__subtitle{margin:.6rem 0 0;font-size:.85rem;font-weight:300;letter-spacing:.03em;color:#ffffffbf}.bn-card__button{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bn-white);padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.6);transition:border-color .4s var(--bn-ease),gap .4s var(--bn-ease)}.bn-card__button-arrow{display:inline-block;transition:transform .4s var(--bn-ease)}.bn-card:hover .bn-card__button{border-color:var(--bn-white);gap:.85rem}.bn-card:hover .bn-card__button-arrow{transform:translate(4px)}@media(min-width:750px)and (max-width:989px){.bn-collections__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:749px){.bn-collections{min-height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column}.bn-collections__header{display:none}.bn-collections__grid{flex:1 0 auto;height:100vh;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.bn-card{aspect-ratio:auto;height:100%;width:100%}.bn-card__image{object-fit:cover;object-position:center center}.bn-card__content{padding:1.5rem 1.25rem}.bn-card__title{font-size:clamp(1.2rem,4vw,1.8rem);letter-spacing:.1em}.bn-card__subtitle{font-size:.75rem;margin-top:.4rem}.bn-card__button{font-size:.65rem;margin-top:1rem}.bn-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.25) 40%,rgba(255,255,255,.25) 60%,transparent 100%);opacity:0;transform:translate(-100%);transition:opacity .3s}@keyframes cardAttention{0%{transform:scale(1) translateY(0);filter:brightness(1)}50%{transform:scale(1.02) translateY(-4px);filter:brightness(1.08)}to{transform:scale(1) translateY(0);filter:brightness(1)}}@keyframes shineSlide{0%{transform:translate(-100%);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes arrowMove{0%{transform:translate(0)}50%{transform:translate(3px)}to{transform:translate(0)}}.bn-card--attention{animation:cardAttention 2s cubic-bezier(.25,.1,.25,1) forwards}.bn-card--attention .bn-card__button-arrow{animation:arrowMove 2s ease forwards}.bn-card--attention:before{animation:shineSlide 2s ease-in-out forwards;opacity:1}.bn-card--attention{animation-iteration-count:1}.bn-card--attention:before{animation-iteration-count:1}}@media(prefers-reduced-motion:reduce){.bn-card__image,.bn-card__button,.bn-card__button-arrow,.bn-card:after{transition:none}.bn-card--attention,.bn-card--attention .bn-card__button-arrow,.bn-card--attention:before{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/bn-collections.css.map */