.material-detail{position:relative;overflow:hidden;background:#fff;z-index:1}.material-detail .breadcrumb{z-index:1;position:relative;padding-top:30px}.material-hero{position:relative;display:flex;justify-content:center;padding:36px 0 60px}.material-hero-grid{display:flex;width:100%}.material-hero-grid.reverse{flex-direction:row-reverse}.hero-text,.hero-image{flex:1;min-width:300px;position:relative;z-index:2}.hero-text{display:flex;flex-direction:column;justify-content:space-between;padding-right:85px}.hero-text h1{margin-bottom:10px}.hero-text h2{text-transform:uppercase}.material-detail-content{position:relative;z-index:2}.text-block{margin-bottom:40px}.text-block h3{font-size:20px;margin-bottom:10px;font-family:var(--font-heading-family);text-transform:inherit;font-weight:400}.text-block p{letter-spacing:.32px}.material-detail .breadcrumb span,.material-detail .breadcrumb a,.material-detail .breadcrumb svg{color:#fff}.material-hero-grid .hero-image{max-width:541px;margin-top:-270px}.hero_header h1{color:#fff;margin-bottom:5px}.hero_header h2{color:#fff;font-weight:700;font-family:var(--font-body-family)}.material-detail-content .text-block:last-child{margin-bottom:0}.hero-text .hero_header{padding-top:56px}.hero_header{padding:92px 0 60px;max-width:370px}.material-hero-grid .hero-image img{height:100%;object-fit:cover;width:100%}.hero_header_mobile{display:none}.material-hero .metafield-rich_text_field h4{margin-bottom:10px}.material-hero .metafield-rich_text_field p+h4{margin-top:40px}@media screen and (max-width: 989px){.hero-text{padding-right:40px}.material-detail-content .text-block{margin-bottom:20px}.material-detail-content .text-block p{font-size:15px;line-height:normal;letter-spacing:.3px}}@media screen and (max-width: 767px){.hero_header_desktop{display:none}.hero_header_mobile{display:block}.material-hero-grid{flex-direction:column}.hero-image{order:1}.hero-text{order:2}.hero-text h2,.hero-text h1{color:#000}.hero-text{padding-right:0}.material-detail .breadcrumb{padding-bottom:250px;padding-top:20px}.material-hero-grid .hero-image{margin-top:-255px;max-width:100%}.hero-text,.hero-image{min-width:100%}.hero-text .hero_header{padding-top:30px;padding-bottom:30px;max-width:100%}.text-block h3{font-size:18px}.material-detail-content .text-block br{display:none}}@media screen and (max-width: 639px){.material-detail .breadcrumb{padding-bottom:183px}.material-hero-grid .hero-image{margin-top:-188px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/material-detail.css.map */