.about-fitment-story{overflow:hidden}.about-fitment-story__review-note{margin-block:0 1rem}.about-fitment-story__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--about-story-gap);min-height:var(--about-story-min-height)}.about-fitment-story__panel{position:relative;min-width:0;overflow:hidden;border-radius:var(--about-story-radius);background:var(--color-surface);color:var(--color-surface-foreground)}.about-fitment-story__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.about-fitment-story__media img,.about-fitment-story__media picture{display:block;width:100%;height:100%}.about-fitment-story__media img{object-fit:cover;transition:transform .52s cubic-bezier(.2,.7,.2,1)}.about-fitment-story__about-media--staging{background:#151515}.about-fitment-story__about-media--staging img{object-fit:contain;object-position:center}.about-fitment-story__about{display:flex;align-items:flex-end;min-height:var(--about-story-min-height);background:#151515;color:#fff}.about-fitment-story__about-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a 12%,rgb(0 0 0 / calc(var(--about-story-overlay) * .65)) 58%,rgb(0 0 0 / var(--about-story-overlay)))}.about-fitment-story__about-content{position:relative;z-index:1;width:100%;padding:clamp(1.75rem,4.5vw,4.5rem) clamp(1.5rem,4vw,4rem);max-width:42rem}.about-fitment-story__logo{width:clamp(8.75rem,13vw,13.25rem);height:auto;margin-block-end:clamp(1.75rem,4vw,3.5rem);filter:brightness(0) invert(1)}.about-fitment-story h2,.about-fitment-story h3,.about-fitment-story p{margin-block-start:0}.about-fitment-story__about h2{margin-block-end:1rem;font-size:clamp(2.8rem,5.6vw,6rem);line-height:.9;letter-spacing:-.055em;text-wrap:balance}.about-fitment-story__tagline{margin-block-end:.9rem;font-size:clamp(.78rem,1vw,.96rem);font-weight:700;line-height:1.35;letter-spacing:.08em}.about-fitment-story__about .about-fitment-story__tagline{color:#fff}.about-fitment-story__text{max-width:38rem;font-size:clamp(.96rem,1.15vw,1.1rem);line-height:1.58}.about-fitment-story__text>:last-child{margin-block-end:0}.about-fitment-story__secondary{display:grid;grid-template-rows:repeat(2,minmax(min-content,1fr));gap:var(--about-story-gap);min-width:0}.about-fitment-story__secondary-panel{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:calc((var(--about-story-min-height) - var(--about-story-gap)) / 2)}.about-fitment-story__secondary-media{position:relative;grid-column:1;min-height:100%}.about-fitment-story__secondary-content{grid-column:2;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(1.3rem,2.4vw,2.6rem)}.about-fitment-story__secondary-content h3{margin-block-end:.8rem;font-size:clamp(1.65rem,2.7vw,3rem);line-height:.96;letter-spacing:-.045em;text-wrap:balance}.about-fitment-story__steps{list-style:none;margin:.25rem 0 1.35rem;padding:0;counter-reset:about-fitment-step;font-size:clamp(.82rem,.92vw,.95rem)}.about-fitment-story__steps li{display:grid;grid-template-columns:2.25rem 1fr;gap:.7rem;padding-block:.45rem;border-block-start:1px solid color-mix(in srgb,currentColor 18%,transparent);counter-increment:about-fitment-step}.about-fitment-story__steps li:before{content:"0" counter(about-fitment-step);color:var(--color-muted);font-variant-numeric:tabular-nums}.about-fitment-story__button{align-self:flex-start;margin-block-start:auto}.about-fitment-story--about-right .about-fitment-story__about{grid-column:2;grid-row:1}.about-fitment-story--about-right .about-fitment-story__secondary{grid-column:1;grid-row:1}.about-fitment-story--secondary-media-right .about-fitment-story__secondary-media{grid-column:2}.about-fitment-story--secondary-media-right .about-fitment-story__secondary-content{grid-column:1;grid-row:1}.about-fitment-story__panel--without-media.about-fitment-story__secondary-panel{grid-template-columns:1fr}.about-fitment-story__panel--without-media .about-fitment-story__secondary-content{grid-column:1}.about-fitment-story__button:focus-visible{outline:3px solid currentColor;outline-offset:4px}@media(hover:hover){.about-fitment-story__panel:hover .about-fitment-story__media img{transform:scale(1.025)}.about-fitment-story__panel:hover .about-fitment-story__about-media--staging img{transform:none}}@media(max-width:989px){.about-fitment-story.section-spacing{padding-block-start:var(--about-story-padding-top-tablet);padding-block-end:var(--about-story-padding-bottom-tablet)}.about-fitment-story__grid{grid-template-columns:1fr;min-height:0}.about-fitment-story__about,.about-fitment-story--about-right .about-fitment-story__about{grid-column:1;grid-row:1;min-height:clamp(34rem,72vw,48rem)}.about-fitment-story__secondary,.about-fitment-story--about-right .about-fitment-story__secondary{grid-column:1;grid-row:2}.about-fitment-story__secondary-panel{min-height:23rem}.about-fitment-story--mobile-philosophy-first .about-fitment-story__philosophy{order:-1}}@media(max-width:639px){.about-fitment-story.section-spacing{padding-block-start:var(--about-story-padding-top-mobile);padding-block-end:var(--about-story-padding-bottom-mobile)}.about-fitment-story__grid{width:100%;padding-inline:var(--page-margin)}.about-fitment-story__about,.about-fitment-story--about-right .about-fitment-story__about{min-height:34rem}.about-fitment-story__about-content{padding:1.6rem 1.4rem}.about-fitment-story__about h2{font-size:clamp(2.65rem,14vw,4rem)}.about-fitment-story__secondary{display:flex;flex-direction:column}.about-fitment-story--mobile-philosophy-first .about-fitment-story__philosophy{order:-1}.about-fitment-story__secondary-panel,.about-fitment-story--secondary-media-right .about-fitment-story__secondary-panel{display:flex;flex-direction:column;min-height:0}.about-fitment-story__secondary-media,.about-fitment-story--secondary-media-right .about-fitment-story__secondary-media{position:relative;width:100%;min-height:0;aspect-ratio:4 / 3}.about-fitment-story__secondary-content{padding:1.5rem}.about-fitment-story__secondary-content h3{font-size:clamp(1.85rem,9vw,2.65rem)}.about-fitment-story__button{width:100%;margin-block-start:.4rem}}@media(prefers-reduced-motion:reduce){.about-fitment-story__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-about-fitment-story.css.map */