.about-brand-story{position:relative;color:rgb(var(--color-foreground));background:var(--gradient-background)}.about-brand-story__inner{display:grid;gap:4rem}.about-brand-story__breadcrumbs{font-size:1.3rem;line-height:1.4}.about-brand-story__breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.7rem;margin:0;padding:0;list-style:none}.about-brand-story__breadcrumbs li+li:before{content:"/";margin-right:.7rem;opacity:.55}.about-brand-story__breadcrumbs a{color:inherit;text-underline-offset:.25em}.about-brand-story__hero{display:grid;gap:3.2rem;align-items:center}.about-brand-story__content{max-width:72rem}.about-brand-story__eyebrow{margin:0 0 1rem;font-size:1.2rem;font-weight:700;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}.about-brand-story__heading{max-width:16ch;margin:0;font-size:clamp(4rem,8vw,7.2rem);line-height:1.02;text-wrap:balance}.about-brand-story__intro{max-width:60ch;margin-top:2rem;font-size:clamp(1.9rem,2.4vw,2.4rem);line-height:1.5}.about-brand-story__mission{max-width:66ch;margin-top:1.6rem;font-size:1.65rem;line-height:1.7}.about-brand-story__intro>:first-child,.about-brand-story__mission>:first-child,.about-brand-story__principle .rte>:first-child{margin-top:0}.about-brand-story__intro>:last-child,.about-brand-story__mission>:last-child,.about-brand-story__principle .rte>:last-child{margin-bottom:0}.about-brand-story__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2.8rem 0 0}.about-brand-story__fact{min-width:0;padding:1.4rem 1.5rem;border:.1rem solid rgba(var(--color-foreground),.18);border-radius:max(var(--text-boxes-radius),1.2rem);background:rgba(var(--color-foreground),.045)}.about-brand-story__fact dt{margin-bottom:.45rem;font-size:1.1rem;font-weight:700;letter-spacing:.09em;line-height:1.25;text-transform:uppercase}.about-brand-story__fact dd{margin:0;font-size:1.45rem;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.about-brand-story__explore{margin-top:2.4rem}.about-brand-story__explore ul{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}.about-brand-story__explore a{display:inline-flex;align-items:center;min-height:4.4rem;padding:.9rem 1.4rem;border:.1rem solid rgba(var(--color-foreground),.32);border-radius:999px;color:inherit;font-size:1.35rem;font-weight:700;line-height:1.25;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.about-brand-story__explore a:hover{border-color:rgba(var(--color-foreground),.58);background:rgba(var(--color-foreground),.08);transform:translateY(-1px)}.about-brand-story__explore a:focus-visible,.about-brand-story__breadcrumbs a:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem}.about-brand-story__founders{width:100%;max-width:62rem;margin:0 auto}.about-brand-story__image-wrap{overflow:hidden;border-radius:max(var(--media-radius),1.6rem);background:rgba(var(--color-foreground),.08);box-shadow:0 2rem 5rem rgba(var(--color-shadow),.16)}.about-brand-story__image,.about-brand-story__placeholder{display:block;width:100%;height:auto}.about-brand-story__founders figcaption{margin-top:1rem;font-size:1.3rem;line-height:1.5;text-align:center;opacity:.8}.about-brand-story__principles{padding-top:3.2rem;border-top:.1rem solid rgba(var(--color-foreground),.2)}.about-brand-story__principles>h2{max-width:20ch;margin:0 0 2rem;font-size:clamp(2.8rem,4vw,4.2rem);line-height:1.15;text-wrap:balance}.about-brand-story__principle-grid{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.about-brand-story__principle{padding:2rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:max(var(--text-boxes-radius),1.2rem);background:rgba(var(--color-foreground),.045)}.about-brand-story__principle h3{margin:0 0 .8rem;font-size:2rem;line-height:1.3}.about-brand-story__principle .rte{font-size:1.5rem;line-height:1.65}@media screen and (min-width:750px){.about-brand-story__inner{gap:5rem}.about-brand-story__hero{grid-template-columns:minmax(0,1.08fr) minmax(32rem,.92fr);gap:clamp(4rem,7vw,9rem)}.about-brand-story__principle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.about-brand-story__facts{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.about-brand-story__explore a{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/about-brand-story.css.map */
