.hero-banner{background-color:var(--hb-bg, #f8e9f6);padding-top:var(--hb-pad-top, 48px);padding-bottom:var(--hb-pad-bottom, 0px)}.hero-banner__inner{max-width:var(--hb-max-width, 1760px);margin:0 auto;padding:0 24px}.hero-banner__top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.hero-banner__heading-col{flex:1 1 420px}.hero-banner__heading{margin:0;font-family:var(--hb-heading-font, inherit);font-weight:var(--hb-heading-weight, 800);font-size:var(--hb-heading-size, 88px);line-height:1.02;-webkit-text-stroke:var(--hb-heading-outline-width, 2px) var(--hb-heading-outline, #1a1a1a);paint-order:stroke fill;text-shadow:0 3px 0 var(--hb-heading-outline, #1a1a1a)}.hero-banner__line{display:block}.hero-banner__line--1{color:var(--hb-line1-color, #c9a3f7)}.hero-banner__line--2{color:var(--hb-line2-color, #8e8ec2);font-style:italic}.hero-banner__line--3{color:var(--hb-line3-color, #a992e8);font-style:italic}.hero-banner__heading--shrikhand{line-height:1.12;font-synthesis:none}.hero-banner__heading--shrikhand .hero-banner__line{font-style:normal}.hero-banner__badge-col{flex:0 0 auto}.hero-banner__badge-img{width:var(--hb-badge-size, 160px);height:var(--hb-badge-size, 160px);object-fit:contain;display:block}.hero-banner__image-col{flex:0 0 auto;width:var(--hb-hero-img-width, 28%);min-width:180px}.hero-banner__image-wrap{position:relative}.hero-banner__hero-img{display:block;width:100%;height:auto}.hero-banner__hello{position:absolute;top:-10%;right:0;font-family:var(--hb-hello-font, cursive);color:var(--hb-hello-color, #b98fe0);font-size:clamp(20px,2.4vw,34px);transform:rotate(var(--hb-hello-rotation, -6deg));white-space:nowrap}.hero-banner__tagline{text-align:center;margin:28px 0 32px;color:var(--hb-tagline-color, #1a1a1a);font-weight:700;letter-spacing:var(--hb-tagline-spacing, 2px);text-transform:uppercase;white-space:pre-line;line-height:1.7}.hero-banner__panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-banner__panel{position:relative}.hero-banner__button{display:block;text-align:center;padding:18px 20px;border-radius:999px;font-weight:800;font-size:20px;text-decoration:none;letter-spacing:.02em;position:relative;z-index:3}.hero-banner__panel-canvas{position:relative;height:var(--hb-panel-height, 560px);margin-top:-28px;overflow:hidden;border-radius:var(--hb-panel-radius, 0px)}.hero-banner__panel-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__panel-placeholder{fill:#00000026;background:#ffffff4d}@media screen and (max-width:989px){.hero-banner__panels{grid-template-columns:1fr}}@media screen and (max-width:749px){.hero-banner__top{flex-direction:column;text-align:center;gap:16px}.hero-banner__heading-col{flex:0 0 auto;width:100%}.hero-banner__heading{font-size:var(--hb-heading-size-mobile, 42px)}.hero-banner__image-col{width:55%}.hero-banner__button{font-size:17px;padding:15px 18px}.hero-banner__panel-canvas{height:var(--hb-panel-height-mobile, 380px)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-hero-custom-banner.css.map */