:root{--epo-anthracite: #2C2C2C;--epo-sand-beige: #D1BFAC;--epo-off-white: #F9F7F5;--epo-heading-font: "Playfair Display", serif;--epo-body-font: "Montserrat", sans-serif}.material-library{padding-top:var(--spacing-padding-top, 80px);padding-bottom:var(--spacing-padding-bottom, 80px);max-width:1400px;margin:0 auto;background-color:var(--epo-anthracite);color:var(--epo-off-white)}.material-header{margin-bottom:5rem;position:relative;padding:0 2rem}.material-title-display{font-family:var(--epo-heading-font)!important;font-size:clamp(2.5rem,5vw,4rem)!important;margin-bottom:1.5rem;letter-spacing:.05em;text-transform:none!important;font-weight:400;color:var(--epo-off-white)}.material-subtitle{font-family:var(--epo-body-font);color:var(--epo-sand-beige);font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:2rem}.material-header-line{width:60px;height:1px;background-color:var(--epo-sand-beige);margin:0 auto}.material-category-nav{margin-bottom:4rem;display:flex;justify-content:center;position:sticky;top:80px;z-index:10}.nav-scroll-wrapper{display:flex;gap:.5rem;padding:.5rem;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;border:1px solid rgba(209,191,172,.1);box-shadow:0 10px 30px #0000004d}.nav-item{background:transparent;border:none;border-radius:100px;padding:.8rem 2rem;color:#f9f7f580;cursor:pointer;white-space:nowrap;transition:all .4s cubic-bezier(.165,.84,.44,1);font-family:var(--epo-body-font);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em}.nav-item:hover{color:var(--epo-off-white);background:#d1bfac0d}.nav-item.active{background:var(--epo-sand-beige);color:var(--epo-anthracite);box-shadow:0 4px 15px #d1bfac4d}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:3rem;padding:0 2rem}.material-card{transition:opacity .5s cubic-bezier(.165,.84,.44,1)}.material-card__inner{background:#242424;border-radius:0;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:all .5s cubic-bezier(.165,.84,.44,1);border:1px solid rgba(209,191,172,.05)}.material-card:hover .material-card__inner{transform:translateY(-12px);box-shadow:0 30px 60px #00000080;border-color:#d1bfac33}.material-card__image-wrapper{position:relative;width:100%;padding-bottom:125%;overflow:hidden}.material-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.165,.84,.44,1)}.material-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(26,26,26,.8));opacity:.6;transition:opacity .5s ease}.material-card:hover .material-card__image{transform:scale(1.1)}.material-card:hover .material-card__overlay{opacity:.3}.material-card__content{padding:2.5rem;flex-grow:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#242424,#1a1a1a)}.material-card__header{margin-bottom:1.5rem}.material-card__category{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--epo-sand-beige);margin-bottom:.75rem}.material-card__title{font-family:var(--epo-heading-font);font-size:1.8rem;margin:0;letter-spacing:.01em;color:var(--epo-off-white)}.material-card__description{font-family:var(--epo-body-font);font-size:.95rem;line-height:1.8;color:#f9f7f5b3;margin-top:auto}.material-card__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;display:flex;align-items:center;justify-content:center}.material-card__placeholder svg{width:50px;height:50px;fill:#d1bfac1a}@media screen and (max-width:749px){.material-grid{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.material-header{margin-bottom:3rem}.material-category-nav{top:60px;justify-content:flex-start;padding:0 1rem;max-width:100vw;overflow:visible}.nav-scroll-wrapper{max-width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;height:auto;overflow:visible;padding-right:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-material-library.css.map */