.about-story{--about-rule: rgba(var(--color-foreground), .22);overflow:hidden}.about-story__cover.gradient{background:var(--about-mission-panel-color);min-height:calc(100dvh - 8rem);padding-block:var(--about-cover-padding-top) var(--about-cover-padding-bottom);position:relative}.about-story__cover-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;min-height:calc(100dvh - 8rem - var(--about-cover-padding-top) - var(--about-cover-padding-bottom));position:relative}.about-story__cover-copy{z-index:1;grid-column:1 / span 7;grid-row:1;padding:clamp(3.2rem,4.5vw,6.4rem) clamp(3.2rem,5vw,7.2rem) clamp(3.6rem,5vw,7.2rem) clamp(3.2rem,4vw,5.6rem);background:var(--about-mission-panel-color)}.about-story__label{margin:0 0 2.4rem;font-family:var(--font-accent-family);font-size:clamp(1.8rem,1.5vw,2.2rem);font-style:var(--font-accent-style);font-weight:var(--font-accent-weight);line-height:1.2}.about-story__title{max-width:18ch;margin:0;font-size:clamp(4.2rem,5.15vw,7.6rem);line-height:.98;letter-spacing:-.035em;text-wrap:balance}.about-story__portrait-frame{grid-column:7 / -1;grid-row:1;align-self:stretch;min-height:52rem;max-height:76rem;margin:0;overflow:hidden;position:relative}.about-story__portrait-frame:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(var(--color-background)),rgba(var(--color-background),.82) 10%,rgba(var(--color-background),0) 30% 84%,rgba(var(--color-background),.72)),linear-gradient(180deg,rgba(var(--color-background),.58),rgba(var(--color-background),0) 14% 72%,rgb(var(--color-background)));content:"";pointer-events:none}.about-story__portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:68% 20%}.about-story__portrait-frame picture{display:block;width:100%;height:100%}.about-story__mission{padding-block:var(--about-mission-padding-top) var(--about-mission-padding-bottom)}.about-story__mission-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.about-story__mission-body{grid-column:2 / span 10;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(4.8rem,8vw,12rem);row-gap:4rem}.about-story__mission-body>*{margin:0}.about-story__mission-body>p:first-child{font-family:var(--font-accent-family);font-size:clamp(2.8rem,3vw,4.4rem);font-style:var(--font-accent-style);font-weight:var(--font-accent-weight);line-height:1.14}.about-story__mission-body>p:nth-child(2){grid-column:2;grid-row:1 / span 2;max-width:60rem;font-size:clamp(1.7rem,1.3vw,2rem);line-height:1.75}.about-story__mission-body>p:nth-child(3){align-self:end;max-width:42rem;padding-top:2.4rem;border-top:.1rem solid var(--about-rule);font-size:1.3rem;line-height:1.55}.about-story__history{padding-block:var(--about-story-padding-top) var(--about-story-padding-bottom)}.about-story__history-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2.4rem}.about-story__history-header{grid-column:1 / span 4;padding-right:clamp(2rem,5vw,8rem)}.about-story__history-title{max-width:7ch;margin:0;font-size:clamp(5rem,6vw,8.8rem);line-height:.95;letter-spacing:-.035em}.about-story__milestones{grid-column:5 / -1}.about-story__milestone{display:grid;grid-template-columns:minmax(11rem,.8fr) minmax(0,2.2fr);column-gap:clamp(3rem,5vw,8rem);padding-block:clamp(4rem,5vw,7.2rem);border-top:.1rem solid var(--about-rule)}.about-story__milestone:first-child{padding-top:0;border-top:0}.about-story__year{margin:0;font-family:var(--font-heading-family);font-size:clamp(3.8rem,4.5vw,6.4rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1;letter-spacing:-.04em}.about-story__milestone-copy{max-width:62rem;font-size:clamp(1.7rem,1.25vw,2rem);line-height:1.75}.about-story__milestone-copy>*{margin:0}.about-story__closing{padding-block:var(--about-closing-padding-top) var(--about-closing-padding-bottom);border-top:.1rem solid var(--about-rule)}.about-story__closing-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:2.4rem}.about-story__closing-intro{grid-column:1 / span 3;max-width:36rem;font-size:1.5rem;line-height:1.65}.about-story__closing-intro>*{margin:0}.about-story__closing-statement{grid-column:5 / -1;margin:0;font-family:var(--font-accent-family);font-size:clamp(4rem,5.4vw,8rem);font-style:var(--font-accent-style);font-weight:var(--font-accent-weight);line-height:.98;letter-spacing:-.025em;text-wrap:balance}@media screen and (min-width:990px){.about-story__cover-copy{background:transparent}.about-story__portrait-frame{z-index:0;grid-column:1 / -1;grid-row:1;top:calc(-1 * var(--about-cover-padding-top));bottom:calc(-1 * var(--about-cover-padding-bottom));left:calc(50% - 50vw);width:100vw;height:auto;min-height:0;max-height:none;position:absolute}.about-story__portrait-frame:after{background:linear-gradient(90deg,rgb(var(--about-mission-panel-rgb)),rgba(var(--about-mission-panel-rgb),.98) 30%,rgba(var(--about-mission-panel-rgb),.88) 48%,rgba(var(--about-mission-panel-rgb),.28) 64%,rgba(var(--about-mission-panel-rgb),0) 78%)}.about-story__portrait{object-position:center top}}@media screen and (max-width:989px){.about-story__cover,.about-story__cover-inner{min-height:auto}.about-story__cover-copy{grid-column:1 / span 8}.about-story__portrait-frame{grid-column:7 / -1;min-height:56rem}.about-story__mission-body,.about-story__history-inner,.about-story__closing-inner{column-gap:3.2rem}.about-story__mission-body{grid-column:1 / -1}.about-story__history-header{grid-column:1 / span 4}.about-story__milestones{grid-column:5 / -1}.about-story__milestone{grid-template-columns:1fr;row-gap:2.4rem}.about-story__closing-intro{grid-column:1 / span 4}.about-story__closing-statement{grid-column:5 / -1}}@media screen and (max-width:749px){.about-story{--about-cover-padding-top: 0rem;--about-cover-padding-bottom: 0rem;--about-mission-padding-top: 7.2rem;--about-mission-padding-bottom: 8.8rem;--about-story-padding-top: 8rem;--about-story-padding-bottom: 8rem;--about-closing-padding-top: 7.2rem;--about-closing-padding-bottom: 8.8rem}.about-story__cover-inner,.about-story__mission-inner,.about-story__history-inner,.about-story__closing-inner{display:block}.about-story__cover-copy{margin-inline:-1.6rem;padding:2.4rem 1.6rem}.about-story__label{margin-bottom:1.6rem}.about-story__title{max-width:none;font-size:clamp(3.8rem,10vw,4.4rem);line-height:.98}.about-story__portrait-frame{min-height:0;height:auto;aspect-ratio:821 / 1006;left:calc(50% - 50vw);width:100vw;margin:0}.about-story__portrait{object-position:center top}.about-story__portrait-frame:after{background:linear-gradient(90deg,rgba(var(--color-background),.72),rgba(var(--color-background),0) 18% 90%,rgba(var(--color-background),.45)),linear-gradient(180deg,rgba(var(--color-background),0) 0% 72%,rgb(var(--color-background)))}.about-story__mission-body{display:block}.about-story__mission-body>p+p{margin-top:3.2rem}.about-story__mission-body>p:nth-child(2){font-size:1.7rem}.about-story__mission-body>p:nth-child(3){margin-top:4rem}.about-story__history-header{padding-right:0}.about-story__history-title{max-width:none;margin-bottom:6.4rem}.about-story__milestone{grid-template-columns:8.5rem minmax(0,1fr);column-gap:2.4rem;row-gap:0;padding-block:4.8rem}.about-story__milestone:first-child{padding-top:0}.about-story__year{font-size:3rem}.about-story__milestone-copy{font-size:1.6rem;line-height:1.7}.about-story__closing-intro{max-width:46rem;margin-bottom:5.6rem}.about-story__closing-statement{font-size:clamp(4rem,12vw,5.6rem)}}@media(prefers-reduced-motion:no-preference){.about-story__cover-copy{animation:about-story-rise .7s cubic-bezier(.22,1,.36,1) both}.about-story__portrait-frame{animation:about-story-reveal .85s .1s cubic-bezier(.22,1,.36,1) both}}@keyframes about-story-rise{0%{opacity:0;transform:translateY(2.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes about-story-reveal{0%{opacity:0;transform:translate(2.4rem)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.about-story__cover-copy,.about-story__portrait-frame{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-about-story.css.map */