.made-together__banner{position:relative;height:640px;overflow:hidden}.made-together__image,.made-together__banner svg{width:100%;height:100%;object-fit:cover;display:block}.made-together__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0009,#0000000d 45%,#0000 70%);pointer-events:none}.made-together__content{position:absolute;left:0;right:0;bottom:56px;color:#fff;z-index:2}.made-together__content .eyebrow{color:var(--color-brass)}.made-together__heading{font-family:var(--font-heading-family);font-size:clamp(2.2rem,1.7rem + 2.5vw,3.6rem);color:#fff;text-transform:uppercase;margin:6px 0 14px}.made-together__body{font-size:.95rem;line-height:1.6;opacity:.92;max-width:46ch}.hotspot--bag{position:absolute;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;padding:0;border:0;background:#785c43d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;cursor:pointer;z-index:3;transition:background-color .25s ease,transform .25s ease}.hotspot--bag:hover,.hotspot--bag.is-active{background:var(--color-ink);transform:translate(-50%,-50%) scale(1.08)}.hotspot__bag-icon{display:flex}.hotspot__bag-icon svg{width:18px;height:18px;color:#fff}.hotspot__popover--simple{position:absolute;top:calc(100% + 10px);bottom:auto;left:0;transform:translateY(6px);width:220px;background:#fff;padding:18px;box-shadow:0 16px 32px #00000029;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease;text-align:left}.hotspot--bag.is-active .hotspot__popover--simple{opacity:1;visibility:visible;transform:translateY(0)}.hotspot__popover--align-right{left:auto;right:0}.hotspot__popover--simple .hotspot__popover-title{display:block;font-size:.92rem;line-height:1.3;color:var(--color-ink);margin-bottom:8px}.hotspot__popover--simple .price{display:block;font-size:.85rem;margin-bottom:14px}.hotspot__view-link{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-accent-family);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);border-bottom:1px solid var(--color-ink);padding-bottom:2px}.hotspot__view-link svg{width:12px;height:12px}@media(max-width:989px){.made-together__banner{height:560px}}@media(max-width:749px){.made-together__banner{height:520px}.made-together__content{padding:0 24px;bottom:32px}.made-together__heading{font-size:2rem}.hotspot__popover--simple{width:190px;padding:14px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/made-together.css.map */