.ba-coll-hero{position:relative;background:var(--bg-page);color:var(--fg-primary);isolation:isolate;overflow:hidden;--coll-hero-ratio-w: var(--coll-hero-mobile-w, 4);--coll-hero-ratio-h: var(--coll-hero-mobile-h, 5);--coll-hero-floor: 0px;min-height:max(var(--coll-hero-floor),calc(100vw * var(--coll-hero-ratio-h) / var(--coll-hero-ratio-w)));display:flex}.ba-coll-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.ba-coll-hero__bg-img{width:100%;height:100%;object-fit:cover;display:block}.ba-coll-hero--has-bg .ba-coll-hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0000008c,#0003 60%,#0000)}.ba-coll-hero--has-bg.ba-coll-hero--overlay-none .ba-coll-hero__bg:after{background:#0f0f1000}.ba-coll-hero--has-bg.ba-coll-hero--overlay-light .ba-coll-hero__bg:after{background:linear-gradient(to right,#00000073,#00000026 60%,#0000)}.ba-coll-hero--has-bg.ba-coll-hero--overlay-medium .ba-coll-hero__bg:after{background:linear-gradient(to right,#0000009e,#00000094 48%,#00000038,#0000 92%)}.ba-coll-hero--has-bg.ba-coll-hero--overlay-strong .ba-coll-hero__bg:after{background:linear-gradient(to right,#000000b8,#0006 60%,#0000001a)}.ba-coll-hero--dark:not(.ba-coll-hero--has-bg){background:var(--bg-inverse)}.ba-coll-hero--dark{color:var(--ba-white)}.ba-coll-hero--dark .ba-coll-hero__eyebrow{color:#ffffffb8}.ba-coll-hero--dark .ba-coll-hero__sub{color:#ffffffd1}.ba-coll-hero--dark .ba-coll-hero__breadcrumbs a{color:#ffffffa6}.ba-coll-hero--dark .ba-coll-hero__breadcrumbs li[aria-current]{color:#ffffffe6}.ba-coll-hero__inner{position:relative;z-index:2;max-width:1500px;margin-inline:auto;padding:var(--sp-10) 16px var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-8);flex:1 1 auto;width:100%;justify-content:space-between}@media(min-width:769px){.ba-coll-hero__inner{padding-inline:24px}}@media(min-width:600px){.ba-coll-hero{--coll-hero-ratio-w: var(--coll-hero-tablet-w, 16);--coll-hero-ratio-h: var(--coll-hero-tablet-h, 9)}.ba-coll-hero__inner{padding:var(--sp-12) var(--sp-6) var(--sp-10);gap:var(--sp-6)}}@media(min-width:900px){.ba-coll-hero{--coll-hero-ratio-w: var(--coll-hero-desktop-w, 24);--coll-hero-ratio-h: var(--coll-hero-desktop-h, 7);--coll-hero-floor: 440px}.ba-coll-hero__inner{flex-direction:row;align-items:stretch;padding-top:1.6%;padding-bottom:2.2%;gap:var(--sp-12)}}.ba-coll-hero__copy{flex:0 0 auto;width:100%}@media(min-width:900px){.ba-coll-hero__copy{flex:0 0 auto;max-width:620px;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start}.ba-coll-hero__copy .ba-coll-hero__headline{margin-block:auto}.ba-coll-hero--has-bg .ba-coll-hero__breadcrumbs,.ba-coll-hero--has-bg .ba-coll-hero__sub{margin-bottom:0}.ba-coll-hero--has-bg .ba-coll-hero__headline{font-size:clamp(34px,4.6vw,72px);line-height:1.02}.ba-coll-hero--has-bg .ba-coll-hero__sub{font-size:clamp(15px,1.25vw,19px)}}.ba-coll-hero__breadcrumbs{margin-bottom:var(--sp-5)}.ba-coll-hero__breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:0}.ba-coll-hero__breadcrumbs li{display:flex;align-items:center;font-size:var(--fs-12);font-weight:600;letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--fg-muted)}.ba-coll-hero__breadcrumbs li+li:before{content:"\203a";margin:0 var(--sp-2);color:var(--ba-mist);font-weight:400;speak:never}.ba-coll-hero__breadcrumbs a{color:var(--fg-muted);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.ba-coll-hero__breadcrumbs a:hover{color:var(--fg-primary)}.ba-coll-hero__breadcrumbs a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}.ba-coll-hero__breadcrumbs li[aria-current]{color:var(--fg-secondary)}.ba-coll-hero__accent{width:56px;height:4px;border-radius:var(--r-pill);background:var(--ba-coll-accent, var(--ba-blue-500));margin-bottom:var(--sp-4)}.ba-coll-hero__eyebrow{display:none;font-family:var(--font-sc, inherit);font-size:var(--fs-12);font-weight:700;letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--fg-muted);margin-bottom:var(--sp-3)}.ba-coll-hero__headline{font-family:var(--font-display, inherit);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.96;font-size:clamp(40px,7vw,88px);font-variant-numeric:tabular-nums;margin:0;max-width:16ch}.ba-coll-hero__headline em{font-style:normal;color:var(--ba-coll-accent, currentColor)}.ba-coll-hero--dark .ba-coll-hero__headline em{color:var(--ba-coll-accent, rgba(255, 255, 255, .95))}.ba-coll-hero__sub{font-size:clamp(var(--fs-15),1.4vw,var(--fs-18));line-height:1.55;max-width:52ch;margin:var(--sp-5) 0 0;color:var(--fg-secondary)}@media(max-width:899px){.ba-coll-hero--has-mobile-bg{--coll-hero-mobile-w: 21;--coll-hero-mobile-h: 9}}@media(max-width:899px){.ba-coll-hero--has-bg .ba-coll-hero__headline,.ba-coll-hero--has-bg .ba-coll-hero__sub{max-width:100%}.ba-coll-hero--has-bg .ba-coll-hero__headline{font-size:clamp(22px,5.6vw,28px)}}.ba-coll-hero__product{flex:0 0 auto;width:100%;display:flex;align-items:center;justify-content:center;max-height:260px}@media(min-width:900px){.ba-coll-hero__product{flex:0 0 40%;max-width:40%;max-height:none;justify-content:flex-end}}.ba-coll-hero__product-img{display:block;width:auto;height:auto;max-width:100%;max-height:240px;object-fit:contain;filter:drop-shadow(0 30px 60px rgba(0,0,0,.18));animation:ba-hero-product-enter .36s var(--ease-out) both}@media(min-width:900px){.ba-coll-hero__product-img{max-height:380px;max-width:360px}}.ba-coll-hero--dark .ba-coll-hero__product-img{filter:drop-shadow(0 30px 60px rgba(0,0,0,.4))}@keyframes ba-hero-product-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ba-coll-hero__product-img{animation:none}}.ba-coll-hero-plain{max-width:1280px;margin-inline:auto;padding:clamp(24px,4vw,48px) clamp(16px,4vw,48px) clamp(8px,1.5vw,16px)}.ba-coll-hero-plain__headline{margin:0;font-family:var(--font-display, inherit);font-weight:900;font-size:clamp(30px,5vw,56px);line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--fg-primary, #0F0F10)}
/*# sourceMappingURL=/cdn/shop/t/99/assets/ba-collection-hero.css.map */