.inoxel-hero{position:relative;background:var(--inoxel-cream, #f6f3ee);overflow:hidden}.inoxel-hero__inner{display:grid;gap:0;min-height:52rem}.inoxel-hero__copy,.inoxel-hero__media{position:relative}.inoxel-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:4.8rem 2rem 4rem;z-index:1}.inoxel-hero__eyebrow{margin:0 0 1.6rem;font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;color:var(--inoxel-sage, #7a8a68)}.inoxel-hero__heading{margin:0 0 1.6rem;font-size:clamp(3.2rem,5vw,5.6rem);line-height:1.12;letter-spacing:-.03em;color:var(--inoxel-charcoal, #2c2e2d)}.inoxel-hero__subheading{margin:0 0 2.8rem;max-width:42rem;font-size:1.7rem;line-height:1.5;color:#2c2e2dc7}.inoxel-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-bottom:3.2rem}.inoxel-hero__values{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 1.2rem;padding:0;margin:0;list-style:none}.inoxel-hero__value{display:flex;align-items:center;gap:.8rem;font-size:1.2rem;letter-spacing:.04em;color:var(--inoxel-charcoal, #2c2e2d)}.inoxel-hero__value svg{width:2rem;height:2rem;flex-shrink:0;stroke:var(--inoxel-sage-dark, #4f5b43)}.inoxel-hero__media{min-height:36rem;overflow:hidden}.inoxel-hero__media img,.inoxel-hero__media .inoxel-hero__img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block}.inoxel-hero__seal{position:absolute;top:2.4rem;right:2.4rem;width:10.4rem;height:10.4rem;border:1.5px solid var(--inoxel-sage-dark, #4f5b43);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f6f3eeeb;color:var(--inoxel-sage-dark, #4f5b43);padding:1.2rem;z-index:2}.inoxel-hero__seal span{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.25}.inoxel-hero__seal svg{width:2.2rem;height:2.2rem;margin-bottom:.4rem}@media screen and (min-width:750px){.inoxel-hero__inner{grid-template-columns:minmax(32rem,.92fr) 1.08fr;min-height:64rem}.inoxel-hero__copy{padding-top:6.4rem;padding-bottom:6.4rem}.inoxel-hero__inner:not(.inoxel-hero--page-width) .inoxel-hero__copy{padding-left:max(4rem,calc((100vw - var(--page-width)) / 2 + 2rem));padding-right:4.8rem}.inoxel-hero--page-width .inoxel-hero__copy{padding-left:0;padding-right:4rem}.inoxel-hero__media{min-height:100%}}@media screen and (max-width:749px){.inoxel-hero__inner{grid-template-rows:auto 42rem}.inoxel-hero__seal{top:auto;bottom:1.6rem;right:1.6rem;width:8.4rem;height:8.4rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/inoxel-hero.css.map */