.of-hero-section{margin:0}.of-hero{overflow:hidden}.of-hero__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.4rem,4vw,5.6rem);align-items:center;padding-block:calc(clamp(4rem,6vw,7.6rem) * var(--of-height, 1)) calc(clamp(3rem,5vw,6rem) * var(--of-height, 1))}.of-hero__heading{font-size:calc(clamp(5.1rem,9vw,11.8rem) * var(--of-heading-scale, 1));line-height:.86;letter-spacing:.012em;margin:1.8rem 0 0}.of-hero__body{margin-top:2.2rem;max-width:46ch;font-size:1.7rem}.of-hero__body p{margin:0}.of-hero__buttons{display:flex;gap:1.4rem;flex-wrap:wrap;margin-top:2.8rem}.of-hero__art{position:relative;display:grid;place-items:center;min-height:38rem;padding-block:.8rem}.of-hero__blob{position:absolute;height:122%;width:auto;max-width:none;top:50%;left:50%;transform:translate(-50%,-52%);pointer-events:none}.of-hero__artwork{position:relative;width:100%}.of-hero__artwork img{width:100%;height:auto;display:block}.of-hero__packs{position:relative;display:flex;align-items:flex-end;justify-content:center;max-width:100%}.of-hero__pack img{width:auto;max-width:none;height:calc(clamp(25rem,36vw,45rem) * (var(--of-pack-scale, 100%) / 100%) * var(--of-height, 1));filter:drop-shadow(0 3rem 4rem rgba(16,24,32,.28));display:block}.of-hero__pack+.of-hero__pack{margin-left:-6%}.of-hero__pack:nth-child(2n){margin-bottom:4%}.of-hero__pack:first-child{z-index:3}.of-hero__pack:nth-child(2){z-index:2}.of-hero__pack:nth-child(3){z-index:1}.of-hero__badge{position:absolute;right:2%;top:2%;background:var(--of-ink);color:var(--of-cream);border-radius:50%;width:10.4rem;height:10.4rem;display:grid;place-content:center;text-align:center;gap:.2rem;font-family:var(--font-heading-family);line-height:.9;letter-spacing:.05em}.of-hero__badge b{font-size:2.2rem;display:block;font-weight:400}.of-hero__badge span{font-family:var(--font-body-family);font-size:.85rem;letter-spacing:.16em;font-weight:600}@media screen and (max-width:989px){.of-hero__inner{grid-template-columns:1fr}.of-hero__art{min-height:30rem}}@media screen and (max-width:560px){.of-hero__badge{width:8.4rem;height:8.4rem;right:0}.of-hero__badge b{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-of-hero.css.map */