.cooperation-why-custom{position:relative}.cooperation-why-custom__header{text-align:center;margin-bottom:64px;max-width:768px;margin-left:auto;margin-right:auto}.cooperation-why-custom__label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin-bottom:12px}.cooperation-why-custom__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:500;font-size:30px;line-height:1.2;margin:0}.cooperation-why-custom__heading-accent{font-style:italic}@media screen and (min-width:750px){.cooperation-why-custom__heading{font-size:48px}}.cooperation-why-custom__grid{display:grid;grid-template-columns:1fr;gap:24px;width:100%}@media screen and (min-width:750px){.cooperation-why-custom__grid{grid-template-columns:repeat(12,minmax(0,1fr))}.cooperation-why-custom__card--span-7{grid-column:span 7}.cooperation-why-custom__card--span-5{grid-column:span 5}.cooperation-why-custom__card--span-12{grid-column:span 12}}.cooperation-why-custom__card{position:relative;overflow:hidden;border-width:1px;border-style:solid;border-radius:24px;transition:box-shadow .5s ease}@media screen and (min-width:750px){.cooperation-why-custom__card{border-radius:32px}}.cooperation-why-custom__card--oat{padding:24px}@media screen and (min-width:750px){.cooperation-why-custom__card--oat{padding:32px}}@media screen and (min-width:990px){.cooperation-why-custom__card--oat{padding:48px}}.cooperation-why-custom__card-blob{position:absolute;border-radius:9999px;pointer-events:none;display:block!important}.cooperation-why-custom__card-blob--oat{top:0;right:0;width:256px;height:256px;filter:blur(48px);opacity:.5;transform:scale(1);transition:transform .7s ease}.cooperation-why-custom__card--oat:hover .cooperation-why-custom__card-blob--oat{transform:scale(1.25)}.cooperation-why-custom__card-inner{position:relative;z-index:2}.cooperation-why-custom__card-inner--stack{width:100%}.cooperation-why-custom__card-icon-wrap{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 2px #1c19170f;transition:transform .5s ease}@media screen and (min-width:750px){.cooperation-why-custom__card-icon-wrap{width:64px;height:64px;border-radius:16px;margin-bottom:32px}}.cooperation-why-custom__card--oat:hover .cooperation-why-custom__card-icon-wrap{transform:scale(1.1) rotate(3deg)}.cooperation-why-custom__card-icon-wrap svg{width:28px;height:28px;display:block}@media screen and (min-width:750px){.cooperation-why-custom__card-icon-wrap svg{width:32px;height:32px}}.cooperation-why-custom__card-title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:500;font-size:20px;line-height:1.25;margin:0 0 12px}@media screen and (min-width:750px){.cooperation-why-custom__card-title{font-size:24px;margin-bottom:16px}}@media screen and (min-width:990px){.cooperation-why-custom__card-title{font-size:30px}}.cooperation-why-custom__card-text{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:300;line-height:1.625;font-size:16px;margin:0;max-width:448px}@media screen and (min-width:750px){.cooperation-why-custom__card-text{font-size:18px}}.cooperation-why-custom__card-text.rte>p:first-child{margin-top:0}.cooperation-why-custom__card-text.rte>p:last-child{margin-bottom:0}.cooperation-why-custom__card--dark{display:flex;flex-direction:column;padding:24px;min-height:280px;border:none}@media screen and (min-width:750px){.cooperation-why-custom__card--dark{padding:32px;min-height:320px}}@media screen and (min-width:990px){.cooperation-why-custom__card--dark{padding:48px;min-height:360px}}.cooperation-why-custom__card-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-image:var(--coop-dark-img);opacity:.3;mix-blend-mode:overlay;transition:opacity .7s ease,transform .7s ease;transform:scale(1);pointer-events:none;display:block!important}.cooperation-why-custom__card--dark:hover .cooperation-why-custom__card-photo{opacity:.5;transform:scale(1.05)}.cooperation-why-custom__card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;display:block!important}.cooperation-why-custom__card-inner--dark{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;flex:1;min-height:0}.cooperation-why-custom__card--dark .cooperation-why-custom__card-icon-wrap{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-width:1px;border-style:solid;margin-bottom:24px}@media screen and (min-width:750px){.cooperation-why-custom__card--dark .cooperation-why-custom__card-icon-wrap{margin-bottom:32px}}.cooperation-why-custom__card--dark:hover .cooperation-why-custom__card-icon-wrap{transform:scale(1.1) rotate(-3deg)}.cooperation-why-custom__card-body-dark{width:100%}.cooperation-why-custom__card--sage{padding:24px}@media screen and (min-width:750px){.cooperation-why-custom__card--sage{padding:32px}}@media screen and (min-width:990px){.cooperation-why-custom__card--sage{padding:48px}}.cooperation-why-custom__card-blob--sage{bottom:0;right:0;width:384px;height:384px;filter:blur(80px);opacity:.6;transform:scale(1);transition:transform .7s ease}.cooperation-why-custom__card--sage:hover .cooperation-why-custom__card-blob--sage{transform:scale(1.1)}.cooperation-why-custom__card-inner--sage{display:flex;flex-direction:column;align-items:flex-start;gap:24px;z-index:2}@media screen and (min-width:750px){.cooperation-why-custom__card-inner--sage{flex-direction:row;align-items:center;gap:64px}}.cooperation-why-custom__card-icon-wrap--circle{width:64px;height:64px;border-radius:9999px;margin-bottom:0;box-shadow:0 1px 2px #1c19170f;flex-shrink:0;transition:transform .5s ease}@media screen and (min-width:750px){.cooperation-why-custom__card-icon-wrap--circle{width:80px;height:80px}}.cooperation-why-custom__card--sage:hover .cooperation-why-custom__card-icon-wrap--circle{transform:scale(1.1) rotate(6deg)}.cooperation-why-custom__card-icon-wrap--circle svg{width:32px;height:32px}@media screen and (min-width:750px){.cooperation-why-custom__card-icon-wrap--circle svg{width:40px;height:40px}}.cooperation-why-custom__card-sage-copy{flex:1;min-width:0}.cooperation-why-custom__card--sage .cooperation-why-custom__card-text{max-width:768px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-cooperation-why-custom.css.map */