.materials-page{--ink:#171512;--paper:#eee9e0;--clay:#a78569;background:var(--paper);min-height:100vh;color:var(--ink)}.materials-page a{text-decoration:none}.materials-header{border-bottom:1px solid #1715122e;justify-content:space-between;align-items:center;height:86px;padding:0 clamp(20px,5vw,80px);display:flex}.materials-brand{align-items:center;gap:12px;display:flex}.materials-brand strong{letter-spacing:.16em;font-size:24px}.materials-brand span,.materials-header nav{letter-spacing:.2em;font-size:9px}.materials-header nav{text-transform:uppercase;gap:32px;display:flex}.materials-hero{padding:clamp(90px,11vw,175px) 5vw 85px}.materials-hero>p,.materials-result>p:first-child,.materials-tip>p:first-child{text-transform:uppercase;letter-spacing:.21em;color:#756a60;font-size:9px}.materials-hero h1{letter-spacing:-.065em;margin:35px 0 75px;font:400 clamp(64px,9vw,145px)/.82 Georgia,serif}.materials-hero em,.materials-tip em{color:var(--clay);font-weight:400}.materials-hero>div{text-transform:uppercase;letter-spacing:.16em;border-top:1px solid #17151233;grid-template-columns:repeat(3,1fr);padding-top:18px;font-size:9px;display:grid}.materials-finder{background:var(--ink);color:var(--paper);grid-template-columns:.85fr 1.15fr;gap:7vw;padding:110px 5vw;display:grid}.materials-categories{border-top:1px solid #ffffff2e}.materials-categories button{width:100%;color:inherit;text-align:left;cursor:pointer;opacity:.53;background:0 0;border:0;border-bottom:1px solid #ffffff2e;grid-template-columns:42px 1fr auto;gap:14px;padding:20px 6px;transition:all .25s;display:grid}.materials-categories button:hover,.materials-categories button.is-active{opacity:1}.materials-categories button.is-active{background:#ffffff0b;padding-left:18px}.materials-categories span{color:#9e9288;font:14px Georgia,serif}.materials-categories strong{font:400 21px Georgia,serif;display:block}.materials-categories small{color:#8c8279;margin-top:6px;font-size:10px;display:block}.materials-categories i{align-self:center;font-size:22px;font-style:normal}.materials-result{align-self:start;padding-top:15px;position:sticky;top:40px}.materials-result h2{letter-spacing:-.05em;margin:20px 0 30px;font:400 clamp(48px,6vw,88px)/.9 Georgia,serif}.materials-result>p:nth-of-type(2){color:#9b9188;max-width:620px;font-size:14px;line-height:1.75}.materials-links{margin-top:55px}.materials-links a{border-top:1px solid #ffffff2e;grid-template-columns:50px 1fr auto;align-items:center;gap:20px;padding:22px 0;display:grid}.materials-links a:last-child{border-bottom:1px solid #ffffff2e}.materials-links span{color:#82776e;font:13px Georgia,serif}.materials-links strong{font:400 clamp(20px,2vw,29px) Georgia,serif}.materials-links i{text-transform:uppercase;letter-spacing:.12em;color:#aaa096;font-size:8px;font-style:normal}.materials-all{background:var(--paper);color:var(--ink);text-transform:uppercase;letter-spacing:.13em;justify-content:space-between;margin-top:34px;padding:19px 22px;font-size:10px;display:flex}.materials-tip{padding:clamp(110px,14vw,210px) 8vw}.materials-tip h2{letter-spacing:-.055em;margin:32px 0;font:400 clamp(52px,7vw,105px)/.92 Georgia,serif}.materials-tip>p:nth-of-type(2){color:#6e665e;max-width:590px;line-height:1.8}.materials-tip>a{text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid;margin-top:30px;padding-bottom:7px;font-size:10px;display:inline-block}@media (max-width:780px){.materials-header{height:72px}.materials-brand span,.materials-header nav a:not(:last-child){display:none}.materials-header nav{gap:0}.materials-hero{padding:100px 20px 65px}.materials-hero h1{font-size:68px}.materials-hero>div{grid-template-columns:1fr;gap:12px}.materials-finder{grid-template-columns:1fr;gap:80px;padding:75px 20px}.materials-result{position:static}.materials-links a{grid-template-columns:35px 1fr}.materials-links i{grid-column:2}.materials-tip{padding:110px 20px}.materials-tip h2{font-size:56px}}