mabe-about{min-width:0;padding-block:24px 56px;color:var(--color-foreground)}.mabe-about :is(h1,h2,h3){text-wrap:balance}.mabe-about figure{margin:0;overflow:hidden;border-radius:var(--mabe-shared-radius,8px)}.mabe-about__eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.08em;margin:0 0 16px;text-transform:uppercase}.mabe-about__chapter{padding-block:clamp(36px,7vw,88px);scroll-margin-top:120px}.mabe-about__chapter>h2{font-size:clamp(1.8rem,3.6vw,3rem);max-width:23ch;margin:0 0 32px}.mabe-about__people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;grid-auto-flow:row dense}.mabe-about__people--founders{grid-template-columns:repeat(2,minmax(0,1fr))}.mabe-about__person.mabe-team-card{grid-column:auto;align-self:stretch;min-width:0;display:grid;margin:0}.mabe-about__person.mabe-team-card:after{aspect-ratio:4/5}.mabe-about__people--founders .mabe-about__person:after{aspect-ratio:6/5}.mabe-about__person .mabe-glass-caption{grid-area:1/1;align-self:end;margin-top:100px;padding:24px}.mabe-about__person .mabe-glass-caption h3{font-size:clamp(1.4rem,2.4vw,2rem);margin:0 0 10px;color:inherit}.mabe-about__person .mabe-glass-caption .rte{font-size:.95rem;line-height:1.6}.mabe-about__person .mabe-glass-caption .rte+.rte{margin-top:8px}.mabe-about__journey{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,6vw,80px);align-items:start}.mabe-about__stage{display:none;position:sticky;top:140px;height:min(67vh,680px);perspective:1200px;isolation:isolate}.mabe-about__stage figure{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;background:#173b27;transition:opacity .65s ease,visibility .65s}.mabe-about__stage figure[data-active]{opacity:1;visibility:visible;z-index:1}.mabe-about__stage img,.mabe-about__step-image img{width:100%;height:100%;object-fit:cover;object-position:var(--about-focus,50% 50%);display:block}.mabe-about__stage figcaption{position:absolute;isolation:isolate;left:0;bottom:0;right:0;color:#fff;font-weight:700;padding:24px}.mabe-about__step{padding-block:24px;scroll-margin-top:150px}.mabe-about__step-image{aspect-ratio:4/5;margin-bottom:24px!important}.mabe-about__step-number{font-size:clamp(3rem,7vw,6rem);line-height:1;color:#107333;letter-spacing:-.08em;font-weight:700;opacity:.35;margin:0 0 20px}.mabe-about__step h3{font-size:clamp(1.6rem,2.6vw,2.4rem);margin:0 0 20px}.mabe-about__step .rte{line-height:1.8;max-width:45ch}.mabe-about__archive{border-block:1px solid #10733330;padding-block:24px}.mabe-about__archive>summary{font-weight:700;cursor:pointer;font-size:1.2rem}.mabe-about__archive-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:32px;line-height:1.8}.mabe-about__archive-content>article{grid-column:1/-1;max-width:85ch;margin-inline:auto;width:100%}.mabe-about__archive-content img{max-width:100%;height:auto}.mabe-about__archive-content>figure img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}.mabe-about__archive-content video{width:100%;grid-column:1/-1;border-radius:var(--mabe-shared-radius,8px)}.mabe-about__visit{padding:clamp(32px,6vw,64px);margin-top:48px;border-radius:var(--mabe-shared-radius,8px);background:#107333;color:#fff}.mabe-about__visit h2{color:inherit}@media(min-width:750px){.mabe-about[data-scroll-ready] .mabe-about__journey{grid-template-columns:1.1fr 1fr}.mabe-about[data-scroll-ready] .mabe-about__stage{display:block}.mabe-about[data-scroll-ready] .mabe-about__step-image{display:none}.mabe-about[data-scroll-ready] .mabe-about__step{min-height:72vh;display:flex;align-items:center}.mabe-about[data-scroll-ready] .mabe-about__step:last-child{min-height:64vh}}@media(max-width:749px){.mabe-about__people,.mabe-about__journey,.mabe-about__archive-content{grid-template-columns:minmax(0,1fr)}.mabe-about__step{padding-block:16px 32px}.mabe-about__stage{display:none!important}.mabe-about__archive-content>article{grid-column:auto}}@media(prefers-reduced-motion:reduce){.mabe-about__stage figure{transition:none!important;transform:none!important}}.mabe-about__sensor{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-block:16px;font-size:.85rem}.mabe-about__sensor:has(button[hidden]){display:none}.mabe-about__sensor button[hidden]{display:none}.mabe-about__source{display:inline-block;margin-top:20px;font-weight:700;text-underline-offset:4px}.mabe-about [data-fit=contain] img{object-fit:contain;background:#f6f7f3;padding:16px}.mabe-about [data-fit=contain] figcaption{font-size:.8rem;padding:12px}.mabe-about__assortment{margin-top:40px;padding:clamp(24px,4vw,40px);border:1px solid #10733326;border-radius:var(--mabe-shared-radius,8px);background:linear-gradient(135deg,#eef5ef,#fff)}.mabe-about__families{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.mabe-about__families ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.mabe-about__families h4{margin:0 0 20px;font-size:1.1rem}.mabe-about__families li a{display:inline-block;text-underline-offset:4px}.mabe-about__specials{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.mabe-about[data-parallax-ready] [data-parallax]{overflow:hidden;isolation:isolate}.mabe-about[data-parallax-ready] [data-parallax]:not([data-fit=contain])>img{transform:translate3d(var(--about-px,0px),var(--about-py,0px),0) scale(var(--about-scale,1.08));transform-origin:center}.mabe-about [data-parallax-visible]>img{will-change:transform}@media(max-width:989px){.mabe-about__families{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.mabe-about__people--founders .mabe-about__person:after{aspect-ratio:4/5}.mabe-about__person .mabe-glass-caption{padding:20px}}@media(prefers-reduced-motion:reduce){.mabe-about [data-parallax]>img{transform:none!important;will-change:auto!important}}.mabe-about__stage figure[data-fit=contain]{display:grid;grid-template-rows:minmax(0,1fr) auto;background:#f6f7f3}.mabe-about__stage [data-fit=contain] img{min-height:0;object-fit:contain}.mabe-about__stage [data-fit=contain] figcaption{position:relative;color:#153a25;background:#f6f7f3}.mabe-about__stage [data-fit=contain] figcaption:before{display:none}@media(max-width:989px){.mabe-about__people{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.mabe-about__stage{top:110px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mabe-about.css.map */