.sb-hero{position:relative;min-height:var(--sb-hero-height, 92vh);display:flex;align-items:center;overflow:hidden;color:var(--sb-hero-text, #F6F3EE);isolation:isolate;z-index:1}.sb-hero.has-header-overlay{margin-top:calc(-1 * var(--sb-header-offset, 0px));padding-top:var(--sb-header-offset, 0px)}.sb-hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.sb-hero-media img{width:100%;height:100%;object-fit:cover;object-position:var(--sb-hero-focal, center);display:block}.sb-hero-media img.sb-hero-img-mobile{display:none}@media screen and (max-width:989px){.sb-hero-media img.sb-hero-img-desktop{display:none}.sb-hero-media img.sb-hero-img-mobile{display:block}}.sb-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,rgba(20,20,18,var(--sb-overlay-opacity, .62)),rgba(20,20,18,calc(var(--sb-overlay-opacity, .62) * .55)) 55%,rgba(20,20,18,calc(var(--sb-overlay-opacity, .62) * .25)));z-index:-1}.sb-hero-inner{max-width:1400px;margin:0 auto;width:100%;padding:0 44px}.sb-hero-content{max-width:620px;padding:64px 0}.sb-hero-eyebrow{font-family:Montserrat,sans-serif;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--sb-hero-eyebrow, #C9CCB8);margin:0 0 18px;font-weight:500}.sb-hero-heading{font-family:Lora,serif;font-weight:500;font-size:clamp(34px,4.6vw,58px);line-height:1.12;letter-spacing:.005em;margin:0 0 20px;color:var(--sb-hero-text, #F6F3EE)}.sb-hero-subheading{font-family:Montserrat,sans-serif;font-size:15px;line-height:1.7;color:var(--sb-hero-sub, rgba(246, 243, 238, .82));max-width:420px;margin:0 0 34px;font-weight:400}.sb-hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:38px}.sb-hero-btn{font-family:Montserrat,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:16px 30px;text-decoration:none;border-radius:2px;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;display:inline-flex;align-items:center;justify-content:center}.sb-hero-btn.is-primary{background:var(--sb-accent, #8D9772);color:#f6f3ee;border:1px solid var(--sb-accent, #8D9772)}.sb-hero-btn.is-primary:hover{background:var(--sb-hover, #6D7652);border-color:var(--sb-hover, #6D7652);transform:translateY(-1px)}.sb-hero-btn.is-outline{background:transparent;color:var(--sb-hero-text, #F6F3EE);border:1px solid rgba(246,243,238,.45)}.sb-hero-btn.is-outline:hover{border-color:#f6f3ee;background:#f6f3ee14}.sb-hero-social{display:flex;align-items:center;gap:14px}.sb-hero-avatars{display:flex}.sb-hero-avatars img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(246,243,238,.9);margin-left:-10px}.sb-hero-avatars img:first-child{margin-left:0}.sb-hero-social-text{display:flex;flex-direction:column;gap:3px}.sb-hero-stars{display:flex;gap:2px}.sb-hero-stars svg{width:12px;height:12px;fill:#d9a441;stroke:none}.sb-hero-social-caption{font-family:Montserrat,sans-serif;font-size:11.5px;letter-spacing:.03em;color:var(--sb-hero-sub, rgba(246, 243, 238, .82))}.sb-hero-badge{position:absolute;top:46%;right:60px;width:108px;height:108px;z-index:2}.sb-hero-badge svg{width:100%;height:100%;animation:sb-rotate 22s linear infinite}.sb-hero-badge-leaf{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;stroke:var(--sb-accent, #8D9772);stroke-width:1.3;fill:none}@keyframes sb-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sb-hero-dots{position:absolute;left:44px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:2}.sb-hero-dots button{width:7px;height:7px;border-radius:50%;border:none;background:#f6f3ee66;padding:0;cursor:pointer;transition:background .25s ease,transform .25s ease}.sb-hero-dots button.is-active{background:var(--sb-accent, #8D9772);transform:scale(1.4)}@media screen and (max-width:1100px){.sb-hero-badge{display:none}}@media screen and (max-width:989px){.sb-hero{min-height:auto}.sb-hero-inner{padding:0 22px}.sb-hero-content{max-width:100%;padding:108px 0 48px}.sb-hero-subheading{max-width:100%}.sb-hero-dots{display:none}}@media screen and (max-width:480px){.sb-hero-heading{font-size:30px}.sb-hero-buttons{flex-direction:column}.sb-hero-btn{width:100%}.sb-hero-social{flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-hero-shobi.css.map */