.hns-section{width:100%;background:var(--hns-bg, #f5efe5);color:var(--hns-text, #000000);overflow:hidden}.hns-grid{display:flex;flex-direction:column;width:100%;height:625px}.hns-content{position:relative;flex:0 0 325px;height:325px;display:flex;align-items:center;justify-content:center;padding:32px 20px 40px;background:var(--hns-bg, #f5efe5);overflow:hidden;min-height:0;box-sizing:border-box}.hns-content__inner{position:relative;z-index:2;width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;text-align:center}.hns-pattern{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.hns-rating{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap;justify-content:center}.hns-rating__stars{display:inline-flex;gap:1px;color:var(--hns-text, #000000)}.hns-star{width:14px;height:14px;flex:0 0 auto}.hns-rating__text{font-family:Jost,sans-serif;font-weight:500;font-size:13px;line-height:1.4;margin:0;color:var(--hns-text, #000000)}.hns-heading{font-family:Bricolage Grotesque,sans-serif!important;font-weight:500;font-size:clamp(24px,4vw,28px);line-height:1.2;letter-spacing:-.04em;margin:6px 0 24px;color:var(--hns-text, #000000);max-width:22ch}.hns-subheading{font-family:Jost,sans-serif;font-size:15px;line-height:1.55;margin:-10px 0 24px;max-width:42ch;color:var(--hns-text, #000000);opacity:.85}.hns-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--hns-btn-bg, #000000);color:var(--hns-btn-text, #ffffff);border:1px solid var(--hns-btn-bg, #000000);border-radius:999px;padding:14px 36px;font-family:Jost,sans-serif;font-weight:500;font-size:15px;letter-spacing:.04em;line-height:1.4;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease,transform .2s ease;width:100%;max-width:325px;min-width:0;box-sizing:border-box}.hns-btn:hover,.hns-btn:focus{opacity:.85}.hns-btn:active{transform:scale(.98)}.hns-usps{display:flex;align-items:stretch;justify-content:center;gap:12px;margin-top:28px;width:100%;max-width:325px;flex-wrap:nowrap}.hns-usp{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1 0;max-width:136px}.hns-usp__icon{width:24px;height:24px;object-fit:contain;flex:0 0 auto}.hns-usp__text{font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:1.4;margin:0;text-align:center;color:var(--hns-text, #000000)}.hns-usp__divider{width:1px;background:currentColor;align-self:center;height:32px;flex:0 0 auto;opacity:.85}.hns-media{position:relative;width:100%;flex:0 0 300px;height:300px;background:#1f1d18;overflow:hidden;min-height:0;order:-1}.hns-media__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hns-media__placeholder{width:100%;height:100%}.hns-media__placeholder svg{width:100%;height:100%;object-fit:cover}@media screen and (min-width:768px){.hns-content{padding:48px 32px 56px}.hns-heading{font-size:clamp(28px,4.5vw,36px)}.hns-rating__text{font-size:14px}.hns-star{width:16px;height:16px}.hns-usps{gap:16px}}@media screen and (min-width:1024px){.hns-grid{flex-direction:row;min-height:clamp(580px,60vw,680px);height:clamp(580px,60vw,680px)}.hns-content{width:50%;flex:0 0 50%;height:auto;padding:48px 50px;min-height:100%;align-items:center;justify-content:flex-start}.hns-content__inner{align-items:flex-start;text-align:left;max-width:520px}.hns-heading{font-size:clamp(36px,3.4vw,45px);line-height:1.24;letter-spacing:-.045em;margin:6px 0 32px;max-width:22ch}.hns-subheading{margin:-16px 0 28px;text-align:left}.hns-rating{justify-content:flex-start;margin-bottom:14px}.hns-star{width:20px;height:20px}.hns-rating__text{font-size:16px}.hns-usps{justify-content:flex-start;margin-top:36px;width:100%;max-width:474px}.hns-btn{width:100%;max-width:474px;padding:16px 40px;font-size:16px}.hns-media{width:50%;flex:0 0 50%;height:auto;min-height:100%;order:1}}@media screen and (min-width:1440px){.hns-content{padding:64px 80px}.hns-heading{font-size:48px}}@media screen and (max-width:480px){.hns-content{padding:28px 16px 36px}.hns-content__inner{max-width:100%}.hns-heading{font-size:clamp(22px,6.5vw,26px);margin:6px 0 20px}.hns-usps{gap:8px;margin-top:22px}.hns-usp{max-width:110px}.hns-usp__text{font-size:12px}.hns-usp__divider{height:28px}.hns-btn{padding:13px 28px;font-size:16px}.hns-rating{margin-bottom:5px}.hns-rating__text{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-natural-stone.css.map */