.brand-story{--brand-border: rgba(var(--color-foreground), .14);--brand-surface: rgba(var(--color-foreground), .035);padding:0 0 clamp(5.6rem,7vw,9rem);overflow:hidden}.brand-story__hero{position:relative;min-height:clamp(68rem,64vw,86rem);background-color:#f5eee8;background-image:var(--brand-hero-image);background-position:center;background-size:cover;isolation:isolate}.brand-story__hero:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fffcf8e0,#fffcf8b3 44%,#fffcf81f 76%),linear-gradient(0deg,#fffcf8f5,#fffcf842 42%,#fffcf814 68%);content:""}.brand-story__hero--placeholder{background-image:linear-gradient(135deg,#fff8f2,#f4e2d7)}.brand-story__hero-content{display:flex;flex-direction:column;justify-content:space-between;min-height:inherit;padding-top:clamp(5rem,7vw,8rem);padding-bottom:clamp(3rem,5vw,5.6rem)}.brand-story__inner{display:grid;gap:clamp(4.4rem,6vw,7rem);padding-top:clamp(5.6rem,7vw,9rem)}.brand-story__intro{display:grid;grid-template-columns:minmax(28rem,42rem) minmax(32rem,46rem);gap:clamp(3rem,4vw,6rem);align-items:end;justify-content:start}.brand-story__eyebrow,.brand-story__chapter-kicker{margin:0 0 1.4rem;color:var(--brand-accent);font-size:1.2rem;font-weight:700;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.brand-story__display{max-width:11ch;margin:0;color:#2f211c;font-size:clamp(4.2rem,6vw,7.4rem);line-height:.98;letter-spacing:-.035em}.brand-story__lead{max-width:46rem;margin-bottom:.6rem;padding-left:2rem;border-left:.2rem solid var(--brand-accent);color:#4f4039;font-size:clamp(1.7rem,2vw,2.1rem);line-height:1.65}.brand-story__lead>*:first-child,.brand-story__value .rte>*:first-child,.brand-story__chapter .rte>*:first-child,.brand-story__impact .rte>*:first-child{margin-top:0}.brand-story__lead>*:last-child,.brand-story__value .rte>*:last-child,.brand-story__chapter .rte>*:last-child,.brand-story__impact .rte>*:last-child{margin-bottom:0}.brand-story__values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.4rem,2vw,2.2rem);margin:0;padding:0;list-style:none}.brand-story__value{min-height:18rem;padding:clamp(2.4rem,3vw,3.6rem);border:.1rem solid rgba(89,57,44,.16);border-radius:1.4rem;background:#fffcf9e0;box-shadow:0 1.6rem 4rem #4b2c2017;backdrop-filter:blur(1.2rem);-webkit-backdrop-filter:blur(1.2rem);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.brand-story__value:hover{transform:translateY(-.4rem);border-color:var(--brand-accent);box-shadow:0 1.8rem 4rem rgba(var(--color-foreground),.08)}.brand-story__number{display:inline-block;margin-bottom:clamp(2rem,3vw,3rem);color:var(--brand-accent);font-size:1.3rem;font-weight:700;letter-spacing:.12em}.brand-story__value h3,.brand-story__chapter h3{margin:0 0 1.2rem;font-size:clamp(2rem,2.5vw,2.8rem);line-height:1.15}.brand-story__value .rte,.brand-story__chapter .rte{color:rgba(var(--color-foreground),.76);font-size:1.6rem;line-height:1.65}.brand-story__journey{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(4rem,9vw,12rem);padding-top:clamp(4rem,6vw,6rem);border-top:.1rem solid var(--brand-border)}.brand-story__journey-intro h2,.brand-story__impact h2{margin:0 0 2rem;font-size:clamp(3rem,4.6vw,5.4rem);line-height:1.05;letter-spacing:-.025em}.brand-story__journey-intro .rte{max-width:44rem;color:rgba(var(--color-foreground),.76);font-size:1.7rem;line-height:1.7}.brand-story__journey-intro .rte:after{display:block;width:6rem;height:.3rem;margin-top:3rem;border-radius:999px;background:var(--brand-accent);content:""}.brand-story__chapters{display:grid;gap:0;margin:0;padding:0;list-style:none}.brand-story__chapter{display:grid;grid-template-columns:4.4rem minmax(0,1fr);gap:2.2rem;padding:0 0 3.2rem;position:relative}.brand-story__chapter:not(:last-child):before{content:"";position:absolute;top:4.4rem;bottom:0;left:2.15rem;width:.1rem;background:var(--brand-border)}.brand-story__chapter-marker{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;background:var(--brand-accent);color:#fff;font-size:1.4rem;font-weight:700}.brand-story__chapter-kicker{margin-bottom:.8rem}.brand-story__impact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(3rem,8vw,10rem);align-items:end;padding:clamp(3.2rem,6vw,6.4rem);border:.1rem solid #efc7b5;border-radius:1.6rem;background:linear-gradient(135deg,#fff9f3,#ffe5d7);box-shadow:0 2rem 5rem #703e2b1a;color:#422a21}.brand-story__impact-copy{max-width:75rem}.brand-story__impact .brand-story__eyebrow{color:#b84435}.brand-story__impact h2{color:#422a21}.brand-story__impact .rte{max-width:68rem;color:#654b41;font-size:1.7rem;line-height:1.65}.brand-story__actions{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:flex-end}.brand-story__impact .button{--color-button: 139, 55, 42;--color-button-text: 255, 255, 255;white-space:nowrap}.brand-story__impact .button--secondary{--color-button: 255, 249, 243;--color-button-text: 105, 50, 39}@media screen and (max-width:989px){.brand-story__intro,.brand-story__journey,.brand-story__impact{grid-template-columns:1fr}.brand-story__lead{max-width:52rem}.brand-story__values{grid-template-columns:1fr}.brand-story__hero{min-height:auto;background-position:58% center}.brand-story__hero:before{background:linear-gradient(180deg,#fffcf8e6,#fffcf8a8 42%,#fffcf8f0)}.brand-story__hero-content{gap:4.8rem}.brand-story__value{min-height:0}.brand-story__number{margin-bottom:3.2rem}.brand-story__actions{justify-content:flex-start}}@media screen and (max-width:749px){.brand-story{padding-bottom:5.6rem}.brand-story__inner{gap:5.6rem;padding-top:5.6rem}.brand-story__hero-content{padding-top:4.8rem;padding-bottom:3.2rem}.brand-story__display{max-width:10ch;font-size:clamp(4rem,13vw,5.6rem)}.brand-story__value{padding:2.4rem}.brand-story__chapter{grid-template-columns:3.8rem minmax(0,1fr);gap:1.6rem}.brand-story__chapter-marker{width:3.8rem;height:3.8rem}.brand-story__chapter:not(:last-child):before{top:3.8rem;left:1.85rem}.brand-story__impact{padding:3rem 2.2rem}.brand-story__actions,.brand-story__actions .button{width:100%}}@media(prefers-reduced-motion:reduce){.brand-story__value{transition:none}.brand-story__value:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-our-brand-story.css.map?brand_story_v=8 */