.custom-materials-care{position:relative;display:block}@media screen and (max-width:749px){.custom-materials-care__inner.page-width{padding-inline:2.4rem}}@media screen and (min-width:750px){.custom-materials-care__inner.page-width{max-width:116rem}}.custom-materials-care__grid{display:grid;grid-template-columns:1fr;grid-template-areas:"intro" "imgtop" "timeline" "imgbottom"}@media screen and (max-width:749px){.custom-materials-care__grid{row-gap:2.6rem}}.custom-materials-care__media,.custom-materials-care__content{display:contents}.custom-materials-care__intro{grid-area:intro}.custom-materials-care__timeline{grid-area:timeline}.custom-materials-care__image--top{grid-area:imgtop}.custom-materials-care__image--bottom{grid-area:imgbottom}.custom-materials-care__intro{max-width:52rem}.custom-materials-care__eyebrow{margin:0 0 var(--custom-space-2, .8rem);font-size:.9rem;font-weight:700;letter-spacing:.14rem;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.custom-materials-care__heading{margin:0 0 var(--custom-space-3, 1.6rem);font-size:2.4rem;line-height:1.12}@media screen and (min-width:750px){.custom-materials-care__eyebrow{font-size:1rem}.custom-materials-care__heading{font-size:3.2rem}}.custom-materials-care__intro-text{max-width:42rem;color:rgba(var(--color-foreground),.75)}.custom-materials-care__intro-text p{margin:0}.custom-materials-care__image{display:block}.custom-materials-care__image-el{display:block;width:100%;height:auto}.custom-materials-care--ratio-square .custom-materials-care__image{aspect-ratio:1 / 1;overflow:hidden}.custom-materials-care--ratio-portrait .custom-materials-care__image{aspect-ratio:4 / 5;overflow:hidden}.custom-materials-care--ratio-square .custom-materials-care__image-el,.custom-materials-care--ratio-portrait .custom-materials-care__image-el{width:100%;height:100%;object-fit:cover}.custom-materials-care__timeline{display:flex;flex-direction:column}.custom-materials-care__timeline-item{display:grid;grid-template-columns:var(--custom-materials-care-dot-size, 1.4rem) 1fr;column-gap:var(--custom-space-3, 1.6rem)}.custom-materials-care__timeline-marker{position:relative;display:flex;flex-direction:column;align-items:center}.custom-materials-care__timeline-dot{position:relative;z-index:1;flex-shrink:0;width:var(--custom-materials-care-dot-size, 1.4rem);height:var(--custom-materials-care-dot-size, 1.4rem);margin-top:.4rem;border:.1rem solid rgba(var(--custom-materials-care-accent, var(--custom-color-offer-accent)),.55);border-radius:50%}.custom-materials-care__timeline-dot:after{content:"";position:absolute;top:50%;left:50%;width:40%;height:40%;transform:translate(-50%,-50%);border-radius:50%;background:rgb(var(--custom-materials-care-accent, var(--custom-color-offer-accent)))}.custom-materials-care__timeline-line{position:absolute;left:50%;top:calc(.4rem + (var(--custom-materials-care-dot-size, 1.4rem) / 2));bottom:calc(-1 * (.4rem + (var(--custom-materials-care-dot-size, 1.4rem) / 2)));width:.1rem;transform:translate(-50%);background:rgba(var(--custom-materials-care-accent, var(--custom-color-offer-accent)),var(--custom-materials-care-line-opacity, .2))}.custom-materials-care__timeline-item:last-child .custom-materials-care__timeline-line{display:none}.custom-materials-care__timeline-content{padding-bottom:var(--custom-space-4, 2.4rem)}.custom-materials-care__timeline-item:last-child .custom-materials-care__timeline-content{padding-bottom:0}.custom-materials-care__timeline-heading{margin:0 0 .4rem;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:var(--font-heading-weight);letter-spacing:.06rem;text-transform:uppercase;color:rgb(var(--color-foreground))}.custom-materials-care__timeline-text{margin:0;max-width:38rem;font-size:1.5rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}@media screen and (min-width:750px){.custom-materials-care__grid{grid-template-columns:var(--custom-materials-care-grid-columns, 50% 1fr);grid-template-areas:none;column-gap:var(--custom-space-7, 6.4rem);row-gap:0}.custom-materials-care__media,.custom-materials-care__content{display:flex;flex-direction:column}.custom-materials-care__media{gap:var(--custom-materials-care-image-gap, .8rem)}.custom-materials-care__content{gap:var(--custom-space-4, 2.4rem)}.custom-materials-care--align-top .custom-materials-care__grid{align-items:start}.custom-materials-care--align-center .custom-materials-care__grid{align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/custom-materials-care.css.map */