.materials-section{width:100%}.materials-section .section-header{margin-bottom:2rem}.materials-section .single-material{display:flex;flex-direction:column;width:100%;gap:1rem}@media screen and (min-width:750px){.materials-section .single-material{flex-direction:row;align-items:center;width:100%;gap:3.75rem}}.materials-section .material-image-container,.materials-section .material-video-container{flex:1;overflow:hidden}.materials-section .material-image{width:100%;height:auto;object-fit:cover;transition:transform .5s ease}.materials-section .material-image:hover{transform:scale(1.05)}.materials-section .material-video{width:100%;height:100%;position:relative}.materials-section .material-video iframe,.materials-section .material-video video{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover}.materials-section .material-content{flex:1;display:flex;flex-direction:column}.materials-section .material-title{font-size:1.5rem;line-height:1.75rem;font-weight:800;font-family:var(--font-archivo-expanded);text-transform:uppercase;margin:0;color:#0f0f0f}.materials-section .material-description{font-size:1rem;line-height:1.5rem;color:rgb(var(--color-base-text),85)}.materials-section .material-button{display:inline-block;background-color:rgb(var(--color-base-foreground));color:rgb(var(--color-base-background));font-weight:600;font-size:.875rem;padding:.75rem 1.25rem;border-radius:.1875rem;text-decoration:none;transition:background-color .3s,color .3s;align-self:flex-start;text-transform:uppercase}.materials-section .material-button:hover{background-color:#000000e6}.materials-section .w-full{width:100%}.materials-section .tabs-button{font-weight:600;text-transform:uppercase;font-size:.875rem;padding-bottom:.75rem;transition:all .2s ease-in-out;position:relative}.materials-section .tabs-button:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--color-accent);transform:scaleX(0);transition:transform .2s ease-in-out;transform-origin:left}.materials-section .tabs-button.border-foreground:after{transform:scaleX(1)}@media screen and (min-width:750px){.materials-section .tabs-button{font-size:.875rem}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.fade-in{animation:fadeIn .15s ease-in-out forwards}.fade-out{animation:fadeOut .15s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/materials.css.map */