.bbq-about h2{font-size:var(--bbq-h2-size);line-height:var(--bbq-h2-line);font-weight:var(--bbq-h2-weight)}.bbq-about-media{position:relative;width:100%;height:100%;overflow:hidden}.bbq-about-story-image>.bbq-about-media{width:auto;height:auto}.bbq.bbq-about .bbq-about-media>img,.bbq.bbq-about .bbq-about-mobile-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;transform-origin:center;transition:scale .48s cubic-bezier(.2,.7,.2,1)}.bbq-about-banner{height:var(--height, 685px);position:relative;overflow:hidden;isolation:isolate;background:var(--bbq-color-black)}.bbq-about-banner>.bbq-about-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.bbq-about-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,calc(var(--overlay, .6) * 7 / 6)),#0000 65%);z-index:-1}.bbq-about-hero-copy{position:absolute;left:max(var(--bbq-gutter, 24px),calc((100% - var(--bbq-width, 1260px)) / 2));right:max(var(--bbq-gutter, 24px),calc((100% - var(--bbq-width, 1260px)) / 2));bottom:80px;color:var(--bbq-fg);max-width:830px}.bbq-about-hero-copy h1{font-size:var(--bbq-h1-size);line-height:var(--bbq-h1-line);font-weight:var(--bbq-h1-weight);letter-spacing:var(--bbq-h1-tracking)!important}body.bbq-design-pages .bbq.bbq-about .bbq-about-hero-copy p{font-family:var(--bbq-font-display);font-size:var(--bbq-h4-size);font-weight:600;line-height:var(--bbq-h4-line);letter-spacing:0;color:var(--bbq-color-white);max-width:640px;margin-top:24px}.bbq-about-hero-copy .bbq-button,.bbq-about-story-actions{margin-top:28px}.bbq-about-feature-icon img{width:41px;height:41px;object-fit:contain}.bbq-about-mobile-image{display:none}.bbq-about-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;width:min(100%,1440px);margin-inline:auto}.bbq-about-split--solo{grid-template-columns:minmax(0,1fr)}.bbq-about-split--solo .bbq-about-story-copy{max-width:820px;margin-inline:auto}.bbq-about-story-image{position:relative;overflow:hidden;min-width:0;min-height:0;align-self:stretch}.bbq-about-story-image:before{content:"";display:block;width:0;padding-top:100%}.bbq-about-story-image>.bbq-about-media{position:absolute;top:0;right:0;bottom:0;left:0}.bbq-about-split--reverse .bbq-about-story-image{order:2}.bbq-about-split--inset .bbq-about-story-image>.bbq-about-media{inset:clamp(24px,5.9vw,85px)}.bbq-about-story-copy{--about-inline: max(var(--bbq-gutter, 24px), min(90px, calc((100vw - var(--bbq-width, 1260px)) / 2)));min-width:0;padding:clamp(40px,7vw,100px) var(--about-inline);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}body.bbq-design-pages .bbq.bbq-about .bbq-about-eyebrow,.bbq.bbq-about .bbq-about-eyebrow,.bbq-about-eyebrow{font-family:var(--bbq-font-display);font-size:var(--bbq-h5-size);font-weight:var(--bbq-h5-weight);line-height:var(--bbq-h5-line);letter-spacing:0;text-transform:uppercase;color:var(--bbq-color-red);margin-bottom:var(--bbq-eyebrow-gap)}body.bbq-design-pages .bbq.bbq-about .bbq-about-story-copy>h2{max-width:520px;margin:0 0 30px}body.bbq-design-pages .bbq.bbq-about .bbq-about-story-copy .bbq-about-eyebrow{margin-bottom:var(--bbq-eyebrow-gap)}.bbq-about-story-copy .bbq-about-richtext{max-width:520px}.bbq-about-story-copy .bbq-about-richtext p+p{margin-top:1.3em}body.bbq-design-pages .bbq.bbq-about .bbq-about-richtext,body.bbq-design-pages .bbq.bbq-about .bbq-about-richtext p{font-family:var(--bbq-font-body);font-size:16px;font-weight:400;line-height:1.3;color:var(--bbq-color-grey-600)}.bbq-about-richtext p+p{margin-top:24px}.bbq-about-richtext a{text-decoration:underline}.bbq-about-milestones{--mile-gap: 42px;--mile-dot: 21px;--mile-pad-x: 10px;--mile-line-inset: 23px;--mile-cols: 4;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(var(--mile-cols),minmax(0,1fr));gap:var(--mile-gap)}.bbq-about-milestones li{position:relative;min-width:0;padding:60px var(--mile-pad-x) 0}.bbq-about-dot{position:absolute;left:var(--mile-pad-x);top:0;z-index:1;width:var(--mile-dot);height:var(--mile-dot);border-radius:50%;background:var(--bbq-red);transition:background-color .24s ease}.bbq-about-milestones li:not(:last-child):after{content:"";position:absolute;z-index:0;top:calc(var(--mile-dot) / 2);left:calc(var(--mile-pad-x) + var(--mile-dot) + var(--mile-line-inset));right:-22px;height:1px;background:var(--bbq-red);transform:translateY(-50%);transition:background-color .24s ease}body.bbq-design-pages .bbq.bbq-about .bbq-about-milestones h3{font-family:var(--bbq-font-display);font-size:var(--bbq-h2-size);font-weight:var(--bbq-h2-weight);line-height:var(--bbq-h2-line);color:var(--bbq-color-black);margin:0 0 30px;transition:color .24s ease;letter-spacing:var(--bbq-h2-tracking)}body.bbq-design-pages .bbq.bbq-about .bbq-about-milestones p{max-width:230px;margin:0;font-family:var(--bbq-font-body);font-size:16px;font-weight:400;line-height:1.3;color:var(--bbq-color-grey-600);transition:color .24s ease}.bbq-about-quote{text-align:center}.bbq-about-quote blockquote,.bbq-about-quote blockquote p,body.bbq-design-pages .bbq.bbq-about-quote blockquote,body.bbq-design-pages .bbq.bbq-about .bbq-about-quote blockquote,body.bbq-design-pages .bbq.bbq-about .bbq-about-quote blockquote p,body.bbq-design-pages .bbq.bbq-about-quote blockquote p{font-family:var(--bbq-font-display);font-size:var(--bbq-h2-size);font-weight:var(--bbq-h2-weight);line-height:var(--bbq-h2-line);letter-spacing:var(--bbq-h2-tracking);font-style:normal}body.bbq-design-pages .bbq.bbq-about-quote .bbq-about-eyebrow{margin-bottom:24px;color:var(--bbq-color-beige)}.bbq-about-quote blockquote{max-width:844px;margin:0 auto;padding:0;border:0;color:inherit;quotes:none}.bbq-about-quote blockquote p{margin:0;color:inherit;font-style:inherit}body.bbq-design-pages .bbq.bbq-about .bbq-about-quote-caption{display:block;font-family:var(--bbq-font-body);font-size:16px;font-weight:400;line-height:1.3;font-style:normal;max-width:560px;margin-inline:auto;color:var(--bbq-color-white)}.bbq-about-quote blockquote .bbq-about-quote-caption{margin-top:24px}.bbq-about-intro-copy{max-width:770px}.bbq-about-intro h2{font-size:var(--bbq-h2-size);line-height:var(--bbq-h2-line);margin-bottom:28px}.bbq-about-intro .bbq-about-richtext{max-width:770px}.bbq-about-features{list-style:none;margin:72px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 48px}.bbq-about-feature{min-width:0}.bbq-about-feature-icon{display:block;width:41px;height:41px;margin-bottom:22px;color:var(--bbq-red, var(--bbq-color-red))}.bbq-about-feature-icon svg{display:block;width:41px;height:41px}.bbq-about-feature h3{margin:0 0 14px;font-size:20px;line-height:1.3;font-weight:600}body.bbq-design-pages .bbq.bbq-about .bbq-about-feature p{margin:0;max-width:320px;font-family:var(--bbq-font-body);font-size:16px;font-weight:400;line-height:1.3;color:var(--bbq-color-grey-600)}.bbq-about-cta{text-align:center}.bbq-about-cta h2{margin-bottom:28px}.bbq-about-cta .bbq-about-richtext{max-width:395px;margin-inline:auto}.bbq-about-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:48px}.bbq-about-buttons .bbq-button{border:1px solid transparent;transition:background .24s ease,color .24s ease,border-color .24s ease}.bbq-about-buttons .bbq-about-button-outline{border:var(--bbq-border-strong);background:transparent!important;color:var(--bbq-color-black)!important}.bbq-about-story h2,.bbq-about-story .bbq-about-richtext,.bbq-about-intro h2,.bbq-about-quote blockquote,.bbq-about-quote-caption{transition:color .24s ease}@media(hover:hover)and (pointer:fine){.bbq-about-story-image:hover .bbq-about-media>img{scale:1}.bbq-about-banner:hover img,.bbq-about-banner:hover [data-bbq-zoom-image]{scale:1;transform:none}.bbq-about-milestones li:hover .bbq-about-dot,.bbq-about-milestones li:has(~li:hover) .bbq-about-dot,.bbq-about-milestones li:has(~li:hover):after{background:var(--bbq-color-black)}.bbq-about-cta .bbq-about-button-outline:hover{background:transparent!important;border-color:var(--bbq-color-red);color:var(--bbq-color-red)!important}}@media(prefers-reduced-motion:reduce){.bbq-about-media>img,.bbq-about-dot,.bbq-about-milestones li:after,.bbq-about-milestones h3,.bbq-about-milestones p,.bbq-about-story h2,.bbq-about-story .bbq-about-richtext,.bbq-about-cta .bbq-button{transition:none}}@media(min-width:1441px){.bbq.bbq-about .bbq-about-banner>.bbq-about-media>img{width:100%!important;height:100%!important;left:0!important;top:0!important;object-fit:cover!important;object-position:center 40%}}@media(min-width:1650px){.bbq-about .bbq-container{width:calc(100% - var(--bbq-gutter) * 2);max-width:var(--bbq-width);margin-inline:auto}.bbq-about-hero-copy{left:max(var(--bbq-gutter),calc((100% - var(--bbq-width)) / 2));right:max(var(--bbq-gutter),calc((100% - var(--bbq-width)) / 2))}.bbq-about-split{width:calc(100% - var(--bbq-gutter) * 2);max-width:var(--bbq-width);margin-inline:auto}.bbq-about-story-copy{--about-inline: 40px;padding-left:var(--about-inline);padding-right:0}.bbq-about-split--reverse .bbq-about-story-copy{padding-left:0;padding-right:var(--about-inline)}.bbq-about-split--solo .bbq-about-story-copy{padding-inline:0}.bbq-about-split--inset .bbq-about-story-image>.bbq-about-media{top:40px;right:40px;bottom:40px;left:40px}}@media(max-width:1200px){.bbq-about-story-copy h2{font-size:var(--bbq-h2-size);line-height:var(--bbq-h2-line)}.bbq-about-hero-copy h1{font-size:var(--bbq-h1-size);line-height:var(--bbq-h1-line)}body.bbq-design-pages .bbq.bbq-about .bbq-about-hero-copy p{font-size:22px;line-height:1.25;max-width:700px}.bbq-about-milestones{--mile-gap: 24px}}@media(max-width:850px){.bbq-about-story-copy h2{font-size:var(--bbq-h2-size)}.bbq-about-features{grid-template-columns:1fr;gap:36px;margin-top:56px}.bbq-about-feature p{max-width:none}.bbq-about-milestones{--mile-gap: 0px;--mile-pad-x: 0px;--mile-line-inset: 12px;--mile-item-gap: 36px;grid-template-columns:minmax(0,1fr);max-width:420px}.bbq-about-milestones li{padding:0 0 var(--mile-item-gap) 40px}.bbq-about-milestones li:last-child{padding-bottom:0}.bbq-about-dot{left:0;top:0}.bbq-about-milestones li:not(:last-child):after{display:block;top:calc(var(--mile-dot) + var(--mile-line-inset));left:calc(var(--mile-dot) / 2);right:auto;bottom:var(--mile-line-inset);width:1px;height:auto;transform:translate(-50%)}body.bbq-design-pages .bbq.bbq-about .bbq-about-milestones h3{font-size:var(--bbq-h2-size);line-height:var(--bbq-h2-line);margin:0 0 14px;font-weight:var(--bbq-h2-weight);letter-spacing:var(--bbq-h2-tracking)}body.bbq-design-pages .bbq.bbq-about .bbq-about-milestones p{max-width:none;font-size:var(--bbq-body-size);line-height:var(--bbq-body-line);font-weight:400;letter-spacing:0}.bbq-about-quote blockquote,.bbq-about-quote blockquote p,body.bbq-design-pages .bbq.bbq-about-quote blockquote,body.bbq-design-pages .bbq.bbq-about .bbq-about-quote blockquote,body.bbq-design-pages .bbq.bbq-about .bbq-about-quote blockquote p,body.bbq-design-pages .bbq.bbq-about-quote blockquote p{font-size:34px;line-height:1.25}}@media(max-width:600px){.bbq-about-banner{height:var(--mobile-height)}.bbq-about-banner:after{background:linear-gradient(0deg,rgba(0,0,0,var(--overlay, .6)),#0000 70%)}.bbq-about-hero-copy{bottom:32px;max-width:none}.bbq-about-hero-copy h1{font-size:var(--bbq-h1-size);line-height:var(--bbq-h1-line)}body.bbq-design-pages .bbq.bbq-about .bbq-about-hero-copy p{font-size:var(--bbq-caption-size);line-height:var(--bbq-caption-line);margin-top:12px;font-weight:600;letter-spacing:0}.bbq.bbq-about .bbq-about-banner>.bbq-about-media img{width:100%!important;height:100%!important;left:0!important;top:0!important;object-fit:cover!important;object-position:center}.bbq-about-mobile-image{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.bbq-about-banner:has(.bbq-about-mobile-image)>.bbq-about-media{display:none}.bbq-about-split,.bbq-about-split--reverse{grid-template-columns:minmax(0,1fr)}.bbq-about-split--reverse .bbq-about-story-image{order:0}.bbq-about-story-image{aspect-ratio:1;min-height:0}.bbq-about-story-copy{padding-block:40px}.bbq-about-story-copy h2{font-size:var(--bbq-h2-size);line-height:var(--bbq-h2-line)}body.bbq-design-pages .bbq.bbq-about .bbq-about-eyebrow,.bbq.bbq-about .bbq-about-eyebrow,.bbq-about-eyebrow{font-size:var(--bbq-h5-size);line-height:var(--bbq-h5-line);margin-bottom:var(--bbq-eyebrow-gap);font-weight:var(--bbq-h5-weight);letter-spacing:0}body.bbq-design-pages .bbq.bbq-about .bbq-about-richtext,body.bbq-design-pages .bbq.bbq-about .bbq-about-richtext p{font-size:var(--bbq-body-size);line-height:var(--bbq-body-line);font-weight:400;letter-spacing:0}.bbq-about-quote blockquote,.bbq-about-quote blockquote p,body.bbq-design-pages .bbq.bbq-about-quote blockquote,body.bbq-design-pages .bbq.bbq-about .bbq-about-quote blockquote,body.bbq-design-pages .bbq.bbq-about .bbq-about-quote blockquote p,body.bbq-design-pages .bbq.bbq-about-quote blockquote p{font-size:var(--bbq-h4-size);line-height:var(--bbq-h4-line);font-weight:600;letter-spacing:0}body.bbq-design-pages .bbq.bbq-about .bbq-about-quote-caption{font-size:var(--bbq-body-sm-size);line-height:var(--bbq-body-sm-line);font-weight:400;letter-spacing:0}.bbq-about-intro h2,.bbq-about-cta h2,.bbq-about h2{font-size:var(--bbq-h2-size);line-height:var(--bbq-h2-line)}.bbq-about-buttons{margin-top:32px;gap:14px;flex-direction:column;align-items:stretch}.bbq-about-buttons .bbq-button{width:100%}}@media(min-width:1201px){.bbq-about-split:not(.bbq-about-split--solo){width:min(100%,1440px);max-width:1440px}.bbq-about-split:not(.bbq-about-split--solo)>.bbq-about-story-image,.bbq-about-split:not(.bbq-about-split--solo)>.bbq-about-story-copy{aspect-ratio:1}.bbq-about-split:not(.bbq-about-split--solo)>.bbq-about-story-copy{padding:0 100px;justify-content:center}}.bbq-about-story-image>.bbq-about-media{border-radius:var(--bbq-radius)}.bbq-about-split:not(.bbq-about-split--inset) .bbq-about-story-image>.bbq-about-media{top:24px;right:24px;bottom:24px;left:24px}@media(max-width:600px){.bbq-about-split:not(.bbq-about-split--inset) .bbq-about-story-image{aspect-ratio:393 / 316}.bbq-about-split:not(.bbq-about-split--inset) .bbq-about-story-image:before{display:none}.bbq-about-split:not(.bbq-about-split--inset) .bbq-about-story-image>.bbq-about-media{top:16px;right:16px;bottom:0;left:16px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/bbq-about.css.map */