.brand-why{display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center}.brand-why--img-left .brand-why__copy{order:2}.brand-why--img-left .brand-why__art{order:1}.brand-why--bleed .brand-why__art{padding:0}.brand-why--bleed .brand-why__circle{max-width:none;aspect-ratio:4 / 3.4;border:1px solid rgba(var(--color-foreground),.12);border-radius:6px}.brand-why--bleed .brand-why__circle--sm{display:none}.brand-why__points{display:flex;flex-wrap:wrap;gap:1rem 2.2rem;margin-top:2.4rem;padding-top:2rem;border-top:1px solid rgba(var(--color-foreground),.2)}.brand-why__points span{font-family:var(--font-mono-family);font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.8)}.brand-why__heading{margin:0;font-size:clamp(2.2rem,2.6vw,3.2rem)}.brand-why__body{margin-top:1.2rem;max-width:48ch;font-size:1.45rem;line-height:1.6}.brand-why__body p{margin:0 0 1.4rem}.brand-why__cta{margin-top:2.4rem}.brand-vs{margin-top:2.8rem;border:1px solid rgba(var(--color-foreground),.22);border-radius:4px;overflow:hidden;max-width:52rem}.brand-vs__row{display:grid;grid-template-columns:1fr 1fr}.brand-vs__row>*{padding:1.1rem 1.6rem;font-size:1.4rem;border-top:1px solid rgba(var(--color-foreground),.14)}.brand-vs__row>*+*{border-left:1px solid rgba(var(--color-foreground),.14);color:rgba(var(--color-foreground),.62)}.brand-vs__row--head>*{border-top:none;font-family:var(--font-mono-family);font-size:1.05rem;letter-spacing:.16em;text-transform:uppercase;background:rgba(var(--color-foreground),.06)}.brand-vs__row--head>*+*{color:rgba(var(--color-foreground),.62)}.brand-why__art{position:relative;padding:0 0 3rem 3rem}.brand-why__circle{width:100%;max-width:46rem;aspect-ratio:4 / 5;border-radius:6px;overflow:hidden;margin-left:auto}.brand-why__circle img{width:100%;height:100%;object-fit:cover;display:block}.brand-why__circle--sm{position:absolute;left:0;bottom:0;width:22rem;max-width:55%;aspect-ratio:4 / 3;border:6px solid rgb(var(--color-background));border-radius:6px;margin-left:0;box-shadow:0 12px 30px #00000040}@media screen and (max-width:989px){.brand-why{grid-template-columns:1fr;gap:3.2rem}.brand-why__art{padding:0 0 2.4rem 2.4rem}.brand-why__circle{max-width:100%;aspect-ratio:16 / 10}.brand-why__circle--sm{width:16rem}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-brand-why.css.map */