.brail{position:relative;background:#000;height:280vh}.brail__stage{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.brail__head{position:absolute;top:clamp(3.5rem,12vh,7rem);left:6vw;right:6vw;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;pointer-events:none}.brail__title{margin:0;font-family:"Anton",var(--font-heading-family, sans-serif);font-size:clamp(2.2rem,6.5vw,5rem);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;color:#fff}.brail__title em{font-style:normal;color:#f02072}.brail__aside{margin:0;max-width:22ch;font-family:"Inter",var(--font-body-family, sans-serif);font-size:clamp(.82rem,1.2vw,.95rem);line-height:1.5;color:#fff9;text-align:right}.brail__viewport{width:100%;overflow:hidden}.brail__track{display:flex;gap:clamp(1rem,2vw,1.75rem);width:max-content;padding:0 6vw;will-change:transform;transform:translate3d(min(0px,calc(var(--pp, 0) * (100vw - 100%))),0,0)}.brail__card{flex:0 0 auto;width:clamp(200px,22vw,300px);text-decoration:none;color:inherit;display:block}.brail__frame{position:relative;aspect-ratio:2 / 3;overflow:hidden;border-radius:12px;background:#141414;box-shadow:0 24px 60px #0009}.brail__frame img{width:100%;height:100%;object-fit:cover;display:block;transition:scale .7s var(--baddie-ease, ease)}.brail__card:hover .brail__frame img,.brail__card:focus-visible .brail__frame img{scale:1.05}.brail__card:focus-visible .brail__frame{outline:2px solid #f02072;outline-offset:3px}.brail__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.85) 100%);opacity:.9;transition:opacity .5s var(--baddie-ease, ease);pointer-events:none}.brail__card:hover .brail__frame:after{opacity:.7}.brail__meta{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1rem 1.1rem}.brail__name{margin:0;font-family:"Anton",var(--font-heading-family, sans-serif);font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.05;text-transform:uppercase;color:#fff}.brail__price{margin:.3rem 0 0;font-family:"Inter",var(--font-body-family, sans-serif);font-size:.82rem;font-weight:600;letter-spacing:.04em;color:#f02072}.brail__more{flex:0 0 auto;width:clamp(200px,22vw,300px);aspect-ratio:2 / 3;display:grid;place-items:center;border-radius:12px;border:1px dashed rgba(255,255,255,.25);font-family:"Anton",var(--font-heading-family, sans-serif);font-size:clamp(1rem,1.6vw,1.3rem);text-transform:uppercase;text-decoration:none;color:#fff;text-align:center;padding:1.5rem;transition:border-color .3s var(--baddie-ease, ease),background-color .3s var(--baddie-ease, ease)}.brail__more:hover,.brail__more:focus-visible{border-color:#f02072;background:#f0207214}@media(max-width:749px){.brail{height:auto}.brail__stage{position:relative;height:auto;padding:clamp(2.5rem,8vh,4rem) 0 clamp(2.5rem,7vh,3.5rem);gap:1.75rem}.brail__head{position:static;flex-direction:column;align-items:flex-start;gap:.5rem;pointer-events:auto}.brail__aside{text-align:left;max-width:30ch}.brail__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.brail__viewport::-webkit-scrollbar{display:none}.brail__track{transform:none;padding:0 5vw;gap:.75rem}.brail__card,.brail__more{width:62vw;scroll-snap-align:center}}@media(prefers-reduced-motion:reduce){.brail{height:auto}.brail__stage{position:relative;height:auto;padding:clamp(3rem,9vh,5rem) 0;gap:1.75rem}.brail__head{position:static;pointer-events:auto}.brail__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.brail__track{transform:none}.brail__card{scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/baddie-rail.css.map */