.ward-about-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:46px;padding:0 100px;background:var(--ward-cream, #FCF8E8);color:#183c2f}.ward-about-hero__heading{font-family:MatterRegular;font-size:32px;font-weight:400;line-height:42px;letter-spacing:.32px;text-transform:uppercase;color:#183c2f;margin:0 0 113px;max-width:376px}.ward-about-hero__media{flex:0 0 818px;width:818px;max-width:66%}.ward-about-hero__media img{display:block;width:100%;height:auto;aspect-ratio:818 / 659;object-fit:cover}.ward-about-intro{display:grid;grid-template-columns:591px 1fr;gap:138px;align-items:start;padding:166px 100px 84px;background:var(--ward-cream, #FCF8E8);color:#183c2f}.ward-about-intro__media img{display:block;width:100%;height:auto;aspect-ratio:591 / 769;object-fit:cover}.ward-about-intro__copy{max-width:432px;padding-top:77px}.ward-about-intro__heading{font-family:MatterRegular;font-size:32px;font-weight:400;line-height:42px;letter-spacing:.32px;text-transform:uppercase;color:#183c2f;margin:0 0 26px;max-width:311px}.ward-about-intro__text{font-family:MatterRegular;font-size:14px;line-height:22px;letter-spacing:.42px;color:#183c2f}.ward-about-intro__text p{margin:0 0 22px}.ward-about-intro__text p:last-child{margin-bottom:0}.ward-about-tabs{display:grid;grid-template-columns:1fr auto auto auto 1fr;grid-template-areas:". tab-namesake tab-formulations tab-packaging ." "panel panel panel panel panel";column-gap:48px;row-gap:76px;padding:153px 60px 80px;background:#f6f0d9;color:#183c2f;min-height:850px}.ward-about-tabs__tab{align-self:start;background:none;border:0;padding:0 0 4px;color:#183c2f;font-family:"Sweet Sans",var(--sweet-sans-font, sans-serif);font-size:14px;font-weight:700;letter-spacing:1.12px;line-height:1.2;text-transform:uppercase;white-space:nowrap;cursor:pointer}.ward-about-tabs__tab[data-about-tab=namesake]{grid-area:tab-namesake}.ward-about-tabs__tab[data-about-tab=formulations]{grid-area:tab-formulations}.ward-about-tabs__tab[data-about-tab=packaging]{grid-area:tab-packaging}.ward-about-tabs__tab.is-active{text-decoration:underline;text-underline-offset:4px}.ward-about-panel{grid-area:panel;display:none;grid-template-columns:1fr auto 1fr;align-items:start;justify-items:center;gap:0 12px}.ward-about-panel.is-active{display:grid}.ward-about-panel__copy{grid-column:2;text-align:center;max-width:430px;padding-top:84px}.ward-about-panel[data-about-panel=namesake] .ward-about-panel__copy{max-width:416px}.ward-about-panel[data-about-panel=packaging] .ward-about-panel__copy{max-width:388px}.ward-about-panel__media{display:flex;justify-content:center;align-items:center}.ward-about-panel__media img{display:block;height:auto;max-width:100%}.ward-about-panel__media--left{grid-column:1;justify-self:end}.ward-about-panel__media--right{grid-column:3;justify-self:start}.ward-about-panel[data-about-panel=namesake] .ward-about-panel__media--left{margin-right:-52px}.ward-about-panel[data-about-panel=namesake] .ward-about-panel__media--left img{width:414px}.ward-about-panel[data-about-panel=formulations] .ward-about-panel__media--right{margin-left:-21px}.ward-about-panel[data-about-panel=formulations] .ward-about-panel__media--right img{width:312px}.ward-about-panel[data-about-panel=packaging] .ward-about-panel__media--left img{width:270px;mix-blend-mode:multiply}.ward-about-panel[data-about-panel=packaging] .ward-about-panel__media--right{margin-left:-40px}.ward-about-panel[data-about-panel=packaging] .ward-about-panel__media--right img{width:242px}.ward-about-panel__heading{font-family:MatterRegular;font-size:32px;font-weight:400;line-height:42px;letter-spacing:.32px;text-transform:uppercase;color:#183c2f;margin:0 auto 34px;max-width:343px}.ward-about-panel__heading--narrow{max-width:263px}.ward-about-panel__text{font-family:MatterRegular;font-size:14px;line-height:20px;letter-spacing:.42px;color:#183c2f}.ward-about-panel__text p{margin:0}.ward-about-panel__quote{font-family:MatterRegular;font-size:21px;line-height:30px;letter-spacing:.63px;color:#183c2f;margin:49px 0 22px}.ward-about-panel__attribution{font-family:"Sweet Sans",var(--sweet-sans-font, sans-serif);font-size:14px;font-weight:500;letter-spacing:1.12px;text-transform:uppercase;color:#183c2f;margin:0}.ward-about-cta{position:relative;min-height:634px;color:#fcf8e8;overflow:hidden}.ward-about-cta__media,.ward-about-cta__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ward-about-cta__media img{object-fit:cover;object-position:center 40%}.ward-about-cta__content{position:relative;z-index:1;min-height:634px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px}.ward-about-cta__heading{font-family:MatterRegular;font-size:32px;font-weight:400;line-height:42px;letter-spacing:.32px;text-transform:uppercase;color:#fcf8e8;margin:0 0 26px;max-width:381px}.ward-about-cta__copy{font-family:MatterRegular;font-size:14px;line-height:22px;letter-spacing:.42px;color:#fcf8e8;margin:0 0 44px;max-width:457px}.ward-about-cta__link{color:#fcf8e8}@media(max-width:991.98px){.ward-about-hero{flex-direction:column;align-items:flex-start;gap:20px;padding:0 0 40px}.ward-about-hero__media{flex:none;width:100%;max-width:none;order:-1}.ward-about-hero__media img{aspect-ratio:375 / 301}.ward-about-hero__heading{font-size:22px;letter-spacing:.22px;line-height:42px;margin:20px 33px 0;max-width:274px}.ward-about-hero__break{display:none}.ward-about-intro{grid-template-columns:1fr;gap:20px;padding:0 33px 48px}.ward-about-intro__copy{padding-top:0;max-width:none}.ward-about-intro__heading{font-size:22px;letter-spacing:.22px;max-width:274px;margin-bottom:17px}.ward-about-intro__text{font-weight:300;line-height:20px}.ward-about-tabs{display:flex;flex-direction:column;min-height:0;padding:51px 33px 80px;row-gap:0;column-gap:0}.ward-about-tabs__tab{width:100%;text-align:center;padding:21px 0;border-bottom:1px solid #183c2f;grid-area:auto}.ward-about-tabs__tab[data-about-tab=namesake]{border-top:1px solid #183c2f;order:1}.ward-about-panel[data-about-panel=namesake]{order:2}.ward-about-tabs__tab[data-about-tab=formulations]{order:3}.ward-about-panel[data-about-panel=formulations]{order:4}.ward-about-tabs__tab[data-about-tab=packaging]{order:5}.ward-about-panel[data-about-panel=packaging]{order:6}.ward-about-panel,.ward-about-panel.is-active{display:none;grid-template-columns:1fr;min-height:0;padding:40px 0 24px}.ward-about-panel.is-active{display:flex;flex-direction:column;align-items:center;gap:32px}.ward-about-panel__copy,.ward-about-panel__media--left,.ward-about-panel__media--right{grid-column:auto;justify-self:center;margin:0}.ward-about-panel__copy{order:2;max-width:283px;padding-top:0}.ward-about-panel__media{order:1}.ward-about-panel[data-about-panel=namesake] .ward-about-panel__media--left img{width:264px}.ward-about-panel[data-about-panel=formulations] .ward-about-panel__media--right img,.ward-about-panel[data-about-panel=packaging] .ward-about-panel__media--left img,.ward-about-panel[data-about-panel=packaging] .ward-about-panel__media--right img{width:min(264px,100%)}.ward-about-panel__heading{font-size:22px;line-height:32px;margin-bottom:20px}.ward-about-panel__quote{font-size:16px;line-height:24px;margin-top:28px}.ward-about-cta{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ward-about.css.map */