.materialsPage{background:#f8f4ed;min-height:100vh}.materialsUtility{color:#c9beb2;letter-spacing:.16em;background:#1b1714;justify-content:space-between;align-items:center;height:34px;padding:0 4vw;font-size:9px;display:flex}.materialsUtility>div{gap:24px;display:flex}.materialsNav{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbf8f2f5;justify-content:space-between;align-items:center;height:84px;padding:0 4vw;display:flex;position:sticky;top:0}.materialsNav>div{align-items:center;gap:24px;display:flex}.backLink{color:#625b54;font-size:11px}.materialsHero{color:#fff;background:linear-gradient(110deg,#180e09e6,#2e1912b8),url(/materials-hero-v2.webp) 50%/cover;flex-direction:column;justify-content:space-between;min-height:520px;padding:92px 7vw 0;display:flex}.materialsHeroCopy{max-width:850px}.materialsHero h1{margin:0 0 24px;font:400 clamp(50px,7vw,96px)/1.05 Georgia,Noto Serif SC,serif}.materialsHeroCopy>p:last-child{color:#d8cfc7;max-width:760px;font-size:14px;line-height:1.9}.materialsStats{background:#0f0a08bd;grid-template-columns:repeat(4,170px);align-self:flex-end;display:grid}.materialsStats div{border-left:1px solid #ffffff26;flex-direction:column;padding:24px;display:flex}.materialsStats strong{color:#d3aa76;font:28px Georgia}.materialsStats span{color:#c8beb6;margin-top:6px;font-size:10px}.materialsContent{padding:78px 7vw 105px}.categoryTabs{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:88px;display:grid}.categoryTabs button{border:0;border-right:1px solid var(--line);text-align:left;cursor:pointer;color:#332e29;background:#fbf8f2;grid-template-columns:auto 1fr;gap:6px 20px;padding:25px 28px;display:grid}.categoryTabs button:last-child{border-right:0}.categoryTabs button>span{color:#a89888;grid-row:1/3;font:23px Georgia}.categoryTabs button small{color:#8b8075;letter-spacing:.08em;font-size:9px}.categoryTabs button.active{background:var(--wine);color:#fff}.categoryTabs button.active>span,.categoryTabs button.active small{color:#e7c9a6}.libraryHead{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px;display:flex}.libraryHead h2,.pendingPanel h2,.materialsContact h2{margin:0;font:400 clamp(34px,4vw,58px)/1.15 Georgia,Noto Serif SC,serif}.libraryHead>p{color:#6e675f;max-width:480px;font-size:12px;line-height:1.85}.leatherGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.leatherCard{text-align:left;color:inherit;cursor:pointer;background:#fff;border:1px solid #ddd4c8;min-width:0;padding:0;transition:transform .25s,box-shadow .25s}.leatherCard:hover{transform:translateY(-4px);box-shadow:0 15px 35px #2f1f161a}.leatherThumb{background:#eee8df;height:290px;position:relative;overflow:hidden}.leatherThumb img{object-fit:cover;object-position:top;width:100%;height:100%}.leatherThumb span{color:#fff;background:#1b1410e0;padding:8px 10px;font:12px Georgia;position:absolute;top:12px;left:12px}.leatherCard>div:last-child{padding:18px}.leatherCard small{letter-spacing:.12em;color:var(--wine);font-size:8px}.leatherCard h3{min-height:52px;margin:9px 0 22px;font:400 22px Georgia,Noto Serif SC,serif}.leatherCard b{color:var(--wine);border-top:1px solid #e6ded4;justify-content:space-between;padding-top:13px;font-size:10px;font-weight:500;display:flex}.pendingPanel{color:#fff;background:#211712;flex-direction:column;justify-content:center;align-items:flex-start;min-height:460px;padding:70px;display:flex}.pendingPanel>span{color:#6e5444;font:72px Georgia}.pendingPanel p{color:#c5bbb3;max-width:600px;line-height:1.9}.pendingPanel a{background:var(--wine);margin-top:22px;padding:16px 22px;font-size:11px}.materialsContact{background:var(--wine);color:#fff;grid-template-columns:1.5fr 1fr;align-items:end;gap:8vw;padding:75px 7vw;display:grid}.materialsContact h2{font-size:clamp(28px,3vw,45px)}.materialsContact>div:last-child{border-top:1px solid #ffffff4d;flex-direction:column;display:flex}.materialsContact>div:last-child a{border-bottom:1px solid #ffffff4d;justify-content:space-between;padding:18px 0;font-size:12px;display:flex}.materialsContact a span{color:#dbc8c9}.lightbox{z-index:100;color:#fff;background:#0d0a08f5;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.lightboxBar{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;padding:17px 24px;display:flex}.lightboxBar small{color:#d1a66f;letter-spacing:.12em;font-size:8px}.lightboxBar h2{margin:5px 0 0;font:400 24px Georgia,Noto Serif SC,serif}.lightboxBar button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;width:42px;height:42px;font-size:25px}.lightboxImage{text-align:center;padding:24px;overflow:auto}.lightboxImage img{background:#fff;width:min(100%,1050px);height:auto;box-shadow:0 20px 70px #00000059}.lightboxActions{border-top:1px solid #ffffff24;justify-content:space-between;gap:12px;padding:14px 24px;display:flex}.lightboxActions button,.lightboxActions a{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;padding:12px 18px;font-size:10px}.lightboxActions a{background:var(--wine);border-color:var(--wine)}@media (max-width:1100px){.leatherGrid{grid-template-columns:repeat(3,1fr)}.materialsStats{grid-template-columns:repeat(4,140px)}}@media (max-width:720px){.materialsUtility{display:none}.materialsNav{height:70px;padding:0 17px}.materialsNav>div{gap:10px}.backLink{display:none}.materialsHero{min-height:650px;padding:80px 22px 0}.materialsHero h1{font-size:51px}.materialsStats{grid-template-columns:repeat(2,1fr);align-self:stretch}.materialsStats div{padding:16px}.materialsContent{padding:55px 18px 75px}.categoryTabs{grid-template-columns:1fr;margin-bottom:58px}.categoryTabs button{border-right:0;border-bottom:1px solid var(--line)}.categoryTabs button:last-child{border-bottom:0}.libraryHead{display:block}.libraryHead>p{margin-top:20px}.leatherGrid{grid-template-columns:1fr 1fr;gap:10px}.leatherThumb{height:220px}.leatherCard>div:last-child{padding:13px}.leatherCard h3{min-height:45px;font-size:17px}.pendingPanel{padding:38px 25px}.materialsContact{grid-template-columns:1fr}.lightboxImage{padding:12px}.lightboxActions{grid-template-columns:1fr 1fr;padding:10px;display:grid}.lightboxActions a{text-align:center;grid-area:1/1/auto/-1}.lightboxActions button{padding:11px 8px}}@media (max-width:430px){.leatherGrid{grid-template-columns:1fr}.leatherThumb{height:310px}}
