.cf-materials{background:#fff;color:#18211c}.cf-materials .cf-materials__inner{padding-top:clamp(6.4rem,8vw,10rem);padding-bottom:clamp(6.4rem,8vw,10rem)}.cf-materials--home .cf-materials__inner{padding-top:var(--cf-home-section-space);padding-bottom:var(--cf-home-section-space)}.cf-materials__header{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.4rem,5vw,7rem);align-items:end;margin-bottom:var(--cf-home-component-gap)}.cf-materials__eyebrow,.cf-material-card__eyebrow{margin:0 0 1rem;color:#165f2d;font-family:var(--font-heading-family);font-size:1.25rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.cf-materials__heading{margin:0;color:#18211c;font-family:var(--font-heading-family);font-size:clamp(3.2rem,4.2vw,5.2rem);font-weight:700;line-height:1.08;letter-spacing:-.025em}.cf-materials__intro{color:#4a554e;font-size:1.7rem;line-height:1.6}.cf-materials__intro>:first-child,.cf-material-card__text>:first-child{margin-top:0}.cf-materials__intro>:last-child,.cf-material-card__text>:last-child{margin-bottom:0}.cf-materials__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--cf-home-card-gap);align-items:start}.cf-material-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:.1rem solid #808a83;border-radius:1.4rem;background:#f7f8f5}.cf-material-card--lead{border-color:#6f7972}.cf-material-card--support{background:#fff}.cf-material-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#eef0eb}.cf-material-card__image{width:100%;height:100%;object-fit:cover;object-position:center}.cf-material-card--lead .cf-material-card__image{object-fit:cover}.cf-material-card__content{display:flex;flex:1;flex-direction:column;padding:clamp(2.2rem,3vw,3.4rem)}.cf-material-card__title{margin:0;color:#18211c;font-family:var(--font-heading-family);font-size:clamp(2.5rem,3vw,3.8rem);font-weight:700;line-height:1.12}.cf-material-card--support .cf-material-card__title{font-size:clamp(2.2rem,2.5vw,3rem);font-weight:600}.cf-material-card__text{margin-top:1.5rem;color:#4a554e;font-size:1.5rem;line-height:1.55}.cf-material-card__actions{margin-top:auto;padding-top:2.4rem}@media screen and (min-width:990px){.cf-materials--home .cf-materials__grid{align-items:stretch}.cf-materials--home .cf-material-card{height:100%}}@media screen and (max-width:989px){.cf-materials__header,.cf-materials__grid{grid-template-columns:minmax(0,1fr)}.cf-materials__header{gap:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/cf-section-cf-material-cards.css.map */
