.brand-story{--brand-story-container: 84rem;--brand-story-gutter: 1.5rem;--brand-story-comparison-progress: 0;color:var(--brand-story-ink);background:var(--brand-story-background);overflow:clip}.brand-story *,.brand-story *:before,.brand-story *:after{box-sizing:border-box}.brand-story img,.brand-story svg{display:block;inline-size:100%}.brand-story figure,.brand-story p,.brand-story h1,.brand-story h2,.brand-story h3,.brand-story ul{margin:0}.brand-story a{color:inherit}.brand-story__container{inline-size:min(calc(100% - (var(--brand-story-gutter) * 2)),var(--brand-story-container));margin-inline:auto}.brand-story__band{padding-block:5.5rem 6.5rem}.brand-story__eyebrow{margin-block-end:1rem;color:var(--brand-story-muted);font-size:.75rem;font-weight:600;line-height:1.3;letter-spacing:0;text-transform:uppercase}.brand-story__eyebrow--light{color:#ffffffc7}.brand-story__heading,.brand-story__hero-heading,.brand-story__closing-heading{letter-spacing:0;text-wrap:balance}.brand-story__heading{max-inline-size:16ch;color:var(--brand-story-ink);font-family:var(--font-heading--family, var(--font-body--family));font-size:2.5rem;font-style:var(--font-heading--style, normal);font-weight:600;line-height:1.08}.brand-story__heading--large{max-inline-size:13ch;font-size:3rem}.brand-story__body{color:var(--brand-story-muted);font-size:1rem;line-height:1.75;text-wrap:pretty}.brand-story__body--measure{max-inline-size:42rem}.brand-story__body p+p{margin-block-start:1.25rem}.brand-story__placeholder{min-block-size:24rem;background:#e4e7e1}.brand-story__hero{position:relative;display:grid;min-block-size:min(51rem,82dvh);align-items:end;isolation:isolate;color:#fff;background:var(--brand-story-dark)}.brand-story__hero-media,.brand-story__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.brand-story__hero-media{overflow:hidden;z-index:-2}.brand-story__hero-overlay{z-index:-1;background:#0c0e0c6b}.brand-story__hero-image{block-size:calc(100% + 3rem);object-fit:cover;transform:translate3d(0,var(--brand-story-parallax-y, 0),0) scale(1.025);will-change:transform}.brand-story__hero-content{padding-block:7.5rem 3.25rem}.brand-story__hero-heading{max-inline-size:13ch;color:#fff;font-family:var(--font-heading--family, var(--font-body--family));font-size:4rem;font-style:var(--font-heading--style, normal);font-weight:600;line-height:.98}.brand-story__hero-body{max-inline-size:34rem;margin-block-start:1.5rem;color:#ffffffe0;font-size:1.0625rem;line-height:1.65;text-wrap:pretty}.brand-story__scroll-cue{display:inline-flex;align-items:center;gap:.75rem;margin-block-start:2.5rem;color:#fff;font-size:.8125rem;font-weight:600;line-height:1;text-decoration:none}.brand-story__scroll-icon{display:grid;inline-size:2.25rem;block-size:2.25rem;place-items:center;border:1px solid rgb(255 255 255 / 55%);border-radius:50%;transition:background-color .22s ease,color .22s ease,transform .22s ease}.brand-story__scroll-cue:hover .brand-story__scroll-icon,.brand-story__scroll-cue:focus-visible .brand-story__scroll-icon{color:var(--brand-story-ink);background:#fff;transform:translateY(.2rem)}.brand-story__scroll-cue:focus-visible,.brand-story__button:focus-visible,.brand-story__text-link:focus-visible,.brand-story__promise a:focus-visible{outline:2px solid currentcolor;outline-offset:.35rem}.brand-story__origin{background:var(--brand-story-background)}.brand-story__origin-grid{display:grid;gap:3.5rem}.brand-story__origin-copy{align-self:center}.brand-story__origin-copy .brand-story__body{margin-block-start:1.75rem}.brand-story__origin-media{aspect-ratio:4 / 3;min-inline-size:0;overflow:hidden}.brand-story__origin-image{block-size:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.brand-story__origin-media:hover .brand-story__origin-image{transform:scale(1.018)}.brand-story__comparison{background:var(--brand-story-surface)}.brand-story__section-intro{display:grid;gap:1.25rem;margin-block-end:3rem}.brand-story__section-heading{display:grid;gap:1rem;align-content:start}.brand-story__comparison-media{aspect-ratio:16 / 7;overflow:hidden;background:var(--brand-story-background)}.brand-story__comparison-image{block-size:100%;object-fit:cover}.brand-story__comparison-columns{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-block-start:2.25rem;border-block:1px solid rgb(23 25 23 / 18%)}.brand-story__section-intro+.brand-story__comparison-columns{margin-block-start:0}.brand-story__comparison-column{min-inline-size:0;padding:2rem 0}.brand-story__comparison-column--old{padding-inline-end:2rem}.brand-story__comparison-column--new{padding-inline-start:2rem}.brand-story__comparison-label{margin-block-end:.75rem;color:var(--brand-story-muted);font-size:.75rem;font-weight:600;line-height:1.3;text-transform:uppercase}.brand-story__comparison-column h3{color:var(--brand-story-ink);font-family:var(--font-heading--family, var(--font-body--family));font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:0}.brand-story__comparison-column ul{display:grid;gap:.8rem;margin-block-start:1.5rem;padding:0;color:var(--brand-story-muted);font-size:.9375rem;line-height:1.55;list-style:none}.brand-story__comparison-column li{position:relative;padding-inline-start:1.25rem}.brand-story__comparison-column li:before{position:absolute;inset-block-start:.68em;inset-inline-start:0;inline-size:.35rem;block-size:.35rem;border-radius:50%;background:var(--brand-story-accent);content:""}.brand-story__comparison-divider{position:absolute;inset-block:0;inset-inline-start:50%;inline-size:1px;background:#1719172e;overflow:hidden}.brand-story__comparison-divider span{display:block;inline-size:100%;block-size:100%;background:var(--brand-story-accent);transform:scaleY(var(--brand-story-comparison-progress));transform-origin:top}.brand-story__principles{background:var(--brand-story-background)}.brand-story__principles-grid{display:grid;gap:4rem}.brand-story__principles-intro .brand-story__body{margin-block-start:1.5rem}.brand-story__principles-list{min-inline-size:0}.brand-story__principle{display:grid;gap:1.5rem;padding-block:2rem 4rem;border-block-start:1px solid rgb(23 25 23 / 18%)}.brand-story__principle:last-child{padding-block-end:0}.brand-story__principle-copy{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:1rem}.brand-story__principle-number{color:var(--brand-story-accent);font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.5}.brand-story__principle h3{color:var(--brand-story-ink);font-family:var(--font-heading--family, var(--font-body--family));font-size:1.75rem;font-weight:600;line-height:1.15;letter-spacing:0}.brand-story__principle p{max-inline-size:37rem;margin-block-start:.75rem;color:var(--brand-story-muted);font-size:.9375rem;line-height:1.65;text-wrap:pretty}.brand-story__principle-media{aspect-ratio:1;overflow:hidden;background:#e4e7e1}.brand-story__principle-image{block-size:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.brand-story__principle:hover .brand-story__principle-image{transform:scale(1.015)}.brand-story__quality{color:#f7f8f5;background:var(--brand-story-dark)}.brand-story__quality-grid{display:grid;gap:3rem}.brand-story__quality .brand-story__heading{color:#fff}.brand-story__quality .brand-story__body{margin-block-start:1.5rem;color:#f7f8f5b8}.brand-story__quality-media{aspect-ratio:320 / 243;overflow:hidden;background:#2a2e2a}.brand-story__quality-image{block-size:100%;object-fit:cover}.brand-story__promises{background:var(--brand-story-surface)}.brand-story__promise-list{display:grid;border-block-start:1px solid rgb(23 25 23 / 18%);border-inline-start:1px solid rgb(23 25 23 / 18%)}.brand-story__promise{display:flex;min-block-size:15rem;flex-direction:column;padding:1.5rem;border-block-end:1px solid rgb(23 25 23 / 18%);border-inline-end:1px solid rgb(23 25 23 / 18%)}.brand-story__promise-index{color:var(--brand-story-accent);font-size:.6875rem;font-variant-numeric:tabular-nums;font-weight:600}.brand-story__promise h3{max-inline-size:14rem;margin-block-start:2.25rem;color:var(--brand-story-ink);font-family:var(--font-heading--family, var(--font-body--family));font-size:1.25rem;font-weight:600;line-height:1.2;letter-spacing:0}.brand-story__promise p{max-inline-size:17rem;margin-block-start:.75rem;color:var(--brand-story-muted);font-size:.875rem;line-height:1.6;text-wrap:pretty}.brand-story__promise a{align-self:flex-start;margin-block-start:auto;padding-block-start:1.5rem;color:var(--brand-story-ink);font-size:.8125rem;font-weight:600;text-underline-offset:.25rem}.brand-story__closing{position:relative;display:grid;min-block-size:41rem;align-items:end;isolation:isolate;color:#fff;background:var(--brand-story-dark)}.brand-story__closing-media,.brand-story__closing-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.brand-story__closing-media{overflow:hidden;z-index:-2}.brand-story__closing-overlay{z-index:-1;background:#0c0e0c7a}.brand-story__closing-image{block-size:calc(100% + 3rem);object-fit:cover;transform:translate3d(0,var(--brand-story-parallax-y, 0),0) scale(1.025);will-change:transform}.brand-story__closing-content{padding-block:7rem 3.5rem}.brand-story__closing-heading{max-inline-size:13ch;color:#fff;font-family:var(--font-heading--family, var(--font-body--family));font-size:3rem;font-weight:600;line-height:1.04}.brand-story__closing-body{max-inline-size:34rem;margin-block-start:1.25rem;color:#ffffffd1;font-size:1rem;line-height:1.65}.brand-story__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-block-start:2rem}.brand-story__closing .brand-story__button{display:inline-flex;min-block-size:3rem;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 1.25rem;border:1px solid #fff;border-radius:.25rem;color:var(--brand-story-dark)!important;background:#fff;font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none;transition:color .22s ease,background-color .22s ease,transform .16s ease}.brand-story__closing .brand-story__button:hover,.brand-story__closing .brand-story__button:focus-visible{color:#fff!important;background:transparent}.brand-story__button:active{transform:translateY(1px) scale(.99)}.brand-story__text-link{display:inline-flex;min-block-size:2.75rem;align-items:center;gap:.65rem;color:#fff;font-size:.875rem;font-weight:600;text-decoration-line:underline;text-decoration-color:#ffffff85;text-underline-offset:.35rem;transition:text-decoration-color .22s ease}.brand-story__text-link:hover,.brand-story__text-link:focus-visible{text-decoration-color:#fff}.brand-story[data-motion-ready] [data-reveal]{opacity:0;transform:translate3d(0,1.5rem,0);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.brand-story[data-motion-ready] [data-reveal].is-visible{opacity:1;transform:translateZ(0)}.brand-story[data-motion-ready] .brand-story__promise:nth-child(2),.brand-story[data-motion-ready] .brand-story__principle:nth-child(2){transition-delay:80ms}.brand-story[data-motion-ready] .brand-story__promise:nth-child(3),.brand-story[data-motion-ready] .brand-story__principle:nth-child(3){transition-delay:.14s}.brand-story[data-motion-ready] .brand-story__promise:nth-child(4),.brand-story[data-motion-ready] .brand-story__principle:nth-child(4){transition-delay:.2s}@media screen and (min-width:750px){.brand-story{--brand-story-gutter: 2rem}.brand-story__heading{font-size:3.25rem}.brand-story__heading--large{font-size:4rem}.brand-story__hero-heading{font-size:5.25rem}.brand-story__section-intro{grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);column-gap:5rem;row-gap:1.5rem;align-items:end;margin-block-end:3.5rem}.brand-story__section-intro .brand-story__body{justify-self:end}.brand-story__promise-list{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-story__closing-heading{font-size:4rem}}@media screen and (min-width:990px){.brand-story{--brand-story-gutter: 3rem}.brand-story__band{padding-block:8rem 9.5rem}.brand-story__origin-grid{grid-template-columns:minmax(18rem,.8fr) minmax(0,1.4fr);gap:7rem}.brand-story__origin-media{aspect-ratio:6 / 5}.brand-story__principles-grid{grid-template-columns:minmax(17rem,.7fr) minmax(0,1.3fr);gap:7rem;align-items:start}.brand-story__principles-intro{position:sticky;inset-block-start:11rem}.brand-story__principle{min-block-size:42rem;align-content:start}.brand-story__quality-grid{grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);gap:7rem;align-items:center}.brand-story__quality-media{aspect-ratio:320 / 243}.brand-story__promise-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:749px){.brand-story__band{padding-block:4.5rem 5.5rem}.brand-story__hero{min-block-size:min(43rem,84dvh)}.brand-story__hero-content{padding-block:6rem 2rem}.brand-story__hero-heading{max-inline-size:12ch;font-size:2.75rem;line-height:1.02}.brand-story__hero-body{max-inline-size:28rem;font-size:.9375rem}.brand-story__heading,.brand-story__heading--large{font-size:2.375rem}.brand-story__origin-grid,.brand-story__principles-grid,.brand-story__quality-grid{gap:2.75rem}.brand-story__comparison-media{aspect-ratio:4 / 3}.brand-story__comparison-columns{grid-template-columns:1fr}.brand-story__comparison-column--old,.brand-story__comparison-column--new{padding-inline:0}.brand-story__comparison-column--old{border-block-end:1px solid rgb(23 25 23 / 18%)}.brand-story__comparison-divider{display:none}.brand-story__principle{padding-block-end:3rem}.brand-story__principle h3{font-size:1.5rem}.brand-story__promise-list{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-story__promise{min-block-size:14rem;padding:1.25rem}.brand-story__promise h3{margin-block-start:1.5rem;font-size:1.0625rem}.brand-story__promise p{font-size:.8125rem}.brand-story__closing{min-block-size:36rem}.brand-story__closing-content{padding-block:6rem 2.5rem}.brand-story__closing-heading{font-size:2.625rem}}@media screen and (max-width:479px){.brand-story__promise-list{grid-template-columns:1fr}.brand-story__promise{min-block-size:12rem}}@media(prefers-reduced-motion:reduce){.brand-story *,.brand-story *:before,.brand-story *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.brand-story__hero-image,.brand-story__closing-image{transform:none;will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/ulif-brand-story.css.map */