.bibi-banner{--bibi-pink: #c8105b;--bibi-plum: #4a2e3e;display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);width:min(100%,1600px);margin-inline:auto;color:var(--bibi-plum);background:#f8dbe6;font-family:var(--font-body--family, Inter, sans-serif)}.bibi-banner--cream{background:#f9f5ef}.bibi-banner__copy{align-self:center;padding:clamp(28px,4.5vw,76px)}.bibi-banner__eyebrow{margin:0 0 18px;color:var(--bibi-pink);font-size:clamp(13px,1.1vw,16px);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bibi-banner__heading{max-width:13ch;margin:0;color:var(--bibi-plum);font-family:inherit;font-size:clamp(36px,4.2vw,68px);font-weight:750;line-height:1.04;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:break-word}.bibi-banner__support{max-width:34ch;margin:24px 0 0;font-size:clamp(17px,1.5vw,22px);line-height:1.5}.bibi-banner__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;margin-top:28px;padding:14px 25px;border-radius:4px;color:#fff;background:var(--bibi-pink);font-size:16px;font-weight:650;line-height:1.4;text-align:center;text-decoration:none;overflow-wrap:anywhere}.bibi-banner__cta:hover{background:#a90d4d;color:#fff}.bibi-banner a:focus-visible{outline:3px solid var(--bibi-plum);outline-offset:5px}.bibi-banner__note{max-width:42ch;margin:16px 0 0;font-size:13px;line-height:1.5}.bibi-banner__media{display:grid;min-width:0;min-height:0;background:#fff}.bibi-banner__product{display:block;width:100%;height:100%;max-height:620px;object-fit:contain}.bibi-banner__media--pair{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:center}.bibi-banner__secondary{display:block;min-width:0}.bibi-banner__secondary-title{display:block;padding:12px 16px 20px;color:var(--bibi-plum);font-size:14px;font-weight:600;line-height:1.4;text-align:center;overflow-wrap:anywhere}.bibi-banner--compact .bibi-banner__copy{padding:clamp(26px,3.5vw,54px)}.bibi-banner--compact .bibi-banner__heading{max-width:18ch;font-size:clamp(30px,3vw,46px)}.bibi-banner--compact .bibi-banner__product{max-height:430px}.bibi-banner--compact .bibi-banner__support{margin-top:18px;font-size:clamp(17px,1.3vw,20px)}.bibi-banner--image{display:block;background:transparent}.bibi-banner__image-link,.bibi-banner__picture{display:block}.bibi-banner__picture img{display:block;width:100%;height:auto}@media(min-width:750px){.bibi-banner--reverse .bibi-banner__copy{grid-column:2;grid-row:1}.bibi-banner--reverse .bibi-banner__media{grid-column:1;grid-row:1}.bibi-banner--reverse{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}}@media(max-width:749px){.bibi-banner{grid-template-columns:minmax(0,1fr)}.bibi-banner__copy{min-width:0;padding:18px 20px 22px}.bibi-banner__heading{max-width:18ch;font-size:clamp(32px,8.5vw,34px)}.bibi-banner__eyebrow{margin-bottom:10px;font-size:12px;line-height:1.4}.bibi-banner__support{margin-top:12px;font-size:16px;line-height:1.4}.bibi-banner__cta{min-height:44px;margin-top:14px;padding:10px 16px;font-size:14px}.bibi-banner--hero .bibi-banner__media{grid-row:1}.bibi-banner--hero .bibi-banner__copy{grid-row:2}.bibi-banner--hero .bibi-banner__product{height:min(84vw,320px);max-height:360px}.bibi-banner--compact{grid-template-columns:minmax(0,52fr) minmax(0,48fr)}.bibi-banner--compact .bibi-banner__copy{padding:16px 12px}.bibi-banner--compact .bibi-banner__heading{font-size:clamp(22px,6.5vw,27px);line-height:1.08}.bibi-banner--compact .bibi-banner__support{margin-top:12px;font-size:15px;line-height:1.4}.bibi-banner--compact .bibi-banner__cta{margin-top:12px;padding:10px 12px}.bibi-banner--compact .bibi-banner__note{margin-top:12px;font-size:12px;line-height:1.4}.bibi-banner--compact .bibi-banner__media{align-content:center}.bibi-banner--compact .bibi-banner__product{height:auto;max-height:360px}.bibi-banner--compact .bibi-banner__media--pair{grid-template-columns:minmax(0,1fr)}.bibi-banner--compact .bibi-banner__media--pair>.bibi-banner__product{max-height:180px}.bibi-banner--compact .bibi-banner__secondary .bibi-banner__product{max-height:145px}.bibi-banner--compact .bibi-banner__secondary-title{padding:8px 10px 12px;font-size:12px;line-height:1.4}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/bibi-editorial-banner.css.map */